:root{--bg:#111014;--surface:#1b1a20;--line:#2c2a33;--line-2:#3a3842;--text:#f4f1ea;--text-2:#d8d4cc;--muted:#a29faa;--faint:#7d7a86;--dim:#5a5764;--placeholder:#6f6c78;--accent:#ffd23f;--pink:#ff6fa8;--ink:#111014;--sans:"Bricolage Grotesque", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;font-family:var(--sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}button,input,textarea{font:inherit;color:inherit}input::placeholder,textarea::placeholder{color:var(--placeholder)}h1,h2,h3,p{margin:0}ol,dl,dd{margin:0;padding:0;list-style:none}.mono{font-family:var(--mono)}.strong{font-weight:700}.muted{color:var(--muted)}.accent{color:var(--accent)}.eyebrow{font-family:var(--mono);letter-spacing:.14em;color:var(--muted);font-size:12px}.dot{background:var(--accent);border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.dot.pink{background:var(--pink)}.form-error{color:var(--pink);font-size:14px}@media (width<=899px){.only-desktop{display:none!important}}@media (width>=900px){.only-mobile{display:none!important}}.btn{background:var(--accent);height:56px;color:var(--ink);cursor:pointer;white-space:nowrap;border:0;border-radius:12px;padding:0 28px;font-size:18px;font-weight:700;transition:transform .1s,opacity .15s}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.5;cursor:default}.btn.dark{background:var(--ink);color:var(--accent)}.btn.secondary{background:var(--surface);color:var(--text);border:1.5px solid var(--line-2)}.btn.danger{background:var(--pink);color:var(--ink)}.btn.small{border-radius:10px;height:36px;padding:0 14px;font-size:14px}.input{background:var(--surface);border:1.5px solid var(--line-2);width:100%;min-width:0;height:56px;color:var(--text);border-radius:12px;outline:none;padding:0 18px;font-size:18px}.input:focus{border-color:var(--accent)}.door{flex:none;align-items:flex-end;display:flex}.door-frame{border:3px solid;border-bottom:0;border-radius:3px 3px 0 0;position:relative}.door-knob{background:currentColor;border-radius:50%;position:absolute}.door-leaf{clip-path:polygon(0 0,100% 12%,100% 100%,0 100%);background:currentColor;margin-left:-3px}.door.accent{color:var(--accent)}.door.dim{color:var(--line-2)}.door.dark{color:var(--ink)}.door.sm .door-frame{width:44px;height:68px}.door.sm .door-knob{width:6px;height:6px;top:32px;right:6px}.door.lg .door-frame{border-radius:4px 4px 0 0;width:72px;height:112px}.door.lg .door-knob{width:8px;height:8px;top:54px;right:9px}.door.lg .door-leaf{width:36px;height:112px}@media (width>=900px){.door.sm .door-frame{width:52px;height:80px}.door.sm .door-knob{width:7px;height:7px;top:38px;right:7px}.door.lg .door-frame{border-width:4px;border-radius:6px 6px 0 0;width:180px;height:280px}.door.lg .door-knob{width:14px;height:14px;top:136px;right:22px}.door.lg .door-leaf{width:90px;height:280px;margin-left:-4px}}.join{min-height:100dvh;display:flex}.join-main{flex-direction:column;flex:1;padding:48px 28px 40px;display:flex}.join-hero{flex-direction:column;margin-top:56px;display:flex}.join-title{letter-spacing:-.04em;margin-top:28px;font-size:64px;font-weight:800;line-height:.92}.join-lead{color:var(--text-2);text-wrap:pretty;margin-top:24px;font-size:18px;line-height:1.45}.join-sub{color:var(--muted);text-wrap:pretty;margin-top:12px;font-size:15px;line-height:1.45}.join-form{flex-direction:column;gap:12px;margin-top:auto;padding-top:32px;display:flex}.join-row{flex-direction:column;gap:12px;display:flex}.join-hint{color:var(--faint);text-align:center;font-size:13px}.join .form-error{text-align:center}.join-aside{display:none}@media (width>=900px){.join{grid-template-columns:minmax(0,1fr) clamp(380px,36vw,520px);display:grid}.join-main{padding:72px clamp(48px,6.7vw,96px)}.join-main>.eyebrow{font-size:13px}.join-hero{margin-top:auto}.join-title{letter-spacing:-.05em;margin-top:32px;font-size:clamp(80px,8.9vw,128px);line-height:.88}.join-lead{max-width:560px;margin-top:32px;font-size:22px}.join-form{max-width:560px;margin-top:48px;padding-top:0}.join-row{flex-direction:row}.join .input{height:60px;padding:0 20px;font-size:19px}.join .btn{height:60px}.join-hint,.join .form-error{text-align:left;font-size:14px}.join-aside{background:var(--accent);color:var(--ink);flex-direction:column;padding:72px clamp(40px,4.4vw,64px);display:flex}.join-aside .eyebrow{color:var(--ink);font-size:13px}.join-steps{grid-template-columns:56px 1fr;row-gap:28px;margin-top:40px;font-size:22px;font-weight:500;line-height:1.35;display:grid}.join-steps li{display:contents}.join-steps .mono{font-weight:700}.join-levels{border-top:2px solid var(--ink);flex-direction:column;gap:12px;margin-top:auto;padding-top:24px;display:flex}.join-levels>div{gap:16px;font-size:18px;display:flex}.join-levels .mono{width:40px}}.wait,.cleared{flex-direction:column;min-height:100dvh;padding:48px 28px 40px;display:flex}.wait-head{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.wait-who{flex:1;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.wait-who strong{overflow-wrap:anywhere;text-align:right;font-size:17px}.wait-body{flex-direction:column;gap:20px;margin:auto 0;padding:32px 0;display:flex}.wait-copy{flex-direction:column;gap:20px;display:flex}.wait-copy h2{letter-spacing:-.03em;font-size:40px;font-weight:800;line-height:1}.wait-copy p{color:var(--muted);text-wrap:pretty;font-size:17px;line-height:1.45}.waiting{font-family:var(--mono);color:var(--text-2);align-items:center;gap:10px;font-size:14px;display:flex}.steps{border-top:1px solid var(--line);color:var(--text-2);grid-template-columns:28px 1fr;row-gap:12px;padding-top:20px;font-size:15px;display:grid}.steps li{display:contents}.steps .mono{color:var(--accent)}@media (width>=900px){.wait,.cleared{padding:56px clamp(48px,6.7vw,96px)}.wait-head .eyebrow{font-size:13px}.wait-who{flex:none}.wait-who strong{font-size:19px}.wait-body{grid-template-columns:auto minmax(0,1fr);align-items:end;gap:72px;display:grid}.wait-copy{gap:24px}.wait-copy h2{letter-spacing:-.04em;font-size:clamp(56px,6.1vw,88px);line-height:.95}.wait-copy p{max-width:620px;font-size:22px}.waiting{gap:12px;font-size:16px}.waiting .dot{width:10px;height:10px}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;padding-top:28px;font-size:18px}.steps li{gap:16px;display:flex}}.cleared{background:var(--accent);color:var(--ink)}.cleared .eyebrow{color:var(--ink)}.cleared-body{flex-direction:column;gap:24px;margin-top:auto;display:flex}.cleared-copy{flex-direction:column;gap:24px;display:flex}.cleared-copy h2{letter-spacing:-.04em;font-size:72px;font-weight:800;line-height:.9}.cleared-copy p{text-wrap:pretty;font-size:18px;line-height:1.45}.cleared-foot{flex-direction:column;display:flex}.cleared-stats{border-top:2px solid var(--ink);grid-template-columns:1fr 1fr;gap:8px;margin-top:24px;padding-top:16px;display:grid}.cleared-stats>div{flex-direction:column;gap:4px;display:flex}.cleared-stats dt{font-family:var(--mono);letter-spacing:.1em;font-size:12px}.cleared-stats dd{font-family:var(--mono);font-size:28px;font-weight:700}.cleared-foot .btn{margin-top:40px}@media (width>=900px){.cleared .eyebrow{font-size:13px}.cleared-body{grid-template-columns:auto minmax(0,1fr);align-items:end;gap:72px;margin:auto 0;padding:32px 0;display:grid}.cleared-copy h2{letter-spacing:-.05em;font-size:clamp(96px,11.1vw,160px);line-height:.85}.cleared-copy p{max-width:640px;font-size:24px}.cleared-foot{border-top:2px solid var(--ink);flex-direction:row;align-items:flex-end;gap:72px;min-height:94px;padding-top:28px}.cleared-stats{border:0;gap:72px;margin:0;padding:0;display:flex}.cleared-stats>div{gap:6px}.cleared-stats dt{font-size:13px}.cleared-stats dd{font-size:40px}.cleared-foot .btn{height:64px;margin:0 0 0 auto;padding:0 36px;font-size:20px}}.game{grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"side""chat""code";height:100dvh;display:grid}.game-side{padding:max(20px, env(safe-area-inset-top)) 20px 16px;border-bottom:1px solid var(--line);flex-direction:column;grid-area:side;gap:14px;display:flex}.game-top{justify-content:space-between;align-items:center;display:flex}.level-label{align-items:baseline;gap:10px;display:flex}.level-label .eyebrow{letter-spacing:.1em}.level-label .mono{font-size:15px}.game-timer{font-family:var(--mono);letter-spacing:.02em;font-variant-numeric:tabular-nums;font-size:20px;font-weight:700}.segments{grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.segments span{background:var(--line);border-radius:2px;height:4px}.segments .done{background:var(--accent)}.segments .current{background:var(--text)}.game-level{flex-direction:column;gap:4px;display:flex}.game-level h2{letter-spacing:-.02em;font-size:24px;font-weight:800}.game-level p{color:var(--muted);font-size:15px;line-height:1.45}.game-chat{flex-direction:column;grid-area:chat;min-height:0;display:flex}.chat-log{flex:1;min-height:0;overflow-y:auto}.chat-inner{flex-direction:column;gap:14px;min-height:100%;padding:20px;display:flex}.chat-empty{flex-direction:column;gap:8px;margin:auto 0;display:flex}.chat-empty p{color:var(--text-2);font-size:17px;line-height:1.45}.bot-label{font-family:var(--mono);letter-spacing:.1em;color:var(--pink);font-size:11px}.chat-empty .bot-label{font-size:12px}.blocked{color:var(--muted);letter-spacing:.04em}.bubble{white-space:pre-wrap;overflow-wrap:anywhere;padding:12px 14px;font-size:15px;line-height:1.45}.bubble.me{background:var(--accent);max-width:82%;color:var(--ink);border-radius:14px 14px 4px;align-self:flex-end;line-height:1.4}.bot{flex-direction:column;align-self:flex-start;gap:6px;max-width:86%;display:flex}.bot .bubble{background:var(--surface);border:1px solid var(--line);color:var(--text);border-radius:4px 14px 14px}.bubble.typing{color:var(--muted)}.sys{font-family:var(--mono);color:var(--accent);text-align:center;overflow-wrap:anywhere;align-self:center;padding:4px 0;font-size:12px}.sys.bad{color:var(--pink)}.chat-notice{font-family:var(--mono);text-align:center;padding:0 20px 8px;font-size:12px}.composer{border-top:1px solid var(--line);gap:8px;padding:12px 16px 10px;display:flex}.composer-input{background:var(--surface);border:1.5px solid var(--line);min-width:0;height:48px;color:var(--text);border-radius:12px;outline:none;flex:1;padding:0 14px;font-size:16px}.composer-input:focus{border-color:var(--dim)}.composer-send{border:1.5px solid var(--line-2);background:var(--surface);width:48px;height:48px;color:var(--text);cursor:pointer;border-radius:12px;flex:none;font-size:20px}.composer-send:disabled{opacity:.5;cursor:default}.game-code{padding:0 16px max(20px, env(safe-area-inset-bottom));flex-direction:column;grid-area:code;gap:10px;display:flex}.game-code .eyebrow{letter-spacing:.1em}.code-box{background:var(--surface);border:1.5px solid var(--line);border-radius:14px;gap:8px;padding:6px;transition:border-color .15s;display:flex}.code-box.bad{border-color:var(--pink)}.code-input{min-width:0;height:44px;font-family:var(--mono);letter-spacing:.04em;color:var(--accent);background:0 0;border:0;outline:none;flex:1;padding:0 10px;font-size:16px}.code-box .btn{border-radius:10px;height:44px;padding:0 18px;font-size:16px}@media (width>=900px){.game{grid-template:"side chat"minmax(0,1fr)"code chat"/clamp(340px,29vw,420px) minmax(0,1fr)}.game-side{border-bottom:0;border-right:1px solid var(--line);gap:32px;padding:40px 40px 0;overflow-y:auto}.game-top{align-items:baseline}.game-top .eyebrow{font-size:13px}.game-timer{letter-spacing:0;font-size:24px}.game-level{gap:14px}.level-label .eyebrow{font-size:13px}.level-label .mono{font-size:17px}.game-level h2{letter-spacing:-.03em;font-size:40px;line-height:1}.game-level p{font-size:17px}.level-map{border-top:1px solid var(--line);flex-direction:column;display:flex}.level-map li{border-bottom:1px solid var(--line);color:var(--dim);align-items:center;gap:16px;padding:14px 0;display:flex}.level-map li>.mono:first-child{width:28px;font-size:14px}.level-map-name{flex:1;font-size:17px}.level-map-status{letter-spacing:.08em;font-size:12px}.level-map .done{color:var(--accent)}.level-map .current{color:var(--text)}.level-map .current .level-map-name{font-weight:700}.game-code{border-right:1px solid var(--line);padding:32px 40px}.code-input{letter-spacing:.06em;height:48px;padding:0 12px;font-size:18px}.code-box .btn{height:48px;padding:0 20px}.chat-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:28px 48px;font-size:15px;display:flex}.chat-who{align-items:center;gap:12px;display:flex}.chat-who .dot{width:10px;height:10px}.chat-who strong{font-size:18px}.chat-inner{gap:18px;max-width:880px;margin:0 auto;padding:40px 48px}.chat-empty p{font-size:22px}.bubble{padding:14px 18px;font-size:17px;line-height:1.5}.bubble.me{border-radius:16px 16px 4px;max-width:70%;line-height:1.45}.bot{max-width:74%}.bot .bubble{border-radius:4px 16px 16px}.sys,.chat-notice{font-size:13px}.composer{background:var(--surface);border:1.5px solid var(--line);border-radius:16px;gap:10px;width:calc(100% - 96px);max-width:803px;margin:20px auto 32px;padding:8px}.composer:focus-within{border-color:var(--dim)}.composer-input{background:0 0;border:0;height:48px;padding:0 12px;font-size:17px}.composer-send{background:var(--text);width:auto;color:var(--ink);border:0;border-radius:10px;padding:0 22px;font-size:16px;font-weight:700}}.loading{min-height:100dvh;font-family:var(--mono);color:var(--muted);place-items:center;font-size:14px;display:grid}.screen{--u:min(calc(100vw / 1920), calc(100vh / 1080));width:100vw;height:100vh;position:relative;overflow:hidden}.screen .eyebrow{font-size:calc(24 * var(--u))}.screen.lobby{grid-template-columns:minmax(0, 1fr) calc(720 * var(--u));display:grid}.lobby-main{padding:calc(120 * var(--u)) calc(64 * var(--u)) calc(96 * var(--u)) calc(120 * var(--u));flex-direction:column;min-width:0;display:flex}.lobby-title{margin-top:calc(48 * var(--u));font-size:calc(200 * var(--u));letter-spacing:-.05em;font-weight:800;line-height:.86}.lobby-lead{margin-top:calc(48 * var(--u));font-size:calc(40 * var(--u));color:var(--text-2);max-width:calc(900 * var(--u));text-wrap:pretty;line-height:1.3}.lobby-foot{align-items:flex-end;gap:calc(64 * var(--u));margin-top:auto;display:flex}.lobby-count{gap:calc(8 * var(--u));flex-direction:column;display:flex}.lobby-count .eyebrow{letter-spacing:.1em}.lobby-count strong{font-family:var(--mono);font-size:calc(120 * var(--u));color:var(--accent);font-weight:700;line-height:.9}.lobby-names{gap:calc(12 * var(--u));max-width:calc(820 * var(--u));padding-bottom:calc(12 * var(--u));flex-wrap:wrap;display:flex}.lobby-names span{font-size:calc(28 * var(--u));padding:calc(8 * var(--u)) calc(18 * var(--u));border:calc(2 * var(--u)) solid var(--line);color:var(--text-2);max-width:calc(320 * var(--u));text-overflow:ellipsis;white-space:nowrap;border-radius:999px;overflow:hidden}.lobby-aside{background:var(--accent);color:var(--ink);justify-content:center;align-items:center;gap:calc(40 * var(--u));padding:calc(80 * var(--u));flex-direction:column;display:flex}.lobby-qr{width:calc(480 * var(--u));height:calc(480 * var(--u));padding:calc(32 * var(--u));background:var(--text);border-radius:calc(24 * var(--u))}.lobby-qr svg,.running-qr svg{width:100%;height:100%;display:block}.lobby-url{align-items:center;gap:calc(12 * var(--u));text-align:center;flex-direction:column;display:flex}.lobby-url span{font-size:calc(32 * var(--u));font-weight:500}.lobby-url strong{font-family:var(--mono);font-size:calc(34 * var(--u));overflow-wrap:anywhere;font-weight:700}.screen.results{gap:calc(64 * var(--u));padding:calc(88 * var(--u)) calc(120 * var(--u));flex-direction:column;display:flex}.results-head{justify-content:space-between;align-items:flex-end;gap:calc(40 * var(--u));display:flex}.results-head h1{font-size:calc(104 * var(--u));letter-spacing:-.04em;font-weight:800;line-height:.9}.results-head .mono{font-size:calc(28 * var(--u))}.podium{gap:calc(40 * var(--u));grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.podium li{gap:calc(20 * var(--u));border-top:calc(4 * var(--u)) solid;padding-top:calc(24 * var(--u));flex-direction:column;min-width:0;display:flex}.podium-head{justify-content:space-between;align-items:baseline;display:flex}.podium-head .muted{font-size:calc(26 * var(--u))}.podium-rank{font-size:calc(88 * var(--u));font-weight:700;line-height:.9}.podium-name{font-size:calc(52 * var(--u));letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.podium-level{align-items:center;gap:calc(16 * var(--u));display:flex}.podium-level .bars{gap:calc(6 * var(--u));flex:1}.podium-level .bars span{height:calc(10 * var(--u));border-radius:calc(3 * var(--u))}.podium-level .mono{font-size:calc(26 * var(--u));font-weight:700}.bars{grid-template-columns:repeat(5,1fr);display:grid}.bars span{background:var(--line)}.bars .on{background:var(--text)}.featured{gap:calc(24 * var(--u));flex-direction:column;min-height:0;display:flex;overflow:hidden}.featured .eyebrow{letter-spacing:.12em}.featured-card{gap:calc(40 * var(--u));background:var(--surface);border-radius:calc(20 * var(--u));padding:calc(40 * var(--u));grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.featured-card>div{gap:calc(16 * var(--u));flex-direction:column;min-width:0;display:flex}.featured-card .muted{font-size:calc(24 * var(--u))}.featured-card .attack{font-size:calc(28 * var(--u));color:var(--accent);text-wrap:pretty;overflow-wrap:anywhere;line-height:1.45}.featured-reply{border-left:1px solid var(--line);padding-left:calc(40 * var(--u))}.featured-reply .bot-label{font-size:calc(20 * var(--u))}.featured-reply p{font-size:calc(28 * var(--u));color:var(--text-2);text-wrap:pretty;overflow-wrap:anywhere;line-height:1.45}.screen.running{grid-template-columns:minmax(0, 1fr) calc(720 * var(--u));gap:calc(56 * var(--u)) calc(80 * var(--u));padding:calc(72 * var(--u)) calc(120 * var(--u)) calc(88 * var(--u));grid-template-rows:auto minmax(0,1fr);display:grid}.running-head{align-items:center;gap:calc(64 * var(--u));grid-column:1/-1;display:flex}.running-brand{gap:calc(12 * var(--u));flex-direction:column;display:flex}.running-brand h1{font-size:calc(72 * var(--u));letter-spacing:-.04em;font-weight:800;line-height:.9}.running-timer{font-family:var(--mono);font-size:calc(120 * var(--u));color:var(--accent);font-variant-numeric:tabular-nums;margin-left:auto;font-weight:700;line-height:.9}.running-join{align-items:center;gap:calc(24 * var(--u));display:flex}.running-join strong{font-family:var(--mono);font-size:calc(24 * var(--u));color:var(--muted);font-weight:500}.running-qr{width:calc(160 * var(--u));height:calc(160 * var(--u));padding:calc(10 * var(--u));background:var(--text);border-radius:calc(12 * var(--u))}.running-board,.running-side>div{gap:calc(20 * var(--u));flex-direction:column;min-height:0;display:flex}.leaderboard{border-top:1px solid var(--line);flex-direction:column;display:flex;overflow:hidden}.leaderboard li{grid-template-columns:calc(64 * var(--u)) minmax(0, 1fr) calc(240 * var(--u)) calc(80 * var(--u));align-items:center;gap:calc(24 * var(--u));padding:calc(12 * var(--u)) 0;border-bottom:1px solid var(--line);font-size:calc(30 * var(--u));display:grid}.leaderboard .rank{color:var(--muted);font-size:calc(26 * var(--u))}.leaderboard li:first-child .rank{color:var(--accent)}.leaderboard .name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.leaderboard .bars{gap:calc(6 * var(--u))}.leaderboard .bars span{height:calc(10 * var(--u));border-radius:calc(3 * var(--u))}.leaderboard .bars .on{background:var(--accent)}.leaderboard .level{text-align:right;font-size:calc(26 * var(--u));font-weight:700}.running-side{gap:calc(56 * var(--u));flex-direction:column;min-height:0;display:flex}.bar-row{grid-template-columns:calc(280 * var(--u)) 1fr calc(48 * var(--u));align-items:center;gap:calc(16 * var(--u));font-size:calc(24 * var(--u));color:var(--text-2);display:grid}.bar-row>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bar-row .mono{text-align:right}.bar-track{height:calc(14 * var(--u));background:var(--surface);border-radius:calc(4 * var(--u));overflow:hidden}.bar{background:var(--accent);border-radius:calc(4 * var(--u));height:100%;transition:width .4s}.feed{overflow:hidden}.feed p{font-size:calc(26 * var(--u));color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.feed strong{color:var(--text)}.first-blood{z-index:10;justify-content:center;gap:calc(32 * var(--u));padding:calc(120 * var(--u));background:var(--accent);color:var(--ink);font-size:calc(48 * var(--u));flex-direction:column;animation:.4s ease-out pop;display:flex;position:absolute;inset:0}.first-blood .eyebrow{color:var(--ink);font-size:calc(32 * var(--u))}.first-blood strong{font-size:calc(220 * var(--u));letter-spacing:-.05em;overflow-wrap:anywhere;font-weight:800;line-height:.86}@keyframes pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.page{flex-direction:column;gap:16px;max-width:640px;min-height:100dvh;margin:0 auto;padding:24px 16px;display:flex}.page.admin{max-width:960px}.page h1{letter-spacing:-.03em;font-size:40px;font-weight:800}.page h2{letter-spacing:-.02em;font-size:22px;font-weight:800}.page h3{font-size:17px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px}.center{text-align:center}.error{color:var(--pink)}.row{align-items:center;gap:8px;display:flex}.row.wrap{flex-wrap:wrap}.row>.field{flex:1}.page .btn{height:48px;padding:0 20px;font-size:16px}.page .btn.small{height:36px;padding:0 14px;font-size:14px}.field{border:1.5px solid var(--line-2);background:var(--bg);width:100%;height:48px;color:var(--text);border-radius:12px;outline:none;padding:0 14px}.field:focus{border-color:var(--accent)}.field.narrow{flex:0 0 90px}.topbar{justify-content:space-between;align-items:center;gap:8px;display:flex}.timer{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:20px;font-weight:700}.list{border-top:1px solid var(--line);flex-direction:column;margin-top:12px;display:flex}.list li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding:10px 0;display:flex}.breach{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.attempt{background:var(--bg);border:1px solid var(--line);overflow-wrap:anywhere;border-radius:12px;margin-top:8px;padding:12px 14px}.attempt p{margin:4px 0 8px}