:root{--paper: #fff6e8;--paper-2: #ffecd2;--white: #ffffff;--ink: #221836;--ink-2: #4a3f63;--ink-3: #7b7192;--coral: #ff6b57;--sun: #ffc93c;--mint: #2fd6a3;--sky: #47b5ff;--grape: #9b6cff;--pink: #ff78c4;--lime: #a8e05f;--orange: #ff9a3c;--blood: #ff3d6e;--night: #1b1331;--night-2: #2a1e4a;--night-3: #3a2b63;--font-display: "Bricolage Grotesque", ui-rounded, system-ui, sans-serif;--font-body: "DM Sans", system-ui, -apple-system, sans-serif;--r-lg: 26px;--r: 20px;--r-sm: 14px;--stroke: 3px;--lift: 5px;--bg: var(--paper);--bg-2: var(--paper-2);--fg: var(--ink);--fg-soft: var(--ink-2);--accent: var(--coral);--accent-2: var(--sky);--shadow-color: var(--ink);--card: var(--white);--card-fg: var(--ink);--focus: var(--sky)}[data-world=quiplash]{--bg: #ffd84a;--bg-2: #ffc72e;--accent: var(--coral);--accent-2: var(--pink)}[data-world=tko]{--bg: #3ed1c8;--bg-2: #27bdb4;--accent: var(--coral);--accent-2: var(--sun)}[data-world=brawl]{--bg: #8c9eff;--bg-2: #7a8cf5;--accent: var(--coral);--accent-2: var(--sun)}[data-world=piggyback]{--bg: #8fd3ff;--bg-2: #6cc2f5;--accent: var(--coral);--accent-2: var(--sun)}[data-world=pirates]{--bg: #1d5b87;--bg-2: #174b70;--fg: #fff6e8;--fg-soft: #cfe5f5;--accent: var(--sun);--accent-2: var(--coral);--shadow-color: #0b2236;--focus: #8fd3ff}[data-world=imposter]{--bg: var(--night);--bg-2: var(--night-2);--fg: #fff6e8;--fg-soft: #c9bfe6;--accent: var(--blood);--accent-2: #5ce1e6;--shadow-color: #07040f;--focus: #5ce1e6}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--bg);transition:background-color .5s ease}body{margin:0;min-height:100vh;min-height:100dvh;background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overflow-x:hidden;transition:background-color .5s ease,color .5s ease}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.05;margin:0;letter-spacing:-.02em}p{margin:0}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}svg{flex-shrink:0}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}::selection{background:var(--sun);color:var(--ink)}.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}.app{position:relative;min-height:100vh;min-height:100dvh;isolation:isolate}.page{position:relative;z-index:1;width:100%;max-width:680px;margin:0 auto;padding:20px 16px calc(40px + env(safe-area-inset-bottom))}.page--wide{max-width:1080px}.stack{display:flex;flex-direction:column;gap:16px}.stack--sm{gap:10px}.stack--lg{gap:24px}.row{display:flex;align-items:center;gap:12px}.row--wrap{flex-wrap:wrap}.row--between{justify-content:space-between}.center{text-align:center}.grow{flex:1;min-width:0}.display{font-family:var(--font-display);font-weight:800;font-size:clamp(2.4rem,9vw,4.2rem);line-height:.95;letter-spacing:-.035em}.title{font-family:var(--font-display);font-weight:800;font-size:clamp(1.7rem,6vw,2.4rem);letter-spacing:-.03em}.subtitle{font-family:var(--font-display);font-weight:700;font-size:1.25rem;letter-spacing:-.015em}.eyebrow{font-family:var(--font-display);font-weight:800;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase}.muted{color:var(--fg-soft)}.lead{font-size:1.08rem;color:var(--fg-soft)}.panel{position:relative;background:var(--card);color:var(--card-fg);border:var(--stroke) solid var(--ink);border-radius:var(--r-lg);box-shadow:0 6px 0 var(--shadow-color);padding:20px}.panel--tight{padding:14px 16px}.panel--flat{box-shadow:none}.panel .muted,.panel .lead{color:var(--ink-2)}.panel-title{font-family:var(--font-display);font-weight:800;font-size:1.3rem;letter-spacing:-.02em}.btn{--btn-bg: var(--white);--btn-fg: var(--ink);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:14px 22px;border:var(--stroke) solid var(--ink);border-radius:18px;background:var(--btn-bg);color:var(--btn-fg);font-family:var(--font-display);font-weight:800;font-size:1.12rem;letter-spacing:-.01em;line-height:1;box-shadow:0 var(--lift) 0 var(--shadow-color);transform:translateY(0);transition:transform .09s ease,box-shadow .09s ease,background-color .2s ease,opacity .2s ease;user-select:none;-webkit-user-select:none;touch-action:manipulation;text-decoration:none;white-space:nowrap}.btn:after{content:"";position:absolute;top:-5px;right:0;bottom:-5px;left:0}@media (hover: hover){.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 calc(var(--lift) + 1px) 0 var(--shadow-color)}}.btn:active:not(:disabled){transform:translateY(calc(var(--lift) - 1px));box-shadow:0 1px 0 var(--shadow-color)}.btn:disabled{cursor:not-allowed;opacity:.55;box-shadow:0 2px 0 var(--shadow-color);transform:translateY(3px)}.btn--block{width:100%}.btn--primary{--btn-bg: var(--accent)}.btn--sun{--btn-bg: var(--sun)}.btn--mint{--btn-bg: var(--mint)}.btn--sky{--btn-bg: var(--sky)}.btn--grape{--btn-bg: var(--grape)}.btn--ghost{--btn-bg: transparent;--btn-fg: var(--fg);border-color:currentColor;box-shadow:none}.btn--ghost:hover:not(:disabled),.btn--ghost:active:not(:disabled){box-shadow:none;transform:none;background:color-mix(in srgb,var(--fg) 8%,transparent)}.btn--sm{min-height:42px;padding:9px 14px;font-size:.98rem;border-radius:14px;--lift: 4px}.btn--lg{min-height:64px;font-size:1.3rem;border-radius:20px}.btn--icon{min-height:44px;width:44px;padding:0;border-radius:14px;--lift: 3px}.btn .spinner{width:20px;height:20px}.field{display:flex;flex-direction:column;gap:8px}.field-label{font-family:var(--font-display);font-weight:800;font-size:.95rem;letter-spacing:-.01em}.input,.textarea{width:100%;min-height:56px;padding:14px 16px;border:var(--stroke) solid var(--ink);border-radius:16px;background:var(--white);color:var(--ink);font-size:1.1rem;font-weight:600;box-shadow:inset 0 3px #22183614;transition:box-shadow .15s ease,border-color .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.textarea{resize:none;line-height:1.35;min-height:96px}.input::placeholder,.textarea::placeholder{color:#a59cb8;font-weight:500}.input:focus,.textarea:focus{outline:none;box-shadow:inset 0 3px #22183614,0 0 0 4px color-mix(in srgb,var(--focus) 45%,transparent)}.input:disabled,.textarea:disabled{background:#f3eee6;color:var(--ink-2)}.input--code{font-family:var(--font-display);font-weight:800;font-size:1.7rem;letter-spacing:.32em;text-transform:uppercase;text-align:center;padding-left:calc(16px + .32em)}.input--code::placeholder{letter-spacing:.32em;font-size:1.4rem}.counter{align-self:flex-end;font-size:.82rem;font-weight:700;color:var(--ink-3);font-variant-numeric:tabular-nums}.counter--warn{color:var(--coral)}.error-text{display:flex;align-items:center;gap:8px;padding:10px 14px;border:2px solid var(--ink);border-radius:12px;background:#ffe1dc;color:#8a1d10;font-weight:700;font-size:.95rem}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:2.5px solid var(--ink);border-radius:999px;background:var(--white);color:var(--ink);font-family:var(--font-display);font-weight:800;font-size:.86rem;line-height:1.1;white-space:nowrap}.chip--sun{background:var(--sun)}.chip--mint{background:var(--mint)}.chip--coral{background:var(--coral)}.chip--sky{background:var(--sky)}.chip--grape{background:var(--grape);color:var(--white)}.chip--blood{background:var(--blood);color:var(--white)}.chip--ink{background:var(--ink);color:var(--paper)}button.chip{cursor:pointer;box-shadow:0 3px 0 var(--shadow-color);transition:transform .08s ease}button.chip:active{transform:translateY(2px);box-shadow:0 1px 0 var(--shadow-color)}button.chip[aria-pressed=true]{background:var(--sun)}.toggle{position:relative;flex-shrink:0;width:58px;height:34px;border:var(--stroke) solid var(--ink);border-radius:999px;background:#e8e1d5;padding:0;transition:background-color .2s ease}.toggle[aria-checked=true]{background:var(--mint)}.toggle-knob{position:absolute;top:2px;left:2px;width:24px;height:24px;border:2.5px solid var(--ink);border-radius:50%;background:var(--white);transition:transform .22s cubic-bezier(.3,1.5,.5,1)}.toggle[aria-checked=true] .toggle-knob{transform:translate(24px)}.stepper{display:inline-flex;align-items:center;gap:10px}.stepper-value{min-width:2ch;text-align:center;font-family:var(--font-display);font-weight:800;font-size:1.5rem;font-variant-numeric:tabular-nums}.setting{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:2px dashed rgba(34,24,54,.18)}.setting:last-child{border-bottom:none}.setting-label{font-family:var(--font-display);font-weight:800;font-size:1.02rem}.setting-desc{font-size:.88rem;color:var(--ink-2)}.sticky-cta{position:sticky;bottom:0;z-index:20;margin:0 -16px;padding:18px 16px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(to bottom,transparent,var(--bg) 42%)}.spinner{width:22px;height:22px;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.dots{display:inline-flex;gap:4px;vertical-align:middle}.dots i{width:6px;height:6px;border-radius:50%;background:currentColor;animation:dot-bounce 1.2s ease-in-out infinite}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}@keyframes dot-bounce{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-5px);opacity:1}}.top-nav{position:relative;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;margin-bottom:8px}.top-nav--end{justify-content:flex-end}.top-nav-actions{display:flex;align-items:center;gap:10px}.top-nav-home{color:inherit;text-decoration:none}.top-nav-back{display:inline-flex;align-items:center;gap:6px;padding:8px 14px 8px 10px;border:3px solid var(--ink);border-radius:999px;background:var(--white);color:var(--ink);font-family:var(--font-display);font-weight:800;text-decoration:none;box-shadow:0 3px 0 var(--shadow-color)}.top-nav-back:active{transform:translateY(2px);box-shadow:0 1px 0 var(--shadow-color)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.dialog-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:20px;background:#1b13318c;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.dialog{width:min(100%,400px);display:flex;flex-direction:column;gap:14px;padding:24px}.dialog-message{color:var(--ink-2);font-size:1.02rem}.dialog-actions{display:flex;gap:12px;margin-top:6px}.dialog-actions .btn{flex:1}.dialog .dialog-cancel{--btn-fg: var(--ink);color:var(--ink)}.toasts{position:fixed;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));z-index:120;display:flex;flex-direction:column;align-items:center;gap:8px;transform:translate(-50%);pointer-events:none;width:max-content;max-width:calc(100vw - 32px)}.toast{display:flex;align-items:center;gap:8px;padding:10px 16px;border:2.5px solid var(--ink);border-radius:999px;background:var(--white);color:var(--ink);font-family:var(--font-display);font-weight:800;font-size:.98rem;box-shadow:0 4px 0 var(--shadow-color)}.toast--success{background:var(--mint)}.toast--error{background:#ffd3cc}.bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.bg-layer{position:absolute;top:0;right:0;bottom:0;left:0}.bg-layer--home{background-image:radial-gradient(rgba(34,24,54,.12) 1.6px,transparent 1.7px);background-size:26px 26px}.bg-layer--quiplash{background-image:radial-gradient(rgba(255,255,255,.38) 2.4px,transparent 2.5px),radial-gradient(circle at 50% -10%,rgba(255,255,255,.45),transparent 60%);background-size:22px 22px,100% 100%}.bg-layer--tko{background-image:radial-gradient(rgba(255,255,255,.34) 2.2px,transparent 2.3px),radial-gradient(circle at 50% -10%,rgba(255,255,255,.42),transparent 60%);background-size:24px 24px,100% 100%}.bg-layer--brawl{background-image:radial-gradient(rgba(255,255,255,.32) 2.2px,transparent 2.3px),radial-gradient(circle at 50% -10%,rgba(255,255,255,.4),transparent 60%);background-size:24px 24px,100% 100%}.bg-layer--piggyback{background:radial-gradient(rgba(255,255,255,.3) 2px,transparent 2.1px) 0 0 / 26px 26px,radial-gradient(ellipse at 50% 120%,rgba(47,214,163,.35),transparent 60%),linear-gradient(180deg,#8fd3ff,#bfe6ff)}.bg-layer--pirates{background:radial-gradient(rgba(255,255,255,.14) 2px,transparent 2.1px) 0 0 / 26px 26px,radial-gradient(ellipse at 50% -20%,rgba(143,211,255,.4),transparent 60%),linear-gradient(180deg,#1d5b87,#15466d)}.bg-layer--pirates .bg-doodle{opacity:.8}.bg-layer--imposter{background:radial-gradient(ellipse at 50% -20%,rgba(155,108,255,.35),transparent 60%),radial-gradient(ellipse at 100% 110%,rgba(255,61,110,.22),transparent 55%),linear-gradient(180deg,#1b1331,#241843)}.bg-doodle{position:absolute;display:block;transform:translate(-50%,-50%);animation:bg-drift var(--dur, 12s) ease-in-out infinite alternate;animation-delay:var(--delay, 0s);will-change:transform}.bg-layer--home .bg-doodle{opacity:.95}.bg-layer--imposter .bg-doodle{opacity:.55}@keyframes bg-drift{0%{transform:translate(-50%,-50%) rotate(calc(var(--rot) * -1))}to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) rotate(var(--rot))}}.bg-twinkles{position:absolute;top:0;right:0;bottom:0;left:0}.bg-twinkles circle{animation-name:bg-twinkle;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes bg-twinkle{0%,to{opacity:.15}50%{opacity:.95}}.bg-spotlight{position:absolute;top:-30vh;left:50%;width:70vmax;height:120vh;transform-origin:50% 0;background:conic-gradient(from 168deg at 50% 0,transparent 0deg,rgba(255,246,232,.07) 12deg,transparent 24deg);animation:bg-sweep 14s ease-in-out infinite alternate;translate:-50% 0}@keyframes bg-sweep{0%{transform:rotate(-24deg)}to{transform:rotate(24deg)}}.avatar{display:block;flex-shrink:0;overflow:visible}.avatar .av-bob{transform-box:view-box;transform-origin:50px 96px;animation:av-bob 2.6s ease-in-out infinite;animation-delay:var(--av-delay, 0s)}.avatar .av-shadow{transform-box:view-box;transform-origin:50px 100px;animation:av-shadow 2.6s ease-in-out infinite;animation-delay:var(--av-delay, 0s)}.avatar .av-eyes{transform-box:view-box;transform-origin:50px 48px;animation:av-blink 4.8s infinite;animation-delay:var(--av-blink-delay, 0s)}.avatar .av-pupils{animation:av-look 9s ease-in-out infinite;animation-delay:var(--av-blink-delay, 0s)}.avatar .av-antenna{transform-box:view-box;transform-origin:50px 16px;animation:av-wobble 3.2s ease-in-out infinite;animation-delay:var(--av-delay, 0s)}.avatar .av-sprout{transform-box:view-box;transform-origin:50px 14px;animation:av-wobble 2.8s ease-in-out infinite}.avatar .av-zzz{animation:av-float 2.4s ease-in-out infinite}.avatar .av-stars{transform-box:fill-box;transform-origin:center;animation:av-spin-pop 1.4s ease-in-out infinite}.avatar--win .av-bob{animation:av-jump .95s cubic-bezier(.3,.7,.4,1) infinite}.avatar--win .av-shadow{animation:av-jump-shadow .95s cubic-bezier(.3,.7,.4,1) infinite}.avatar--shock .av-bob{animation:av-shiver .35s linear infinite}.avatar--sleep{filter:saturate(.3);opacity:.72}.avatar--sleep .av-bob{animation-duration:4.5s}.avatar--still .av-bob,.avatar--still .av-shadow,.avatar--still .av-pupils,.avatar--still .av-antenna,.avatar--still .av-sprout{animation:none}@keyframes av-bob{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-3.5px) scale(.975,1.025)}}@keyframes av-shadow{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.88);opacity:.75}}@keyframes av-blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.08)}}@keyframes av-look{0%,18%,to{transform:translate(0)}24%,40%{transform:translate(2.4px,-1px)}48%,64%{transform:translate(-2.4px,.6px)}72%,86%{transform:translate(.5px,1.6px)}}@keyframes av-wobble{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}@keyframes av-float{0%,to{transform:translateY(0);opacity:.9}50%{transform:translateY(-4px);opacity:.5}}@keyframes av-jump{0%,to{transform:translateY(0) scale(1.05,.95)}35%{transform:translateY(-16px) scale(.95,1.06)}65%{transform:translateY(-2px) scale(1)}80%{transform:translateY(0) scale(1.07,.93)}}@keyframes av-jump-shadow{0%,to,80%{transform:scale(1)}35%{transform:scale(.6)}}@keyframes av-shiver{0%,to{transform:translate(0)}25%{transform:translate(-1px)}75%{transform:translate(1px)}}@keyframes av-spin-pop{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.15) rotate(12deg)}}.timer{--timer-color: var(--mint);position:relative;flex-shrink:0;display:grid;place-items:center}.timer svg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:visible}.timer-face{fill:var(--white);stroke:var(--ink);stroke-width:6}.timer-track{fill:none;stroke:#efe8dc;stroke-width:13}.timer-arc{fill:none;stroke:var(--timer-color);stroke-width:13;stroke-linecap:round;transition:stroke .4s ease}.timer-num{position:relative;font-family:var(--font-display);font-weight:800;font-size:.95rem;color:var(--ink);font-variant-numeric:tabular-nums;animation:timer-tick .3s ease-out}.timer--mid{--timer-color: var(--sun)}.timer--low{--timer-color: var(--orange)}.timer--urgent{--timer-color: var(--coral);animation:timer-shake 1s ease-in-out infinite}.timer--urgent .timer-num{color:#c4321f}@keyframes timer-tick{0%{transform:scale(1.35)}to{transform:scale(1)}}@keyframes timer-shake{0%,60%,to{transform:rotate(0) scale(1)}10%{transform:rotate(-9deg) scale(1.08)}20%{transform:rotate(8deg) scale(1.08)}30%{transform:rotate(-5deg) scale(1.04)}40%{transform:rotate(3deg)}}.code-tiles{display:inline-flex;gap:6px;justify-content:center;perspective:400px}.code-tile{display:grid;place-items:center;width:1.45em;height:1.7em;border:3px solid var(--ink);border-radius:.32em;background:var(--sun);color:var(--ink);font-family:var(--font-display);font-weight:800;font-size:1.4rem;line-height:1;box-shadow:0 4px 0 var(--ink)}.code-tile:nth-child(3n+2){background:var(--mint)}.code-tile:nth-child(3n){background:var(--pink)}.code-tiles--lg .code-tile{font-size:clamp(1.7rem,8.4vw,2.5rem);border-width:3.5px;box-shadow:0 5px 0 var(--ink)}.code-tiles--lg{gap:clamp(4px,1.6vw,9px)}.invite-panel{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.invite-hint{font-size:.95rem}.invite-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;width:100%}.invite-actions .btn{flex:1 1 140px}.invite-qr-toggle{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:0;background:none;color:var(--ink-2);font-family:var(--font-display);font-weight:800;font-size:.92rem;text-decoration:underline;text-underline-offset:3px}.invite-qr{overflow:hidden}.invite-qr-frame{display:inline-grid;place-items:center;padding:10px;border:3px solid var(--ink);border-radius:20px;background:var(--white);box-shadow:0 5px 0 var(--ink);margin:4px auto 8px}.invite-sheet{width:min(100%,420px);display:flex;flex-direction:column;align-items:center;gap:16px}.invite-sheet>.row{width:100%}.room-bar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:10px;margin:-20px -16px 14px;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:3px solid var(--ink)}[data-world=imposter] .room-bar{border-bottom-color:#07040f}.room-code-chip{display:flex;flex-direction:column;align-items:flex-start;padding:5px 11px 6px;border:3px solid var(--ink);border-radius:14px;background:var(--white);color:var(--ink);box-shadow:0 3px 0 var(--shadow-color);line-height:1}.room-code-chip:active{transform:translateY(2px);box-shadow:0 1px 0 var(--shadow-color)}.room-code-chip-label{font-size:.62rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.room-code-chip-code{font-family:var(--font-display);font-weight:800;font-size:1.08rem;letter-spacing:.05em}.room-bar-label{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;line-height:1.1}.room-bar-top{font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-soft)}.room-bar-main{max-width:100%;font-family:var(--font-display);font-weight:800;font-size:clamp(.92rem,3.7vw,1.08rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-bar-right{display:flex;align-items:center;gap:8px}.conn-banner{position:fixed;top:calc(76px + env(safe-area-inset-top));left:50%;z-index:60;display:flex;align-items:center;gap:8px;padding:8px 14px;border:2.5px solid var(--ink);border-radius:999px;background:var(--sun);color:var(--ink);font-family:var(--font-display);font-weight:800;font-size:.92rem;box-shadow:0 4px 0 var(--shadow-color);translate:-50% 0;white-space:nowrap}.roster{list-style:none;margin:0;padding:0}.roster--strip{display:flex;gap:6px;overflow-x:auto;padding:6px 2px 4px;scrollbar-width:none}.roster--strip::-webkit-scrollbar{display:none}.roster--grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px}.roster-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:58px}.roster--grid .roster-item{padding:10px 6px;border:3px solid var(--ink);border-radius:18px;background:var(--white);color:var(--ink);box-shadow:0 4px 0 var(--shadow-color)}.roster--grid .roster-item--me{background:#fff3cf}.roster-item--spectator{opacity:.7}.roster-avatar{position:relative}.roster-crown{position:absolute;top:-8px;left:-4px;display:grid;place-items:center;color:var(--sun);filter:drop-shadow(0 0 .5px var(--ink)) drop-shadow(0 1.5px 0 var(--ink));transform:rotate(-18deg)}.roster-crown svg{stroke:var(--ink)}.roster-badge{position:absolute;right:-4px;bottom:0;display:grid;place-items:center;width:20px;height:20px;border:2.5px solid var(--ink);border-radius:50%;background:var(--mint);color:var(--ink)}.roster--grid .roster-badge{width:26px;height:26px}.roster-name{max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-display);font-weight:800;font-size:.78rem;line-height:1.15}.roster--grid .roster-name{max-width:100%;font-size:.95rem}.roster-item--me .roster-name{text-decoration:underline;text-decoration-thickness:2.5px;text-underline-offset:3px;text-decoration-color:var(--accent)}.roster-tag{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3)}.roster-kick{position:absolute;top:4px;right:4px;display:grid;place-items:center;width:26px;height:26px;padding:0;border:2px solid var(--ink);border-radius:50%;background:var(--white);color:var(--ink);opacity:.75}.roster-kick:hover,.roster-kick:focus-visible{opacity:1;background:#ffd3cc}.roster--strip .roster-kick{display:none}.gate{max-width:440px;margin:8vh auto 0;align-items:stretch}.gate .code-tiles{align-self:center}.gate-avatar{display:grid;place-items:center;margin-top:-64px}.gate-back{color:var(--ink)}.status-screen{display:grid;place-items:center;min-height:80vh}.status-card{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}.status-blobs{display:flex;gap:8px;align-items:flex-end}.ended-card{max-width:420px;align-items:center;padding-top:40px}.room-menu,.room-menu .btn--icon,.sound-toggle{position:relative}.room-menu-muted{position:absolute;right:-6px;bottom:-6px;display:grid;place-items:center;width:20px;height:20px;border:2px solid var(--ink);border-radius:50%;background:var(--coral);color:var(--ink)}.room-menu-panel{position:absolute;top:calc(100% + 10px);right:0;z-index:50;min-width:220px;padding:8px;border:3px solid var(--ink);border-radius:18px;background:var(--white);color:var(--ink);box-shadow:0 5px 0 var(--shadow-color);transform-origin:top right}.room-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:11px 10px;border:0;border-radius:12px;background:none;font-family:var(--font-display);font-weight:800;font-size:1rem;text-align:left}.room-menu-item:hover,.room-menu-item:focus-visible{background:#f6f0e6}.room-menu-item--danger{color:#c4321f}.room-menu-state{padding:2px 9px;border:2px solid var(--ink);border-radius:999px;background:#e8e1d5;font-size:.8rem}.room-menu-state--on{background:var(--mint)}.sound-toggle--muted{--btn-bg: #e8e1d5}.hero-box{display:block;width:min(100%,360px);aspect-ratio:320 / 262;margin:0 auto;padding:0;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.hero-box:focus-visible{outline-offset:8px;border-radius:24px}.hero-float{animation:hero-float 3.4s ease-in-out infinite}@keyframes hero-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-9px) rotate(5deg)}}.hero-eyes{transform-box:fill-box;transform-origin:center;animation:hero-blink 5s infinite}@keyframes hero-blink{0%,94%,to{transform:scaleY(1)}96.5%{transform:scaleY(.1)}}.logo{display:flex;align-items:center;justify-content:center;gap:.18em;font-family:var(--font-display);font-weight:800;font-size:clamp(3rem,15vw,5.6rem);line-height:.9;letter-spacing:-.04em;-webkit-user-select:none;user-select:none}.logo--sm{font-size:1.6rem;gap:.15em}.logo-letter{display:inline-block;animation:logo-wave 4s ease-in-out infinite;animation-delay:calc(var(--i) * .12s)}.logo-box{display:inline-flex;padding:.02em .16em .06em;border:.06em solid var(--ink);border-radius:.2em;background:var(--coral);color:var(--white);box-shadow:0 .07em 0 var(--ink);transform:rotate(-4deg);-webkit-text-stroke:.035em var(--ink);paint-order:stroke fill}.logo--sm .logo-box{border-width:2.5px;box-shadow:0 3px 0 var(--ink);-webkit-text-stroke:1px var(--ink)}@keyframes logo-wave{0%,70%,to{transform:translateY(0) rotate(0)}78%{transform:translateY(-.08em) rotate(-4deg)}86%{transform:translateY(.02em) rotate(2deg)}}.auth{position:relative;display:flex;align-items:center}.auth-skeleton{width:96px;height:42px;border-radius:999px;background:color-mix(in srgb,var(--fg) 10%,transparent)}.auth-chip{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:4px 12px 4px 6px;border:3px solid var(--ink);border-radius:999px;background:var(--white);color:var(--ink);font-family:var(--font-display);font-weight:800;font-size:.95rem;box-shadow:0 3px 0 var(--shadow-color)}.auth-chip:active{transform:translateY(2px);box-shadow:0 1px 0 var(--shadow-color)}.auth-chip--signin{padding:4px 14px}.auth-chip-name{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-chevron{transform:rotate(90deg);transition:transform .2s ease}.auth-chevron--open{transform:rotate(-90deg)}.auth-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:50;min-width:200px;padding:8px;border:3px solid var(--ink);border-radius:18px;background:var(--white);color:var(--ink);box-shadow:0 5px 0 var(--shadow-color);transform-origin:top right}.auth-menu-contact{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:6px 10px 10px;font-size:.85rem;color:var(--ink-3);border-bottom:2px dashed rgba(34,24,54,.15);margin-bottom:6px}.auth-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px;border:0;border-radius:12px;background:none;font-family:var(--font-display);font-weight:800;font-size:1rem;text-align:left}.auth-menu-item:hover,.auth-menu-item:focus-visible{background:#f6f0e6}.auth-menu-item--danger{color:#c4321f}.auth-modal{position:relative;width:min(100%,400px);padding:28px 22px 22px}.auth-modal .stack{align-items:stretch}.auth-close{position:absolute;top:12px;right:12px}.auth-icon{display:grid;place-items:center;width:60px;height:60px;border:3px solid var(--ink);border-radius:18px;box-shadow:0 4px 0 var(--ink);color:var(--ink)}.auth-icon--sky{background:var(--sky)}.auth-icon--mint{background:var(--mint)}.auth-icon--sun{background:var(--sun)}.auth-google{gap:10px}.auth-avatar{display:grid;place-items:center}.auth-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px;border:0;background:none;color:var(--ink-2);font-family:var(--font-display);font-weight:800}#recaptcha-container{position:absolute}.art{display:block;overflow:visible}.quip-left,.quip-right{transform-box:fill-box;transform-origin:center}.quip-left{animation:quip-left 2.4s ease-in-out infinite}.quip-right{animation:quip-right 2.4s ease-in-out infinite}@keyframes quip-left{0%,to{transform:translate(0) rotate(0)}45%{transform:translate(10px,4px) rotate(3deg)}55%{transform:translate(4px) rotate(-1deg)}}@keyframes quip-right{0%,to{transform:translate(0) rotate(0)}45%{transform:translate(-10px,-4px) rotate(-3deg)}55%{transform:translate(-4px) rotate(1deg)}}.quip-type{stroke-dasharray:100;stroke-dashoffset:100;animation:quip-type 3.2s ease-in-out infinite}.quip-type--2{animation-delay:.35s}.quip-type--3{animation-delay:.8s}.quip-type--4{animation-delay:1.15s}@keyframes quip-type{0%{stroke-dashoffset:100}35%,80%{stroke-dashoffset:0}to{stroke-dashoffset:100}}.quip-vs>*{transform-box:fill-box;transform-origin:center}.quip-vs path{animation:quip-burst 2.4s ease-in-out infinite}@keyframes quip-burst{0%,35%,65%,to{transform:scale(1) rotate(0)}48%{transform:scale(1.32) rotate(14deg)}}.tee-left,.tee-right,.tee-ko>*{transform-box:fill-box;transform-origin:center}.tee-left{animation:tee-jab 2.2s ease-in-out infinite}.tee-right{animation:tee-recoil 2.2s ease-in-out infinite}.tee-ko path,.tee-ko text{animation:tee-pop 2.2s ease-in-out infinite}@keyframes tee-jab{0%,to{transform:translate(0) rotate(0)}40%{transform:translate(-6px,2px) rotate(-4deg)}48%{transform:translate(14px,-2px) rotate(6deg)}60%{transform:translate(4px) rotate(1deg)}}@keyframes tee-recoil{0%,44%,to{transform:translate(0) rotate(0)}52%{transform:translate(12px,-4px) rotate(10deg)}68%{transform:translate(2px) rotate(-2deg)}}@keyframes tee-pop{0%,44%,70%,to{transform:scale(.6) rotate(-10deg);opacity:0}50%{transform:scale(1.25) rotate(8deg);opacity:1}60%{transform:scale(1) rotate(0);opacity:1}}.art--imposter{position:relative;height:100%;min-height:150px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.imp-art-light{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.imp-art-beam{transform-box:view-box;transform-origin:150px -10px;animation:imp-beam 4.2s ease-in-out infinite alternate}@keyframes imp-beam{0%{transform:rotate(-20deg)}45%,60%{transform:rotate(0)}to{transform:rotate(20deg)}}.imp-art-lineup{position:relative;display:flex;align-items:flex-end;gap:4px;padding-bottom:10px}.mystery-box{transform-box:fill-box;transform-origin:50% 100%;animation:mystery-wobble 2.8s ease-in-out infinite}@keyframes mystery-wobble{0%,60%,to{transform:rotate(0)}68%{transform:rotate(-7deg) translateY(-4px)}76%{transform:rotate(6deg) translateY(-2px)}84%{transform:rotate(-3deg)}}.mystery-sparks path{transform-box:fill-box;transform-origin:center;animation:mystery-twinkle 1.8s ease-in-out infinite}.mystery-sparks path:nth-child(2){animation-delay:.9s}@keyframes mystery-twinkle{0%,to{transform:scale(.6) rotate(0);opacity:.5}50%{transform:scale(1.1) rotate(45deg);opacity:1}}.brawl-art-left,.brawl-art-right,.brawl-art-pow,.brawl-art-stars{transform-box:fill-box;transform-origin:center}.brawl-art-left{animation:brawl-art-jab 1.8s ease-in-out infinite}.brawl-art-right{animation:brawl-art-hit 1.8s ease-in-out infinite}.brawl-art-pow{animation:brawl-art-pow 1.8s ease-in-out infinite}.brawl-art-stars{animation:brawl-art-stars 1.8s linear infinite}@keyframes brawl-art-jab{0%,to{transform:translate(0) rotate(0)}35%{transform:translate(-8px,2px) rotate(-5deg)}45%{transform:translate(10px,-2px) rotate(6deg)}60%{transform:translate(2px) rotate(0)}}@keyframes brawl-art-hit{0%,42%,to{transform:translate(0) rotate(0)}50%{transform:translate(18px,-14px) rotate(16deg) scale(1.04,.94)}70%{transform:translate(4px) rotate(-3deg)}}@keyframes brawl-art-pow{0%,40%,75%,to{transform:scale(.5) rotate(-12deg);opacity:0}47%{transform:scale(1.25) rotate(10deg);opacity:1}58%{transform:scale(1) rotate(0);opacity:1}}@keyframes brawl-art-stars{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.piggy-tower{transform-box:fill-box;transform-origin:50% 100%;animation:piggy-wobble 2.6s ease-in-out infinite}.piggy-top{transform-box:fill-box;transform-origin:50% 100%;animation:piggy-hop 1.3s ease-in-out infinite}.piggy-key{animation:piggy-key 1.3s ease-in-out infinite}.piggy-hop{transform-box:fill-box;transform-origin:50% 100%;animation:piggy-jump 1.6s cubic-bezier(.3,0,.4,1) infinite}.piggy-door path:last-child{animation:piggy-glow 1.8s ease-in-out infinite}@keyframes piggy-wobble{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2.5deg)}}@keyframes piggy-hop{0%,60%,to{transform:translateY(0) scale(1)}70%{transform:translateY(0) scale(1.1,.88)}82%{transform:translateY(-10px) scale(.94,1.06)}}@keyframes piggy-key{0%,to{transform:translate(126px,16px) rotate(-8deg)}50%{transform:translate(126px,12px) rotate(8deg)}}@keyframes piggy-jump{0%,to{transform:translateY(0) scale(1.08,.92)}12%{transform:translateY(0) scale(.95,1.06)}45%{transform:translateY(-34px) scale(1)}80%{transform:translateY(0) scale(1)}}@keyframes piggy-glow{0%,to{opacity:.6}50%{opacity:1}}@media (prefers-reduced-motion: reduce){.piggy-tower,.piggy-top,.piggy-key,.piggy-hop,.piggy-door path:last-child{animation:none}}.pirates-art-float{animation:pirates-bob 2.4s ease-in-out infinite}.pirates-art-float--1{animation-delay:-.8s}.pirates-art-float--2{animation-delay:-1.6s}.pirates-art-wave--back{animation:pirates-swell 3.2s ease-in-out infinite alternate}.pirates-art-wave--front{animation:pirates-swell 2.6s ease-in-out -1s infinite alternate-reverse}.pirates-art-lift{transform-box:fill-box;transform-origin:50% 0;animation:pirates-yank 2.2s ease-in-out infinite}@keyframes pirates-bob{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(4px) rotate(.6deg)}}@keyframes pirates-swell{0%{transform:translate(-6px)}to{transform:translate(6px)}}@keyframes pirates-yank{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-8px) rotate(3deg)}}@media (prefers-reduced-motion: reduce){.pirates-art-float,.pirates-art-wave--back,.pirates-art-wave--front,.pirates-art-lift{animation:none}}.home{padding-top:12px}.home-hero{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;margin-bottom:44px}.home-hero .hero-box{width:min(78vw,340px);margin-top:-8px}.home-tagline{font-family:var(--font-display);font-weight:700;font-size:clamp(1.15rem,4.6vw,1.45rem);color:var(--ink-2);max-width:24ch}.join-box{width:min(100%,460px);display:flex;flex-direction:column;gap:12px;margin-top:10px;text-align:left;background:var(--sun)}.join-box-label{font-family:var(--font-display);font-weight:800;font-size:1.15rem}.join-box-row{display:flex;gap:10px}.join-box-row .input{flex:1;min-width:0;font-size:1.45rem;letter-spacing:.24em;padding-left:calc(10px + .24em);padding-right:10px}.join-box-row .input::placeholder{letter-spacing:.24em;font-size:1.2rem;opacity:.6}.home-section-title{margin-bottom:18px}.game-grid{display:grid;gap:22px;grid-template-columns:1fr}@media (min-width: 720px){.game-grid{grid-template-columns:repeat(2,1fr)}.game-grid>:last-child{grid-column:1 / -1}}@media (min-width: 1000px){.game-grid{grid-template-columns:repeat(3,1fr)}.game-grid>:last-child{grid-column:auto}}.game-card{display:flex;flex-direction:column;height:100%;overflow:hidden;border:3.5px solid var(--ink);border-radius:28px;background:var(--white);color:var(--ink);text-decoration:none;box-shadow:0 7px 0 var(--ink);transition:transform .18s cubic-bezier(.3,1.4,.5,1),box-shadow .18s ease}a.game-card:hover{transform:translateY(-4px) rotate(-.6deg);box-shadow:0 11px 0 var(--ink)}a.game-card:active{transform:translateY(5px);box-shadow:0 2px 0 var(--ink)}.game-card--disabled{opacity:.85}.game-card-art{height:180px;padding:14px 18px 6px;border-bottom:3.5px solid var(--ink);display:grid;place-items:center}.game-card-art--quip{background:radial-gradient(rgba(255,255,255,.45) 2px,transparent 2.2px) 0 0 / 16px 16px,#ffd84a}.game-card-art--imposter{padding:0;background:linear-gradient(180deg,#2a1e4a,#1b1331)}.game-card-art--tko{background:radial-gradient(rgba(255,255,255,.4) 2px,transparent 2.2px) 0 0 / 16px 16px,#3ed1c8}.game-card-art--brawl{background:radial-gradient(rgba(255,255,255,.4) 2px,transparent 2.2px) 0 0 / 16px 16px,#8c9eff}.game-card-art--piggy{background:radial-gradient(rgba(255,255,255,.45) 2px,transparent 2.2px) 0 0 / 16px 16px,linear-gradient(180deg,#8fd3ff,#c9ecff)}.game-card-art--pirates{padding:0;overflow:hidden;background:radial-gradient(rgba(255,255,255,.35) 2px,transparent 2.2px) 0 0 / 16px 16px,linear-gradient(180deg,#8fd3ff,#c9ecff)}.game-card-art--soon{background:repeating-linear-gradient(-45deg,rgba(255,255,255,.5) 0 12px,transparent 12px 24px),#c8a6ff}.game-card-body{display:flex;flex-direction:column;gap:10px;padding:18px 20px 22px;flex:1}.game-card-title{font-size:2rem;font-weight:800;letter-spacing:-.035em}.game-card-blurb{color:var(--ink-2)}.game-card-tags{display:flex;flex-wrap:wrap;gap:8px}.game-card-cta{display:inline-flex;align-items:center;align-self:flex-start;gap:4px;margin-top:auto;padding:10px 14px 10px 18px;border:3px solid var(--ink);border-radius:14px;background:var(--coral);font-family:var(--font-display);font-weight:800;font-size:1.1rem;box-shadow:0 4px 0 var(--ink)}.game-card--tko .game-card-cta{background:var(--pink)}.game-card--brawl .game-card-cta,.game-card--piggy .game-card-cta,.game-card--pirates .game-card-cta{background:var(--sun)}.game-card--imposter .game-card-cta{background:var(--grape);color:var(--white)}.home-steps{display:grid;gap:14px;margin:48px 0 24px}@media (min-width: 720px){.home-steps{grid-template-columns:repeat(3,1fr)}}.step{display:flex;align-items:flex-start;gap:14px}.step-icon{display:grid;place-items:center;flex-shrink:0;width:52px;height:52px;border:3px solid var(--ink);border-radius:16px;box-shadow:0 4px 0 var(--ink);color:var(--ink)}.step-icon--0{background:var(--mint)}.step-icon--1{background:var(--sky)}.step-icon--2{background:var(--pink)}.home-footer{padding:16px 0 8px;text-align:center;font-size:.92rem}.home-footer a{color:inherit;font-weight:700}.stats-hero{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;margin:4px 0 22px}.stats-title{transform:rotate(-2deg)}.stats-heading{margin:0 4px 10px}.stats-loading{display:flex;align-items:center;justify-content:center;gap:12px;font-family:var(--font-display);font-weight:800}.stats-signin{align-items:center}.stats-signin-icon{display:grid;place-items:center;width:60px;height:60px;border:3px solid var(--ink);border-radius:18px;background:var(--sun);box-shadow:0 4px 0 var(--ink)}.stats-total{display:flex;align-items:center;gap:16px;background:radial-gradient(rgba(255,255,255,.45) 2px,transparent 2.2px) 0 0 / 16px 16px,var(--sun)}.stats-total-value{font-family:var(--font-display);font-weight:800;font-size:clamp(3.2rem,14vw,4.4rem);line-height:1;letter-spacing:-.04em}.stats-total-label{display:flex;flex-direction:column;gap:2px;font-family:var(--font-display);font-weight:800;font-size:1.15rem;line-height:1.2}.stats-total-label .muted{font-family:var(--font-body);font-weight:600;font-size:.92rem}.stats-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:12px;margin:0;padding:0;list-style:none}.stats-tile{display:flex;flex-direction:column;gap:4px;height:100%;padding:0 14px 14px;overflow:hidden;border:var(--stroke) solid var(--ink);border-radius:20px;background:var(--white);color:var(--ink);text-decoration:none;box-shadow:0 5px 0 var(--shadow-color);transition:transform .08s ease,box-shadow .08s ease}.stats-tile:active{transform:translateY(3px);box-shadow:0 2px 0 var(--shadow-color)}.stats-tile:before{content:"";display:block;height:14px;margin:0 -14px 6px;border-bottom:var(--stroke) solid var(--ink);background:var(--tile-color)}.stats-tile--quiplash{--tile-color: #ffd84a}.stats-tile--imposter{--tile-color: #9b6cff}.stats-tile--tko{--tile-color: #3ed1c8}.stats-tile--brawl{--tile-color: #8c9eff}.stats-tile--piggyback{--tile-color: #8fd3ff}.stats-tile--pirates{--tile-color: #1d5b87}.stats-tile-name{font-family:var(--font-display);font-weight:800;font-size:1.05rem;letter-spacing:-.015em}.stats-tile-value{display:flex;align-items:baseline;gap:6px;font-family:var(--font-display);font-weight:800;font-size:clamp(1.8rem,8vw,2.3rem);line-height:1.05;letter-spacing:-.03em}.stats-tile-unit{font-size:1rem;letter-spacing:0;color:var(--ink-2)}.stats-tile-detail{font-size:.9rem;color:var(--ink-3)}.stats-rivals{margin:0;padding:6px 16px;list-style:none}.stats-rival{display:flex;align-items:center;gap:12px;padding:10px 0}.stats-rival+.stats-rival{border-top:2px dashed rgba(34,24,54,.15)}.stats-rival-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-display);font-weight:800;font-size:1.1rem}.stats-rival-detail{font-size:.88rem;color:var(--ink-3)}.stats-record{display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;justify-content:flex-end;column-gap:4px;max-width:96px;font-family:var(--font-display);font-weight:800;font-size:1.5rem;line-height:1.1;font-variant-numeric:tabular-nums}.stats-record-sep{color:var(--ink-3)}.stats-record-t{flex-basis:100%;text-align:right;font-size:.8rem;color:var(--ink-3)}.stats-empty{margin:0}.stats-note{font-size:.88rem;text-align:center}.landing-hero{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;margin:4px 0 22px}.landing-art{width:min(100%,360px);height:170px}.landing--imposter .landing-art{height:190px}.landing-title{display:inline-block;padding:.06em .28em .12em;border:4px solid var(--ink);border-radius:.24em;background:var(--white);color:var(--ink);box-shadow:0 7px 0 var(--shadow-color)}.landing--quiplash .landing-title{background:var(--coral);color:var(--white);-webkit-text-stroke:.03em var(--ink);paint-order:stroke fill}.landing--tko .landing-title{background:var(--pink);color:var(--white);-webkit-text-stroke:.03em var(--ink);paint-order:stroke fill}.landing--brawl .landing-title{background:var(--sun);color:var(--white);-webkit-text-stroke:.035em var(--ink);paint-order:stroke fill}.landing--imposter .landing-title{background:var(--blood);color:var(--white);-webkit-text-stroke:.03em var(--ink);paint-order:stroke fill}.landing-tagline{max-width:30ch;margin-top:10px;color:var(--fg-soft);font-weight:600}.landing-panel{display:flex;flex-direction:column;gap:16px}.landing-name{display:flex;align-items:flex-end;gap:12px}.landing-or{display:flex;align-items:center;gap:12px;color:var(--ink-3);font-family:var(--font-display);font-weight:800;font-size:.85rem;text-transform:uppercase;letter-spacing:.1em}.landing-or:before,.landing-or:after{content:"";flex:1;border-top:2.5px dashed rgba(34,24,54,.22)}.landing-join{display:flex;gap:10px}.landing-join .input{flex:1;min-width:0;font-size:1.4rem;letter-spacing:.24em;padding-left:calc(10px + .24em);padding-right:10px}.landing-join .input::placeholder{font-size:1.15rem;letter-spacing:.24em}.landing-rules{margin-top:34px;display:flex;flex-direction:column;gap:14px}.rules{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.rule{display:flex;align-items:flex-start;gap:14px}.rule-num{display:grid;place-items:center;flex-shrink:0;width:46px;height:46px;border:3px solid var(--ink);border-radius:14px;box-shadow:0 3px 0 var(--ink);color:var(--ink)}.rule-num--0{background:var(--sun)}.rule-num--1{background:var(--mint)}.rule-num--2{background:var(--pink)}.rule-num--3{background:var(--sky)}.landing-extra{margin-top:18px;display:flex;align-items:center;gap:16px}.landing-extra-art{flex-shrink:0}.landing--pirates .landing-title{background:#fff3d6;color:var(--ink)}.landing--piggyback .landing-title{background:var(--sun);color:var(--white);-webkit-text-stroke:.03em var(--ink);paint-order:stroke fill}.splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;place-items:center;pointer-events:none;overflow:hidden}.splash-burst{position:absolute;width:max(132vmin,560px);height:max(132vmin,560px);overflow:visible;filter:drop-shadow(0 10px 0 rgba(34,24,54,.9))}.splash-rays{animation:splash-rays 9s linear infinite;transform-origin:0 0}@keyframes splash-rays{to{transform:rotate(360deg)}}.splash-text{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;padding:0 24px;text-align:center}.splash-title{display:flex;flex-wrap:wrap;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:clamp(3rem,15vw,6.5rem);line-height:.92;letter-spacing:-.04em;color:var(--white);-webkit-text-stroke:.045em var(--ink);paint-order:stroke fill;text-shadow:0 .07em 0 var(--ink)}.splash-word{display:inline-flex;margin:0 .12em}.splash-letter{display:inline-block}.splash-sub{padding:8px 16px;border:3px solid var(--ink);border-radius:999px;background:var(--white);color:var(--ink);font-family:var(--font-display);font-weight:800;font-size:clamp(1rem,4.4vw,1.3rem);box-shadow:0 4px 0 var(--ink)}.confetti{position:fixed;left:50%;top:46%;z-index:95;width:0;height:0;pointer-events:none}.confetti-piece{position:absolute;left:0;top:0;overflow:visible}.phase{margin-top:14px}.phase-intro{text-align:center;font-family:var(--font-display);font-weight:700;font-size:1.08rem}.prompt{--bubble: var(--white);position:relative;padding:18px 20px 20px;margin-bottom:18px;border:3.5px solid var(--ink);border-radius:24px;background:var(--bubble);color:var(--ink);box-shadow:0 6px 0 var(--ink)}.prompt--pink{--bubble: #ffd3ec}.prompt--sky{--bubble: #d6efff}.prompt-label{display:inline-block;margin-bottom:6px;font-family:var(--font-display);font-weight:800;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.prompt-text{font-family:var(--font-display);font-weight:800;font-size:clamp(1.35rem,5.6vw,1.8rem);line-height:1.12;letter-spacing:-.02em;text-wrap:balance}.prompt-author{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:3px 12px 3px 4px;border:2.5px solid var(--ink);border-radius:999px;background:var(--sun);color:var(--ink);font-family:var(--font-display);font-weight:800;font-size:.88rem;box-shadow:0 3px 0 var(--ink)}.prompt-author-face{display:flex}.prompt-tail{position:absolute;left:36px;bottom:-27px;width:40px;height:30px;color:var(--bubble);overflow:visible}.matchup{display:flex;flex-direction:column;align-items:stretch;gap:4px}@media (min-width: 640px){.matchup{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch}.matchup .vs{align-self:center}}.answer-wrap{display:flex;flex-direction:column}.answer-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:100%;flex:1;min-height:112px;padding:18px 18px 18px 58px;border:3.5px solid var(--ink);border-radius:24px;background:var(--white);color:var(--ink);text-align:left;box-shadow:0 6px 0 var(--ink);transition:transform .15s ease,box-shadow .15s ease,opacity .25s ease,background-color .25s ease}.answer-card--b{background:#fff1fa}.answer-card--pickable{cursor:pointer}.answer-card--pickable:hover{transform:translateY(-3px) rotate(-.4deg);box-shadow:0 9px 0 var(--ink)}.answer-card--pickable:active{transform:translateY(4px);box-shadow:0 2px 0 var(--ink)}.answer-card--picked{background:#d3f8eb;box-shadow:0 6px 0 var(--ink),0 0 0 5px var(--mint)}.answer-card--dimmed{opacity:.45;transform:scale(.97)}.answer-card--winner{background:#fff4cc;box-shadow:0 6px 0 var(--ink),0 0 0 5px var(--sun)}.answer-letter{position:absolute;top:16px;left:14px;display:grid;place-items:center;width:32px;height:32px;border:3px solid var(--ink);border-radius:10px;background:var(--sky);font-family:var(--font-display);font-weight:800;font-size:1rem}.answer-card--b .answer-letter{background:var(--pink)}.answer-text{font-family:var(--font-display);font-weight:800;font-size:clamp(1.2rem,5vw,1.5rem);line-height:1.15;letter-spacing:-.015em;word-break:break-word}.answer-stamp{position:absolute;top:-12px;right:14px;display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border:3px solid var(--ink);border-radius:10px;background:var(--mint);font-family:var(--font-display);font-weight:800;font-size:.9rem;text-transform:uppercase;box-shadow:0 3px 0 var(--ink)}.vs{position:relative;z-index:2;display:grid;place-items:center;height:56px;margin:2px 0;pointer-events:none}.vs svg{height:56px;width:84px}.vs svg{overflow:visible}.vs-burst{transform-box:fill-box;transform-origin:center}.vs-zaps{animation:vs-zap 1.4s ease-out infinite;transform-origin:0 0}@keyframes vs-zap{0%{opacity:0;transform:scale(.7)}30%{opacity:1}to{opacity:0;transform:scale(1.25)}}@media (min-width: 640px){.vs{width:64px;height:auto;margin:0 -14px}}.matchup-dots{display:flex;justify-content:center;gap:8px}.matchup-dot{width:12px;height:12px;border:2.5px solid var(--ink);border-radius:50%;background:var(--white);transition:all .3s ease}.matchup-dot--done{background:var(--ink)}.matchup-dot--now{width:30px;border-radius:999px;background:var(--coral)}.my-matchup{display:flex;align-items:center;gap:12px;background:#fff4cc}.vote-locked{display:flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-display);font-weight:800;font-size:1.15rem}.vote-progress{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.vote-progress-face{padding:3px;border:2.5px solid transparent;border-radius:50%;opacity:.55;transition:opacity .3s ease,border-color .3s ease,transform .3s cubic-bezier(.3,1.6,.5,1)}.vote-progress-face--done{opacity:1;border-color:var(--ink);background:var(--mint)}.vote-progress-slot{width:42px;height:42px;border:2.5px dashed rgba(34,24,54,.35);border-radius:50%}.vote-progress-count{flex-basis:100%;text-align:center;font-family:var(--font-display);font-weight:800;font-size:.95rem}.reveal-author{display:flex;align-items:center;gap:8px;width:100%;padding-top:10px;border-top:2.5px dashed rgba(34,24,54,.2)}.reveal-name{flex:1;min-width:0;font-family:var(--font-display);font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reveal-points{padding:4px 10px;border:2.5px solid var(--ink);border-radius:999px;background:var(--sun);font-family:var(--font-display);font-weight:800;font-size:1.05rem}.reveal-voters{display:flex;flex-wrap:wrap;align-items:center;gap:4px;width:100%;min-height:30px}.reveal-voters .reveal-sweep{margin-left:auto}.reveal-novotes{font-weight:700;font-size:.9rem;color:var(--ink-3)}.reveal-crown{position:absolute;top:-22px;left:-12px;color:var(--sun)}.reveal-crown svg{stroke:var(--ink);filter:drop-shadow(0 3px 0 var(--ink))}.reveal-sweep{display:inline-block;padding:4px 9px;border:2.5px solid var(--ink);border-radius:10px;background:var(--coral);color:var(--white);font-family:var(--font-display);font-weight:800;font-size:.85rem;text-transform:uppercase;white-space:nowrap;-webkit-text-stroke:.5px var(--ink);box-shadow:0 3px 0 var(--ink)}.result-headline{text-align:center;font-family:var(--font-display);font-weight:800;font-size:clamp(1.6rem,7vw,2.3rem);letter-spacing:-.03em}.locked{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;background:#e6fbf3}.locked-check{display:grid;place-items:center;width:64px;height:64px;border:3.5px solid var(--ink);border-radius:50%;background:var(--mint);box-shadow:0 4px 0 var(--ink)}.locked-list{list-style:none;margin:0;padding:0;width:100%;display:flex;flex-direction:column;gap:10px;text-align:left}.locked-list li{display:flex;flex-direction:column;gap:2px;padding:10px 14px;border:2.5px solid var(--ink);border-radius:14px;background:var(--white)}.locked-q{font-size:.85rem;color:var(--ink-3);font-weight:700}.locked-a{font-family:var(--font-display);font-weight:800;font-size:1.1rem}.waiting{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;font-weight:600}.waiting-faces{display:flex}.waiting-faces>*+*{margin-left:-8px}.spectator-note{display:flex;align-items:center;gap:12px;background:#e8e0ff}.leaderboard{display:flex;flex-direction:column;gap:10px}.leaderboard-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.leaderboard-row{display:flex;align-items:center;gap:10px;padding:6px 10px;border:2.5px solid var(--ink);border-radius:14px;background:var(--white)}.leaderboard-row--me{background:#fff4cc}.leaderboard-rank{width:1.6ch;font-family:var(--font-display);font-weight:800;color:var(--ink-3)}.leaderboard-name{flex:1;min-width:0;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-score{font-family:var(--font-display);font-weight:800;font-size:1.1rem}.starter-chips{display:flex;flex-wrap:wrap;gap:8px}.starter-chips .chip{white-space:normal;text-align:left}.rank-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.rank-card{position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:72px;padding:14px 16px;border:3px solid var(--ink);border-radius:20px;background:var(--white);color:var(--ink);text-align:left;box-shadow:0 5px 0 var(--ink);transition:transform .12s ease,box-shadow .12s ease,background-color .2s ease}.rank-card:not(:disabled):active{transform:translateY(3px);box-shadow:0 2px 0 var(--ink)}.rank-card:disabled{cursor:default}.rank-card--picked{background:#fff4cc}.rank-text{flex:1;font-family:var(--font-display);font-weight:800;font-size:1.15rem;line-height:1.2}.rank-medal{display:grid;place-items:center;flex-shrink:0;width:52px;height:52px;border:3px solid var(--ink);border-radius:50%;font-family:var(--font-display);font-weight:800;font-size:1rem;box-shadow:0 3px 0 var(--ink)}.r3-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.r3-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border:3px solid var(--ink);border-radius:20px;background:var(--white);box-shadow:0 5px 0 var(--ink)}.r3-row--top{background:#fff4cc;box-shadow:0 5px 0 var(--ink),0 0 0 5px var(--sun)}.r3-place{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border:3px solid var(--ink);border-radius:50%;background:var(--sky);font-family:var(--font-display);font-weight:800}.r3-row--top .r3-place{background:var(--sun)}.r3-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.r3-answer{font-family:var(--font-display);font-weight:800;font-size:1.12rem;line-height:1.2;word-break:break-word}.r3-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.r3-author{font-weight:700;font-size:.92rem}.r3-rankers{display:flex;flex-wrap:wrap;gap:4px}.r3-medal{padding:1px 7px;border:2px solid var(--ink);border-radius:999px;font-family:var(--font-display);font-weight:800;font-size:.72rem}.r3-points{font-family:var(--font-display);font-weight:800;font-size:1.2rem;white-space:nowrap}.final-title{color:var(--white);-webkit-text-stroke:.04em var(--ink);paint-order:stroke fill;text-shadow:0 .07em 0 var(--ink)}.podium{display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:8px;max-width:460px;width:100%;margin:0 auto;padding:40px 10px 0;border-bottom:5px solid var(--ink);border-radius:0 0 6px 6px}.podium-slot{display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.podium-player{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;margin-bottom:8px;text-align:center}.podium-crown{position:absolute;top:-30px;color:var(--sun);z-index:2}.podium-crown svg{stroke:var(--ink);filter:drop-shadow(0 3px 0 var(--ink))}.podium-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-display);font-weight:800;font-size:1rem}.podium-score{padding:1px 10px;border:2.5px solid var(--ink);border-radius:999px;background:var(--white);font-family:var(--font-display);font-weight:800}.podium-block{width:100%;display:flex;justify-content:center;padding-top:10px;overflow:hidden;border:3.5px solid var(--ink);border-bottom:none;border-radius:16px 16px 0 0;font-family:var(--font-display);font-weight:800;font-size:2rem;color:var(--ink)}.podium-block--1{background:var(--sun)}.podium-block--2{background:#d9dee8}.podium-block--3{background:#f0a36b}.standings{list-style:none;margin:0;display:flex;flex-direction:column;gap:8px}.standings-row{display:flex;align-items:center;gap:10px}.standings-place{width:2ch;font-family:var(--font-display);font-weight:800;color:var(--ink-3)}.standings-name{flex:1;min-width:0;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.standings-score{font-family:var(--font-display);font-weight:800}.lobby-cta{display:flex;flex-direction:column;gap:10px}.lobby-wait{display:flex;align-items:center;justify-content:center;gap:12px;font-weight:600}.imposter .phase{margin-top:14px}.imposter .lead,.imposter>.muted,.imposter .center.muted{color:var(--fg-soft)}.imposter .title,.imposter .display{color:var(--fg)}.imposter .panel .title{color:var(--ink)}.role-card{display:block;width:100%;max-width:420px;margin:0 auto;padding:0;border:0;background:none;perspective:1200px;-webkit-tap-highlight-color:transparent}.role-card-inner{position:relative;display:grid;transform-style:preserve-3d}.role-face{grid-area:1 / 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:360px;padding:26px 22px;border:3.5px solid var(--ink);border-radius:28px;box-shadow:0 8px #07040f;backface-visibility:hidden;-webkit-backface-visibility:hidden;text-align:center}.role-face--back{background:repeating-linear-gradient(45deg,rgba(255,255,255,.05) 0 14px,transparent 14px 28px),linear-gradient(160deg,#3a2b63,#241843);color:#fff6e8}.role-face--front{transform:rotateY(180deg);color:var(--ink)}.role-face--crew{background:linear-gradient(170deg,#e6fbf3,#c8f3e3)}.role-face--imposter{background:linear-gradient(170deg,#ffd6df,#ffb0c2)}.role-eye{width:140px;height:94px;overflow:visible}.role-eye-pupil{animation:role-look 3.4s ease-in-out infinite}@keyframes role-look{0%,to{transform:translate(0)}25%{transform:translate(-16px)}60%{transform:translate(16px)}}.role-hint{font-family:var(--font-display);font-weight:800;font-size:1.5rem}.role-sub{font-size:.95rem;color:#c9bfe6}.role-label{font-family:var(--font-display);font-weight:800;font-size:clamp(1.5rem,6.5vw,2rem);letter-spacing:-.03em}.role-face--imposter .role-label{color:#b3112f}.role-word{padding:8px 18px 10px;border:3.5px solid var(--ink);border-radius:18px;background:var(--white);font-family:var(--font-display);font-weight:800;font-size:clamp(2rem,10vw,3rem);line-height:1;letter-spacing:-.03em;box-shadow:0 5px 0 var(--ink);word-break:break-word}.role-tip{max-width:30ch;color:var(--ink-2);font-weight:600}.role-fellows{font-weight:600}.role-hide{font-size:.85rem;font-weight:700;color:var(--ink-3)}.ready-note{display:flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-display);font-weight:800;font-size:1.05rem;color:var(--fg)}.settings{display:flex;flex-direction:column}.setting--stack{flex-direction:column;align-items:stretch}.category-chips{display:flex;flex-wrap:wrap;gap:8px}.clue-panel .muted{color:var(--ink-2)}.turns{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 6px}.turn{position:relative;display:flex;flex-direction:column;align-items:center;width:76px}.turn-num{position:absolute;top:-4px;left:4px;z-index:1;display:grid;place-items:center;width:24px;height:24px;border:2.5px solid var(--ink);border-radius:50%;background:var(--white);font-family:var(--font-display);font-weight:800;font-size:.8rem}.turn--first .turn-num{background:var(--sun)}.turn-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-display);font-weight:800;font-size:.85rem}.suspects{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:12px}.suspect{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 6px 12px;border:3px solid var(--ink);border-radius:22px;background:var(--white);color:var(--ink);box-shadow:0 5px #07040f}.suspect--picked{background:#ffe1e8;box-shadow:0 5px #07040f,0 0 0 5px var(--blood)}.suspect-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-display);font-weight:800}.crosshair{position:absolute;top:6px;left:50%;width:92px;height:92px;margin-left:-46px;pointer-events:none;overflow:visible}.locked-vote{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;font-family:var(--font-display);font-weight:800;font-size:1.2rem}.locked-vote .muted{font-size:.95rem;color:var(--ink-3)}.spotlight{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;min-height:300px;padding-top:10px;overflow:hidden;border:3.5px solid #07040f;border-radius:28px;background:radial-gradient(ellipse at 50% 100%,#3a2b63,#140d26 70%);box-shadow:0 8px #07040f}.spotlight-beam{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.spotlight-lead{position:relative;font-family:var(--font-display);font-weight:800;font-size:1.2rem;color:#fff6e8}.spotlight-stage{position:relative;display:grid;place-items:center;min-height:170px;width:100%}.spotlight-found{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.spotlight-person{display:flex;flex-direction:column;align-items:center;gap:6px}.spotlight-name{padding:4px 14px;border:3px solid var(--ink);border-radius:999px;background:var(--white);color:var(--ink);font-family:var(--font-display);font-weight:800;font-size:1.15rem;box-shadow:0 3px #07040f}.verdict{position:relative;margin:4px 0 18px;padding:8px 20px;border:4px solid var(--ink);border-radius:16px;font-family:var(--font-display);font-weight:800;font-size:clamp(1.8rem,9vw,2.6rem);text-transform:uppercase;letter-spacing:-.02em;box-shadow:0 6px #07040f}.verdict--caught{background:var(--mint);color:var(--ink)}.verdict--escaped{background:var(--blood);color:var(--white);-webkit-text-stroke:1px var(--ink)}.secret-word{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;transform-origin:top center}.secret-word .eyebrow{color:var(--ink-3)}.secret-word-text{font-family:var(--font-display);font-weight:800;font-size:clamp(2.2rem,11vw,3.4rem);line-height:1;letter-spacing:-.035em}.tally{display:flex;flex-direction:column;gap:12px}.tally-row{display:flex;align-items:flex-start;gap:10px}.tally-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.tally-top{display:flex;justify-content:space-between;gap:8px}.tally-name{display:flex;align-items:center;gap:6px;font-weight:700;min-width:0}.tally-imp{font-size:.7rem;padding:2px 8px}.tally-count{font-family:var(--font-display);font-weight:800}.tally-track{height:14px;border:2.5px solid var(--ink);border-radius:999px;background:#f1ebe0;overflow:hidden}.tally-bar{height:100%;border-radius:999px;background:var(--sky)}.tally-bar--imp{background:var(--blood)}.tally-voters{font-size:.82rem;color:var(--ink-3)}.imp-scores{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.imp-score-row{display:flex;align-items:center;gap:10px;font-weight:600}.imp-score-place{width:2ch;font-family:var(--font-display);font-weight:800;color:var(--ink-3)}.imposter .lobby-wait{display:flex;align-items:center;justify-content:center;gap:12px;font-weight:600}.imposter .spectator-note{display:flex;align-items:center;gap:12px;background:#e8e0ff}.imposter .vote-progress{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.imposter .vote-progress-face{padding:3px;border:2.5px solid transparent;border-radius:50%;opacity:.5;transition:all .3s ease}.imposter .vote-progress-face--done{opacity:1;border-color:#07040f;background:var(--mint)}.imposter .btn--ghost{color:var(--fg)}.pass-card{display:flex;align-items:center;gap:14px;color:var(--ink);text-decoration:none;background:#e8e0ff}.pass-card:active{transform:translateY(3px);box-shadow:0 3px 0 var(--shadow-color)}.pass-card .subtitle{display:block}.pass-card-text{display:block;color:var(--ink-2);font-size:.95rem}.pass-card-icon{display:grid;place-items:center;flex-shrink:0;width:56px;height:56px;border:3px solid var(--ink);border-radius:16px;background:var(--grape);color:var(--white);box-shadow:0 3px 0 var(--ink)}.pass-head{margin:6px 0 20px}.pass .stack+.settings,.pass section+section{margin-top:16px}.pass-add{display:flex;gap:10px}.pass-add .input{flex:1;min-width:0}.pass-players{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.pass-player{display:flex;align-items:center;gap:10px;padding:6px 6px 6px 10px;border:2.5px solid var(--ink);border-radius:16px;background:#faf6ef}.pass-player-name{font-family:var(--font-display);font-weight:800;font-size:1.05rem}.pass .sticky-cta{margin-top:18px}.pass-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.pass-bar-title{font-family:var(--font-display);font-weight:800;font-size:1.2rem}.pass-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:12px}.pass-card-btn{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;padding:14px 8px 12px;border:3px solid var(--ink);border-radius:22px;background:var(--white);color:var(--ink);box-shadow:0 5px #07040f}.pass-card-btn--seen{background:#e6fbf3}.pass-card-btn .roster-badge{top:10px;right:10px;bottom:auto}.pass-card-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-display);font-weight:800}.pass-card-status{font-size:.8rem;font-weight:700;color:var(--ink-3)}.peek-scrim{background:#0a0616e6}.peek-sheet{width:min(100%,440px);display:flex;flex-direction:column;gap:16px}.peek-for{text-align:center;font-family:var(--font-display);font-weight:700;font-size:1.25rem;color:#fff6e8}.tko .phase{margin-top:14px}.shirt{position:relative;width:100%;aspect-ratio:1;container-type:inline-size}.shirt-body{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.shirt-print{position:absolute;left:29%;width:42%;top:24%;height:62%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2cqw}.shirt-drawing{flex:1 1 0;min-height:0;width:100%}.shirt-slogan{flex:none;max-width:100%;margin:0;text-align:center;font-family:var(--font-display);font-weight:800;font-size:6.4cqw;line-height:1.02;letter-spacing:-.01em;overflow-wrap:anywhere}.shirt-slogan--mid{font-size:5.2cqw}.shirt-slogan--long{font-size:4.3cqw}.shirt-slogan--solo{font-size:8.4cqw}.shirt-slogan--solo-long{font-size:6.2cqw}.drawing{display:block;overflow:visible}.drawing--reveal path{stroke-dasharray:1;stroke-dashoffset:1;animation:tko-draw-in .45s ease-out forwards;animation-delay:var(--draw-delay, 0s)}@keyframes tko-draw-in{to{stroke-dashoffset:0}}.tko-waiting{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;font-weight:600}.tko-waiting p{margin:0}.tko-waiting-faces{display:flex}.tko-waiting-faces>*+*{margin-left:-8px}.tko-note{display:flex;align-items:center;gap:12px;background:#e8e0ff}.tko-note p{margin:0}.tko-done{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;background:#e6fbf3}.tko-done p{margin:0}.tko-done-check{display:grid;place-items:center;width:64px;height:64px;border:3.5px solid var(--ink);border-radius:50%;background:var(--mint);box-shadow:0 4px 0 var(--ink)}.tko-credits{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 10px;margin:0;font-size:.86rem;color:var(--ink-2)}.tko-credits strong{color:var(--ink)}.tko-cta{display:flex;flex-direction:column;gap:10px}.tko-wait{display:flex;align-items:center;justify-content:center;gap:12px;font-weight:600}.tko-intro{margin:0;text-align:center;font-family:var(--font-display);font-weight:700;font-size:1.05rem}.tko-draw{gap:10px}.tko-draw-head{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:8px}.tko-idea{display:inline-flex;flex:1;min-width:0;align-items:center;gap:6px;max-width:100%;padding:6px 12px;border:2.5px solid var(--ink);border-radius:999px;background:var(--white);color:var(--ink);font:inherit;font-size:.9rem;text-align:left;cursor:pointer;box-shadow:0 3px 0 var(--ink)}.tko-idea>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tko-draw-head .chip{flex:none;white-space:nowrap}.tko-idea:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}.tko-pad{position:relative;touch-action:none;overscroll-behavior:contain;width:min(100%,420px,max(250px,calc(100vh - 372px)));width:min(100%,420px,max(250px,calc(100dvh - 372px)));margin:0 auto;aspect-ratio:1;border:3.5px solid var(--ink);border-radius:22px;background:radial-gradient(rgba(34,24,54,.1) 1.4px,transparent 1.5px) 0 0 / 20px 20px,#f3eee6;box-shadow:0 6px 0 var(--ink);overflow:hidden}.tko-canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.tko-pad-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;margin:0;pointer-events:none;font-family:var(--font-display);font-weight:800;font-size:1.2rem;color:#2218364d}.tko-ink{display:flex;align-items:center;gap:10px}.tko-ink-label{font-family:var(--font-display);font-weight:800;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em}.tko-ink-track{flex:1;height:10px;border:2.5px solid var(--ink);border-radius:999px;background:var(--white);overflow:hidden}.tko-ink-fill{display:block;height:100%;background:var(--mint);transition:width .2s ease}.tko-ink-fill--low{background:var(--coral)}.tko-tools{display:flex;flex-direction:column;gap:8px}.tko-swatches{display:grid;grid-template-columns:repeat(6,32px);justify-content:space-between;gap:6px}.tko-swatch{aspect-ratio:1;padding:0;border:3px solid var(--ink);border-radius:50%;cursor:pointer;box-shadow:0 3px 0 var(--ink);transition:transform .12s ease}.tko-swatch--on{outline:3px solid var(--ink);outline-offset:3px;transform:translateY(-2px)}.tko-tool-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.tko-pens{display:flex;gap:8px}.tko-pen{display:grid;place-items:center;width:42px;height:42px;padding:0;border:3px solid var(--ink);border-radius:14px;background:var(--white);cursor:pointer;box-shadow:0 3px 0 var(--ink)}.tko-pen span{border:1.5px solid var(--ink);border-radius:50%}.tko-pen--on{background:var(--sun)}.tko-sent{display:flex;justify-content:center;gap:8px}.tko-sent-drawing{width:74px;height:74px;border:2.5px solid var(--ink);border-radius:14px;background:#f3eee6}.tko-slogan-form{display:flex;align-items:stretch;gap:10px}.tko-slogan-form .input{flex:1;min-width:0}.tko-sparks{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.tko-slogan-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;width:100%}.tko-slogan-list li{display:flex;align-items:center;gap:10px;padding:10px 12px 10px 16px;border:3px solid var(--ink);border-radius:16px;background:var(--white);color:var(--ink);font-family:var(--font-display);font-weight:800;font-size:1.05rem;text-align:left;box-shadow:0 4px 0 var(--ink)}.tko-slogan-list--done li{box-shadow:none}.tko-slogan-list li.tko-slogan-pending{border-style:dashed;box-shadow:none}.tko-slogan-list li.tko-slogan-empty{justify-content:center;border-style:dashed;background:transparent;box-shadow:none;font-family:var(--font-body);font-weight:600;font-size:.95rem}.tko-slogan-remove{flex:none;display:grid;place-items:center;width:30px;height:30px;padding:0;border:2.5px solid var(--ink);border-radius:50%;background:var(--paper);color:var(--ink);cursor:pointer}.tko-preview{display:grid;place-items:center}.tko-preview-shirt{width:min(70vw,280px)}.tko-picks{display:flex;gap:10px;padding:4px 2px 8px;overflow-x:auto}.tko-pick{flex:none;width:92px;height:92px;padding:6px;border:3px solid var(--ink);border-radius:18px;background:#f3eee6;cursor:pointer;box-shadow:0 4px 0 var(--ink)}.tko-pick .drawing{width:100%;height:100%}.tko-pick--on{background:var(--sun);outline:3px solid var(--ink);outline-offset:2px}.tko-pick-slogans{display:flex;flex-direction:column;gap:8px}.tko-pick-slogan{padding:12px 16px;border:3px solid var(--ink);border-radius:16px;background:var(--white);color:var(--ink);font-family:var(--font-display);font-weight:800;font-size:1.02rem;text-align:left;cursor:pointer;box-shadow:0 4px 0 var(--ink)}.tko-pick-slogan--on{background:var(--sun)}.tko-colors{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.tko-color{aspect-ratio:1;padding:0;border:3px solid var(--ink);border-radius:50%;cursor:pointer;box-shadow:0 3px 0 var(--ink)}.tko-color--on{outline:3px solid var(--ink);outline-offset:3px}.tko-segmented{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:3px solid var(--ink);border-radius:16px;background:var(--white);box-shadow:0 4px 0 var(--ink)}.tko-segmented button{padding:12px;border:0;background:transparent;color:var(--ink);font-family:var(--font-display);font-weight:800;font-size:.98rem;cursor:pointer}.tko-segmented button+button{border-left:3px solid var(--ink)}.tko-segmented button.tko-segmented--on{background:var(--sun)}.tko-design-actions{display:flex;gap:10px}.tko-printed{width:min(40vw,180px)}.tko-printed-row{display:flex;justify-content:center;gap:8px}.tko-design-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:48px}.tko-design-printed{display:flex;gap:4px}.tko-mini-shirt{width:48px}.tko-ring{display:flex;flex-direction:column;align-items:center}.tko-slot{position:relative;width:min(100%,320px);display:flex;flex-direction:column;align-items:center}.tko-vs{position:relative;z-index:3;margin:-14px 0 -22px;pointer-events:none}.tko-fighter{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 16px 12px;border:3.5px solid var(--ink);border-radius:26px;color:var(--ink);font:inherit;text-align:center;box-shadow:0 6px 0 var(--ink);cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;transition:opacity .2s ease}.tko-fighter:disabled{cursor:default}.tko-fighter--a{background:#ffe3de}.tko-fighter--b{background:#ddf1ff}.tko-fighter--picked{box-shadow:0 6px 0 var(--ink),0 0 0 5px var(--sun)}.tko-fighter--dim{opacity:.55}.tko-fighter--result{cursor:default}.tko-fighter--lost{filter:grayscale(.6)}.tko-fighter-shirt{width:min(58vw,220px)}.tko-corner{padding:3px 12px;border:2.5px solid var(--ink);border-radius:999px;font-family:var(--font-display);font-weight:800;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase}.tko-corner--a{background:var(--coral);color:var(--white)}.tko-corner--b{background:var(--sky);color:var(--ink)}.tko-stamp{position:absolute;top:40%;left:50%;translate:-50% 0;padding:6px 14px;border:3px solid var(--ink);border-radius:12px;background:var(--sun);font-family:var(--font-display);font-weight:800;font-size:1.15rem;text-transform:uppercase;white-space:nowrap;box-shadow:0 4px 0 var(--ink)}.tko-ko{position:absolute;top:30%;left:50%;translate:-50% 0;font-family:var(--font-display);font-weight:800;font-size:3.4rem;line-height:1;color:var(--coral);-webkit-text-stroke:2.5px var(--ink);paint-order:stroke fill;text-shadow:0 5px 0 var(--ink);pointer-events:none}.tko-winner-badge{position:absolute;top:-14px;right:14px;padding:4px 12px;border:3px solid var(--ink);border-radius:999px;background:var(--sun);font-family:var(--font-display);font-weight:800;text-transform:uppercase;box-shadow:0 3px 0 var(--ink)}.tko-tally{display:flex;align-items:center;gap:8px;min-height:32px}.tko-tally-count{font-family:var(--font-display);font-weight:800}.tko-tally-faces{display:flex}.tko-tally-faces>*+*{margin-left:-8px}.tko-hint{margin:0;text-align:center;font-family:var(--font-display);font-weight:800;font-size:1.15rem}.tko-votes-in{margin:0;text-align:center}.tko-verdict{align-items:center;text-align:center}.tko-headline{margin:0;font-family:var(--font-display);font-weight:800;font-size:1.5rem}.tko-points{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.tko-points li{padding:4px 12px;border:2.5px solid var(--ink);border-radius:999px;background:var(--white);font-weight:700}.tko-points li.tko-points--me{background:var(--sun)}.tko-champion{align-items:center;text-align:center}.tko-champion-title{margin:0;font-size:clamp(2rem,10vw,3rem)}.tko-champion-shirt{position:relative;width:min(78vw,300px);margin-bottom:40px}.tko-belt-wrap{position:absolute;left:50%;bottom:-15%;width:72%;translate:-50% 0}.tko-belt{display:block;width:100%;overflow:visible}.tko-champion-wins{margin:0;font-family:var(--font-display);font-weight:800;font-size:1.15rem}.tko-winner{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.tko-winner-kicker{margin:0;padding:6px 16px;border:3px solid var(--ink);border-radius:999px;background:var(--sun);font-family:var(--font-display);font-weight:800;font-size:1.2rem;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 4px 0 var(--ink)}.tko-winner-shirt{width:min(84vw,320px)}.tko-scores ol{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.tko-scores li{display:flex;align-items:center;gap:10px;padding:8px 12px;border:2.5px solid var(--ink);border-radius:16px;background:var(--white)}.tko-scores li.tko-scores--top{background:#fff3c4}.tko-scores li.tko-scores--me{box-shadow:0 0 0 3px var(--sky)}.tko-scores-rank{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--ink);color:var(--paper);font-weight:800}.tko-scores-name{font-weight:700}.tko-scores-points{font-family:var(--font-display);font-weight:800;font-size:1.2rem}.tko-awards{display:grid;gap:10px}.tko-award{display:flex;align-items:center;gap:12px}.tko-award p{margin:0}.tko-award-title{font-family:var(--font-display);font-weight:800;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.tko-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.tko-gallery-item{margin:0;padding:8px;display:flex;flex-direction:column;align-items:center;gap:4px;border:3px solid var(--ink);border-radius:18px;background:#ffffffb3}.tko-gallery-item figcaption{display:flex;flex-direction:column;align-items:center;font-size:.82rem}html.brawl-locked,html.brawl-locked body{overflow:hidden;overscroll-behavior:none}.brawl-fight{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;overflow:hidden;background:#1b1331;color:#fff6e8;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.brawl-arena{position:absolute;top:0;right:0;bottom:0;left:0;background:#1b1331}.brawl-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.brawl-overlay{pointer-events:none}.brawl-hud{position:absolute;top:0;left:0;right:0;padding:max(8px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) 0 max(10px,env(safe-area-inset-left));pointer-events:none}.brawl-hud>*{pointer-events:auto}.brawl-hud-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.brawl-hud-title{display:inline-flex;flex-direction:column;padding:5px 14px 6px;border:3px solid var(--ink);border-radius:16px;background:#fff6e8;color:var(--ink);box-shadow:0 4px 0 var(--ink);line-height:1;transform:rotate(-1.5deg)}.brawl-hud-round{font-family:var(--font-display);font-weight:800;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}.brawl-hud-stage{font-family:var(--font-display);font-weight:800;font-size:1.05rem;letter-spacing:-.02em}.brawl-hud-right{display:flex;align-items:center;gap:8px}.brawl-hud-right .btn--icon{background:#fff6e8}.brawl-timer{display:inline-flex;align-items:center;gap:5px;padding:7px 11px;border:3px solid var(--ink);border-radius:999px;background:#fff6e8;color:var(--ink);font-family:var(--font-display);font-weight:800;font-variant-numeric:tabular-nums;box-shadow:0 3px 0 var(--ink)}.brawl-timer.is-sudden{background:var(--blood);color:#fff;animation:brawl-pulse .6s ease-in-out infinite alternate}@keyframes brawl-pulse{to{transform:scale(1.08)}}.brawl-roster{display:flex;justify-content:center;gap:6px;margin:8px 0 0;padding:0;list-style:none}.brawl-chip{position:relative;display:flex;flex-direction:column;align-items:center;padding:2px 3px 3px;border:2.5px solid var(--ink);border-radius:14px;background:#fff6e8eb;box-shadow:0 3px 0 var(--ink);transition:opacity .3s,transform .3s}.brawl-chip.is-me{background:#fff3a6}.brawl-chip.is-out{opacity:.45;transform:scale(.9) rotate(-6deg);filter:grayscale(.8)}.brawl-chip-wins,.brawl-winner-wins{display:flex;gap:2px}.brawl-chip-wins i,.brawl-winner-wins i{width:6px;height:6px;border:1.5px solid var(--ink);border-radius:50%;background:#fff}.brawl-chip-wins i.on,.brawl-winner-wins i.on{background:var(--sun)}.brawl-winner-wins i{width:14px;height:14px;border-width:2.5px}.brawl-feed{position:absolute;top:calc(max(8px,env(safe-area-inset-top)) + 96px);right:max(10px,env(safe-area-inset-right));display:flex;flex-direction:column;align-items:flex-end;gap:5px;margin:0;padding:0;list-style:none;pointer-events:none;max-width:70vw}.brawl-feed li{padding:4px 10px;border:2px solid var(--ink);border-radius:10px;background:#221836d9;font-size:.8rem;line-height:1.2}.brawl-feed strong{color:var(--sun)}.is-landscape .brawl-feed{top:calc(max(8px,env(safe-area-inset-top)) + 58px);right:auto;left:max(10px,env(safe-area-inset-left));align-items:flex-start;max-width:40vw}.brawl-intro{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;pointer-events:none;padding-bottom:calc(var(--ctl-h) * .6)}.is-landscape .brawl-intro{padding-bottom:0}.brawl-intro-card{display:flex;flex-direction:column;align-items:center;padding:10px 26px 12px;border:4px solid var(--ink);border-radius:22px;background:var(--sun);color:var(--ink);box-shadow:0 6px 0 var(--ink)}.brawl-intro-card strong{font-family:var(--font-display);font-weight:800;font-size:clamp(1.8rem,8vw,2.8rem);letter-spacing:-.03em;line-height:1}.brawl-count,.brawl-call{font-family:var(--font-display);font-weight:800;color:#fff;-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:0 6px 0 var(--ink);line-height:1}.brawl-count{font-size:clamp(5rem,26vw,9rem)}.brawl-call{position:absolute;top:34%;left:0;right:0;text-align:center;font-size:clamp(3.6rem,18vw,7rem);color:var(--sun);pointer-events:none}.is-landscape .brawl-call{top:30%}.brawl-banner{position:absolute;top:calc(max(8px,env(safe-area-inset-top)) + 96px);left:50%;translate:-50% 0;display:flex;flex-direction:column;align-items:center;max-width:min(92vw,420px);padding:8px 16px 10px;border:3px solid var(--ink);border-radius:16px;background:#fff6e8;color:var(--ink);box-shadow:0 5px 0 var(--ink);text-align:center;pointer-events:none}.brawl-banner strong{font-family:var(--font-display);font-weight:800;font-size:1.15rem;letter-spacing:-.02em}.brawl-banner span{font-size:.85rem;color:var(--ink-2)}.brawl-banner--sudden{background:var(--blood);color:#fff;transform:rotate(-2deg)}.brawl-banner--sudden strong{font-size:1.6rem;text-transform:uppercase}.brawl-banner--sudden span{color:#fff}.brawl-banner--out{background:#fff}.brawl-banner--watch{top:auto;bottom:calc(var(--ctl-h) + 12px);opacity:.95}.is-landscape .brawl-banner--watch{bottom:18px}.brawl-winner{position:absolute;left:50%;top:46%;translate:-50% -50%;display:flex;align-items:center;gap:14px;padding:12px 20px 12px 14px;border:4px solid var(--ink);border-radius:24px;background:var(--sun);color:var(--ink);box-shadow:0 7px 0 var(--ink);pointer-events:none;width:max-content;max-width:92vw}.brawl-winner>div{display:flex;flex-direction:column;gap:4px}.brawl-winner strong{font-family:var(--font-display);font-weight:800;font-size:clamp(1.2rem,5vw,1.7rem);letter-spacing:-.02em;line-height:1.05}.is-portrait .brawl-winner{top:calc((100% - var(--ctl-h)) * .55)}.brawl-rotate{position:absolute;left:50%;bottom:calc(var(--ctl-h) + 10px);translate:-50% 0;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:2.5px solid var(--ink);border-radius:999px;background:#fff6e8eb;color:var(--ink);font-size:.78rem;font-weight:600;white-space:nowrap;box-shadow:0 3px 0 var(--ink)}.brawl-keys{position:absolute;left:50%;bottom:10px;translate:-50% 0;margin:0;padding:5px 12px;border-radius:999px;background:#221836bf;font-size:.8rem;white-space:nowrap;pointer-events:none}.brawl-keys kbd{padding:1px 5px;border:1.5px solid #fff6e8;border-radius:5px;font:inherit;font-weight:700}.brawl-controls{position:absolute;left:0;right:0;bottom:0;height:var(--ctl-h);pointer-events:none}.is-portrait .brawl-controls{background:linear-gradient(to bottom,#120a2600,#120a268c 30%,#120a26cc)}.is-landscape .brawl-controls{height:62%}.brawl-stick-zone{position:absolute;left:0;bottom:0;width:52%;height:100%;pointer-events:auto;touch-action:none}.brawl-stick{position:absolute;left:max(86px,calc(env(safe-area-inset-left) + 86px));top:calc(100% - 100px - env(safe-area-inset-bottom));width:124px;height:124px;margin:-62px 0 0 -62px;border:3px solid rgba(255,246,232,.5);border-radius:50%;background:#fff6e814;transition:opacity .2s;opacity:.55}.brawl-stick.is-active{opacity:1;transition:none;background:#fff6e824;border-color:#fff6e8cc}.brawl-stick-knob{position:absolute;left:50%;top:50%;width:58px;height:58px;margin:-29px 0 0 -29px;border:3.5px solid var(--ink);border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0,#fff 18%,#c9d6ff 19%,#c9d6ff);box-shadow:0 4px 0 var(--ink)}.brawl-buttons{position:absolute;right:max(14px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));width:200px;height:200px;pointer-events:none}.brawl-btn{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:0;border:3.5px solid var(--ink);border-radius:50%;color:var(--ink);pointer-events:auto;touch-action:none;box-shadow:0 6px 0 var(--ink);transition:transform .08s ease,box-shadow .08s ease;-webkit-tap-highlight-color:transparent}.brawl-btn svg{width:46%;height:46%;fill:none;stroke:var(--ink);stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round;position:relative}.brawl-btn-label{position:relative;font-family:var(--font-display);font-weight:800;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase}.brawl-btn.is-down{transform:translateY(5px) scale(.96);box-shadow:0 1px 0 var(--ink)}.brawl-btn:disabled{opacity:.45;filter:grayscale(.6)}.brawl-btn--punch{right:0;bottom:12px;width:98px;height:98px;background:var(--coral)}.brawl-btn--grab{right:112px;bottom:0;width:78px;height:78px;background:var(--sun)}.brawl-btn--kick{right:106px;bottom:96px;width:78px;height:78px;background:var(--mint)}.brawl-btn--jump{right:8px;bottom:124px;width:72px;height:72px;background:var(--sky)}.brawl-charge{position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px;border-radius:50%;background:conic-gradient(var(--sun) calc(var(--charge, 0) * 1%),transparent 0);-webkit-mask:radial-gradient(circle,transparent 58%,#000 59%);mask:radial-gradient(circle,transparent 58%,#000 59%);animation-name:brawl-charge;animation-timing-function:linear;animation-fill-mode:forwards}@property --charge{syntax: "<number>"; inherits: false; initial-value: 0;}@keyframes brawl-charge{0%{--charge: 0}to{--charge: 100}}.brawl-bots{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px}.brawl-bot{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;border:3px dashed var(--ink);border-radius:18px;background:#ffffffb3;color:var(--ink)}.brawl-bot--add{justify-content:center;min-height:104px;background:#ffffff59;font:inherit}.brawl-bot--add:hover,.brawl-bot--add:focus-visible{background:#ffffffb3}.brawl-bot-plus{display:grid;place-items:center;width:48px;height:48px;border:3px solid var(--ink);border-radius:50%;background:var(--sun)}.brawl-bot-name{font-weight:700;font-size:.95rem;text-align:center}.brawl-bot-tag{display:inline-block;padding:0 7px;border:2px solid var(--ink);border-radius:999px;background:var(--grape);color:#fff;font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;vertical-align:middle}.brawl-stages{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.brawl-stage-pick{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px 8px;border:3px solid var(--ink);border-radius:16px;background:#fff;color:var(--ink);font-weight:700;font-size:.85rem;box-shadow:0 4px 0 var(--ink);transition:transform .12s ease}.brawl-stage-pick:disabled{cursor:default;opacity:.75}.brawl-stage-pick.is-on{background:#fff3a6;transform:translateY(-3px) rotate(-1.5deg);box-shadow:0 7px 0 var(--ink)}.brawl-stage-pick.is-on:disabled{opacity:1}.brawl-wins{display:inline-flex;border:3px solid var(--ink);border-radius:14px;overflow:hidden}.brawl-wins button{padding:8px 12px;border:0;border-left:2.5px solid var(--ink);background:#fff;font-weight:700;font-size:.9rem}.brawl-wins button:first-child{border-left:0}.brawl-wins button.is-on{background:var(--sun)}.brawl-wins button:disabled{cursor:default}.brawl-moves{display:grid;gap:12px;margin:0;padding:0;list-style:none}.brawl-moves li{display:flex;gap:12px;align-items:flex-start}.brawl-move-icon{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border:3px solid var(--ink);border-radius:50%;box-shadow:0 3px 0 var(--ink)}.brawl-cta{display:flex;flex-direction:column;gap:10px}.brawl-wait{display:flex;align-items:center;justify-content:center;gap:10px}.brawl-champ{display:flex;flex-direction:column;align-items:center;gap:6px;padding-top:34px;overflow:hidden;text-align:center;background:#fff3a6}.brawl-champ-rays{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:repeating-conic-gradient(rgba(255,201,60,.35) 0 10deg,transparent 10deg 20deg);animation:brawl-spin 18s linear infinite;z-index:0}.brawl-champ>*:not(.brawl-champ-rays){position:relative}@keyframes brawl-spin{to{transform:rotate(360deg)}}.brawl-champ-crown{color:var(--sun);filter:drop-shadow(0 3px 0 var(--ink));margin-bottom:-26px;z-index:1}.brawl-champ-crown svg{stroke:var(--ink)}.brawl-champ-name{font-size:clamp(2.2rem,10vw,3.4rem)}.brawl-standings{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}.brawl-standings li{display:flex;align-items:center;gap:12px}.brawl-standings li.is-me{background:#fff3cf}.brawl-standings strong{display:block}.brawl-rank{font-family:var(--font-display);font-weight:800;font-size:1.4rem;width:1.4em;text-align:center}.brawl-stats{font-size:.85rem}.brawl-crowns{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border:2.5px solid var(--ink);border-radius:999px;background:var(--sun);font-family:var(--font-display);font-weight:800}.brawl-awards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.brawl-award{display:flex;align-items:center;gap:12px}.brawl-award>div{display:flex;flex-direction:column}@media (prefers-reduced-motion: reduce){.brawl-champ-rays,.brawl-timer.is-sudden{animation:none}}.pirates--play{padding-bottom:calc(80px + env(safe-area-inset-bottom))}.pt-tile{--s: 26px;position:relative;display:inline-grid;place-items:center;flex-shrink:0;width:var(--s);height:var(--s);border:2px solid var(--ink);border-radius:calc(var(--s) * .22);background:#fff3d6;color:var(--ink);font-family:var(--font-display);font-weight:800;font-size:calc(var(--s) * .6);line-height:1;box-shadow:0 2px 0 var(--ink);user-select:none;-webkit-user-select:none;transition:background-color .15s ease}.pt-tile--pool{--s: clamp(34px, 9.4vw, 44px);border-width:2.5px;box-shadow:0 3px 0 var(--ink)}.pt-tile--mini{--s: 20px;border-width:1.6px;box-shadow:0 1.5px 0 var(--ink)}.pt-tile.is-hot{background:var(--sun);box-shadow:0 0 0 3px #fff,0 3px 0 var(--ink)}.pt-tile.is-fresh:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border:3px solid #fff;border-radius:inherit;opacity:0;animation:pt-fresh 1.2s ease-out 2;pointer-events:none}@keyframes pt-fresh{0%{opacity:.9;scale:.8}to{opacity:0;scale:1.35}}.pt-word{display:inline-flex;gap:2px;padding:3px;border:2px solid transparent;border-radius:9px;background:none;color:inherit;font:inherit;transition:background-color .15s ease,border-color .15s ease}button.pt-word{cursor:pointer;touch-action:manipulation}@media (hover: hover){button.pt-word:hover{background:#22183612}}.pt-word.is-aimed{border-color:var(--coral);border-style:dashed}.pt-word.is-doomed{border-color:var(--coral);border-style:solid;background:#ffd9d2;animation:pt-doomed .9s ease-in-out infinite alternate}@keyframes pt-doomed{to{background:#ffb8aa}}.pt-word--mini{gap:1px;padding:0;border:0}.pt-play{display:grid;gap:14px;align-items:start}.pt-col{display:flex;flex-direction:column;gap:12px;min-width:0}@media (min-width: 900px){.pt-play{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:20px}.pt-col--mine{grid-column:1;grid-row:1}.pt-col--others{grid-column:2;grid-row:1}}.pt-alone{color:var(--fg-soft);text-align:center;font-weight:600}.pt-hold{position:relative;padding:10px 12px 12px;border:var(--stroke) solid var(--ink);border-left-width:9px;border-left-color:var(--who, var(--ink));border-radius:20px;background:var(--white);color:var(--ink);box-shadow:0 5px 0 var(--shadow-color)}.pt-hold--me{background:#f0fff9}.pt-hold-head{display:flex;align-items:center;gap:8px;min-width:0}.pt-hold-name{font-family:var(--font-display);font-weight:800;font-size:1.02rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pt-crown{display:inline-grid;color:#e6a700}.pt-score{margin-left:auto;min-width:2.1em;padding:3px 9px;border:2.5px solid var(--ink);border-radius:999px;background:var(--sun);font-family:var(--font-display);font-weight:800;text-align:center;font-variant-numeric:tabular-nums}.pt-voted{padding:1px 8px;border:2px solid var(--ink);border-radius:999px;background:var(--mint);font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.pt-hold-words{display:flex;flex-wrap:wrap;gap:4px 8px;margin-top:8px;min-height:34px;align-items:center}.pt-hold-empty{color:var(--ink-3);font-size:.92rem;font-weight:600}.pt-bot-tag{display:inline-block;flex-shrink:0;padding:0 7px;border:2px solid var(--ink);border-radius:999px;background:var(--grape);color:#fff;font-size:.66rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;vertical-align:middle}.pt-sea{padding:12px 14px 14px;border:var(--stroke) solid var(--ink);border-radius:var(--r-lg);background:radial-gradient(rgba(150,100,40,.16) 1.6px,transparent 1.7px) 0 0 / 14px 14px,#f6dca2;color:var(--ink);box-shadow:0 6px 0 var(--shadow-color)}.pt-sea-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.pt-sea-title{display:flex;align-items:center;gap:8px;font-size:1.15rem;font-weight:800}.pt-count{padding:1px 9px;border:2.5px solid var(--ink);border-radius:999px;background:#fff;font-size:.9rem;font-variant-numeric:tabular-nums}.pt-sort{padding:4px 10px;border:2.5px solid var(--ink);border-radius:10px;background:#fff;font-family:var(--font-display);font-weight:800;font-size:.85rem;box-shadow:0 2px 0 var(--ink)}.pt-sort.is-on{background:var(--sky)}.pt-pool{display:flex;flex-wrap:wrap;gap:7px;min-height:clamp(44px,12vw,54px);align-content:flex-start;perspective:600px}.pt-pool--dense{gap:6px}.pt-pool--dense .pt-tile--pool{--s: clamp(30px, 8vw, 38px)}.pt-pool--packed{gap:5px}.pt-pool--packed .pt-tile--pool{--s: clamp(26px, 6.6vw, 32px);border-width:2px;box-shadow:0 2px 0 var(--ink)}.pt-pool-empty{align-self:center;color:#2218368c;font-weight:700}.pt-sea-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.pt-bag{display:flex;align-items:center;gap:8px}.pt-bag-tiles{position:relative;width:40px;height:36px}.pt-bag-tiles i{position:absolute;left:0;width:30px;height:30px;border:2.5px solid var(--ink);border-radius:7px;background:#e8c27a}.pt-bag-tiles i:nth-child(1){top:6px;left:0}.pt-bag-tiles i:nth-child(2){top:3px;left:5px}.pt-bag-tiles i:nth-child(3){top:0;left:10px;background:repeating-linear-gradient(45deg,rgba(34,24,54,.12) 0 4px,transparent 4px 8px),#f2d08e}.pt-bag-count{font-family:var(--font-display);font-weight:800;font-size:1.5rem;font-variant-numeric:tabular-nums}.pt-bag-label{font-weight:700;font-size:.9rem;color:var(--ink-2)}.pt-flip{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:58px;padding:4px 18px 4px 4px;border:var(--stroke) solid var(--ink);border-radius:999px;background:var(--sky);color:var(--ink);font-family:var(--font-display);font-weight:800;font-size:1.15rem;box-shadow:0 4px 0 var(--ink);touch-action:manipulation;user-select:none;-webkit-user-select:none;transition:transform .09s ease,box-shadow .09s ease,background-color .2s ease}.pt-flip:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}.pt-flip.is-voted{background:var(--mint)}.pt-flip--done{padding-left:18px;background:var(--coral)}.pt-flip--done.is-voted{background:var(--mint)}.pt-flip-label{display:flex;flex-direction:column;align-items:flex-start;line-height:1}.pt-flip-label small{margin-top:3px;font-size:.72rem;font-variant-numeric:tabular-nums}.pt-ring{flex-shrink:0;transform:rotate(-90deg)}.pt-ring-track{fill:#fff;stroke:#22183626;stroke-width:7}.pt-ring-arc{fill:none;stroke:var(--ink);stroke-width:7;stroke-linecap:round;stroke-dasharray:100}.pt-last-call{margin-top:10px;padding:8px 12px;border:2.5px solid var(--ink);border-radius:12px;background:#fff;font-weight:700;text-align:center}.pt-claim{display:flex;flex-direction:column;gap:8px}.pt-claim-row{display:flex;gap:8px}.pt-input{flex:1;min-width:0;font-family:var(--font-display);font-weight:800;font-size:1.45rem;letter-spacing:.12em;text-transform:uppercase}.pt-input::placeholder{letter-spacing:.02em;text-transform:none;font-size:1.1rem}.pt-claim.is-ok .pt-input{border-color:var(--ink);box-shadow:inset 0 3px #22183614,0 0 0 4px color-mix(in srgb,var(--mint) 70%,transparent)}.pt-go{min-width:96px}.pt-go:disabled{opacity:1;--btn-bg: #9cc3de;color:var(--ink-2)}.pt-preview{min-height:1.4em;padding:0 4px;font-weight:700;font-size:.95rem;color:var(--fg-soft)}.pt-preview--ok{color:#9ff0d3}.pt-preview--bad{color:#ffc2b8}.pt-aim-chip{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border:2.5px dashed var(--ink);border-radius:999px;background:#fff;color:var(--ink);font-weight:700;font-size:.9rem}.pt-attempt{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:6px 12px;border:2.5px solid var(--ink);border-radius:14px;background:#fff;color:var(--ink);font-size:.92rem;font-weight:600}.pt-attempt strong{font-family:var(--font-display);letter-spacing:.06em}.pt-attempt--ok{background:var(--mint)}.pt-attempt--fail{background:#ffd3cc}.pt-feed ol{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}.pt-feed li{display:flex;align-items:center;gap:8px;color:var(--fg-soft);font-size:.92rem}.pt-feed li:first-child{color:var(--fg)}.pt-flash-wrap{position:fixed;top:calc(78px + env(safe-area-inset-top));left:12px;right:12px;z-index:55;display:flex;justify-content:center;pointer-events:none}.pt-flash{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;max-width:560px;padding:8px 14px 8px 8px;border:3px solid var(--ink);border-radius:18px;color:var(--ink);font-weight:600;box-shadow:0 5px 0 var(--ink)}.pt-flash--win{background:var(--sun)}.pt-flash--lose{background:#ffd3cc}.pt-bots{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px}.pt-bot{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;border:3px dashed var(--ink);border-radius:18px;background:#ffffffd9;color:var(--ink)}.pt-bot--add{justify-content:center;min-height:136px;background:#ffffff73;font:inherit}.pt-bot--add:hover,.pt-bot--add:focus-visible{background:#ffffffbf}.pt-bot-plus{display:grid;place-items:center;width:48px;height:48px;border:3px solid var(--ink);border-radius:50%;background:var(--sun)}.pt-bot-name{font-weight:700;font-size:.92rem;text-align:center}.pt-level{display:flex;flex-direction:column;align-items:center;padding:3px 10px 4px;border:2.5px solid var(--ink);border-radius:12px;background:var(--mint);font-family:var(--font-display);font-weight:800;font-size:.8rem;line-height:1.1;box-shadow:0 2px 0 var(--ink)}.pt-level small{font-family:var(--font-body);font-weight:700;font-size:.68rem;text-transform:uppercase;letter-spacing:.06em}.pt-level--2{background:var(--sun)}.pt-level--3{background:var(--coral)}.pt-level:disabled{cursor:default;opacity:1}.pt-note,.pt-cta-note{color:var(--fg-soft)}.pt-choice{display:inline-flex;flex-wrap:wrap;border:3px solid var(--ink);border-radius:14px;overflow:hidden}.pt-choice button{padding:8px 10px;border:0;border-left:2.5px solid var(--ink);background:#fff;font-weight:700;font-size:.86rem}.pt-choice button:first-child{border-left:0}.pt-choice button.is-on{background:var(--sun)}.pt-choice button:disabled{cursor:default}.pirates .setting{flex-wrap:wrap}.pt-setting-text{flex:1;min-width:0}.pt-cta{display:flex;flex-direction:column;gap:10px}.pt-wait{display:flex;align-items:center;justify-content:center;gap:10px}.pt-how{display:grid;gap:14px;margin:0;padding:0;list-style:none}.pt-how li{display:grid;grid-template-columns:1fr;gap:6px}.pt-how-art{display:flex;align-items:center;gap:6px}.pt-champ{display:flex;flex-direction:column;align-items:center;gap:6px;padding-top:26px;text-align:center;background:radial-gradient(rgba(150,100,40,.14) 1.6px,transparent 1.7px) 0 0 / 14px 14px,#f6dca2}.pt-champ-crown{color:#e6a700;margin-bottom:-8px}.pt-champ-faces{display:flex;gap:8px}.pt-champ-name{font-size:clamp(2rem,9vw,3.2rem)}.pt-champ-haul{font-weight:700;color:var(--ink-2)}.pt-standings{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}.pt-standings li{display:flex;flex-direction:column;gap:8px}.pt-standings li.is-me{background:#f0fff9}.pt-standing-head{display:flex;align-items:center;gap:10px}.pt-rank{display:grid;place-items:center;width:30px;height:30px;border:2.5px solid var(--ink);border-radius:50%;background:var(--sun);font-family:var(--font-display);font-weight:800}.pt-final-score{font-family:var(--font-display);font-weight:800;font-size:1.6rem;font-variant-numeric:tabular-nums}.pt-standing-words{display:flex;flex-wrap:wrap;gap:6px}.pt-stats{font-size:.85rem}.pt-awards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.pt-award{display:flex;align-items:center;gap:12px}.pt-award>div{display:flex;flex-direction:column;min-width:0}.pt-missed{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin:0;padding:0;list-style:none}.pt-missed-item{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}.pt-missed-item .muted{font-size:.85rem;overflow-wrap:anywhere}@media (prefers-reduced-motion: reduce){.pt-tile.is-fresh:after,.pt-word.is-doomed{animation:none}}