.app{position:relative;display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}.app:before{content:"";position:absolute;inset:-200px -10% auto;height:700px;background:radial-gradient(ellipse 50% 50% at 50% 20%,rgba(255,210,63,.12),transparent 70%);pointer-events:none}.app>*{position:relative}.app-main{flex:1 1;width:min(760px,100% - 2 * var(--pad));margin:0 auto;padding:clamp(16px,4vw,40px) 0 88px}.nav-user{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500}.nav-user .avatar{width:30px;height:30px;font-size:13px}.card{padding:clamp(20px,4vw,32px);border:1px solid var(--line);border-radius:24px;background:var(--surface)}.gate{display:grid;grid-gap:14px;gap:14px;max-width:520px;margin:clamp(24px,6vw,64px) auto 0}.gate h1{font-size:clamp(36px,6vw,56px);font-weight:750;letter-spacing:-.04em;line-height:1}.gate .card{margin-top:12px}.rejoin{margin-top:48px;text-align:center}.lobby{display:grid;grid-gap:18px;gap:18px}.lobby h1{margin-top:8px;font-size:clamp(38px,6.5vw,60px);font-weight:750;letter-spacing:-.045em;line-height:1}.lobby-card{display:grid;grid-gap:14px;gap:14px;margin-top:10px}.picker{position:relative}.picker-button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:6px 4px 14px 0;border:0;border-bottom:2px solid var(--line-2);background:transparent;color:var(--ink);font-size:clamp(22px,3.6vw,28px);font-weight:650;letter-spacing:-.02em;text-align:left;cursor:pointer;transition:border-color .15s ease,opacity .15s ease}.picker-button svg{flex:none;width:24px;height:24px;fill:none;stroke:var(--muted);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s ease}.picker-button[aria-expanded=true] svg{transform:rotate(180deg)}.picker-button:focus-visible,.picker-button[aria-expanded=true]{outline:none;border-bottom-color:var(--sun)}.picker-button:disabled{opacity:.35;cursor:default}.picker-list{position:absolute;top:calc(100% + 8px);right:0;left:0;z-index:20;max-height:340px;margin:0;padding:6px;overflow-y:auto;border:1px solid var(--line-2);border-radius:16px;background:var(--surface-2);box-shadow:0 24px 48px -16px rgba(0,0,0,.85);list-style:none;animation:picker-in .14s ease-out}.picker-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border-radius:10px;color:var(--ink);font-size:16px;cursor:pointer}.picker-list li.active{background:rgba(255,255,255,.06)}.picker-list li.selected{color:var(--sun);font-weight:600}.picker-list svg{flex:none;width:18px;height:18px;fill:none;stroke:var(--sun);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}@keyframes picker-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.lobby-card>.field{margin-bottom:10px}.segmented{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:6px;gap:6px;padding:6px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.03)}.segmented button{position:relative;padding:11px 8px;border:0;border-radius:10px;background:none;color:var(--muted);font:inherit;font-size:14px;cursor:pointer}.segmented button.on{background:var(--ink);color:#0b0b0d;font-weight:600}@media (hover:hover){.segmented button[data-tip]:focus-visible:after,.segmented button[data-tip]:hover:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 10px);left:50%;z-index:5;width:max-content;max-width:220px;padding:9px 12px;border:1px solid var(--line-2);border-radius:10px;background:#24242a;box-shadow:0 14px 30px -10px rgba(0,0,0,.7);color:var(--ink);font-size:13px;font-weight:400;line-height:1.4;text-align:left;white-space:normal;transform:translateX(-50%);pointer-events:none}}.style-help{margin-bottom:10px;color:var(--muted);font-size:14px}.waiting-title{max-width:16em;font-size:clamp(28px,5vw,40px);font-weight:750;letter-spacing:-.035em;line-height:1.05}.out-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;padding:12px 14px 12px 16px;border:1px solid rgba(255,107,87,.3);border-radius:14px;background:rgba(255,107,87,.08);font-size:14px}.lobby-actions{display:grid;grid-gap:10px;gap:10px}.lobby-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.join-card{display:grid;grid-template-columns:1fr 150px auto;align-items:center;grid-gap:14px;gap:14px}.join-title{font-size:17px;font-weight:600}.code-field{font-size:20px;font-weight:700;letter-spacing:.35em;text-align:center;text-transform:uppercase}.writing{display:grid;justify-items:center;grid-gap:14px;gap:14px;padding:clamp(56px,12vw,120px) 0;text-align:center}.writing h2{font-size:clamp(28px,4.5vw,40px);font-weight:700;letter-spacing:-.03em}.writing-rungs{display:flex;align-items:flex-end;gap:6px;height:64px;margin-bottom:12px}.writing-rungs span{width:10px;height:calc(14px + var(--i) * 5px);border-radius:4px;background:var(--sun);opacity:.2;animation:climb 1.4s ease-in-out infinite;animation-delay:calc(var(--i) * .1s)}.room{display:grid;grid-gap:16px;gap:16px}.room-top{justify-content:space-between;gap:12px}.room-meta,.room-top{display:flex;flex-wrap:wrap;align-items:center}.room-meta{gap:8px}.note{color:var(--mint);font-size:14px}.waiting{display:grid;justify-items:center;grid-gap:16px;gap:16px;padding:clamp(28px,6vw,56px) clamp(16px,4vw,32px);border:1px solid var(--line);border-radius:28px;background:linear-gradient(180deg,rgba(255,210,63,.08),transparent 60%),var(--surface);text-align:center}.code-tiles{display:flex;gap:10px}.code-tiles span{display:grid;place-items:center;width:clamp(56px,14vw,76px);height:clamp(68px,17vw,92px);border:1px solid var(--line-2);border-radius:18px;background:var(--surface-2);font-size:clamp(34px,8vw,48px);font-weight:800;box-shadow:inset 0 -3px 0 rgba(0,0,0,.3)}.waiting .muted{max-width:30em}.waiting-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px}.question{display:grid;grid-gap:4px;gap:4px}.question .rungs{margin:6px 0 14px}.q-head{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px}.prompt{margin:10px 0 20px;font-size:clamp(28px,4.8vw,40px);font-weight:650;letter-spacing:-.03em;line-height:1.1}.answers{display:grid;grid-gap:10px;gap:10px;margin-bottom:8px}.answer{display:flex;align-items:center;gap:14px;width:100%;padding:16px 18px;border:1px solid var(--line-2);border-radius:16px;background:rgba(255,255,255,.03);color:var(--ink);font:inherit;font-size:17px;text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease,opacity .15s ease}.answer:not(:disabled):hover{border-color:rgba(255,255,255,.32);transform:translateY(-1px)}.answer:disabled{cursor:default}.answer.picked{border-color:var(--sun);background:var(--sun-soft)}.answer.picked b{background:var(--sun);color:var(--sun-ink)}.answer.right{border-color:var(--mint);background:rgba(94,227,140,.12)}.answer.right b{background:var(--mint);color:#062312}.answer.missed{border-color:var(--flare);background:rgba(255,107,87,.1)}.answer.missed b{background:var(--flare);color:#2a0703}.answer.faded{opacity:.4}.verdict{padding:8px 14px;border-radius:999px;font-size:14px;font-weight:600}.verdict.in{background:rgba(94,227,140,.14);color:var(--mint)}.verdict.out{background:rgba(255,107,87,.14);color:var(--flare)}.explain-card{margin-top:8px;padding:16px 18px;border:1px solid rgba(94,227,140,.25);border-radius:16px;background:rgba(94,227,140,.07);line-height:1.5}.seat-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px;margin-top:8px}.seat{display:flex;align-items:center;gap:10px;min-width:0;padding:12px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.02)}.seat .who{display:grid;min-width:0}.seat .who strong{overflow:hidden;font-size:14px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.seat .who span{font-size:12px}.seat.in .who span{color:var(--mint)}.seat.locked{border-color:rgba(255,210,63,.35)}.seat.locked .who span{color:var(--sun)}.seat.out{opacity:.5}.seat.out .avatar{filter:grayscale(1)}.seat.out .who strong{text-decoration:line-through}.seat.out .who span{color:var(--flare)}.seat.empty{justify-content:center;border-style:dashed;color:var(--dim);font-size:13px}.finish{display:grid;justify-items:center;grid-gap:14px;gap:14px;padding:clamp(28px,7vw,64px) 0 12px;text-align:center}.finish-title{max-width:14em;font-size:clamp(36px,7vw,64px);font-weight:800;letter-spacing:-.045em;line-height:1}.finish-title.win{color:var(--sun);text-shadow:0 0 60px rgba(255,210,63,.35)}.finish-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:10px}.score{color:var(--sun);font-size:clamp(88px,20vw,160px);font-weight:800;letter-spacing:-.06em;line-height:.85}.score small{color:var(--dim);font-size:.35em;letter-spacing:-.02em}.link-card{display:grid;grid-template-columns:1fr auto;align-items:center;grid-gap:14px;gap:14px;transition:border-color .15s ease}.link-card:hover{border-color:var(--line-2)}.daily{display:grid;grid-gap:18px;gap:18px}.daily h1{margin-top:8px;font-size:clamp(38px,6.5vw,60px);font-weight:750;letter-spacing:-.045em;line-height:1}.daily-lede{max-width:32em;margin-top:14px;line-height:1.5}.daily>.btn{justify-self:start}.daily-you{display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:20px;gap:20px}.daily-you .score{font-size:64px}.daily .card .join-title{margin-bottom:12px}.daily-you .join-title{margin-bottom:4px}.report-link{justify-self:start;margin-top:4px;color:var(--muted);font-size:13px;text-decoration:underline;text-underline-offset:3px}.report-link:hover{color:var(--ink)}.report-done{margin-top:4px;color:var(--mint);font-size:13px}.board{display:grid;grid-gap:4px;gap:4px}.board-empty{padding:8px 0}.board-score small{color:var(--muted);font-weight:400}.waiting-list{padding-top:10px;border-top:1px solid var(--line)}.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1px;gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--line)}.stats-strip div{display:grid;grid-gap:2px;gap:2px;padding:14px 16px;background:var(--surface)}.stats-strip strong{font-size:22px;font-weight:700;letter-spacing:-.02em}.stats-strip span{color:var(--muted);font-size:12px}.leagues-card{display:grid;grid-gap:14px;gap:14px}.league-list{display:grid;grid-gap:8px;gap:8px}.league-link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;transition:border-color .15s ease}.league-link:hover{border-color:var(--line-2)}.league-create{display:grid;grid-template-columns:1fr auto;grid-gap:8px;gap:8px}.league-actions{justify-content:flex-start}.daily-extras{display:grid;grid-gap:16px;gap:16px}.toggle-row{display:flex;align-items:center;gap:10px;font-size:15px;cursor:pointer}.toggle-row input{width:20px;height:20px;accent-color:var(--sun)}.share-card{display:grid;justify-items:center;grid-gap:14px;gap:14px;padding:clamp(24px,6vw,56px) 0;text-align:center}.share-rungs{width:min(420px,100%)}.standings{display:grid;grid-gap:6px;gap:6px;width:min(460px,100%);margin-top:8px;text-align:left}.standing{display:grid;grid-template-columns:24px auto 1fr auto;align-items:center;grid-gap:12px;gap:12px;padding:10px 14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.02)}.standing.top{border-color:rgba(255,210,63,.5);background:var(--sun-soft)}.q-labels{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.question.final .prompt{font-size:clamp(30px,5.4vw,46px)}.question.final .q-head .label{color:var(--sun)}.question.final{position:relative;padding:18px;margin:0 -18px;border:1px solid rgba(255,210,63,.35);border-radius:24px;background:radial-gradient(ellipse 80% 60% at 50% 0,rgba(255,210,63,.12),transparent 70%);animation:final-glow 2.4s ease-in-out infinite}.toasts{display:flex;flex-wrap:wrap;gap:8px}.toast-live{padding:8px 14px;border:1px solid rgba(255,107,87,.35);border-radius:999px;background:rgba(255,107,87,.12);color:var(--flare);font-size:14px;font-weight:600;animation:toast-pop .3s ease}.confetti{position:fixed;inset:0;z-index:40;overflow:hidden;pointer-events:none}.confetti i{position:absolute;top:-20px;border-radius:2px;animation:confetti-fall linear forwards}@keyframes final-glow{0%,to{box-shadow:0 0 0 rgba(255,210,63,0)}50%{box-shadow:0 0 60px -10px rgba(255,210,63,.35)}}@keyframes toast-pop{0%{opacity:0;transform:translateY(6px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes confetti-fall{to{transform:translateY(110vh) rotate(calc(var(--spin) * 2turn));opacity:.8}}.board .label{margin-bottom:8px}.board-row{display:grid;grid-template-columns:28px auto 1fr auto;align-items:center;grid-gap:12px;gap:12px;padding:10px 0;border-top:1px solid var(--line)}.board-pos{color:var(--dim);font-weight:700}.board-score{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600}.review{display:grid;grid-gap:10px;gap:10px;margin-top:8px}.review-item{display:grid;grid-gap:6px;gap:6px;padding:16px 18px;border:1px solid var(--line);border-left:3px solid var(--mint);border-radius:14px;background:rgba(255,255,255,.02)}.review-item.no{border-left-color:var(--flare)}.review-item.pass{border-left-color:var(--sun)}.pass-button{justify-self:start;margin:4px 0 8px}.review-q{font-weight:600;line-height:1.4}.review-answer{color:var(--mint);font-weight:600}@keyframes climb{0%,to{opacity:.2}50%{opacity:1}}@media (max-width:640px){.seat-grid{grid-template-columns:1fr 1fr}.join-card{grid-template-columns:1fr auto}.stats-strip{grid-template-columns:1fr 1fr}.question.final{margin:0 -10px;padding:14px 10px}.daily-you{grid-template-columns:auto 1fr}.daily-you .btn,.join-card>div{grid-column:1/-1}.segmented{grid-template-columns:1fr 1fr}.nav-user span{display:none}}