:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#e9f0ee;background:#0c1218;line-height:1.45;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 12% 0,#18352e 0,transparent 32rem),#0c1218}.shell{width:min(1120px,calc(100% - 36px));margin:0 auto;padding:26px 0 64px}.topbar{display:flex;justify-content:space-between;align-items:center;padding:10px 0 32px;border-bottom:1px solid #24333a}.brand{display:flex;align-items:center;gap:10px;font-size:.78rem;font-weight:800;letter-spacing:.16em;color:#a4b7b5}.brand-mark{display:grid;place-items:center;width:28px;height:28px;border:1px solid #416e61;border-radius:8px;color:#8ee6bd;font-size:1.45rem;line-height:1}.connection{font-size:.78rem;color:#6f8583}.connection.live{color:#8ee6bd}.panel{background:rgba(18,29,37,.88);border:1px solid #294048;border-radius:18px;box-shadow:0 20px 60px rgba(0,0,0,.18);padding:24px}.access-panel,.waiting,.finished{max-width:560px;margin:12vh auto 0}.kicker,.label{margin:0 0 8px;color:#8ee6bd;font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.muted{color:#9aabaa;max-width:62ch}.error{color:#ff9d91;min-height:1.4em;font-size:.9rem}h1,h2,p{margin-top:0}h1{font-size:clamp(2rem,5vw,4.2rem);line-height:1.02;letter-spacing:-.055em;margin-bottom:16px}h2{font-size:1.15rem;letter-spacing:-.02em;margin:0}.stack,.name-form{display:grid;gap:10px;margin-top:28px}label{font-size:.84rem;font-weight:700;color:#c8d5d2}input,select,textarea{width:100%;background:#0b151b;color:#edf5f1;border:1px solid #35505a;border-radius:10px;padding:12px 13px;font:inherit;font-size:1rem;outline:none}input:focus,select:focus,textarea:focus{border-color:#8ee6bd;box-shadow:0 0 0 3px rgba(142,230,189,.16)}button{border:0;border-radius:10px;padding:12px 16px;font:inherit;font-size:.9rem;font-weight:800;cursor:pointer;transition:transform .15s,background .15s,opacity .15s}button:hover{transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.4;transform:none}.primary{background:#8ee6bd;color:#0b1715}.secondary{background:#20353a;color:#dff3ec;border:1px solid #3d5e62}.ghost{background:transparent;color:#9aabaa;border:1px solid #385159}.button-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.notice{margin-top:24px;padding:14px 16px;border-left:3px solid #ffcc66;background:#202c2d;color:#bdc9c5}.pulse{display:flex;align-items:center;gap:10px;margin:30px 0;color:#d4e3de;font-weight:700}.pulse span{width:10px;height:10px;background:#8ee6bd;border-radius:50%;box-shadow:0 0 0 7px rgba(142,230,189,.12);animation:pulse 1.8s infinite}@keyframes pulse{50%{box-shadow:0 0 0 12px rgba(142,230,189,0)}}.game-head{display:flex;justify-content:space-between;align-items:end;gap:20px;padding:36px 0 24px}.game-head h1{font-size:clamp(2rem,5vw,3.7rem);margin-bottom:0}.turn-badge{padding:10px 14px;border-radius:999px;background:#20353a;color:#b9ccc7;font-weight:800;font-size:.82rem;white-space:nowrap}.turn-badge.active{background:#8ee6bd;color:#0b1715}.board-grid{display:grid;grid-template-columns:1.1fr 1.5fr;gap:14px}.section-head{display:flex;justify-content:space-between;gap:12px;align-items:start;margin-bottom:18px}.mini-note,.hint,.save-status{color:#78918e;font-size:.75rem}.tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.tile{min-height:82px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:12px;background:#e9f1ed;color:#0f1a1a;border:2px solid #c6d5d0;box-shadow:0 5px 0 #899d97;font-weight:900}.tile .number{font-size:2rem;line-height:1}.tile .color-name{font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;margin-top:7px;opacity:.6}.tile.black{background:#d8e3e0;border-color:#788e89}.tile.white{background:#fbfcf8}.tile.green{background:#b9f0cd;border-color:#6db28e}.concealed{background:#17282d;border-color:#3d6260;box-shadow:0 5px 0 #0a1014;color:#78a69a}.concealed .number{font-size:1.45rem;color:#8ee6bd}.hint{margin:16px 0 0}.questions-panel{grid-column:1 / -1}.questions{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.question{min-height:112px;text-align:left;display:flex;flex-direction:column;justify-content:space-between;background:#14262c;color:#dcebe6;border:1px solid #31535a;padding:14px}.question:hover:not(:disabled){background:#1b373b;border-color:#8ee6bd}.question .q-id{color:#7ea29a;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase}.question .q-prompt{font-size:.94rem;line-height:1.25}.own-panel{grid-column:1}.history-panel{grid-column:2}.history{max-height:260px;overflow:auto;display:grid;gap:10px}.event{padding:10px 12px;border-left:2px solid #355159;color:#b5c7c2;font-size:.84rem}.event.start,.event.finish,.event.tie{border-color:#8ee6bd;color:#dff3ec}.action-bar{display:flex;justify-content:center;gap:12px;padding:20px 0}.notebook-panel{margin-top:2px}.notebook{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:16px}.note-slot{background:#0e1a20;border:1px solid #2f4c53;border-radius:10px;padding:10px}.slot-title{font-weight:900;color:#8ee6bd;margin-bottom:8px}.number-notes{display:grid;grid-template-columns:repeat(5,1fr);gap:3px}.number-notes label,.color-notes label{font-size:.68rem;color:#a9beba;display:flex;align-items:center;gap:2px;cursor:pointer}.number-notes input,.color-notes input{width:auto;accent-color:#8ee6bd}.color-notes{display:flex;gap:5px;flex-wrap:wrap;margin:8px 0}.note-slot textarea{min-height:48px;padding:7px;font-size:.78rem;resize:vertical}.final-banner{padding:14px 18px;border:1px solid #caa25e;background:#302a1b;color:#f5d998;border-radius:12px;margin-bottom:14px;font-weight:700}.finished .tiles{margin:26px 0}.finished .tile{min-height:96px}
@media(max-width:760px){.shell{width:min(100% - 24px,600px);padding-top:12px}.topbar{padding-bottom:20px}.board-grid{grid-template-columns:1fr}.questions-panel,.own-panel,.history-panel{grid-column:auto}.questions{grid-template-columns:repeat(2,1fr)}.notebook{grid-template-columns:1fr}.game-head{padding-top:26px;align-items:start;flex-direction:column}.game-head h1{font-size:2.5rem}.turn-badge{align-self:stretch;text-align:center}.tile{min-height:72px}.tile .number{font-size:1.65rem}.action-bar{position:sticky;bottom:0;background:rgba(12,18,24,.94);margin:0 -12px;padding:12px;z-index:2}.action-bar button{flex:1}.history{max-height:220px}}
.question{position:relative}.question-cover{position:absolute;inset:0;background:transparent;border:0}.question-choices{display:flex;gap:6px;position:relative;z-index:1}.question-choices button{flex:1;padding:7px;background:#29464b;color:#dff3ec}.question-choices button:hover:not(:disabled){background:#8ee6bd;color:#0b1715}dialog{width:min(640px,calc(100% - 24px));padding:0;border:1px solid #416067;border-radius:18px;color:#e9f0ee;background:#121d25;box-shadow:0 30px 100px #000}dialog::backdrop{background:rgba(2,7,10,.8);backdrop-filter:blur(6px)}.guess-form{padding:28px}.guess-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:24px 0}.guess-grid label{display:grid;gap:6px;color:#8ee6bd}.guess-grid select{padding:9px 5px;font-size:.85rem}@media(max-width:600px){.guess-grid{gap:4px}.guess-form{padding:20px}.guess-grid select{font-size:.72rem;padding:8px 2px}}