@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-ext-wght-normal-BOFOeGcA.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-wght-normal-Xz1IZZA0.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-wght-normal-CnvboYUG.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-wght-normal-Ca2vKHc0.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-wght-normal-ukD16Tqj.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Gochi Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/gochi-hand-latin-400-normal-D3Iu69dp.woff2) format("woff2"),url(/assets/gochi-hand-latin-400-normal-DC0_N7qt.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--cream: #f8f0dc;--cream-deep: #eee1c4;--paper: #fffdf6;--ink: #171713;--text: #171713;--ink-2: #3b3b32;--muted: #77756a;--line: rgba(23, 23, 19, .14);--border: var(--ink);--shadow-ink: #171713;--surface-ink: #171713;--on-dark: #fffdf6;--on-accent: #171713;--card-bg: #fffdf6;--card-text: #171713;--card-black-bg: #171713;--card-black-text: #fffdf6;--overlay: rgba(23, 23, 19, .58);--topbar: rgba(248, 240, 220, .9);--footer-bg: rgba(255, 253, 246, .4);--soon-bg: #fcf6e7;--danger-soft: #ffe3dd;--ghost-hover: rgba(23, 23, 19, .06);--badge-border: rgba(23, 23, 19, .42);--scroll-thumb: rgba(23, 23, 19, .25);--page-pattern: radial-gradient(rgba(23, 23, 19, .065) 1px, transparent 1px);--page-gradients: radial-gradient(1000px 600px at 88% -10%, rgba(201, 245, 107, .64), transparent 70%), radial-gradient(800px 560px at -8% 18%, rgba(255, 107, 87, .3), transparent 70%), radial-gradient(760px 540px at 55% 105%, rgba(201, 182, 255, .42), transparent 72%), radial-gradient(500px 380px at 100% 60%, rgba(122, 162, 255, .22), transparent 70%);--lime: #c9f56b;--lime-deep: #b2ea45;--coral: #ff6b57;--coral-soft: #ec816e;--yellow: #ffd25e;--blue: #7aa2ff;--blue-soft: #d9e4ff;--lilac: #c9b6ff;--lilac-soft: #e9e0ff;--mint: #a9ebd8;--mint-soft: #d9f7ee;--pink: #ffb6c9;--pink-soft: #ffe1e8;--success: #1e9e6e;--danger: #cf3b28;--shadow: 0 4px 0 var(--shadow-ink);--shadow-md: 0 6px 0 var(--shadow-ink);--shadow-lg: 0 8px 0 var(--shadow-ink);--radius-sm: 12px;--radius: 18px;--radius-lg: 26px;--radius-xl: 34px;--font-display: "Bricolage Grotesque Variable", "Trebuchet MS", system-ui, sans-serif;--font-editorial: "Fraunces Variable", Georgia, "Times New Roman", serif;--font-body: "DM Sans Variable", "Segoe UI", system-ui, sans-serif;--font-hand: "Gochi Hand", "Comic Sans MS", cursive}html[data-theme=dark]{--cream: #10110d;--cream-deep: #191a14;--paper: #1c1d17;--ink: #93e580;--text: #f6f0df;--ink-2: #d5cfc0;--muted: #a3a092;--line: rgba(246, 240, 223, .15);--border: rgba(147, 229, 128, .5);--shadow-ink: #000000;--surface-ink: #0a0b08;--on-dark: #f6f0df;--on-accent: #171713;--overlay: rgba(0, 0, 0, .7);--topbar: rgba(16, 17, 13, .88);--footer-bg: rgba(28, 29, 23, .52);--soon-bg: #191a14;--danger-soft: #3b1d17;--ghost-hover: rgba(246, 240, 223, .08);--badge-border: rgba(246, 240, 223, .28);--scroll-thumb: rgba(246, 240, 223, .28);--lime: #56da44;--lime-deep: #46d633;--coral-soft: #e3654e;--page-pattern: radial-gradient(rgba(246, 240, 223, .055) 1px, transparent 1px);--page-gradients: radial-gradient(1000px 600px at 88% -10%, rgba(201, 245, 107, .26), transparent 70%), radial-gradient(800px 560px at -8% 18%, rgba(255, 107, 87, .2), transparent 70%), radial-gradient(760px 540px at 55% 105%, rgba(201, 182, 255, .24), transparent 72%), radial-gradient(500px 380px at 100% 60%, rgba(122, 162, 255, .18), transparent 70%);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;min-width:320px;min-height:100dvh;color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.5;background-color:var(--cream);background-image:var(--page-pattern),var(--page-gradients);background-size:22px 22px,auto,auto,auto,auto;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;transition:background-color .25s ease,color .25s ease}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;opacity:.035;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.6'/%3E%3C/svg%3E")}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:var(--font-display);font-weight:800;line-height:1.02}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}:focus-visible{outline:3px solid var(--ink);outline-offset:2px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:999px;border:2px solid var(--cream)}.container{width:min(1180px,calc(100% - 44px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.small-note{color:var(--muted);font-size:.82rem;line-height:1.55;text-align:center}.form-error{color:var(--danger);font-size:.86rem;font-weight:600;background:#ffe9e4;border:1.5px solid rgba(207,59,40,.25);padding:8px 12px;border-radius:10px}.plonko-mark{width:56px;height:56px;flex-shrink:0}.logo{display:inline-flex;align-items:center;gap:9px;flex-shrink:0}.logo-mark{width:38px;height:38px;transition:transform .2s ease}.logo:hover .logo-mark{transform:rotate(-8deg) scale(1.06)}.logo-word{font-family:var(--font-display);font-size:1.78rem;font-weight:800;letter-spacing:-.06em;line-height:1}.logo-dot{color:var(--coral)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:.68rem 1.3rem;border:2px solid var(--border, var(--ink));border-radius:999px;background:var(--paper);color:var(--text);box-shadow:var(--shadow);font-family:var(--font-display);font-size:.98rem;font-weight:700;letter-spacing:-.01em;line-height:1;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 0 var(--shadow-ink)}.btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px 0 var(--shadow-ink)}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:0 3px 0 var(--shadow-ink);transform:none}.btn-primary{background:var(--lime)}.btn-primary:hover:not(:disabled){background:var(--lime-deep)}.btn-coral{background:var(--coral)}.btn-yellow{background:var(--yellow)}.btn-dark{background:var(--ink);color:var(--paper);box-shadow:0 4px #00000061}.btn-dark:hover:not(:disabled){box-shadow:0 6px #00000061}.btn-dark:active:not(:disabled){box-shadow:0 2px #00000061}.btn-outline{background:transparent}.btn-ghost{background:transparent;border-color:transparent;box-shadow:none}.btn-ghost:hover:not(:disabled){background:var(--ghost-hover);box-shadow:none;transform:none}.btn-danger{background:#ffe2dc;color:var(--danger)}.btn-lg{min-height:56px;padding-inline:1.7rem;font-size:1.1rem}.btn-sm{min-height:36px;padding:.42rem .85rem;font-size:.85rem;box-shadow:0 3px 0 var(--shadow-ink)}.btn-sm:hover:not(:disabled){box-shadow:0 4px 0 var(--shadow-ink)}.btn-block{width:100%}.icon-btn{display:inline-grid;place-items:center;width:42px;height:42px;flex-shrink:0;border:2px solid var(--border, var(--ink));border-radius:50%;background:var(--paper);box-shadow:0 3px 0 var(--shadow-ink);transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease}.icon-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 0 var(--shadow-ink);background:var(--cream)}.icon-btn:active:not(:disabled){transform:translateY(1px);box-shadow:0 1px 0 var(--shadow-ink)}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.sound-control{position:relative}.sound-popover{position:absolute;top:calc(100% + 10px);right:0;z-index:260;width:232px;padding:14px;border:2px solid var(--border, var(--ink));border-radius:16px;background:var(--paper);box-shadow:0 6px 0 var(--shadow-ink);animation:pop-in .15s ease both}.sound-popover-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px;font-family:var(--font-display);font-size:.95rem}.sound-volume{display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:.78rem;font-weight:600}.sound-volume span{display:flex;align-items:center;justify-content:space-between;gap:8px}.sound-volume strong{color:var(--text);font-family:var(--font-display);font-size:.82rem}.sound-volume input[type=range]{width:100%;accent-color:var(--lime)}.sound-popover .btn-block{margin-top:11px}.field{display:flex;flex-direction:column;gap:7px}.field-label{font-family:var(--font-display);font-size:.88rem;font-weight:700;letter-spacing:-.01em}.field-hint{color:var(--muted);font-size:.78rem}.input,.textarea,.select{width:100%;border:2px solid var(--border, var(--ink));border-radius:14px;background:var(--paper);padding:.78rem 1rem;font-family:var(--font-body);font-size:.98rem;color:var(--text);box-shadow:inset 0 2px #1919160d;outline:none;transition:box-shadow .15s ease,border-color .15s ease}.input:focus,.textarea:focus,.select:focus{box-shadow:0 0 0 4px var(--lime)}.input::placeholder,.textarea::placeholder{color:#a5a398}.textarea{min-height:150px;resize:vertical;line-height:1.55}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='14' height='9' viewBox='0 0 14 9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%23191916' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:42px}.checkbox-row{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:.9rem;font-weight:500}.checkbox-row input{width:19px;height:19px;accent-color:var(--lime)}.avatar{position:relative;display:inline-block;width:44px;height:44px;flex-shrink:0;line-height:1;-webkit-user-select:none;user-select:none}.avatar-body{position:absolute;bottom:0;left:50%;width:78%;height:78%;overflow:hidden;border:2px solid var(--border, var(--ink));border-radius:50%;box-shadow:0 2px 0 var(--shadow-ink);transform:translate(-50%)}.avatar-hat{position:absolute;top:0;left:50%;z-index:2;display:block;width:84%;height:38%;transform:translate(-50%);pointer-events:none}.avatar-svg{display:block;width:100%;height:100%}.avatar-hat-svg{display:block;width:100%;height:100%;overflow:visible}.avatar-emoji{line-height:1;transform:translateY(1px);filter:drop-shadow(0 1px 1px rgba(0,0,0,.34))}.avatar-builder{display:grid;grid-template-columns:132px minmax(0,1fr);align-items:center;gap:14px;padding:12px;border:2px solid var(--line);border-radius:18px;background:var(--cream)}.avatar-builder-preview{display:flex;flex-direction:column;align-items:center;gap:8px}.avatar-builder-preview .avatar{width:108px;height:108px}.avatar-builder-preview .avatar-body{border-width:3px;box-shadow:0 5px 0 var(--shadow-ink)}.avatar-randomize{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border:1.5px solid var(--line);border-radius:999px;background:var(--paper);color:var(--muted);font-size:.68rem;font-weight:700;transition:color .12s ease,background-color .12s ease,border-color .12s ease}.avatar-randomize:hover{border-color:var(--border, var(--ink));background:var(--lime);color:var(--text)}.avatar-builder-controls{display:flex;min-width:0;flex-direction:column;gap:6px}.avatar-control-row{display:grid;grid-template-columns:50px 28px minmax(0,1fr) 28px;align-items:center;gap:5px}.avatar-control-label{color:var(--muted);font-size:.63rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.avatar-control-btn{display:grid;place-items:center;width:28px;height:29px;padding:0;border:1.5px solid var(--border, var(--ink));border-radius:8px;background:var(--paper);color:var(--text);box-shadow:0 2px 0 var(--shadow-ink);transition:background-color .12s ease,transform .12s ease}.avatar-control-btn:hover{background:var(--lime);transform:translateY(-1px)}.avatar-control-btn:active{transform:translateY(1px);box-shadow:0 1px 0 var(--shadow-ink)}.avatar-control-value{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:29px;padding:3px 8px;border:1.5px solid var(--line);border-radius:8px;background:var(--paper);color:var(--text);font-size:.72rem;font-weight:700;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avatar-color-swatch{width:12px;height:12px;flex-shrink:0;border:1.5px solid var(--border, var(--ink));border-radius:50%}@media(max-width:560px){.avatar-builder{grid-template-columns:1fr}.avatar-builder-preview{flex-direction:row;justify-content:center}.avatar-builder-preview .avatar{width:92px;height:92px}}.avatar-xs{width:25px;height:25px}.avatar-xs .avatar-body{border-width:1.5px;box-shadow:0 1px 0 var(--shadow-ink)}.avatar-xs .avatar-emoji{font-size:.78rem}.avatar-sm{width:34px;height:34px}.avatar-sm .avatar-emoji{font-size:1.05rem}.avatar-md{width:44px;height:44px}.avatar-md .avatar-emoji{font-size:1.35rem}.avatar-lg{width:62px;height:62px}.avatar-lg .avatar-body{box-shadow:0 3px 0 var(--shadow-ink)}.avatar-lg .avatar-emoji{font-size:1.95rem}.avatar-xl{width:86px;height:86px}.avatar-xl .avatar-body{border-width:2.5px;box-shadow:0 4px 0 var(--shadow-ink)}.avatar-xl .avatar-emoji{font-size:2.8rem}.avatar-muted{filter:grayscale(1);opacity:.5}.avatar-stack{display:flex;padding-left:6px}.avatar-stack .avatar{margin-left:-6px}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border:1.5px solid var(--badge-border);border-radius:999px;background:var(--cream);font-size:.68rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;line-height:1.5}.badge-solid{background:var(--ink);color:var(--paper);border-color:var(--border, var(--ink))}.badge-lime{background:var(--lime);border-color:var(--border, var(--ink))}.badge-coral{background:var(--coral-soft);border-color:#cf3b2859;color:#94301f}.badge-yellow{background:var(--yellow);border-color:var(--border, var(--ink))}.badge-ghost{background:transparent;border-color:var(--line);color:var(--muted)}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border:1.5px solid var(--border, var(--ink));border-radius:999px;background:var(--paper);font-size:.78rem;font-weight:600}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 0 3px #1e9e6e29}.status-dot.is-off{background:#b9b6aa;box-shadow:none}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:20px;background:var(--overlay);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fade-in .16s ease}.modal{width:100%;max-height:calc(100dvh - 40px);overflow-y:auto;background:var(--paper);border:2px solid var(--border, var(--ink));border-radius:var(--radius-lg);box-shadow:0 10px #00000052;animation:pop-in .2s cubic-bezier(.2,.9,.3,1.15)}.modal-sm{max-width:480px}.modal-md{max-width:640px}.modal-lg{max-width:880px}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:24px 24px 0}.modal-title{font-size:clamp(1.6rem,3vw,2rem);letter-spacing:-.045em}.modal-subtitle{margin-top:7px;color:var(--muted);font-size:.9rem;line-height:1.5}.modal-close{width:36px;height:36px;box-shadow:0 2px 0 var(--shadow-ink)}.modal-body{padding:20px 24px 26px}.modal-footer{padding:0 24px 24px}.profile-form{display:flex;flex-direction:column;gap:20px}.avatar-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.avatar-option{display:grid;place-items:center;padding:4px;border:2px solid transparent;border-radius:16px;background:transparent;transition:background-color .12s ease,transform .12s ease,border-color .12s ease,box-shadow .12s ease}.avatar-option:hover{background:var(--cream);transform:translateY(-2px)}.avatar-option.is-selected{background:var(--lime);border-color:var(--border, var(--ink));box-shadow:0 3px 0 var(--shadow-ink);transform:translateY(-2px)}.form-footer{margin-top:-4px}.toast-viewport{position:fixed;top:18px;right:18px;z-index:2000;display:flex;flex-direction:column;gap:9px;width:min(360px,calc(100% - 36px));pointer-events:none}.toast{display:flex;align-items:center;gap:10px;padding:10px 11px;border:2px solid var(--border, var(--ink));border-radius:14px;background:var(--paper);box-shadow:0 4px 0 var(--shadow-ink);font-size:.88rem;font-weight:600;line-height:1.35;pointer-events:auto;animation:slide-in .18s ease}.toast-success{background:var(--lime)}.toast-error{background:#ffe3dd}.toast-icon{display:grid;place-items:center;flex-shrink:0}.toast-message{flex:1}.toast-close{display:grid;place-items:center;padding:2px;border:0;background:transparent;opacity:.55}.toast-close:hover{opacity:1}.page-center{display:grid;place-items:center;min-height:60dvh;padding:30px}.page-center-full{min-height:100dvh}.spinner{width:24px;height:24px;border:3px solid var(--line);border-top-color:var(--border, var(--ink));border-radius:50%;animation:spin .7s linear infinite}.loading-block{display:flex;flex-direction:column;align-items:center;gap:14px;color:var(--muted);font-weight:600;font-size:.92rem;text-align:center}.empty-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding:50px 24px;text-align:center}.empty-state .plonko-mark{width:88px;height:88px}.empty-state h2{font-size:1.7rem;letter-spacing:-.04em}.empty-state p{color:var(--muted);max-width:380px}.error-screen{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;width:min(560px,calc(100% - 32px));margin:max(24px,calc(50dvh - 200px)) auto 40px;padding:36px 28px 32px;overflow:hidden;border:2px solid var(--border, var(--ink));border-radius:30px;background:var(--paper);box-shadow:0 10px 0 var(--shadow-ink);text-align:center;animation:pop-in .2s ease both}.error-screen:before{content:"";position:absolute;top:-90px;right:-60px;width:220px;height:220px;border-radius:50%;background:var(--lime);opacity:.18;pointer-events:none}.error-screen>*{position:relative;z-index:1}.error-screen .plonko-mark{width:96px;height:96px}.error-screen h1{font-size:clamp(1.9rem,4vw,2.7rem);letter-spacing:-.045em}.error-screen p{color:var(--muted);max-width:420px;font-size:.92rem;line-height:1.55}.error-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:6px}@media(max-width:560px){.error-screen{margin-top:18px;padding:28px 18px 26px;border-radius:24px}.error-screen .plonko-mark{width:80px;height:80px}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slide-in{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0) rotate(var(--float-rotate, 0deg))}50%{transform:translateY(-10px) rotate(var(--float-rotate, 0deg))}}@keyframes wiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(4deg)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes pulse-ring{0%{box-shadow:0 0 #1e9e6e59}70%{box-shadow:0 0 0 6px #1e9e6e00}to{box-shadow:0 0 #1e9e6e00}}@keyframes deal-in{0%{opacity:0;translate:0 18px;scale:.94}to{opacity:1;translate:0 0;scale:1}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px) rotate(-1deg)}75%{transform:translate(4px) rotate(1deg)}}@media(max-width:560px){.container{width:calc(100% - 28px)}.modal-backdrop{padding:12px;align-items:end}.modal{max-height:calc(100dvh - 24px);border-radius:24px}.modal-head{padding:20px 18px 0}.modal-body{padding:18px}.modal-footer{padding:0 18px 20px}.avatar-grid{grid-template-columns:repeat(4,1fr)}.toast-viewport{top:12px;right:12px;width:calc(100% - 24px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.theme-control{position:relative}.theme-popover{position:absolute;top:calc(100% + 10px);right:0;z-index:260;width:min(270px,calc(100vw - 24px));padding:12px;border:2px solid var(--border, var(--ink));border-radius:16px;background:var(--paper);box-shadow:0 6px 0 var(--shadow-ink);animation:pop-in .15s ease both}.theme-popover-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:9px;font-family:var(--font-display);font-size:.88rem}.theme-popover-head span{color:var(--muted);font-family:var(--font-body);font-size:.68rem;font-weight:600}.theme-options{display:grid;grid-template-columns:1fr;gap:4px;max-height:min(70dvh,380px);overflow-y:auto;scrollbar-width:thin}.theme-option{display:flex;min-width:0;align-items:center;gap:6px;padding:7px 8px;border:1.5px solid transparent;border-radius:9px;background:transparent;color:var(--text);font-family:var(--font-body);font-size:.68rem;font-weight:700;text-align:left;transition:background-color .12s ease,border-color .12s ease}.theme-option:hover{background:var(--cream)}.theme-option.is-active{border-color:var(--border, var(--ink));background:var(--cream);box-shadow:0 2px 0 var(--shadow-ink)}.theme-option-swatches{display:flex;flex-shrink:0;align-items:center;padding-left:4px}.theme-option-swatches i{width:10px;height:10px;margin-left:-4px;border:1.5px solid var(--border, var(--ink));border-radius:50%}.theme-option-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-option svg{flex-shrink:0;color:var(--coral)}.admin-side-theme .theme-popover{top:auto;right:auto;bottom:calc(100% + 8px);left:0}.black-card{position:relative;display:flex;flex-direction:column;justify-content:flex-start;width:100%;aspect-ratio:5 / 7;min-height:0;padding:20px;overflow:hidden;border:2px solid var(--border, var(--ink));border-radius:16px;background-color:var(--card-black-bg);--black-text-size: clamp(1.35rem, 2.1vw, 1.72rem);background-image:radial-gradient(rgba(255,253,247,.09) 1px,transparent 1px),radial-gradient(120% 90% at 100% 0%,rgba(201,245,107,.13),transparent 60%);background-size:14px 14px,100% 100%;color:var(--card-black-text);box-shadow:0 5px #19191638}.black-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.card-kicker{font-family:var(--font-display);font-size:.58rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:.55}.black-card-mark{color:var(--lime);font-size:.9rem}.black-card-text{display:block;flex:1 1 auto;align-self:stretch;min-height:0;margin:14px 0 0;font-family:var(--font-display);font-size:var(--black-text-size);font-weight:800;letter-spacing:-.032em;line-height:1.14;overflow:hidden;overflow-wrap:anywhere;white-space:pre-wrap}.black-card.is-long .black-card-text{font-size:calc(var(--black-text-size) * .88)}.black-card.is-xlong .black-card-text{font-size:calc(var(--black-text-size) * .74)}.card-blank{display:inline-block;min-width:2.6em;height:1.03em;margin:0 .13em;border-bottom:3px solid var(--lime);border-radius:2px;background:linear-gradient(transparent 74%,#c9f56b24);transform:translateY(.06em)}.black-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}.card-brand{font-family:var(--font-display);font-size:.56rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:.34}.card-pick{padding:2px 8px;border:1px solid rgba(250,245,233,.45);border-radius:999px;font-family:var(--font-display);font-size:.58rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.black-card-sm{max-width:250px;padding:14px;border-radius:13px;--black-text-size: 1.12rem}.black-card-sm .black-card-text{margin:10px 0 0}.black-card-lg{max-width:280px;padding:24px;border-radius:18px;--black-text-size: clamp(1.8rem, 2.8vw, 2.3rem)}.black-card-lg .black-card-text{line-height:1.12}.white-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;width:100%;aspect-ratio:5 / 7;min-height:0;padding:15px;border:2px solid var(--border, var(--ink));border-radius:14px;background-color:var(--card-bg);background-image:linear-gradient(150deg,rgba(255,255,255,.7),transparent 55%);color:var(--card-text);box-shadow:0 4px #1919162e;text-align:left;font-family:var(--font-body);--white-text-size: 1.15rem;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease}.white-card-brand{color:#c4c0b1;font-family:var(--font-display);font-size:.55rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.white-card-text{display:block;flex:1;padding:10px 0;overflow:hidden;font-family:var(--font-display);font-size:var(--white-text-size);font-weight:700;letter-spacing:-.025em;line-height:1.22;overflow-wrap:break-word}.white-card-spark{align-self:flex-end;color:#d6d1c0;font-size:.7rem;line-height:1}.white-card.is-long .white-card-text{font-size:calc(var(--white-text-size) * .92)}.white-card.is-xlong .white-card-text{font-size:calc(var(--white-text-size) * .82)}.white-card.is-interactive{cursor:pointer}.white-card.is-interactive:hover:not(:disabled){transform:translateY(-7px) rotate(-.8deg);box-shadow:0 10px #1919162e}.white-card.is-selected,.white-card.is-selected:hover{border-color:var(--border, var(--ink));background-color:var(--lime);background-image:none;box-shadow:0 9px 0 var(--shadow-ink);transform:translateY(-10px) rotate(-1deg)}.white-card.is-selected .white-card-brand{color:#19191673}.white-card-badge{position:absolute;top:-10px;right:-8px;z-index:3;display:grid;place-items:center;width:28px;height:28px;border:2px solid var(--border, var(--ink));border-radius:50%;background:var(--lime);box-shadow:0 2px 0 var(--shadow-ink);font-family:var(--font-display);font-size:.78rem;font-weight:800}.white-card.is-selected .white-card-badge{background:var(--on-accent);color:var(--lime);box-shadow:0 2px #00000059}.white-card-sm{padding:12px;--white-text-size: 1rem}.white-card-sm .white-card-text{padding:7px 0}.white-card-lg{padding:22px;--white-text-size: 1.42rem}.white-card-lg .white-card-text{padding:14px 0}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start}.game-main{display:flex;flex-direction:column;gap:16px;min-width:0}.game-side{min-width:0}.score-strip{display:flex;gap:8px;padding:8px;overflow-x:auto;border:2px solid var(--border, var(--ink));border-radius:17px;background:var(--paper);box-shadow:0 8px 18px #1919160f,0 3px 0 var(--shadow-ink);scrollbar-width:thin;scrollbar-color:var(--line) transparent;scroll-behavior:smooth;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-x}.score-strip:active,.score-strip.is-dragging{cursor:grabbing}.score-strip::-webkit-scrollbar{height:6px}.score-strip::-webkit-scrollbar-thumb{background:var(--line);border:0}.score-pill{display:flex;align-items:center;gap:7px;flex-shrink:0;padding:5px 10px 5px 5px;border:1.5px solid var(--badge-border);border-radius:999px;background:var(--cream);-webkit-user-select:none;user-select:none}.score-pill.is-czar{border-color:var(--border, var(--ink));background:var(--lime)}.score-pill.is-offline{opacity:.5}.score-pill .avatar{width:31px;height:31px}.score-pill .avatar .avatar-body{box-shadow:none;border-width:1.5px}.score-pill .avatar .avatar-emoji{font-size:1rem}.score-name{max-width:104px;overflow:hidden;font-size:.8rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.score-value{min-width:24px;padding:2px 7px;border-radius:999px;background:var(--ink);color:var(--paper);font-family:var(--font-display);font-size:.84rem;font-weight:800;text-align:center}.score-crown{color:#8a6b00;flex-shrink:0}.game-panel{padding:24px;border:2px solid var(--border, var(--ink));border-radius:var(--radius-lg);background-color:var(--paper);background-image:radial-gradient(100% 100% at 100% 0%,rgba(201,245,107,.08),transparent 55%),radial-gradient(70% 70% at 0% 100%,rgba(201,182,255,.07),transparent 60%);box-shadow:0 16px 38px #19191614,0 4px 0 var(--shadow-ink);animation:phase-in .35s cubic-bezier(.2,.9,.3,1.05) both}.game-topline{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin-bottom:16px}.round-label{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-hand);font-size:1.3rem;line-height:1;transform:rotate(-1deg)}.phase-label{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.pulse-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--success);animation:pulse-ring 1.8s infinite;flex-shrink:0}.pulse-dot.is-coral{background:var(--coral);animation:none}.stage-grid{display:grid;grid-template-columns:340px minmax(0,1fr);gap:26px;align-items:stretch}.stage-black{display:flex;justify-content:center;min-width:0}.stage-black .black-card{width:100%}.stage-side{display:flex;flex-direction:column;justify-content:center;gap:16px;min-width:0;animation:stage-in .35s ease both}.stage-side h2{font-size:clamp(1.55rem,2.6vw,2.25rem);letter-spacing:-.045em;line-height:1.04}.stage-side p{color:var(--muted);font-size:.9rem;line-height:1.55}.czar-callout{display:flex;align-items:flex-start;gap:11px;padding:15px;border:2px solid var(--border, var(--ink));border-radius:15px;background:var(--lime);box-shadow:0 3px 0 var(--shadow-ink);transform:rotate(-.5deg)}.czar-callout.is-coral{background:var(--coral-soft)}.czar-callout .czar-icon{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border:2px solid var(--border, var(--ink));border-radius:50%;background:var(--paper)}.czar-callout strong{display:block;margin-bottom:3px;font-family:var(--font-display);font-size:.96rem;letter-spacing:-.02em}.czar-callout span{display:block;font-size:.79rem;line-height:1.45;color:#191916ad}.progress-wrap{display:flex;flex-direction:column;gap:7px}.progress-labels{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.72rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.progress-line{height:10px;overflow:hidden;border:1.5px solid var(--border, var(--ink));border-radius:999px;background:var(--cream)}.progress-fill{height:100%;border-right:1.5px solid var(--border, var(--ink));background:var(--lime);transition:width .35s ease}.submitted-avatars{display:flex;flex-wrap:wrap;align-items:center;gap:5px}.submitted-avatars .avatar{width:30px;height:30px}.submitted-avatars .avatar .avatar-emoji{font-size:.94rem}.waiting-names{color:var(--muted);font-size:.74rem;line-height:1.4}.hand-section{margin-top:22px;padding-top:18px;border-top:1.5px dashed var(--line)}.hand-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 14px;margin-bottom:14px}.hand-title{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-display);font-size:1.16rem;font-weight:800;letter-spacing:-.03em}.hand-hint{color:var(--muted);font-size:.76rem;font-weight:600}.answer-mode-tabs{display:flex;gap:3px;padding:3px;border:2px solid var(--border, var(--ink));border-radius:10px;background:var(--cream)}.answer-mode-tabs button{padding:5px 9px;border:2px solid transparent;border-radius:7px;background:transparent;font-family:var(--font-display);font-size:.72rem;font-weight:700;line-height:1.1}.answer-mode-tabs button:hover{background:#ffffff59}.answer-mode-tabs button.is-active{border-color:var(--border, var(--ink));background:var(--lime);box-shadow:0 2px 0 var(--shadow-ink);color:var(--on-accent)}.custom-answer-box{display:flex;flex-direction:column;gap:10px;padding:14px;border:2px solid var(--border, var(--ink));border-radius:16px;background:var(--cream)}.custom-answer-input{min-height:108px;resize:vertical}.custom-answer-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.custom-answer-count{color:var(--muted);font-size:.72rem;font-weight:600}.custom-disabled-hint{display:block;margin-top:8px;text-align:right}.hand-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;padding-top:8px}.hand-grid .white-card{animation:deal-in .32s ease both;--white-text-size: clamp(1.05rem, 1.25vw, 1.2rem)}.hand-grid .white-card-text{font-size:var(--white-text-size)}.hand-grid .white-card{transform:rotate(var(--card-tilt, 0deg));transform-origin:50% 100%;will-change:transform}.hand-grid .white-card:nth-child(3n+1){--card-tilt: -1.2deg}.hand-grid .white-card:nth-child(3n+2){--card-tilt: .9deg}.hand-grid .white-card:nth-child(3n){--card-tilt: -.4deg}.hand-grid .white-card.is-interactive:hover:not(:disabled){transform:translateY(-10px) scale(1.06) rotate(0);z-index:6;box-shadow:0 14px #19191629,0 0 0 3px var(--lime)}.hand-grid .white-card.is-selected,.hand-grid .white-card.is-selected:hover{transform:translateY(-10px) scale(1.04) rotate(-1deg);z-index:6}.selection-bar{position:static;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:14px;width:min(100%,640px);margin:16px auto 0;padding:8px 8px 8px 18px;border:2px solid var(--border, var(--ink));border-radius:999px;background:var(--surface-ink);color:var(--on-dark);box-shadow:0 6px 18px #19191629,0 3px 0 var(--shadow-ink)}.selection-bar.is-active{animation:selection-rise .18s ease}.mobile-submit-dock{position:fixed;left:50%;bottom:calc(12px + env(safe-area-inset-bottom));z-index:150;display:none;align-items:center;justify-content:space-between;gap:12px;width:min(420px,calc(100% - 24px));padding:8px 8px 8px 16px;border:2px solid var(--border, var(--ink));border-radius:999px;background:var(--surface-ink);color:var(--on-dark);box-shadow:0 8px 24px #00000047,0 3px 0 var(--shadow-ink);transform:translate(-50%);animation:submit-dock-rise .28s cubic-bezier(.2,.9,.3,1.05) both}.mobile-submit-dock.is-desktop-visible{display:flex}.mobile-submit-dock span{font-size:.78rem;font-weight:600}.mobile-submit-dock span strong{color:var(--lime)}.mobile-submit-dock .btn{min-height:42px;padding-inline:1rem;font-size:.86rem}@keyframes selection-rise{0%{transform:translateY(8px);opacity:.6}to{transform:translateY(0);opacity:1}}@keyframes submit-dock-rise{0%{opacity:0;transform:translate(-50%,calc(100% + 24px))}to{opacity:1;transform:translate(-50%)}}.selection-info{font-size:.82rem;font-weight:600;line-height:1.35}.selection-info strong{color:var(--lime)}.selection-info span{color:#faf5e999;font-size:.72rem}.submitted-wait{display:flex;flex-direction:column;align-items:center;gap:14px;padding:24px 12px;border:2px dashed rgba(25,25,22,.22);border-radius:18px;background:var(--cream);text-align:center}.submitted-wait h3{font-size:1.15rem;letter-spacing:-.025em}.submitted-wait p{max-width:380px;color:var(--muted);font-size:.84rem;line-height:1.5}.your-submission{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.your-submission .white-card{width:178px;pointer-events:none;--white-text-size: 1.2rem}.waiting-pulse{display:flex;gap:4px}.waiting-pulse span{width:7px;height:7px;border-radius:50%;background:var(--coral);animation:waiting-bounce 1.1s infinite ease-in-out}.waiting-pulse span:nth-child(2){animation-delay:.15s}.waiting-pulse span:nth-child(3){animation-delay:.3s}@keyframes waiting-bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-5px);opacity:1}}.submissions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:16px;margin-top:6px}.submission-card{display:flex;flex-direction:column;gap:8px;padding:0;border:0;border-radius:0;background:transparent;text-align:left;cursor:default;animation:submission-in .35s ease both;transition:transform .18s ease}.submission-card:not(:disabled){cursor:pointer}.submission-card:hover:not(:disabled){transform:translateY(-3px)}.submission-card.is-selected{transform:translateY(-3px)}.submission-card:disabled{opacity:1;cursor:default}.submission-card .white-card{transition:box-shadow .18s ease,transform .18s ease}.submission-card.is-selected .white-card{box-shadow:0 0 0 3px var(--lime),0 6px 0 var(--shadow-ink)}.submission-card.is-selected .submission-label,.submission-card.is-selected .pick-tick{color:var(--text)}.submission-back{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px;border:2px solid var(--border, var(--ink));border-radius:12px;background-color:var(--surface-ink);background-image:radial-gradient(rgba(255,253,246,.1) 1px,transparent 1px),radial-gradient(120% 90% at 100% 0%,rgba(201,245,107,.12),transparent 60%);background-size:13px 13px,100% 100%;color:var(--on-dark);font-size:.72rem;font-weight:700;text-align:center;transition:transform .15s ease,box-shadow .15s ease}.submission-back-mark{display:grid;place-items:center;width:44px;height:44px;border:2px solid var(--on-dark);border-radius:50%;color:var(--lime);font-family:var(--font-display);font-size:1.3rem;font-weight:800}.submission-cards[data-count="2"] .submission-back-mark{width:36px;height:36px;font-size:1.08rem}.submission-cards[data-count="3"] .submission-back-mark{width:30px;height:30px;font-size:.92rem}.submission-card.is-face-down:hover:not(:disabled) .submission-back{transform:translateY(-2px);box-shadow:0 4px 0 var(--shadow-ink)}.submission-card.is-revealed .submission-cards{animation:reveal-in .38s cubic-bezier(.2,.9,.3,1.1) both}.reveal-progress{display:flex;flex-direction:column;gap:5px;max-width:360px}.your-answer-note{color:var(--muted);font-size:.78rem;font-weight:600}.judge-bar .waiting-pulse{display:inline-flex;margin-right:6px;vertical-align:middle}.submission-label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-family:var(--font-display);font-size:.75rem;font-weight:700;letter-spacing:-.01em}.submission-label .pick-tick{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-body);font-size:.65rem;font-weight:700;color:var(--muted)}.submission-cards{display:flex;align-items:flex-end;justify-content:center;gap:5px;flex-wrap:wrap}.submission-cards .white-card{flex:0 0 auto;padding:10px;pointer-events:none;box-shadow:0 2px #19191629;--white-text-size: 1.15rem}.submission-cards[data-count="1"] .white-card{width:100%;max-width:220px;--white-text-size: 1.3rem}.submission-cards[data-count="2"] .white-card{width:calc(50% - 3px);max-width:160px;--white-text-size: 1.05rem}.submission-cards[data-count="3"] .white-card{width:calc(33.333% - 4px);max-width:125px;--white-text-size: .95rem}.submission-cards .white-card-text{padding:6px 0;line-height:1.2}.submission-cards .white-card-brand,.submission-cards .white-card-spark{font-size:.45rem}.judge-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding-top:16px;border-top:1.5px dashed var(--line)}.judge-top{display:grid;grid-template-columns:340px minmax(0,1fr);gap:24px;align-items:center;margin-bottom:20px}.judge-black .black-card{width:100%;max-width:280px;margin-inline:auto}.judge-hint{color:var(--muted);font-size:.8rem;font-weight:600}.result-banner{position:relative;display:flex;align-items:center;gap:16px;overflow:hidden;padding:18px;border:2px solid var(--border, var(--ink));border-radius:18px;background:var(--lime);box-shadow:0 4px 0 var(--shadow-ink)}.result-banner:after{content:"✦";position:absolute;right:14px;top:8px;color:#19191638;font-size:2rem}.result-banner h2{font-size:clamp(1.45rem,2.7vw,2rem);letter-spacing:-.04em}.result-banner p{margin-top:3px;color:#1919169e;font-size:.82rem;font-weight:600}.result-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:22px 0}.result-cards .white-card{width:min(220px,100%);pointer-events:none;box-shadow:0 5px #1919162e}.result-prompt{max-width:360px;margin:0 auto 18px}.result-prompt .black-card{margin-inline:auto}.results-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-top:16px;border-top:1.5px dashed var(--line)}.countdown{color:var(--muted);font-size:.82rem;font-weight:600}.countdown strong{color:var(--text);font-family:var(--font-display);font-size:1rem}.finished-panel{position:relative;overflow:hidden;padding:clamp(26px,4vw,42px) 22px;text-align:center}.finished-panel:before,.finished-panel:after{content:"";position:absolute;border:2px solid rgba(25,25,22,.1);border-radius:50%;pointer-events:none}.finished-panel:before{width:240px;height:240px;top:-110px;left:-80px}.finished-panel:after{width:280px;height:280px;right:-120px;bottom:-150px}.finished-winner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:7px}.finished-winner .avatar{width:104px;height:104px;margin-bottom:4px}.finished-winner .avatar .avatar-body{border-width:3px;box-shadow:0 5px 0 var(--shadow-ink)}.finished-winner .avatar .avatar-emoji{font-size:3.4rem}.finished-kicker{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border:1.5px solid var(--border, var(--ink));border-radius:999px;background:var(--yellow);font-family:var(--font-hand);font-size:1.08rem;line-height:1.1;transform:rotate(-2deg)}.finished-winner h2{font-size:clamp(2.1rem,5vw,3.7rem);letter-spacing:-.052em;line-height:.96}.finished-winner p{color:var(--muted);font-size:.92rem}.final-scores{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:9px;max-width:720px;margin:26px auto;text-align:left}.final-score-row{display:flex;align-items:center;gap:9px;padding:9px 11px;border:2px solid var(--line);border-radius:14px;background:var(--cream)}.final-score-row.is-winner{border-color:var(--border, var(--ink));background:var(--lime);box-shadow:0 3px 0 var(--shadow-ink)}.final-score-row .avatar{width:34px;height:34px}.final-score-row .avatar .avatar-body{box-shadow:none}.final-score-name{flex:1;overflow:hidden;font-size:.82rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.final-score-value{font-family:var(--font-display);font-size:.9rem;font-weight:800}.finished-actions{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px}.finished-note{position:relative;z-index:1;margin-top:14px;color:var(--muted);font-size:.8rem}.winning-combo{position:relative;z-index:1;max-width:660px;margin:0 auto 8px;padding:16px;border:2px solid var(--border, var(--ink));border-radius:18px;background:var(--paper);text-align:left}.winning-combo-label{margin-bottom:9px;color:var(--muted);font-family:var(--font-hand);font-size:1.05rem;text-align:center}.winning-combo-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.winning-combo-row .white-card{width:168px;pointer-events:none}.winning-combo .black-card{max-width:250px;margin:0 auto 12px}.game-topline-right{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.turn-timer{display:flex;flex-direction:column;gap:4px;min-width:134px;padding:5px 9px;border:1.5px solid var(--line);border-radius:10px;background:var(--cream)}.turn-timer-label{display:flex;align-items:center;gap:4px;color:var(--muted);font-size:.65rem;font-weight:700;white-space:nowrap}.turn-timer-label strong{color:var(--text);font-family:var(--font-display);font-size:.78rem}.turn-timer-track{height:4px;overflow:hidden;border-radius:999px;background:var(--line)}.turn-timer-track span{display:block;height:100%;border-radius:999px;background:var(--lime);transition:width .12s linear}.turn-timer.is-urgent .turn-timer-label strong{color:var(--coral)}.turn-timer.is-urgent .turn-timer-track span{background:var(--coral)}.round-result-hero{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;padding:24px 16px 18px;border-radius:22px;background:radial-gradient(70% 110% at 50% 0%,rgba(201,245,107,.32),transparent 70%);text-align:center;animation:result-in .4s ease both}.round-result-hero .avatar{width:94px;height:94px}.round-result-hero .avatar .avatar-body{border-width:3px;box-shadow:0 5px 0 var(--shadow-ink)}.round-result-hero .avatar .avatar-emoji{font-size:3rem}.round-result-kicker{margin-top:3px;color:var(--muted);font-family:var(--font-hand);font-size:1.2rem;line-height:1;transform:rotate(-1.5deg)}.round-result-hero h2{font-size:clamp(2rem,4.4vw,3.1rem);letter-spacing:-.052em;line-height:.98}.round-result-points{color:var(--muted);font-size:.85rem;font-weight:600}.round-result-points strong{color:var(--text);font-family:var(--font-display)}.answer-stage{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;margin:12px 0 18px;padding:22px 18px 26px;overflow:hidden;border:1.5px solid var(--line);border-radius:26px;background:radial-gradient(90% 80% at 50% 0%,rgba(201,245,107,.24),transparent 65%),radial-gradient(70% 90% at 100% 100%,rgba(201,182,255,.2),transparent 70%),var(--cream);animation:result-in .45s .05s ease both}.answer-stage:before,.answer-stage:after{content:"✦";position:absolute;color:var(--coral);opacity:.55;font-size:1.1rem;pointer-events:none}.answer-stage:before{top:16px;left:20px;transform:rotate(-12deg)}.answer-stage:after{right:22px;bottom:16px;color:var(--lilac);transform:rotate(14deg)}.answer-stage-label{position:relative;z-index:2;color:var(--muted);font-family:var(--font-hand);font-size:1.16rem;line-height:1}.answer-stage-cards{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;width:100%}.answer-stage-prompt{width:280px;flex-shrink:0;z-index:1;margin-right:-28px;transform:rotate(-4deg);animation:card-land .5s .08s ease both}.answer-stage-prompt .black-card{width:100%}.answer-stage-white{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;z-index:2}.answer-stage-white .white-card{width:280px;--white-text-size: 1.65rem;transform:rotate(2deg);box-shadow:0 8px #19191633;animation:card-land .5s .14s ease both}.answer-stage-white .white-card:nth-child(2n){transform:rotate(-2deg);animation-delay:.2s}.answer-stage.is-final{margin-top:20px;padding:26px 20px 30px}.answer-stage.is-final .answer-stage-prompt{width:280px}.answer-stage.is-final .answer-stage-white .white-card{width:280px;--white-text-size: 1.7rem}.results-countdown{display:flex;flex:1;flex-direction:column;gap:6px;min-width:190px}.results-countdown-label{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:.78rem;font-weight:600}.results-countdown-label strong{color:var(--text);font-family:var(--font-display);font-size:.95rem}.results-countdown-bar{height:8px;overflow:hidden;border:1.5px solid var(--border, var(--ink));border-radius:999px;background:var(--cream)}.results-countdown-bar span{display:block;height:100%;border-radius:999px;background:var(--lime);transition:width .12s linear}.finished-avatar-wrap{position:relative;display:inline-grid;place-items:center;margin-bottom:4px}.finished-crown{position:absolute;top:-8px;right:-10px;display:grid;place-items:center;width:34px;height:34px;border:2px solid var(--border, var(--ink));border-radius:50%;background:var(--yellow);color:var(--on-accent);box-shadow:0 2px 0 var(--shadow-ink);transform:rotate(10deg)}.final-score-row.is-winner,.final-score-row.is-winner .final-score-name,.final-score-row.is-winner .final-score-value{color:var(--on-accent)}.final-score-row.is-winner .score-value{background:var(--on-accent);color:var(--lime)}.final-score-row{animation:result-in .35s ease both}.final-score-row:nth-child(2){animation-delay:.04s}.final-score-row:nth-child(3){animation-delay:.08s}.final-score-row:nth-child(4){animation-delay:.12s}.final-score-row:nth-child(n+5){animation-delay:.16s}.game-panel{animation:phase-in .35s cubic-bezier(.2,.9,.3,1.05) both}.score-value{animation:score-pop .3s ease}@keyframes phase-in{0%{opacity:0;transform:translateY(14px) scale(.995)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes submission-in{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}@keyframes stage-in{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}@keyframes reveal-in{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes result-in{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes card-land{0%{opacity:0;translate:0 18px;scale:.96}to{opacity:1;translate:0 0;scale:1}}@keyframes score-pop{0%{transform:scale(1)}45%{transform:scale(1.25)}to{transform:scale(1)}}@media(max-width:1180px){.game-layout{grid-template-columns:minmax(0,1fr) 330px}.stage-grid{grid-template-columns:300px minmax(0,1fr);gap:20px}}@media(max-width:900px){.judge-top{grid-template-columns:minmax(0,1fr);gap:14px}.judge-black{max-width:320px}.stage-grid{grid-template-columns:minmax(0,1fr)}.stage-black{justify-content:center}.stage-black .black-card{max-width:340px}.stage-side{gap:13px}.hand-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr))}}@media(max-width:760px){.game-panel{padding:16px}.stage-black .black-card{max-width:270px;--black-text-size: 1.55rem}.judge-black .black-card{--black-text-size: 1.55rem}.stage-side{gap:12px}.stage-side .czar-callout.is-coral{display:none}.hand-section{margin-top:16px;padding-top:14px}.hand-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:162px;overflow-x:auto;padding:26px 2px 14px;scroll-snap-type:x mandatory;scrollbar-width:thin}.hand-grid .white-card{scroll-snap-align:center}.selection-bar{bottom:8px;padding-left:12px}.selection-bar.is-active{bottom:8px}.selection-bar .btn{min-height:42px;padding-inline:1rem;font-size:.88rem}.submissions-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.your-submission .white-card{width:160px}.final-scores{grid-template-columns:1fr}}@media(max-width:460px){.score-name{max-width:76px}.game-topline{align-items:flex-start;flex-direction:column;gap:6px}.judge-bar{flex-direction:column;align-items:stretch}.judge-bar .btn{width:100%}.results-foot{flex-direction:column;align-items:stretch}.results-foot .btn{width:100%}.finished-panel{padding-inline:13px}}@media(max-width:760px){.game-topline-right{width:100%;justify-content:space-between}.turn-timer{min-width:118px}.answer-stage{padding:18px 12px 22px}.answer-stage-cards{flex-direction:column}.answer-stage-prompt,.answer-stage.is-final .answer-stage-prompt{width:180px;margin-right:0;margin-bottom:-12px}.answer-stage-prompt .black-card{--black-text-size: 1.25rem}.answer-stage-white .white-card,.answer-stage.is-final .answer-stage-white .white-card{width:210px;--white-text-size: 1.2rem}.results-foot{flex-direction:column;align-items:stretch}.results-foot .btn{width:100%}}.finished-winner{animation:result-in .5s .02s ease both}.finished-actions{animation:result-in .4s .3s ease both}.finished-note{animation:result-in .4s .36s ease both}.results-foot{animation:result-in .4s .16s ease both}@media(max-width:760px){.selection-bar{display:none}.hand-section{padding-bottom:76px}.mobile-submit-dock{display:flex}}.winner-confetti{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;pointer-events:none;border-radius:inherit}.round-result-hero>:not(.winner-confetti),.finished-winner>:not(.winner-confetti){position:relative;z-index:1}.room-shell{display:flex;flex-direction:column;min-height:100dvh}.room-shell .container{width:min(1480px,calc(100% - 44px))}.room-topbar{position:sticky;top:0;z-index:60;border-bottom:2px solid var(--border, var(--ink));background:#faf5e9e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.room-topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:64px;padding:10px 0}.room-topbar-left,.room-topbar-right{display:flex;align-items:center;gap:9px;min-width:0}.room-topbar .logo-mark{width:32px;height:32px}.room-topbar .logo-word{font-size:1.48rem}.room-game-badge{display:inline-flex;align-items:center;gap:6px;max-width:210px;padding:4px 11px;border:1.5px solid var(--border, var(--ink));border-radius:999px;background:var(--paper);font-size:.74rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-code-chip{display:inline-flex;align-items:center;gap:8px;padding:5px 11px;border:2px solid var(--border, var(--ink));border-radius:999px;background:var(--paper);box-shadow:0 3px 0 var(--shadow-ink);transition:transform .12s ease,background-color .12s ease}.room-code-chip:hover{background:var(--lime);transform:translateY(-1px)}.room-code-chip .code-label{color:var(--muted);font-size:.6rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.room-code-chip .code-value{font-family:var(--font-display);font-size:.94rem;font-weight:800;letter-spacing:.14em}.room-main{flex:1;padding:24px 0 54px}.lobby-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:24px;align-items:start}.lobby-main{display:flex;flex-direction:column;gap:22px;min-width:0}.lobby-side{display:flex;flex-direction:column;gap:20px;min-width:0}.panel{padding:22px;border:2px solid var(--border, var(--ink));border-radius:var(--radius-lg);background-color:var(--paper);background-image:radial-gradient(120% 100% at 100% 0%,rgba(201,245,107,.07),transparent 55%);box-shadow:0 14px 32px #19191614,0 4px 0 var(--shadow-ink)}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:17px}.panel-title{font-size:1.42rem;letter-spacing:-.038em}.panel-sub{margin-top:5px;color:var(--muted);font-size:.84rem;line-height:1.45}.invite-panel{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;overflow:hidden;background:var(--lime)}.invite-panel:after{content:"";position:absolute;right:120px;bottom:-100px;width:220px;height:220px;border:2px solid rgba(25,25,22,.12);border-radius:50%}.invite-copy{position:relative;z-index:1;min-width:0}.invite-label{display:block;margin-bottom:4px;color:#19191694;font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.invite-code{font-family:var(--font-display);font-size:clamp(2.6rem,5.6vw,4rem);font-weight:800;letter-spacing:.14em;line-height:1}.invite-hint{margin-top:8px;color:#191916a3;font-size:.84rem;font-weight:500}.invite-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.invite-mascot{position:relative;z-index:1;width:112px;height:112px;flex-shrink:0;transform:rotate(7deg);filter:drop-shadow(0 4px 0 rgba(25,25,22,.14))}.players-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:11px}.player-seat{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:132px;padding:20px 10px 15px;border:2px solid var(--border, var(--ink));border-radius:18px;background:var(--cream);text-align:center;transition:transform .15s ease,box-shadow .15s ease}.player-seat:hover{transform:translateY(-2px);box-shadow:0 3px 0 var(--shadow-ink)}.player-seat.is-host{background:var(--yellow)}.player-seat.is-empty{justify-content:center;gap:7px;border-style:dashed;border-color:#1919163d;background:transparent;color:#9b988a;font-size:.78rem;font-weight:600}.player-seat.is-self{outline:3px solid rgba(201,245,107,.7);outline-offset:1px}.seat-name{max-width:100%;overflow:hidden;font-size:.86rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.seat-sub{display:flex;align-items:center;gap:4px;color:var(--muted);font-size:.66rem;font-weight:600}.seat-crown{position:absolute;top:6px;left:8px;color:#8a6b00}.seat-ready{position:absolute;top:7px;right:7px;display:grid;place-items:center;width:22px;height:22px;border:2px solid var(--border, var(--ink));border-radius:50%;background:var(--success);color:#fff}.seat-remove{position:absolute;right:6px;bottom:6px;display:grid;place-items:center;width:22px;height:22px;border:1.5px solid var(--border, var(--ink));border-radius:50%;background:var(--paper);opacity:0;transition:opacity .15s ease}.player-seat:hover .seat-remove,.player-seat:focus-within .seat-remove{opacity:1}.seat-offline-dot{position:absolute;right:9px;bottom:9px;width:8px;height:8px;border:1.5px solid var(--paper);border-radius:50%;background:#aaa79a}.players-actions{display:flex;align-items:center;gap:8px}.settings-body{display:flex;flex-direction:column;gap:19px}.setting-row{display:flex;flex-direction:column;gap:7px}.setting-label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-family:var(--font-display);font-size:.86rem;font-weight:700}.setting-value{color:var(--muted);font-family:var(--font-body);font-size:.72rem;font-weight:600}.segmented{display:flex;gap:4px;padding:4px;border:2px solid var(--border, var(--ink));border-radius:12px;background:var(--cream)}.segmented button{flex:1;min-height:33px;padding:4px;border:2px solid transparent;border-radius:9px;background:transparent;font-family:var(--font-display);font-size:.82rem;font-weight:700;transition:background-color .12s ease,border-color .12s ease,box-shadow .12s ease}.segmented button:hover:not(:disabled){background:#ffffff8c}.segmented button.is-active{border-color:var(--border, var(--ink));background:var(--lime);box-shadow:0 2px 0 var(--shadow-ink)}.segmented button:disabled{opacity:.55;cursor:not-allowed}.deck-list{display:flex;flex-direction:column;gap:5px}.deck-option{display:flex;align-items:flex-start;gap:9px;padding:8px;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:background-color .12s ease,border-color .12s ease}.deck-option:hover{background:var(--cream)}.deck-option.is-selected{border-color:var(--border, var(--ink));background:var(--cream)}.deck-option.is-disabled{opacity:.55;cursor:not-allowed}.deck-check{display:grid;place-items:center;width:19px;height:19px;flex-shrink:0;margin-top:1px;border:2px solid var(--border, var(--ink));border-radius:5px;background:var(--paper);color:transparent}.deck-option.is-selected .deck-check{background:var(--lime);color:var(--on-accent)}.deck-info{display:flex;flex-direction:column;gap:2px;min-width:0}.deck-name{display:flex;flex-wrap:wrap;align-items:center;gap:5px;font-size:.8rem;font-weight:700;line-height:1.25}.deck-count{color:var(--muted);font-size:.69rem;font-weight:500}.community-pack-section{margin-top:7px;padding-top:7px;border-top:1.5px dashed var(--line)}.community-pack-toggle{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:7px 9px;border:1.5px dashed var(--line);border-radius:10px;background:transparent;color:var(--muted);font-size:.71rem;font-weight:700;text-align:left;transition:color .12s ease,background-color .12s ease,border-color .12s ease}.community-pack-toggle:hover{border-color:var(--border, var(--ink));background:var(--cream);color:var(--text)}.community-pack-meta{color:var(--muted);font-size:.64rem;white-space:nowrap}.community-pack-list{display:flex;flex-direction:column;gap:5px;margin-top:6px}.community-pack-label{padding-left:4px;color:var(--coral);font-family:var(--font-hand);font-size:.95rem;line-height:1.2}.start-box{display:flex;flex-direction:column;gap:9px;padding-top:16px;border-top:1.5px dashed var(--line)}.setting-toggles{display:flex;flex-direction:column;gap:7px;padding-top:15px;border-top:1.5px dashed var(--line)}.advanced-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.advanced-settings-note{margin-top:14px;text-align:left}@media(max-width:520px){.advanced-settings-grid{grid-template-columns:1fr}}.toggle-row{display:flex;align-items:center;gap:12px;padding:9px 10px;border:2px solid transparent;border-radius:13px;cursor:pointer;transition:background-color .12s ease,border-color .12s ease}.toggle-row:hover{background:var(--cream)}.toggle-row.is-on{border-color:var(--border, var(--ink));background:var(--cream)}.toggle-row.is-disabled{cursor:not-allowed;opacity:.65}.toggle-copy{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.toggle-copy strong{font-family:var(--font-display);font-size:.82rem;letter-spacing:-.01em}.toggle-copy span{color:var(--muted);font-size:.69rem;line-height:1.4}.switch{display:flex;align-items:center;width:38px;height:22px;flex-shrink:0;padding:2px;border:2px solid var(--border, var(--ink));border-radius:999px;background:var(--paper);transition:background-color .15s ease}.switch span{display:block;width:14px;height:14px;border-radius:50%;background:var(--text);transition:transform .15s ease}.toggle-row.is-on .switch{background:var(--lime)}.toggle-row.is-on .switch span{transform:translate(16px);background:var(--on-accent)}.start-hint{color:var(--muted);font-size:.73rem;line-height:1.4;text-align:center}.ready-people{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:.73rem;font-weight:600}.chat-panel{display:flex;flex-direction:column;height:500px;overflow:hidden;border:2px solid var(--border, var(--ink));border-radius:var(--radius-lg);background:var(--paper);box-shadow:var(--shadow-md)}.game-side .chat-panel{position:sticky;top:84px;height:min(620px,calc(100dvh - 104px))}.chat-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:2px solid var(--border, var(--ink));background:var(--cream)}.chat-title{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-display);font-size:.88rem;font-weight:800;letter-spacing:-.02em}.chat-live{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:.67rem;font-weight:600}.chat-head-right{display:flex;align-items:center;gap:8px}.reconnect-banner{display:flex;align-items:center;justify-content:center;gap:7px;padding:6px 12px;border-bottom:2px solid var(--border, var(--ink));background:var(--yellow);color:var(--on-accent);font-size:.75rem;font-weight:700}.spectator-banner{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 14px;border-bottom:2px solid var(--border, var(--ink));background:var(--lilac-soft);color:var(--on-accent);font-size:.78rem;font-weight:600;text-align:center}.spectator-chip{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;padding:4px 9px;border:1.5px solid var(--line);border-radius:999px;background:var(--cream);color:var(--muted);font-size:.72rem;font-weight:700}.spectator-lobby-panel{min-height:180px}.chat-close{display:none}.chat-list{display:flex;flex:1;flex-direction:column;gap:9px;overflow-y:auto;padding:13px;scroll-behavior:auto}.chat-empty{margin:auto;padding:20px;color:var(--muted);font-size:.8rem;line-height:1.5;text-align:center}.chat-system{align-self:center;max-width:95%;padding:5px 10px;border-radius:999px;background:var(--cream);color:var(--muted);font-size:.69rem;font-weight:500;line-height:1.35;text-align:center;border:1.5px solid var(--badge-border)}.chat-message{display:flex;align-items:flex-start;gap:7px}.chat-message.is-own{flex-direction:row-reverse}.chat-avatar{margin-top:13px}.chat-bubble-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:2px;max-width:82%}.chat-message.is-own .chat-bubble-wrap{align-items:flex-end}.chat-name{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:.7rem;font-weight:700}.chat-bot{padding:0 4px;border:1px solid var(--line);border-radius:4px;font-size:.52rem;letter-spacing:.04em}.chat-bubble{padding:7px 11px;border:1.5px solid rgba(25,25,22,.12);border-radius:12px;background:var(--cream);font-size:.88rem;line-height:1.45;overflow-wrap:anywhere}.chat-message.is-own .chat-bubble{border-color:var(--border, var(--ink));background:var(--lime)}.chat-form{display:flex;align-items:center;gap:7px;padding:10px;border-top:2px solid var(--border, var(--ink));background:var(--paper)}.chat-input{flex:1;min-width:0;padding:10px 14px;border:2px solid var(--border, var(--ink));border-radius:999px;background:var(--cream);font-size:.92rem;outline:none}.chat-input:focus{background:var(--paper);box-shadow:0 0 0 3px var(--lime)}.chat-send{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border:2px solid var(--border, var(--ink));border-radius:50%;background:var(--lime);box-shadow:0 2px 0 var(--shadow-ink)}.chat-send:disabled{opacity:.35;box-shadow:none;cursor:not-allowed}.chat-toggle,.chat-drawer,.drawer-backdrop{display:none}@media(max-width:1050px){.lobby-grid,.game-layout{grid-template-columns:minmax(0,1fr)}.lobby-side{display:contents}.lobby-side .settings-panel{order:2}.desktop-chat{display:none}.chat-toggle{display:inline-grid}.chat-drawer{position:fixed;inset:auto 10px 10px 10px;z-index:210;display:block}.chat-drawer .chat-panel{height:min(72dvh,560px);border-radius:22px}.chat-close{display:inline-grid;width:30px;height:30px;box-shadow:0 2px 0 var(--shadow-ink)}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:block;background:#19191659;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.lobby-main,.lobby-side,.game-main{min-width:0}}@media(max-width:760px){.room-shell .container{width:calc(100% - 28px)}.room-game-badge{display:none}.room-topbar-inner{min-height:58px;gap:8px}.room-topbar .logo-word{display:none}.room-topbar-left{gap:7px}.room-code-chip{padding:4px 9px;gap:5px}.room-code-chip .code-label{display:none}.room-code-chip .code-value{font-size:.86rem}.room-topbar-right{gap:6px}.room-topbar .icon-btn{width:38px;height:38px}.room-main{padding:16px 0 36px}.panel{padding:17px}.invite-panel{flex-direction:column;align-items:flex-start}.invite-mascot{position:absolute;right:10px;top:14px;width:78px;height:78px;opacity:.8}.invite-code{font-size:clamp(2.4rem,12vw,3.4rem)}.players-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:9px}.player-seat{min-height:118px;padding:18px 8px 12px}.panel-head{margin-bottom:14px}}@media(max-width:430px){.players-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.community-browser-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;padding-bottom:12px;border-bottom:1.5px dashed var(--line)}.community-browser-toolbar .checkbox-row{font-size:.8rem}.community-browser-toolbar .checkbox-row span{display:inline-flex;align-items:center;gap:5px}.community-browser-note{margin-bottom:12px;color:var(--muted);font-size:.78rem}.community-browser-list{display:flex;flex-direction:column;gap:12px}.community-browser-card{padding:16px;border:2px solid var(--line);border-radius:18px;background:var(--cream);transition:border-color .15s ease,background-color .15s ease}.community-browser-card.is-selected{border-color:var(--border, var(--ink));background:var(--paper);box-shadow:0 3px 0 var(--shadow-ink)}.community-browser-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.community-browser-name{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-family:var(--font-display);font-size:1.05rem;font-weight:800;letter-spacing:-.025em}.community-browser-desc{max-width:520px;margin-top:4px;color:var(--muted);font-size:.8rem;line-height:1.5}.community-browser-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:11px;color:var(--muted);font-size:.72rem;font-weight:600}.community-preview-toggle{padding:0;border:0;background:transparent;color:var(--text);font-size:.72rem;font-weight:700;text-decoration:underline;text-decoration-color:var(--lime);text-decoration-thickness:2px}.pack-preview{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;padding-top:12px;border-top:1.5px dashed var(--line)}.pack-preview-column{display:flex;flex-direction:column;gap:6px}.pack-preview-label{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:.63rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.pack-preview-label span{color:var(--muted);font-size:.6rem;font-weight:600;letter-spacing:0;text-transform:none}.pack-preview-cards{display:flex;flex-direction:column;gap:6px;padding-right:3px}.pack-preview-card{padding:8px 10px;border:1.5px solid var(--border, var(--ink));border-radius:9px;font-family:var(--font-display);font-size:.76rem;font-weight:700;line-height:1.35}.pack-preview-card.is-black{background:var(--card-black-bg);color:var(--card-black-text)}.pack-preview-card.is-white{background:var(--card-bg);color:var(--card-text)}.pack-preview-loading{display:flex;grid-column:1 / -1;align-items:center;justify-content:center;gap:8px;padding:16px;color:var(--muted);font-size:.8rem}.pack-preview-summary{grid-column:1 / -1;margin-top:2px;color:var(--muted);font-size:.7rem;font-weight:600;text-align:center}.community-browser-empty{padding:28px 16px;border:1.5px dashed var(--line);border-radius:14px;color:var(--muted);font-size:.84rem;text-align:center}.community-browser-selected{margin-right:auto;color:var(--muted);font-size:.75rem;font-weight:600}@media(max-width:600px){.community-browser-head{flex-direction:column}.community-browser-head .btn{width:100%}.pack-preview{grid-template-columns:1fr}.community-browser-meta{align-items:flex-start;flex-direction:column;gap:5px}}.community-browser-tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px}.community-browser-search{display:flex;flex:1;min-width:200px;align-items:center;gap:8px;padding:7px 12px;border:1.5px solid var(--line);border-radius:999px;background:var(--paper);color:var(--muted);transition:border-color .15s ease}.community-browser-search:focus-within{border-color:var(--border, var(--ink))}.community-browser-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-family:var(--font-body);font-size:.78rem}.community-browser-search input::placeholder{color:var(--muted)}.community-browser-bulk{display:flex;flex-wrap:wrap;gap:6px}.community-browser-bulk .btn{white-space:nowrap}@media(max-width:600px){.community-browser-tools{align-items:stretch;flex-direction:column}.community-browser-bulk .btn{flex:1}}.site-shell{display:flex;flex-direction:column;min-height:100dvh;overflow-x:clip}.topnav{position:relative;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 0}.topnav nav{display:flex;align-items:center;gap:28px;margin-left:auto;margin-right:28px;font-size:.92rem;font-weight:600}.topnav nav a{position:relative;padding:4px 0}.topnav nav a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:2px;background:var(--lime);transform:scaleX(0);transform-origin:left;transition:transform .18s ease}.topnav nav a:hover:after{transform:scaleX(1)}.hero{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:30px;min-height:640px;padding:40px 0 88px}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:5px 14px;border:2px solid var(--border, var(--ink));border-radius:999px;background:var(--paper);box-shadow:0 3px 0 var(--shadow-ink);font-family:var(--font-hand);font-size:1.18rem;line-height:1.2;transform:rotate(-1.5deg)}.eyebrow-dot{width:9px;height:9px;border-radius:50%;background:var(--coral);flex-shrink:0}.hero h1{margin:26px 0 24px;font-size:clamp(3.1rem,6.3vw,5.9rem);line-height:.9;letter-spacing:-.058em}.hero h1 .highlight{position:relative;z-index:0;display:inline-block;color:var(--on-accent)}.hero h1 .highlight:after{content:"";position:absolute;z-index:-1;left:-2%;right:-2%;bottom:0;height:.94em;border-radius:.1em;background:var(--lime);transform:rotate(-1.4deg)}.hero-lede{max-width:550px;color:var(--ink-2);font-size:clamp(1.03rem,1.4vw,1.19rem);line-height:1.6}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:13px;margin-top:30px}.join-inline{display:flex;align-items:center;gap:4px;padding:5px;border:2px solid var(--border, var(--ink));border-radius:999px;background:var(--paper);box-shadow:var(--shadow)}.join-inline input{width:112px;border:0;background:transparent;padding:0 8px 0 14px;outline:none;font-family:var(--font-display);font-size:.98rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.join-inline input::placeholder{color:#b4b1a5;font-weight:600;letter-spacing:.08em}.join-inline .btn{min-height:42px;padding:.5rem 1.05rem;font-size:.9rem;box-shadow:none}.join-inline .btn:hover:not(:disabled){box-shadow:0 2px 0 var(--shadow-ink)}.hero-meta{display:flex;align-items:center;gap:12px;margin-top:28px;color:var(--muted);font-size:.87rem;font-weight:500}.hero-meta .avatar-stack .avatar{width:32px;height:32px}.hero-meta .avatar-stack .avatar .avatar-emoji{font-size:.9rem}.hero-art{position:relative;display:grid;place-items:center;min-height:560px}.hero-blob{position:absolute;width:430px;height:430px;border:2px solid var(--border, var(--ink));border-radius:46% 54% 56% 44%/48% 44% 56% 52%;background:var(--yellow);transform:rotate(8deg);box-shadow:inset 0 0 0 14px #fffdf73d}.hero-blob-two{width:210px;height:210px;right:8px;bottom:40px;border-radius:52% 48% 44% 56%/54% 46%;background:var(--lilac);transform:rotate(-14deg);box-shadow:none}.hero-blob-three{width:120px;height:120px;left:8px;top:32px;border-radius:50%;background:var(--mint);box-shadow:none;transform:none}.hero-collage{position:relative;width:min(100%,470px);height:540px}.hero-card-black{--float-rotate: -8deg;position:absolute;top:60px;left:58px;z-index:3;width:226px;height:302px;font-size:.92rem;animation:float 7s ease-in-out infinite}.hero-card-black .black-card-text{font-size:1.42rem}.hero-card-white-one{position:absolute;z-index:5;right:16px;top:180px;width:174px;height:236px;transform:rotate(6deg);animation:float 8s ease-in-out infinite;--float-rotate: 6deg;animation-delay:-1.6s}.hero-card-white-two{position:absolute;z-index:4;left:18px;bottom:24px;width:166px;height:226px;transform:rotate(-5deg);animation:float 7.4s ease-in-out infinite;--float-rotate: -5deg;animation-delay:-3.4s}.hero-card-white-one .white-card-text,.hero-card-white-two .white-card-text{font-size:1.08rem}.hero-mascot{position:absolute;z-index:7;top:8px;right:34px;width:104px;height:104px;filter:drop-shadow(0 4px 0 rgba(25,25,22,.16));animation:wiggle 5.5s ease-in-out infinite;transform-origin:50% 80%}.hero-sticker{position:absolute;z-index:8;bottom:88px;right:-4px;padding:8px 17px;border:2px solid var(--border, var(--ink));border-radius:12px;background:var(--lime);box-shadow:0 4px 0 var(--shadow-ink);font-family:var(--font-hand);font-size:1.42rem;line-height:1;transform:rotate(-5deg)}.hero-sticker-two{top:100px;left:-12px;bottom:auto;right:auto;padding:7px 14px;background:var(--coral);font-size:1.15rem;transform:rotate(4deg)}.hero-float-avatar{position:absolute;z-index:9;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;animation:none;--float-rotate: 0deg}.hero-float-avatar.a1{top:30px;left:8px;animation-delay:-.4s}.hero-float-avatar.a2{bottom:16px;right:52px;animation-delay:-2.4s}.hero-float-avatar .avatar{width:56px;height:56px}.hero-float-avatar .avatar .avatar-emoji{font-size:1.1rem}.hero-scribble{position:absolute;z-index:2;bottom:12px;left:42%;width:120px;opacity:.7}.ticker{position:relative;overflow:hidden;margin-top:2px;padding:13px 0;border-block:2px solid var(--border, var(--ink));background:var(--ink);color:var(--cream);transform:rotate(-1.1deg) scale(1.015);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}.ticker-track{display:flex;width:max-content;animation:marquee 34s linear infinite}.ticker-group{display:flex;align-items:center;justify-content:space-around;min-width:100vw;gap:32px;flex-shrink:0;font-family:var(--font-display);font-size:.95rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.ticker-star{color:var(--lime);font-size:1.1rem}.games-section{padding:100px 0 40px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:34px}.section-kicker{display:inline-block;margin-bottom:9px;color:var(--coral);font-family:var(--font-hand);font-size:1.3rem;line-height:1;transform:rotate(-1.5deg)}.section-head h2{font-size:clamp(2.2rem,4vw,3.55rem);letter-spacing:-.052em}.section-sub{max-width:400px;padding-bottom:4px;color:var(--muted);font-size:.95rem;line-height:1.6}.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.game-card{position:relative;display:flex;flex-direction:column;gap:15px;padding:18px;overflow:hidden;border:2px solid var(--border, var(--ink));border-radius:var(--radius-lg);background:var(--paper);box-shadow:var(--shadow-md);text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .18s ease,box-shadow .18s ease}.game-card:hover{transform:translateY(-5px) rotate(-.3deg);box-shadow:var(--shadow-lg)}.game-card.is-featured{grid-column:span 2;display:grid;grid-template-columns:1.06fr .94fr;gap:22px;padding:20px}.game-card-art{display:grid;place-items:center;min-height:170px;padding:8px;border:2px solid var(--border, var(--ink));border-radius:20px;background:var(--coral-soft);overflow:hidden}.game-card.is-featured .game-card-art{min-height:245px}.game-card[data-game=uno] .game-card-art{background:var(--blue-soft)}.game-card[data-game=checkers] .game-card-art{background:var(--cream-deep)}.game-card[data-game=monopoly] .game-card-art{background:var(--mint-soft)}.game-card[data-game=doodle] .game-card-art{background:var(--lilac-soft)}.game-art{width:100%;max-width:235px}.game-art svg{width:100%;height:auto}.game-card-body{display:flex;flex:1;flex-direction:column;gap:8px}.game-card.is-featured .game-card-body{justify-content:center;padding:4px 4px 4px 0}.game-card-topline{display:flex;align-items:center;justify-content:space-between;gap:10px}.game-card h3{font-size:1.45rem;letter-spacing:-.035em}.game-card.is-featured h3{font-size:clamp(1.8rem,3vw,2.4rem);letter-spacing:-.045em}.game-card p{color:var(--ink-2);font-size:.9rem;line-height:1.5}.game-card.is-featured p{max-width:360px;font-size:.96rem}.game-card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:6px}.game-card-players{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:.76rem;font-weight:600}.game-card-cta{display:inline-grid;place-items:center;width:38px;height:38px;flex-shrink:0;border:2px solid var(--border, var(--ink));border-radius:50%;background:var(--lime);box-shadow:0 2px 0 var(--shadow-ink);transition:transform .15s ease}.game-card:hover .game-card-cta{transform:rotate(-10deg)}.game-card.is-soon{background:var(--soon-bg);cursor:not-allowed}.game-card.is-soon .game-card-art{opacity:.68;filter:saturate(.65)}.game-card.is-soon .game-card-cta{background:var(--cream);color:var(--muted)}.game-card.is-soon:hover{transform:none}.how-section{padding:68px 0 50px}.how-panel{position:relative;overflow:hidden;padding:clamp(30px,5vw,58px);border:2px solid var(--border, var(--ink));border-radius:var(--radius-xl);background:var(--ink);color:var(--cream);box-shadow:var(--shadow-lg)}.how-panel:before{content:"";position:absolute;top:-120px;right:-80px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(201,245,107,.18),transparent 68%)}.how-panel:after{content:"";position:absolute;bottom:-100px;left:12%;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(201,182,255,.14),transparent 68%)}.how-head{position:relative;z-index:1;max-width:620px;margin-bottom:38px}.how-head .section-kicker{color:var(--lime)}.how-head h2{font-size:clamp(2rem,3.8vw,3.2rem);letter-spacing:-.05em}.how-head p{margin-top:12px;color:#faf5e9a8;font-size:.98rem;line-height:1.6}.how-steps{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.how-step{position:relative;padding-top:22px;border-top:1.5px dashed rgba(250,245,233,.24)}.how-step-number{position:absolute;top:-23px;left:0;display:inline-grid;place-items:center;width:44px;height:44px;border:2px solid var(--border, var(--ink));border-radius:50%;background:var(--lime);color:var(--on-accent);box-shadow:0 3px #0000004d;font-family:var(--font-hand);font-size:1.35rem;line-height:1}.how-step h3{margin:10px 0 8px;font-size:1.25rem;letter-spacing:-.025em}.how-step p{color:#faf5e99e;font-size:.9rem;line-height:1.55}.cta-band{padding:56px 0 92px}.cta-card{position:relative;display:flex;align-items:center;justify-content:space-between;gap:30px;overflow:hidden;padding:clamp(32px,5vw,52px);border:2px solid var(--border, var(--ink));border-radius:var(--radius-xl);background:var(--lime);box-shadow:var(--shadow-lg)}.cta-card:before{content:"";position:absolute;top:-70px;right:15%;width:200px;height:200px;border:2px solid var(--border, var(--ink));border-radius:50%;opacity:.16}.cta-copy{position:relative;z-index:1;max-width:640px}.cta-copy h2{font-size:clamp(2rem,4.2vw,3.4rem);letter-spacing:-.052em;line-height:.98}.cta-copy p{max-width:450px;margin-top:12px;color:#191916ad;font-size:.96rem;line-height:1.55}.cta-actions{position:relative;z-index:1;display:flex;flex-direction:column;gap:12px;flex-shrink:0}.cta-mascot{position:absolute;right:8px;bottom:-22px;width:90px;opacity:.9;transform:rotate(8deg)}.site-footer{margin-top:auto;padding:28px 0 34px;border-top:2px solid var(--border, var(--ink));background:#fffdf76b}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:18px 28px;flex-wrap:wrap;color:var(--muted);font-size:.82rem}.footer-brand{display:flex;align-items:center;gap:9px}.footer-brand .logo-mark{width:26px;height:26px}.footer-brand strong{color:var(--text);font-family:var(--font-display);font-size:1.05rem;letter-spacing:-.04em}.footer-links{display:flex;align-items:center;gap:18px}.footer-links a:hover{color:var(--text);text-decoration:underline;text-decoration-color:var(--lime);text-decoration-thickness:3px}.footer-note{width:100%;padding-top:14px;border-top:1px solid var(--line);font-size:.75rem;line-height:1.5;color:#969487}.join-page{display:grid;place-items:center;min-height:100dvh;padding:28px 20px}.join-card{width:min(480px,100%);padding:28px;border:2px solid var(--border, var(--ink));border-radius:var(--radius-lg);background:var(--paper);box-shadow:var(--shadow-lg)}.join-card-head{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:20px;text-align:center}.join-card-head .plonko-mark{width:72px;height:72px}.join-card-head h1{font-size:1.9rem;letter-spacing:-.045em}.join-card-head p{color:var(--muted);font-size:.9rem}.join-code-big{display:inline-flex;align-items:center;gap:10px;padding:8px 18px;border:2px dashed var(--border, var(--ink));border-radius:12px;background:var(--cream);font-family:var(--font-display);font-size:1.4rem;font-weight:800;letter-spacing:.18em}.join-back{display:flex;justify-content:center;margin-top:18px;color:var(--muted);font-size:.85rem}.join-back a{text-decoration:underline;text-decoration-color:var(--lime);text-decoration-thickness:2px}@media(max-width:1100px){.hero{min-height:0;padding-bottom:70px}.hero-art{min-height:500px;transform:scale(.92)}.hero-card-black{left:30px}}@media(max-width:960px){.topnav nav{display:none}.hero{grid-template-columns:1fr;gap:20px;padding-top:24px}.hero-art{min-height:500px;transform:scale(.98);margin-top:8px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-card.is-featured{grid-column:span 2}.how-steps{grid-template-columns:1fr;gap:34px}.how-step{padding-top:18px}.section-head{flex-direction:column;align-items:flex-start;gap:14px}.section-sub{max-width:560px}.cta-card{flex-direction:column;align-items:flex-start}.cta-actions{flex-direction:row;flex-wrap:wrap}}@media(max-width:700px){.topnav{padding:14px 0}.topnav .logo-word{font-size:1.5rem}.topnav .logo-mark{width:33px;height:33px}.topnav .btn{min-height:42px;padding-inline:1rem;font-size:.88rem}.hero{padding:20px 0 52px}.hero h1{margin:20px 0;font-size:clamp(2.8rem,13vw,4rem)}.hero-actions{align-items:stretch;gap:12px}.hero-actions>.btn{width:100%}.join-inline{width:100%}.join-inline input{flex:1;width:90px}.hero-art{min-height:430px;transform:scale(.84);transform-origin:top center;margin-bottom:0}.hero-blob{width:360px;height:360px}.hero-collage{height:490px}.hero-card-black{width:196px;height:268px;left:50%;margin-left:-98px;top:46px}.hero-card-black .black-card-text{font-size:1.2rem}.hero-card-white-one{width:146px;height:204px;right:0;top:180px}.hero-card-white-two{width:142px;height:198px;left:0;bottom:30px}.hero-card-white-one .white-card-text,.hero-card-white-two .white-card-text{font-size:.94rem}.hero-mascot{width:82px;height:82px;right:0;top:0}.hero-sticker{font-size:1.15rem;bottom:76px;right:0;padding:6px 12px}.hero-sticker-two{top:86px;left:0;right:auto;bottom:auto}.hero-float-avatar.a1{top:12px}.games-section{padding-top:70px}.game-grid{grid-template-columns:1fr}.game-card.is-featured{grid-column:auto;grid-template-columns:1fr}.game-card.is-featured .game-card-art{min-height:185px}.game-card.is-featured .game-card-body{padding:0}.game-card.is-featured h3{font-size:1.6rem}.how-section{padding-top:40px}.cta-band{padding:30px 0 60px}.cta-actions .btn{width:100%}.footer-inner{flex-direction:column;align-items:flex-start}.footer-links{flex-wrap:wrap}}.admin-shell{display:flex;min-height:100dvh;background:radial-gradient(700px 400px at 95% 0%,rgba(201,245,107,.2),transparent 70%),var(--cream)}.admin-sidebar{position:sticky;top:0;z-index:120;display:flex;flex-direction:column;width:252px;height:100dvh;flex-shrink:0;padding:22px 16px 18px;background:var(--admin-sidebar, var(--ink));color:var(--cream)}.admin-brand{display:flex;align-items:center;gap:10px;padding:2px 7px 20px;border-bottom:1px solid rgba(250,245,233,.14)}.admin-brand .plonko-mark,.admin-brand>svg{width:36px;height:36px;flex-shrink:0}.admin-brand>div{display:flex;flex-direction:column;line-height:1}.admin-brand-word{font-family:var(--font-display);font-size:1.42rem;font-weight:800;letter-spacing:-.05em}.admin-brand-tag{margin-top:3px;color:var(--lime);font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.admin-side-close{display:none;margin-left:auto;padding:4px;border:0;background:transparent;color:var(--cream)}.admin-nav{display:flex;flex-direction:column;gap:4px;margin-top:20px}.admin-nav-link{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:0;border-radius:11px;background:transparent;color:#faf5e99e;font-family:var(--font-body);font-size:.88rem;font-weight:600;text-align:left;transition:background-color .14s ease,color .14s ease}.admin-nav-link:hover{background:#faf5e914;color:var(--cream)}.admin-nav-link.is-active{background:var(--lime);color:var(--on-accent)}.admin-side-bottom{display:flex;flex-direction:column;gap:3px;margin-top:auto;padding-top:16px;border-top:1px solid rgba(250,245,233,.14)}.admin-logout{color:#ff8978d9}.admin-logout:hover{background:#ff6b571f;color:#ffb3a5}.admin-version{padding:10px 12px 0;color:#faf5e952;font-size:.63rem;letter-spacing:.03em}.admin-content{display:flex;flex-direction:column;flex:1;min-width:0}.admin-main{width:min(1240px,100%);padding:34px 38px 64px}.admin-mobilebar,.admin-side-backdrop{display:none}.admin-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px}.admin-eyebrow{display:inline-block;margin-bottom:7px;color:var(--coral);font-family:var(--font-hand);font-size:1.2rem;line-height:1;transform:rotate(-1.5deg)}.admin-page-head h1{font-size:clamp(2rem,3.4vw,2.9rem);letter-spacing:-.052em;line-height:.96}.admin-page-head p{max-width:620px;margin-top:8px;color:var(--muted);font-size:.9rem;line-height:1.55}.admin-panel{padding:21px;border:2px solid var(--border, var(--ink));border-radius:22px;background:var(--paper);box-shadow:0 5px 0 var(--shadow-ink)}.admin-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.admin-panel-head h2{display:flex;align-items:center;gap:7px;font-size:1.16rem;letter-spacing:-.03em}.admin-panel-head p{margin-top:4px;color:var(--muted);font-size:.78rem}.admin-link{display:inline-flex;align-items:center;gap:4px;color:var(--muted);font-size:.75rem;font-weight:700;white-space:nowrap}.admin-link:hover{color:var(--text);text-decoration:underline;text-decoration-color:var(--lime);text-decoration-thickness:3px}.admin-muted{color:var(--muted);font-size:.8rem}.admin-hint{color:var(--muted);font-size:.72rem;line-height:1.4}.admin-badge{padding:3px 8px;border:1.5px solid var(--border, var(--ink));border-radius:999px;background:var(--lime);font-size:.6rem;font-weight:800;letter-spacing:.08em}.admin-error{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;padding:12px 14px;border:2px solid var(--border, var(--ink));border-radius:12px;background:#ffe3dd;font-size:.85rem;font-weight:600}.admin-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:32px 18px;color:var(--muted);font-size:.82rem;text-align:center}.admin-empty .plonko-mark{width:64px;height:64px}.admin-empty-page{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:60dvh;text-align:center}.admin-empty-page .plonko-mark{width:90px;height:90px}.admin-empty-page h1{font-size:2rem;letter-spacing:-.04em}.admin-empty-page p{color:var(--muted)}.admin-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.admin-stat{position:relative;display:flex;flex-direction:column;min-height:142px;padding:17px;overflow:hidden;border:2px solid var(--border, var(--ink));border-radius:20px;box-shadow:0 5px 0 var(--shadow-ink)}.admin-stat-lime{background:var(--lime)}.admin-stat-yellow{background:var(--yellow)}.admin-stat-mint{background:var(--mint)}.admin-stat-coral{background:#ffc4b8}.admin-stat-icon{display:grid;place-items:center;width:36px;height:36px;margin-bottom:8px;border:1.5px solid var(--border, var(--ink));border-radius:10px;background:#fffdf78c}.admin-stat-value{font-family:var(--font-display);font-size:2.3rem;font-weight:800;letter-spacing:-.05em;line-height:.95}.admin-stat-label{margin-top:2px;font-size:.8rem;font-weight:700}.admin-stat-note{display:flex;align-items:center;gap:4px;margin-top:auto;padding-top:8px;color:#19191699;font-size:.68rem;font-weight:600}.admin-stat-link:hover{color:var(--on-accent);text-decoration:underline}.admin-stat-skeleton{height:142px;border:2px solid rgba(25,25,22,.1);border-radius:20px;background:linear-gradient(100deg,var(--cream-deep) 30%,#fdf9ee 50%,var(--cream-deep) 70%);background-size:200% 100%;animation:skeleton-slide 1.3s infinite linear}.admin-two-col{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.85fr);gap:20px;align-items:start}.admin-table-wrap{overflow-x:auto;margin:0 -6px}.admin-table{width:100%;border-collapse:collapse;font-size:.82rem}.admin-table th{padding:7px 9px;border-bottom:1.5px solid var(--line);color:var(--muted);font-size:.63rem;font-weight:700;letter-spacing:.06em;text-align:left;text-transform:uppercase;white-space:nowrap}.admin-table td{padding:10px 9px;border-bottom:1px solid rgba(25,25,22,.08);vertical-align:middle}.admin-table tbody tr:hover{background:var(--cream)}.admin-table tbody tr:last-child td{border-bottom:0}.admin-room-code{display:inline-block;padding:2px 7px;border:1.5px solid var(--border, var(--ink));border-radius:6px;background:var(--cream);font-family:var(--font-display);font-size:.75rem;font-weight:800;letter-spacing:.1em}.admin-players-cell{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.admin-rooms-table{min-width:760px}.admin-deck-mini-list{display:flex;flex-direction:column;gap:4px}.admin-deck-mini{display:flex;align-items:center;gap:10px;padding:9px 8px;border-radius:11px;transition:background-color .12s ease}.admin-deck-mini:hover{background:var(--cream)}.admin-deck-dot{width:9px;height:9px;flex-shrink:0;border:1.5px solid var(--badge-border);border-radius:50%;background:#ccc8b9}.admin-deck-dot.is-active{border-color:var(--border, var(--ink));background:var(--success)}.admin-deck-mini-info{display:flex;flex:1;flex-direction:column;min-width:0;gap:1px}.admin-deck-mini-name{display:flex;align-items:center;gap:5px;overflow:hidden;font-size:.8rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.admin-deck-mini-count{color:var(--muted);font-size:.67rem}.admin-deck-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px}.admin-deck-card{position:relative;display:flex;flex-direction:column;gap:11px;overflow:hidden;padding:25px 19px 18px;border:2px solid var(--border, var(--ink));border-radius:22px;background:var(--paper);box-shadow:0 5px 0 var(--shadow-ink)}.admin-deck-stripe{position:absolute;top:0;left:0;right:0;height:9px;border-bottom:2px solid var(--border, var(--ink));background:var(--deck-accent, var(--lime))}.admin-deck-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.admin-deck-head h2{font-size:1.32rem;letter-spacing:-.035em;line-height:1.05}.admin-deck-badges{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.admin-deck-icon{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border:1.5px solid var(--border, var(--ink));border-radius:11px;background:var(--cream)}.admin-deck-desc{color:var(--muted);font-size:.79rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.admin-deck-counts{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px;padding:10px 0;border-top:1px dashed var(--line);border-bottom:1px dashed var(--line);color:var(--muted);font-size:.7rem}.admin-deck-counts strong{color:var(--text);font-family:var(--font-display);font-size:1.02rem}.admin-deck-updated{margin-left:auto;font-size:.64rem}.admin-deck-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}.admin-icon-row{display:flex;gap:5px}.admin-icon-btn{display:grid;place-items:center;width:32px;height:32px;border:1.5px solid var(--border, var(--ink));border-radius:9px;background:var(--cream);color:var(--text);transition:background-color .12s ease,transform .12s ease}.admin-icon-btn:hover:not(:disabled){background:var(--lime);transform:translateY(-1px)}.admin-icon-btn.is-danger:hover:not(:disabled){background:#ffd6cf;color:var(--danger)}.admin-icon-btn:disabled{opacity:.4;cursor:not-allowed}.admin-deck-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:230px;padding:24px;border:2px dashed rgba(25,25,22,.32);border-radius:22px;background:transparent;color:var(--muted);text-align:center;transition:background-color .15s ease,border-color .15s ease}.admin-deck-add:hover{border-color:var(--border, var(--ink));background:#fffdf799}.admin-deck-add-icon{display:grid;place-items:center;width:46px;height:46px;border:2px solid var(--border, var(--ink));border-radius:50%;background:var(--lime);color:var(--on-accent);box-shadow:0 3px 0 var(--shadow-ink)}.admin-deck-add strong{color:var(--text);font-family:var(--font-display);font-size:1rem}.admin-deck-add span:last-child{max-width:220px;font-size:.76rem;line-height:1.45}.admin-deck-skeleton{height:250px;border:2px solid rgba(25,25,22,.1);border-radius:22px;background:linear-gradient(100deg,var(--cream-deep) 30%,#fdf9ee 50%,var(--cream-deep) 70%);background-size:200% 100%;animation:skeleton-slide 1.3s infinite linear}.admin-form{display:flex;flex-direction:column;gap:13px}.admin-textarea-sm{min-height:76px}.admin-editor-side .admin-textarea-sm{min-height:100px}.admin-bulk-textarea{min-height:260px;font-family:var(--font-body);font-size:.88rem}.admin-warning{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1.5px solid rgba(207,59,40,.3);border-radius:11px;background:#ffe9e4;color:#7c2a1d;font-size:.8rem;line-height:1.5}.admin-warning.is-info{border-color:#19191629;background:var(--cream);color:var(--ink-2)}.admin-warning svg{flex-shrink:0;margin-top:1px}.admin-warning strong{color:var(--on-accent)}.admin-delete-card-preview{padding:12px;border:1.5px solid var(--line);border-radius:10px;background:var(--cream);font-family:var(--font-display);font-size:.9rem;font-weight:700;line-height:1.35}.modal-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px;margin-top:4px}.admin-editor-head{align-items:flex-end}.admin-back-link{display:inline-flex;align-items:center;gap:4px;margin-bottom:9px;color:var(--muted);font-size:.76rem;font-weight:600}.admin-back-link:hover{color:var(--text);text-decoration:underline;text-decoration-color:var(--lime);text-decoration-thickness:2px}.admin-editor-badges{margin-top:9px}.admin-editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 336px;gap:20px;align-items:start}.admin-editor-main{padding:0;overflow:hidden}.admin-card-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border-bottom:2px solid var(--border, var(--ink));background:var(--cream)}.admin-tabs{display:flex;gap:5px}.admin-tabs button{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border:1.5px solid transparent;border-radius:9px;background:transparent;font-family:var(--font-display);font-size:.8rem;font-weight:700}.admin-tabs button:hover{background:#fff9}.admin-tabs button.is-active{border-color:var(--border, var(--ink));background:var(--surface-ink);color:var(--on-dark)}.admin-tabs button span{min-width:20px;padding:0 5px;border-radius:999px;background:#1919161a;font-size:.66rem;text-align:center}.admin-tabs button.is-active span{background:#faf5e929;color:var(--lime)}.admin-add-card{display:flex;flex-direction:column;gap:8px;padding:15px;border-bottom:1.5px dashed var(--line);background:var(--paper)}.admin-add-card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}.admin-card-search{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 15px;border-bottom:1.5px solid var(--line);background:var(--paper)}.admin-search-wrap{position:relative;display:flex;align-items:center;flex:1;max-width:340px}.admin-search-wrap svg{position:absolute;left:11px;color:var(--muted);pointer-events:none}.admin-search-wrap .input{padding-left:33px;padding-block:.52rem;border-width:1.5px;border-radius:9px;font-size:.83rem}.admin-card-list{max-height:62vh;overflow-y:auto;padding:3px 9px 9px}.admin-card-row{display:flex;align-items:flex-start;gap:10px;padding:10px 5px;border-bottom:1px solid rgba(25,25,22,.08)}.admin-card-row:last-child{border-bottom:0}.admin-card-row:hover{background:#faf5e9a6}.admin-card-content{flex:1;min-width:0}.admin-card-text{font-family:var(--font-display);font-size:.86rem;font-weight:600;line-height:1.35;overflow-wrap:anywhere}.admin-blank{display:inline-block;min-width:2.1em;margin:0 2px;border-bottom:2px solid var(--border, var(--ink));color:transparent}.admin-card-meta{display:inline-block;margin-top:4px;color:var(--muted);font-size:.6rem;font-weight:700;letter-spacing:.05em}.admin-card-actions{display:flex;gap:4px;flex-shrink:0;opacity:.55;transition:opacity .12s ease}.admin-card-row:hover .admin-card-actions,.admin-card-row:focus-within .admin-card-actions{opacity:1}.admin-card-actions .admin-icon-btn{width:29px;height:29px}.admin-card-edit{display:flex;flex:1;flex-direction:column;gap:7px;padding:3px 0}.admin-card-edit-actions{display:flex;justify-content:flex-end;gap:6px}.admin-pick-label{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:.72rem;font-weight:700}.admin-pick-select{width:auto;padding:4px 30px 4px 8px;border-width:1.5px;border-radius:8px;font-size:.75rem;background-position:right 8px center}.admin-editor-side{position:sticky;top:20px;display:flex;flex-direction:column;gap:16px}.admin-tip{padding:19px;border:2px solid var(--border, var(--ink));border-radius:20px;background:var(--admin-sidebar, var(--ink));color:var(--cream);box-shadow:0 5px #0000004d}.admin-tip h3{margin-bottom:9px;color:var(--lime);font-size:1rem;letter-spacing:-.02em}.admin-tip p{margin-top:8px;color:#faf5e9a6;font-size:.77rem;line-height:1.55}.admin-tip code{padding:1px 5px;border-radius:4px;background:#c9f56b26;color:var(--lime);font-size:.78em}.admin-import-meta{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:.7rem}.admin-login-page{position:relative;display:grid;place-items:center;min-height:100dvh;padding:28px 18px;overflow:hidden;background:var(--cream)}.admin-login-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.admin-login-bg span{position:absolute;border:2px solid var(--border, var(--ink));border-radius:50%;opacity:.9}.admin-login-bg span:nth-child(1){top:-160px;right:-100px;width:420px;height:420px;background:var(--lime)}.admin-login-bg span:nth-child(2){bottom:-130px;left:-110px;width:340px;height:340px;background:var(--lilac)}.admin-login-bg span:nth-child(3){right:16%;bottom:12%;width:90px;height:90px;background:var(--coral)}.admin-login-card{position:relative;z-index:1;width:min(460px,100%);padding:28px;border:2px solid var(--border, var(--ink));border-radius:28px;background:var(--paper);box-shadow:0 9px 0 var(--shadow-ink)}.admin-login-back{display:inline-flex;align-items:center;gap:5px;margin-bottom:20px;color:var(--muted);font-size:.75rem;font-weight:600}.admin-login-back:hover{color:var(--text)}.admin-login-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.admin-lock{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border:1.5px solid var(--border, var(--ink));border-radius:999px;background:var(--lime);font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.admin-login-card h1{font-size:clamp(1.8rem,4vw,2.4rem);letter-spacing:-.05em}.admin-login-lede{margin-top:9px;color:var(--muted);font-size:.88rem;line-height:1.55}.admin-login-form{display:flex;flex-direction:column;gap:15px;margin-top:22px}.admin-password-wrap{position:relative;display:flex;align-items:center}.admin-password-wrap>svg{position:absolute;left:12px;z-index:1;color:var(--muted)}.admin-password-wrap .input{padding-left:39px}.admin-login-note{margin-top:18px;padding-top:14px;border-top:1px dashed var(--line);color:var(--muted);font-size:.7rem;line-height:1.55}.admin-login-note code{padding:1px 4px;border-radius:4px;background:var(--cream)}.admin-auth-splash{background:var(--cream)}.spin{animation:spin .8s linear infinite}@keyframes skeleton-slide{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:1180px){.admin-editor-layout{grid-template-columns:minmax(0,1fr) 300px}.admin-stats{gap:12px}.admin-stat{padding:14px}}@media(max-width:1000px){.admin-sidebar{position:fixed;left:0;top:0;width:260px;transform:translate(-105%);transition:transform .22s ease}.admin-sidebar.is-open{transform:translate(0)}.admin-side-close{display:block}.admin-side-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;display:block;background:#19191673;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.admin-mobilebar{position:sticky;top:0;z-index:90;display:flex;align-items:center;gap:10px;padding:10px 18px;border-bottom:2px solid var(--border, var(--ink));background:#faf5e9f0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.admin-mobile-title{flex:1;font-family:var(--font-display);font-size:.95rem;font-weight:800;letter-spacing:-.03em}.admin-main{padding:24px 24px 54px}.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-two-col,.admin-editor-layout{grid-template-columns:minmax(0,1fr)}.admin-editor-side{position:static}.admin-card-list{max-height:none}}@media(max-width:720px){.admin-main{padding:18px 14px 44px}.admin-page-head{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:20px}.admin-page-head h1{font-size:2rem}.admin-stats{gap:10px}.admin-stat{min-height:126px;padding:12px}.admin-stat-value{font-size:1.9rem}.admin-panel{padding:16px}.admin-deck-grid{grid-template-columns:1fr}.admin-deck-add{min-height:160px}.admin-card-toolbar{flex-wrap:wrap;align-items:stretch}.admin-tabs{flex:1}.admin-tabs button{flex:1;justify-content:center}.admin-add-card-foot{flex-direction:column;align-items:stretch}.admin-add-card-foot .btn{width:100%}.admin-card-search{flex-direction:column;align-items:stretch;gap:6px}.admin-search-wrap{max-width:none}.admin-login-card{padding:22px;border-radius:22px}.admin-login-bg span:nth-child(1){width:280px;height:280px;top:-110px;right:-80px}.admin-login-bg span:nth-child(2){width:220px;height:220px}}@media(max-width:460px){.admin-stats{grid-template-columns:1fr}.admin-stat{min-height:116px}.admin-deck-actions{flex-wrap:wrap}.admin-import-meta{flex-direction:column;align-items:flex-start;gap:3px}}.admin-head-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.admin-json-drop{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:24px 18px;border:2px dashed var(--line);border-radius:18px;background:var(--cream);text-align:center;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.admin-json-drop:hover,.admin-json-drop.is-dragging,.admin-json-drop:focus-within{border-color:var(--border, var(--ink));background:var(--paper)}.admin-json-drop.has-file{border-style:solid;border-color:var(--border, var(--ink));background:var(--paper)}.admin-json-drop input[type=file]{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.admin-json-drop svg{color:var(--coral)}.admin-json-drop strong{font-family:var(--font-display);font-size:.95rem}.admin-json-drop span{max-width:560px;color:var(--muted);font-size:.75rem;line-height:1.45;overflow-wrap:anywhere}.admin-json-summary{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.admin-json-summary>span{padding:4px 9px;border:1.5px solid var(--line);border-radius:999px;background:var(--paper);color:var(--muted);font-size:.72rem;font-weight:600}.admin-json-summary strong{color:var(--text)}.admin-json-source{margin-left:auto;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-json-deck-list{display:flex;flex-direction:column;gap:2px;max-height:190px;overflow-y:auto;padding:4px;border:1.5px solid var(--line);border-radius:12px;background:var(--cream);scrollbar-width:thin}.admin-json-deck{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 8px;border-bottom:1px dashed var(--line);font-size:.78rem}.admin-json-deck:last-of-type{border-bottom:0}.admin-json-deck-name{display:flex;min-width:0;align-items:center;gap:5px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-json-deck-counts{flex-shrink:0;color:var(--muted);font-size:.7rem}.admin-json-modes{display:grid;grid-template-columns:1fr 1fr;gap:10px}.admin-json-mode{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:start;gap:9px;padding:12px;border:2px solid var(--line);border-radius:14px;background:var(--cream);cursor:pointer;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.admin-json-mode.is-selected{border-color:var(--border, var(--ink));background:var(--paper);box-shadow:0 3px 0 var(--shadow-ink)}.admin-json-mode input[type=radio]{margin-top:4px;accent-color:var(--lime)}.admin-json-mode-icon{display:grid;place-items:center;width:26px;height:26px;border:1.5px solid var(--border, var(--ink));border-radius:8px;background:var(--lime)}.admin-json-mode strong{display:block;font-family:var(--font-display);font-size:.88rem}.admin-json-mode small{display:block;margin-top:3px;color:var(--muted);font-size:.72rem;line-height:1.4}.admin-json-target{width:100%;min-height:34px;margin-top:8px;padding:4px 8px;font-size:.75rem}@media(max-width:760px){.admin-head-actions{width:100%}.admin-head-actions .btn{flex:1}.admin-json-modes{grid-template-columns:1fr}.admin-json-source{margin-left:0;max-width:100%}}.legal-page{min-height:100dvh;padding:22px 20px 64px}.legal-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;width:min(900px,100%);margin:0 auto}.legal-card{width:min(820px,100%);margin:28px auto 0;padding:38px 42px 30px;border:2px solid var(--border, var(--ink));border-radius:30px;background:var(--paper);box-shadow:0 10px 0 var(--shadow-ink)}.legal-head{display:flex;align-items:center;gap:18px;padding-bottom:20px;border-bottom:1.5px solid var(--line)}.legal-mark{width:64px;height:64px}.legal-kicker{display:block;margin-bottom:3px;color:var(--coral);font-family:var(--font-hand);font-size:1.2rem;line-height:1;transform:rotate(-1.5deg)}.legal-head h1{font-size:clamp(2rem,4vw,2.9rem);letter-spacing:-.05em}.legal-updated{margin-top:5px;color:var(--muted);font-size:.76rem}.legal-content{padding-top:20px;color:var(--ink-2);font-size:.92rem;line-height:1.65}.legal-content h2{margin:24px 0 7px;color:var(--text);font-size:1.25rem;letter-spacing:-.025em}.legal-content p{margin:0 0 12px}.legal-content ul{margin:0 0 14px;padding-left:22px}.legal-content li{margin:4px 0}.legal-content a{color:var(--text);text-decoration:underline;text-decoration-color:var(--lime);text-decoration-thickness:2px}.legal-footer{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px;padding-top:18px;border-top:1.5px solid var(--line);color:var(--muted);font-size:.78rem;font-weight:600}.legal-footer a:hover{color:var(--text)}@media(max-width:600px){.legal-page{padding:14px 14px 40px}.legal-topbar{flex-wrap:wrap}.legal-card{padding:24px 18px 22px;border-radius:24px}.legal-head{align-items:flex-start;flex-direction:column;gap:10px}.legal-mark{width:54px;height:54px}}.theme-toggle{flex-shrink:0}.admin-side-theme{display:flex;align-items:center;gap:9px;padding:4px 0 10px;color:#faf5e99e;font-size:.78rem;font-weight:600}.admin-side-theme .icon-btn{width:34px;height:34px;box-shadow:0 2px 0 var(--shadow-ink)}.admin-login-theme{position:absolute;top:18px;right:18px;z-index:2}.btn-primary,.btn-yellow,.btn-coral,.badge-lime,.badge-yellow,.admin-stat-link:hover,.hero h1 .highlight,.hero-sticker,.game-card-cta,.how-step-number,.finished-kicker,.admin-badge,.admin-lock,.admin-deck-add-icon{color:var(--on-accent)}html[data-theme=dark] .hero-art{--ink: #f6f0df}html[data-theme=dark] .admin-tabs button:hover{background:var(--ghost-hover)}.ticker,.how-panel{background:var(--surface-ink);color:var(--on-dark)}.cta-card{color:var(--on-accent)}.cta-card .badge-ghost{border-color:#17171347;color:var(--on-accent)}.invite-panel,.czar-callout,.result-banner,.player-seat.is-host,.segmented button.is-active,.admin-stat{color:var(--on-accent)}.player-seat.is-host .seat-sub{color:#17171399}.invite-panel .btn-primary,.result-banner .btn-primary,.cta-card .btn-primary{color:var(--on-accent)}.czar-callout .czar-icon{background:var(--surface-ink);color:var(--on-dark)}html[data-theme=dark] .czar-callout.is-coral,html[data-theme=dark] .czar-callout.is-coral strong{color:var(--text)}html[data-theme=dark] .czar-callout.is-coral span{color:#f6f0dfc7}.score-pill.is-czar{color:var(--on-accent)}.score-pill.is-czar .score-value{background:var(--on-accent);color:var(--lime)}.submission-card.is-selected,.chat-message.is-own .chat-bubble,.chat-send,.deck-option.is-selected .deck-check,.room-code-chip:hover,.toast-success,.toast-error,.admin-nav-link.is-active{color:var(--on-accent)}.admin-icon-btn:hover:not(:disabled){color:var(--on-accent)}.admin-tabs button.is-active,.admin-tip,.admin-sidebar,.selection-bar{background:var(--surface-ink);color:var(--on-dark)}.reconnect-banner{color:var(--on-accent)}.btn-dark,.badge-solid{background:var(--surface-ink);color:var(--on-dark)}.btn-danger{background:var(--danger-soft)}.admin-error{background:var(--danger-soft);color:var(--text)}.plonko-mark,.logo-mark,.hero-mascot,.invite-mascot,.cta-mascot,.admin-brand svg{--ink: #171713;--paper: #fffdf6;--coral: #ff6b57;--lime: #c9f56b}.game-art{--ink: #171713;--paper: #fffdf6;--cream: #f8f0dc;--lime: #c9f56b;--coral: #ff6b57;--yellow: #ffd25e;--mint: #a9ebd8;--lilac: #c9b6ff;--blue: #7aa2ff}.room-topbar,.admin-mobilebar{background:var(--topbar)}.site-footer{background:var(--footer-bg)}.game-card.is-soon{background:var(--soon-bg)}.player-seat.is-empty,.submitted-wait,.submission-card,.admin-deck-add,.chat-bubble,.admin-warning.is-info{border-color:var(--line)}.admin-table td,.admin-card-row{border-bottom-color:var(--line)}.admin-card-row:hover{background:var(--cream)}.admin-deck-add:hover{background:var(--ghost-hover)}.admin-tabs button span{background:var(--line)}.footer-note{color:var(--muted)}.finished-panel:before,.finished-panel:after{border-color:var(--line)}html[data-theme=dark] .game-card.is-soon .game-card-art{opacity:.8;filter:saturate(.8)}html[data-theme=dark] .white-card{box-shadow:0 4px #0000008c}html[data-theme=dark] .white-card.is-interactive:hover:not(:disabled){box-shadow:0 10px #0000008c}html[data-theme=dark] .black-card{box-shadow:0 5px #0000008c}html[data-theme=dark] .admin-stat-skeleton,html[data-theme=dark] .admin-deck-skeleton{background:linear-gradient(100deg,var(--cream-deep) 30%,var(--paper) 50%,var(--cream-deep) 70%);background-size:200% 100%}html[data-theme=dark] .admin-stat-icon{background:#fffdf680}html[data-theme=dark] .admin-sidebar{border-right:1px solid var(--line)}html[data-theme=dark] .btn-danger{color:#ffb3a5}html[data-theme=dark] .input,html[data-theme=dark] .textarea,html[data-theme=dark] .select{box-shadow:inset 0 2px #00000040}html[data-theme=dark] .hero-blob,html[data-theme=dark] .hero-blob-two,html[data-theme=dark] .hero-blob-three{filter:saturate(1.1) brightness(.92)}html[data-theme=dark] .site-footer{border-top-color:var(--border, var(--ink))}html[data-theme=dark] .topnav nav a:after{background:var(--lime)}html[data-theme=dark] .footer-brand strong{color:var(--text)}html[data-theme=dark] .modal{box-shadow:0 10px #0000008c}html[data-theme=dark] .admin-login-bg span{opacity:.28}html[data-theme=dark] .admin-login-card{box-shadow:0 9px #0009}html[data-theme=dark] .how-panel,html[data-theme=dark] .admin-tip{box-shadow:0 8px #0000008c}html[data-theme=dark] .game-card:hover{box-shadow:0 10px #0000008c}html[data-theme=gartic]{--cream: #4a0b73;--cream-deep: #3b075e;--paper: rgba(79, 18, 116, .9);--ink: #d9b9f2;--text: #fff8ff;--ink-2: #f1dcff;--muted: #d6b9ef;--line: rgba(233, 207, 255, .18);--border: rgba(217, 185, 242, .55);--shadow-ink: #1b042d;--surface-ink: #1b042d;--on-dark: #fff8ff;--on-accent: #1a0427;--card-bg: #fff8ed;--card-text: #271233;--card-black-bg: #241032;--card-black-text: #fff8ff;--overlay: rgba(24, 2, 42, .72);--topbar: rgba(49, 5, 80, .86);--footer-bg: rgba(40, 4, 68, .45);--soon-bg: #4c0d70;--danger-soft: #5c154d;--ghost-hover: rgba(255, 255, 255, .1);--badge-border: rgba(233, 207, 255, .32);--scroll-thumb: rgba(233, 207, 255, .28);--admin-sidebar: #2c0648;--lime: #6fffd2;--lime-deep: #41edbd;--coral: #ff76dc;--coral-soft: #ff9ee7;--yellow: #ffe06e;--blue: #7ddcff;--blue-soft: #c7f2ff;--lilac: #c8a5ff;--lilac-soft: #e8d6ff;--mint: #79ffe2;--mint-soft: #d0fff7;--pink: #ff9add;--pink-soft: #ffd7f2;--success: #5df0b6;--danger: #ff7e9e;--page-pattern: radial-gradient(rgba(255, 255, 255, .08) 1.2px, transparent 1.2px);--page-gradients: radial-gradient(1000px 650px at 88% -10%, rgba(255, 72, 214, .42), transparent 68%), radial-gradient(900px 620px at 0% 10%, rgba(87, 21, 255, .5), transparent 70%), radial-gradient(900px 700px at 55% 110%, rgba(0, 239, 255, .24), transparent 70%), radial-gradient(700px 520px at 100% 65%, rgba(255, 178, 0, .16), transparent 72%);color-scheme:dark}html[data-theme=gartic] body{background-color:#5a0b8d;background-size:18px 18px,auto,auto,auto,auto}html[data-theme=gartic] .panel,html[data-theme=gartic] .game-panel,html[data-theme=gartic] .modal,html[data-theme=gartic] .join-card,html[data-theme=gartic] .settings-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 8px #14022280,0 0 26px #ff54da14}html[data-theme=gartic] .room-topbar,html[data-theme=gartic] .topnav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}html[data-theme=gartic] .white-card{box-shadow:0 5px #14022280}html[data-theme=gartic] .black-card{border-color:var(--border);box-shadow:0 5px #1402228c,0 0 20px #00efff0f}html[data-theme=gartic] .input,html[data-theme=gartic] .textarea,html[data-theme=gartic] .select{background:#25073cc2;color:var(--text)}html[data-theme=gartic] .input::placeholder,html[data-theme=gartic] .textarea::placeholder{color:var(--muted)}html[data-theme=gartic] .btn-primary{box-shadow:0 4px 0 var(--shadow-ink),0 0 20px #6fffd238}html[data-theme=gartic] .hero h1,html[data-theme=gartic] .admin-page-head h1,html[data-theme=gartic] .panel-title,html[data-theme=gartic] .modal-title{text-shadow:0 3px 0 rgba(24,2,42,.35)}html[data-theme=gartic] .admin-sidebar{background:#2c0648;border-right-color:var(--line)}html[data-theme=gartic] .site-footer{border-top-color:var(--line)}html[data-theme=gartic] .hero-blob,html[data-theme=gartic] .hero-blob-two,html[data-theme=gartic] .hero-blob-three{filter:saturate(1.25) brightness(1.02)}html[data-theme=gartic] .game-card:hover{box-shadow:0 10px #1402228c,0 0 34px #6fffd21f}html[data-theme=gartic] .modal{box-shadow:0 10px #1402228c,0 0 50px #ff54da24}html[data-theme=gartic] .theme-toggle-gartic{background:#6fffd229;color:var(--lime)}html[data-theme=saturday]{--cream: #fff0ce;--cream-deep: #ffe1a8;--paper: #fffdf4;--ink: #1a1a1a;--text: #1a1a1a;--ink-2: #3e3a33;--muted: #756b5c;--line: rgba(26, 26, 26, .16);--shadow-ink: #1a1a1a;--surface-ink: #1f1b16;--on-dark: #fff8e8;--on-accent: #1a1a1a;--card-bg: #fffdf8;--card-text: #1a1a1a;--card-black-bg: #221e1a;--card-black-text: #fff9ee;--overlay: rgba(26, 20, 12, .55);--topbar: rgba(255, 240, 206, .9);--footer-bg: rgba(255, 253, 244, .4);--soon-bg: #fff2d6;--danger-soft: #ffd9d1;--ghost-hover: rgba(26, 26, 26, .06);--badge-border: rgba(26, 26, 26, .42);--scroll-thumb: rgba(26, 26, 26, .25);--lime: #ffd166;--lime-deep: #f5bd48;--coral: #ff5a5f;--coral-soft: #ff8a86;--yellow: #ffd166;--blue: #2f6bff;--blue-soft: #d6e2ff;--lilac: #c9b6ff;--lilac-soft: #ede5ff;--mint: #a9ebd8;--mint-soft: #ddf9f0;--pink: #ffb6c9;--pink-soft: #ffe3ea;--success: #1e9e6e;--danger: #cf3b28;--page-pattern: radial-gradient(rgba(47, 107, 255, .13) 1.2px, transparent 1.2px);--page-gradients: radial-gradient(1000px 600px at 88% -10%, rgba(47, 107, 255, .25), transparent 70%), radial-gradient(800px 560px at -8% 18%, rgba(255, 90, 95, .22), transparent 70%), radial-gradient(760px 540px at 55% 105%, rgba(255, 209, 102, .4), transparent 72%), radial-gradient(500px 380px at 100% 60%, rgba(169, 235, 216, .5), transparent 70%);--admin-sidebar: #1f1b16;color-scheme:light}html[data-theme=saturday] body{background-size:20px 20px,auto,auto,auto,auto}html[data-theme=bubblegum]{--cream: #1e0b36;--cream-deep: #2a0f4a;--paper: rgba(44, 16, 73, .92);--ink: #ffd6f3;--text: #fff4ff;--ink-2: #f5d8ff;--muted: #c9a4dd;--line: rgba(255, 214, 243, .18);--border: rgba(255, 214, 243, .45);--shadow-ink: #10051f;--surface-ink: #10051f;--on-dark: #fff4ff;--on-accent: #210b36;--card-bg: #fff6fb;--card-text: #2a103d;--card-black-bg: #211033;--card-black-text: #fff4ff;--overlay: rgba(14, 2, 28, .72);--topbar: rgba(30, 11, 54, .88);--footer-bg: rgba(35, 12, 60, .48);--soon-bg: #321052;--danger-soft: #4a123f;--ghost-hover: rgba(255, 244, 255, .09);--badge-border: rgba(255, 214, 243, .3);--scroll-thumb: rgba(255, 214, 243, .26);--lime: #ff5fbf;--lime-deep: #ed46aa;--coral: #5cf2ff;--coral-soft: #9af8ff;--yellow: #ffe66d;--blue: #5cf2ff;--blue-soft: #c8faff;--lilac: #b388ff;--lilac-soft: #e4d4ff;--mint: #7cffd4;--mint-soft: #d0fff6;--pink: #ff9ed8;--pink-soft: #ffd9f3;--success: #5cffc0;--danger: #ff7c9a;--page-pattern: radial-gradient(rgba(255, 214, 243, .13) 1.1px, transparent 1.35px);--page-gradients: radial-gradient(1000px 650px at 85% -10%, rgba(255, 95, 191, .36), transparent 68%), radial-gradient(900px 620px at 0% 10%, rgba(93, 31, 255, .48), transparent 70%), radial-gradient(900px 700px at 55% 110%, rgba(92, 242, 255, .22), transparent 70%), radial-gradient(700px 520px at 100% 65%, rgba(255, 230, 109, .12), transparent 72%);--admin-sidebar: #14062a;color-scheme:dark}html[data-theme=bubblegum] body{background-size:18px 18px,auto,auto,auto,auto}html[data-theme=comic]{--cream: #ffe59a;--cream-deep: #f8d46e;--paper: #fff9dd;--ink: #1b1b1b;--text: #1b1b1b;--ink-2: #3a3226;--muted: #7a6847;--line: rgba(27, 27, 27, .16);--shadow-ink: #1b1b1b;--surface-ink: #1b1b1b;--on-dark: #fff7e0;--on-accent: #fff7e0;--card-bg: #fffdf2;--card-text: #1b1b1b;--card-black-bg: #1b1b1b;--card-black-text: #fff7e0;--overlay: rgba(30, 16, 4, .55);--topbar: rgba(255, 229, 154, .9);--footer-bg: rgba(255, 249, 221, .4);--soon-bg: #fff0c2;--danger-soft: #ffd2c5;--ghost-hover: rgba(27, 27, 27, .06);--badge-border: rgba(27, 27, 27, .42);--scroll-thumb: rgba(27, 27, 27, .25);--lime: #e63946;--lime-deep: #d92d3a;--coral: #ff7a00;--coral-soft: #ffa24a;--yellow: #ffc300;--blue: #2e6fdf;--blue-soft: #d6e2ff;--lilac: #8b5cf6;--lilac-soft: #e8ddff;--mint: #7ed6a5;--mint-soft: #ddf8e8;--pink: #ff99c8;--pink-soft: #ffe0ee;--success: #1e9e6e;--danger: #cf3b28;--page-pattern: radial-gradient(rgba(27, 27, 27, .14) 1.4px, transparent 1.4px);--page-gradients: radial-gradient(1000px 600px at 88% -10%, rgba(46, 111, 223, .25), transparent 70%), radial-gradient(800px 560px at -8% 18%, rgba(230, 57, 70, .22), transparent 70%), radial-gradient(760px 540px at 55% 105%, rgba(255, 195, 0, .4), transparent 72%), radial-gradient(500px 380px at 100% 60%, rgba(255, 153, 200, .25), transparent 70%);--admin-sidebar: #1b1b1b;color-scheme:light}html[data-theme=comic] body{background-size:16px 16px,auto,auto,auto,auto}html[data-theme=diner]{--cream: #ddf6ec;--cream-deep: #c7ebdd;--paper: #fffdf3;--ink: #24231e;--text: #23211c;--ink-2: #3b3932;--muted: #6e796f;--line: rgba(36, 35, 30, .14);--shadow-ink: #24231e;--surface-ink: #24231e;--on-dark: #fffdf3;--on-accent: #fffdf3;--card-bg: #fffdf5;--card-text: #23211c;--card-black-bg: #2b2924;--card-black-text: #fffdf3;--overlay: rgba(26, 35, 30, .55);--topbar: rgba(221, 246, 236, .9);--footer-bg: rgba(255, 253, 243, .4);--soon-bg: #effbf5;--danger-soft: #ffdcd0;--ghost-hover: rgba(36, 35, 30, .06);--badge-border: rgba(36, 35, 30, .42);--scroll-thumb: rgba(36, 35, 30, .25);--lime: #e84a5f;--lime-deep: #d83e53;--coral: #f26b5e;--coral-soft: #f79287;--yellow: #ffd166;--blue: #2ec4b6;--blue-soft: #cff3ee;--lilac: #b28dff;--lilac-soft: #ede4ff;--mint: #a8e6cf;--mint-soft: #ddf7ed;--pink: #ffb3c1;--pink-soft: #ffe3e8;--success: #1e9e6e;--danger: #cf3b28;--page-pattern: repeating-conic-gradient( rgba(46, 196, 182, .08) 0 25%, transparent 0 50% );--page-gradients: radial-gradient(1000px 600px at 88% -10%, rgba(46, 196, 182, .22), transparent 70%), radial-gradient(800px 560px at -8% 18%, rgba(232, 74, 95, .18), transparent 70%), radial-gradient(760px 540px at 55% 105%, rgba(255, 209, 102, .32), transparent 72%), radial-gradient(500px 380px at 100% 60%, rgba(168, 230, 207, .42), transparent 70%);--admin-sidebar: #24231e;color-scheme:light}html[data-theme=diner] body{background-size:18px 18px,auto,auto,auto,auto}html[data-theme=storybook]{--cream: #14261e;--cream-deep: #1b3327;--paper: rgba(30, 58, 44, .92);--ink: #cfe3b8;--text: #f5f0d8;--ink-2: #e3ebcb;--muted: #a9bc9b;--line: rgba(207, 227, 184, .15);--border: rgba(207, 227, 184, .45);--shadow-ink: #0a140e;--surface-ink: #0a140e;--on-dark: #f5f0d8;--on-accent: #14261e;--card-bg: #fbf6e4;--card-text: #233324;--card-black-bg: #1b2b21;--card-black-text: #f5f0d8;--overlay: rgba(6, 14, 9, .7);--topbar: rgba(20, 38, 30, .9);--footer-bg: rgba(25, 44, 34, .48);--soon-bg: #1d3528;--danger-soft: #3a2a1f;--ghost-hover: rgba(245, 240, 216, .08);--badge-border: rgba(207, 227, 184, .3);--scroll-thumb: rgba(207, 227, 184, .26);--lime: #a3d977;--lime-deep: #8bc65e;--coral: #e9a23b;--coral-soft: #f3c06b;--yellow: #f2c14e;--blue: #6ec5b8;--blue-soft: #c9f0e8;--lilac: #c0a9d9;--lilac-soft: #e7dcf2;--mint: #b8e0d2;--mint-soft: #e0f3ec;--pink: #e8a0a0;--pink-soft: #f7dcdc;--success: #61d095;--danger: #e57b6a;--page-pattern: radial-gradient(rgba(207, 227, 184, .07) 1px, transparent 1px);--page-gradients: radial-gradient(1000px 650px at 85% -10%, rgba(163, 217, 119, .24), transparent 68%), radial-gradient(900px 620px at 0% 10%, rgba(233, 162, 59, .16), transparent 70%), radial-gradient(900px 700px at 55% 110%, rgba(110, 197, 184, .16), transparent 70%), radial-gradient(700px 520px at 100% 65%, rgba(192, 169, 217, .12), transparent 72%);--admin-sidebar: #0d1b14;color-scheme:dark}html[data-theme=blueprint]{--cream: #0b1e3a;--cream-deep: #102a4c;--paper: rgba(16, 42, 76, .94);--ink: #bfe3ff;--text: #eaf6ff;--ink-2: #d6ecff;--muted: #9dbdd6;--line: rgba(191, 227, 255, .16);--border: rgba(191, 227, 255, .45);--shadow-ink: #04101f;--surface-ink: #04101f;--on-dark: #eaf6ff;--on-accent: #071729;--card-bg: #f7fbff;--card-text: #102a4c;--card-black-bg: #0c2038;--card-black-text: #eaf6ff;--overlay: rgba(3, 10, 20, .7);--topbar: rgba(11, 30, 58, .9);--footer-bg: rgba(16, 42, 76, .48);--soon-bg: #102a4c;--danger-soft: #3b2438;--ghost-hover: rgba(234, 246, 255, .08);--badge-border: rgba(191, 227, 255, .3);--scroll-thumb: rgba(191, 227, 255, .26);--lime: #4cc9f0;--lime-deep: #2aafd6;--coral: #ff7b72;--coral-soft: #ffa39c;--yellow: #ffd166;--blue: #5aa9ff;--blue-soft: #cbe4ff;--lilac: #a78bfa;--lilac-soft: #e1d7ff;--mint: #6fffe0;--mint-soft: #d0fff7;--pink: #ff9ec4;--pink-soft: #ffd9e9;--success: #5be3b0;--danger: #ff7b8a;--page-pattern: radial-gradient(rgba(191, 227, 255, .1) 1px, transparent 1.4px);--page-gradients: radial-gradient(1000px 650px at 85% -10%, rgba(76, 201, 240, .2), transparent 68%), radial-gradient(900px 620px at 0% 10%, rgba(90, 169, 255, .24), transparent 70%), radial-gradient(900px 700px at 55% 110%, rgba(111, 255, 224, .12), transparent 70%), radial-gradient(700px 520px at 100% 65%, rgba(255, 209, 102, .1), transparent 72%);--admin-sidebar: #061326;color-scheme:dark}html[data-theme=blueprint] body{background-size:20px 20px,auto,auto,auto,auto}html[data-theme=candy]{--cream: #f3e8ff;--cream-deep: #e8d8ff;--paper: #fffdf8;--ink: #2a1b3d;--text: #2a1b3d;--ink-2: #4a335f;--muted: #7c6a91;--line: rgba(42, 27, 61, .12);--shadow-ink: #2a1b3d;--surface-ink: #2a1b3d;--on-dark: #fff9ff;--on-accent: #2a1b3d;--card-bg: #fffdf9;--card-text: #2a1b3d;--card-black-bg: #2d1b3e;--card-black-text: #fff9ff;--overlay: rgba(32, 18, 45, .55);--topbar: rgba(243, 232, 255, .9);--footer-bg: rgba(255, 253, 248, .4);--soon-bg: #fbf2ff;--danger-soft: #ffd8e8;--ghost-hover: rgba(42, 27, 61, .06);--badge-border: rgba(42, 27, 61, .38);--scroll-thumb: rgba(42, 27, 61, .22);--lime: #ff7eb6;--lime-deep: #f266a3;--coral: #ff9f80;--coral-soft: #ffc0ad;--yellow: #ffe066;--blue: #7cc6fe;--blue-soft: #d8efff;--lilac: #b79ced;--lilac-soft: #ede2ff;--mint: #7de2d1;--mint-soft: #dffbf6;--pink: #ffb3d9;--pink-soft: #ffe3f2;--success: #3cc99b;--danger: #d94b74;--page-pattern: radial-gradient(rgba(255, 126, 182, .14) 1.2px, transparent 1.2px);--page-gradients: radial-gradient(1000px 600px at 88% -10%, rgba(255, 126, 182, .26), transparent 70%), radial-gradient(800px 560px at -8% 18%, rgba(183, 156, 237, .24), transparent 70%), radial-gradient(760px 540px at 55% 105%, rgba(125, 226, 209, .28), transparent 72%), radial-gradient(500px 380px at 100% 60%, rgba(255, 224, 102, .26), transparent 70%);--admin-sidebar: #2a1b3d;color-scheme:light}html[data-theme=candy] body{background-size:18px 18px,auto,auto,auto,auto}html[data-theme=gartic] .admin-sidebar,html[data-theme=saturday] .admin-sidebar,html[data-theme=bubblegum] .admin-sidebar,html[data-theme=comic] .admin-sidebar,html[data-theme=diner] .admin-sidebar,html[data-theme=storybook] .admin-sidebar,html[data-theme=blueprint] .admin-sidebar,html[data-theme=candy] .admin-sidebar,html[data-theme=gartic] .admin-nav-link:hover,html[data-theme=saturday] .admin-nav-link:hover,html[data-theme=bubblegum] .admin-nav-link:hover,html[data-theme=comic] .admin-nav-link:hover,html[data-theme=diner] .admin-nav-link:hover,html[data-theme=storybook] .admin-nav-link:hover,html[data-theme=blueprint] .admin-nav-link:hover,html[data-theme=candy] .admin-nav-link:hover,html[data-theme=gartic] .admin-side-close,html[data-theme=saturday] .admin-side-close,html[data-theme=bubblegum] .admin-side-close,html[data-theme=comic] .admin-side-close,html[data-theme=diner] .admin-side-close,html[data-theme=storybook] .admin-side-close,html[data-theme=blueprint] .admin-side-close,html[data-theme=candy] .admin-side-close{color:#fff8ff}:root{--refresh-max: 1180px}body{font-feature-settings:"kern" 1,"liga" 1}::selection{background:var(--lime);color:var(--on-accent)}:focus-visible{outline:2px solid var(--coral);outline-offset:3px}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):not([type=submit]):not([type=button]):not([type=reset]):focus-visible,textarea:focus-visible,select:focus-visible{outline:none}.join-inline:focus-within{border-color:var(--border, var(--ink));box-shadow:0 0 0 3px var(--lime),0 4px 0 var(--shadow-ink)}@media(forced-colors:active){input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid CanvasText}}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}.topnav.container{position:sticky;top:0;z-index:80;width:100%;padding:14px max(22px,calc((100vw - var(--refresh-max)) / 2));border-bottom:1px solid var(--line);background:var(--topbar);-webkit-backdrop-filter:blur(18px) saturate(1.15);backdrop-filter:blur(18px) saturate(1.15)}.topnav nav{gap:26px;margin-right:22px;font-size:.82rem;letter-spacing:.005em}.topnav nav a{color:var(--ink-2);padding:6px 0}.topnav nav a:hover{color:var(--text)}.topnav nav a:after{bottom:1px;height:2px;background:var(--coral)}.topnav-actions{display:flex;align-items:center;gap:10px}.topnav-actions .btn{min-height:42px;padding:.58rem 1.15rem;font-size:.9rem}.hero{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:clamp(30px,5vw,70px);min-height:660px;padding:62px 0 88px}.hero-copy{max-width:640px}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--muted);font-family:var(--font-body);font-size:.68rem;font-weight:700;letter-spacing:.16em;line-height:1;text-transform:uppercase;transform:none}.eyebrow:after{content:"";width:46px;height:1px;margin-left:3px;background:var(--line)}.eyebrow-dot{width:7px;height:7px;box-shadow:0 0 0 4px color-mix(in srgb,var(--coral) 13%,transparent)}.hero h1{margin:24px 0;font-family:var(--font-editorial);font-optical-sizing:auto;font-weight:600;font-size:clamp(3.3rem,5.6vw,5.3rem);letter-spacing:-.052em;line-height:.93}.hero h1 .highlight{color:var(--on-accent);letter-spacing:-.045em}.hero h1 .highlight:after{left:-1.5%;right:-1.5%;bottom:.015em;height:.92em;border-radius:3px;box-shadow:inset 0 -.08em color-mix(in srgb,var(--text) 7%,transparent);transform:rotate(-1.1deg)}.hero-lede{max-width:540px;color:var(--ink-2);font-size:clamp(1rem,1.25vw,1.1rem);line-height:1.68}.hero-actions{gap:10px;margin-top:30px}.hero .btn-lg{min-height:52px;padding:.8rem 1.5rem}.join-inline{border-width:1.5px;box-shadow:0 2px 0 var(--shadow-ink)}.hero-meta{width:fit-content;max-width:100%;margin-top:34px;padding-top:16px;border-top:1px solid var(--line);font-size:.8rem;letter-spacing:.005em}.hero-meta .avatar-stack{gap:2px}.hero-meta .avatar-stack .avatar{width:29px;height:29px}.ticker{margin-top:0;padding:11px 0;border-block:1px solid var(--border, var(--ink));background:var(--surface-ink);color:var(--on-dark)}.ticker-track{animation-duration:44s}.ticker-group{gap:42px;font-family:var(--font-body);font-size:.66rem;font-weight:700;letter-spacing:.15em}.ticker-star{color:var(--lime);font-size:.78rem}#games,#how{scroll-margin-top:92px}.games-section{padding:92px 0 36px}.section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,400px);align-items:end;gap:36px;margin-bottom:28px;padding-bottom:18px;border-bottom:1px solid var(--line)}.section-head h2{font-family:var(--font-editorial);font-optical-sizing:auto;font-weight:600;font-size:clamp(2.5rem,4.2vw,3.65rem);letter-spacing:-.045em;line-height:.98}.section-sub{max-width:380px;padding-bottom:2px;color:var(--muted);font-size:.91rem;line-height:1.65}.game-grid{gap:18px}.game-card{gap:14px;padding:16px;border-width:1.5px;border-radius:20px;box-shadow:0 4px 0 var(--shadow-ink);transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s cubic-bezier(.2,.8,.2,1)}.game-card:hover{transform:translateY(-4px);box-shadow:0 8px 0 var(--shadow-ink)}.game-card.is-featured{gap:22px;padding:20px}.game-card-art{border-width:1px;border-radius:16px}.game-card-cta{border-width:1.5px}.game-card:focus-visible{outline:2px solid var(--coral);outline-offset:4px}.how-section{margin-top:84px;padding:0;border-block:1px solid color-mix(in srgb,var(--on-dark) 14%,transparent);background:var(--surface-ink);color:var(--on-dark)}.how-inner{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:clamp(38px,6vw,86px);padding:78px 0}.how-head{position:static;max-width:none;margin:0}.how-head h2{font-family:var(--font-editorial);font-optical-sizing:auto;font-weight:600;font-size:clamp(2.35rem,3.7vw,3.55rem);letter-spacing:-.043em;line-height:1;color:var(--on-dark)}.how-head p{max-width:480px;margin-top:17px;color:color-mix(in srgb,var(--on-dark) 68%,transparent);font-size:.94rem;line-height:1.7}.how-steps{display:flex;flex-direction:column;gap:0}.how-step{display:grid;grid-template-columns:34px minmax(0,1fr);gap:16px;padding:22px 0;border-top:1px solid color-mix(in srgb,var(--on-dark) 17%,transparent)}.how-step:first-child{padding-top:2px;border-top:0}.how-step:last-child{padding-bottom:0}.how-step-number{position:static;display:grid;place-items:center;width:30px;height:30px;margin-top:1px;border:1px solid color-mix(in srgb,var(--lime) 68%,transparent);border-radius:50%;background:transparent;box-shadow:none;color:var(--lime);font-family:var(--font-body);font-size:.7rem;font-weight:700;line-height:1}.how-step h3{margin:0 0 5px;color:var(--on-dark);font-family:var(--font-display);font-size:1.15rem;letter-spacing:-.025em;line-height:1.25}.how-step p{max-width:540px;color:color-mix(in srgb,var(--on-dark) 64%,transparent);font-size:.89rem;line-height:1.65}.cta-band{padding:64px 0 96px}.cta-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:40px;padding:clamp(30px,4.5vw,52px);border-width:1.5px;border-radius:26px;background-color:var(--lime);background-image:repeating-linear-gradient(135deg,transparent 0 22px,color-mix(in srgb,var(--on-accent) 5%,transparent) 22px 23px);box-shadow:0 6px 0 var(--shadow-ink)}.cta-card:before{top:-92px;right:9%;width:240px;height:240px;border:1px solid color-mix(in srgb,var(--on-accent) 20%,transparent);opacity:.5}.cta-copy{max-width:700px}.cta-copy h2{font-family:var(--font-editorial);font-optical-sizing:auto;font-weight:600;font-size:clamp(2.3rem,4.15vw,3.75rem);letter-spacing:-.045em;line-height:1;color:var(--on-accent)}.cta-copy p{max-width:470px;color:color-mix(in srgb,var(--on-accent) 70%,transparent);font-size:.94rem;line-height:1.6}.cta-actions{align-items:flex-start;padding-bottom:3px}.cta-card .badge{border-color:color-mix(in srgb,var(--on-accent) 24%,transparent);background:transparent;color:color-mix(in srgb,var(--on-accent) 72%,transparent)}.cta-card .btn-dark{box-shadow:0 4px color-mix(in srgb,var(--on-accent) 32%,transparent)}.site-footer{padding:30px 0 38px;border-top:1px solid var(--line)}.footer-inner{align-items:flex-start}.footer-brand strong{font-family:var(--font-editorial);font-size:1.2rem;font-weight:600;letter-spacing:-.02em}.footer-links{gap:16px}.footer-note{margin-top:2px;padding-top:16px;line-height:1.65}.legal-head h1,.admin-page-head h1,.admin-login-head h1,.modal-title,.join-card-head h1,.panel-title,.finished-winner h2,.round-result-hero h2,.stage-side h2,.error-screen h1,.admin-panel-head h2{font-family:var(--font-editorial);font-optical-sizing:auto;font-weight:600;letter-spacing:-.035em}.admin-panel-head h2{font-size:1.26rem}.room-topbar{border-bottom:1px solid var(--line);background:var(--topbar)}.room-topbar-inner{min-height:66px}.room-main{padding-top:22px}.panel{border-width:1.5px;border-radius:22px;background-image:none;box-shadow:0 3px 0 var(--shadow-ink)}.panel-head{align-items:center;padding-bottom:12px;margin-bottom:16px;border-bottom:1px solid var(--line)}.panel-title{font-size:1.52rem;line-height:1.08}.panel-sub{font-size:.82rem}.invite-panel{border-radius:22px;background-color:var(--lime);background-image:repeating-linear-gradient(135deg,transparent 0 24px,color-mix(in srgb,var(--on-accent) 5%,transparent) 24px 25px);box-shadow:0 5px 0 var(--shadow-ink)}.invite-panel:after{border-color:color-mix(in srgb,var(--on-accent) 18%,transparent);border-width:1px}.invite-label,.invite-hint{color:color-mix(in srgb,var(--on-accent) 62%,transparent)}.invite-code{letter-spacing:.12em}.invite-actions .btn{border-width:1.5px;box-shadow:0 2px 0 var(--shadow-ink)}.invite-mascot{width:102px;height:102px}.player-seat{border-width:1.5px;border-radius:15px;box-shadow:0 2px 0 var(--shadow-ink)}.player-seat.is-self{outline-width:2px}.lobby-help{padding:0;border:0;background:transparent;box-shadow:none}.lobby-help .czar-callout{border-width:1.5px;transform:none;box-shadow:0 3px 0 var(--shadow-ink)}@media(min-width:1280px){.players-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.segmented{border-width:1.5px}.segmented button.is-active{border-width:1px;box-shadow:0 1px 0 var(--shadow-ink)}.deck-option{border-width:1.5px}.setting-toggles .toggle-row{border-width:1px}.start-box{border-top-style:solid}.chat-panel{border-width:1.5px;border-radius:22px;box-shadow:0 3px 0 var(--shadow-ink)}.chat-head{border-bottom-width:1px;background:var(--paper)}.chat-form{border-top-width:1px}.chat-input,.chat-send{border-width:1.5px}.chat-bubble{border-width:1px}.score-strip{border-width:1.5px;border-radius:15px;box-shadow:0 2px 0 var(--shadow-ink)}.game-panel{border-width:1.5px;border-radius:22px;background-image:none;box-shadow:0 4px 0 var(--shadow-ink)}.admin-panel{border-width:1.5px;border-radius:20px;box-shadow:0 4px 0 var(--shadow-ink)}.admin-panel-head{align-items:center;padding-bottom:12px;margin-bottom:15px;border-bottom:1px solid var(--line)}.admin-stat{border-width:1.5px;border-radius:19px;box-shadow:0 4px 0 var(--shadow-ink)}.admin-login-card{border-width:1.5px}@media(max-width:760px){.room-topbar{border-bottom-width:1px}.panel,.invite-panel{border-radius:19px}.invite-mascot{width:82px;height:82px}.chat-panel{border-radius:19px}}@media(max-width:1100px){.hero{gap:34px;min-height:0}}@media(max-width:960px){.topnav.container{padding-inline:22px}.hero{grid-template-columns:1fr;gap:26px;padding:46px 0 68px}.hero-copy{max-width:680px}.hero h1{font-size:clamp(3.2rem,8.3vw,4.9rem)}.section-head{grid-template-columns:1fr;align-items:start;gap:16px}.section-sub{max-width:560px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-card.is-featured{grid-column:span 2}.how-inner{grid-template-columns:1fr;gap:34px;padding:62px 0}.how-head p{max-width:600px}.cta-card{grid-template-columns:1fr;align-items:start;gap:28px}.cta-actions{flex-direction:row;flex-wrap:wrap;align-items:center}}@media(max-width:720px){.topnav.container{padding:11px 16px}.topnav-actions{gap:7px}.topnav-actions .btn{min-height:38px;padding-inline:.9rem;font-size:.84rem}.hero{padding:34px 0 56px}.hero h1{margin:20px 0;font-size:clamp(2.9rem,12vw,4.1rem)}.hero-lede{font-size:1rem}.hero-actions>.btn{width:100%}.hero-meta{width:100%;margin-top:26px;line-height:1.5}.games-section{padding-top:66px}.game-grid{grid-template-columns:1fr}.game-card.is-featured{grid-column:auto;grid-template-columns:1fr}.game-card.is-featured .game-card-art{min-height:185px}.game-card.is-featured .game-card-body{padding:0}.how-section{margin-top:58px}.how-inner{gap:30px;padding:48px 0}.how-head h2{font-size:clamp(2.1rem,8vw,2.9rem)}.how-step{grid-template-columns:30px minmax(0,1fr);gap:13px;padding:19px 0}.how-step-number{width:27px;height:27px;font-size:.64rem}.cta-band{padding:38px 0 62px}.cta-card{border-radius:22px}.cta-copy h2{font-size:clamp(2.05rem,8vw,2.85rem)}.cta-actions .btn{width:100%}.section-head h2{font-size:clamp(2.25rem,8vw,3rem)}.footer-inner{flex-direction:column;align-items:flex-start}.footer-links{flex-wrap:wrap;gap:12px 16px}}@media(prefers-reduced-motion:reduce){.ticker-track{animation:none}.game-card,.game-card-cta,.btn{transition:none}}