:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:oklch(15% .028 18);--bg-raised:oklch(19% .032 18);--surface:oklch(23.5% .036 18);--surface-hover:oklch(27.5% .04 18);--line:oklch(32% .04 18);--line-strong:oklch(42% .045 18);--ink:oklch(96.5% .008 30);--ink-soft:oklch(82% .022 25);--ink-faint:oklch(70% .03 22);--haki:oklch(60% .215 25);--haki-ink:oklch(99% 0 0);--haki-fill:oklch(56% .205 26);--haki-fill-hover:oklch(51% .2 26);--haki-soft:oklch(60% .215 25/.16);--haki-ring:oklch(60% .215 25/.35);--haki-bolt:oklch(72% .22 25);--haki-bolt-soft:oklch(72% .22 25/.35);--bolt:oklch(7% .01 20);--ok:oklch(74% .16 150);--ok-ink:oklch(24% .06 150);--partial:oklch(80% .15 75);--partial-ink:oklch(28% .06 65);--ko:oklch(38% .11 22);--ko-ink:oklch(95% .02 20);--unknown:oklch(30% .025 18);--unknown-ink:oklch(80% .02 20);--pending:oklch(74% .12 235);--pending-ink:oklch(22% .05 235);--pending-soft:oklch(74% .12 235/.16);--font:"Rubik", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:"Dela Gothic One", "Rubik", sans-serif;--radius-s:6px;--radius:10px;--radius-l:16px;--z-dropdown:10;--z-sticky:20;--z-shock:40;--z-news:45;--z-toast:50;--ease-out:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.5}body{min-height:100dvh}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3{text-wrap:balance;margin:0;line-height:1.2}p{margin:0}:focus-visible{outline:2px solid var(--haki);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.btn{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);cursor:pointer;min-height:44px;transition:background .16s var(--ease-out), border-color .16s var(--ease-out), transform .12s var(--ease-out);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:500;display:inline-flex}.btn:hover:not(:disabled){background:var(--surface-hover)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--haki-fill);color:var(--haki-ink);border-color:#0000;font-weight:600}.btn--primary:hover:not(:disabled){background:var(--haki-fill-hover)}.btn--ghost{color:var(--ink-soft);background:0 0;border-color:#0000}.btn--ghost:hover:not(:disabled){background:var(--surface);color:var(--ink)}.btn--danger{border-color:var(--haki);background:var(--haki-soft)}.btn--danger:hover:not(:disabled){background:oklch(60% .215 25/.3)}.btn--small{min-height:34px;padding:0 12px;font-size:.875rem}.btn--block{width:100%}.icon-btn{border-radius:var(--radius-s);width:36px;height:36px;color:var(--ink-soft);cursor:pointer;transition:background .16s var(--ease-out);background:0 0;border:1px solid #0000;place-items:center;display:inline-grid}.icon-btn:hover{background:var(--surface);color:var(--ink)}.icon-btn svg{width:20px;height:20px}.field{gap:6px;display:grid}.field__label{color:var(--ink-soft);font-size:.875rem;font-weight:500}.input,.select,.textarea{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--bg-raised);width:100%;min-height:44px;transition:border-color .16s var(--ease-out);padding:10px 14px}.input::placeholder,.textarea::placeholder{color:var(--ink-faint)}.input:hover,.select:hover,.textarea:hover{border-color:var(--ink-faint)}.input:focus,.select:focus,.textarea:focus{border-color:var(--haki);box-shadow:0 0 0 3px var(--haki-ring);outline:none}.input--code{text-transform:uppercase;letter-spacing:.2em;font-weight:600}.textarea{resize:vertical;min-height:72px}.seg{flex-wrap:wrap;gap:6px;display:flex}.seg__opt{border:1px solid var(--line-strong);min-height:38px;color:var(--ink-soft);cursor:pointer;transition:background .16s var(--ease-out), color .16s var(--ease-out), border-color .16s var(--ease-out);background:0 0;border-radius:999px;padding:0 14px}.seg__opt:hover:not(:disabled){border-color:var(--ink-faint);color:var(--ink)}.seg__opt[aria-pressed=true]{border-color:var(--haki);background:var(--haki-soft);color:var(--ink)}.seg__opt:disabled{cursor:not-allowed}.seg__opt:disabled:not([aria-pressed=true]){opacity:.45}.seg__opt small{color:var(--ink-faint);margin-left:4px}.toggle{cursor:pointer;color:var(--ink-soft);align-items:center;gap:10px;display:flex}.toggle input{width:20px;height:20px;accent-color:var(--haki)}.kbd-hint{color:var(--ink-faint);font-size:.8125rem}.home{isolation:isolate;place-items:center;min-height:100dvh;padding:32px 16px 48px;display:grid;position:relative}.forge{z-index:-1;background:#0b0705;position:fixed;inset:0;overflow:hidden}.forge__stage{aspect-ratio:16/9;width:max(100vw,177.78vh);position:absolute;bottom:0;left:50%;translate:-50%}.forge__stage>*{width:100%;height:100%;position:absolute;inset:0}.forge__camera{transform-origin:50% 62%;animation:24s ease-in-out infinite alternate forge-drift;overflow:hidden}.forge__art{object-fit:cover;opacity:.82;width:100%;height:100%;display:block}.forge__darkness{opacity:.3;background:#0b0705;animation:2.7s ease-in-out .15s both forge-dawn}.forge__shade{background:radial-gradient(at 50% 48%,#0000 39%,#0b07051f 69%,#0b07057a 100%)}.forge__grain{opacity:.028;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E") 0 0/512px}@keyframes forge-drift{0%{transform:scale(1.075)translate(-.47%,1.11%)}to{transform:scale(1.115)translate(.68%,-.93%)}}@keyframes forge-dawn{0%{opacity:.9}to{opacity:.3}}.home__back{top:calc(env(safe-area-inset-top,0px) + 12px);z-index:var(--z-sticky);color:var(--ink);gap:6px;text-decoration:none;position:fixed;left:16px}.home__audio{top:calc(env(safe-area-inset-top,0px) + 12px);z-index:var(--z-sticky);position:fixed;right:16px}.home__inner{gap:28px;width:min(100%,760px);display:grid}.home__inner>:not(.brand){justify-self:center;width:min(100%,440px)}.brand{text-align:center;gap:10px;display:grid}.brand__title{font-family:var(--font-display);letter-spacing:.01em;text-transform:uppercase;font-size:clamp(3rem,12vw,4.25rem);font-weight:400;line-height:.95}.forge-logo{width:min(100%,720px);margin:0 auto;display:block;position:relative}.beta{color:var(--ink);letter-spacing:.08em;vertical-align:.25em;background:oklch(49% .2 26);border-radius:4px;margin-left:.6em;padding:.3em .45em .25em;font-size:.55em;line-height:1;display:inline-block}.beta--logo{margin:0;font-size:clamp(.75rem,2.4vw,1.05rem);animation:.38s cubic-bezier(.22,1,.36,1) 2.7s both beta-stamp;position:absolute;top:14%;right:1%;rotate:8deg;box-shadow:0 2px 10px oklch(0% 0 0/.5)}@keyframes beta-stamp{0%{opacity:0;scale:1.6}to{opacity:1;scale:1}}@media (prefers-reduced-motion:reduce){.beta--logo{animation:none}}.forge-logo__camera{transform-origin:50% 51%;animation:2.9s cubic-bezier(.215,.61,.355,1) .15s both forge-logo-arrive;display:block;position:relative;container-type:inline-size}.forge-logo__img{width:100%;height:auto;animation:2.55s cubic-bezier(.25,.46,.45,.94) .3s both forge-logo-rise;display:block}.forge-logo__halo{mix-blend-mode:screen;opacity:0;background:radial-gradient(#fff1bf 0%,#ffb840 12%,#ff5a0a 28%,#0000 68%);border-radius:50%;width:11.65%;height:22.13%;animation:.91s 1.35s both forge-eye-ignite,3.2s ease-in-out 2.26s infinite alternate forge-eye-smoulder;position:absolute;top:46.91%}.forge-logo__halo--left{left:19.44%}.forge-logo__halo--right{left:27.03%}.forge-logo__shutter{background:radial-gradient(#1a0b05 38%,#261205 61%,#0000 74%);border-radius:50%;width:3.39%;height:11.9%;animation:.18s cubic-bezier(.165,.84,.44,1) 1.35s both forge-eye-open;position:absolute;top:52.02%}.forge-logo__shutter--left{left:23.58%}.forge-logo__shutter--right{left:31.17%}.forge-logo__flare{mix-blend-mode:screen;opacity:0;background:radial-gradient(#fff1bf,#ffb840 22%,#0000 70%);width:21.2%;height:max(1.22%,3px);animation:.58s 1.37s both forge-eye-flare;position:absolute;top:57.53%;left:18.63%}.forge-logo__drop{top:var(--y);left:var(--x);aspect-ratio:.8;opacity:0;transform-origin:50% 0;width:.75cqi;animation:forge-lava-drop var(--period) var(--delay) infinite;background:radial-gradient(circle at 42% 34%,#fff1bf 0 12%,#ffb840 30%,#ff5a0a 62%,#9c2600);border-radius:50%/62% 62% 42% 42%;position:absolute;translate:-50% -55%;box-shadow:0 0 .7cqi .12cqi #ff5a0ab3}.forge-logo__sweep{opacity:0;pointer-events:none;animation:9s 3.4s infinite forge-sweep-light;position:absolute;inset:0;overflow:hidden;-webkit-mask:-webkit-image-set(url(/brand/logo-800.webp) 1x,url(/brand/logo.webp) 2x) 50%/100% 100% no-repeat;-webkit-mask:image-set("/brand/logo-800.webp" 1x,"/brand/logo.webp" 2x) 50%/100% 100% no-repeat;mask:image-set("/brand/logo-800.webp" 1x,"/brand/logo.webp" 2x) 50%/100% 100% no-repeat}@media (width<=760px){.forge-logo__sweep{-webkit-mask-image:url(/brand/logo-800.webp);mask-image:url(/brand/logo-800.webp)}}.forge-logo__band{mix-blend-mode:screen;background:linear-gradient(115deg,#0000 42%,#ffb8401f 47%,#fff1bfbf 50%,#ffb8401f 53%,#0000 58%);animation:9s 3.4s infinite forge-sweep-band;position:absolute;inset:-55%;transform:translate(-57%)}@keyframes forge-logo-arrive{0%{transform:scale(1.06)translateY(1.4%)}to{transform:none}}@keyframes forge-logo-rise{0%{opacity:.1}to{opacity:1}}@keyframes forge-eye-ignite{0%{opacity:0;animation-timing-function:cubic-bezier(.16,1,.3,1);transform:scale(.74)}25%{opacity:.38;animation-timing-function:cubic-bezier(.39,.575,.565,1);transform:scale(1.18)}to{opacity:.17;transform:scale(1)}}@keyframes forge-eye-smoulder{0%{opacity:.17;transform:scale(1)}to{opacity:.3;transform:scale(1.06)}}@keyframes forge-eye-open{0%{opacity:.96}to{opacity:0}}@keyframes forge-eye-flare{0%{opacity:0;transform:scaleX(.7)}22%{opacity:.65;transform:scaleX(1.25)}to{opacity:0;transform:scaleX(1.8)}}@keyframes forge-lava-drop{0%{opacity:0;transform:translateY(0)scale(.2)}10%{opacity:1}60%{opacity:1;animation-timing-function:cubic-bezier(.55,0,1,.45);transform:translateY(40%)scaleY(1.18)}92%{opacity:.9;transform:translateY(1290%)scale(.8,1.5)}to{opacity:0;transform:translateY(1480%)scale(.5,1.2)}}@keyframes forge-sweep-light{0%{opacity:0}2.8%{opacity:.31}10.3%{opacity:.31}13.9%,to{opacity:0}}@keyframes forge-sweep-band{0%{animation-timing-function:cubic-bezier(.445,.05,.55,.95);transform:translate(-57%)}13.9%,to{transform:translate(45%)}}@media (prefers-reduced-motion:reduce){.forge__camera,.forge__darkness,.forge-logo__camera,.forge-logo__img,.forge-logo__halo,.forge-logo__shutter,.forge-logo__flare,.forge-logo__drop,.forge-logo__sweep,.forge-logo__band{animation:none}.forge-logo__halo{opacity:.17}.forge-logo__shutter{opacity:0}}.brand__universe{letter-spacing:.32em;color:var(--haki);margin-top:8px;font-size:.34em;display:block}.brand__tagline{color:var(--ink-soft);max-width:34ch;margin:0 auto}.home__card{border:1px solid var(--line);border-radius:var(--radius-l);background:var(--bg-raised);gap:16px;padding:24px;display:grid}.home__divider{color:var(--ink-faint);align-items:center;gap:12px;font-size:.875rem;display:flex}.home__divider:before,.home__divider:after{content:"";background:var(--line);flex:1;height:1px}.join-row{gap:8px;display:flex}.join-row .input{flex:1;min-width:0}.brand__tagline,.home__credit{text-shadow:0 1px 2px #0b0705,0 0 14px #0b0705}.home__credit{color:var(--ink-soft);text-align:center;background:radial-gradient(closest-side,#0b0705e0 55%,#0b070500);padding:14px 28px;font-size:.8125rem}.home__credit a{color:inherit}.home__error{border-radius:var(--radius);background:var(--haki-soft);color:var(--ink);padding:10px 14px;font-size:.9375rem}.landing{background:oklch(12% .004 20);grid-template-rows:auto auto 1fr;justify-items:center;gap:40px;min-height:100dvh;padding:56px 16px 40px;display:grid}.landing__hero{text-align:center;gap:18px;max-width:760px;display:grid}.landing__brand{font-family:var(--font-display);letter-spacing:.01em;text-transform:uppercase;font-size:clamp(2.4rem,7vw,4rem);font-weight:400;line-height:.92}.landing__pitch{max-width:44ch;color:var(--ink-soft);text-wrap:pretty;margin:0 auto;font-size:1.125rem}.landing__universes{gap:16px;width:min(100%,980px);display:grid}.landing__choose{text-align:center;font-size:1.125rem;font-weight:600}.universes{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.universe{border:1px solid var(--line);height:100%;color:inherit;transition:border-color .2s var(--ease-out), transform .2s var(--ease-out);border-radius:20px;grid-template-rows:auto 1fr;text-decoration:none;display:grid;overflow:hidden}a.universe:hover,a.universe:focus-visible{border-color:var(--haki);transform:translateY(-3px)}.universe--one-piece{background:oklch(19% .045 22)}.universe--naruto{background:oklch(19% .035 55)}.universe__faces{justify-content:center;gap:6px;padding:22px 16px 0;display:flex}.universe__face{border-radius:10px 10px 0 0;flex:1 1 0;max-width:88px;overflow:hidden}.universe__face .portrait{aspect-ratio:4/5;filter:grayscale()brightness(.4)blur(3px);width:100%;height:auto;animation:face-reveal 10s var(--ease-out) infinite;animation-delay:calc(var(--i,0) * 2s)}a.universe:hover .universe__face .portrait,a.universe:focus-visible .universe__face .portrait{filter:none;animation:none}@keyframes face-reveal{0%,4%{filter:grayscale()brightness(.4)blur(3px)}9%,17%{filter:none}22%,to{filter:grayscale()brightness(.4)blur(3px)}}.universe__face--unknown{aspect-ratio:4/5;color:oklch(72% .12 60);font-family:var(--font-display);background:oklch(14% .02 55);place-items:center;font-size:2rem;display:grid}.universe__body{border-top:1px solid oklch(100% 0 0/.08);align-content:start;gap:8px;padding:18px 20px 22px;display:grid}.universe__name{font-family:var(--font-display);letter-spacing:.01em;text-transform:uppercase;font-size:2.25rem;line-height:1}.universe__pitch{color:var(--ink-soft)}.universe__modes{color:var(--ink-faint);font-size:.9375rem}.universe__cta,.universe__soon{border-radius:999px;justify-self:start;margin-top:6px;padding:8px 18px;font-weight:600}.universe__cta{background:var(--haki);color:var(--haki-ink)}.universe__soon{color:oklch(85% .1 65);background:oklch(72% .12 60/.18)}.universe--soon{cursor:default}.landing__footer{max-width:64ch;color:var(--ink-faint);text-align:center;align-self:end;gap:12px;font-size:.8125rem;display:grid}.landing__footer a{color:inherit}@media (prefers-reduced-motion:reduce){.universe__face .portrait{animation:none}}.legal-links{flex-wrap:wrap;justify-content:center;gap:4px 18px;font-size:.8125rem;display:flex}.legal-links a{color:var(--ink-soft);text-underline-offset:3px}.legal-links a:hover{color:var(--ink)}.home .legal-links{text-shadow:0 1px 2px #0b0705,0 0 14px #0b0705;margin-top:-18px}.legal{background:oklch(12% .004 20);align-content:start;justify-items:center;gap:32px;min-height:100dvh;padding:40px 16px;display:grid}.legal__brand{color:var(--ink);font-family:var(--font-display);text-transform:uppercase;font-size:1.25rem;text-decoration:none}.legal__body{width:min(100%,68ch);color:var(--ink-soft);line-height:1.6}.legal__title{color:var(--ink);font-family:var(--font-display);text-transform:uppercase;margin-bottom:12px;font-size:clamp(1.75rem,5vw,2.5rem);font-weight:400;line-height:1.05}.legal__lead{color:var(--ink);text-wrap:pretty;font-size:1.125rem}.legal__body h2{color:var(--ink);margin:28px 0 6px;font-size:1.0625rem;font-weight:600}.legal__body p+p{margin-top:6px}.legal__body a{color:var(--ink);text-underline-offset:3px}.legal__body .legal__updated{color:var(--ink-faint);margin-top:28px;font-size:.875rem}.room{grid-template-rows:auto 1fr;min-height:100dvh;display:grid}.room.is-shaking{animation:shake .52s var(--ease-out)}.topbar{z-index:var(--z-sticky);border-bottom:1px solid var(--line);background:var(--bg);align-items:center;gap:12px;padding:8px 16px;display:flex;position:sticky;top:0}.topbar__home{font-family:var(--font-display);white-space:nowrap;letter-spacing:.02em;text-transform:uppercase;color:var(--ink);font-size:clamp(1rem,3.4vw,1.25rem);line-height:1;text-decoration:none}.topbar__code{color:var(--ink-soft);align-items:center;gap:8px;margin-left:auto;font-size:.875rem;display:flex}.topbar__code b{color:var(--ink);letter-spacing:.16em;font-weight:600}@media (width<=420px){.topbar__label{display:none}}.status-dot{background:var(--ok);border-radius:50%;width:8px;height:8px}.status-dot--connecting{background:var(--partial)}.status-dot--closed{background:var(--haki)}.room__body{align-content:start;gap:20px;width:min(100%,1280px);margin:0 auto;padding:20px 16px 48px;display:grid}.room__body--lobby{flex-direction:column;width:min(100%,920px);padding-bottom:0;display:flex}.room__body--lobby .room__main{flex-direction:column;flex:1;display:flex}.room__main{gap:20px;min-width:0;display:grid}.panel{border:1px solid var(--line);border-radius:var(--radius-l);background:var(--bg-raised);gap:16px;padding:20px;display:grid;container-type:inline-size}@media (width<=520px){.panel{padding:16px}}.panel__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;display:flex}.panel__title{font-size:1.125rem;font-weight:600}.panel__hint{color:var(--ink-soft);font-size:.9375rem}.player{border-radius:var(--radius-s);align-items:center;gap:10px;min-height:40px;padding:4px 8px;display:flex}.player--me{background:var(--surface)}.player__avatar{color:oklch(20% .03 20);border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:.8125rem;font-weight:600;display:grid}.player--offline .player__avatar{filter:grayscale()brightness(.6)}.player__name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.player--offline .player__name{color:var(--ink-faint)}.player__meta{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:.8125rem}.player__crown{color:var(--haki);font-size:.875rem}.crew-strip{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.crew-strip .player{border:1px solid var(--line);background:var(--bg-raised);border-radius:999px;min-height:36px;padding:3px 10px 3px 4px}.crew-strip .player--me{border-color:var(--line-strong)}.crew-strip .player__avatar{width:28px;height:28px}.crew-strip .player__name{flex:none;max-width:14ch}.lobby{flex-direction:column;flex:1;gap:16px;display:flex}.lobby__code{color:var(--ink);letter-spacing:.12em}.wanted-wall{scroll-snap-type:x proximity;border-radius:var(--radius);scrollbar-width:thin;background:radial-gradient(#0000 45%,oklch(8% .02 40/.65)),url(/posters/board-wood.webp) 50%/cover;gap:12px;margin:0;padding:18px 14px 20px;list-style:none;display:flex;overflow-x:auto;box-shadow:inset 0 2px 18px oklch(0% 0 0/.6)}@media (width>=600px){.wanted-wall{flex-wrap:wrap;justify-content:center;gap:18px;padding:22px 18px 24px}}.crew-poster{scroll-snap-align:start;filter:drop-shadow(0 2px 1.5px oklch(0% 0 0/.55))drop-shadow(0 12px 12px oklch(0% 0 0/.45));flex:none;width:128px;position:relative;rotate:-1.5deg;container-type:inline-size}.crew-poster:nth-child(2n){rotate:1.8deg}.crew-poster:nth-child(3n){rotate:-.6deg}.wanted-card{--wanted-ink:oklch(24% .03 50);background-blend-mode:normal, multiply, normal, normal;width:100%;color:var(--wanted-ink);text-align:center;background:radial-gradient(at 50% 42%,#0000 50%,oklch(45% .07 55/.42)),url(/posters/paper-grain.webp) 50%/140px,url(/posters/paper-sheet.webp) 50%/cover,oklch(86% .04 82);border:0;grid-template-columns:minmax(0,1fr);justify-items:center;gap:5cqi;padding:11cqi 8cqi 10cqi;display:grid}.wanted-card__title,.wanted-card__name,.wanted-card__role{-webkit-mask:url(/posters/stamp-wear.png) 0 0/90px;mask:url(/posters/stamp-wear.png) 0 0/90px}.wanted-card__title{letter-spacing:.01em;font:400 15cqi/1 Alfa Slab One,Georgia,serif}.wanted-card__frame{aspect-ratio:1;border:max(1px, 1.4cqi) solid var(--wanted-ink);background:oklch(82% .04 80);width:100%;padding:2.5cqi;display:grid}.sketch{mix-blend-mode:multiply;width:100%;height:100%;display:block}.wanted-card__name{letter-spacing:.03em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;max-width:100%;font:400 max(9px,13cqi)/1.1 Alfa Slab One,Georgia,serif;overflow:hidden}.wanted-card__role{max-width:100%;font:800 max(8px, 8cqi)/1.15 var(--font);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.crew-poster__pin{z-index:1;filter:drop-shadow(3px 5px 2px oklch(0% 0 0/.5));width:22px;position:absolute;top:-12px;left:50%;translate:-40%}.crew-poster--offline{opacity:.6}.crew-poster--offline .wanted-card{filter:grayscale(.8)}.wanted-card__kick{z-index:2;border:1px solid var(--line-strong);background:var(--bg-raised);width:30px;height:30px;color:var(--ink-soft);cursor:pointer;border-radius:50%;place-items:center;font-size:.8125rem;display:grid;position:absolute;top:-10px;right:-10px}.wanted-card__kick:after{content:"";position:absolute;inset:-7px}.wanted-card__kick:hover{color:var(--ink)}.invite-link{gap:6px;margin-top:12px;display:grid}.invite-link .input{font-size:.875rem}.crew-poster--free{filter:none;rotate:0deg}.wanted-card--free{color:oklch(92% .04 80);cursor:pointer;height:100%;font:inherit;transition:background .16s var(--ease-out);background:oklch(10% .02 40/.35);border:2px dashed oklch(88% .05 80/.7)}.wanted-card--free .wanted-card__title,.wanted-card--free .wanted-card__name,.wanted-card--free .wanted-card__role{-webkit-mask:none;mask:none}.wanted-card--free .wanted-card__frame{background:0 0;border:1px dashed;place-items:center;font-size:22cqi}.wanted-card--free .wanted-card__role{color:oklch(85% .04 80);font-weight:500}.wanted-card--free:hover{background:oklch(100% 0 0/.08)}.lobby__choices{gap:18px;display:grid}@media (width>=900px){.lobby__choices{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:28px}}.lobby__block{align-content:start;gap:10px;min-width:0;display:grid}.mode-tabs{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;display:grid}.mode-tab{--mode-accent:oklch(70% .16 25);border-radius:calc(var(--radius) - 4px);min-height:48px;color:var(--ink-soft);font:400 clamp(.6875rem, 3vw, .8125rem) / 1.1 var(--font-display);text-align:center;text-transform:uppercase;cursor:pointer;transition:background .16s var(--ease-out), color .16s var(--ease-out);background:0 0;border:0;place-items:center;padding:6px 8px;display:grid}.mode-tab--course{--mode-accent:oklch(80% .15 80)}.mode-tab--quiestce{--mode-accent:oklch(62% .21 27)}.mode-tab--quiz{--mode-accent:oklch(74% .13 340)}.mode-tab:hover:not(:disabled){color:var(--ink)}.mode-tab[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1px var(--mode-accent)}.mode-tab:disabled{cursor:not-allowed}.mode-tab:disabled:not([aria-pressed=true]){opacity:.5}.mode-pick{display:grid}.mode-pick__item{visibility:hidden;grid-area:1/1;grid-template-columns:72px minmax(0,1fr);align-items:end;gap:12px;display:grid}.mode-pick__item[data-on=true]{visibility:visible}.mode-pick__hero{object-fit:contain;object-position:50% 100%;filter:drop-shadow(0 6px 8px oklch(0% 0 0/.5));width:72px;height:88px}.mode-pick__title{font:400 .9375rem/1.15 var(--font-display);text-transform:uppercase;margin-bottom:4px}.mode-pick__desc{color:var(--ink-soft);font-size:.9375rem}.lobby__label-row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.lobby__custom{color:var(--ink-faint);font-size:.8125rem}.formulas{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.formula{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);min-height:64px;color:var(--ink);text-align:center;cursor:pointer;transition:border-color .16s var(--ease-out), background .16s var(--ease-out);align-content:center;gap:3px;padding:8px 6px;display:grid;container-type:inline-size}.formula__name{font:400 clamp(.62rem, 11cqi, .95rem)/1.1 var(--font-display);text-transform:uppercase}.formula__lines{color:var(--ink-soft);font-size:.75rem;line-height:1.3}.formula:hover:not(:disabled){border-color:var(--ink-faint)}.formula[aria-pressed=true]{border-color:var(--haki);background:var(--haki-soft)}.formula:disabled{cursor:not-allowed}.formula:disabled:not([aria-pressed=true]){opacity:.5}.more-options{border:1px solid var(--line);border-radius:var(--radius)}.more-options>summary{cursor:pointer;align-items:center;gap:10px;min-height:48px;padding:0 14px;font-weight:500;list-style:none;display:flex}.more-options>summary::-webkit-details-marker{display:none}.more-options>summary:after{content:"▾";color:var(--ink-faint);transition:rotate .16s var(--ease-out);margin-left:auto}.more-options[open]>summary:after{rotate:180deg}.more-options>summary>span:first-child{white-space:nowrap}.more-options__recap{min-width:0;color:var(--ink-faint);text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;font-weight:400;overflow:hidden}.more-options>.settings{padding:4px 14px 16px}.lobby-dock{z-index:var(--z-sticky);padding:14px 16px calc(14px + env(safe-area-inset-bottom,0px));background:linear-gradient(to bottom, transparent, var(--bg) 35%);justify-content:flex-end;align-items:center;gap:8px 16px;margin:auto -16px 0;display:flex;position:sticky;bottom:0}.lobby-dock__hint{color:var(--ink-faint);font-size:.875rem}.lobby-dock__start{min-width:240px;min-height:52px;font-size:1rem}.lobby-dock__leave{margin-right:auto}.lobby-dock__wait{color:var(--ink-soft);text-align:center;flex:1;font-size:.9375rem}@media (width<=600px){.lobby{gap:12px}.lobby .panel{gap:10px;padding:14px}.wanted-wall{gap:8px;padding:16px 8px 14px}.crew-poster{flex:1 1 0;width:auto;min-width:68px;max-width:104px}.wanted-card__role{text-wrap:balance;white-space:normal;overflow:visible}.wanted-card__kick{width:22px;height:22px;font-size:.6875rem;top:-8px;right:-6px}.wanted-card__kick:after{inset:-11px}.lobby__game-title{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.lobby__game .panel__head:not(:has(.panel__hint)){display:none}.lobby__choices{gap:12px}.lobby__block{gap:8px}.mode-tab{min-height:44px;font-size:.75rem}.mode-pick__item{grid-template-columns:56px minmax(0,1fr);gap:10px}.mode-pick__hero{width:56px;height:70px}.mode-pick__title{font-size:.8125rem}.mode-pick__desc{font-size:.875rem;line-height:1.4}.formula{min-height:58px}.more-options>summary{min-height:44px}.lobby-dock{padding-top:10px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));flex-direction:column-reverse;align-items:stretch;gap:4px}.lobby-dock__start{width:100%;min-width:0}.lobby-dock__hint{text-align:center;font-size:.8125rem}}@media (prefers-reduced-motion:reduce){.more-options>summary:after{transition:none}}.settings{gap:18px;display:grid}.settings__note{color:var(--ink-faint);font-size:.875rem}.actions-row{flex-wrap:wrap;align-items:center;gap:12px 16px;display:flex}.search{position:relative}.search__input{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--bg);width:100%;min-height:52px;padding:12px 16px;font-size:1.0625rem}.search__input:focus{border-color:var(--haki);box-shadow:0 0 0 3px var(--haki-ring);outline:none}.search__input::placeholder{color:var(--ink-faint)}.search__list{z-index:var(--z-dropdown);border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);max-height:min(420px,60vh);margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 16px 40px oklch(0% 0 0/.5)}.search__item{border-radius:var(--radius-s);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;width:100%;padding:6px 8px;display:flex}.search__item.is-active{background:var(--surface-hover)}.search__item .portrait{border-radius:4px;width:36px;height:45px}.search__name{display:grid}.search__name small{color:var(--ink-faint);font-size:.8125rem}.search__empty{color:var(--ink-faint);padding:10px 4px 0;font-size:.9375rem}.portrait{object-fit:cover;background:var(--surface);display:block}.portrait--fallback{width:100%;color:var(--ink-faint);place-items:center;font-weight:600;display:grid}.round-bar{flex-wrap:wrap;align-items:center;gap:10px 20px;display:flex}.round-bar__title{font-family:var(--font-display);letter-spacing:.01em;text-transform:uppercase;font-size:clamp(1.1rem,4.6vw,1.75rem);font-weight:400;line-height:1}.round-bar__meta{color:var(--ink-soft);font-size:.9375rem}.round-bar__actions{flex-wrap:wrap;gap:6px;margin-left:auto;display:flex}.drum{--beat:1.2s;border:2px solid var(--line-strong);background:var(--surface);font-variant-numeric:tabular-nums;width:64px;height:64px;animation:drum var(--beat) linear infinite;border-radius:50%;place-items:center;font-weight:600;display:inline-grid}.drum--urgent{border-color:var(--haki);background:var(--haki-soft)}@keyframes drum{0%,44%,to{transform:scale(1)}7%{transform:scale(1.14)}16%{transform:scale(1)}24%{transform:scale(1.09)}}.found-banner{border:1px solid var(--ok);border-radius:var(--radius);background:oklch(74% .16 150/.12);flex-wrap:wrap;align-items:center;gap:8px 16px;padding:14px 16px;display:flex}.found-banner b{font-weight:600}.guess-list{gap:10px;display:grid}.guess-head{display:none}.guess-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid}.guess-who{border-radius:var(--radius-s);background:var(--surface);grid-column:1/-1;align-items:center;gap:10px;min-height:48px;padding:4px;display:flex}.guess-who .portrait{border-radius:4px;flex:none;width:36px;height:45px}.guess-who span{font-size:.875rem;font-weight:500;line-height:1.25}.cell{border-radius:var(--radius-s);text-align:center;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;min-height:64px;animation:cell-in .36s var(--ease-out) both;animation-delay:calc(var(--i,0) * 60ms);align-content:center;justify-items:center;gap:2px;padding:6px 4px;font-size:.8125rem;font-weight:600;line-height:1.2;display:grid;position:relative}.cell__label{font-size:.6875rem;font-weight:500}.cell--ok{background:var(--ok);color:var(--ok-ink)}.cell--partial{background:var(--partial);color:var(--partial-ink)}.cell--ko{background:var(--ko);color:var(--ko-ink)}.cell--unknown{background:var(--unknown);color:var(--unknown-ink)}.cell__dir{font-size:1rem;line-height:1}.cell__mark{font-size:.6875rem;position:absolute;top:3px;right:5px}@container (width>=820px){.guess-head,.guess-row{grid-template-columns:160px repeat(8,minmax(0,1fr));gap:6px;display:grid}.guess-head span{border-bottom:1px solid var(--line);color:var(--ink-soft);text-align:center;padding:0 4px 6px;font-size:.8125rem;font-weight:500}.guess-head span:first-child{text-align:left}.guess-who{grid-column:auto;min-height:72px}.guess-who .portrait{width:48px;height:60px}.cell{min-height:72px}.cell__label{display:none}}@keyframes cell-in{0%{opacity:0;transform:rotateX(80deg)}to{opacity:1;transform:none}}.legend{color:var(--ink-soft);flex-wrap:wrap;gap:6px 16px;font-size:.8125rem;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.legend i{border-radius:3px;width:12px;height:12px}.empty-hint{border:1px dashed var(--line-strong);border-radius:var(--radius);color:var(--ink-soft);text-align:center;padding:24px 16px}.rivals{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.rival{gap:6px;display:grid}.rival__head{justify-content:space-between;gap:8px;font-size:.875rem;display:flex}.rival__head span:last-child{color:var(--ink-soft);font-variant-numeric:tabular-nums}.rival__rows{gap:3px;display:grid}.rival__row{grid-template-columns:repeat(8,1fr);gap:3px;display:grid}.rival__row i{border-radius:2px;height:8px}.dot--ok{background:var(--ok)}.dot--partial{background:var(--partial)}.dot--ko{background:var(--ko)}.dot--unknown{background:var(--unknown)}.reveal{grid-template-columns:auto 1fr;align-items:center;gap:16px 20px;display:grid}.reveal .portrait{border-radius:var(--radius);width:120px;height:150px;box-shadow:0 0 0 2px var(--haki)}.reveal__label{color:var(--ink-soft);font-size:.9375rem}.reveal__name{font-family:var(--font-display);letter-spacing:.01em;text-transform:uppercase;font-size:2rem;font-weight:400;line-height:1.05}.reveal__facts{color:var(--ink-soft);margin-top:6px;font-size:.9375rem}.results{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.results th,.results td{border-bottom:1px solid var(--line);text-align:left;padding:8px 6px}.results th{color:var(--ink-soft);font-size:.8125rem;font-weight:500}.results td:last-child,.results th:last-child{text-align:right}.results .is-miss{color:var(--ink-faint)}.duel-bar{flex-wrap:wrap;align-items:center;gap:10px 16px;display:flex}.duel-bar__vs{font-family:var(--font-display);letter-spacing:.01em;text-transform:uppercase;font-size:1.5rem;font-weight:400;line-height:1.1}.duel-bar__vs em{color:var(--haki);margin:0 8px;font-style:normal}.duel-bar__actions{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.turn{background:var(--surface);color:var(--ink-soft);border-radius:999px;padding:6px 12px;font-size:.9375rem}.turn--mine{background:var(--haki);color:var(--haki-ink);font-weight:600}.qec{grid-template-areas:"actions""board""log";gap:16px;display:grid}.qec__actions{grid-area:actions;align-content:start;gap:16px;display:grid}.qec__board{grid-area:board}.qec__log{grid-area:log}.duel-hand{gap:12px}.duel-hand__actions{flex-wrap:wrap;gap:8px;display:flex}.duel-hand__actions .panel__hint{flex-basis:100%}@media (width>=960px){.qec{grid-template-columns:minmax(0,1fr) 360px;grid-template-areas:"board actions""log actions";align-items:start}.qec__actions{overscroll-behavior:contain;max-height:calc(100dvh - 84px);position:sticky;top:68px;overflow-y:auto}.qec__dock{display:none}.question-list{max-height:190px}}@media (width<=959px){.qec{grid-template-areas:"actions""board""log";padding-bottom:72px}.qec__inline{display:none}.qec__dock{z-index:var(--z-sticky);padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);background:var(--bg);flex-wrap:wrap;gap:8px;display:flex;position:fixed;bottom:0;left:0;right:0}.qec__dock .btn{flex:1}.qec__dock .panel__hint{flex-basis:100%;margin:0}}.sheet{width:100%;max-width:none;max-height:86dvh;padding:16px 16px calc(16px + env(safe-area-inset-bottom,0px));border-radius:var(--radius-l) var(--radius-l) 0 0;background:var(--bg-raised);color:var(--ink);border:0;margin:0;position:fixed;inset:auto 0 0;overflow:auto}.sheet::backdrop{background:oklch(0% 0 0/.6)}.sheet__body{gap:12px;display:grid}.sheet__head{justify-content:space-between;align-items:center;display:flex}.haki .qec__dock{background:oklch(12% .03 335/.94);border-top-color:oklch(62% .22 25/.4)}.haki .sheet{background:oklch(14% .035 335);border-top:1px solid oklch(62% .22 25/.5)}.board{grid-template-columns:repeat(auto-fill,minmax(66px,1fr));gap:8px;display:grid}@media (width>=600px){.board{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px}}.card{border:1px solid var(--line);border-radius:var(--radius-s);background:var(--surface);cursor:pointer;text-align:center;perspective:600px;transition:border-color .16s var(--ease-out), transform .16s var(--ease-out), box-shadow .16s var(--ease-out);padding:0;display:grid;position:relative;overflow:hidden}.card:hover:not(:disabled){border-color:var(--ink-faint);transform:translateY(-2px)}.card:disabled{cursor:default}.card .portrait{aspect-ratio:4/5;width:100%;height:auto}.card__name{place-items:center;min-height:2.5em;padding:4px 3px 6px;font-size:.6875rem;font-weight:500;line-height:1.15;display:grid}@media (width>=600px){.card__name{font-size:.75rem}}.card__face,.card__back{backface-visibility:hidden;transition:transform .32s var(--ease-out);grid-area:1/1}.card__back{color:var(--ink-faint);background:repeating-linear-gradient(45deg,oklch(20% .035 18) 0 8px,oklch(17% .03 18) 8px 16px);place-items:center;font-size:1.75rem;display:grid;transform:rotateY(180deg)}.card.is-down .card__face{transform:rotateY(-180deg)}.card.is-down .card__back{transform:none}.card.is-accusable{border-color:var(--haki)}.card.is-accusable:hover:not(:disabled){box-shadow:0 0 0 2px var(--haki)}.card.is-suspect{box-shadow:0 0 0 3px var(--haki)}.card.is-secret{box-shadow:0 0 0 2px var(--ink)}.secret{grid-template-columns:64px 1fr;align-items:center;gap:12px;display:grid}.secret .portrait{border-radius:var(--radius-s);width:64px;height:80px;box-shadow:0 0 0 2px var(--haki)}@media (width>=960px){.secret{grid-template-columns:72px 1fr}.secret .portrait{width:72px;height:90px}}.secret__label{color:var(--ink-soft);font-size:.875rem}.secret__name{font-size:1.125rem;font-weight:600}.secret__facts{color:var(--ink-soft);margin-top:4px;font-size:.8125rem}.ask{gap:12px;display:grid}.chips{flex-wrap:wrap;gap:6px;display:flex}.question-list{gap:4px;max-height:260px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.question{border-radius:var(--radius-s);background:var(--surface);text-align:left;cursor:pointer;width:100%;min-height:40px;transition:background .16s var(--ease-out), border-color .16s var(--ease-out);border:1px solid #0000;padding:8px 12px}.question:hover:not(:disabled){background:var(--surface-hover)}.question[aria-pressed=true]{border-color:var(--haki)}.question.is-asked{color:var(--ink-faint)}.incoming{border:1px solid var(--haki);border-radius:var(--radius);background:var(--haki-soft);gap:12px;padding:16px;display:grid}.incoming__q{font-size:1.0625rem;font-weight:500}.incoming__actions{flex-wrap:wrap;gap:8px;display:flex}.log{gap:8px;margin:0;padding:0;list-style:none;display:grid}.log__item{border-radius:var(--radius-s);background:var(--surface);grid-template-columns:1fr auto;align-items:start;gap:4px 10px;padding:10px 12px;font-size:.9375rem;display:grid}.log__who{color:var(--ink-faint);grid-column:1/-1;font-size:.8125rem}.log__tools{grid-column:1/-1}.answer{border-radius:999px;padding:2px 10px;font-size:.8125rem;font-weight:600}.answer--oui{background:var(--ok);color:var(--ok-ink)}.answer--non{background:var(--ko);color:var(--ko-ink)}.answer--\?{background:var(--unknown);color:var(--unknown-ink)}.duel-end{gap:16px;display:grid}.duel-end__title{font-family:var(--font-display);letter-spacing:.01em;text-transform:uppercase;font-size:1.75rem;font-weight:400;line-height:1.1}.duel-end__secrets{flex-wrap:wrap;gap:20px;display:flex}.player__done{color:var(--ok);font-weight:700}.quiz-question{animation:quiz-in .36s var(--ease-out) backwards;align-items:center;gap:16px;display:flex}.quiz-question .portrait{border-radius:var(--radius);flex:none;width:72px;height:90px}.quiz-question__text{text-wrap:balance;font-size:1.375rem;font-weight:600;line-height:1.3}.quiz-choices{gap:10px;display:grid}@container (width>=560px){.quiz-choices{grid-template-columns:1fr 1fr}}.quiz-choice{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);text-align:left;cursor:pointer;min-height:64px;animation:quiz-in .36s var(--ease-out) backwards;animation-delay:calc(var(--i,0) * 60ms);transition:background .16s var(--ease-out), border-color .16s var(--ease-out), opacity .16s var(--ease-out), transform .12s var(--ease-out);align-items:center;gap:12px;padding:10px 14px;display:flex}.quiz-choice:hover:not(:disabled){border-color:var(--ink-faint);background:var(--surface-hover)}.quiz-choice:active:not(:disabled){transform:translateY(1px)}.quiz-choice:disabled{cursor:default}.quiz-choice__key{border:1px solid var(--line-strong);width:32px;height:32px;color:var(--ink-soft);border-radius:50%;flex:none;place-items:center;font-size:.875rem;font-weight:600;display:grid}.quiz-choice .portrait{border-radius:var(--radius-s);flex:none;width:40px;height:50px}.quiz-choice__body{flex:1;gap:2px;min-width:0;display:grid}.quiz-choice__label{overflow-wrap:anywhere;font-size:1.0625rem;font-weight:500}.quiz-choice__detail{color:var(--ink-soft);font-size:.8125rem}.quiz-choice__pickers{flex-wrap:wrap;justify-content:flex-end;gap:2px;max-width:40%;display:flex}.quiz-choice__pickers .player__avatar{width:24px;height:24px;font-size:.6875rem}.quiz-choice.is-picked{border-color:var(--pending);background:var(--pending-soft);animation:1.6s ease-in-out infinite quiz-pending}.quiz-choice.is-picked .quiz-choice__key{border-color:var(--pending);background:var(--pending);color:var(--pending-ink)}.quiz-choice.is-right{border-color:var(--ok);background:oklch(74% .16 150/.14)}.quiz-choice.is-right .quiz-choice__key{border-color:var(--ok);background:var(--ok);color:var(--ok-ink)}.quiz-choice.is-wrong{border-color:var(--haki);background:var(--ko);color:var(--ko-ink)}.quiz-choice.is-dim{opacity:.55}.quiz-outcome{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);flex-wrap:wrap;align-items:center;gap:8px 16px;padding:14px 16px;display:flex}.quiz-outcome b{font-weight:600}.quiz-outcome--right{border-color:var(--ok);background:oklch(74% .16 150/.12)}.quiz-outcome--wrong{border-color:var(--haki);background:var(--haki-soft)}@keyframes quiz-in{0%{opacity:0;transform:translateY(8px)}}@keyframes quiz-pending{50%{box-shadow:0 0 0 4px var(--pending-soft)}}@media (width<=600px){.room__body--quiz{flex-direction:column;gap:10px;min-width:0;padding:10px 12px 0;display:flex}.room__body--quiz .crew-strip{scrollbar-width:none;flex-wrap:nowrap;flex:none;overflow-x:auto}.room__body--quiz .crew-strip .player{flex:none}.room__body--quiz .room__main{flex-direction:column;flex:1;display:flex}.quiz-panel{border-radius:var(--radius-l) var(--radius-l) 0 0;border-bottom:0;flex-direction:column;flex:1;gap:12px;padding:14px 14px 0;display:flex}.quiz-panel .round-bar{flex-wrap:nowrap;gap:10px}.quiz-panel .drum{flex:none;width:48px;height:48px;font-size:.875rem}.quiz-panel .round-bar__title{letter-spacing:0;font-size:.95rem}.round-bar__stop{min-width:44px;min-height:44px;padding:0;font-size:1.125rem}.round-bar__stop:before{content:"✕"}.round-bar__stop-label{display:none}.quiz-question{gap:12px}.quiz-question .portrait{width:52px;height:65px}.quiz-question__text{font-size:1.125rem}.quiz-choices{gap:8px;margin-top:auto}.quiz-choice{min-height:52px;padding:8px 12px}.quiz-outcome{padding:10px 12px}.quiz-panel .results{display:none}.quiz-panel .panel__hint{padding-bottom:14px}.quiz-next{z-index:1;padding:12px 14px calc(12px + env(safe-area-inset-bottom,0px));background:linear-gradient(to bottom, transparent, var(--bg-raised) 30%);flex-wrap:nowrap;margin:auto -14px 0;position:sticky;bottom:0}.quiz-next .btn{flex:1}.quiz-next .kbd-hint{flex:0 auto;max-width:45%}}@media (width<=600px) and (height<=720px){.quiz-panel{gap:10px}.quiz-question .portrait{display:none}.quiz-choice{min-height:44px;padding:6px 12px}.quiz-outcome{padding:8px 12px}.quiz-choice__detail{display:none}}.poster-wall{--paper-ink:oklch(27% .045 45);--stamp-wear:url(/posters/stamp-wear.png);border-radius:var(--radius);background:radial-gradient(70% 55% at 50% 22%,oklch(80% .09 70/.2),#0000 70%),radial-gradient(#0000 50%,oklch(8% .02 40/.7)),url(/posters/board-wood.webp) 50%/cover;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:34px 26px;margin:0;padding:34px 18px 24px;list-style:none;display:flex;box-shadow:inset 0 0 0 1px oklch(0% 0 0/.55),inset 0 3px 22px oklch(0% 0 0/.65)}.bounty{width:clamp(148px,40vw,208px);rotate:var(--tilt,0deg);transform:perspective(900px) rotateY(var(--turn,0deg)) rotateX(1.5deg);filter:drop-shadow(0 2px 1.5px oklch(5% .02 30/.6))drop-shadow(0 18px 16px oklch(5% .02 30/.5));animation:bounty-drop .72s var(--ease-out) both;animation-delay:calc(var(--i,0) * .15s);transition:filter .6s var(--ease-out), scale .6s var(--ease-out);position:relative;container-type:inline-size}.bounty--roger{width:clamp(164px,46vw,236px)}.poster-wall--waiting .bounty{opacity:0;animation:none}.bounty__pin{z-index:1;background:radial-gradient(circle at 32% 28%,oklch(97% .03 30) 0 7%,oklch(64% .2 27) 28%,oklch(40% .15 27) 68%,oklch(22% .08 27));border-radius:50%;width:16px;height:16px;position:absolute;top:-6px;left:50%;translate:-50%;box-shadow:3px 6px 5px oklch(0% 0 0/.55),inset -1px -2px 3px oklch(0% 0 0/.35)}.wanted{isolation:isolate;aspect-ratio:744/1080;color:var(--paper-ink);background:linear-gradient(128deg, oklch(100% .02 85/.24), transparent 38%, transparent 62%, oklch(20% .03 50/.22)), url(/posters/crumple.webp) var(--crumple,50% 50%) / 190% auto, url(/posters/paper-sheet.webp) center / 100% 100%;background-blend-mode:normal, soft-light, normal;text-align:center;text-transform:uppercase;flex-direction:column;align-items:center;padding:5cqi 5.5cqi 3.5cqi;font-family:Playfair Display,Georgia,serif;display:flex;position:relative;overflow:hidden}.wanted>:not(.wanted__stamp){mix-blend-mode:multiply}.wanted__title{letter-spacing:-.02em;font-size:24cqi;font-weight:900;line-height:.9}.wanted__photo{aspect-ratio:588/450;border:.6cqi solid var(--paper-ink);background:repeating-linear-gradient(-38deg,oklch(40% .05 55/.12) 0 1px,#0000 1px 5px),linear-gradient(oklch(82% .05 80),oklch(74% .06 72));place-items:center;width:86%;margin:3cqi 0 2.5cqi;display:grid;position:relative;overflow:hidden}.wanted__silhouette{width:100%;height:88%;fill:var(--paper-ink);opacity:.82;position:absolute;inset:12% 0 0}.wanted__initials{color:oklch(88% .04 84);letter-spacing:.04em;font-size:11cqi;font-weight:900;position:absolute;bottom:9%;left:50%;translate:-50%}.wanted__fate-photo{object-fit:cover;clip-path:circle(0% at 50% 45%);filter:sepia(.15)contrast(1.04);mix-blend-mode:multiply;width:100%;height:100%;position:absolute;inset:0}.wanted__lower{flex-direction:column;align-items:center;width:100%;padding:0 7cqi;display:flex;position:relative}.wanted__brace{width:5.5cqi;height:100%;position:absolute;top:0;bottom:0;left:0}.wanted__brace--right{left:auto;right:0;transform:scaleX(-1)}.wanted__doa{letter-spacing:.2em;white-space:nowrap;font-size:7.6cqi;font-weight:700}.wanted__name{align-items:center;width:100%;min-height:17cqi;display:grid}.wanted__name>*{font-size:min(18cqi, calc(114cqi / var(--len,8)));letter-spacing:-.02em;white-space:nowrap;grid-area:1/1;font-weight:900;line-height:1;transform:scaleX(.88)}.wanted__fate-name{opacity:0}.wanted__bounty{font-family:var(--font);letter-spacing:.06em;font-variant-numeric:tabular-nums;white-space:nowrap;justify-content:center;align-items:center;gap:1.8cqi;margin-top:.5cqi;font-size:8.4cqi;font-weight:400;display:flex}.wanted__bounty .icon--berry{width:1.3em;height:1.3em}.wanted__foot{justify-content:space-between;align-items:flex-end;gap:3cqi;width:100%;margin-top:auto;display:flex}.wanted__fine{max-width:60%;font-family:var(--font);letter-spacing:.02em;text-align:left;opacity:.85;font-size:2.3cqi;font-weight:700;line-height:1.3}.wanted__marine{font-size:9.5cqi;font-weight:900;line-height:1}.wanted__stamp{color:oklch(58% .22 27);font-family:var(--font-display);letter-spacing:.04em;text-align:center;text-wrap:balance;opacity:0;max-width:80cqi;-webkit-mask-image:var(--stamp-wear);mask-image:var(--stamp-wear);border:1.4cqi double;border-radius:1.5cqi;padding:1.4cqi 3.4cqi;font-size:6.6cqi;line-height:1.05;position:absolute;top:40%;left:50%;translate:-50% -50%;rotate:-13deg;-webkit-mask-size:220px 220px;mask-size:220px 220px}.bounty__caption{rotate:calc(var(--tilt,0deg) * -1);color:var(--ink);text-shadow:0 1px 3px oklch(0% 0 0/.9);text-align:center;gap:2px;margin:12px 0 0;font-size:.8125rem;display:grid}.bounty__caption strong{color:var(--ink)}.bounty__score{font-variant-numeric:tabular-nums}.bounty--roger.is-revealed{filter:drop-shadow(0 0 22px oklch(82% .15 85/.5))drop-shadow(0 2px 1.5px oklch(5% .02 30/.6))drop-shadow(0 18px 16px oklch(5% .02 30/.5))}.bounty--chopper.is-revealed{scale:.95}.is-revealed .wanted__fate-photo{animation:ink-spread .72s var(--ease-out) var(--delay) both}.is-revealed .wanted__initials,.is-revealed .wanted__silhouette{animation:ink-fade .36s var(--ease-out) var(--delay) both}.is-revealed .wanted__player{animation:ink-fade .36s var(--ease-out) calc(var(--delay) + .18s) both}.is-revealed .wanted__fate-name{animation:name-in .52s var(--ease-out) calc(var(--delay) + .36s) both}.is-revealed .wanted__stamp{animation:stamp-slam .38s var(--ease-out) calc(var(--delay) + 1.05s) both}.is-revealed .wanted{animation:poster-thud .32s var(--ease-out) calc(var(--delay) + 1.12s)}@keyframes bounty-drop{0%{opacity:0;translate:0 -70px;rotate:calc(var(--tilt,0deg) * -4)}}@keyframes ink-spread{0%{clip-path:circle(0% at 50% 45%);filter:sepia()brightness(2.4)}to{clip-path:circle(80% at 50% 45%);filter:sepia(.2)contrast(1.04)}}@keyframes ink-fade{to{opacity:0;filter:blur(3px)}}@keyframes name-in{0%{opacity:0;filter:blur(4px);scale:1.15}to{opacity:1;filter:none;scale:1}}@keyframes stamp-slam{0%{opacity:0;scale:2.6}to{opacity:.94;scale:1}}@keyframes poster-thud{30%{translate:0 3px}60%{translate:0 -1px}}.newsflash{--morgans-h:min(60vh, 500px);--morgans-right:max(2vw, 8px);--hand-x:calc(50vw - var(--morgans-right) - var(--morgans-h) * .478);--hand-y:calc(53vh - var(--morgans-h) * .74);--arc-x:0px;--arc-y:-8vh;z-index:var(--z-news);cursor:pointer;animation:news-fade var(--news-ms) linear both;background:radial-gradient(circle at 50% 45%,oklch(32% .07 20/.7),oklch(8% .02 20/.94) 70%);place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.newsflash:after{content:"";z-index:0;pointer-events:none;animation:news-flash var(--news-ms) both;background:radial-gradient(circle,oklch(97% .06 85/.3),#0000 55%);position:absolute;inset:0}.newsflash__morgans{right:var(--morgans-right);height:var(--morgans-h);aspect-ratio:375/560;z-index:2;transform-origin:50% 92%;animation:morgans-throw var(--news-ms) both;-webkit-user-select:none;user-select:none;position:absolute;bottom:-3vh}.newsflash__morgans img{object-fit:contain;width:100%;height:100%}.newsflash__held{aspect-ratio:5/6;width:10.5%;animation:held-paper var(--news-ms) both;background:linear-gradient(oklch(22% .01 60) 0 0) 50% 14%/72% 7% no-repeat,linear-gradient(oklch(25% .01 60/.85) 0 0) 50% 36%/82% 15% no-repeat,repeating-linear-gradient(oklch(35% .01 60/.5) 0 1px,#0000 1px 3px) 50% 82%/82% 32% no-repeat,url(/posters/newsprint.webp) 50%/cover;position:absolute;top:27%;left:16%;translate:-50% -50%;rotate:26deg;box-shadow:0 2px 4px oklch(0% 0 0/.45)}.bignews{aspect-ratio:1.45;color:oklch(18% .02 30);width:clamp(120px,30vw,180px);font-family:var(--font-display);text-align:center;text-transform:uppercase;transform-origin:90% 90%;animation:bignews var(--news-ms) both;place-items:center;padding:0 14%;font-size:clamp(1.15rem,4.2vw,1.7rem);line-height:.95;display:grid;position:absolute;top:-24%;right:24%;rotate:-9deg}.bignews:before,.bignews:after{content:"";clip-path:polygon(50% 4%,59.3% 18%,75% 10.2%,75.5% 26.6%,93.3% 27%,84.8% 41.4%,100% 50%,84.8% 58.6%,93.3% 73%,75.5% 73.4%,75% 89.8%,59.3% 82%,50% 96%,40.7% 82%,25% 89.8%,24.5% 73.4%,6.7% 73%,15.2% 58.6%,0% 50%,15.2% 41.4%,6.7% 27%,24.5% 26.6%,25% 10.2%,40.7% 18%);position:absolute}.bignews:after{z-index:-2;background:oklch(18% .02 30);inset:-5px}.bignews:before{z-index:-1;background:radial-gradient(circle at 50% 45%,oklch(99% .03 100),oklch(90% .12 95));inset:0}.newsflash__paper{z-index:3;filter:drop-shadow(0 2px 2px oklch(0% 0 0/.45))drop-shadow(0 26px 40px oklch(0% 0 0/.55));animation:paper-fly var(--news-ms) both, paper-spin var(--news-ms) both, paper-zoom var(--news-ms) both;grid-area:1/1}.newsflash__skip{z-index:4;position:absolute;top:16px;right:16px}.paper{background-blend-mode:multiply, normal, normal, normal, multiply, soft-light, normal;color:oklch(20% .01 60);background:url(/posters/coffee-ring.webp) 92% 84%/30% no-repeat,linear-gradient(#0000 49.4%,oklch(30% .02 60/.24) 50%,oklch(100% 0 0/.42) 50.6%,#0000 51.6%),linear-gradient(90deg,#0000 49.5%,oklch(30% .02 60/.14) 50%,oklch(100% 0 0/.25) 50.4%,#0000 51%),linear-gradient(118deg,oklch(100% 0 0/.16),#0000 45%,oklch(20% .02 50/.18)),radial-gradient(at 50% 45%,#0000 38%,oklch(60% .08 75/.5)),url(/posters/crumple.webp) 30% 60%/170%,url(/posters/newsprint.webp) 50%/cover;gap:7px;width:min(88vw,470px);padding:14px 20px 18px;display:grid;position:relative}.paper>*{mix-blend-mode:multiply;opacity:.92}.paper__lead{position:relative}.paper__circled{fill:none;stroke:oklch(55% .19 27);stroke-width:3.5px;stroke-linecap:round;opacity:.75;pointer-events:none;width:106%;height:124%;position:absolute;inset:-10% -3% -14%}.paper__circled path{stroke-dasharray:1 3;stroke-dashoffset:1.05px;animation:paper-circle var(--news-ms) both}.paper__top{color:oklch(35% .01 60);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;gap:8px;font-size:.5625rem;font-weight:600;display:flex}.paper__mast{text-align:center;text-transform:uppercase;border-bottom:3px double;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:4px 10px;padding-bottom:6px;font-family:Playfair Display,Georgia,serif;font-size:clamp(.95rem,4vw,1.3rem);font-weight:900;line-height:1.05;display:flex}.paper__kanji{font-family:Noto Serif JP,serif;font-size:1.35em}.paper__rule{letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid;justify-content:space-between;padding-bottom:4px;font-size:.625rem;font-weight:600;display:flex}.paper__headline{text-shadow:0 0 .6px,0 0 1.6px oklch(20% 0 0/.35);font-family:var(--font-display);text-align:center;text-transform:uppercase;text-wrap:balance;margin:2px 0 0;font-size:clamp(1.75rem,8vw,2.7rem);line-height:.96}.paper__deck{text-align:center;text-wrap:balance;margin:0 0 2px;font-family:Playfair Display,Georgia,serif;font-size:.8125rem;font-style:italic;font-weight:700}.paper__body{border-top:1px solid;grid-template-columns:1.1fr 1fr 1fr;gap:10px;padding-top:7px;display:grid}.paper__photo{background:radial-gradient(circle,oklch(30% 0 0/.35) 0 .8px,#0000 1.2px) 0 0/4px 4px,oklch(80% 0 0);grid-template-columns:repeat(2,1fr);align-content:start;gap:4px;padding:5px;display:grid}.mini-wanted{background:oklch(90% 0 0);justify-items:center;gap:2px;padding:3px 3px 4px;font-family:Playfair Display,Georgia,serif;display:grid;rotate:-2deg}.mini-wanted:nth-child(2n){rotate:2deg}.mini-wanted b{text-transform:uppercase;font-size:.5rem;font-weight:900;line-height:1}.mini-wanted i{color:oklch(95% 0 0);text-align:center;background:oklch(62% 0 0);width:100%;padding:3px 0;font-size:.75rem;font-style:normal;font-weight:900;line-height:1}.paper__caption{text-align:center;grid-column:1/-1;font-family:Georgia,serif;font-size:.5rem;font-style:italic}.paper__col{text-align:justify;-webkit-hyphens:auto;hyphens:auto;margin:0;font-family:Georgia,Times New Roman,serif;font-size:.5625rem;line-height:1.35}.paper__col--lead:first-letter{float:left;margin:2px 3px 0 0;font-family:Playfair Display,Georgia,serif;font-size:1.9rem;font-weight:900;line-height:.8}@keyframes news-fade{0%{opacity:0}6%,88%{opacity:1}to{opacity:0}}@keyframes news-flash{0%,39.5%{opacity:0}40.5%{opacity:1;animation-timing-function:cubic-bezier(.22,1,.36,1)}52%,to{opacity:0}}@keyframes bignews{0%,6%{opacity:0;scale:.2}9%{opacity:1;scale:1.14}12%,19%{opacity:1;scale:1}22%{scale:1.08}25%,29%{opacity:1;scale:1}35%,to{opacity:0;scale:.6}}@keyframes morgans-throw{0%{animation-timing-function:cubic-bezier(.16,1,.3,1);translate:115%;rotate:10deg}10%{animation-timing-function:cubic-bezier(.45,0,.55,1);translate:0;rotate:-2deg}20%{animation-timing-function:cubic-bezier(.55,0,1,.45);translate:5% 1%;rotate:8deg}23%{animation-timing-function:cubic-bezier(.22,1,.36,1);translate:-7%;rotate:-14deg}30%{animation-timing-function:cubic-bezier(.55,0,1,.45);translate:-5%;rotate:-9deg}42%,to{translate:130% 4%;rotate:14deg}}@keyframes paper-fly{0%,21.5%{translate:var(--hand-x) var(--hand-y);animation-timing-function:cubic-bezier(.3,.55,.6,.9)}30%{translate:calc(var(--hand-x) * .42 + var(--arc-x)) calc(var(--hand-y) * .42 + var(--arc-y));animation-timing-function:cubic-bezier(.3,.4,.45,1)}40%,88%{animation-timing-function:cubic-bezier(.55,0,1,.45);translate:0}97%,to{translate:-3vw 75vh}}@keyframes paper-spin{0%,21.5%{animation-timing-function:cubic-bezier(.25,.6,.45,1);rotate:30deg}40%{animation-timing-function:cubic-bezier(.22,1,.36,1);rotate:-718deg}45%,88%{animation-timing-function:cubic-bezier(.55,0,1,.45);rotate:-722deg}97%,to{rotate:-710deg}}@keyframes paper-zoom{0%,21%{opacity:0;scale:.07}21.5%{opacity:1;animation-timing-function:cubic-bezier(.32,0,.67,0);scale:.07}40%{animation-timing-function:cubic-bezier(.22,1,.36,1);scale:1.06}45%{animation-timing-function:linear;scale:1}88%{opacity:1;animation-timing-function:cubic-bezier(.55,0,1,.45);scale:1.025}97%,to{opacity:0;scale:.92}}@keyframes held-paper{0%,21.4%{opacity:1}21.5%,to{opacity:0}}@keyframes paper-circle{0%,46%{stroke-dashoffset:1.05px;animation-timing-function:cubic-bezier(.45,0,.55,1)}58%,to{stroke-dashoffset:0}}@media (width<=560px){.poster-wall{gap:26px 12px}.bounty{width:clamp(118px,34vw,208px)}.bounty--roger{width:clamp(132px,38vw,236px)}.newsflash{--morgans-h:min(46vh, 380px);--morgans-right:-6vw;--arc-x:-16vw;--arc-y:-2vh}}@media (prefers-reduced-motion:reduce){.bounty,.is-revealed .wanted{animation:none}.is-revealed .wanted__fate-photo{clip-path:none;animation:none}.is-revealed .wanted__initials,.is-revealed .wanted__silhouette,.is-revealed .wanted__player{opacity:0;animation:none}.is-revealed .wanted__fate-name{opacity:1;animation:none}.is-revealed .wanted__stamp{opacity:.94;animation:none}}.shock{z-index:var(--z-shock);pointer-events:none;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.shock__ring{border:4px solid var(--haki);border-radius:50%;width:60px;height:60px;animation:1.1s cubic-bezier(.16,1,.3,1) forwards shock-ring;position:absolute;top:50%;left:50%}.shock__ring--late{border-color:var(--bolt);border-width:6px;animation-delay:90ms}.shock__bolts{width:100%;height:100%;position:absolute;inset:0}.shock__bolts polyline{fill:none;stroke-linejoin:miter;stroke-dasharray:1400;stroke-dashoffset:1400px;animation:shock-bolt 1.4s var(--ease-out) forwards}.shock__text{background:var(--bolt);color:var(--ink);font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;text-align:center;max-width:calc(100vw - 32px);animation:shock-text 1.7s var(--ease-out) forwards;padding:6px 18px 8px;font-size:clamp(2rem,8vw,4rem);line-height:1;position:relative}.shock__text em{color:var(--haki);font-style:normal}@keyframes shock-ring{0%{opacity:1;transform:translate(-50%,-50%)scale(.2)}to{opacity:0;transform:translate(-50%,-50%)scale(36)}}@keyframes shock-bolt{0%{stroke-dashoffset:1400px;opacity:1}45%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes shock-text{0%{opacity:0;transform:scale(1.35)}12%{opacity:1;transform:scale(1)}75%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.98)}}@keyframes shake{0%,to{transform:none}12%{transform:translate(-8px,4px)}26%{transform:translate(7px,-5px)}40%{transform:translate(-5px,-3px)}56%{transform:translate(4px,4px)}74%{transform:translate(-2px,1px)}}.icon{vertical-align:-.2em;flex:none;display:inline-block}.icon-row{align-items:center;gap:6px;display:inline-flex}img.icon{object-fit:contain}.icon--emblem{border-radius:4px}.icon-row--haki{gap:3px}.haki-seal{border:1.5px solid var(--seal-ring);background:var(--seal);color:oklch(98.5% .005 30);border-radius:50%;flex:none;place-items:center;display:inline-grid;box-shadow:inset 0 1px oklch(100% 0 0/.25),0 1px 2px oklch(0% 0 0/.4)}.haki-seal svg{width:74%;height:74%;display:block}.haki-seal--observation{--seal:oklch(50% .17 300);--seal-ring:oklch(74% .14 300)}.haki-seal--armement{--seal:oklch(64% .05 30);--seal-ring:oklch(60% .2 25);color:oklch(12% .01 20)}.haki-seal--rois{--seal:oklch(52% .21 25);--seal-ring:oklch(82% .14 60);color:oklch(93% .13 85)}.haki-seal--off{--seal:transparent;--seal-ring:currentColor;color:currentColor;opacity:.4;box-shadow:none}.glyph{font-size:1.1em;line-height:1}.cell__value{flex-wrap:wrap;justify-content:center;align-items:center;gap:2px 5px;display:inline-flex}.guess-head span{justify-content:center;align-items:center;gap:6px;display:inline-flex}.guess-head span .icon{color:var(--haki)}.facts{flex-wrap:wrap;gap:4px 14px;display:flex}.fact{align-items:center;gap:6px;display:inline-flex}.fact .icon,.fact .kanji{color:var(--ink-faint)}.seg__opt--icon{align-items:center;gap:7px;display:inline-flex}.seg__opt--icon .icon{color:var(--ink-faint)}.seg__opt--icon[aria-pressed=true] .icon{color:var(--haki)}.toasts{z-index:var(--z-toast);pointer-events:none;gap:8px;width:min(100% - 32px,420px);display:grid;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.toast{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);animation:toast-in .22s var(--ease-out);padding:12px 16px;box-shadow:0 12px 32px oklch(0% 0 0/.5)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.center-msg{text-align:center;min-height:60dvh;color:var(--ink-soft);place-items:center;gap:16px;padding:24px 16px;display:grid}.skeleton{border-radius:var(--radius);background:linear-gradient(90deg, var(--surface) 0%, var(--surface-hover) 50%, var(--surface) 100%);background-size:200% 100%;animation:1.4s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.drum,.quiz-choice.is-picked{animation:none}.shock__ring,.shock__bolts{display:none}.shock__text{animation:1.7s linear forwards shock-fade!important}@keyframes shock-fade{0%,80%{opacity:1}to{opacity:0}}}.audio{position:relative}.audio__panel{z-index:var(--z-dropdown);border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--bg-raised);width:min(256px,100vw - 32px);animation:audio-in .16s var(--ease-out);gap:12px;margin-top:8px;padding:14px 14px 12px;display:grid;position:absolute;top:100%;right:0;box-shadow:0 16px 32px oklch(0% 0 0/.45)}.audio__panel:before{content:"";height:10px;position:absolute;inset:-10px 0 auto}.audio__row{grid-template-columns:64px 1fr 28px;align-items:center;gap:10px;font-size:.875rem;display:grid}.audio__row input[type=range]{width:100%;height:28px;accent-color:var(--haki);cursor:pointer;margin:0}.audio__value{color:var(--ink-faint);font-variant-numeric:tabular-nums;text-align:right;font-size:.8125rem}.audio__mute{justify-self:start}@keyframes audio-in{0%{opacity:0;transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.audio__panel{animation:none}}body.haki{background-color:#0000;background-image:url(/haki/eclairs.svg),radial-gradient(90% 60% at 15% 0,oklch(32% .13 330/.4) 0%,#0000 60%),radial-gradient(80% 50% at 85% 5%,oklch(40% .18 25/.28) 0%,#0000 55%),radial-gradient(120% 90% at 50% 100%,oklch(16% .035 18) 0%,oklch(14% .04 345) 45%,oklch(11% .035 330) 100%);background-position:top,0 0,0 0,0 0;background-repeat:no-repeat,repeat,repeat,repeat;background-size:cover,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box}.haki .topbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:oklch(12% .03 335/.6);border-bottom-color:oklch(32% .05 340/.5)}.haki .panel{background:oklch(15% .035 335/.62);border-color:oklch(62% .22 25/.4);box-shadow:0 0 28px oklch(60% .22 25/.16),inset 0 1px oklch(72% .22 25/.3)}.haki .player{background:oklch(16% .035 335/.55);border:1px solid oklch(32% .05 340/.5)}.haki .player--me{background:oklch(20% .045 335/.9)}.haki .round-bar__title,.haki .duel-bar__vs,.haki .quiz-question__text{text-shadow:0 0 14px oklch(72% .22 25/.55)}.haki .drum{border-color:var(--haki);box-shadow:0 0 0 4px oklch(60% .215 25/.12), 0 0 22px var(--haki-ring);background:oklch(20% .05 25/.8)}.haki .drum:before,.haki .drum:after{content:"";border:1.5px solid var(--haki-bolt);opacity:0;animation:haki-ring var(--beat) linear infinite;border-radius:50%;position:absolute;inset:-10px}.haki .drum:after{animation-delay:calc(var(--beat) * .25);inset:-22px}@keyframes haki-ring{0%{opacity:.6;transform:scale(.8)}70%,to{opacity:0;transform:scale(1.15)}}.haki .input{background:oklch(10% .03 335/.8);border-color:oklch(42% .08 350/.6)}.haki .input:focus{border-color:var(--haki-bolt);box-shadow:0 0 0 3px oklch(72% .22 25/.18), 0 0 18px var(--haki-bolt-soft)}.haki .cell--ok{box-shadow:0 0 0 1px oklch(85% .17 150),0 0 16px oklch(74% .16 150/.5)}.haki .cell--partial{box-shadow:0 0 0 1px oklch(90% .15 85),0 0 14px oklch(80% .15 75/.4)}.haki .cell--ko{background:oklch(27% .09 22);box-shadow:inset 0 0 0 1px oklch(40% .12 22/.8),inset 0 2px 6px oklch(0% 0 0/.5)}.haki .guess-who{background:oklch(20% .04 335/.9);border:1px solid oklch(34% .06 345/.5)}.haki .guess-head span{border-bottom-color:oklch(62% .22 25/.35)}.haki .guess-row--last .guess-who{border-color:var(--haki-bolt);box-shadow:0 0 0 1px var(--haki-bolt), 0 0 16px var(--haki-bolt-soft)}@container (width>=820px){.haki .guess-row--last{position:relative}.haki .guess-row--last:after{content:"";width:22px;height:calc(100% + 12px);filter:drop-shadow(0 0 8px var(--haki-bolt));pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 80'%3E%3Cpath d='M14 0 L6 30 L13 32 L4 80 L18 36 L10 34 Z' fill='%23ff5a3c'/%3E%3C/svg%3E") 50%/contain no-repeat;position:absolute;top:-6px;left:-22px}}.haki .found-banner{box-shadow:0 0 22px oklch(74% .16 150/.4)}.haki .haki-seal:not(.haki-seal--off){box-shadow:inset 0 1px 0 oklch(100% 0 0/.25), 0 0 10px var(--seal-ring)}.haki .quiz-choice{background:oklch(18% .04 335/.85);border-color:oklch(38% .07 345/.6)}.haki .quiz-choice.is-picked{box-shadow:0 0 0 1px var(--haki-bolt), 0 0 16px var(--haki-bolt-soft)}.haki .quiz-choice.is-right{box-shadow:0 0 0 1px oklch(85% .17 150),0 0 16px oklch(74% .16 150/.5)}.haki .card{background:oklch(18% .04 335/.9);border-color:oklch(34% .06 345/.6)}.haki .card:hover:not(:disabled){border-color:var(--haki-bolt);box-shadow:0 0 14px var(--haki-bolt-soft)}.haki .card.is-suspect{box-shadow:0 0 0 2px var(--haki-bolt), 0 0 18px var(--haki-bolt-soft)}.haki .turn--mine{box-shadow:0 0 18px var(--haki-ring)}.haki .secret .portrait{box-shadow:0 0 0 2px var(--haki-bolt), 0 0 16px var(--haki-bolt-soft)}.haki .card.is-down:after{content:"";z-index:2;filter:drop-shadow(0 0 10px var(--haki-bolt));opacity:0;pointer-events:none;animation:card-strike .56s var(--ease-out) both;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 80'%3E%3Cpath d='M26 0 L12 34 L21 36 L8 80 L32 40 L22 38 Z' fill='%23ff5a3c'/%3E%3C/svg%3E") 50%/55% no-repeat;position:absolute;inset:0}@keyframes card-strike{0%{opacity:0;transform:scaleY(.6)}18%{opacity:1;transform:scaleY(1.05)}40%{opacity:.7}to{opacity:0;transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.haki .drum:before,.haki .drum:after,.haki .card.is-down:after{display:none}}.admin{gap:20px;width:min(100%,1100px);margin:0 auto;padding:20px 16px 48px;display:grid}.admin__head{flex-wrap:wrap;align-items:center;gap:12px 20px;display:flex}.admin__brand{font-family:var(--font-display);text-transform:uppercase;color:var(--ink);font-size:1.1rem;text-decoration:none}.admin__title{font-family:var(--font-display);text-transform:uppercase;font-size:1.5rem;font-weight:400}.admin__tools{flex-wrap:wrap;align-items:center;gap:12px;margin-left:auto;display:flex}.admin__gate{width:min(100%,420px)}.stats{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;display:grid}.stat{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-raised);gap:4px;padding:16px;display:grid}.stat__value{font-family:var(--font-display);font-size:1.75rem;line-height:1}.stat__label{color:var(--ink-soft);font-size:.875rem}.stat__hint{color:var(--ink-faint);font-size:.8125rem}.admin__panel{gap:12px}.chart{position:relative}.chart svg{width:100%;height:auto;display:block}.chart__grid{stroke:var(--line);stroke-width:1px}.chart__tick{fill:var(--ink-faint);font-size:11px}.chart__hit{fill:#0000}.chart__tip{border:1px solid var(--line-strong);border-radius:var(--radius-s);background:var(--bg);white-space:nowrap;pointer-events:none;gap:2px;padding:8px 10px;font-size:.8125rem;display:grid;position:absolute;top:4px;transform:translate(-50%)}.legend-row{color:var(--ink-soft);flex-wrap:wrap;gap:4px 14px;margin:0;padding:0;font-size:.8125rem;list-style:none;display:flex}.legend-dot{vertical-align:-1px;border-radius:2px;width:10px;height:10px;margin-right:2px;display:inline-block}.admin__table>summary{color:var(--ink-soft);cursor:pointer;font-size:.875rem}.admin__log{font-size:.875rem}.admin__foot{justify-content:center;display:flex}