:root{color-scheme:light;--bg:#203b56;--panel:#fffbee;--line:#d7d7cb;--text:#203349;--muted:#586879;--lime:#93d5f9;--purple:#315d7c;--pink:#ae425c}
body{background:linear-gradient(125deg,#23444e,#203657);background-attachment:fixed;min-height:100dvh;color:var(--text)}
main{width:min(1100px,calc(100% - 32px))}body:has(#welcome:not([hidden])) main{min-height:calc(100dvh - 42px);display:grid;place-items:center;padding:80px 0 22px}
#welcome{width:100%;max-width:448px}.paper-login{position:relative;padding:30px 32px 32px;background:#ffe86a;border-radius:18px;box-shadow:0 12px 24px #0b203e50,0 2px 4px #11223940;overflow:visible}.paper-login:after{content:"";position:absolute;bottom:0;right:0;width:26px;height:26px;background:linear-gradient(135deg,transparent 49%,#e4cc55 50%);border-bottom-right-radius:18px;pointer-events:none}
.paper-login h1{font-family:'Comic Sans MS','Comic Sans','Segoe Print',cursive;font-weight:700;text-align:center;font-size:64px;line-height:1.07;letter-spacing:-2px;margin:0 0 36px}.question-marks{position:absolute;top:-88px;left:50%;transform:translateX(-50%);display:flex;gap:22px;pointer-events:none}.question-marks span{font-family:'Comic Sans MS',cursive;font-size:92px;font-weight:bold;line-height:1;display:block;color:#ff9eab;-webkit-text-stroke:3px #fffef5;filter:drop-shadow(0 3px 1px #0002);transform:rotate(-12deg)}.question-marks span:nth-child(2){color:#98dafb;transform:rotate(10deg)}.question-marks span:nth-child(3){color:#9beac2;transform:rotate(20deg)}
.paper-login label{font-size:14px;font-weight:500;margin:0 0 7px;color:#26374b}.paper-login input,.paper-login select{background:#fffdf0;border:2px solid #dddccb;border-radius:12px;color:#25364b;padding:15px;margin:0;min-height:53px}.paper-login input::placeholder{color:#8d9499}.paper-login input:focus,.paper-login select:focus{border-color:#355976;box-shadow:0 0 0 2px #fff9}.mode-switch{display:flex;width:max-content;max-width:100%;margin:24px auto;background:#fffdec;padding:5px;border-radius:30px;box-shadow:0 5px 9px #76622226}.mode-switch button{background:transparent;color:#25364b;font-weight:700;font-size:13px;padding:11px 13px;border-radius:24px}.mode-switch button[aria-pressed=true]{background:#98d8fc;box-shadow:0 2px 5px #337ca52b}.paper-login form>.primary{width:100%;margin-top:34px;min-height:55px;border-radius:12px;background:#94d4f8;color:#223b51;box-shadow:0 4px 5px #6a67283b;font-size:16px}
.help-button{position:fixed;top:18px;right:20px;border:1px solid #ffffff18;background:#ffffff10;color:#d5e5ee;border-radius:50%;width:38px;height:38px;font-size:22px;z-index:5}.help-button:hover{background:#ffffff25}footer{border:0;margin:0 auto;padding:12px 0 18px;justify-content:center;color:#b9cbd5;font-weight:400;font-size:11px;width:auto}.room-head{color:#fff9dd;margin-top:65px}.room-head h1{font-family:'Comic Sans MS','Segoe Print',cursive;font-size:30px}.room-head .eyebrow{display:none}.room-head .ghost{color:#d5e5ee}.room-head .secondary{background:#fff7d7}.panel{border:0;box-shadow:0 5px 13px #10203725}.turn-panel{background:#ffe86a}.turn-panel.my-turn{background:#ffe86a;outline:3px solid #94d4f8;border:none}.turn-panel .eyebrow{display:none}.turn-panel p{font-size:12px}.turn-panel h2{font-size:24px}.timer{background:#fffdf0;border-color:#83c7ee}.timer.urgent{border-color:#d15b67;color:#a02e40}.primary{color:#203349;background:#94d4f8}.secondary{color:#203349;background:#e5eff3;border-color:#cbd9dd}.players{gap:12px}.player,.player.me{background:#fff0a0;border:0;box-shadow:0 4px 8px #10203722;min-height:123px}.player:nth-child(3n+2){background:#d4edfa}.player:nth-child(3n+3){background:#daefdb}.player.current{outline:3px solid #96d9ff}.player.me h3{color:#25415c}.player h3{font-family:'Comic Sans MS','Segoe Print',cursive}.avatar{background:#ffffff90;color:#31516b}.player.solved .player-status{color:#296044}.board-note{display:none}.chat-head{border-color:#e1dfd4}.live{color:#427855}.messages{height:330px}.msg{background:#ece9dc}.msg.own{background:#dceffa}.msg.system{color:#687582}.msg.correct{border-color:#58a07c}.msg.wrong{border-color:#cf8891}.quick{border-color:#e1dfd4}.quick button{background:#e9ece7}.chat input,.chat textarea{background:#fff;border-color:#d2d8d9;color:#26374b}.chat-head h2{font-size:18px}.ranking{background:#fff4b3}.rank-row b{color:#365f75}.rank-row{border-color:#ddd3a1}
dialog{width:min(460px,calc(100% - 32px));background:#fff5c1;color:#25364b;border:0;border-radius:18px;padding:30px;box-shadow:0 18px 70px #0005}dialog::backdrop{background:#112839b8}dialog h2{font-family:'Comic Sans MS','Segoe Print',cursive;font-size:28px;margin:8px 0 22px}dialog p{font-size:14px;line-height:1.7} .help-close{float:right;background:transparent;color:#314b61;font-size:27px;padding:0 5px}
@media(max-width:600px){body:has(#welcome:not([hidden])) main{padding-top:78px}.paper-login{padding:28px 24px;max-width:410px;margin:auto}.paper-login h1{font-size:54px;margin-bottom:27px}.question-marks{top:-68px;gap:17px}.question-marks span{font-size:74px}.paper-login form>.primary{margin-top:26px}.mode-switch{margin:22px auto}.help-button{top:12px;right:12px;width:32px;height:32px;font-size:19px}.room-head{margin-top:48px}.room-head h1{font-size:25px}.player h3{font-size:20px}.turn-panel{gap:12px}.chat .messages{height:270px}}