:root{--font-display:"Fredoka", system-ui, sans-serif;--font-body:"Nunito", system-ui, sans-serif;--bg:#fff6e8;--bg-2:#ffe0b5;--ink:#1f2a30;--panel:#fffcf5eb;--line:#1f2a301f;--primary:#2a9d8f;--secondary:#264653;--accent:#e9c46a;--danger:#d62828;--ok:#2a9d8f;--shadow:0 10px 30px #2646531f;--radius:16px;--hud-h:56px;--hud-stack-h:7.25rem;--status-h:3.1rem}*{box-sizing:border-box}html,body,#root{overscroll-behavior-x:none;width:100%;max-width:100%;height:100%;min-height:100%;margin:0;overflow-x:hidden}body{font-family:var(--font-body);color:var(--ink);background:radial-gradient(circle at 15% 10%, #ffe8c2 0%, transparent 40%), radial-gradient(circle at 85% 0%, #c8f0e8 0%, transparent 35%), linear-gradient(160deg, var(--bg), var(--bg-2));touch-action:pan-y;background-attachment:fixed}button,input,select,textarea{font:inherit}h1,h2,h3,.brand{font-family:var(--font-display);letter-spacing:.01em}.app-shell{flex-direction:column;width:100%;max-width:100vw;min-height:100%;display:flex;position:relative;overflow-x:hidden}.app-shell.has-status{padding-top:var(--hud-stack-h);padding-bottom:var(--status-h)}.app-shell.large-ui{font-size:1.08rem}.screen{box-sizing:border-box;flex:1;width:min(1100px,100%);max-width:100%;margin:0 auto;padding:1rem 1rem 1.5rem;overflow-x:hidden}.screen.screen-sim{width:100%;max-width:100%;margin:0;padding:.35rem .45rem 1.25rem;overflow-x:hidden}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);box-sizing:border-box;max-width:100%;padding:1rem 1.1rem;overflow-x:auto}.btn{appearance:none;cursor:pointer;background:var(--primary);color:#fff;border:none;border-radius:999px;padding:.65rem 1.15rem;font-weight:800;transition:transform .15s,filter .15s}.btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn.secondary{background:var(--secondary)}.btn.ghost{color:var(--secondary);border:2px solid var(--secondary);background:0 0}.btn.accent{background:var(--accent);color:var(--ink)}.field{flex-direction:column;gap:.35rem;margin-bottom:.85rem;display:flex}.field label{font-size:.92rem;font-weight:700}.field input,.field select,.field textarea{border:2px solid var(--line);background:#fff;border-radius:12px;padding:.55rem .7rem}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;display:grid}@media (width<=800px){.grid-2,.grid-3{grid-template-columns:1fr}}.muted{opacity:.75}.row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.choice-card{border:2px solid var(--line);cursor:pointer;text-align:left;background:#fff;border-radius:14px;padding:.75rem}.choice-card.selected{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 30%, transparent)}.hud{z-index:50;background:color-mix(in srgb, var(--secondary) 92%, black);color:#fff;box-shadow:var(--shadow);box-sizing:border-box;width:100%;max-width:100%;position:fixed;top:0;left:0;right:0;overflow-x:hidden}.hud-main{min-height:var(--hud-h);box-sizing:border-box;-webkit-overflow-scrolling:touch;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem .65rem;width:100%;max-width:100%;padding:.45rem .7rem;font-size:.85rem;font-weight:700;display:flex;overflow:auto hidden}.hud-portion-cue{color:#fff;text-overflow:ellipsis;white-space:nowrap;text-align:right;background:#ffffff29;border:1px solid #ffffff47;border-radius:999px;max-width:min(320px,48vw);padding:.15rem .55rem;font-size:.72rem;font-weight:700;overflow:hidden}@media (width<=900px){:root{--hud-stack-h:8.5rem;--status-h:3.4rem}.hud-main{gap:.3rem .45rem;padding:.35rem .5rem;font-size:.78rem}.hud-main button{padding:.25rem .45rem}.hud-portion-cue{white-space:normal;max-width:100%}.sim-above-fold{min-height:calc(100dvh - var(--hud-stack-h) - var(--status-h) - 1rem);height:auto!important}}@media (width<=600px){:root{--hud-stack-h:9.75rem}.screen{padding:.65rem .55rem 1.25rem}.status-bar{flex-wrap:wrap;gap:.25rem;padding:.4rem .65rem}.status-bar-tip{text-align:left;max-width:100%;margin-left:0;font-size:.8rem}}.hud-left,.hud-right{flex-wrap:wrap;align-items:center;gap:.4rem .55rem;min-width:0;max-width:100%;display:flex}.hud-right{margin-left:auto}.hud-music-group{align-items:center;gap:.15rem;display:inline-flex}.hud-music-group .hud-music-nav{min-width:1.65rem;padding-left:.4rem;padding-right:.4rem;font-size:1.1rem;line-height:1}.hud-badges{background:color-mix(in srgb, var(--secondary) 80%, #000);box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem;width:100%;max-width:100%;min-height:2rem;padding:.35rem .7rem .55rem;display:flex;overflow-x:hidden}.hud-badges-left,.hud-badges-right{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.hud-badges-left{flex:auto;justify-content:flex-start;min-width:0}.hud-badges-right{text-align:right;flex:0 auto;justify-content:flex-end;margin-left:auto}.hud-speed{color:#fff;font-size:.8rem}.hud-speed select{border:none;border-radius:8px;margin-left:.25rem;padding:.2rem .35rem}.sim-above-fold{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:.5rem;height:calc(100dvh - 8.25rem);min-height:320px;margin-bottom:.75rem;display:grid}.sim-above-fold.pos-wide{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)}.sim-above-fold.pos-wider{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr)}@media (width<=900px){.sim-above-fold,.sim-above-fold.pos-wide,.sim-above-fold.pos-wider{grid-template-columns:1fr;height:auto;min-height:0}}.sim-stage-wrap{background:0 0;flex-direction:column;min-height:0;display:flex;position:relative;overflow:hidden;padding:0!important}.sim-stage-controls{z-index:2;flex-wrap:wrap;justify-content:flex-end;gap:.35rem;max-width:55%;display:flex;position:absolute;top:.4rem;right:.4rem}.sim-stage-controls img{background:#ffffffd9;border-radius:6px}.sim-stage-controls .btn{padding:.35rem .65rem;font-size:.8rem;box-shadow:0 2px 8px #0003}.sim-stage-wrap canvas{object-fit:fill;border:2px solid var(--line);width:100%;height:100%;min-height:min(52vh,480px);max-height:none;box-shadow:var(--shadow);background:0 0;border-radius:12px;flex:auto;display:block}.sim-above-fold>.panel{min-height:0;overflow:auto}@media (width<=900px){.sim-stage-wrap canvas{object-fit:contain;height:auto;min-height:260px;max-height:55vh}}.sim-below-fold{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}@media (width<=800px){.sim-below-fold{grid-template-columns:1fr}}.pos-btn.needed{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 55%, transparent);background:color-mix(in srgb, var(--accent) 28%, white);animation:1s ease-in-out infinite pos-pulse}@keyframes pos-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.cold-warn{background:#fff3cd;border:2px solid #e9c46a;border-radius:12px;margin-bottom:.85rem;padding:.65rem .85rem;font-weight:700}.hud-player-name,.hud-student-name{font-family:var(--font-display);letter-spacing:.02em;color:#ffe8a3;text-shadow:0 1px #00000059;overflow-wrap:anywhere;max-width:100%;margin-right:.35rem;font-size:clamp(1rem,2.5vw,1.55rem);font-weight:800}.nav-arrow{-webkit-text-stroke:.7px currentColor;vertical-align:-.06em;margin:0 .15rem;font-size:1.4em;font-weight:900;line-height:1;display:inline-block;transform:scaleY(1.2)}.screen-nav .btn{align-items:center;gap:.35rem;font-weight:800;display:inline-flex}.forecast-banner{background:color-mix(in srgb, var(--primary) 12%, white);border:1px solid color-mix(in srgb, var(--primary) 35%, var(--line));color:var(--ink);border-radius:10px;margin:.75rem 0 0;padding:.55rem .75rem;font-weight:700}.hud-budget{color:#1f2a30;background:#e9c46af2;border-radius:999px;padding:.2rem .65rem}.inv-owned{background:color-mix(in srgb, var(--primary) 14%, white)}.inv-stock-empty{background:#f7e7e6}.inv-stock-empty .inv-onhand-cell{background:#f1d3d0;font-weight:700}.inv-stock-low{background:#fcede0}.inv-stock-low .inv-onhand-cell{background:#f8dbc1;font-weight:700}.inv-stock-ok{background:color-mix(in srgb, var(--primary) 8%, white)}.inv-stock-ok .inv-onhand-cell{font-weight:600}.inv-stock-high{background:#e5f5ec}.inv-stock-high .inv-onhand-cell{background:#cfeddc;font-weight:700}.inv-stock-owned{background:color-mix(in srgb, var(--secondary,#264653) 12%, white)}.inv-stock-owned .inv-onhand-cell{background:color-mix(in srgb, var(--secondary,#264653) 18%, white);font-weight:700}.inv-onhand-cell{text-align:center;border-radius:6px}.inv-onhand-qty{font-variant-numeric:tabular-nums;font-size:1.05rem;display:block}.inv-onhand-hint{text-transform:uppercase;letter-spacing:.03em;opacity:.85;font-size:.7rem;font-weight:700;display:block}.inv-ice-note{color:#1a5276;margin-top:.15rem;font-size:.8rem;font-weight:600}.restock-banner{background:color-mix(in srgb, var(--accent,#e9c46a) 28%, white);border:1px solid color-mix(in srgb, var(--accent,#e9c46a) 55%, #888);border-radius:10px;padding:.65rem .85rem;font-size:.9rem}.inv-legend{flex-wrap:wrap;align-items:center;gap:.65rem;margin:.5rem 0 0;display:flex}.inv-legend-swatch{border:1px solid var(--line);vertical-align:-.1rem;border-radius:3px;width:.85rem;height:.85rem;margin-right:.2rem;display:inline-block}.check-cell{width:1.5rem;color:var(--ok);font-size:1.1rem;font-weight:900}.pos-shell{grid-template-columns:1.2fr .9fr;gap:.75rem;display:grid}@media (width<=900px){.pos-shell{grid-template-columns:1fr}}.pos-grid{grid-template-columns:repeat(auto-fill, minmax(var(--pos-min,110px), 1fr));gap:.45rem;display:grid}.pos-btn{border:2px solid var(--line);cursor:pointer;min-height:calc(var(--pos-min,110px) * .48);font-weight:800;font-size:clamp(.72rem, calc(var(--pos-min,110px) * .11), .95rem);background:#fff;border-radius:12px;padding:.45rem .35rem}.pos-btn.focused{outline:3px solid var(--primary)}.pos-btn:disabled{opacity:.4;cursor:not-allowed}.pos-keys{grid-template-columns:repeat(3,1fr);gap:.35rem;display:grid}.pos-keys button{min-height:42px}.pos-ticket{color:#e8fff6;background:#1f2a30;border-radius:12px;min-height:120px;padding:.65rem;font-family:ui-monospace,Consolas,monospace}.log-box{border:1px solid var(--line);background:#fff;border-radius:10px;max-height:160px;padding:.45rem .55rem;font-size:.82rem;overflow:auto}.hud-main button{cursor:pointer;color:#fff;background:#ffffff24;border:none;border-radius:999px;padding:.35rem .65rem;font-weight:800}.hud-main button.active{background:var(--accent);color:var(--ink)}.badge-chip{color:#1a1f24;cursor:help;background:linear-gradient(#f4e4a6 0%,#d4b45a 100%);border:1px solid #c4a04a;border-radius:999px;padding:.15rem .55rem;font-size:.75rem;font-weight:800;box-shadow:inset 0 1px #ffffff73}.badge-chip:hover{filter:none;background:linear-gradient(#f8ecc0 0%,#dfc46a 100%)}.export-option{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;align-items:flex-start;gap:.65rem;margin-bottom:.45rem;padding:.55rem .65rem;display:flex}.export-option:has(input:checked){border-color:var(--primary);background:color-mix(in srgb, var(--primary) 8%, white)}.export-option input{margin-top:.2rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.status-bar{z-index:50;border-top:2px solid var(--line);box-sizing:border-box;background:#fff9ef;justify-content:space-between;align-items:center;gap:1rem;max-width:100%;padding:.55rem .85rem;font-weight:700;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #26465314}.status-bar-msg{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.status-bar-tip{text-align:right;color:#5c6b73;text-overflow:ellipsis;white-space:nowrap;flex:0 auto;max-width:48%;margin-left:auto;font-weight:700;overflow:hidden}.site-copyright{color:#5c6b73;white-space:nowrap;flex:none;font-size:.78rem;font-weight:700}.site-copyright-alone{text-align:center;border-top:1px solid var(--line);z-index:50;background:#fff9efeb;padding:.55rem .85rem;position:fixed;bottom:0;left:0;right:0}.modal-backdrop{z-index:80;background:#141e2373;place-items:center;padding:.75rem;display:grid;position:fixed;inset:0}.modal{width:min(420px,100%);box-shadow:var(--shadow);background:#fff;border-radius:18px;padding:1rem}.modal.modal-draggable{resize:both;flex-direction:column;width:min(720px,96vw);max-height:min(88dvh,720px);padding:0;display:flex;overflow:hidden}.modal-drag-bar{cursor:move;-webkit-user-select:none;user-select:none;touch-action:none;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--surface,#f6f3ee) 70%, #fff);flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.modal-scroll{flex:auto;min-height:0;padding:.85rem 1.1rem .5rem;overflow:auto}.modal-footer{border-top:1px solid var(--line);flex-shrink:0;justify-content:flex-end;gap:.5rem;padding:.65rem 1rem .85rem;display:flex}.table{border-collapse:collapse;width:100%;font-size:.92rem}.table th,.table td{border-bottom:1px solid var(--line);text-align:left;padding:.45rem .35rem}.inv-table{table-layout:fixed;width:100%}.inv-col-check{width:36px}.inv-col-item{width:26%}.inv-col-pack{width:56px}.inv-col-money{width:88px}.inv-col-sell{width:110px}.inv-col-owned{width:78px}.inv-col-buy{width:auto}.sell-input{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:.15rem;padding:.15rem .35rem;display:inline-flex}.sell-input .sell-dollar{color:var(--ink);font-weight:800}.sell-input input{width:4.75rem;font:inherit;appearance:auto;background:0 0;border:none;padding:.15rem .1rem;font-weight:700}.sell-input input::-webkit-outer-spin-button{opacity:1;height:1.4rem;margin-left:2px}.sell-input input::-webkit-inner-spin-button{opacity:1;height:1.4rem;margin-left:2px}.inv-section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;margin-bottom:.65rem;display:flex}.inv-section-actions{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.inv-section-actions .btn.active{background:var(--accent);color:var(--ink)}.inv-select{cursor:pointer;width:1.05rem;height:1.05rem;accent-color:var(--primary)}.inv-owned-tag{color:var(--primary);text-transform:uppercase;letter-spacing:.02em;font-size:.75rem;font-weight:800}.win-banner{background:color-mix(in srgb, var(--ok) 22%, white);border:2px solid var(--ok);color:var(--ink);border-radius:12px;padding:.65rem .85rem;font-weight:800}.screen-nav{background:color-mix(in srgb, var(--panel) 88%, var(--primary));border:1px solid var(--line);border-radius:var(--radius);box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.55rem;max-width:100%;margin:.35rem 0 .85rem;padding:.55rem .65rem;display:flex}.screen-nav-left,.screen-nav-right{flex-wrap:wrap;align-items:center;gap:.45rem;min-width:0;display:flex}.screen-nav-right{margin-left:auto}.screen-nav-body{min-width:0;max-width:100%}.painter-wrap canvas,.painter-canvas{border:2px solid var(--line);touch-action:none;image-rendering:auto;background:#fff;border-radius:8px}