.shell{position:relative;z-index:1;height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);padding:var(--s-4) clamp(var(--s-4),3vw,var(--s-6));padding-bottom:max(var(--s-4),env(safe-area-inset-bottom));gap:var(--s-2)}.shell__body{display:grid;min-height:0}.header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:var(--s-4)}.header__brand{font-family:var(--font-ui);font-size:1.4rem;letter-spacing:.22em;text-transform:uppercase;color:var(--cream);opacity:.85;text-decoration:none;transition:opacity var(--d-instant) var(--e-out)}.header__brand:hover{opacity:1}.soundbtn{display:grid;place-items:center;width:44px;height:44px;cursor:pointer}.soundbtn__bars{display:flex;align-items:flex-end;gap:3px;height:18px}.soundbtn__bars i{width:4px;height:6px;border-radius:2px;background:var(--cream);opacity:.45;transition:height var(--d-quick) var(--e-out),opacity var(--d-quick) var(--e-out),background-color var(--d-quick) var(--e-out)}.soundbtn__bars[data-on] i{opacity:1;background:var(--amber);animation:eq .9s var(--e-inout) infinite alternate}.soundbtn__bars[data-on] i:nth-child(2){animation-delay:.15s}.soundbtn__bars[data-on] i:nth-child(3){animation-delay:.3s}@keyframes eq{to{height:18px}}.cursor{position:fixed;top:0;left:0;z-index:90;pointer-events:none;border-radius:999px;opacity:0}.cursor--ring{width:32px;height:32px;border:2px solid var(--cream);transition:border-color var(--d-instant) var(--e-out)}.cursor--ring[data-mode=play]{border-color:var(--amber)}.cursor--dot{width:8px;height:8px;background:var(--cream)}.toast-slot{position:fixed;left:50%;bottom:max(var(--s-6),env(safe-area-inset-bottom));transform:translate(-50%);z-index:80;pointer-events:none}.toast{padding:var(--s-3) var(--s-5);border-radius:var(--radius-pill);background:var(--cream);color:var(--ink);font-family:var(--font-ui);font-size:.9rem;letter-spacing:.06em;text-transform:uppercase;box-shadow:var(--shadow-pill)}@media (prefers-reduced-motion: reduce){.soundbtn__bars[data-on] i{animation:none;height:14px}}.pill{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:50px;padding:0 var(--s-6);border-radius:var(--radius-pill);font-family:var(--font-ui);font-size:var(--t-ui);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;cursor:pointer;will-change:transform;box-shadow:var(--shadow-pill);transition:background-color var(--d-instant) var(--e-out),color var(--d-instant) var(--e-out),box-shadow var(--d-instant) var(--e-out),opacity var(--d-instant) var(--e-out)}.pill--full{width:100%}.pill--cream{background:var(--cream);color:var(--ink)}.pill--cream:hover:not(:disabled){background:var(--white, #fff);box-shadow:0 16px 32px -12px #080a12b3}.pill--accent{background:var(--coral);color:var(--ink)}.pill--accent:hover:not(:disabled){filter:brightness(1.08)}.pill--outline{background:transparent;color:var(--cream);box-shadow:inset 0 0 0 2px #fbf7f073}.pill--outline:hover:not(:disabled){box-shadow:inset 0 0 0 2px var(--cream);background:#fbf7f014}.pill:disabled{opacity:.45;cursor:default;box-shadow:none}.pill__bolt{flex:none;color:var(--coral)}.pill--accent .pill__bolt,.pill--outline .pill__bolt{color:currentColor}.bubble{position:relative;display:inline-block;max-width:22ch;padding:var(--s-3) var(--s-4);border-radius:14px;background:var(--cream);color:var(--ink);font-family:var(--font-ui);font-size:.85rem;letter-spacing:.04em;text-transform:uppercase;line-height:1.3;box-shadow:var(--shadow-pill);will-change:transform,opacity}.bubble:after{content:"";position:absolute;bottom:-9px;width:0;height:0;border:10px solid transparent;border-top-color:var(--cream);border-bottom:0}.bubble--left:after{right:22px}.bubble--right:after{left:22px}.split{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:space-between;pointer-events:none;z-index:1;padding-inline:clamp(var(--s-2),2vw,var(--s-6))}.split__left,.split__right{color:var(--cream);opacity:.9;will-change:transform,opacity}.split__left{rotate:-6deg}.split__right{rotate:5deg}@media (max-width: 899px){.split{display:none}}.burst{position:absolute;width:min(56vmin,350px);height:min(56vmin,350px);will-change:transform,opacity}.boltfield{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.boltfield__bolt{position:absolute;opacity:.35}@media (prefers-reduced-motion: reduce){.burst{animation:none}}.stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:var(--stage);pointer-events:none;transition:background-color var(--d-stage) var(--e-smooth)}.stage__marks{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.55}.stage__marks path{transition:fill var(--d-stage) var(--e-smooth),stroke var(--d-stage) var(--e-smooth)}.screen{display:grid;grid-template-rows:minmax(0,1fr);min-height:0;height:100%;will-change:opacity}.toppill{display:inline-flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-5);border-radius:var(--radius-pill);background:#fbf7f01f;box-shadow:inset 0 0 0 1.5px #fbf7f04d;color:var(--cream);white-space:nowrap;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.toppill em{font-style:normal;opacity:.6}.toppill--magenta{background:var(--coral);color:var(--ink);box-shadow:var(--shadow-pill)}.landing{--fit: min(1vw, 1.05vh);display:grid;justify-items:center;align-content:safe center;gap:clamp(8px,calc(var(--fit) * 1.6),var(--s-4));text-align:center;width:100%;max-width:64rem;margin-inline:auto;padding-block:clamp(8px,calc(var(--fit) * 1.6),var(--s-4));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none}.landing::-webkit-scrollbar{display:none;width:0;height:0}.landing__title{font-size:clamp(2.6rem,calc(var(--fit) * 9),7rem);color:var(--cream);line-height:.9}.landing__dot{display:inline-block;width:.15em;height:.15em;margin-left:.05em;border-radius:50%;background:var(--coral);transform:skew(5deg)}.landing__tagline{color:var(--cream);opacity:.72;max-width:40ch;font-size:clamp(.85rem,calc(var(--fit) * 1.15),1.2rem);margin-top:calc(var(--s-2) * -1)}@media (max-height: 720px){.landing__tagline{display:none}}.landing__hero{position:relative;display:grid;justify-items:center;gap:clamp(6px,calc(var(--fit) * 1.2),var(--s-3))}.landing__facewrap{position:relative;display:grid;justify-items:center;gap:var(--s-2)}.landing__face{width:clamp(68px,calc(var(--fit) * 12),132px);height:clamp(68px,calc(var(--fit) * 12),132px);filter:drop-shadow(var(--shadow-face))}.landing__bubble{position:static;z-index:2}@media (min-width: 560px){.landing__bubble{position:absolute;top:50%;right:calc(100% + 16px);transform:translateY(-50%);white-space:nowrap;max-width:none}.landing__facewrap .landing__bubble:after{top:50%;bottom:auto;left:auto;right:-10px;transform:translateY(-50%);border:10px solid transparent;border-left-color:var(--cream);border-right:0}}.landing__reroll{display:inline-flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-4);border-radius:var(--radius-pill);background:#fbf7f01f;box-shadow:inset 0 0 0 1.5px #fbf7f047;color:var(--cream);cursor:pointer;transition:background-color var(--d-instant) var(--e-out),box-shadow var(--d-instant) var(--e-out)}.landing__reroll:hover{background:#fbf7f033;box-shadow:inset 0 0 0 1.5px var(--cream)}.landing__reroll svg{color:var(--amber)}.landing__modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,calc(var(--fit) * 1.2),var(--s-3));width:100%}.mode{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title bolt" "blurb blurb";justify-items:start;align-content:start;column-gap:var(--s-3);row-gap:clamp(2px,calc(var(--fit) * .7),var(--s-2));padding:clamp(12px,calc(var(--fit) * 2.2),var(--s-5));border-radius:var(--radius);background:var(--cream);color:var(--ink);text-align:left;cursor:pointer;box-shadow:var(--shadow-card);transition:transform var(--d-quick) var(--e-back),box-shadow var(--d-quick) var(--e-out)}.mode:hover:not(:disabled){transform:translateY(-5px);box-shadow:0 28px 52px -20px #080a12bf}.mode:disabled{opacity:.55;cursor:default}.mode__bolt{grid-area:bolt;align-self:start;margin-top:2px;opacity:.85}.mode__title{grid-area:title;font-size:clamp(1.15rem,calc(var(--fit) * 2),1.85rem);color:var(--ink);line-height:.95}.mode__blurb{grid-area:blurb;font-size:clamp(.75rem,calc(var(--fit) * .95),.9rem);font-weight:500;line-height:1.35;color:var(--ink);opacity:.62}.landing__join{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--s-3)}.landing__join .label{color:var(--cream);opacity:.7}.field{width:11ch;min-height:50px;padding:0 var(--s-3);border-radius:var(--radius-pill);border:none;background:#fbf7f01f;box-shadow:inset 0 0 0 1.5px #fbf7f04d;color:var(--cream);font-family:var(--font-ui);font-size:var(--t-ui);letter-spacing:.16em;text-align:center;text-transform:uppercase;transition:box-shadow var(--d-instant) var(--e-out)}.field::placeholder{color:var(--cream);opacity:.35}.field:hover,.field:focus{box-shadow:inset 0 0 0 1.5px var(--cream)}.levels{display:inline-flex;padding:4px;border-radius:var(--radius-pill);background:#fbf7f01f;box-shadow:inset 0 0 0 1.5px #fbf7f038;gap:4px}.level{padding:var(--s-2) var(--s-4);border-radius:var(--radius-pill);font-family:var(--font-ui);font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;color:var(--cream);opacity:.7;cursor:pointer;transition:background-color var(--d-instant) var(--e-out),color var(--d-instant) var(--e-out),opacity var(--d-instant) var(--e-out)}.level:hover{opacity:1}.level[aria-checked=true]{background:var(--cream);color:var(--ink);opacity:1}.share{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--s-3)}.share__link{font-family:var(--font-body);font-size:.82rem;color:var(--cream);background:#fbf7f01f;box-shadow:inset 0 0 0 1.5px #fbf7f040;padding:var(--s-3) var(--s-4);border-radius:var(--radius-pill);overflow-wrap:anywhere}.share__code{color:var(--cream);opacity:.75}.share__code strong{color:var(--amber);opacity:1}.notice{display:grid;justify-items:center;align-content:safe center;gap:var(--s-5);text-align:center;max-width:34rem;margin-inline:auto;padding-block:var(--s-4);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.notice::-webkit-scrollbar{display:none;width:0;height:0}.notice .display{color:var(--cream)}.notice__lead{color:var(--cream);opacity:.75}.connect-flash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:grid;place-items:center;pointer-events:none}.connect-flash span{width:180px;height:180px;border-radius:999px;border:6px solid var(--turquoise)}@media (max-width: 767px){.landing__modes{grid-template-columns:1fr;gap:var(--s-2)}.mode{padding:var(--s-4)}.mode__title{font-size:1.4rem}}.landing__error{display:inline-flex;align-items:center;gap:var(--s-2);max-width:46ch;padding:var(--s-3) var(--s-5);border-radius:var(--radius-pill);background:var(--coral);color:var(--ink);font-size:.85rem;font-weight:600;text-align:left;box-shadow:var(--shadow-pill)}.landing__error svg{flex:none}.board{position:relative;height:min(72vmin,520px);width:auto;aspect-ratio:1;max-height:100%;max-width:100%;flex-shrink:1;margin-inline:auto;rotate:var(--tilt, -2deg);transition:rotate var(--d-slow) var(--e-smooth)}@media (min-width: 640px) and (max-width: 1023px){.board{height:min(72vmin,460px)}}@media (max-width: 639px){.board{height:min(88vmin,520px)}}.board__ink,.board__marks,.board__cells{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.board__ink{overflow:visible;pointer-events:none}.board__grid path{fill:var(--cream)}.board__win{fill:var(--amber);filter:drop-shadow(0 4px 10px rgb(8 10 18 / .45))}.board__marks,.board__cells{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.board__marks{pointer-events:none}.board__face,.board__ghost{display:grid;place-items:center;padding:3%;will-change:transform,opacity}.board__face svg,.board__ghost svg{width:100%;height:100%;filter:drop-shadow(var(--shadow-face))}.board__ghost{filter:saturate(.55)}.board__pending{display:flex;align-items:center;justify-content:center;gap:6px}.board__pending span{width:9px;height:9px;border-radius:999px;background:var(--cream);opacity:.4;animation:pending-bounce .9s var(--e-inout) infinite alternate}.board__pending span:nth-child(2){animation-delay:.12s}.board__pending span:nth-child(3){animation-delay:.24s}@keyframes pending-bounce{to{opacity:1;transform:translateY(-6px)}}.board__cell{background:transparent;border:none;border-radius:12%;min-width:44px;min-height:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.board__cell[aria-disabled=true]{cursor:default}@media (prefers-reduced-motion: reduce){.board{transition:none}.board__pending span{animation:none;opacity:.8}}.gameview{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:var(--s-4);height:100%;min-height:0}.gameview__top{display:flex;justify-content:center}.gameview__stage{position:relative;display:grid;place-items:center;min-height:0}.gameview__boardwrap{position:relative;display:flex;align-items:center;justify-content:center;height:100%;width:100%;min-height:0;z-index:2}.gameview__bubble{position:absolute;top:2%;left:50%;transform:translate(-58%);z-index:3}.gameview__foot{display:flex;flex-wrap:wrap;gap:var(--s-3);align-items:center;justify-content:center;min-height:52px}@media (max-width: 639px){.gameview__bubble{top:-2%;transform:translate(-50%)}}.playerbar{display:flex;align-items:center;justify-content:center;gap:clamp(6px,1.4vmin,var(--s-4));flex-wrap:nowrap;max-width:100%}.playerbar__slot{display:flex;align-items:center;gap:clamp(6px,1.4vmin,var(--s-4));min-width:0}.playerbar__vs{font-family:var(--font-ui);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--cream);opacity:.45;flex:none}.playerbar__chip{display:flex;align-items:center;gap:var(--s-2);min-width:0;padding:6px clamp(10px,1.6vmin,16px) 6px 6px;border-radius:var(--radius-pill);background:#fbf7f01a;box-shadow:inset 0 0 0 1.5px #fbf7f02e;transition:background-color var(--d-quick) var(--e-out),box-shadow var(--d-quick) var(--e-out),opacity var(--d-quick) var(--e-out)}.playerbar__chip[data-active]{background:#fbf7f029;box-shadow:inset 0 0 0 2px var(--rim)}.playerbar__chip[data-away]{opacity:.5}.playerbar__face{display:block;width:clamp(28px,4.4vmin,40px);height:clamp(28px,4.4vmin,40px);flex:none}.playerbar__text{display:grid;text-align:left;min-width:0}.playerbar__name{font-family:var(--font-ui);font-size:clamp(.78rem,1.5vmin,.95rem);letter-spacing:.06em;text-transform:uppercase;color:var(--cream);line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playerbar__symbol{font-family:var(--font-body);font-size:clamp(.6rem,1.15vmin,.72rem);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--rim);line-height:1.2;white-space:nowrap}.playerbar__score{font-family:var(--font-ui);font-size:.95rem;color:var(--cream);opacity:.8;padding-left:var(--s-2);flex:none}.playerbar__pip{width:8px;height:8px;border-radius:999px;background:transparent;flex:none;transition:background-color var(--d-quick) var(--e-out)}.playerbar__chip[data-active] .playerbar__pip{background:var(--rim);animation:pip-pulse 1.2s var(--e-inout) infinite alternate}@keyframes pip-pulse{0%{opacity:.35}to{opacity:1}}@media (prefers-reduced-motion: reduce){.playerbar__chip[data-active] .playerbar__pip{animation:none;opacity:1}}@media (max-width: 480px){.playerbar__symbol{font-size:.58rem}}.result{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;align-content:center;justify-items:center;gap:var(--s-5);padding:var(--s-6);text-align:center;background:var(--stage);transition:background-color var(--d-stage) var(--e-smooth)}.result__eyebrow{position:absolute;top:var(--s-5);left:50%;transform:translate(-50%)}.result__stack{position:relative;display:grid;place-items:center;width:min(86vw,620px);aspect-ratio:1.5}.result__word{position:absolute;color:var(--cream);opacity:.92;white-space:nowrap;z-index:0;font-size:clamp(5rem,24vw,16rem)}.result .burst{z-index:1}.result__face{position:relative;z-index:2;width:min(38vmin,215px);height:min(38vmin,215px);filter:drop-shadow(0 12px 14px rgb(5 15 26 / .25))}.result__quip{color:var(--cream);opacity:.8;max-width:30ch;font-weight:500}.result__score{display:inline-flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-4);border-radius:var(--radius-pill);background:var(--cream);color:var(--ink);box-shadow:var(--shadow-pill)}.result__chip{display:inline-grid;place-items:center;min-width:26px;height:26px;padding-inline:6px;border-radius:var(--radius-pill);color:var(--ink)}.result__actions{display:flex;flex-wrap:wrap;gap:var(--s-3);justify-content:center}@media (max-width: 639px){.result{gap:var(--s-4)}.result__stack{aspect-ratio:1.15}}:root{--font-display: "Lilita One", "Bangers", system-ui, sans-serif;--font-ui: "Bangers", system-ui, sans-serif;--font-body: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;--t-hero: clamp(4rem, 15vw, 12rem);--t-display: clamp(2.75rem, 9vw, 7rem);--t-title: clamp(1.75rem, 5vw, 3rem);--t-lead: clamp(1rem, 1.8vw, 1.2rem);--t-body: 1rem;--t-ui: .95rem;--t-label: .8rem;--cream: #fbf7f0;--cream-dim: #ded5c7;--ink: #16181f;--ink-soft: #59617180;--indigo: #2b3a6b;--indigo-soft: #35437a;--plum: #4a2f63;--plum-soft: #573872;--jade: #146b57;--jade-soft: #1b7c66;--rose: #9e3355;--rose-soft: #b03d60;--slate: #46505f;--slate-soft: #525d6e;--orchid: #6a3a8c;--orchid-soft: #78449c;--amber: #f5b944;--turquoise: #4fd1c5;--coral: #ff7a5c;--stage: var(--indigo);--stage-soft: var(--indigo-soft);--on-stage: var(--cream);--shadow-card: 0 20px 44px -20px rgb(8 10 18 / .65);--shadow-pill: 0 12px 26px -12px rgb(8 10 18 / .6);--shadow-face: 0 14px 26px -12px rgb(8 10 18 / .55);--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--s-8: 64px;--s-9: 96px;--e-out: cubic-bezier(0, 0, .2, 1);--e-inout: cubic-bezier(.4, 0, .2, 1);--e-smooth: cubic-bezier(.26, 1, .48, 1);--e-anticipate: cubic-bezier(.6, -.28, .73, .04);--e-back: cubic-bezier(.17, .89, .32, 1.27);--e-back-full: cubic-bezier(.68, -.55, .27, 1.55);--e-expo: cubic-bezier(.66, 0, 0, 1);--d-instant: .12s;--d-quick: .24s;--d-base: .38s;--d-slow: .62s;--d-stage: .7s;--radius-pill: 999px;--radius: 18px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--stage);color:var(--on-stage);font-family:var(--font-body);font-size:var(--t-body);line-height:1.45;-webkit-font-smoothing:antialiased;overflow:hidden;transition:background-color var(--d-stage) var(--e-smooth)}body[data-custom-cursor=on],body[data-custom-cursor=on] *{cursor:none}h1,h2,h3,p{margin:0}button{font:inherit;color:inherit;background:none;border:none;padding:0}a{color:inherit}:focus-visible{outline:3px solid var(--coral);outline-offset:3px;border-radius:var(--radius-pill)}.hero,.display,.title{font-family:var(--font-display);font-weight:400;text-transform:uppercase;line-height:.88;transform:skew(-5deg);letter-spacing:.01em}.hero{font-size:var(--t-hero)}.display{font-size:var(--t-display)}.title{font-size:var(--t-title)}.lead{font-size:var(--t-lead);font-weight:500}.ui{font-family:var(--font-ui);font-size:var(--t-ui);letter-spacing:.06em;text-transform:uppercase}.label{font-family:var(--font-ui);font-size:var(--t-label);letter-spacing:.08em;text-transform:uppercase}.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}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}body{transition-duration:.16s!important}}