:root{color:#241433;background:#f3ecdf;font-family:Nunito,Trebuchet MS,sans-serif;line-height:1.35}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}a{color:inherit}.desk{min-height:100vh;padding:24px clamp(16px,4vw,48px) 64px}.top,.editor-title,.hero-actions,.card-actions,.kind-row,.meta-row,.stage-bar,.stage-actions{display:flex;align-items:center;gap:12px}.top{justify-content:space-between}.mark{font-weight:900;font-size:1.35rem;text-decoration:none;letter-spacing:-.03em}.light-mark{color:#fff}.top nav{display:flex;align-items:center;gap:16px}.button,.stage-actions button,.text-button{border:0;border-radius:999px;padding:10px 16px;font-weight:800;cursor:pointer;text-decoration:none}.button{background:#ff7a1a;color:#241433}.button.ghost,.stage-actions button{background:#fff;color:#241433}.button:disabled{opacity:.55;cursor:not-allowed}.text-button{background:transparent;color:#5b2a86;padding-inline:0}.text-button.light{color:#fff}.text-button.danger{color:#9d1230}.hero{max-width:760px;margin:48px 0 28px}.eyebrow{margin:0 0 8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8a4b16}h1{font-size:clamp(2rem,5vw,4rem);line-height:.95;margin:0 0 12px;letter-spacing:-.04em}.hero p,.ai-panel p{max-width:62ch}.hero-actions{margin-top:20px}.banner{background:#ffe1d6;border-radius:12px;padding:10px 14px}.banner.ok{background:#ddf3d8}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.card{background:#fff;border-radius:18px;padding:16px;box-shadow:0 10px 30px #2414330f}.card-kicker{margin:0;font-size:.8rem;font-weight:800;color:#8a4b16;text-transform:uppercase}.card h3{margin:6px 0}.card-actions{margin-top:12px;flex-wrap:wrap}.editor-page .editor-title{flex:1}.editor-title input,.ai-panel input,.ai-panel textarea,.editor-main textarea,.draft-answers input:not([type=checkbox]):not([type=radio]),.join input,.editor-main select{width:100%;border:0;border-radius:12px;padding:12px 14px;background:#fff}.editor-title input{font-size:1.2rem;font-weight:800}.editor-grid{display:grid;grid-template-columns:240px minmax(0,1fr) 280px;gap:18px;margin-top:18px;align-items:start}.editor-grid aside,.editor-main{background:#ffffffb8;border-radius:18px;padding:12px}.editor-grid ol{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:6px}.editor-grid aside button.active,.kind-row button.active{outline:3px solid #241433}.editor-grid aside li button{width:100%;text-align:left;border:0;border-radius:12px;background:#fff;padding:8px}.editor-grid aside small{display:block;color:#6d5a78}.kind-row{margin-bottom:10px;flex-wrap:wrap}.kind-row button{border:0;border-radius:999px;background:#fff;padding:8px 12px;font-weight:800}.editor-main textarea{min-height:90px;font-size:1.3rem;font-weight:800}.draft-answers{display:grid;gap:8px;margin:12px 0}.draft-answers label{display:flex;gap:8px;align-items:center;background:#fff;border-radius:12px;padding:8px}.draft-answers label.correct{box-shadow:inset 0 0 0 2px #26890c}.draft-answers label button{border:0;background:transparent;font-size:1.3rem;cursor:pointer}.meta-row,.ai-panel{display:grid;gap:10px}.meta-row{grid-template-columns:140px 140px 1fr;align-items:end;margin-top:8px}.wide{width:100%}.check{display:flex;gap:8px;align-items:center;font-weight:800}.check input{width:auto}.hint{margin:8px 0;font-weight:800}.hint.light,.check.light{color:#fff}.lobby,.stage,.join{min-height:100vh;background:radial-gradient(circle at top,#6d35b0,#241033 55%);color:#fff}.lobby{padding:18px}.join-line,.pin-label{text-align:center}.pin{font-size:clamp(4rem,12vw,8rem);font-weight:900;letter-spacing:.06em;margin:0;text-align:center}.lobby-main{display:grid;grid-template-columns:1.4fr .8fr;gap:24px;align-items:center;width:min(1100px,100%);margin:0 auto}.names{display:flex;flex-wrap:wrap;gap:8px;padding:0;list-style:none}.names li{background:#ffffff24;border-radius:999px;padding:6px 12px;font-weight:800}.lobby-side{display:grid;justify-items:center;gap:10px}.lobby-side canvas,.join form{background:#fff;border-radius:16px}.join{display:grid;place-items:center;padding:20px}.join form,.join.waiting{width:min(420px,100%);display:grid;gap:12px}.join form{color:#241433;padding:22px}.join.waiting{text-align:center}.button.start{min-width:180px;font-size:1.3rem}.stage{display:flex;flex-direction:column;gap:12px;padding:12px}.stage-bar{justify-content:space-between;font-weight:800}.timer{height:8px;background:#fff3;border-radius:99px;overflow:hidden}.timer div{height:100%;background:#ff7a1a}.prompt{text-align:center;font-size:clamp(1.6rem,4vw,3rem)}.prompt.small{font-size:clamp(1.2rem,3vw,2rem)}.count{font-size:8rem;font-weight:900;text-align:center;margin:0}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:min(1100px,100%);margin:0 auto}.answer-grid.grow{flex:1}.tile{display:flex;align-items:center;gap:12px;min-height:92px;border:0;border-radius:8px;color:#fff;font-weight:800;font-size:1.15rem;text-align:left;padding:12px 16px;position:relative}.tile svg{width:36px;height:36px;flex:none}.tile em{margin-left:auto;font-style:normal;background:#00000040;border-radius:999px;padding:2px 8px}.tile.is-selected{outline:4px solid white}.tile.is-wrong{opacity:.45}.tile.is-correct{outline:4px solid white}.tile:disabled{cursor:default}.player-play{min-height:100dvh}.player-play .tile{min-height:120px}.ranking{list-style:none;padding:0;width:min(560px,100%);margin:8px auto}.ranking li{display:grid;grid-template-columns:32px 1fr auto;gap:8px;padding:8px 0;border-bottom:1px solid rgb(255 255 255 / 20%)}.ranking .me{color:#ffd18a}.podium{display:flex;justify-content:center;gap:12px;align-items:end}.place{background:#ffffff1f;border-radius:16px 16px 0 0;padding:16px;min-width:140px;text-align:center}.place-1{min-height:180px;background:#ffd15c;color:#241433}.place-2{min-height:140px}.place-3{min-height:110px}.player-result{text-align:center;place-items:center}.player-result.good{background:#1f7a34}.player-result.bad{background:#8d1530}.delta{font-size:4rem;font-weight:900;margin:0}.missing{place-items:center;text-align:center}.stage.missing{display:grid}@media(max-width:980px){.editor-grid,.lobby-main,.meta-row{grid-template-columns:1fr}.top{align-items:flex-start;flex-wrap:wrap}}