@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Gaegu:wght@700&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#25324b;background:#f7efe0;line-height:1.4;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 12% 8%,#fff9ef 0 12%,transparent 30%),#f7efe0}button,input,select{font:inherit}button{cursor:pointer;border:0}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:7vw;align-items:center;max-width:1180px;margin:auto;padding:48px}.hero-copy{position:relative}.sticker,.eyebrow{letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;font-weight:700}.sticker{display:inline-block;background:#f7c94c;color:#25324b;padding:8px 15px;transform:rotate(-3deg);box-shadow:3px 3px #25324b}.hero-copy h1{font-size:clamp(2.8rem,6vw,5.4rem);line-height:.96;max-width:670px;margin:24px 0 18px;letter-spacing:-.06em}.hero-copy p{max-width:430px;color:#647087;font-size:1.1rem}.doodle{font-family:Gaegu,cursive;color:#f26b4f;font-size:5rem;line-height:.7;transform:rotate(-7deg);margin:60px 0 0 80px}.doodle small{font:700 1rem DM Sans;color:#647087}.paper-card{background:#fffaf0;border:1px solid #eadfcf;border-radius:18px;box-shadow:7px 8px #e8d9c1}.auth-card{padding:28px;transform:rotate(1.2deg)}.topline,.app-header,.game-top,.notebook-header,.result-heading{display:flex;align-items:center;justify-content:space-between}.topline{margin-bottom:28px}.topline select{background:transparent;border:0;color:#647087;font-weight:700}.auth-card label,.room-card label{display:grid;gap:8px;margin:16px 0;color:#647087;font-size:.85rem;font-weight:700}.auth-card input,.room-card input{width:100%;border:1px solid #dfd3c0;background:#fffdf8;border-radius:10px;padding:13px 14px;outline-color:#f26b4f}.primary,.secondary{border-radius:10px;padding:13px 16px;font-weight:700;transition:transform .15s,box-shadow .15s}.primary{background:#f26b4f;color:#fff;box-shadow:3px 3px #bb4936}.primary:hover,.secondary:hover{transform:translateY(-2px)}.secondary{background:#fffaf0;color:#25324b;border:1px solid #d8cbb8}.full{width:100%;margin-top:10px}.text-button,.link-button{background:transparent;color:#647087;margin-top:16px;text-decoration:underline}.error{color:#b43d32;font-size:.85rem}.app-shell{min-height:100vh;max-width:1240px;margin:auto;padding:24px 40px}.app-header{padding:7px 0 32px}.brand{font-weight:700;letter-spacing:-.04em;font-size:1.25rem}.brand-mark{color:#f26b4f;margin-right:5px}.header-actions{display:flex;align-items:center;gap:10px;color:#647087;font-size:.9rem}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#b9d6c2;color:#25324b;font-weight:700}.home-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:7vw;align-items:start;padding-top:7vh}.home-grid h2,.lobby-layout h2,.game-top h2,.results-shell h2{font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.06em;line-height:1;margin:14px 0}.muted{color:#647087}.game-card{margin-top:42px;display:flex;align-items:center;gap:18px;padding:20px;background:#d9ead6;border:1px solid #b9d6c2;border-radius:14px;max-width:580px;transform:rotate(-1deg)}.game-card h3{margin:0;font-size:1.2rem}.game-card p{margin:5px 0 0;color:#647087}.game-icon{display:grid;place-items:center;min-width:58px;height:58px;border-radius:12px;background:#f26b4f;color:#fff;font-weight:700;font-size:1.5rem;box-shadow:3px 3px #bb4936}.pill{margin-left:auto;background:#fffaf0;border-radius:99px;padding:5px 9px;font-size:.65rem;font-weight:700}.stats-row{display:flex;gap:45px;margin:60px 0}.stats-row div{display:grid}.stats-row strong{font-size:1.5rem}.stats-row span{font-size:.75rem;color:#647087}.room-card{padding:28px}.room-card h3{font-size:1.7rem;margin:16px 0 6px}.room-card p{color:#647087;font-size:.9rem}.divider{display:flex;align-items:center;gap:8px;color:#b2a28f;margin:24px 0}.divider:before,.divider:after{content:"";height:1px;background:#eadfcf;flex:1}.lobby-layout{display:grid;grid-template-columns:1fr 320px;gap:7vw;padding-top:8vh}.code-card{display:flex;align-items:center;gap:20px;margin:35px 0;padding:20px 22px;background:#f7c94c;border-radius:14px;max-width:540px;box-shadow:5px 5px #d6a82f}.code-card span{font-size:.7rem;text-transform:uppercase;font-weight:700}.code-card strong{font-size:2rem;letter-spacing:.18em}.code-card .secondary{margin-left:auto;padding:9px 11px;font-size:.8rem}.players-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:650px}.player-chip{display:flex;align-items:center;gap:10px;padding:12px;background:#fffaf0;border:1px solid #eadfcf;border-radius:12px}.player-chip strong{display:block;font-size:.9rem}.player-chip small{color:#647087;font-size:.7rem}.player-chip .ready-dot,.player-chip .waiting-dot{width:9px;height:9px;border-radius:50%;margin-left:auto}.ready-dot{background:#54ad65}.waiting-dot{background:#d8cbb8}.offline{opacity:.55}.lobby-side{padding:25px;align-self:start}.lobby-side h3{font-size:2.2rem;margin:20px 0 4px}.lobby-side p{color:#647087;font-size:.85rem}.game-shell{max-width:900px;margin:5vh auto}.game-top{margin-bottom:28px}.letter-card{display:grid;place-items:center;background:#f7c94c;border:2px dashed #d6a82f;border-radius:16px;width:104px;height:104px;transform:rotate(4deg)}.letter-card span{text-transform:uppercase;font-size:.7rem;font-weight:700}.letter-card strong{font-size:3.5rem;line-height:.8}.notebook{background:repeating-linear-gradient(#fffaf0 0 51px,#dce8ee 52px),#fffaf0;border:1px solid #eadfcf;border-radius:16px;padding:18px 24px 25px;box-shadow:7px 8px #e8d9c1}.notebook-header{padding:0 0 17px;color:#647087;font-size:.8rem}.answer-row{display:grid;grid-template-columns:34px 150px minmax(0,1fr);gap:12px;align-items:center;min-height:52px;font-weight:700}.answer-row input{border:0;border-bottom:2px solid #c9d8dd;background:transparent;padding:8px 4px;color:#25324b;outline:none}.answer-row input:focus{border-color:#f26b4f;box-shadow:0 3px #f26b4f}.row-number{font-family:Gaegu,cursive;color:#f26b4f;font-size:1.4rem}.stop-zone{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:28px;padding-top:20px;border-top:1px dashed #d9cdbd}.stop-zone small{color:#647087;font-size:.7rem}.stop-button{background:#f26b4f;color:#fff;border:5px solid #fff;border-radius:50%;width:120px;height:120px;box-shadow:0 0 0 2px #f26b4f,5px 7px #bb4936;font-weight:800;font-size:1.4rem;transform:rotate(-5deg)}.round-results{padding:24px}.result-heading h3{margin:0;font-size:1.4rem}.result-heading span{background:#f7c94c;padding:7px 10px;border-radius:8px;font-weight:700}.result-table{margin:24px 0}.result-row{display:grid;grid-template-columns:120px repeat(auto-fit,minmax(130px,1fr));gap:10px;border-top:1px solid #eadfcf;padding:11px 0}.result-row>strong{color:#647087}.result-row>div{display:grid;grid-template-columns:1fr auto;gap:4px;font-size:.8rem}.result-row>div span{color:#647087}.result-row b{font-weight:700}.result-row em{font-style:normal;color:#54ad65;grid-column:2}.status-invalid,.status-empty,.status-review_required{color:#b43d32}.status-fuzzy_accepted{color:#c88713}.result-total{display:flex;flex-wrap:wrap;gap:15px;padding:15px 0;margin-bottom:12px;border-top:2px solid #25324b}.results-shell{max-width:620px;margin:12vh auto;text-align:center}.results-shell h2{font-size:3.5rem}.podium{display:grid;gap:10px;margin:35px 0;text-align:left}.podium-row{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#fffaf0;border:1px solid #eadfcf;border-radius:12px}.podium-row span:last-child{margin-left:auto;font-weight:700}.place-1{background:#f7c94c;border-color:#d6a82f;transform:scale(1.04)}.medal{font-size:1.4rem}@media(max-width:800px){.auth-shell,.home-grid,.lobby-layout{grid-template-columns:1fr}.auth-shell{padding:28px;gap:40px}.hero-copy h1{font-size:3.4rem}.doodle{margin:25px 0 0 40px;font-size:3.5rem}.app-shell{padding:18px 20px}.app-header{padding-bottom:18px}.header-actions>span:not(.avatar){display:none}.home-grid,.lobby-layout{padding-top:5vh;gap:32px}.stats-row{margin:35px 0}.players-grid{grid-template-columns:1fr}.code-card{gap:10px}.code-card strong{font-size:1.45rem}.code-card .secondary{font-size:.7rem}.answer-row{grid-template-columns:27px 95px minmax(0,1fr);gap:7px;font-size:.85rem}.stop-zone{gap:10px}.stop-zone small{max-width:72px;text-align:center}.stop-button{width:105px;height:105px}.result-row{grid-template-columns:75px repeat(auto-fit,minmax(90px,1fr));font-size:.72rem}.result-row>div{font-size:.68rem}.results-shell{margin-top:8vh}.results-shell h2{font-size:2.8rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.coin-chip{background:#f7c94c;color:#6d5311;border-radius:99px;padding:6px 10px;font-size:.78rem;font-weight:700}.quiz-card{background:#d9e5f4;border-color:#b8cde8}.quiz-icon{background:#536fae;box-shadow:3px 3px #40588c}.catalog-strip{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:25px;color:#647087;font-size:.78rem}.catalog-strip strong{color:#25324b}.catalog-strip span{background:#fffaf0;border:1px solid #eadfcf;border-radius:99px;padding:7px 10px}.quiz-shell{max-width:820px;margin:7vh auto}.question-card{padding:34px;transform:rotate(-.5deg)}.question-card h3{font-size:clamp(1.6rem,4vw,2.8rem);line-height:1.1;margin:26px 0}.answer-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.option{padding:17px;text-align:left;background:#fffdf8;border:2px solid #eadfcf;border-radius:12px;color:#25324b}.option:hover,.option.selected{border-color:#536fae;background:#e7effa}.option:disabled{cursor:default}.timer-card{display:grid;place-items:center;width:82px;height:55px;border-radius:12px;background:#536fae;color:#fff;font-weight:700}.quiz-shell .game-top{align-items:center}@media(max-width:800px){.header-actions{gap:6px}.coin-chip{font-size:.68rem}.answer-options{grid-template-columns:1fr}.question-card{padding:22px}.timer-card{width:68px}}