:root{
  --bg:#17202f;
  --panel:#fff8e8;
  --ink:#1f2937;
  --muted:#687385;
  --accent:#f59e0b;
  --accent2:#2563eb;
  --good:#16a34a;
  --bad:#dc2626;
  --line:#e8d9bd;
}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--bg)}
a{color:inherit}.warehouse-bg{min-height:100vh;padding:24px;background:radial-gradient(circle at top left,#334155 0,#17202f 38%,#0f172a 100%)}
.topbar{max-width:1180px;margin:0 auto 20px;display:flex;justify-content:space-between;gap:20px;align-items:center;color:white}.topbar h1{margin:4px 0 0;font-size:clamp(28px,4vw,48px)}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.12em;font-size:12px;color:#facc15}.topbar nav{display:flex;gap:10px}.topbar a,.btn{border:0;border-radius:999px;padding:12px 18px;background:#ffffff1a;color:white;text-decoration:none;font-weight:800;cursor:pointer;transition:.2s}.topbar a:hover,.btn:hover{transform:translateY(-1px);background:#ffffff2e}.btn.primary{background:linear-gradient(135deg,#f59e0b,#ef4444);box-shadow:0 12px 28px #00000035}.game-layout{max-width:1180px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px}.game-card,.info-card,.panel{position:relative;border-radius:28px;background:var(--panel);box-shadow:0 24px 80px #0008;padding:22px;overflow:hidden}.game-card:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(245,158,11,.12),transparent);pointer-events:none}.hud{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;position:relative;z-index:1}.hud-item{background:white;border:2px solid var(--line);border-radius:20px;padding:14px;text-align:center}.hud-item span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;font-weight:800}.hud-item strong{font-size:28px}.scene{height:190px;margin:18px 0;border-radius:24px;background:linear-gradient(#cbd5e1 0 45%,#94a3b8 45% 47%,#475569 47%);position:relative;overflow:hidden;border:3px solid white}.shelf{position:absolute;top:22px;width:120px;height:100px;background:#7c2d12;border-radius:12px;padding:8px;display:grid;gap:8px}.shelf span{background:#fbbf24;border-radius:8px;box-shadow:inset 0 -8px #d97706}.shelf-left{left:22px}.shelf-right{right:22px}.belt{position:absolute;left:0;right:0;bottom:26px;height:48px;background:repeating-linear-gradient(90deg,#1f2937 0 30px,#374151 30px 60px);border-top:8px solid #64748b;border-bottom:8px solid #64748b}.parcel{position:absolute;left:48%;bottom:54px;width:82px;height:58px;border-radius:12px;background:linear-gradient(135deg,#f97316,#facc15);display:grid;place-items:center;font-weight:900;box-shadow:0 12px 20px #0005;animation:float 1.6s ease-in-out infinite}.parcel-ok{background:linear-gradient(135deg,#22c55e,#bef264)}.parcel-bad{background:linear-gradient(135deg,#ef4444,#f97316);animation:shake .18s linear 3}@keyframes float{50%{transform:translateY(-8px)}}@keyframes shake{50%{transform:translateX(6px)}}.overlay-panel{position:absolute;z-index:5;left:50%;top:50%;transform:translate(-50%,-50%);width:min(520px,calc(100% - 36px));background:white;border-radius:28px;padding:26px;box-shadow:0 24px 70px #0008;text-align:center;border:3px solid #fed7aa}.overlay-panel h2{margin:0 0 8px;font-size:30px}.overlay-panel input{width:100%;padding:14px;border-radius:16px;border:2px solid var(--line);font-size:18px;margin:8px 0 16px}.hidden{display:none!important}.message-board{background:#111827;color:white;border-radius:24px;padding:20px;border:4px solid #334155}.label{margin:0 0 8px;color:#fde68a;text-transform:uppercase;font-size:12px;font-weight:900;letter-spacing:.12em}.target-text{font-size:clamp(22px,3vw,34px);font-weight:900;line-height:1.25;min-height:84px;display:flex;align-items:center}.progress-line{height:12px;background:#374151;border-radius:99px;overflow:hidden}.progress-line div{height:100%;width:100%;background:linear-gradient(90deg,#22c55e,#facc15,#ef4444);transition:width .1s linear}.typing-label{display:block;margin:18px 0 8px;font-weight:900}.typing-input{width:100%;font-size:28px;line-height:1.2;padding:18px;border-radius:22px;border:3px solid #d6c4a5;outline:none;background:white}.typing-input:focus{border-color:var(--accent);box-shadow:0 0 0 5px #f59e0b33}.typing-input.has-error{border-color:var(--bad);background:#fff1f2}.feedback{min-height:28px;margin:14px 0 0;font-weight:800;color:var(--muted)}.feedback.good{color:var(--good)}.feedback.bad{color:var(--bad)}.result-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:18px 0}.result-grid div{background:#f8fafc;border-radius:18px;padding:14px}.result-grid span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;font-weight:900}.result-grid strong{font-size:28px}.info-card h2{margin-top:0}.info-card ul{padding-left:20px;line-height:1.7}.mini-leaderboard{margin-top:18px;background:white;border:2px solid var(--line);border-radius:22px;padding:16px}.mini-leaderboard h3{margin-top:0}.mini-leaderboard ol{padding-left:22px}.mini-leaderboard li{margin:10px 0}.mini-leaderboard li span{display:inline-block;min-width:130px}.simple-page{min-height:100vh;padding:32px;background:radial-gradient(circle at top,#334155,#0f172a);}.panel{max-width:1050px;margin:auto}.panel.narrow{max-width:650px;text-align:center}.page-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.page-head .btn,.simple-page .btn{background:var(--accent2);display:inline-block}.score-table{width:100%;border-collapse:collapse;margin-top:20px;background:white;border-radius:18px;overflow:hidden}.score-table th,.score-table td{padding:13px 12px;border-bottom:1px solid #e5e7eb;text-align:left}.score-table th{background:#111827;color:white}.score-table tr:nth-child(even) td{background:#f8fafc}@media(max-width:900px){.game-layout{grid-template-columns:1fr}.hud{grid-template-columns:repeat(2,1fr)}.topbar{display:block}.topbar nav{margin-top:14px}.scene{height:150px}.shelf{display:none}.target-text{min-height:110px}.typing-input{font-size:22px}}