.detail-main{max-width:none;padding-bottom:38px}.game-detail-heading .detail-meta span{gap:5px}.game-detail-heading .detail-meta img{width:18px;height:18px;object-fit:contain}.ranking-register h2,.tips-card h2{display:flex;align-items:center;gap:7px}.ranking-register .section-icon,.tips-card .section-icon{width:29px;height:29px}.game-detail-heading{display:grid;grid-template-columns:145px minmax(0,1fr) auto;align-items:center;gap:16px;margin:0 0 16px;padding:15px;border:1px solid var(--border);border-radius:20px;background:linear-gradient(100deg,#fff,#f7fbf6 56%,#fff5f1)}.game-detail-heading>img{width:145px;aspect-ratio:16/9;object-fit:cover;border-radius:14px}.game-detail-heading .section-kicker{margin:0 0 4px;color:var(--accent-dark)}.game-detail-heading h1{margin:0;font-size:clamp(25px,4vw,36px);font-weight:950;letter-spacing:-.07em}.game-detail-lead{margin:5px 0 8px;color:var(--text-muted);font-size:13px}.detail-meta{display:flex;flex-wrap:wrap;gap:5px}.detail-meta span{min-height:26px;display:inline-flex;align-items:center;padding:0 9px;border-radius:999px;background:#e7f5ef;color:#536956;font-size:10px;font-weight:800}.detail-meta span:nth-child(2n){background:#e3f1f9}.detail-like{white-space:nowrap}.detail-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.9fr);align-items:start;gap:15px}.detail-primary,.detail-sidebar{min-width:0;display:grid;gap:13px}.game-poster{position:relative;display:grid;grid-template-columns:118px minmax(0,1fr);align-items:center;gap:13px;min-height:144px;padding:15px;border:1px solid var(--border);border-radius:20px;background:#fff}.game-poster[hidden]{display:none}.poster-art{position:relative;height:103px;display:grid;place-items:center;overflow:hidden;border-radius:15px;background:linear-gradient(#b7e9f7 0,#b7e9f7 52%,#b4e18e 52%)}.poster-art:before{position:absolute;bottom:-28px;left:-10px;width:140px;height:63px;border-radius:50%;background:#88cf83;content:""}.poster-character{z-index:1;width:53px;height:53px;display:grid;place-items:center;border:3px solid #fff;border-radius:15px;background:#fff1d4;color:#64453a;font-size:30px;font-weight:950;transform:rotate(-5deg)}.poster-tile{position:absolute;z-index:2;width:30px;height:30px;display:grid;place-items:center;border:2px solid white;border-radius:9px;background:#fff1d4;color:var(--text);font-weight:850;box-shadow:0 2px 6px #49352a20}.tile-one{left:8px;bottom:9px;transform:rotate(-11deg)}.tile-two{right:8px;top:8px;transform:rotate(9deg)}.poster-copy .section-kicker{margin-bottom:5px;color:var(--accent-dark)}.poster-copy h2{margin:0 0 5px;font-size:19px;font-weight:950;letter-spacing:-.05em}.poster-copy p:last-child{margin:0;color:var(--text-muted);font-size:11px;line-height:1.6}.play-cta{grid-column:1/-1;width:100%;min-height:49px;display:flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:14px;background:linear-gradient(135deg,#f69499,#df6c7a);color:#fff;font-size:15px;font-weight:900}.play-cta:hover{background:var(--accent-dark)}.play-cta:disabled{opacity:.7;cursor:wait}.load-status{grid-column:1/-1;margin:-4px 0 0;color:var(--text-muted);font-size:11px;text-align:center}#app[hidden]{display:none}.detail-about h2,.detail-howto h2,.tips-card h2{margin:0 0 8px;font-size:16px;font-weight:900}.detail-about p,.detail-howto li,.tips-card li{color:#6f615d;font-size:12px;line-height:1.8}.detail-about p{margin:0}.detail-howto ol,.tips-card ul{display:grid;gap:4px;padding-left:21px;margin:0}.detail-howto li::marker,.tips-card li::marker{color:var(--accent-dark);font-weight:900}.ranking-panel{min-width:0;padding:15px;border:1px solid var(--border);border-radius:18px;background:#fff}.ranking-panel .section-heading{margin-bottom:7px}.ranking-panel .section-heading h2{font-size:17px}.ranking-panel .section-heading p{font-size:10px}.ranking-panel .ranking-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:8px 0}.ranking-panel .ranking-tab{min-height:40px;padding:0 3px;border:1px solid #efe7df;border-radius:11px;background:#fbfaf7;color:#665953;font-size:10px;font-weight:850}.ranking-panel .ranking-tab[aria-selected=true]{border-color:#f4b6c0;background:#ffe7eb;color:#b44e60}.ranking-period{margin:0 0 5px;color:var(--text-muted);font-size:10px}.personal-rank{margin:7px 0;padding:9px;border-radius:11px;background:#fff5dc;color:#6e5835;font-size:11px;font-weight:800}.national-list{margin:0;padding:0;list-style:none}.ranking-row{min-height:40px;display:flex;align-items:center;gap:8px;border-top:1px solid #f1ebe4;color:var(--text);font-size:11px}.ranking-row.is-current-player{background:#fff8e8}.rank-number{width:31px;flex:0 0 auto;text-align:center;font-weight:900}.rank-title{flex:1;min-width:0;overflow-wrap:anywhere;font-size:11px;font-weight:750}.ranking-row strong{flex:0 0 auto;font-size:12px;font-weight:900}.ranking-row strong small{margin-left:3px;color:var(--text-muted);font-size:9px}.rank-social{display:block;margin-top:2px;color:var(--text-muted);font-size:9px}.ranking-status{margin:8px 0;color:var(--text-muted);font-size:10px;text-align:center}.ranking-more{width:100%;min-height:38px;margin-top:7px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--text);font-size:11px;font-weight:800}.ranking-more[hidden],.around-me[hidden]{display:none}.ranking-disclaimer{margin:10px 0 0;color:var(--text-muted);font-size:9px;line-height:1.5}.around-me{margin-top:12px;padding-top:10px;border-top:1px solid var(--border)}.around-me h3{margin:0 0 4px;font-size:12px}.rank-gap{margin:7px 0 0;color:var(--accent-dark);font-size:11px;font-weight:850}.ranking-register{padding:15px;border:1px solid #f1e6ce;border-radius:18px;background:linear-gradient(130deg,#fffbeb,#fff)}.ranking-register h2{margin:0 0 8px;font-size:16px}.ranking-register>p{margin:0;color:var(--text-muted);font-size:11px}.ranking-register>p strong{margin-left:4px;color:#614528;font-size:16px}.ranking-register .register-note{margin-top:5px;font-size:10px}.national-submit-form{display:grid;gap:7px;margin-top:12px;text-align:left}.national-submit-form[hidden]{display:none}.national-submit-form label{color:#645550;font-size:10px;font-weight:800}.national-submit-form input:not([type=checkbox]),.national-submit-form select{width:100%;min-height:39px;padding:0 10px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--text);font-size:12px}.national-submit-form small{color:var(--text-muted);font-size:9px}.save-profile-label{display:flex;align-items:center;gap:7px;margin:3px 0}.save-profile-label input{width:16px;height:16px;accent-color:var(--accent-dark)}.submit-ranking-button{min-height:43px;padding-inline:13px;border:0;border-radius:12px;background:linear-gradient(135deg,#f69499,#df6c7a);color:#fff;font-size:12px;font-weight:900}.submit-ranking-button:disabled{opacity:.55}.ranking-submit-status{min-height:1.2em;margin:0;color:var(--accent-dark);font-size:10px;text-align:center}.detail-comments{margin-top:18px}.detail-comments .section-heading{margin-bottom:11px}.detail-comments .section-heading h2{margin:0;font-size:18px}.detail-comments .section-heading p{margin:3px 0 0;color:var(--text-muted);font-size:10px}.detail-comments .section-heading>span{color:var(--text-muted);font-size:10px}.comment-form{display:grid;grid-template-columns:1fr;gap:6px;padding:13px;border:1px solid #f0e8df;border-radius:14px;background:#fffdfa}.comment-form label{color:#645550;font-size:10px;font-weight:800}.comment-form input,.comment-form textarea{width:100%;min-height:40px;padding:9px 11px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--text);font-size:12px}.comment-form textarea{min-height:79px;resize:vertical}.comment-form-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;color:var(--text-muted);font-size:10px}.comment-form-bottom button{min-height:39px}.comment-status{min-height:1.2em;margin:0;color:var(--accent-dark);font-size:10px}.comment-list{display:grid;margin-top:10px}.comment-item{display:grid;grid-template-columns:37px minmax(0,1fr) auto;align-items:start;gap:10px;padding:12px 5px;border-top:1px solid #f1ebe4}.comment-avatar{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:var(--sky);color:#557887;font-size:13px;font-weight:900}.comment-item:nth-child(3n+2) .comment-avatar{background:var(--pink);color:#8b5763}.comment-item:nth-child(3n) .comment-avatar{background:var(--mint);color:#547455}.comment-copy{min-width:0}.comment-heading{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.comment-heading strong{font-size:11px}.comment-heading time{color:var(--text-muted);font-size:9px}.comment-copy p{margin:4px 0 0;color:#655954;font-size:12px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.report-button{min-height:31px;padding:0 8px;border:1px solid var(--border);border-radius:9px;background:#fff;color:var(--text-muted);font-size:9px;font-weight:800}.comment-empty{margin:0;padding:17px 5px;color:var(--text-muted);font-size:11px;text-align:center}.local-records{margin:14px 0 0}.local-records summary{color:var(--text-muted);font-size:11px;font-weight:800;cursor:pointer}.local-records .ranking-list{margin-top:8px}.detail-update{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:18px 0 0;padding:15px;border:1px solid var(--border);border-radius:16px;background:#fff}.detail-update h2{margin:0;font-size:15px}.detail-update .section-kicker{margin-bottom:4px}.detail-update>p{margin:0;color:#6f615d;font-size:11px;line-height:1.8}.bug-report-link{margin:10px 0 0;font-size:11px}.bug-report-link a{color:var(--accent-dark);font-weight:850;text-decoration:none}@media(max-width:800px){.detail-grid{grid-template-columns:minmax(0,1fr)}.detail-sidebar{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.ranking-panel{grid-row:span 2}}@media(max-width:560px){.game-detail-heading{grid-template-columns:88px minmax(0,1fr);gap:10px;padding:11px}.game-detail-heading>img{width:88px;border-radius:12px}.game-detail-heading h1{font-size:23px}.game-detail-lead{font-size:11px}.detail-like{grid-column:1/-1;justify-self:start;min-height:35px}.detail-sidebar{grid-template-columns:1fr}.ranking-panel{grid-row:auto}.detail-grid{gap:11px}.detail-primary,.detail-sidebar{gap:10px}.game-poster{grid-template-columns:82px minmax(0,1fr);gap:8px;padding:10px}.poster-art{height:82px}.poster-character{width:43px;height:43px;font-size:25px}.poster-copy h2{font-size:15px}.poster-copy p:last-child{font-size:10px}.play-cta{min-height:47px}.comment-item{grid-template-columns:32px minmax(0,1fr) auto;gap:7px}.comment-avatar{width:31px;height:31px}.detail-update{align-items:flex-start;flex-direction:column;gap:7px}}