[hidden]{display:none!important}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0}body{background:#07060c;color:#f2eefb;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden}#app{height:100dvh;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(4px,1.2vh,14px);padding:clamp(8px,2vh,20px) clamp(10px,2.5vw,28px)}.bar{display:flex;align-items:baseline;justify-content:space-between;gap:12px;letter-spacing:.16em;font-size:clamp(9px,1.5vh,12px)}.brand{color:#ff2d95;font-weight:700;letter-spacing:.3em}.round{color:#f2eefb73}.phase{color:#ffc53d;font-weight:600}.stage{position:relative;min-height:0;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:radial-gradient(120% 90% at 50% 0%,rgba(123,61,255,.13),transparent 70%),#0a0812;overflow:hidden}.screen{display:none;width:100%;height:100%}.stage[data-screen=lobby] .screen[data-screen=lobby],.stage[data-screen=room] .screen[data-screen=room],.stage[data-screen=closed] .screen[data-screen=closed]{display:flex}.right{display:flex;align-items:center;gap:10px}.icon[data-muted=true]{color:#f2eefb59;text-decoration:line-through}.result{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) auto;align-items:end;gap:clamp(6px,1.6vw,20px)}.cell{display:flex;flex-direction:column;gap:2px;min-width:0}.label{font-size:clamp(7px,1.15vh,9px);letter-spacing:.18em;color:#f2eefb66;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.value{font-size:clamp(15px,3.4vh,30px);font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.value.cut{color:#ff2f4d}.value.gold{color:#ffc53d}.again{border:1px solid rgba(255,45,149,.5);background:#ff2d951a;color:#ff2d95;font:inherit;font-size:clamp(8px,1.3vh,10px);letter-spacing:.18em;padding:8px 14px;border-radius:6px;cursor:pointer}.again:hover{background:#ff2d9533}.buy-state{position:absolute;bottom:calc(100% + 3px);right:0;margin:0;font-size:clamp(7px,1.2vh,10px);letter-spacing:.14em;color:#f2eefb8c}.buy-state[data-tone=ok]{color:#7bffb0}.buy-state[data-tone=bad]{color:#ff2f4d}.buy-state[data-tone=busy]{color:#ffc53d}.value.up{color:#7bffb0}.value.down{color:#ff2f4d}.drift{font-size:.5em;letter-spacing:.1em;margin-left:.35em;vertical-align:middle}.tools{display:flex;align-items:center;gap:8px}.icon{border:1px solid rgba(255,255,255,.16);background:transparent;color:#ff2d95;font:inherit;font-size:clamp(7px,1.1vh,9px);letter-spacing:.16em;padding:5px 9px;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.icon:hover{border-color:#ff2d9580}.tip{position:absolute;right:0;bottom:calc(100% + 8px);width:min(420px,70vw);padding:clamp(8px,1.4vh,14px) clamp(10px,1.6vw,18px);border:1px solid rgba(123,61,255,.45);border-radius:8px;background:#0e0b18;box-shadow:0 18px 44px #0009;opacity:0;visibility:hidden;transition:opacity .12s ease;z-index:20}.sound-icon{padding:4px 8px}.sound-icon svg{width:clamp(11px,1.9vh,15px);height:clamp(11px,1.9vh,15px)}.sound-icon .cone{fill:currentColor}.sound-icon .waves{fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round}.sound-icon .cross{display:none}.sound-icon[data-muted=true]{color:#f2eefb59}.sound-icon[data-muted=true] .waves{display:none}.sound-icon[data-muted=true] .cross{display:block;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}.intro{flex-direction:column;align-items:center;justify-content:center;gap:clamp(6px,1.6vh,16px);text-align:center;padding:clamp(8px,2vh,24px)}.intro h1{margin:0;font-size:clamp(18px,4.6vh,40px);letter-spacing:.28em;color:#ff2d95}.tagline{margin:0;font-size:clamp(9px,1.8vh,14px);letter-spacing:.22em;color:#ffc53d}.rules{margin:0;font-size:clamp(8px,1.6vh,12px);line-height:1.9;color:#f2eefb8c}.enter{margin-top:4px;border:1px solid rgba(255,45,149,.6);background:#ff2d951f;color:#ff2d95;font:inherit;font-size:clamp(9px,1.6vh,12px);letter-spacing:.24em;padding:10px 22px;border-radius:999px;cursor:pointer}.enter:hover{background:#ff2d953d}.waiting{margin:0;font-size:clamp(8px,1.5vh,11px);letter-spacing:.2em;color:#7b3dff}.toggle{display:flex;align-items:center;gap:8px}.toggle-label{font-size:clamp(7px,1.2vh,10px);letter-spacing:.2em;color:#f2eefb73}.opt{border:1px solid rgba(255,255,255,.16);background:transparent;color:#f2eefb80;font:inherit;font-size:clamp(7px,1.2vh,10px);letter-spacing:.18em;padding:4px 12px;border-radius:4px;cursor:pointer}.opt[data-on=true]{border-color:#ff2d9599;background:#ff2d9524;color:#ff2d95}.toggle-note{margin:0;font-size:clamp(7px,1.25vh,10px);line-height:1.7;color:#f2eefb4d}.mode{font-size:clamp(7px,1.15vh,9px);letter-spacing:.18em;color:#7b3dff;border:1px solid rgba(123,61,255,.4);border-radius:3px;padding:2px 7px}.mode[data-live=true]{color:#ffc53d;border-color:#ffc53d80}.sim{color:#7b3dffd9}.board-list li.sim .who{color:#7b3dffcc}.rulebox{border:1px solid rgba(123,61,255,.4);border-radius:8px;padding:clamp(8px,1.6vh,16px) clamp(12px,2.4vw,26px);background:#7b3dff0f}.rulebox-title{margin:0 0 clamp(4px,.9vh,8px);font-size:clamp(8px,1.4vh,11px);font-weight:700;letter-spacing:.3em;color:#7b3dff}.countdown{margin:0;font-size:clamp(26px,7vh,64px);font-weight:700;line-height:1;letter-spacing:.1em;color:#ffc53d;text-shadow:0 0 24px rgba(255,197,61,.45)}.countdown[data-go=true]{color:#7bffb0;text-shadow:0 0 28px rgba(123,255,176,.5)}.rules-tip{position:relative}.rules-tip:hover .tip,.rules-tip[data-open=true] .tip{opacity:1;visibility:visible}.tip .rules{text-align:left}.lobby-note{margin:0;font-size:clamp(8px,1.5vh,12px);font-weight:700;letter-spacing:.18em;color:#ff2f4d}.lobby-note[data-tone=calm]{color:#f2eefb73;font-weight:500}.countdown[data-mode=long]{font-size:clamp(16px,3.6vh,32px);color:#f2eefbbf;text-shadow:none}.toggle[data-choice=true]{flex-wrap:wrap;justify-content:center}.toggle[data-choice=true] .toggle-label{display:none}.toggle[data-choice=true] .opt{padding:clamp(7px,1.4vh,12px) clamp(12px,2.2vw,22px);letter-spacing:.14em}.lobby-note[data-trouble=true]{color:#ff2f4d;font-weight:700;letter-spacing:.16em}.press{position:relative;flex-direction:column;align-items:center;justify-content:center;gap:clamp(4px,1.4vh,14px);padding:clamp(6px,1.5vh,16px)}#button{flex:1 1 auto;width:100%;min-height:0;cursor:pointer}#button[data-locked=true]{cursor:default}.hint[data-warning="1"]{color:#ffc53d}.hint[data-warning="2"]{color:#ff9a3d}.hint[data-warning="3"]{color:#ff2f4d}.hint[data-locked=true]{color:#7b3dff}.callout{position:absolute;top:clamp(12px,9%,58px);left:50%;transform:translate(-50%);margin:0;padding:clamp(5px,1.1vh,10px) clamp(10px,1.8vw,20px);max-width:92%;text-align:center;font-size:clamp(9px,2vh,17px);font-weight:700;letter-spacing:.16em;color:#f2eefbb3;border:2px solid rgba(242,238,251,.22);background:#0a0812db;box-shadow:4px 4px #00000080;z-index:2;pointer-events:none}.callout[data-warning="1"]{color:#ffc53d;border-color:#ffc53d99}.callout[data-warning="2"]{color:#ff9a3d;border-color:#ff9a3db3}.callout[data-warning="3"]{color:#ff2f4d;border-color:#ff2f4d;box-shadow:4px 4px #ff2f4d40}.callout[data-locked=true]{color:#a98cff;border-color:#7b3dff99}.status{position:absolute;bottom:clamp(4px,2.5vh,20px);left:50%;transform:translate(-50%);margin:0;max-width:92%;text-align:center;font-size:clamp(8px,1.5vh,12px);letter-spacing:.2em;color:#f2eefb80;pointer-events:none}.status[data-locked=true]{color:#a98cff}#reveal{display:block;width:100%;height:100%;min-height:clamp(120px,26vh,260px);border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#07060c}.board{position:absolute;top:8px;right:8px;width:clamp(128px,19%,190px);z-index:6;padding:6px 8px;border:1px solid rgba(255,255,255,.08);border-radius:6px;background:#07060cd1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.board-head{font-size:clamp(6px,1vh,8px);letter-spacing:.2em;color:#f2eefb59;margin-bottom:4px}.board-list{margin:0;padding:0;list-style:none;display:grid;gap:2px}.board-list li{display:grid;grid-template-columns:1.4em 1fr auto;gap:6px;font-size:clamp(7px,1.15vh,10px);color:#f2eefb9e;font-variant-numeric:tabular-nums}.board-list li .who{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-list li.you{color:#ffc53d;font-weight:700}.board-list li.locked .who:after{content:·LOCKED;color:#7b3dffb3}.board-list li.gap{color:#f2eefb33}.decide{display:flex;align-items:center;gap:clamp(5px,1vw,12px)}.clock{font-size:clamp(13px,2.6vh,22px);font-weight:700;color:#ffc53d;font-variant-numeric:tabular-nums;min-width:1.6em;text-align:right}.act{border:1px solid transparent;font:inherit;font-size:clamp(7px,1.25vh,10px);letter-spacing:.14em;padding:9px 12px;min-width:clamp(110px,18vw,190px);border-radius:6px;cursor:pointer;white-space:nowrap;text-align:center}.act.lock{border-color:#ffc53d8c;background:#ffc53d1f;color:#ffc53d}.act.lock:hover{background:#ffc53d38}.act.lock[data-confirm=true]{border-color:#ff2f4d;background:#ff2f4d2e;color:#ff2f4d}.act.go{border-color:#ffffff2e;background:transparent;color:#f2eefbb3}.act.go:hover{background:#ffffff12}.act:disabled{opacity:.35;cursor:default}.modal{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:clamp(6px,1.5vh,16px);background:#07060cbd;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:5}.sheet{width:min(94%,780px);max-height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:clamp(4px,1.1vh,12px);padding:clamp(8px,1.8vh,18px);border:1px solid rgba(123,61,255,.32);border-radius:12px;background:linear-gradient(180deg,#140f22,#0a0812);box-shadow:0 24px 70px #0009}.sheet-head{display:flex;align-items:baseline;justify-content:center;position:relative;gap:12px}.sheet-round{font-size:clamp(13px,2.7vh,24px);font-weight:700;letter-spacing:.22em;color:#ff2d95;text-align:center}.sheet-stats{display:grid;grid-template-columns:1fr 1fr;gap:clamp(6px,1.4vw,14px)}.block{display:flex;flex-direction:column;gap:2px;padding:clamp(5px,1.1vh,10px) clamp(8px,1.4vw,14px);border:1px solid rgba(255,255,255,.07);border-radius:8px;background:#ffffff05}.sheet-actions{display:flex;align-items:center;justify-content:center;gap:clamp(8px,2vw,20px)}.or{font-size:clamp(7px,1.2vh,10px);letter-spacing:.24em;color:#f2eefb52}.act.buy{border-color:#2f9c63;background:#16543a;color:#b8ffd9}.act.buy:hover{background:#1d6e4b}.act.buy[data-confirm=true]{border-color:#ff2f4d;background:#5c1524;color:#ffc9d1}.act.go{border-color:#6b4fd8;background:#2e2154;color:#cfc2ff}.act.go:hover{background:#3b2b6e}.sheet-head .clock{position:absolute;right:0;bottom:0;font-size:clamp(11px,2.1vh,18px)}.sheet-head .clock:before{content:"NEXT ROUND ";font-size:.5em;letter-spacing:.18em;color:#f2eefb66;font-weight:500}@media (max-height: 560px){#app{gap:4px;padding:6px 12px}.stage{border-radius:6px}.tagline,.toggle-note{display:none}.intro{gap:clamp(5px,1.2vh,10px)}.intro h1{font-size:clamp(20px,5vh,30px)}.rulebox{padding:8px 16px}.rulebox-title{font-size:9px}.rules{font-size:11px;line-height:1.75}.lobby-note{font-size:10px}.toggle-label,.opt{font-size:9px}.callout{font-size:13px;padding:5px 12px}.status{font-size:11px}.label{font-size:9px}.value{font-size:clamp(17px,3.4vh,30px)}.icon{font-size:8px;padding:4px 8px}.sheet-round{font-size:15px}#reveal{min-height:96px}.block .label{font-size:9px}.act{font-size:10px}.board-list li{font-size:9px}}@media (max-width: 720px){.result{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:10px}.again{grid-column:1 / -1;justify-self:stretch;text-align:center}.bar{flex-wrap:wrap;row-gap:2px}.round{order:3;width:100%}.decide{grid-column:1 / -1;justify-content:space-between}.sheet{width:100%}.act{min-width:0;flex:1 1 0}.board{display:none}.tools{grid-column:1 / -1;justify-content:flex-end}.tip{width:min(320px,86vw)}}