:root{color:#f8f3e7;--panel:#181a19c7;--panel-strong:#161817eb;--line:#ece0c438;--gold:#d8b568;--red:#ba3f32;--teal:#6aa7a0;--cream:#f8f3e7;--ink:#121416;--muted:#bfb5a2;background:#121416;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}.game-shell{background:linear-gradient(145deg,#202220d1,#121416f5),#121416;grid-template-rows:minmax(0,1fr) 166px;grid-template-columns:minmax(0,1fr) 340px;width:100%;min-width:320px;height:100%;display:grid;position:relative}.stage-panel{grid-area:1/1/3/2;min-width:0;min-height:0;position:relative}.photo-stage{background:#0d0f10;width:100%;height:100%;position:relative;overflow:hidden}.photo-stage img{object-fit:cover;object-position:var(--photo-front-position,center);filter:contrast(1.04)saturate(1.04)brightness(.8);width:100%;height:100%;transform:scale(var(--photo-front-scale,1.02));-webkit-user-select:none;user-select:none;pointer-events:none;transition:transform .42s,object-position .42s,filter .26s;display:block}.photo-stage.multi-angle-photo img,.browser-photo-stage.multi-angle-photo img{object-fit:contain!important;object-position:center center!important;transform:none!important}.photo-stage:after{content:"";pointer-events:none;background:linear-gradient(90deg,#1214161a,#12141605 42%,#12141680 100%),linear-gradient(#00000047,#00000005 48%,#00000057);position:absolute;inset:0}.photo-sheen{z-index:1;pointer-events:none;opacity:0;background:linear-gradient(100deg,#0000 0%,#f8f3e733 42%,#0000 62%);position:absolute;inset:0;transform:translate(-120%)}.photo-credit{z-index:2;color:#f8f3e7b8;pointer-events:none;background:#0a0c0d80;border:1px solid #f8f3e724;border-radius:6px;max-width:min(42vw,520px);padding:7px 9px;font-size:11px;line-height:1.3;position:absolute;bottom:184px;right:20px}.photo-stage.drawing img{filter:contrast(1.12)saturate(1.12)brightness(.88);transform:scale(1.08)}.photo-stage.drawing .photo-sheen{opacity:1;animation:.76s linear infinite scan-photo}.photo-stage.storing img{filter:brightness(.62)saturate(.9);transform:scale(.9)translate(8%)}.photo-stage[data-view=front] img{object-position:var(--photo-front-position,center center);transform:scale(var(--photo-front-scale,1.02))}.photo-stage[data-view=side] img{object-position:var(--photo-side-position,38% 52%);transform:scale(var(--photo-side-scale,1.1))}.photo-stage[data-view=rear] img{object-position:var(--photo-rear-position,62% 52%);transform:scale(var(--photo-rear-scale,1.1))}.photo-stage[data-view=top] img{object-position:var(--photo-top-position,50% 34%);transform:scale(var(--photo-top-scale,1.13))}.photo-stage[data-view=detail] img{object-position:var(--photo-detail-position,50% 58%);transform:scale(var(--photo-detail-scale,1.28))}@keyframes scan-photo{0%{transform:translate(-120%)}to{transform:translate(120%)}}.top-strip{z-index:3;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:absolute;top:22px;left:22px;right:22px}.brand-block,.status-pill,.control-rail,.collection-panel,.result-panel,.view-panel{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 16px 40px #00000042}.brand-block,.status-pill{border-radius:8px;padding:11px 13px}.brand-block strong{letter-spacing:0;margin-top:2px;font-size:26px;line-height:1;display:block}.kicker,.panel-eyebrow,.status-pill span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:12px;display:block}.status-pill{text-align:right;min-width:86px}.status-pill strong{font-size:24px;line-height:1.05;display:block}.draw-meter{z-index:3;opacity:0;background:#ffffff14;border:1px solid #f8f3e738;border-radius:4px;width:min(420px,100vw - 420px);height:6px;transition:opacity .18s;position:absolute;bottom:190px;left:50%;overflow:hidden;transform:translate(-50%)}.game-shell[data-phase=drawing] .draw-meter{opacity:1}.draw-meter span{transform-origin:0;background:linear-gradient(90deg, var(--red), var(--gold), var(--teal));width:100%;height:100%;display:block;transform:scaleX(0)}.live-region{z-index:3;color:#f8f3e7db;pointer-events:none;max-width:36ch;font-size:14px;position:absolute;bottom:184px;left:22px}.control-rail{border-radius:8px;flex-direction:column;grid-area:1/2/2/3;gap:12px;min-width:0;margin:16px 16px 8px 0;padding:14px;display:flex;overflow:auto}.category-switch{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.category-button,.view-button,.primary-action,.secondary-action,.mini-action,.browser-category,.browser-view,.browser-card,.collection-item{min-height:42px;color:var(--cream);cursor:pointer;background:#ffffff0f;border:1px solid #f8f3e72e;border-radius:8px;transition:border-color .14s,background .14s,transform .14s}.category-button:hover,.view-button:hover,.primary-action:hover,.secondary-action:hover,.mini-action:hover,.browser-category:hover,.browser-view:hover,.browser-card:hover,.collection-item:hover{border-color:#d8b568b8;transform:translateY(-1px)}.category-button.active,.view-button.active,.browser-category.active,.browser-view.active,.browser-card.active{border-color:var(--gold);background:#d8b5682e}.primary-action{color:#17130f;background:linear-gradient(135deg,#c34b34,#d8b568);border-color:#d8b568a3;min-height:58px;font-weight:800}.primary-action.compact{min-height:44px;padding:0 13px}.primary-action:disabled{cursor:progress;opacity:.7;transform:none}.secondary-action{background:#6aa7a024;padding:0 12px}.compact-button,.mini-action{min-height:36px;padding:0 12px}.result-panel,.view-panel{border-radius:8px;padding:14px}.result-panel[hidden]{display:none}.result-panel h1{letter-spacing:0;margin:4px 0 12px;font-size:26px;line-height:1.08}.spec-grid{grid-template-columns:1fr 1fr;gap:8px;margin:0;display:grid}.spec-grid div{background:#00000029;border:1px solid #f8f3e71f;border-radius:8px;min-width:0;padding:8px}.spec-grid dt{color:var(--muted);font-size:11px}.spec-grid dd{margin:2px 0 0;font-size:13px;line-height:1.3}.feature-copy{color:#f8f3e7e0;margin:12px 0;font-size:14px;line-height:1.55}.result-actions{grid-template-columns:.9fr 1.1fr;gap:8px;display:grid}.view-grid{grid-template-columns:repeat(5,1fr);gap:7px;margin-top:8px;display:grid}.view-button{min-width:0;min-height:38px}.collection-panel{border-radius:8px;grid-area:2/2/3/3;min-width:0;margin:8px 16px 16px 0;padding:12px;overflow:hidden}.collection-header{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px;display:flex}.collection-header>div{min-width:0}.collection-modal{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050708c7;padding:18px;position:fixed;inset:0}.collection-modal[hidden]{display:none}.collection-browser{background:#101213f5;border:1px solid #f8f3e733;border-radius:8px;grid-template-rows:auto auto minmax(0,1fr) auto;gap:12px;width:min(1220px,100%);height:min(860px,100%);margin:0 auto;display:grid;overflow:hidden;box-shadow:0 30px 90px #00000080}.browser-header,.browser-tabs,.browser-body,.browser-grid{padding-left:16px;padding-right:16px}.browser-header{justify-content:space-between;align-items:center;gap:16px;padding-top:14px;display:flex}.browser-header h2{letter-spacing:0;margin:2px 0 0;font-size:28px;line-height:1}.browser-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.browser-category,.browser-view{min-height:38px}.browser-body{grid-template-columns:minmax(0,1fr) 320px;gap:14px;min-height:0;display:grid}.browser-photo-panel,.browser-detail{background:#ffffff0a;border:1px solid #f8f3e724;border-radius:8px;min-width:0}.browser-photo-panel{grid-template-rows:420px auto;display:grid;overflow:hidden}.browser-photo-stage{background:#080a0b;height:100%;min-height:0;position:relative;overflow:hidden}.browser-photo-stage img{object-fit:contain;object-position:var(--photo-front-position,center center);width:100%;height:100%;min-height:360px;transform:scale(var(--photo-front-scale,1.04));pointer-events:none;transition:transform .26s,object-position .26s;display:block}.browser-photo-stage[data-view=front] img{object-position:var(--photo-front-position,center center);transform:scale(var(--photo-front-scale,1.04))}.browser-photo-stage[data-view=side] img{object-position:var(--photo-side-position,38% 52%);transform:scale(var(--photo-side-scale,1.12))}.browser-photo-stage[data-view=rear] img{object-position:var(--photo-rear-position,62% 52%);transform:scale(var(--photo-rear-scale,1.12))}.browser-photo-stage[data-view=top] img{object-position:var(--photo-top-position,50% 35%);transform:scale(var(--photo-top-scale,1.16))}.browser-photo-stage[data-view=detail] img{object-position:var(--photo-detail-position,50% 58%);transform:scale(var(--photo-detail-scale,1.3))}.browser-credit{color:#f8f3e7b8;background:#090b0c94;border:1px solid #f8f3e729;border-radius:6px;max-width:min(70%,620px);padding:7px 9px;font-size:11px;line-height:1.35;position:absolute;bottom:12px;right:12px}.browser-view-grid{border-top:1px solid #f8f3e71f;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:10px;display:grid}.browser-detail{padding:14px;overflow:auto}.browser-detail h3{letter-spacing:0;margin:4px 0 10px;font-size:27px;line-height:1.08}.english-copy{color:#f8f3e7e0;margin:0 0 12px;font-size:14px;line-height:1.55}.browser-spec{margin-top:12px}.browser-grid{grid-auto-columns:170px;grid-auto-flow:column;gap:10px;padding-bottom:14px;display:grid;overflow-x:auto}.browser-card{text-align:left;grid-template-rows:84px auto auto auto;gap:3px;width:170px;height:156px;padding:8px;display:grid}.browser-card img{object-fit:cover;filter:brightness(.88)contrast(1.04);border-radius:6px;width:100%;height:84px}.browser-card span{color:var(--gold);font-size:12px}.browser-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.browser-card em{color:var(--muted);font-size:12px;font-style:normal}.browser-empty{grid-column:1/-1;align-self:center;padding:16px 0}.collection-list{grid-auto-columns:minmax(132px,1fr);grid-auto-flow:column;gap:8px;height:100px;padding-bottom:2px;display:grid;overflow-x:auto}.collection-item{text-align:left;align-content:center;gap:3px;min-width:132px;height:92px;padding:10px;display:grid}.collection-item span{color:var(--gold);font-size:12px}.collection-item strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.collection-item em,.empty-state{color:var(--muted);margin:0;font-size:12px;font-style:normal}@media (width<=900px){html,body,#app{overflow:auto}.game-shell{grid-template-rows:minmax(420px,58vh) auto auto;grid-template-columns:1fr;min-height:100%;overflow:auto}.stage-panel{grid-area:1/1;min-height:420px}.control-rail{border-left:0;border-right:0;border-radius:0;grid-area:2/1;max-height:none;margin:0;overflow:visible}.collection-panel{border-left:0;border-right:0;border-radius:0;grid-area:3/1;margin:0}.collection-modal{padding:0}.collection-browser{border-radius:0;grid-template-rows:auto auto auto minmax(0,1fr);width:100%;height:100%;overflow:auto}.browser-body{grid-template-columns:1fr;overflow:visible}.browser-photo-stage img{height:100%;min-height:260px}.browser-photo-panel{grid-template-rows:260px auto}.browser-detail{overflow:visible}.browser-grid{grid-auto-columns:150px}.browser-card{width:150px}.top-strip{top:12px;left:12px;right:12px}.brand-block strong{font-size:22px}.draw-meter{width:calc(100vw - 32px);bottom:24px}.live-region{bottom:70px;left:16px}.photo-credit{max-width:calc(100vw - 32px);bottom:18px;left:16px;right:16px}}@media (width<=520px){.stage-panel{min-height:390px}.top-strip{align-items:stretch}.brand-block,.status-pill{padding:9px 10px}.status-pill{min-width:72px}.spec-grid,.result-actions{grid-template-columns:1fr}.view-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.browser-header h2{font-size:24px}.browser-tabs,.browser-view-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}