/* Frontend Design Premium: three game-detail concepts only; review shell is unchanged. */
.detail-review-dialog{max-width:28rem;width:calc(100% - 40px);max-height:calc(100dvh - 40px);overflow:auto;border:1px solid #d6dfd6;border-radius:14px;padding:24px;background:#fffefa;color:#243b32}.detail-review-dialog::backdrop{background:#243b3266}.detail-review-dialog h2{font-size:19px}.detail-review-dialog p{font-size:14px;line-height:1.8}.detail-review-dialog button{min-height:44px;margin:6px 8px 0 0;padding:9px 14px;border:1px solid #d6dfd6;border-radius:8px;background:#fffefa;color:#243b32;font:inherit;cursor:pointer}.detail-review-dialog button:focus-visible{outline:3px solid #326f86;outline-offset:3px}
#detail-preview{--detail-primary:#244d42;--detail-ink:#243b32;--detail-muted:#596c60;--detail-paper:#fffefa;--detail-border:#d6dfd6;--detail-tint:#eaf0e7;--detail-focus:#326f86;font-family:'Malgun Gothic','Apple SD Gothic Neo',sans-serif}
#detail-preview[hidden],#detail-preview [hidden]{display:none!important} /* Native hidden semantics must survive component grid rules. */
#detail-preview[data-view=travel-detail]{--detail-primary:#295b70;--detail-tint:#eaf2f4}#detail-preview[data-view=lodging]{--detail-primary:#735549;--detail-tint:#f4eee7}
.detail-picker{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.detail-picker label{font-size:12px;color:var(--detail-muted);font-weight:600}#detail-kind{font:inherit;font-size:14px;max-width:100%;min-height:44px;padding:10px 36px 10px 14px;border:1px solid var(--detail-border);border-radius:10px;background:var(--detail-paper);color:var(--detail-ink);cursor:pointer}#detail-kind:disabled{cursor:default}#detail-kind:focus-visible{outline:3px solid var(--detail-focus);outline-offset:3px}
#detail-preview .detail-stage{display:grid;grid-template-columns:minmax(0,1.52fr) minmax(0,1fr);border:1px solid var(--detail-border);border-radius:18px;overflow:hidden;background:var(--detail-paper);box-shadow:0 10px 32px #223d2e09}
#detail-preview .detail-photo{margin:0;min-width:0;display:flex;flex-direction:column;background:var(--detail-paper)}#detail-preview .detail-photo>a{display:block;line-height:0;background:var(--detail-tint)}#detail-preview .detail-photo img{display:block;width:100%;height:auto}#detail-preview .detail-heading{padding:24px 28px 28px;margin:0;flex:1;min-width:0}#detail-category{display:inline-block;font-size:11px;letter-spacing:.07em;color:var(--detail-primary);font-weight:700;margin-bottom:12px}#detail-location{font-size:13px;color:var(--detail-muted);margin:0 0 5px;line-height:1.8}#detail-preview h2{font-size:clamp(22px,2.1vw,34px);line-height:1.4;letter-spacing:-.055em;font-weight:650;word-break:keep-all;overflow-wrap:anywhere;margin:0;color:var(--detail-ink)}
#detail-preview .detail-info{padding:26px 26px 22px;border-left:1px solid var(--detail-border);min-width:0;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--detail-tint),var(--detail-paper) 145px)}
#detail-preview .detail-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 28px;padding:0}#detail-section-title{font-size:12px;line-height:1.5;font-weight:600;letter-spacing:.025em;color:var(--detail-primary);margin:0}.detail-date{white-space:nowrap;font-family:'Segoe UI','Malgun Gothic',sans-serif;font-size:10px;color:var(--detail-muted);font-variant-numeric:tabular-nums}
#detail-preview .detail-highlights{display:flex;flex-wrap:wrap;gap:24px;margin:0 0 24px;padding:0}#detail-preview .detail-highlights>div{min-width:0;padding:0;background:transparent;border-radius:0;flex:1}#detail-preview .detail-highlights dt{font-size:12px;color:var(--detail-muted);margin-bottom:8px;line-height:1.6}#detail-preview .detail-highlights dd{font-family:'Segoe UI','Malgun Gothic',sans-serif;font-size:clamp(24px,2.4vw,38px);font-weight:600;letter-spacing:-.055em;font-variant-numeric:tabular-nums;line-height:1.2;margin:0;color:var(--detail-primary);overflow-wrap:anywhere}.detail-unit{font-size:12px;letter-spacing:0;font-weight:500;margin-left:4px}
#detail-preview[data-view=work-detail] .detail-highlights{flex-direction:column;gap:14px}#detail-preview[data-view=work-detail] .detail-highlights>div:last-child{display:flex;align-items:baseline;gap:12px}#detail-preview[data-view=work-detail] .detail-highlights>div:last-child dd{font-size:18px}#detail-preview[data-view=work-detail] .detail-highlights>div:last-child dt{margin:0}
#detail-preview .detail-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px;border-top:1px solid var(--detail-border);padding:22px 0 0;margin:0 0 24px;flex:1}#detail-preview .detail-facts>div{min-width:0}#detail-preview .detail-facts dt{font-size:12px;color:var(--detail-muted);line-height:1.6;margin:0 0 5px}#detail-preview .detail-facts dd{font-size:14px;font-weight:600;line-height:1.7;letter-spacing:-.02em;word-break:keep-all;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;color:var(--detail-ink);margin:0}
.detail-action-area{margin-top:auto}.detail-action-area button{width:100%;min-height:44px;border:0;border-radius:9px;background:var(--detail-primary);color:var(--detail-paper);font:inherit;font-size:14px;font-weight:600;cursor:default}.detail-action-area button:disabled{opacity:.65;cursor:not-allowed}#detail-preview-only{font-size:10px;color:var(--detail-muted);line-height:1.7;margin:8px 0 0;text-align:center}
#detail-preview .detail-review-notes{border:0;margin:12px 0 0;padding:0}#detail-preview .detail-review-notes summary{font-size:12px;color:var(--detail-muted);min-height:36px;cursor:pointer}#detail-disclaimer{font-size:12px;line-height:1.85;color:var(--detail-muted);margin:8px 0 14px;max-width:78ch}#detail-review-unit{margin:10px 0 18px;font-size:12px}
#detail-preview :is(a,summary,button):focus-visible{outline:3px solid var(--detail-focus);outline-offset:3px}#detail-preview *{scrollbar-color:var(--detail-muted) var(--detail-tint);scrollbar-width:auto}
@media(min-width:1600px){#detail-preview .detail-heading{padding:30px 36px}#detail-preview .detail-info{padding:32px}#detail-preview .detail-topline{margin-bottom:36px}}
@media(max-width:1050px){#detail-preview .detail-stage{grid-template-columns:1fr}#detail-preview .detail-info{border-left:0;border-top:1px solid var(--detail-border);padding:24px}#detail-preview .detail-heading{padding:22px 24px}#detail-preview h2{font-size:28px}#detail-preview .detail-highlights dd{font-size:34px}#detail-preview[data-view=work-detail] .detail-highlights{flex-direction:row;align-items:end}#detail-preview[data-view=work-detail] .detail-highlights>div:last-child{display:block}#detail-preview[data-view=work-detail] .detail-highlights>div:last-child dt{margin-bottom:8px}}
@media(max-width:480px){#detail-preview .detail-stage{border-radius:14px}#detail-preview .detail-heading,#detail-preview .detail-info{padding:22px 18px}#detail-preview h2{font-size:25px}#detail-preview .detail-highlights{gap:16px}#detail-preview .detail-highlights dd{font-size:30px}#detail-preview .detail-facts{gap:18px 14px}.detail-date{font-size:10px}.detail-picker{gap:8px}#detail-kind{width:100%}}
@media(prefers-reduced-motion:reduce){#detail-preview *,#detail-preview *:before{animation:none;transition:none;scroll-behavior:auto}}@media(forced-colors:active){#detail-preview{--detail-primary:CanvasText;--detail-ink:CanvasText;--detail-muted:CanvasText;--detail-paper:Canvas;--detail-border:CanvasText;--detail-tint:Canvas;--detail-focus:Highlight}#detail-preview *{scrollbar-color:auto}}