:root{--color-bg-primary:#f4f0ea;--color-text-primary:#2b2623;--color-text-secondary:#6e6762;--color-border:#2b2623;--color-accent:#e94e2f;--color-muted:#d9d2ca;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:40px;--spacing-xxl:64px;--spacing-xxxl:96px;--text:var(--color-text-primary);--text-h:var(--color-text-primary);--bg:var(--color-bg-primary);--muted:var(--color-text-secondary);--border:#2b262324;--tile-pink:#f02a88;--tile-navy:#2038e8;--tile-cyan:#3ccff5;--tile-blue:#3b48e8;--tile-orange:#ff6b20;--tile-blank:#d9d2ca;--accent:var(--color-accent);--accent-bg:#e94e2f14;--accent-border:#e94e2f66;--social-bg:#2b262308;--shadow:#2b262314 0 10px 24px -4px, #2b26230a 0 4px 8px -2px;--sans:"Sora", system-ui, sans-serif;--heading:"Sora", system-ui, sans-serif;--mono:ui-monospace, Consolas, monospace;font:16px/1.45 var(--sans);letter-spacing:.06px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--color-text-primary);background:var(--color-bg-primary);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--color-text-primary);background:var(--color-bg-primary)}}body{margin:0}#root{text-align:left;box-sizing:border-box;background:0 0;border-inline:none;flex-direction:column;width:100%;max-width:none;min-height:100svh;margin:0;display:flex;overflow:auto}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.pageWrapper{min-height:100svh;padding:var(--spacing-lg) var(--spacing-md);background:var(--color-muted);flex:1;justify-content:center;align-items:center;display:flex}.phoneFrame{z-index:1;background:var(--color-bg-primary);border:1px solid #2b262324;border-radius:2.25rem;flex-direction:column;width:100%;max-width:393px;height:min(852px,96svh);animation:.64s cubic-bezier(.34,1.48,.64,1) both phoneEntrance;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #2b262329,0 4px 16px #2b262314}@keyframes phoneEntrance{0%{opacity:0;transform:scale(.91)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (width<=460px){.pageWrapper{background:var(--color-bg-primary);align-items:stretch;padding:0}.phoneFrame{max-width:none;height:100svh;box-shadow:none;border:none;border-radius:0;animation:none}}.natch-flow,.natch-flow *{box-sizing:border-box}.natch-flow{--navy-dark:#12152c;--navy-900:#0717aa;--navy-700:#2b3eee;--navy-200:#c9cef6;--pink:#ff2f92;--pink-400:#ff5ca8;--pink-100:#ffedf3;--green:#99b83d;--yellow:#fdb419;--yellow-200:#feefcb;--red:#ed2950;--white:#fff;--ink:#1a1a2e;--surface:#f6f6f8;--border:#e9e9ee;--pale-blue:#edeef8;--text-primary:#12152c;--text-secondary:#6b7280;--text-tertiary:#9aa0b0;--placeholder:#9ea2b0;--r12:12px;--r14:14px;--r16:16px;--r20:20px;--r24:24px;--r34:34px;--s4:4px;--s8:8px;--s12:12px;--s16:16px;--s20:20px;--s24:24px;--s32:32px;--font:"Plus Jakarta Sans", "Sora", system-ui, sans-serif;--display:"Sora", "Plus Jakarta Sans", system-ui, sans-serif;font-family:var(--font);color:var(--text-primary);flex-direction:column;height:100%;display:flex}.scr{background:var(--white);min-height:0;font-family:var(--font);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.scr--dark{background:var(--navy-dark);color:var(--white)}.scr--navy700{background:var(--navy-700);color:var(--white)}.scr--yellow{background:var(--yellow)}.scr--grey{background:#f2f1f4}.scr__body{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.scr__pad{padding:0 var(--s24)}.scr__spacer{flex:1}.sb{flex:none;justify-content:space-between;align-items:center;padding:14px 20px 8px 24px;display:flex}.sb__time{font-size:15px;font-weight:600}.sb__icons{letter-spacing:1px;gap:6px;font-size:11px;display:flex}.scr--dark .sb,.scr--navy700 .sb{color:var(--white)}.topbar{flex:none;align-items:center;gap:8px;padding:6px 24px 8px;display:flex}.topbar__title{font-size:14px;font-weight:700}.iconbtn{cursor:pointer;width:32px;height:32px;color:inherit;background:0 0;border:none;place-items:center;padding:0;display:grid}.iconbtn--circle{background:#0000000d;border-radius:999px}.scr--dark .iconbtn--circle,.scr--navy700 .iconbtn--circle{background:#ffffff24}svg.ic{display:block}.h-display{font-family:var(--display);letter-spacing:-.5px;margin:0;font-size:34px;font-weight:700;line-height:1.15}.h1{font-family:var(--display);margin:0;font-size:26px;font-weight:700;line-height:1.25}.h2{font-family:var(--display);margin:0;font-size:20px;font-weight:700}.body{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.5}.caption{color:var(--text-tertiary);margin:0;font-size:12.5px}.eyebrow{letter-spacing:1.4px;font-size:11px;font-weight:700}.btn{cursor:pointer;font-family:var(--font);border-radius:var(--r16);border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px 24px;font-size:16px;font-weight:700;transition:transform 80ms,filter .15s;display:inline-flex}.btn:active{transform:scale(.985)}.btn--primary{background:var(--pink);color:#fff}.btn--navy{background:var(--navy-dark);color:#fff}.btn--secondary{color:var(--navy-dark);border:1.5px solid var(--border);background:#fff}.btn--outline{color:var(--navy-dark);border:1.5px solid var(--navy-dark);background:0 0}.btn--danger{background:var(--red);color:#fff}.btn--pill{border-radius:999px}.btn--sm{padding:12px 16px;font-size:14px}.gamecard__btn{white-space:nowrap;border-radius:14px;flex:1;gap:4px;min-width:0;padding:12px 10px;font-size:14px}.linkbtn{cursor:pointer;font-family:var(--font);color:var(--navy-900);background:0 0;border:none;padding:8px;font-size:14px;font-weight:700}.linkbtn--muted{color:var(--text-secondary)}.field{flex-direction:column;gap:8px;display:flex}.field__label{font-size:13px;font-weight:600}.field__box{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r14);align-items:center;gap:8px;padding:15px 16px;font-size:15px;display:flex}.field__box:focus-within{border-color:var(--pink)}.field__box input{font:inherit;color:var(--text-primary);background:0 0;border:none;outline:none;flex:1}.field__box input::placeholder{color:var(--placeholder)}.av{color:#fff;font-family:var(--display);border-radius:999px;flex:none;place-items:center;font-weight:700;display:grid}.card{border-radius:var(--r20);background:#fff}.sheet{border-radius:var(--r24) var(--r24) 0 0;z-index:101;background:#fff;padding:12px 0 20px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -8px 30px #0000001f}.sheet__handle{background:#d9dbe2;border-radius:999px;width:40px;height:5px;margin:0 auto 8px}.scrim{-webkit-backdrop-filter:blur(8px);z-index:100;background:#12152c80;position:absolute;inset:0}.dialog{border-radius:var(--r24);z-index:101;background:#fff;flex-direction:column;align-items:center;width:calc(100% - 56px);max-width:320px;padding:26px 24px 20px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 50px #12152c47}.dialog__icon{background:var(--pink-100);border-radius:999px;place-items:center;width:54px;height:54px;margin-bottom:12px;display:grid}.bnav{border-top:1px solid var(--border);background:#fff;flex:none;align-items:center;padding:12px 24px 16px;display:flex}.bnav__item{cursor:pointer;color:var(--text-tertiary);font-family:var(--font);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.bnav__item--active{color:var(--navy-900)}.bnav__lbl{font-size:11px;font-weight:500}.bnav__item--active .bnav__lbl{font-weight:600}.row{border-top:1px solid var(--border);align-items:center;gap:14px;padding:16px 24px;display:flex}.row__ic{background:var(--pale-blue);color:#5b6172;border-radius:999px;flex:none;place-items:center;width:36px;height:36px;display:grid}.row__col{flex:1;min-width:0}.row__title{font-size:16px;font-weight:700}.row__sub{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.row__meta{color:var(--text-secondary);font-size:12.5px}.row__chev{color:#b4b8c2}.inlineEdit{font:inherit;color:var(--text-primary);border:none;border-bottom:2px solid var(--pink);background:0 0;outline:none;width:100%;padding:0 0 2px;font-size:15.5px;font-weight:700}.shead{justify-content:space-between;align-items:center;padding:16px 24px 12px;display:flex}.shead__left{align-items:center;gap:10px;display:flex}.shead__title{font-size:16px;font-weight:700}.pill{background:var(--pale-blue);color:var(--navy-dark);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}.codecard{background:var(--navy-dark);border-radius:var(--r20);text-align:center;color:#fff;padding:22px}.codecard__eyebrow{color:#c9ceea}.codecard__code{font-family:var(--display);letter-spacing:8px;margin:8px 0;font-size:40px;font-weight:700}.codecard__tap{color:#9da3c9;font-size:12px}.boardbanner{text-align:left;cursor:pointer;background:var(--pale-blue);border-radius:0 0 var(--r20) var(--r20);width:100%;font:inherit;border:none;flex:none;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.boardbanner__title{font-family:var(--display);letter-spacing:.3px;color:var(--navy-dark);font-size:15px;font-weight:700}.boardbanner__sub{letter-spacing:.6px;color:var(--text-secondary);margin-top:2px;font-size:11px;font-weight:600}.offlinetile{background:var(--pink);border-radius:var(--r20);color:#fff;text-align:center;padding:18px 18px 16px;box-shadow:0 10px 24px #ff2f9247}.offlinetile__eyebrow{letter-spacing:1.4px;color:#ffffffc7;font-size:10.5px;font-weight:700}.offlinetile__title{font-family:var(--display);margin:6px 0 12px;font-size:19px;font-weight:700}.offlinetile__pill{border-radius:var(--r14);background:#ffffff38;padding:10px 12px}.offlinetile__pilllabel{letter-spacing:1.2px;color:#fffc;font-size:9.5px;font-weight:700}.offlinetile__pillvalue{margin-top:3px;font-size:14.5px;font-weight:600}.confetti{border-radius:999px;position:absolute}.gamepanel{background:var(--pale-blue);border-radius:0 0 var(--r24) var(--r24);align-items:center;gap:12px;padding:14px 16px 14px 24px;display:flex}.gamepanel__eyebrow{letter-spacing:1px;color:var(--navy-900);font-size:10px;font-weight:700}.gamepanel__sub{color:var(--text-secondary);font-size:12.5px}.bubble{border-radius:18px;max-width:78%;padding:12px 16px;font-size:14px;line-height:1.4}.bubble--them{color:#2b2623;background:#f6f6f8;border:1px solid #f0f0f5;border-top-left-radius:4px;align-self:flex-start}.bubble--me{color:#fff;background:#1e1b4b;border-top-right-radius:4px;align-self:flex-end}.chatinput{border:1px solid var(--pink-100);background:var(--surface);border-radius:999px;flex:none;align-items:center;gap:6px;margin:8px 16px 14px;padding:6px 8px 6px 18px;display:flex}.chatinput__field{font-family:var(--font);color:var(--text-primary);background:0 0;border:0;outline:0;flex:1;padding:8px 2px;font-size:14.5px}.chatinput__field::placeholder{color:var(--placeholder)}.chatinput__send{color:#c2c5d0;cursor:pointer;background:0 0;border:none;border-radius:999px;place-items:center;width:36px;height:36px;transition:color .12s,transform .12s;display:grid}.chatinput__send--active{color:var(--pink)}.chatinput__send--active:active{transform:scale(.9)}.stack{flex-direction:column;display:flex}.center{text-align:center;align-items:center}.gap8{gap:8px}.gap12{gap:12px}.gap16{gap:16px}.gap20{gap:20px}.gap24{gap:24px}.grow{flex:1}.tac{text-align:center}.mt-auto{margin-top:auto}.gameFinishBtn{z-index:40;width:auto;position:absolute;bottom:84px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #ff2f9266}.gameFinishBtn:active{transform:translate(-50%)scale(.98)}.launcher{z-index:100;flex-wrap:wrap;gap:6px;max-width:280px;display:flex;position:fixed;top:12px;left:12px}.launcher select{font:inherit;border:1px solid #ccc;border-radius:8px;padding:6px 10px}.gameBoard{grid-template-rows:repeat(4,50px);grid-template-columns:repeat(5,50px);gap:10px 12px;width:fit-content;margin:8px auto 0;display:grid}.boardTile{--tile-ledge:#00000047;--tile-glow:#0000001f;cursor:default;width:50px;height:50px;box-shadow:0 4px 0 0 var(--tile-ledge), 0 6px 12px var(--tile-glow);background:#e8e8e8;border-radius:12px;justify-content:center;align-items:center;padding:0;transition:transform 90ms,box-shadow 90ms;display:flex;position:relative;overflow:hidden}.boardTile--selected{box-shadow:0 0 0 0 var(--tile-ledge), 0 1px 4px var(--tile-glow);transform:translateY(4px)}.boardTileNum{display:none}.boardTile--reveal{--tile-ledge:#6a8520;--tile-glow:#99b83d59;background:#99b83d}.boardTile--deep{--tile-ledge:#b5005f;--tile-glow:#ff2f9240;background:#ff2f92}.boardTile--either{--tile-ledge:#9a3800;--tile-glow:#e7412b38;background:linear-gradient(#fdb419 50%,#e7412b 50%)}.boardTile--either:before{content:"";pointer-events:none;z-index:2;background:#fff;height:4px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.boardTile--duel{--tile-ledge:#04093f;--tile-glow:#0717aa47;background:#fff}.boardTile--blank{--tile-ledge:#000;--tile-glow:#00000061;background:#12152c}.boardTileAvatars{z-index:3;align-items:flex-end;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.boardTileAvatars>*+*{margin-left:-8px}.diceArea{box-sizing:border-box;justify-content:center;align-items:center;gap:24px;width:298px;margin:0 auto;padding:0 40px;display:flex}.diceAreaText{text-transform:uppercase;letter-spacing:.05px;color:#0c0c0d;text-align:right;flex:1;margin:0;font-size:10px;font-weight:400}.mobileStatusBar{z-index:20;pointer-events:none;background:0 0;justify-content:space-between;align-items:center;padding:10px 20px 6px;display:flex;position:absolute;top:0;left:0;right:0}.statusTime{color:var(--color-text-primary);letter-spacing:-.2px;font-size:13px;font-weight:600;font-family:var(--sans);min-width:42px}.dynamicIsland{background:var(--color-text-primary);pointer-events:none;border-radius:999px;width:120px;height:32px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.statusIcons{color:var(--color-text-primary);align-items:center;gap:5px;display:flex}.chatScreen{min-height:0;color:var(--color-text-primary);background:#fff;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.chatHeader{background:#fff;border-bottom:none;justify-content:flex-start;align-items:center;gap:16px;padding:48px 16px 12px;display:flex}.chatHeaderBtn{width:24px;height:24px;color:var(--color-text-primary);cursor:pointer;background:0 0;border:none;border-radius:999px;flex-shrink:0;place-items:center;padding:0;transition:background .12s;display:grid}.chatHeaderBtn:hover{background:#2b262312}.chatHeaderProfile{align-items:center;gap:10px;display:flex}.chatAvatar{background:var(--color-muted);border:none;border-radius:999px;flex-shrink:0;width:44px;height:44px;overflow:hidden}.tokenPickerRow{cursor:pointer;background:0 0;border:none;border-radius:20px;align-self:flex-start;align-items:center;gap:8px;margin-top:2px;padding:6px 12px;transition:background .15s;display:flex}.tokenPickerRow:hover{background:#0000000d}.tokenPickerLabel{color:#888;letter-spacing:.02em;font-family:Noto Sans,sans-serif;font-size:12px}.tokenPickerEdit{opacity:.6;font-size:12px}.avatarPickerLayer{z-index:200;background:#00000073;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.avatarPickerCard{background:#fff;border-radius:20px 20px 0 0;width:100%;max-width:420px;max-height:85vh;padding:20px 16px 32px;overflow-y:auto}.avatarPickerHeader{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.avatarPickerTitle{color:#1a1a2e;font-family:Sora,sans-serif;font-size:16px;font-weight:700}.avatarPickerClose{cursor:pointer;color:#888;background:0 0;border:none;border-radius:8px;padding:4px 8px;font-size:16px}.avatarPickerGrid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.avatarPickerBtn{cursor:pointer;background:#f5f5f8;border:2px solid #0000;border-radius:14px;flex-direction:column;align-items:center;gap:0;padding:8px;transition:border-color .15s,background .15s;display:flex}.avatarPickerBtn:hover{background:#eeeef8}.avatarPickerBtn--selected{background:#fff0f8;border-color:#ff2f92}.avatarPickerLabel{color:#555;text-align:center;white-space:nowrap;text-overflow:ellipsis;width:100%;font-family:Noto Sans,sans-serif;font-size:10px;overflow:hidden}.chatName{color:#0c0c0d;white-space:nowrap;font-family:Noto Sans,sans-serif;font-size:20px;font-style:normal;font-weight:700;line-height:normal}.chatMessages{scroll-behavior:smooth;background:#f6f6f6;flex:1;min-height:0;margin-top:16px;padding:87px 16px 16px;overflow:auto}.messageRow{flex-direction:column;gap:4px;margin:4px 0;display:flex}.messageRow--card{margin:12px 0}.senderLabel{color:#303136;letter-spacing:.06px;font-size:12px;font-weight:400}.messageRow--me .senderLabel{text-align:right}.messageRow--them .senderLabel{text-align:left}.messageBubbleRow{align-items:flex-end;gap:8px;display:flex}.messageRow--them{align-items:flex-start}.messageRow--me{align-items:flex-end}.messageRow--center{align-items:center}.bubbleAvatar{background:var(--color-muted);border:1px solid #2b26232e;border-radius:999px;flex-shrink:0;width:28px;height:28px;overflow:hidden}.bubbleAvatar svg{width:28px;height:28px}.bubble{border:0;border-radius:18px;max-width:72%;padding:10px 14px 8px}.bubble--them{background:#f6f6f8;border:1px solid #f0f0f5;border-top-left-radius:4px}.bubble--them .bubbleText{color:#2b2623}.bubble--me{color:#fff;background:#1e1b4b;border:0;border-top-right-radius:4px}.bubble--me .bubbleText{color:#fff}.bubbleText{letter-spacing:.07px;white-space:pre-wrap;font-size:14px;font-weight:300;line-height:1.45}.summaryCard{box-sizing:border-box;border-radius:34px;flex-direction:column;align-items:center;gap:12px;width:calc(100% - 56px);padding:26px 24px;display:flex}.summaryCardInner{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.summaryCardTextBlock{text-align:center;flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.summaryCardTitle{text-transform:uppercase;letter-spacing:2.52px;margin:0;font-family:Sora,sans-serif;font-size:14px;font-weight:700;line-height:1}.summaryCardQuestion{margin:0;font-family:Sora,sans-serif;font-size:14px;font-weight:400;line-height:1.45}.summaryCardAnswerBox{box-sizing:border-box;text-align:center;background:#fff3;border-radius:12px;flex-direction:column;align-items:center;gap:6px;width:100%;padding:10px 20px 15px 23px;display:flex}.summaryCardLabel{text-transform:uppercase;letter-spacing:1.12px;margin:0;font-family:Sora,sans-serif;font-size:8px;font-weight:700;line-height:1}.summaryCardAnswer{text-align:center;margin:0;font-family:Sora,sans-serif;font-size:14px;font-weight:400;line-height:normal}.summaryCardWaiting{color:#ffffff8c;text-align:center;margin:0;font-family:Sora,sans-serif;font-size:10px;font-style:italic;font-weight:400;line-height:normal}.summaryCardMeta{text-align:right;width:100%;margin-top:0;font-size:10px}.dateSeparator{justify-content:center;align-items:center;gap:10px;margin:12px 0 8px;display:flex}.dateSeparatorLine{background:#2b26231f;flex:1;height:1px}.dateSeparatorText{letter-spacing:.07px;text-transform:uppercase;color:#ff2f92;font-size:14px;font-weight:700}.chatInputArea{padding:0 12px calc(env(safe-area-inset-bottom) + 10px);z-index:6;background:#fff;padding-top:8px;position:relative}.gameTopPanel{z-index:10;background:#f1f1fd;border-radius:0 0 16px 16px;position:absolute;top:104px;left:0;right:0;overflow:hidden;box-shadow:3px 8px 18px #00000040}.gameTopBanner{box-sizing:border-box;cursor:pointer;width:100%;color:var(--color-text-primary);text-align:left;background:0 0;border:none;flex-direction:row;justify-content:space-between;align-items:center;padding:24px;display:flex;position:relative}.gameTopPanel--expanded .gameTopBanner{padding-bottom:20px}.gameTopBanner:active{filter:brightness(.97)}.gameBannerLeft{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.gameBannerTitle{text-transform:uppercase;color:#0c0c0d;font-family:Sora,sans-serif;font-size:16px;font-style:normal;font-weight:700;line-height:normal}.gameBannerTurnText{letter-spacing:.05px;text-transform:uppercase;color:#0c0c0d;font-family:Sora,sans-serif;font-size:10px;font-style:normal;font-weight:400;line-height:normal}.gameBannerAvatar{object-fit:cover;border:1.5px solid #2b26234d;border-radius:999px;flex-shrink:0;width:22px;height:22px}.gameBannerSub{display:none}.gameBannerRight{flex-shrink:0;align-items:center;display:flex}.gameBannerChevron{width:24px;height:24px;color:var(--color-text-primary);flex-shrink:0;place-items:center;display:grid}.gameTopBody{scrollbar-width:none;background:#f1f1fd;flex-direction:column;align-items:center;max-height:0;padding:0 14px;transition:max-height .28s cubic-bezier(.32,0,.15,1),padding .28s cubic-bezier(.32,0,.15,1);display:flex;overflow:hidden}.gameTopBody::-webkit-scrollbar{display:none}.gameTopPanel--expanded .gameTopBody{gap:24px;max-height:min(640px,100dvh - 115px);padding:4px 14px 20px;overflow-y:auto}.gameResetBtn{cursor:pointer;z-index:2;background:0 0;border:none;place-items:center;width:34px;height:34px;padding:0;transition:transform .12s;display:grid;position:absolute;bottom:14px;right:14px}.gameResetBtn:active{transform:scale(.92)}.gameCurrentChallenge{flex-direction:column;align-items:center;gap:2px;padding:6px 0 10px;display:flex}.gameChallengeLabel{color:var(--color-text-secondary);letter-spacing:.2px;font-size:11px}.gameChallengeName{color:var(--color-text-primary);letter-spacing:.3px;text-transform:uppercase;font-size:13px;font-weight:800}.gameToast--inline{text-align:center;margin:4px auto 8px;display:inline-block;position:static;bottom:auto;left:auto;transform:none}.gameBoardCard{background:#f1f1fd;width:100%;padding:10px 14px 4px}.gameBoardTop{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.gameSide{flex-direction:column;gap:8px;width:38%;min-width:120px;display:flex}.gameHintText{color:var(--color-text-secondary);margin-top:2px;font-size:12px;line-height:1.35}.gameMain{justify-content:center;width:62%;display:flex}.gameMetaRow{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.gameMetaLeft{flex-direction:column;gap:3px;display:flex}.gameMetaTitle{letter-spacing:-.2px;color:var(--color-text-primary);font-size:14px;font-weight:700}.gameMetaTitleRow{justify-content:space-between;align-items:center;gap:10px;display:flex}.gameIconBtn{cursor:pointer;width:28px;height:28px;color:var(--color-text-secondary);background:0 0;border:1px solid #2b262338;border-radius:999px;place-items:center;transition:background .12s;display:grid}.gameIconBtn:hover{background:#2b262312}.gameIconBtn:active{transform:translateY(1px)}.gameIconBtn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.gameMetaSub{color:var(--color-text-secondary);font-size:12px}.snakeBoard{grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(4,1fr);gap:6px;width:100%;display:grid}.diceBelowRow{align-items:center;gap:12px;padding:18px 0 4px;display:flex}.diceBelowText{text-transform:uppercase;letter-spacing:.8px;color:var(--color-text-secondary);flex:1;font-size:11px;font-weight:700}.tileBtn{--tile-ledge:#00000047;--tile-glow:#0000001f;appearance:none;aspect-ratio:1;cursor:pointer;width:100%;box-shadow:0 2px 0 var(--tile-ledge), 0 3px 8px var(--tile-glow), inset 0 1px 0 #ffffff38;background:#e8e8e8;border:none;border-radius:22%;justify-content:center;align-items:center;padding:0;transition:transform 90ms,box-shadow 90ms;display:flex;position:relative;overflow:hidden}.tileBtn:after{content:"";border-radius:inherit;pointer-events:none;z-index:1;background:linear-gradient(160deg,#fff3 0%,#ffffff0a 45%,#0000 60%);position:absolute;inset:0}.tileBtn:active{box-shadow:0 0px 0 var(--tile-ledge), 0 1px 4px var(--tile-glow);transform:translateY(2px)}.tileBtn:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.tileBtn--selected{box-shadow:0 0 0 2.5px white, 0 3px 0 #ffffff73, 0 6px 14px var(--tile-glow);transform:scale(1.07)}.tileInner{pointer-events:none;z-index:2;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:relative}.tileIcon{justify-content:center;align-items:center;display:flex}.tileNum{color:#ffffff8c;pointer-events:none;z-index:2;font-size:8px;font-weight:800;line-height:1;position:absolute;top:4px;left:5px}.tileTag{display:none}.tile--reveal{--tile-ledge:#6a8520;--tile-glow:#99b83d59;background:#99b83d}.tile--reveal .tileNum{color:#ffffff80}.tile--either{--tile-ledge:#a05200;--tile-glow:#e7412b38;background:linear-gradient(#fdb419 50%,#e7412b 50%)}.tile--either .tileNum{color:#ffffffa6}.tile--deep{--tile-ledge:#b8006a;--tile-glow:#ff2f9247;background:#ff2f92}.tile--deep .tileNum{color:#ffffff80}.tile--duel{--tile-ledge:#04107a;--tile-glow:#0717aa47;background:#0717aa}.tile--duel .tileNum{color:#ffffff80}.tile--blank{--tile-ledge:#000;--tile-glow:#00000061;background:#0c0c0d}.tile--blank .tileNum{color:#ffffff38}.tilePlayer{filter:drop-shadow(0 1px 2px #00000040);background:0 0;border:0;border-radius:5px;place-items:center;width:18px;height:18px;display:grid;position:absolute;bottom:5px}.tilePlayer svg{width:18px;height:18px}.tilePlayer--maya{left:5px}.tilePlayer--you{right:5px}.tileBtn--landed{outline-offset:1px;box-shadow:0 0 0 4px #ffffff80, 0 2px 0 var(--tile-ledge), 0 4px 12px var(--tile-glow);outline:2.5px solid #fff;animation:.55s ease-in-out landPulse}.tilePopupLayer{z-index:9999;-webkit-backdrop-filter:blur(6px);background:#2b262359;place-items:center;padding:24px;animation:.2s ease-out popupFadeIn;display:grid;position:fixed;inset:0}.tilePopupCard{border-radius:34px;flex-direction:column;align-items:center;gap:16px;width:min(300px,100vw - 48px);padding:26px 24px;font-family:Sora,sans-serif;animation:.21s ease-out popupCardIn;display:flex;position:relative}.tilePopupContentBlock{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.tilePopupCard--deep{background:#ff2f92;border:2px solid #ff59a8}.tilePopupCard--either{background:#fdb419;border:2px solid #f2daa6}.tilePopupCard--reveal{background:#99b83d;border:1px solid #cfdf9f}.tilePopupCard--duel{background:#0717aa;border:2px solid #2b3eee}.tilePopupSymbol{flex-shrink:0;display:block}.tilePopupTitleBlock{text-align:center;flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.tilePopupHeading{letter-spacing:2.52px;text-transform:uppercase;color:#fff;text-align:center;margin:0;font-family:Sora,sans-serif;font-size:14px;font-weight:700;line-height:normal}.tilePopupPromptQuote{color:#fff;text-align:center;margin:0;font-family:Sora,sans-serif;font-size:14px;font-weight:400;line-height:normal}.tileEitherOptions{align-items:stretch;gap:12px;width:100%;display:flex}.tileEitherBtn{color:#fff;cursor:pointer;text-align:center;background:#fff3;border:2px solid #ffffff80;border-radius:16px;flex:1;padding:14px 8px;font-family:Sora,sans-serif;font-size:20px;font-weight:600;line-height:1.3;transition:background .12s,border-color .12s}.tileEitherBtn:hover{background:#ffffff52;border-color:#fffc}.tileEitherBtn--selected{background:#ffffff73;border-color:#fff}.tileOptionRow{gap:10px;width:100%;display:flex}.tileOptionBtn{color:#fff;cursor:pointer;text-align:center;background:#ffffff26;border:1.5px solid #ffffff73;border-radius:12px;flex:1;padding:12px 8px;font-family:Sora,sans-serif;font-size:20px;font-weight:600;transition:background .12s,border-color .12s}.tileOptionBtn:hover{background:#ffffff40;border-color:#ffffffb3}.tileOptionBtn--selected{background:#ffffff4d;border-color:#fff}.tilePopupAnswerBox{box-sizing:border-box;border-radius:12px;flex-direction:column;align-items:center;gap:8px;width:100%;padding:10px 22px 15px;display:flex}.tilePopupCard--deep .tilePopupAnswerBox{border:1px solid #ffd5e9}.tilePopupCard--either .tilePopupAnswerBox{border:1px solid #f2daa6}.tilePopupCard--reveal .tilePopupAnswerBox{border:1px solid #cfdf9f}.tilePopupCard--duel .tilePopupAnswerBox{border:1px solid #ffffff4d}.tilePopupAnswerLabel{letter-spacing:1.12px;text-transform:uppercase;text-align:center;width:100%;margin:0;font-family:Sora,sans-serif;font-size:8px;font-weight:700;line-height:normal}.tilePopupCard--deep .tilePopupAnswerLabel{color:#ffd5e9}.tilePopupCard--either .tilePopupAnswerLabel,.tilePopupCard--reveal .tilePopupAnswerLabel{color:#ffffffd9}.tilePopupCard--duel .tilePopupAnswerLabel{color:#bec3f9}.tilePopupAnswerValue{color:#fff;text-align:center;width:100%;margin:0;font-family:Sora,sans-serif;font-size:12px;font-weight:400;line-height:normal}.tilePopupAnswerValue--emoji{font-size:20px}.tilePopupAnswerValue--score{letter-spacing:2.52px;text-transform:uppercase;font-weight:700}.tilePopupActions{justify-content:flex-end;width:100%;display:flex}.tilePopupSendBtn{letter-spacing:1.4px;text-transform:uppercase;white-space:nowrap;cursor:pointer;border:none;border-radius:34px;justify-content:center;align-items:center;width:auto;padding:8px 16px;font-family:Sora,sans-serif;font-size:10px;font-weight:700;line-height:normal;transition:opacity .12s;display:inline-flex}.tilePopupSendBtn:disabled{opacity:.35;cursor:default}.tilePopupSendBtn:not(:disabled):active{transform:scale(.94)}.tilePopupSendBtn--deep{color:#ff2f92;background:#ffd5e9}.tilePopupSendBtn--either{color:#a07000;background:#f2daa6}.tilePopupSendBtn--reveal{color:#506018;background:#cfdf9f}.tilePopupSendBtn--duel{color:#0717aa;background:#bec3f9}.tilePopupInputArea{width:100%}.tilePopupInput{box-sizing:border-box;color:#fff;resize:none;background:#fff3;border:1px solid #fff6;border-radius:12px;width:100%;padding:12px 16px;font-family:Sora,sans-serif;font-size:14px;font-weight:400;line-height:1.5;transition:border-color .15s}.tilePopupInput:focus{border-color:#ffffffb3;outline:none}.tilePopupInput::placeholder{color:#ffffff8c}.tilePopupClose{color:#fffc;cursor:pointer;background:0 0;border:1.5px solid #fff6;border-radius:999px;place-items:center;width:28px;height:28px;transition:background .12s;display:grid;position:absolute;top:14px;right:14px}.tilePopupClose:hover{background:#ffffff26}.diceWrapper{cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;flex-direction:column;align-items:center;gap:5px;width:fit-content;display:flex}.diceWrapper--disabled{cursor:default;opacity:.45}.diceWrapper:not(.diceWrapper--disabled):active{transform:scale(.9)}.pixelDice{filter:drop-shadow(0 3px 8px #2b262338);transform-origin:50%;display:block}.diceLabel{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.6px;font-size:9px;font-weight:800}@keyframes diceRoll{0%{transform:rotate(0)scale(1)}12%{transform:rotate(-22deg)scale(1.18)}28%{transform:rotate(30deg)scale(.88)}48%{transform:rotate(-16deg)scale(1.1)}66%{transform:rotate(12deg)scale(.95)}82%{transform:rotate(-6deg)scale(1.03)}to{transform:rotate(0)scale(1)}}.pixelDice--rolling{animation:.62s cubic-bezier(.36,.07,.19,.97) both diceRoll}.gameToast{z-index:11;color:var(--color-bg-primary);background:var(--color-text-primary);border-radius:999px;padding:6px 12px;font-size:12px;animation:.12s ease-out popupFadeIn;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.chatComposer{padding-top:10px;position:sticky;bottom:0}.composerBar{background:#f6f6f8;border:1px solid #ffd5e9;border-radius:999px;align-items:center;gap:6px;padding:6px 8px 6px 18px;display:flex}.composerInput{color:var(--color-text-primary);font-size:14.5px;font-family:var(--sans);background:0 0;border:0;outline:none;flex:1;padding:8px 2px}.composerInput::placeholder{color:var(--color-text-secondary);opacity:.65}.composerSend{cursor:pointer;color:#c2c5d0;background:0 0;border:0;border-radius:999px;outline:0;flex-shrink:0;place-items:center;width:36px;height:36px;transition:transform .12s,color .12s;display:grid}.composerSend--active{color:#ff2f92}.composerSend:disabled{cursor:default}.composerSend--active:active{transform:scale(.9)}.chev{background:#2b26230a;border:1px solid #2b26231f;border-radius:999px;place-items:center;width:30px;height:30px;display:grid}.gamePlaceholderTitle{letter-spacing:-.3px;color:var(--color-text-primary);margin-bottom:6px;font-weight:700}.gamePlaceholderText{color:var(--color-text-secondary);font-size:13px;line-height:1.35}@keyframes popupFadeIn{0%{opacity:0}to{opacity:1}}@keyframes popupCardIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes landPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}