:root{--ink:#320601;--ink-70:#320601b3;--ink-45:#32060173;--ink-12:#3206011f;--paper:#fff;--sky:#abe1f2;--sky-deep:#2bb3df;--blue:#1490e8;--blue-dark:#106fb2;--lemon:#ffce1c;--lemon-dark:#f0bc00;--lemon-light:#ffeba3;--coral:#ff474d;--coral-dark:#f00008;--coral-light:#ffb8ba;--cobalt:#0457ff;--cobalt-dark:#0045d1;--cobalt-light:#9bf;--green:#47c861;--green-dark:#35b14e;--violet:#6d4fff;--line:3px solid var(--ink);--lift:0 5px 0 var(--ink);--lift-big:0 8px 0 var(--ink);--radius:18px;--bounce:cubic-bezier(.34, 1.56, .64, 1);color:var(--ink);-webkit-font-smoothing:antialiased;font-synthesis:none;font-family:RoundHog,ui-rounded,system-ui,sans-serif;font-weight:500}body{background-color:var(--blue);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cg fill='none' stroke='%23fff' stroke-width='5' stroke-linecap='round' stroke-linejoin='round' opacity='.13'%3E%3Cpath d='M30 38c0-9 6.5-15 15-15s14.5 5.5 14.5 13c0 6-3.6 9-7.4 11.6-3.2 2.1-5.1 3.7-5.1 7.2v2' transform='rotate(-12 45 45)'/%3E%3Crect x='112' y='98' width='34' height='42' rx='7' transform='rotate(10 129 119)'/%3E%3Ccircle cx='122' cy='34' r='3'/%3E%3Ccircle cx='40' cy='140' r='3'/%3E%3C/g%3E%3Ccircle cx='47' cy='68' r='4' fill='%23fff' opacity='.13'/%3E%3C/svg%3E"), radial-gradient(ellipse at 50% 0%, var(--sky-deep), transparent 70%), linear-gradient(180deg, var(--blue), var(--blue-dark))}*{box-sizing:border-box}html,body,#root{min-height:100dvh;margin:0}button,input{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:4px solid var(--violet);outline-offset:3px}.app{z-index:1;flex-direction:column;min-height:100dvh;display:flex;position:relative}.display{letter-spacing:-.01em;color:var(--paper);-webkit-text-stroke:.16em var(--ink);paint-order:stroke fill;text-shadow:0 .09em 0 var(--ink);font-weight:800;line-height:.95}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-70);font-size:13px;font-weight:700}.muted{color:var(--ink-70)}.logo-lockup{--logo-size:72px;flex-direction:column;align-items:flex-end;display:inline-flex}.logo-by{background:var(--paper);border:2.5px solid var(--ink);box-shadow:0 3px 0 var(--ink);font-size:max(11px, calc(var(--logo-size) * .2));color:var(--ink);transition:transform .16s var(--bounce);border-radius:999px;align-items:center;gap:.35em;margin:-.1em .2em 0 0;padding:.3em .65em;font-weight:800;text-decoration:none;display:inline-flex;transform:rotate(-3deg)}.logo-by:hover{transform:rotate(0)scale(1.06)}.logo{color:inherit;font-size:var(--logo-size,72px);white-space:nowrap;align-items:center;gap:.1em;margin:0;text-decoration:none;display:inline-flex;transform:rotate(-3deg)}.logo-hog{flex:none;width:1.45em;height:1.45em;margin-right:-.12em}.logo-hog img{width:100%;height:100%;filter:drop-shadow(0 .05em 0 var(--ink))}.logo-word{display:inline-flex}.logo-word .guess{color:var(--paper)}.logo-word .hog{color:var(--lemon)}.panel{background:var(--paper);border:var(--line);box-shadow:var(--lift-big);border-radius:26px}.chip{background:var(--paper);border:2.5px solid var(--ink);box-shadow:0 3px 0 var(--ink);border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 8px;font-size:15px;font-weight:700;display:inline-flex}.dot{background:var(--green);border:2px solid var(--ink);border-radius:50%;flex:none;width:10px;height:10px}.dot[data-online=false]{background:#d9cfcc}.btn{--face:var(--paper);background:var(--face);min-height:52px;color:var(--ink);border:var(--line);box-shadow:var(--lift);-webkit-user-select:none;user-select:none;border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:0 22px;font-size:18px;font-weight:800;text-decoration:none;transition:transform .12s,box-shadow .12s,filter .12s;display:inline-flex;position:relative}.btn:hover:not(:disabled){box-shadow:0 7px 0 var(--ink);transform:translateY(-2px)}.btn:active:not(:disabled){box-shadow:0 1px 0 var(--ink);transform:translateY(4px)}.btn:disabled{cursor:not-allowed;filter:grayscale(.7);opacity:.55}.btn-primary{--face:var(--lemon)}.btn-yes{--face:var(--green);color:var(--paper);text-shadow:0 2px 0 var(--ink)}.btn-no{--face:var(--coral);color:var(--paper);text-shadow:0 2px 0 var(--ink)}.btn-big{border-radius:20px;min-height:64px;padding:0 28px;font-size:22px}.btn-small{min-height:38px;box-shadow:0 3px 0 var(--ink);border-width:2.5px;border-radius:12px;padding:0 14px;font-size:15px}.btn-small:hover:not(:disabled){box-shadow:0 5px 0 var(--ink)}.btn-link{text-underline-offset:3px;background:0 0;border:none;padding:0;font-weight:700;text-decoration:underline;text-decoration-thickness:2px}.field{flex-direction:column;gap:6px;display:flex}.input{background:var(--paper);border:var(--line);width:100%;min-height:52px;box-shadow:inset 0 3px 0 var(--ink-12);border-radius:14px;padding:0 16px;font-size:18px;font-weight:700}.input::placeholder{color:var(--ink-45)}.input:focus{border-color:var(--violet);box-shadow:inset 0 3px 0 var(--ink-12), 0 0 0 4px #6d4fff40;outline:none}.input-row{gap:10px;display:flex}.code-tiles{gap:8px;display:inline-flex}.code-tile{width:var(--tile,56px);height:calc(var(--tile,56px) * 1.15);background:var(--paper);border:var(--line);box-shadow:var(--lift);font-size:calc(var(--tile,56px) * .62);text-transform:uppercase;border-radius:12px;place-items:center;font-weight:800;display:grid}.code-tile:nth-child(odd){transform:rotate(-3deg)}.code-tile:nth-child(2n){transform:rotate(2.5deg)translateY(2px)}input.code-tile{text-align:center;caret-color:var(--violet);padding:0}input.code-tile:focus{background:var(--lemon-light);outline:none;transform:rotate(0)translateY(-3px)}.home{flex:1;place-items:center;padding:24px 20px;display:grid}.home-grid{grid-template-columns:minmax(0,520px) minmax(0,440px);justify-content:center;align-items:center;gap:32px 56px;width:min(100%,1040px);display:grid}.home-main,.home-side{flex-direction:column;align-items:center;gap:24px;min-width:0;display:flex}.home-side .how{grid-template-columns:1fr;gap:8px}.home-side .how li{padding:10px 14px}.home-side .how b{margin-right:6px;display:inline}.home-stack{flex-direction:column;align-items:center;gap:28px;width:min(100%,520px);display:flex}.home .logo-lockup{--logo-size:clamp(50px, min(13vw, 10vh), 92px)}.tagline{text-align:center;max-width:30ch;color:var(--paper);-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;margin:-8px 0 0;font-size:21px;font-weight:700;line-height:1.3}.home-panel{flex-direction:column;gap:20px;width:100%;padding:26px;display:flex}.or{color:var(--ink-45);align-items:center;gap:12px;font-weight:700;display:flex}.or:before,.or:after{content:"";background:var(--ink-12);border-radius:3px;flex:1;height:3px}.live{flex-direction:column;gap:12px;width:100%;padding:16px 18px 18px;display:flex}.live-head{align-items:center;gap:8px;display:flex}.live-dot{background:var(--coral);border:2px solid var(--ink);border-radius:50%;width:12px;height:12px;animation:1.6s ease-in-out infinite blink}.live-empty{color:var(--ink-70);margin:0;font-weight:700}.live-list{flex-direction:column;gap:8px;max-height:290px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.live-room{background:var(--paper);border:2.5px solid var(--ink);text-align:left;border-radius:14px;align-items:center;gap:12px;width:100%;padding:8px 10px;transition:background .12s;display:flex}.live-room:hover{background:var(--lemon-light)}.live-code{background:var(--lemon);border:2.5px solid var(--ink);letter-spacing:.1em;border-radius:9px;flex:none;padding:4px 8px;font-size:17px;font-weight:800;transform:rotate(-3deg)}.live-info{flex-direction:column;flex:1;min-width:0;display:flex}.live-matchup{text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.live-status{color:var(--ink-70);font-size:13px;font-weight:700}.live-status[data-phase=playing]{color:var(--green-dark)}.live-room .btn{pointer-events:none;flex:none}.join-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.how{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;margin:0;padding:0;list-style:none;display:grid}.how li{border:2.5px solid var(--ink);background:#ffffffd9;border-radius:16px;padding:12px;font-size:14px;font-weight:600;line-height:1.3}.how b{margin-bottom:4px;font-size:16px;font-weight:800;display:block}.topbar{justify-content:space-between;align-items:center;gap:16px;padding:16px 24px 4px;display:flex}.topbar .logo-lockup{--logo-size:34px}.topbar-right{align-items:center;gap:10px;display:flex}.room-badge{background:var(--paper);border:var(--line);box-shadow:var(--lift);border-radius:14px;align-items:center;gap:10px;padding:4px 6px 4px 14px;font-weight:800;display:inline-flex}.room-badge .code{letter-spacing:.12em;font-size:22px}.lobby{flex-direction:column;flex:1;justify-content:center;gap:26px;width:min(100%,980px);margin:0 auto;padding:8px 20px 16px;display:flex}.lobby-head{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 18px;display:flex}.lobby-head .display{margin:0;font-size:clamp(30px,5vw,44px)}.seats{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:18px;display:grid}.seats .vs{align-self:center}.vs{color:var(--lemon);font-size:56px;transform:rotate(-8deg)}.seat{text-align:center;background:linear-gradient(180deg, var(--seat), var(--seat-dark));border:4px solid var(--ink);min-height:clamp(160px,26vh,250px);box-shadow:inset 0 -10px 0 #0000001f, var(--lift-big);color:var(--paper);border-radius:30px;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:20px;display:flex;position:relative}.seat-label{background:var(--paper);color:var(--ink);border:var(--line);white-space:nowrap;border-radius:10px;padding:4px 14px;font-size:15px;font-weight:800;position:absolute;top:-18px;left:50%;transform:translate(-50%)rotate(-2deg)}.seat-empty{border:4px dashed #ffffffb3;border-radius:50%;place-items:center;width:96px;height:96px;font-size:44px;font-weight:800;display:grid}.seat-name{-webkit-text-stroke:6px var(--ink);paint-order:stroke fill;text-shadow:0 3px 0 var(--ink);word-break:break-word;font-size:30px;font-weight:800}.seat-meta{align-items:center;gap:8px;font-weight:700;display:flex}.avatar{background:var(--paper);border:var(--line);width:96px;height:96px;box-shadow:var(--lift);border-radius:50%;overflow:hidden}.avatar img{object-fit:contain;width:100%;height:100%;transform:scale(1.15)translateY(6%)}[data-seat="0"]{--seat:var(--coral);--seat-dark:var(--coral-dark);--seat-light:var(--coral-light)}[data-seat="1"]{--seat:var(--cobalt);--seat-dark:var(--cobalt-dark);--seat-light:var(--cobalt-light)}.stands{flex-direction:column;gap:12px;padding:16px 20px;display:flex}.stands-list{flex-wrap:wrap;gap:10px;display:flex}.lobby-actions{flex-direction:column;align-items:center;gap:10px;display:flex}.you-row{justify-content:center;align-items:center;gap:10px;display:flex}.you-row .input{flex:0 240px;width:240px;min-width:0;min-height:42px;font-size:16px}.game{flex:1;grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:24px;width:min(100%,1360px);margin:0 auto;padding:8px 24px 16px;display:grid}.game[data-spectating=true]{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 340px}.board-wrap{justify-self:center;width:100%;max-width:calc(120dvh - 278px)}.side{flex-direction:column;gap:14px;max-height:calc(100dvh - 124px);display:flex;position:sticky;top:8px}.tray{background:linear-gradient(180deg, var(--seat) 0%, var(--seat-dark) 100%);border:4px solid var(--ink);box-shadow:inset 0 4px 0 #ffffff4d, inset 0 -12px 0 #00000024, 0 10px 0 var(--ink);border-radius:30px;padding:44px 18px 22px;position:relative}.tray-head{color:var(--paper);justify-content:space-between;align-items:center;gap:10px;font-weight:800;display:flex;position:absolute;top:8px;left:18px;right:18px}.tray-name{-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;text-overflow:ellipsis;white-space:nowrap;font-size:19px;overflow:hidden}.tray-count{background:var(--paper);color:var(--ink);border:2.5px solid var(--ink);border-radius:999px;flex:none;padding:2px 10px;font-size:14px}.grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px 10px;display:grid}.tray[data-compact=true] .grid{gap:8px 6px}.tile{aspect-ratio:4/5;perspective:700px;background:#00000038;border-radius:12px;position:relative;box-shadow:inset 0 4px #00000040}.tile-card{background:var(--paper);border:2.5px solid var(--ink);box-shadow:0 4px 0 var(--ink);transform-origin:50% 100%;transition:transform .52s var(--bounce), filter .3s ease, box-shadow .2s ease;text-align:center;border-radius:12px;flex-direction:column;padding:0;display:flex;position:absolute;inset:0;overflow:hidden}button.tile-card:hover:not(:disabled){box-shadow:0 8px 0 var(--ink);transform:translateY(-4px)rotateX(-6deg)}.tile[data-down=true] .tile-card{filter:brightness(.62)saturate(.6);box-shadow:0 0 0 var(--ink);transform:rotateX(72deg)}.tile-art{background:radial-gradient(circle at 50% 60%, var(--paper) 30%, var(--seat-light) 100%);flex:1;place-items:center;min-height:0;display:grid}.tile-art img{object-fit:contain;pointer-events:none;width:92%;height:92%}.tile-name{border-top:2.5px solid var(--ink);white-space:nowrap;text-overflow:ellipsis;padding:3px 4px 4px;font-size:clamp(10px,.9vw,13px);font-weight:800;line-height:1.1;overflow:hidden}.tray[data-compact=true] .tile-name{font-size:10px}.tile-secret{z-index:2;background:var(--lemon);border:2.5px solid var(--ink);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border-radius:8px;padding:1px 8px;font-size:11px;font-weight:800;position:absolute;top:-10px;left:50%;transform:translate(-50%)rotate(-4deg)}.tray[data-guessing=true] .tile:not([data-down=true]) .tile-card{outline:4px dashed var(--lemon);outline-offset:2px;animation:1.1s ease-in-out infinite guess-pulse}@keyframes guess-pulse{50%{transform:translateY(-3px)}}.tray-hint{text-align:center;color:var(--paper);text-shadow:0 2px 0 var(--ink);margin-top:14px;font-weight:700}.side-top{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}.side-top>.panel{border-radius:20px;flex-direction:column;justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:10px 12px 12px;display:flex}.side-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;overflow:hidden}.side-caption{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:15px;font-weight:800;line-height:1.1;overflow:hidden}.mini-tray{background:linear-gradient(180deg, var(--seat), var(--seat-dark));border:var(--line);border-radius:12px;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px 3px;width:100%;max-width:150px;padding:6px;display:grid;box-shadow:inset 0 -4px #00000024}.mini-tile{aspect-ratio:4/5;perspective:120px;background:#00000038;border-radius:4px;position:relative}.mini-card{background:var(--seat-light);border:1.5px solid var(--ink);box-shadow:0 1.5px 0 var(--ink);color:var(--seat-dark);transform-origin:50% 100%;transition:transform .52s var(--bounce), filter .3s ease;border-radius:4px;place-items:center;font-size:9px;font-weight:800;display:grid;position:absolute;inset:0}.mini-tile[data-down=true] .mini-card{filter:brightness(.6);box-shadow:none;transform:rotateX(72deg)}.secret-card{aspect-ratio:4/5;background:radial-gradient(circle at 50% 60%, var(--paper) 30%, var(--seat-light) 100%);border:var(--line);width:92px;box-shadow:var(--lift);border-radius:14px;flex:none;place-items:center;display:grid;transform:rotate(-4deg)}.secret-card img{width:92%}.secret .secret-card{width:76px}.turn{text-align:center;border:var(--line);background:var(--paper);box-shadow:var(--lift);border-radius:20px;padding:14px 16px;font-size:19px;font-weight:800}.turn[data-mine=true]{background:var(--lemon);animation:2.4s ease-in-out infinite nudge}@keyframes nudge{0%,86%,to{transform:rotate(0)}90%{transform:rotate(-1.5deg)}95%{transform:rotate(1.5deg)}}.log{flex-direction:column;flex:1;min-height:120px;display:flex;overflow:hidden}.log-head{border-bottom:2.5px solid var(--ink-12);padding:12px 16px 8px}.log-list{overscroll-behavior:contain;flex-direction:column;flex:1;gap:10px;min-height:0;margin:0;padding:12px;list-style:none;display:flex;overflow-y:auto}.log-empty{text-align:center;color:var(--ink-45);margin:auto;padding:16px;font-weight:700}.bubble{border:2.5px solid var(--ink);background:var(--seat-light);max-width:88%;animation:pop-in .32s var(--bounce);border-radius:16px 16px 16px 4px;padding:9px 13px;font-weight:700;line-height:1.3}.bubble[data-seat="1"]{border-radius:16px 16px 4px;align-self:flex-end}.bubble-who{color:var(--ink-70);font-size:12px;font-weight:800;display:block}.answer{border:2px solid var(--ink);color:var(--paper);text-shadow:0 1px 0 var(--ink);border-radius:999px;margin-top:6px;padding:1px 10px;font-size:13px;font-weight:800;display:inline-block}.answer[data-yes=true]{background:var(--green)}.answer[data-yes=false]{background:var(--coral)}.answer[data-yes=pending]{background:var(--paper);color:var(--ink-70);text-shadow:none;animation:1.2s ease-in-out infinite blink}@keyframes blink{50%{opacity:.4}}@keyframes pop-in{0%{opacity:0;transform:scale(.6)}}.composer{flex-direction:column;gap:10px;padding:14px;display:flex}.composer form{gap:8px;display:flex}.composer .input{min-height:48px;font-size:16px}.composer-actions{justify-content:space-between;align-items:center;gap:8px;display:flex}.answer-pad{background:var(--lemon-light);animation:pop-in .36s var(--bounce);flex-direction:column;gap:12px;padding:16px;display:flex}.answer-question{font-size:22px;font-weight:800;line-height:1.2}.answer-buttons{grid-template-columns:1fr 1fr;gap:10px;display:grid}.answer-buttons .btn{min-height:68px;font-size:26px}.spectator-secret{align-items:center;gap:8px;display:flex}.spectator-secret img{background:var(--paper);border:2px solid var(--ink);border-radius:8px;width:30px;height:30px}.reaction-bar{background:var(--paper);border:var(--line);box-shadow:var(--lift);border-radius:14px;gap:4px;padding:4px;display:flex}.reaction-bar button{width:38px;height:38px;transition:transform .16s var(--bounce);background:0 0;border:none;border-radius:10px;font-size:22px;line-height:1}.reaction-bar button:hover{background:var(--lemon-light);transform:scale(1.25)rotate(-8deg)}.sound-toggle{background:var(--paper);border:var(--line);width:50px;height:50px;box-shadow:var(--lift);border-radius:14px;flex:none;place-items:center;font-size:22px;display:grid}.sound-toggle[aria-pressed=false]{background:#e9e1de}.floaters{z-index:40;pointer-events:none;position:fixed;inset:0;overflow:hidden}.floater{flex-direction:column;align-items:center;gap:2px;animation:2.6s cubic-bezier(.2,.7,.3,1) forwards float-up;display:flex;position:absolute;bottom:-60px}.floater-emoji{filter:drop-shadow(0 3px 0 var(--ink));font-size:46px}.floater-name{background:var(--paper);border:2px solid var(--ink);border-radius:999px;padding:1px 8px;font-size:12px;font-weight:800}@keyframes float-up{0%{opacity:0;transform:translateY(0)scale(.5)}15%{opacity:1;transform:translateY(-120px)scale(1.1)}to{transform:translateY(-70vh) translateX(var(--drift,0px)) scale(1);opacity:0}}.toast{z-index:60;background:var(--ink);max-width:calc(100% - 32px);color:var(--paper);animation:toast-in .28s var(--bounce);border-radius:14px;padding:12px 18px;font-weight:700;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 6px #00000040}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,30px)}}.backdrop{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#32060173;place-items:center;padding:20px;animation:.2s fade-in;display:grid;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}}.modal{text-align:center;width:min(100%,560px);animation:modal-in .48s var(--bounce);flex-direction:column;align-items:center;gap:18px;padding:28px;display:flex}@keyframes modal-in{0%{opacity:0;transform:scale(.7)rotate(-4deg)}}.modal h2{margin:0;font-size:clamp(34px,7vw,52px)}.modal p{margin:0;font-size:18px;font-weight:700}.modal-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.reveal{justify-content:center;gap:18px;display:flex}.reveal-card{flex-direction:column;align-items:center;gap:8px;width:150px;display:flex}.reveal-card .secret-card{width:130px}.reveal-card:nth-child(2) .secret-card{transform:rotate(4deg)}.reveal-owner{color:var(--ink-70);font-size:14px;font-weight:800}.guess-preview{width:160px}.center-screen{flex:1;place-items:center;padding:24px;display:grid}.status-card{text-align:center;flex-direction:column;align-items:center;gap:16px;width:min(100%,440px);padding:28px;display:flex}.status-card img{width:150px}.status-card h2{margin:0;font-size:30px}.connection{z-index:55;background:var(--lemon);border:var(--line);box-shadow:0 3px 0 var(--ink);border-radius:999px;padding:6px 14px;font-size:14px;font-weight:800;position:fixed;top:12px;left:50%;transform:translate(-50%)}.spin{animation:1s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width>=961px) and (height<=820px){.topbar{padding-top:10px}.side{gap:10px}.side-top>.panel{gap:6px;padding:8px 10px 10px}.secret .secret-card{width:56px}.mini-tray{max-width:120px}.turn{padding:10px 14px;font-size:17px}.log{min-height:90px}.answer-pad,.composer{gap:8px;padding:12px}.answer-question{font-size:19px}.answer-buttons .btn{min-height:54px;font-size:22px}.lobby{gap:18px}.lobby-head .code-tile{--tile:46px}.stands{gap:8px;padding:12px 18px}.seat-name{font-size:26px}.avatar{width:80px;height:80px}}@media (width<=1180px){.game[data-spectating=true]{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.game[data-spectating=true] .side{grid-column:1/-1;max-height:none;position:static}}@media (width<=960px){.home-grid{grid-template-columns:minmax(0,520px)}.home-side .how{grid-template-columns:repeat(3,1fr)}.home-side .how b{margin:0 0 4px;display:block}.game,.game[data-spectating=true]{grid-template-columns:minmax(0,1fr);padding:8px 12px 24px}.side{max-height:none;position:static}.log-list{max-height:300px}.board-wrap{max-width:none}.game:not([data-spectating=true]){flex-direction:column;align-items:stretch;gap:14px;display:flex}.game:not([data-spectating=true]) .side{display:contents}.game .turn{order:1}.game .answer-pad,.game .composer{order:2}.game .board-wrap{order:3}.game .side-top{order:4}.game .log{order:5}}@media (width<=720px){.topbar{padding:12px 12px 4px}.topbar .logo-lockup{--logo-size:24px}.reaction-bar button{width:32px;height:32px;font-size:18px}.seats{gap:6px}.vs{font-size:26px}.seat{border-radius:22px;gap:8px;min-height:0;padding:24px 10px 14px}.seat-label{font-size:13px;top:-15px}.seat .avatar,.seat-empty{width:64px;height:64px}.seat-empty{font-size:30px}.seat-name{-webkit-text-stroke-width:4px;font-size:18px}.seat-meta{font-size:13px}.seat .btn{border-radius:12px;min-height:38px;padding:0 12px;font-size:15px}.lobby{gap:22px;padding:4px 14px 16px}.lobby-head{flex-direction:column;gap:10px}.tray[data-compact=true] .grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px 4px}.tray[data-compact=true] .tile-name{border-top-width:2px;padding:2px 2px 3px;font-size:8px}.tray[data-compact=true] .tile-card{border-width:2px;border-radius:8px}.tray[data-compact=true] .tile-secret{padding:0 4px;font-size:8px}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 8px}.tray{border-radius:24px;padding:42px 10px 16px}.tile-name{font-size:11px}.how,.home-side .how{grid-template-columns:1fr}.home-panel{padding:20px}.code-tiles{gap:6px}.join-row .code-tiles{--tile:46px!important}.room-badge .code{font-size:18px}}@media (width<=480px){.reaction-bar{display:none}.reaction-bar[data-mobile=true]{justify-content:space-between;display:flex}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.mobile-reactions{display:none}@media (width<=480px){.mobile-reactions{display:block}.app{padding-bottom:64px}}