:root{--page:#08080b;--bg:#16161c;--bg-raised:#1f1f28;--fg:#e8e8ef;--muted:#9a9aab;--line:#2e2e3a;--purple:#6c31e3;--purple-dim:#38334f;--purple-dim-fg:#b3adcb;--purple-btn:#33304a;--purple-btn-line:#6b6499;--slot-bg:#ddd4f5;--slot-fg:#1c1730;--slot-muted:#574e78;--accent:#2f7d5c;--accent-fg:#63d0a0;--danger:#ff7a6b;--warn:#ffc46b;--bot-dot:#7d93b8}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--page);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Malgun Gothic,sans-serif;font-size:16px;line-height:1.6}main{max-width:480px;margin:0 auto;padding:16px 16px 48px;background:var(--bg);min-height:100vh;border-inline:1px solid var(--line)}footer{border-top:1px solid var(--line);margin-top:40px;padding-top:16px}.muted{color:var(--muted);font-size:13px}button{font:inherit;color:var(--fg);background:var(--purple-btn);border:1px solid var(--purple-btn-line);border-radius:6px;padding:6px 10px;cursor:pointer}button:disabled{opacity:.4;cursor:default}@media (hover:hover){button:hover:not(:disabled){background:var(--purple);border-color:#b9a6ef}}a.btn-link{display:inline-block;font:inherit;color:var(--fg);background:var(--purple-btn);border:1px solid var(--purple-btn-line);border-radius:6px;padding:6px 10px;text-decoration:none}@media (hover:hover){a.btn-link:hover{background:var(--purple);border-color:#b9a6ef}}input{font:inherit;color:var(--fg);background:var(--bg-raised);border:1px solid var(--line);border-radius:6px;padding:6px 8px}input:focus{outline:2px solid var(--accent-fg);outline-offset:1px}.slot{display:flex;justify-content:space-between;gap:6px;padding:6px 8px;border-radius:6px;cursor:pointer;border:1px solid transparent}.slot-locked{background:var(--purple-dim);color:var(--purple-dim-fg);border-color:var(--purple-btn-line)}.slot-open{background:var(--slot-bg);color:var(--slot-fg)}.slot-open .muted{color:var(--slot-muted)}.slot-open{border-color:#b9a6ef}.slot-open button{color:#f3effd;background:var(--purple);border-color:var(--purple)}.clock{font-size:28px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1.1}.clock-urgent{color:var(--danger)}.timebar{height:6px;background:var(--line);border-radius:3px;overflow:hidden}.timebar>i{display:block;height:100%;background:var(--accent-fg)}.timebar-urgent>i{background:var(--danger)}button.picked{background:var(--accent-fg);color:#10241b;border-color:#9ce8c4;font-weight:700;box-shadow:0 0 0 2px rgba(99,208,160,.3)}.choice{display:flex;align-items:center;gap:8px;padding:8px 10px;margin:4px 0;border:1px solid var(--purple-btn-line);border-radius:6px;background:var(--purple-dim);color:var(--purple-dim-fg);cursor:pointer}.choice-picked{background:var(--accent-fg);color:#10241b;border-color:#9ce8c4;font-weight:700}.calc-sheet{position:fixed;left:0;right:0;bottom:0;z-index:10;max-height:55vh;overflow-y:auto;background:var(--bg-raised);border-top:2px solid var(--purple);box-shadow:0 -6px 18px rgba(0,0,0,.5)}.calc-sheet>div{max-width:480px;margin:0 auto;padding:8px 16px 12px}@media (min-width:1024px){.calc-sheet{left:calc(50% + 248px);right:auto;bottom:auto;top:calc(16px + var(--dev-offset, 0px));width:340px;max-height:calc(100vh - 32px - var(--dev-offset, 0px));border-top:none;border-left:2px solid var(--purple);border-radius:0 8px 8px 0;box-shadow:6px 0 18px rgba(0,0,0,.5)}.calc-sheet>div{max-width:none;padding:10px 14px 14px}}.desk-only{display:none}@media (min-width:1024px){body.play-wide main{max-width:1400px}.play-layout{display:grid;grid-template-columns:minmax(480px,5fr) minmax(270px,3fr) minmax(320px,4fr);grid-template-areas:"head head head" "deck calc input";grid-column-gap:20px;column-gap:20px;align-items:start}.play-head{grid-area:head}.play-deck{grid-area:deck}.play-calc{grid-area:calc}.play-calc,.play-input{position:-webkit-sticky;position:sticky;top:12px}.play-input{grid-area:input;margin-top:0!important;padding-bottom:0!important}.col-head,.desk-only{display:block}.col-head{font-weight:700;font-size:14px;margin:0 0 6px}.play-calc b.col-head{margin:0 0 4px}.play-deck .slot{word-break:keep-all}.play-deck .slot>span:last-child{white-space:normal;text-align:right}.play-deck .slot>span:first-child{white-space:normal;min-width:0}body.play-wide .calc-sheet{display:none}.play-deck .deck-grid{grid-template-columns:repeat(3,1fr)!important}.play-deck h4{margin:6px 0 3px!important;font-size:14px}.play-deck .slot{padding:4px 8px;font-size:12px;min-height:0;line-height:1.4;gap:2px;flex-direction:column;align-items:stretch}.play-deck .slot button{font-size:10px;padding:0 3px}.play-calc .memo-row{flex-wrap:wrap;font-size:13px}.play-calc .memo-row>span:nth-child(2){flex:1 1 160px}.play-calc .memo-row button{min-height:26px!important;font-size:11px!important;padding:2px 6px!important;white-space:nowrap}.play-input .factor-row{flex-wrap:wrap}.play-input .factor-row button{min-width:40px!important}.play-input .alpha-row input{max-width:100%}.play-input .alpha-row button{margin:4px 0 0!important}.reveal-root{display:flex;flex-direction:column}.reveal-root>.reveal-score~:not(.reveal-alloc){order:1}.reveal-root>.reveal-alloc{order:0}}