:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1e1e2e;--text:#cdd6f4;--accent:#89b4fa;--danger:#f38ba8;--warning:#f9e2af;--success:#a6e3a1;--surface:#313244;--overlay:#1e1e2ef2}body{background-color:var(--bg);color:var(--text);flex-direction:column;justify-content:center;align-items:center;height:100vh;margin:0;font-family:system-ui,-apple-system,sans-serif;transition:background-color .1s;display:flex;overflow:hidden}.damage-flash{background-color:#5c1f2b}h1{color:var(--accent);margin-bottom:1rem;font-size:2.5rem}.stats-container{background:var(--surface);border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 30px;margin-bottom:30px;padding:20px 40px;display:flex;box-shadow:0 6px 12px #0000004d}.stats{font-size:2rem;font-weight:700}#hearts{gap:10px;display:flex}.heart{width:36px;height:36px;fill:var(--danger)}.heart-empty{fill:none;stroke:var(--danger);stroke-width:2px}.game-area{flex-direction:column;align-items:center;width:100%;max-width:600px;display:flex}#question{letter-spacing:2px;text-align:center;min-height:5rem;margin:0 0 20px;font-size:4rem}.timer-container{background:var(--surface);border-radius:5px;width:100%;height:10px;margin-bottom:20px;overflow:hidden}#timer-bar{background:var(--success);width:100%;height:100%;transition:width .1s linear,background-color .3s}.input-group{justify-content:center;gap:15px;width:100%;display:flex}input{text-align:center;border:2px solid var(--surface);background:var(--bg);width:250px;min-width:0;color:var(--text);border-radius:8px;outline:none;padding:10px 20px;font-size:2rem;transition:border-color .2s}input:focus{border-color:var(--accent)}button{background:var(--accent);color:var(--bg);cursor:pointer;border:none;border-radius:8px;padding:10px 25px;font-size:1.5rem;font-weight:700}button:hover{opacity:.8}.modal{background:var(--overlay);z-index:10;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:none;position:fixed;top:0;left:0}.modal.open{display:flex}.modal-content{background:var(--surface);text-align:center;box-sizing:border-box;border-radius:12px;width:min(400px,90vw);padding:30px 40px;box-shadow:0 10px 25px #00000080}.modal-content h2{margin-top:0;font-size:2.5rem}.modal-content p{margin:10px 0 20px;font-size:1.2rem}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.text-accent{color:var(--accent)}#top-bar{z-index:11;align-items:center;gap:8px;display:flex;position:fixed;top:12px;left:12px;right:12px}.top-spacer{flex:1}#home-link{border-radius:10px;flex:none;height:42px;display:block}#home-link img{border-radius:10px;display:block}#home-link:hover{opacity:.85}#account-bot-check:not(:empty){margin-top:10px}input[type=number]{appearance:textfield}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.top-button{--player-color:var(--accent);background:var(--surface);min-width:0;color:var(--player-color);border:2px solid var(--player-color);white-space:nowrap;text-overflow:ellipsis;border-radius:8px;padding:8px 14px;font-family:inherit;font-size:1rem;font-weight:700;line-height:1.2;text-decoration:none;overflow:hidden}[hidden]{display:none!important}#ghost{margin:0 0 8px;font-size:1.2rem;font-weight:700}.secondary{background:var(--bg);color:var(--text);outline:2px solid var(--surface);outline-offset:-2px}a{color:var(--accent)}.overlay{z-index:20}.overlay .modal-content{text-align:left;width:min(480px,92vw);max-height:96vh;padding:18px 28px;overflow-y:auto}.overlay h2{margin-bottom:10px;font-size:1.6rem}.overlay label,.overlay .field{margin-bottom:10px;display:block}.overlay input[type=text],.overlay input[type=password],.overlay select{box-sizing:border-box;text-align:left;border:2px solid var(--bg);background:var(--bg);width:100%;color:var(--text);border-radius:8px;margin-top:4px;padding:8px 10px;font-size:1rem;display:block}.overlay .check input{width:auto;margin:0 6px 0 0}.overlay p{min-height:1.2rem;margin:0 0 12px;font-size:1rem}.overlay .input-group button{font-size:1.1rem}.choices{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.choices button{background:var(--bg);width:38px;height:38px;color:var(--text);border:2px solid #0000;padding:0;font-size:1.1rem}.choices button[aria-pressed=true]{outline:3px solid var(--text);outline-offset:1px}.bests,.modal-content p.bests{white-space:pre-line;font-size:1rem}.modal-content p.hint{font-size:.95rem}.link-row{gap:8px;margin-top:4px}.overlay .link-row input[type=text]{flex:1;margin:0}.board-filters{gap:12px;display:flex}.board-filters label{flex:1}#board-list{max-height:40vh;margin:0 0 8px;padding-left:28px;overflow-y:auto}#board-list li{padding:3px 0}#board-list li>*{display:inline-block}#board-list strong{float:right;padding-right:8px}#board-list .is-you{background:var(--bg);border-radius:4px}#game-page,#home-page{box-sizing:border-box;text-align:center;flex-direction:column;align-items:center;width:100%;padding:0 16px;display:flex}.home-actions{flex-direction:column;gap:12px;width:min(320px,100%);margin-top:12px;display:flex}.home-action{background:var(--accent);color:var(--bg);border-radius:8px;padding:10px 25px;font-size:1.5rem;font-weight:700;text-decoration:none}#points{width:100%;height:0;position:relative}.points-float{color:var(--success);pointer-events:none;font-size:1.6rem;font-weight:700;animation:.9s ease-out forwards points-rise;position:absolute;top:0;left:50%}@keyframes points-rise{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-70px)}}@media (prefers-reduced-motion:reduce){@keyframes points-rise{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%)}}}.google-button{background:var(--text);color:var(--bg);text-align:center;border-radius:8px;margin-bottom:14px;padding:10px;font-weight:700;text-decoration:none;display:block}.link-button{font:inherit;color:var(--accent);background:0 0;padding:0;font-weight:400;text-decoration:underline}.overlay p.switch-mode{text-align:center;margin-top:4px}
