:root{--ink-navy: #17233f;--moon-blue: #5b79c8;--plum: #6d3e78;--parchment: #f4e7c7;--sealing-red: #c74b55;--brass: #d6a84b;--route-mint: #72d6c1;--brass-ink: #8a6420;--mint-ink: #1f7a68}#game-wrap{background-image:linear-gradient(180deg,#0e162b59,#0e162b26 40%,#0e162b8c),url(./hall-backdrop-D5ola_0G.jpg);background-size:cover;background-position:center 30%}#hud{color:var(--parchment)}.hud-top{flex:0 0 15%;min-height:84px;display:flex;flex-direction:column;justify-content:center;gap:4px;padding:10px 14px 6px;background:linear-gradient(180deg,#17233feb,#17233f99);backdrop-filter:blur(2px)}.district-name{font-size:17px;font-weight:700;letter-spacing:.02em;color:var(--parchment);text-shadow:0 1px 2px rgba(0,0,0,.5)}.stats-row{display:flex;justify-content:space-between;font:600 13px/1.3 ui-monospace,Menlo,Consolas,monospace;font-variant-numeric:tabular-nums}.stats-row .postage{color:var(--brass)}.stats-row .stars{color:var(--route-mint)}.district-progress{height:6px;border-radius:3px;background:#f4e7c726;overflow:hidden}.district-progress .bar-fill{height:100%;background:var(--brass);width:0%;transition:width .2s linear}.hud-mid{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:6px 14px}.meters{width:100%;display:flex;flex-direction:column;gap:8px;background:linear-gradient(180deg,#17233fb3,#17233f80);border:1px solid rgba(214,168,75,.25);border-radius:12px;padding:10px 12px;backdrop-filter:blur(1.5px)}.meter{display:flex;align-items:center;gap:8px}.meter-icon{width:14px;height:14px;flex:0 0 auto;background:var(--route-mint);box-shadow:0 0 0 1px #17233f99,0 1px 2px #0006,inset 0 1px 1px #fff6}.meter[data-kind=desks] .meter-icon{border-radius:3px}.meter[data-kind=satchels] .meter-icon{border-radius:50%}.meter[data-kind=routes] .meter-icon{transform:rotate(45deg)}.meter-label{flex:0 0 74px;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#f4e7c7d9}.meter-bar{flex:1 1 auto;height:10px;border-radius:5px;background:#f4e7c71f;overflow:hidden}.meter-fill{height:100%;width:0%;background:var(--route-mint);transition:width .25s ease,background .25s ease}.meter.is-bottleneck .meter-icon,.meter.is-bottleneck .meter-fill{background:var(--sealing-red)}.meter.is-bottleneck .meter-label{color:var(--sealing-red);font-weight:700}.sort-btn{width:148px;height:148px;border-radius:50%;border:4px solid var(--brass);background:radial-gradient(circle at 35% 30%,#e2686f,var(--sealing-red) 70%);color:var(--parchment);font:800 22px/1.1 Georgia,serif;letter-spacing:.06em;box-shadow:0 6px 18px #00000073,inset 0 2px 6px #ffffff40;touch-action:none;cursor:pointer;transition:transform .08s ease,box-shadow .08s ease}.sort-btn.is-holding{transform:scale(.94);box-shadow:0 3px 10px #0006,inset 0 2px 10px #0000004d,0 0 0 10px #72d6c126}.perfect-sort{font:700 13px/1.2 ui-monospace,Menlo,Consolas,monospace;color:var(--route-mint);min-height:16px}.hud-bottom{flex:0 0 auto;padding:8px 10px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(0deg,#17233ff7,#17233fcc);display:flex;flex-direction:column;gap:8px}.shop{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.shop-item{min-height:52px;border-radius:10px;border:1px solid var(--brass);background:linear-gradient(160deg,#faf1da,var(--parchment) 60%);color:var(--ink-navy);font:600 11px/1.25 Georgia,Times New Roman,serif;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 2px;cursor:pointer;box-shadow:0 2px 4px #00000059}.shop-item .cost{color:var(--brass-ink);font-variant-numeric:tabular-nums}.shop-item:disabled{opacity:.55;cursor:default}.shop-item.is-bottleneck{border-color:var(--sealing-red);box-shadow:0 0 0 1px var(--sealing-red) inset}.redraw-btn{min-height:46px;border-radius:10px;border:1px solid var(--route-mint);background:linear-gradient(160deg,#f2fbf9,#e2f5f1 60%);color:var(--mint-ink);font:700 14px/1.2 Georgia,serif;letter-spacing:.03em;cursor:pointer;box-shadow:0 2px 4px #00000059}.redraw-btn:disabled{opacity:.4;cursor:default}.modal-overlay{position:absolute;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;background:#0e1830d1;padding:24px}.modal-overlay.is-hidden{display:none}.modal-card{width:100%;max-width:300px;background:linear-gradient(160deg,#faf1da,var(--parchment) 55%);border:1px solid var(--brass);border-radius:14px;padding:18px;color:var(--ink-navy);text-align:center;box-shadow:0 12px 30px #0000008c}.modal-card h2{margin:0 0 8px;font-size:17px;font-family:Georgia,Times New Roman,serif;color:var(--plum)}.modal-card p{font-size:13px;line-height:1.5;margin:0 0 14px}.modal-card .forecast{font:700 22px/1 Georgia,serif;font-variant-numeric:tabular-nums;color:var(--mint-ink);margin-bottom:14px}.modal-actions{display:flex;gap:8px}.modal-actions button{flex:1 1 auto;min-height:44px;border-radius:10px;border:1px solid var(--sealing-red);background:linear-gradient(180deg,#de6b73,var(--sealing-red) 70%);color:var(--parchment);font:700 13px/1.2 Georgia,serif;cursor:pointer}.modal-actions button.secondary{background:transparent;color:var(--ink-navy);border-color:#17233f4d}.vignette-toast{position:absolute;left:14px;right:14px;bottom:calc(18% + 10px);z-index:35;background:linear-gradient(160deg,#faf1dafa,#f4e7c7fa);border:1px solid var(--plum);border-radius:12px;padding:12px 14px;color:var(--ink-navy);font-size:12px;line-height:1.45;transform:translateY(12px);opacity:0;transition:transform .3s ease,opacity .3s ease;pointer-events:none;box-shadow:0 6px 16px #0006}.vignette-toast.is-visible{transform:translateY(0);opacity:1}.vignette-toast strong{display:block;color:var(--plum);font-size:12px;margin-bottom:4px;text-transform:uppercase;letter-spacing:.05em}@media(prefers-reduced-motion:reduce){.sort-btn,.meter-fill,.district-progress .bar-fill,.vignette-toast{transition:none}}