:root{color-scheme:dark;--bg: #12151a;--bg-2: #1a1f27;--panel: #232a35;--text: #f3f5f7;--muted: #9aa3b2;--accent: #f0a202;--accent-2: #3dd6c3;--card: #2b3340;--selected: #f0a202;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);font-family:Trebuchet MS,Segoe UI,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:radial-gradient(ellipse at top,#243041 0%,transparent 55%),linear-gradient(180deg,#0e1116 0%,var(--bg) 40%,#0b0d11 100%);color:var(--text)}body{touch-action:manipulation}#app{height:100dvh;width:100%}.rotate-gate{display:none;position:fixed;inset:0;z-index:100;place-items:center;padding:24px;text-align:center;background:#0e1116}.rotate-gate strong{display:block;font-size:1.4rem;margin-bottom:8px}.rotate-gate span{color:var(--muted)}.rotate-icon{width:64px;height:64px;margin:0 auto 16px;border:3px solid var(--accent);border-radius:12px;position:relative}.rotate-icon:after{content:"↻";position:absolute;inset:0;display:grid;place-items:center;font-size:1.8rem;color:var(--accent)}@media(orientation:portrait)and (max-width:900px){.rotate-gate{display:grid}.shell{visibility:hidden}}.shell{height:100dvh;width:100%;max-width:none;margin:0;padding:calc(8px + var(--safe-top)) calc(12px + var(--safe-right)) calc(8px + var(--safe-bottom)) calc(12px + var(--safe-left));display:grid;grid-template-columns:minmax(180px,.9fr) minmax(0,1.4fr) minmax(200px,1fr);grid-template-rows:auto minmax(0,1fr);gap:10px}.shell.draft-shell,.shell.end-shell{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) auto;align-content:stretch}.end-shell{place-content:center;text-align:center;gap:14px}.top{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:baseline;gap:12px}.brand{font-size:1.15rem;font-weight:800;letter-spacing:.02em}.wave-name{color:var(--muted);font-size:.88rem}.left-col,.center-col,.right-col{min-height:0;display:flex;flex-direction:column;gap:8px}.status{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.stat{background:var(--panel);border-radius:10px;padding:8px 6px;text-align:center}.stat .label{display:block;color:var(--muted);font-size:.65rem;text-transform:uppercase;letter-spacing:.06em}.stat .value{font-size:1.2rem;font-weight:800}.stat .value small{font-size:.7rem;color:var(--muted);font-weight:600}.stat .value.hype{color:var(--accent-2)}.stat .value.bump{animation:bump .4s ease}@keyframes bump{0%{transform:scale(1)}40%{transform:scale(1.18);color:var(--accent)}to{transform:scale(1)}}.shell.flash .meter-fill{filter:brightness(1.3)}.meter{height:7px;background:#0f1318;border-radius:999px;overflow:hidden;flex:0 0 auto}.meter-fill{height:100%;background:linear-gradient(90deg,var(--accent-2),var(--accent));transition:width .25s ease}.rules{background:var(--bg-2);border:1px solid #2e3746;border-radius:10px;padding:8px 10px;display:grid;gap:6px;font-size:.78rem;line-height:1.3;overflow:auto}.pill{display:inline-block;background:#355d8a;color:#fff;border-radius:999px;padding:2px 7px;font-size:.65rem;font-weight:700;margin-right:4px}.pill.rival{background:#8a3d4a}.crew-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.crew-chip{background:#3a2f1d;color:#ffd789;border:1px solid #6b5428;border-radius:999px;padding:6px 10px;font-size:.75rem;font-weight:700}button.crew-chip{color:#ffd789}.crew-chip.marked{outline:2px solid var(--accent);background:#5a4520}.muted{color:var(--muted);font-size:.8rem}.message,.lede,.hint{color:var(--muted);font-size:.82rem;margin:0}.center-col .message{min-height:1.2em}.hand{flex:1;display:flex;gap:8px;align-items:stretch;overflow-x:auto;overflow-y:hidden;padding:2px;-webkit-overflow-scrolling:touch}.card{flex:1 1 0;min-width:100px;max-width:150px;background:linear-gradient(160deg,#343e4d,var(--card));border:2px solid #455064;border-radius:14px;padding:10px;color:var(--text);text-align:left;display:flex;flex-direction:column;justify-content:space-between;gap:8px}.card.selected{border-color:var(--selected);box-shadow:0 0 0 2px #f0a20259;transform:translateY(-3px)}.card-name{font-size:1rem;font-weight:800}.tags{display:flex;flex-wrap:wrap;gap:4px}.tag{font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;border-radius:6px;padding:3px 6px}.tag-slash{background:#c44b2b}.tag-splash{background:#2f6fed}.tag-dish{background:#2f9e6b}.tag-screen{background:#8b6b2f}.tag-rim{background:#7a3db3}.preview{background:var(--panel);border-radius:12px;padding:10px;flex:1;overflow:auto}.preview-title{font-size:1rem}.preview-sub,.preview-notes{color:var(--muted);font-size:.75rem;margin-top:4px;line-height:1.3}.action-bar{position:static;max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:0;background:transparent;border:0;-webkit-backdrop-filter:none;backdrop-filter:none}.hype-spend{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;gap:12px;font-weight:700;font-size:.9rem}.bypass{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;gap:8px;font-size:.85rem;color:var(--accent-2)}.btn{min-height:44px;border:0;border-radius:10px;background:#3a4556;color:var(--text);font-size:.95rem;font-weight:750;padding:0 12px}.btn:disabled{opacity:.4}.btn.primary{background:var(--accent);color:#1a1200}.btn.ghost{width:auto;margin:0;justify-self:start;background:transparent;border:1px solid #3a4556}.btn.icon{width:44px;padding:0;font-size:1.3rem}.draft-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-height:0;overflow:auto}.draft-card{text-align:left;background:var(--panel);border:1px solid #3a4556;border-radius:12px;padding:12px;color:var(--text);display:grid;gap:6px;min-height:96px;align-content:start}.draft-kind{color:var(--accent);font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.draft-text{color:var(--muted);font-size:.82rem}.big-stat{font-size:2.2rem;font-weight:900;margin:0}h1{margin:0;font-size:1.8rem}.draft-actions{display:flex;gap:10px;align-items:center}