:root{font-family:Inter,Arial,sans-serif;color:#f6f8ff;background:#09142c;font-synthesis:none}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:radial-gradient(ellipse at top,#183464,#09142c 70%);min-height:100vh}button,input,select,textarea{font:inherit}button{background:#203b6f;border:1px solid #6080b7;color:white;border-radius:9px;padding:13px 16px;font-weight:750;cursor:pointer}button:hover:not(:disabled){filter:brightness(1.15)}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #fff;outline-offset:3px}.primary{background:#f2c45d;color:#142442;border-color:#ffd887}.good{background:#1b664f}.bad{background:#8b3546}label{display:flex;flex-direction:column;gap:7px;font-size:14px;color:#d5e0f5}input,select,textarea{width:100%;background:#0c1a35;border:1px solid #506891;color:white;border-radius:7px;padding:12px}textarea{resize:vertical;min-height:90px}input::placeholder,textarea::placeholder{color:#8fa6cd}.brand{color:#f2c45d;font-size:20px;font-weight:800;margin-bottom:6px}.gold,h1 span{color:#f2c45d}h1{letter-spacing:-.045em;line-height:1.03;margin:0;font-size:clamp(30px,5.8vw,75px)}h2{margin:0 0 15px}p{color:#b7c7e2;line-height:1.5}.landing{max-width:1050px;margin:8vh auto;padding:25px}.tagline{font-size:24px}.rules{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.rules span{border-left:3px solid #f2c45d;padding-left:10px}.start{display:flex;align-items:end;gap:28px;margin:35px 0}.start>.primary{padding:16px 25px;white-space:nowrap}form{display:flex;align-items:end;gap:10px}#joinForm label:first-child{width:110px}.error{color:#ffb6b6;min-height:1em}.small-title{font-size:clamp(18px,2.2vw,31px);max-width:560px}#game{padding:22px}header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.room-info{display:flex;align-items:center;gap:10px}.room-info span{border:1px solid #5076a9;padding:12px;border-radius:8px;white-space:nowrap}.room-info strong{color:#f2c45d;font-size:24px}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:20px}.stage{border:1px solid #456293;background:#0c1d3e;border-radius:14px;padding:14px;min-height:calc(100vh - 220px)}.board{display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));gap:7px;height:100%;min-height:490px}.column{display:grid;grid-template-rows:80px repeat(var(--rows),minmax(65px,1fr));gap:7px}.category,.tile{background:#194bae;border:1px solid #517acc;border-radius:7px;text-align:center;display:grid;place-items:center}.category{text-transform:uppercase;font-size:clamp(14px,1.35vw,23px);font-weight:850;line-height:1.15;padding:8px;overflow-wrap:anywhere}.tile{font-size:clamp(25px,3.2vw,52px);font-weight:900;color:#f2c45d}.tile.used{background:#102957;color:transparent;border-color:#234775;opacity:1}.clue{min-height:480px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.clue h2{font-size:clamp(30px,4vw,64px);line-height:1.18;margin:25px 0}.clue .gold{font-size:26px;font-weight:850}#winnerBanner{margin-top:25px;font-size:28px;font-weight:800;color:#8ee8ff}aside{padding:20px;border:1px solid #3c5782;border-radius:12px;background:#122448}aside h2{font-size:21px}aside h3{font-size:18px}aside button{width:100%;margin-bottom:9px}aside p{font-size:14px}aside label{margin-bottom:10px}.row{display:flex;gap:7px}.row button{padding:12px 8px;font-size:14px}details{border-top:1px solid #405676;padding-top:15px;margin-top:15px}summary{cursor:pointer;font-weight:700;font-size:16px}.players{display:flex;gap:12px;margin-top:16px;flex-wrap:wrap}.player{background:#162a4e;border:1px solid #405d8b;border-radius:9px;padding:12px 17px;min-width:160px;display:flex;justify-content:space-between;gap:20px;align-items:center}.player strong{font-size:28px;color:#f2c45d}.player.active{border-color:#f2c45d}.screen-note{font-size:13px}.display-mode .game-layout{grid-template-columns:1fr}.display-mode .stage{min-height:calc(100vh - 220px)}#finalStage{text-align:center;padding:30px}#finalStage>.gold{font-size:25px;font-weight:850}#finalCategory{font-size:30px;margin:16px}#finalQuestion{font-size:clamp(28px,3.5vw,55px);color:#fff;margin:25px 0}#finalTimer{font-size:40px!important;margin:20px}.final-card{text-align:left;padding:17px;border:1px solid #4e6c9d;border-radius:8px;background:#152e58;margin:12px 0}.final-card strong{display:block;color:#f2c45d;font-size:23px}.final-card p{font-size:24px;color:#fff;margin:10px 0}.final-card small{font-size:15px}.judge{margin:15px 0;padding-top:12px;border-top:1px solid #41567d}.judge span{display:block;margin-bottom:8px}#phone{max-width:520px;margin:auto;min-height:100vh;padding:25px;text-align:center;display:flex;flex-direction:column}#phone h1{font-size:27px}#phoneRoom{margin:20px 0}#phoneName{font-size:28px;margin:15px 0 0}#phoneStatus{font-size:20px;min-height:65px;margin:15px 0}#buzz{border-radius:50%;background:#f2c45d;color:#15233c;border:9px solid #ffdf8b;width:min(70vw,280px);height:min(70vw,280px);align-self:center;font-size:50px;box-shadow:0 12px 0 #9b6f23;font-weight:900;margin:18px 0 30px}#buzz:disabled{opacity:1;background:#405474;border-color:#6b809f;color:#adbed5;box-shadow:none}#phoneScore{font-size:30px;font-weight:800;margin:22px 0}#wagerPanel,#answerPanel{background:#152a50;padding:22px;border-radius:12px}#wagerForm,#answerForm{display:flex;flex-direction:column;align-items:stretch}#wagerForm input{font-size:30px;text-align:center}#wagerPanel p,#answerPanel>p:last-child{font-size:14px}#phoneFinalQuestion{font-size:22px;color:white}#typedAnswer{font-size:20px;min-height:120px}#wagerLabel{font-size:19px;margin-bottom:12px}#finalJudging .row button{font-size:12px}@media(max-width:950px){.game-layout{grid-template-columns:1fr}header{align-items:flex-start}.room-info{flex-wrap:wrap;justify-content:flex-end}.room-info button{font-size:12px}.stage{min-height:450px}aside{max-width:none}.start{align-items:stretch;flex-direction:column}.board{min-height:450px}.small-title{font-size:23px}.clue{min-height:450px}}@media(max-width:600px){#game{padding:10px}header{gap:10px}.small-title{font-size:16px}.brand{font-size:16px}.room-info button{padding:8px}.room-info span{padding:8px;font-size:12px}.room-info strong{font-size:19px}.column{grid-template-rows:75px repeat(var(--rows),minmax(55px,1fr))}.category{font-size:11px;padding:3px}.tile{font-size:23px;padding:5px}.stage{padding:5px}.board,.column{gap:4px}.landing{margin:4vh auto}.tagline{font-size:19px}form{flex-wrap:wrap}#joinForm label{flex:1}#joinForm button{width:100%}.clue{padding:15px;min-height:430px}.clue h2{font-size:31px}#finalStage{padding:18px}#finalCategory{font-size:24px}.player{min-width:130px}.rules{flex-direction:column}}
.display-mode .tile:disabled{opacity:1;cursor:default}

.display-fullscreen{position:fixed;z-index:10;left:50%;bottom:24px;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 32px);padding:16px 24px;background:#f2c45d;color:#132442;border:2px solid #ffe2a0;box-shadow:0 8px 35px #0009;font-size:17px}.display-mode:fullscreen #game{min-height:100vh;padding:22px}.display-mode:fullscreen .stage{min-height:calc(100vh - 175px)}.display-mode:fullscreen .screen-note{display:none}#installApp{margin:0 0 20px}
