:root{--ink:#f7fbff;--muted:#b8cce1;--panel:#07182be0;--panel-strong:#0a2440f5;--line:#92c7ff57;--gold:#ffc928;--green:#65d84e;--blue:#2f8fe8;--red:#e63935;--orange:#f39b21;--shadow:0 16px 34px #00060e6b}*{box-sizing:border-box}html,body{min-height:100%}body{color:var(--ink);background:#071421;margin:0;font-family:Arial,Helvetica,sans-serif;overflow:hidden}button,input{font:inherit}button{cursor:pointer}.app-stage,.gameplay{background:linear-gradient(90deg,#030d1ac7,#030d1a61),url(/reference/background.png) 50%/cover no-repeat;min-height:100dvh;max-height:100dvh;position:relative;overflow:hidden}.app-stage--entry,.app-stage--guide,.app-stage--result{place-items:center;padding:clamp(18px,4vw,56px);display:grid}.entry-card,.guide-card,.result-board{border:2px solid var(--line);width:min(980px,92vw);box-shadow:var(--shadow);background:linear-gradient(#0c2a4af5,#041222f5);border-radius:18px}.entry-card,.guide-card{gap:22px;padding:clamp(24px,4vw,48px);display:grid}.brand-lockup{align-items:center;gap:18px;display:flex}.brand-lockup img,.top-hud__brand img{object-fit:contain;background:#fff;border-radius:10px;width:76px;height:56px;padding:8px}.brand-lockup p,.stage-chip,.panel-title,.hud-metric span{color:var(--gold);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:900}.brand-lockup h1,.guide-card h1,.result-board h1{margin:0;font-size:clamp(2rem,5vw,4.8rem);line-height:.95}.entry-card__copy{max-width:64ch;color:var(--muted);margin:0;font-size:1.06rem;line-height:1.55}.name-field{gap:8px;max-width:460px;font-weight:900;display:grid}.name-field input{border:2px solid var(--line);min-height:54px;color:var(--ink);background:#020912b8;border-radius:10px;outline:none;padding:0 16px}.name-field input:focus{border-color:var(--gold)}.form-error{color:#ffb1a8;margin:0;font-weight:900}.primary-action,.receiving-card button,.secondary-action{color:#1b1605;text-transform:uppercase;background:linear-gradient(#ffe070,#f0a51b);border:2px solid #fff6b4b8;border-radius:10px;min-height:52px;font-weight:950;box-shadow:0 10px 18px #00000047}.primary-action{width:fit-content;padding:0 24px}.secondary-action{color:#071421;background:linear-gradient(#d9ecff,#86bff0);border-color:#92c7ff9e;min-height:38px;padding:0 12px;font-size:.72rem}.secondary-action:disabled{cursor:not-allowed;opacity:.45}.guide-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.guide-steps article{border:1px solid var(--line);background:#020a148a;border-radius:14px;gap:12px;min-height:150px;padding:16px;display:grid}.guide-steps strong{background:var(--gold);color:#1b1605;border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.guide-steps span{color:var(--ink);font-weight:800;line-height:1.35}.gameplay{grid-template-rows:minmax(78px,11vh) minmax(0,1fr);padding:10px;display:grid}.top-hud{z-index:2;grid-template-columns:1.55fr 1.05fr 1.05fr 1fr 1fr 1.15fr .6fr;align-items:stretch;gap:8px;min-height:78px;display:grid}.top-hud__brand,.hud-metric,.hud-warning{min-width:0;box-shadow:var(--shadow);background:linear-gradient(#0a2644f5,#041120f5);border:2px solid #4291da80;border-radius:12px}.top-hud__brand{align-items:center;gap:10px;padding:8px;display:flex}.top-hud__brand strong{color:var(--gold);text-transform:uppercase;font-size:clamp(1.1rem,2vw,1.9rem);line-height:1;display:block}.top-hud__brand span{color:var(--ink);text-transform:uppercase;font-size:.78rem;font-weight:900}.hud-metric{text-align:center;place-items:center;padding:8px;display:grid}.hud-metric strong{color:var(--ink);font-size:clamp(.9rem,1.7vw,1.55rem);font-weight:950;line-height:1.1}.hud-metric__strong{color:var(--gold)!important;font-size:clamp(1.45rem,3vw,2.5rem)!important}.hud-warning{color:#fff4dc;text-align:center;grid-column:3/6;justify-content:center;align-items:center;min-height:42px;margin:0;padding:0 16px;font-weight:950;display:flex;transform:translateY(6px)}.hud-warning--danger{background:repeating-linear-gradient(135deg,#ffc9281f 0 10px,#0000001f 10px 20px),#600c0cf5;border-color:#ff564ec7}.hud-warning--ok{background:#124d22eb;border-color:#65d84eb8}.gameplay__grid{grid-template-rows:minmax(0,1fr) minmax(118px,22vh);grid-template-columns:minmax(250px,25vw) minmax(150px,12vw) minmax(430px,1fr) minmax(260px,24vw);gap:10px;min-height:0;padding-top:14px;display:grid}.gameplay--before .gameplay__grid{grid-template-columns:minmax(280px,26vw) minmax(0,1fr) minmax(270px,24vw)}.workflow-zone,.tablet-panel,.rack-zone,.investigator-zone,.scrap-card,.incoming-queue,.latest-hint{border:2px solid var(--line);background:var(--panel);min-width:0;min-height:0;box-shadow:var(--shadow);border-radius:14px}.workflow-zone{grid-row:1/3;grid-template-rows:auto minmax(128px,22vh) minmax(92px,14vh) minmax(210px,1fr) auto;gap:8px;padding:10px;display:grid}.panel-title{color:var(--ink);font-size:clamp(.72rem,1vw,.9rem)}.receiving-card,.current-part-card,.scale-card,.registration-card{background:linear-gradient(#0f365ceb,#041120e0);border:2px solid #4291da75;border-radius:12px}.is-draggable{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.is-draggable:active{cursor:grabbing}.is-empty,.empty-state{min-height:52px;color:var(--muted);text-align:center;place-items:center;font-size:.76rem;font-weight:900;line-height:1.25;display:grid}.receiving-card{grid-template-rows:minmax(0,1fr) auto;place-items:center;gap:6px;padding:8px;display:grid;overflow:hidden}.receiving-card .svg-asset{max-width:min(94%,320px)}.receiving-card .svg-asset svg{max-height:clamp(52px,8vh,96px)}.receiving-card button{z-index:1;width:min(82%,260px);min-height:42px;position:relative}.current-part-card{grid-template-columns:minmax(72px,30%) minmax(0,1fr);align-items:center;gap:10px;padding:8px;display:grid;overflow:hidden}.current-part-card>div{gap:3px;min-width:0;display:grid}.current-part-card strong,.rack-item strong,.incoming-queue strong{color:var(--ink);text-transform:uppercase;font-weight:950}.current-part-card span,.incoming-queue span,.micro-hint{color:var(--muted);font-size:.78rem;font-weight:800}.workflow-stack{grid-template-columns:1fr;gap:8px;min-height:0;display:grid}.scale-card,.registration-card{align-content:start;gap:6px;padding:8px;display:grid;overflow:hidden}.scale-card .svg-asset{justify-self:center;width:min(72%,230px)}.scale-card .svg-asset svg{max-height:112px}.scale-readout{color:#17202a;background:#ffffffe6;border-radius:8px;justify-self:center;padding:5px 10px;font-size:1.05rem;font-weight:950}.registration-card dl{gap:6px;margin:0;display:grid}.registration-card div{grid-template-columns:.8fr 1fr;gap:6px;display:grid}.registration-card dt,.registration-card dd{min-width:0;margin:0;font-size:.78rem;font-weight:900}.registration-card--ready{border-color:#65d84ecc;box-shadow:inset 0 0 0 2px #65d84e29}.registration-card dd{color:#1c2530;text-overflow:ellipsis;white-space:nowrap;background:#ffffffe0;border-radius:6px;padding:5px 8px;overflow:hidden}.micro-hint{background:#0000006b;border-radius:9px;margin:0;padding:7px 9px}.tablet-panel{grid-row:1/2;align-content:center;gap:8px;padding:10px;display:grid}.tablet-frame{background:#243546;border:8px solid #151a1f;border-radius:22px;gap:10px;padding:14px;display:grid}.tablet-grid{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.tablet-cell{color:#fff;border:1px solid #ffffff3d;border-radius:5px;align-content:space-between;min-height:42px;padding:4px;font-size:.62rem;font-weight:900;display:grid}.tablet-cell i,.rack-item i,.patience-bar i{background:var(--green);border-radius:999px;block-size:5px;display:block}.tablet-cell--empty{background:#1f6bb5}.tablet-cell--occupied{background:#69717a}.tablet-cell--valid{background:#208b3a}.tablet-cell--overdue{background:#b71f2d}.tablet-legend,.system-active{color:var(--ink);grid-template-columns:repeat(2,1fr);gap:4px;font-size:.62rem;font-weight:900;display:grid}.system-active{background:#154e20b3;border:2px solid #65d84e99;border-radius:12px;padding:10px}.system-active strong{color:var(--green);text-transform:uppercase;grid-column:1/-1}.rack-zone{grid-area:1/3/2/4;grid-template-rows:auto minmax(0,1fr) auto;gap:8px;padding:10px;display:grid}.gameplay--before .rack-zone{grid-column:2/3}.rack-zone--warning{border-color:#ff564edb;animation:.18s linear infinite rack-shake}.rack-zone__header,.panel-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.rack-zone__header strong,.rack-zone__header span,.panel-heading strong{color:var(--ink);text-transform:uppercase;background:#0209129e;border-radius:8px;padding:6px 10px;font-size:.78rem;font-weight:950}.rack-grid{grid-template-rows:repeat(4,minmax(0,1fr));gap:7px;min-height:0;display:grid}.rack-row{grid-template-columns:minmax(54px,.34fr) repeat(4,minmax(0,1fr));gap:7px;min-height:0;display:grid}.rack-row__label{background:#041120e6;border-radius:9px;place-items:center;display:grid}.rack-row__label strong,.rack-row__label span{font-weight:950}.rack-row__label span{color:var(--muted);font-size:.68rem}.rack-slot{background:#131c23eb;border:2px solid #ffc9286b;border-radius:10px;place-items:center;min-width:0;min-height:0;display:grid}.rack-slot--empty{border-style:dashed;border-color:#dfe9f280}.gameplay--dragging .rack-slot--empty{background:#3e5460e0;border-color:#ffc928e6}.rack-slot--due{border-color:#f39b21db}.rack-slot--overdue{background:#4a1216eb;border-color:#e63935e6}.rack-slot--requested{box-shadow:inset 0 0 0 2px #ffc92880,0 0 18px #ffc92838}.rack-slot__plus{color:#ffffffa6;font-size:clamp(2rem,3vw,3.6rem);font-weight:700}.rack-item{place-items:center;gap:2px;width:100%;height:100%;padding:4px;display:grid}.rack-item .svg-asset{max-width:92%;max-height:76%}.rack-item strong{color:#17202a;text-overflow:ellipsis;white-space:nowrap;background:#ffffffdb;border-radius:4px;max-width:100%;padding:2px 5px;font-size:.62rem;overflow:hidden}.rack-legend{color:var(--ink);justify-content:center;gap:12px;font-size:.72rem;font-weight:900;display:flex}.investigator-zone{grid-area:1/4/2/5;grid-template-rows:auto minmax(0,1fr);gap:8px;padding:10px;display:grid}.gameplay--before .investigator-zone{grid-column:3/4}.request-list{gap:8px;min-height:0;display:grid;overflow:hidden auto}.request-card{border:2px solid var(--orange);color:#17202a;touch-action:none;background:#fff4e2f2;border-radius:12px;grid-template-columns:minmax(64px,30%) 1fr;gap:8px;min-height:0;padding:8px;display:grid}.request-card--happy{border-color:var(--green)}.request-card--angry{border-color:var(--red)}.request-card>span{color:#fff;text-align:center;text-transform:uppercase;background:#17202a;border-radius:6px;grid-column:1/2;font-size:.72rem;font-weight:950}.request-card strong{color:#fff;background:var(--orange);text-transform:uppercase;border-radius:8px;margin-bottom:5px;padding:5px 8px;display:block}.request-card--happy strong{background:#4d9a33}.request-card--angry strong{background:var(--red)}.request-card dl,.request-card dt,.request-card dd{margin:0}.request-card dl{gap:5px;display:grid}.request-card dl div{grid-template-columns:.65fr 1fr;gap:5px;font-size:.72rem;font-weight:900;display:grid}.request-card dd{text-align:center;text-overflow:ellipsis;white-space:nowrap;border:1px solid #17202a2e;border-radius:5px;padding:4px 6px;overflow:hidden}.patience-bar{background:#17202a38;border-radius:999px;height:10px;margin-top:8px;display:block}.utility-zone{grid-area:2/2/3/5;grid-template-columns:minmax(220px,.8fr) minmax(360px,1.6fr) minmax(280px,1.1fr);gap:10px;min-height:0;display:grid}.gameplay--before .utility-zone{grid-column:2/4}.scrap-card,.incoming-queue,.latest-hint{min-height:0;padding:10px;display:grid}.scrap-card{text-align:center;background:#5c0e0ee6;border-color:#e63935b8;place-items:center;overflow:hidden}.scrap-card span{color:#ffe6e2;font-size:.72rem;font-weight:900;line-height:1.18}.scrap-card .svg-asset{width:min(62%,170px)}.incoming-queue{gap:8px}.incoming-queue>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;min-height:0;display:grid}.incoming-queue article{color:#17202a;text-align:center;background:#ffffffe6;border-radius:10px;place-items:center;min-width:0;padding:6px;display:grid}.incoming-queue .svg-asset{max-height:72px}.latest-hint{grid-template-columns:1fr 96px;align-items:center;gap:8px}.latest-hint .panel-title{grid-column:1/-1}.latest-hint p{color:var(--gold);margin:0;font-size:clamp(.82rem,1.1vw,1.02rem);font-weight:950;line-height:1.35}.svg-asset{width:100%;min-width:0;display:block}.svg-asset svg{width:100%;height:auto;display:block}.drop-ready{outline-offset:-4px;outline:2px solid #0000}.drop-ready:hover,.rack-slot:hover,.request-card:hover{outline-color:#ffc928b3}.result-board{gap:18px;padding:clamp(22px,3vw,38px);display:grid}.result-metrics{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.result-metrics article,.learning-chain,.kpi-table,.leaderboard-panel{border:1px solid var(--line);background:#020a148a;border-radius:12px}.result-metrics article{gap:7px;min-height:90px;padding:12px;display:grid}.result-metrics span{color:var(--muted);font-size:.74rem;font-weight:900}.result-metrics strong{color:var(--gold);font-size:clamp(1.2rem,2vw,2rem);font-weight:950}.learning-chain{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:12px;display:grid}.learning-chain span{color:#ffe7db;font-size:.78rem;font-weight:900}.kpi-table{display:grid;overflow:hidden}.kpi-table div{grid-template-columns:1.4fr 1fr 1fr;gap:1px;display:grid}.kpi-table span,.kpi-table strong{background:#ffffff0f;padding:10px 12px;font-size:.86rem;font-weight:900}.leaderboard-panel{gap:10px;padding:12px;display:grid}.leaderboard-error{color:#ffe6e2;background:#600c0cb8;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;font-weight:900;display:flex}.leaderboard-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.leaderboard-list li{background:#ffffff14;border-radius:9px;gap:4px;min-width:0;padding:8px;display:grid}.leaderboard-list span,.leaderboard-list strong,.leaderboard-list b{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.leaderboard-list span{color:var(--gold);font-size:.72rem;font-weight:950}.leaderboard-list strong{color:var(--ink);font-size:.82rem;font-weight:950}.leaderboard-list b{color:var(--green);font-size:1rem}.learning-overlay{z-index:5;width:min(980px,88vw);box-shadow:var(--shadow);background:#540c0ef2;border:2px solid #ffc928d6;border-radius:14px;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:14px;display:grid;position:fixed;inset-block-start:50%;inset-inline:50%;transform:translate(-50%,-50%)}.learning-overlay span{color:#fff4dc;text-align:center;font-size:.78rem;font-weight:950;line-height:1.25}.drag-preview{z-index:10;color:#17202a;pointer-events:none;background:#fffffff0;border:2px solid #ffc928e6;border-radius:12px;place-items:center;gap:3px;width:104px;padding:8px;display:grid;position:fixed;transform:translate(-50%,-50%);box-shadow:0 18px 28px #00000057}.drag-preview .svg-asset{width:78px}.drag-preview strong{text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;max-width:100%;font-size:.66rem;font-weight:950;overflow:hidden}@keyframes rack-shake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}@media (max-width:1380px),(max-height:820px){.gameplay{padding:8px}.top-hud{grid-template-columns:1.35fr 1fr .9fr .85fr .85fr 1fr .55fr;gap:6px}.gameplay__grid{grid-template-rows:minmax(0,1fr) minmax(104px,20vh);grid-template-columns:minmax(236px,24vw) minmax(132px,11vw) minmax(390px,1fr) minmax(244px,23vw);gap:8px}.gameplay--before .gameplay__grid{grid-template-columns:minmax(258px,25vw) minmax(0,1fr) minmax(250px,24vw)}.workflow-zone{grid-template-rows:auto minmax(104px,16vh) minmax(66px,10vh) minmax(240px,1fr) auto}.receiving-card .svg-asset svg{max-height:46px}.receiving-card button{min-height:38px;font-size:.76rem}.registration-card dt,.registration-card dd,.request-card dl div,.incoming-queue span,.current-part-card span{font-size:.68rem}.workflow-stack{gap:6px}.scale-card,.registration-card{gap:5px;padding:6px}.scale-card .svg-asset svg{max-height:58px}.registration-card dl{gap:4px}.registration-card dd{padding:4px 6px}.registration-card .secondary-action{width:100%;min-height:34px;padding:0 8px;font-size:.66rem}.utility-zone{grid-template-columns:minmax(190px,.78fr) minmax(330px,1.55fr) minmax(244px,1fr)}.leaderboard-list{grid-template-columns:repeat(3,minmax(0,1fr))}.learning-overlay{grid-template-columns:repeat(5,minmax(0,1fr));width:min(900px,92vw)}.guide-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}