:root{color:#2b2230;font-synthesis:none;-webkit-font-smoothing:antialiased;--ink:#2b2230;--ink-deep:#15121c;--paper:#fdf6ec;--cream:#fbf3e7;--cream-deep:#f1eadf;--muted:#6f6559;--coral:#ff6b5c;--coral-ink:#c43a2c;--jade:#37d0a6;--jade-ink:#1f9e86;--amber:#ffc24b;--amber-ink:#c88a12;--blue:#4fb8f0;--blue-ink:#2f82bd;--purple:#9b7bff;--dash-viewport-width:100vw;--dash-viewport-height:100dvh;--dash-vw:1vw;--dash-vh:1dvh;background:#fdf6ec;font-family:Figtree,ui-rounded,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;height:100%;min-height:100%;margin:0}html{background:var(--ink-deep);overscroll-behavior:none;touch-action:manipulation;scrollbar-color:#ff6b5cd1 transparent;scrollbar-width:thin;overflow:hidden}html::-webkit-scrollbar{width:7px}html::-webkit-scrollbar-track{background:0 0}html::-webkit-scrollbar-thumb{background:#ff6b5cd1 padding-box padding-box;border:2px solid #0000;border-radius:999px}body{background:var(--paper);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overflow:hidden}html.document-scroll{background:var(--cream);overflow:hidden auto}body.document-scroll{width:var(--dash-viewport-width);height:auto;min-height:var(--dash-viewport-height);background:var(--cream);overflow:visible}body.document-scroll #app{width:100%;height:auto;min-height:var(--dash-viewport-height)}button,input{font:inherit}button{color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0}button:focus-visible,input:focus-visible{outline:3px solid var(--amber);outline-offset:3px}button:active{transform:translateY(1px)scale(.985)}svg{width:1.25em;height:1.25em;display:block}h1,h2,h3,p{margin:0}h1,h2,h3,strong,.primary-button{font-family:Bricolage Grotesque,Figtree,sans-serif}#effects{z-index:1000;pointer-events:none;position:fixed;inset:0}#effects canvas{width:100%!important;height:100%!important}.screen{background:var(--paper);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:fixed;inset:0;overflow:hidden}html.viewport-fallback .screen{width:var(--dash-viewport-width);height:var(--dash-viewport-height);bottom:auto;right:auto}.content-screen{background:var(--cream);padding:calc(env(safe-area-inset-top) + 18px) max(22px, env(safe-area-inset-right)) calc(env(safe-area-inset-bottom) + 24px) max(22px, env(safe-area-inset-left));overflow:visible}body.document-scroll .screen{width:100%;height:auto;min-height:var(--dash-viewport-height);max-height:none;position:relative;inset:auto;overflow:visible}body.document-scroll .ai-screen,body.document-scroll .ai-picker{display:block}body.document-scroll .ai-picker .ai-list{overscroll-behavior:auto;overflow:visible}.screen.is-scrollable:after{content:none}.screen-header{align-items:center;gap:12px;min-height:46px;margin-bottom:20px;display:flex}.screen-header h1{letter-spacing:-.025em;font-size:24px;line-height:1}.screen-header p{color:var(--muted);margin-top:4px;font-size:13px;font-weight:600}.icon-button{background:#fff;border-radius:14px;flex:none;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 5px 14px -8px #2b223059}.primary-button{background:var(--coral);min-height:54px;color:var(--ink);border-radius:18px;justify-content:center;align-items:center;gap:9px;padding:15px 22px;font-size:18px;font-weight:800;display:flex;box-shadow:0 16px 30px -14px #e8503fa6}.primary-button--pill{border-radius:999px;padding-inline:38px}.footer-action{width:100%;margin-top:22px;position:sticky;bottom:0}.eyebrow,.section-label{letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:800}.section-label{color:var(--muted);margin:19px 0 9px}.privacy-note,.settings-note{color:var(--muted);text-align:center;max-width:34ch;margin:18px auto;font-size:12px;font-weight:600;line-height:1.45}.toast{z-index:2000;left:50%;bottom:calc(env(safe-area-inset-bottom) + 24px);background:var(--ink);max-width:calc(100vw - 36px);color:var(--paper);text-align:center;border-radius:999px;padding:12px 18px;font-size:13px;font-weight:700;animation:.28s cubic-bezier(.34,1.56,.64,1) toastIn;position:fixed;transform:translate(-50%);box-shadow:0 12px 30px -10px #0000008c}.pawn{aspect-ratio:.82;background:linear-gradient(150deg,var(--pawn),var(--pawn-ink));width:100%;box-shadow:inset 0 -18% 22% #00000047, inset 0 12% 16% #fff6, 0 0 0 2px #ffffff8c;border-radius:50% 50% 40% 40%/62% 62% 38% 38%;display:inline-block;position:relative}.pawn:before{content:"";background:#00000024;border-radius:50%;height:12%;position:absolute;top:46%;left:8%;right:8%}.pawn:after{content:"";background:radial-gradient(circle at 35% 30%,#ffffffd9,#0000 70%);border-radius:50%;width:34%;height:26%;position:absolute;top:14%;left:22%}.pawn--coral{--pawn:var(--coral);--pawn-ink:var(--coral-ink)}.pawn--jade{--pawn:var(--jade);--pawn-ink:var(--jade-ink)}.pawn--amber{--pawn:var(--amber);--pawn-ink:var(--amber-ink)}.pawn--blue{--pawn:var(--blue);--pawn-ink:var(--blue-ink)}.pawn--paper{--pawn:#fff;--pawn-ink:#eee3d2}.avatar{color:var(--avatar);flex-direction:column;justify-content:center;align-items:center;animation:3.4s ease-in-out infinite avatarBob;display:flex;position:relative;container-type:inline-size}.avatar--tiny{width:40px;min-width:40px;height:52px}.avatar--small{width:56px;min-width:56px;height:66px}.avatar--large{width:104px;min-width:104px;height:124px}.avatar__figure{flex:none;width:64cqw;height:74cqw;display:block;position:relative}.avatar__body{background:var(--avatar);border-radius:50% 50% 44% 44%/58% 58% 42% 42%;width:64cqw;height:74cqw;display:block;position:relative;box-shadow:inset 0 -8cqw 14cqw #00000024,0 6cqw 12cqw #1e142829;container-type:inline-size}.avatar__shine{background:radial-gradient(circle at 32% 30%,#fff9,#0000 68%);border-radius:50%;width:40cqw;height:32cqw;position:absolute;top:9cqw;left:12cqw}.avatar__eye{background:#fff;border-radius:50%;width:16cqw;height:20cqw;position:absolute;top:30cqw;box-shadow:inset 0 0 0 1px #2b223014}.avatar__eye:after{content:"";background:var(--ink);border-radius:50%;width:9cqw;height:11cqw;position:absolute;bottom:3cqw;left:50%;transform:translate(-50%);box-shadow:inset -1cqw 1.5cqw #fff}.avatar__eye--left{left:19cqw}.avatar__eye--right{right:19cqw}.avatar__cheek{background:#ff5a5a47;border-radius:50%;width:12cqw;height:8cqw;position:absolute;top:53cqw}.avatar__cheek--left{left:9cqw}.avatar__cheek--right{right:9cqw}.avatar__smile{border-bottom:3.5cqw solid #2b22309e;border-radius:0 0 90% 90%;width:22cqw;height:12cqw;position:absolute;top:56cqw;left:50%;transform:translate(-50%)}.avatar__glasses{background:linear-gradient(var(--ink),var(--ink)) 50% 36cqw/12cqw 3cqw no-repeat;position:absolute;inset:0}.avatar__glasses:before,.avatar__glasses:after{content:"";border:3cqw solid var(--ink);background:#ffffff24;border-radius:50%;width:24cqw;height:24cqw;position:absolute;top:27cqw}.avatar__glasses:before{left:14cqw}.avatar__glasses:after{right:14cqw}.avatar__hair{background:#3a2e22;border-radius:70% 30% 60% 40%/80% 60% 40% 30%;width:24cqw;height:22cqw;position:absolute;top:-9cqw;left:31cqw;transform:rotate(-16deg)}.avatar__cap{position:absolute;inset:0}.avatar__cap:before{content:"";background:var(--ink);border-radius:50% 50% 42% 42%;width:70cqw;height:40cqw;position:absolute;top:-8cqw;left:50%;transform:translate(-50%)}.avatar__cap:after{content:"";background:var(--ink);border-radius:40% 40% 40% 60%;width:40cqw;height:12cqw;position:absolute;top:23cqw;left:-8cqw}.avatar__freckles{background:radial-gradient(circle,#2b223061 0 50%,#0000 55%) 14cqw 50cqw/4cqw 4cqw no-repeat,radial-gradient(circle,#2b223061 0 50%,#0000 55%) 20cqw 54cqw/4cqw 4cqw no-repeat,radial-gradient(circle,#2b223061 0 50%,#0000 55%) 13cqw 57cqw/4cqw 4cqw no-repeat,radial-gradient(circle,#2b223061 0 50%,#0000 55%) 46cqw 50cqw/4cqw 4cqw no-repeat,radial-gradient(circle,#2b223061 0 50%,#0000 55%) 40cqw 54cqw/4cqw 4cqw no-repeat,radial-gradient(circle,#2b223061 0 50%,#0000 55%) 47cqw 57cqw/4cqw 4cqw no-repeat;position:absolute;inset:0}.avatar__phones{z-index:3;pointer-events:none;position:absolute;inset:0}.avatar__phones:before{content:"";border:6cqw solid var(--ink);border-bottom:0;border-radius:52% 52% 0 0;width:64cqw;height:51cqw;position:absolute;top:-6cqw;left:-5cqw;box-shadow:inset 0 3cqw #ffffff29}.avatar__phones:after{content:"";border:2.5cqw solid var(--ink);background:var(--avatar);width:14cqw;height:27cqw;box-shadow:65cqw 0 0 -2.5cqw var(--avatar),65cqw 0 0 0 var(--ink);border-radius:7cqw;position:absolute;top:31cqw;left:-9cqw}.avatar__bow,.avatar__monocle,.avatar__antenna,.avatar__crown{z-index:4;pointer-events:none;position:absolute;inset:0}.avatar__bow:before,.avatar__bow:after{content:"";background:var(--ink);border-radius:75% 20%;width:24cqw;height:17cqw;position:absolute;bottom:1cqw}.avatar__bow:before{left:10cqw;transform:rotate(25deg)}.avatar__bow:after{right:10cqw;transform:rotate(-25deg)}.avatar__monocle:before{content:"";border:3cqw solid var(--ink);border-radius:50%;width:23cqw;height:23cqw;position:absolute;top:25cqw;right:10cqw;box-shadow:inset 0 0 0 2cqw #fff3}.avatar__monocle:after{content:"";background:var(--ink);border-radius:2cqw;width:3cqw;height:28cqw;position:absolute;top:46cqw;right:5cqw;transform:rotate(-9deg)}.avatar__antenna:before{content:"";background:var(--ink);border-radius:4cqw;width:4cqw;height:25cqw;position:absolute;top:-22cqw;left:31cqw;transform:rotate(-12deg)}.avatar__antenna:after{content:"";background:#7a8cf7;border:3cqw solid #fff;border-radius:50%;width:17cqw;height:17cqw;position:absolute;top:-30cqw;left:22cqw;box-shadow:0 2cqw 5cqw #15121c40}.avatar__crown:before{content:"♛";color:#ffd356;text-shadow:0 3cqw 0 var(--ink);font-size:42cqw;line-height:1;position:absolute;top:-31cqw;left:11cqw}.avatar__emote{z-index:2;background:var(--paper);border-radius:50%;place-items:center;width:38cqw;height:38cqw;font-size:20cqw;font-style:normal;animation:.45s cubic-bezier(.34,1.56,.64,1) both popIn;display:grid;position:absolute;top:-10cqw;right:-14cqw;box-shadow:0 4cqw 10cqw #1e142840,0 0 0 3cqw #ffffff80}.avatar>b{background:var(--ink);color:var(--paper);border-radius:999px;margin-top:8px;padding:5px 12px;font-size:12px}.human-avatar .avatar__body{background:linear-gradient(155deg,var(--avatar) 0 61%,var(--avatar-accent) 62% 100%);border-radius:38% 38% 31% 31%/42% 42% 32% 32%}.human-avatar__sash{display:none}.human-avatar__accessory{z-index:4;pointer-events:none;position:absolute;inset:0}.human-avatar[data-character=scout] .human-avatar__accessory:before{content:"";border:3cqw solid var(--ink);background:var(--avatar-accent);border-radius:13cqw 13cqw 6cqw 6cqw;width:34cqw;height:27cqw;position:absolute;top:-18cqw;left:16cqw}.human-avatar[data-character=scout] .human-avatar__accessory:after{content:"";background:var(--ink);border-radius:50%;width:60cqw;height:8cqw;position:absolute;top:5cqw;left:3cqw}.human-avatar[data-character=professor] .human-avatar__accessory{background:linear-gradient(var(--ink),var(--ink)) 50% 36cqw/12cqw 3cqw no-repeat}.human-avatar[data-character=professor] .human-avatar__accessory:before,.human-avatar[data-character=professor] .human-avatar__accessory:after{content:"";border:3cqw solid var(--ink);background:#ffffff1f;border-radius:50%;width:24cqw;height:24cqw;position:absolute;top:25cqw;box-shadow:inset 0 0 0 1cqw #ffffff4d}.human-avatar[data-character=professor] .human-avatar__accessory:before{left:12cqw}.human-avatar[data-character=professor] .human-avatar__accessory:after{right:12cqw}.human-avatar[data-character=maestro] .human-avatar__accessory{background:radial-gradient(circle at 50% 54cqw,var(--ink) 0 5cqw,transparent 5.5cqw)}.human-avatar[data-character=maestro] .human-avatar__accessory:before,.human-avatar[data-character=maestro] .human-avatar__accessory:after{content:"";background:var(--ink);width:23cqw;height:13cqw;position:absolute;top:49cqw}.human-avatar[data-character=maestro] .human-avatar__accessory:before{transform-origin:100%;clip-path:polygon(0 35%,40% 4%,100% 42%,78% 100%,36% 86%);border-radius:88% 16% 70% 32%;left:10cqw;transform:rotate(8deg)}.human-avatar[data-character=maestro] .human-avatar__accessory:after{transform-origin:0;clip-path:polygon(100% 35%,60% 4%,0 42%,22% 100%,64% 86%);border-radius:16% 88% 32% 70%;right:10cqw;transform:rotate(-8deg)}.human-avatar[data-character=skipper] .human-avatar__accessory:before{content:"";width:49cqw;height:25cqw;box-shadow:inset 0 -5cqw 0 var(--avatar-team);background:#f8f2e9;border-radius:50% 50% 25% 25%;position:absolute;top:-10cqw;left:9cqw}.human-avatar[data-character=skipper] .human-avatar__accessory:after{content:"⚓";color:var(--ink);font-size:12cqw;position:absolute;top:-5cqw;left:27cqw}.human-avatar[data-character=comet] .human-avatar__accessory:before{content:"★";color:var(--avatar-accent);filter:drop-shadow(0 2cqw #fff)drop-shadow(0 3cqw 2cqw #15121c38);font-size:27cqw;position:absolute;top:-12cqw;right:-7cqw}.human-avatar[data-character=dapper] .human-avatar__accessory:before{content:"";background:var(--ink);width:18cqw;height:14cqw;box-shadow:17cqw -7cqw 0 var(--ink);border-radius:75% 22%;position:absolute;bottom:-1cqw;left:15cqw;transform:rotate(22deg)}.human-avatar[data-character=spark] .human-avatar__accessory:before{content:"";background:var(--avatar-accent);height:7cqw;position:absolute;top:15cqw;left:-2cqw;right:-2cqw;box-shadow:0 3cqw #ffffffa6}.human-avatar[data-character=spark] .human-avatar__accessory:after{content:"ϟ";color:var(--avatar-accent);filter:drop-shadow(0 2cqw 0 var(--ink));font-size:30cqw;font-weight:900;position:absolute;top:-16cqw;right:-7cqw}.human-avatar[data-character=bloom] .human-avatar__accessory:before{content:"✿";color:var(--avatar-accent);filter:drop-shadow(0 2cqw #fff);font-size:31cqw;position:absolute;top:-13cqw;left:-11cqw}.human-avatar[data-character=pixel] .human-avatar__accessory:before{content:"";background:repeating-linear-gradient(90deg,var(--avatar-accent) 0 8cqw,var(--avatar) 8cqw 16cqw);width:57cqw;height:30cqw;box-shadow:inset 0 -6cqw 0 var(--ink);border-radius:18cqw 18cqw 5cqw 5cqw;position:absolute;top:-11cqw;left:5cqw}.human-avatar[data-character=pixel] .human-avatar__accessory:after{content:"";background:var(--avatar-accent);border-radius:50%;width:11cqw;height:11cqw;position:absolute;top:-22cqw;left:29cqw}.human-avatar[data-character=diva] .human-avatar__accessory:before{content:"";border:2cqw solid var(--ink);width:21cqw;height:16cqw;box-shadow:27cqw -2cqw 0 -2cqw #ffffff14,27cqw -2cqw 0 0 var(--ink);background:#ffffff14;border-radius:5cqw 11cqw 8cqw 12cqw;position:absolute;top:27cqw;left:8cqw;transform:rotate(4deg)}.human-avatar[data-character=diva] .human-avatar__accessory:after{content:"";background:var(--ink);border-radius:2cqw;width:12cqw;height:2.5cqw;position:absolute;top:34cqw;left:28cqw}.human-avatar[data-character=diva] .avatar__smile{border-bottom-width:5cqw;border-bottom-color:#7b173d;width:19cqw}.pawn-actor{position:relative}.pawn-identity{z-index:3;background:var(--identity);pointer-events:none;border-block:1px solid #ffffffe6;border-radius:999px;height:14%;position:absolute;top:52%;left:16%;right:16%;transform:rotate(-9deg);box-shadow:0 1px 2px #15121c4d}.hero-pawn .avatar{width:120px;min-width:120px;height:150px}.hero-pawn .avatar__figure,.hero-pawn .avatar__body{width:120px;height:150px}.hero-pawn .avatar__shine{width:44px;height:34px;top:24px;left:26px}.hero-pawn .avatar__eye{width:16px;height:20px;top:44px}.hero-pawn .avatar__eye--left{left:30px}.hero-pawn .avatar__eye--right{right:30px}.hero-pawn .avatar__cheek{display:none}.hero-pawn .avatar__smile{border-bottom-width:4px;width:22px;height:11px;top:76px}.hero-pawn .avatar__eye:after{width:9px;height:11px;box-shadow:none;bottom:4px}.splash-screen{padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));isolation:isolate;background:var(--paper);text-align:center;place-items:center;display:grid;overflow:hidden;container-type:size}.splash-stage{z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:clamp(4px,1.5dvh,16px);width:min(430px,100%);display:flex;position:relative}.splash-copy{flex-direction:column;align-items:center;min-width:0;display:flex}.splash-kicker{color:var(--coral-ink);letter-spacing:.16em;font-size:10px;font-weight:900}.splash-copy h1{letter-spacing:-.05em;margin-top:10px;font-size:clamp(58px,18vw,76px);line-height:.86}.splash-copy>p{color:var(--muted);margin-top:13px;font-size:clamp(15px,4vw,17px);font-weight:650}.splash-copy .primary-button{min-width:230px;margin-top:clamp(24px,5dvh,40px)}.player-note{color:var(--muted);align-items:center;gap:8px;margin-top:18px;font-size:13px;font-weight:600;display:flex}.splash-hero{flex:none;place-items:center;width:clamp(180px,52cqw,220px);height:clamp(180px,52cqw,220px);display:grid;position:relative}.splash-hero .orbit{border:2px dashed #2b223026;border-radius:50%;animation:26s linear infinite spin;position:absolute;inset:6px}.hero-pawn{z-index:2;width:122px}.hero-shadow{filter:blur(2px);background:#2b223038;border-radius:50%;width:112px;height:17px;animation:3s ease-in-out infinite shadowPulse;position:absolute;bottom:7px;left:50%;transform:translate(-50%)}.speed-lines:before,.speed-lines:after{content:"";background:#ff6b5c6b;border-radius:4px;width:36px;height:7px;position:absolute;top:92px;left:6px;box-shadow:11px -20px #ff6b5c8f,8px 20px #ff6b5c40}.ambient-pawn{opacity:.18;border-radius:50% 50% 40% 40%/62% 62% 38% 38%;width:25px;height:31px;animation:8s ease-in-out infinite floatSlow;position:absolute}.ambient-pawn--jade{background:var(--jade);top:17%;left:10%}.ambient-pawn--blue{background:var(--blue);animation-delay:.6s;top:28%;right:10%}.ambient-pawn--amber{background:var(--amber);animation-delay:1s;bottom:22%;left:9%}@media (min-width:700px) and (orientation:portrait){.splash-stage{gap:20px;width:min(560px,100%)}.splash-hero{width:280px;height:280px}.splash-stage .hero-pawn{transform:scale(1.2)}.splash-copy h1{font-size:88px}.splash-copy>p{font-size:18px}.splash-copy .primary-button{min-width:260px}}@media (orientation:landscape){.splash-stage{text-align:left;grid-template-columns:minmax(150px,.8fr) minmax(220px,1.2fr);gap:clamp(18px,6cqw,56px);width:min(760px,100%);display:grid}.splash-hero{justify-self:end;width:min(42cqh,31cqw,220px);height:min(42cqh,31cqw,220px)}.splash-stage .hero-pawn{transform:scale(.98)}.splash-copy{align-items:flex-start}.splash-copy h1{font-size:clamp(58px,10cqw,76px)}.splash-copy .primary-button{margin-top:24px}}@media (min-width:720px) and (orientation:landscape){.splash-stage{text-align:left;grid-template-columns:minmax(240px,.9fr) minmax(320px,1fr);gap:clamp(32px,7cqw,96px);width:min(940px,100% - 32px);display:grid}.splash-hero{justify-self:end;width:clamp(240px,25cqw,290px);height:clamp(240px,25cqw,290px)}.splash-stage .hero-pawn{transform:scale(1.28)}.splash-copy{align-items:flex-start}.splash-copy h1{margin-top:13px;font-size:clamp(76px,7.5cqw,98px)}.splash-copy>p{font-size:18px}.splash-copy .primary-button{min-width:250px;margin-top:32px}.player-note{margin-top:20px}}@media (orientation:landscape) and (max-height:520px){.splash-screen{padding:12px max(18px,env(safe-area-inset-right)) 12px max(18px,env(safe-area-inset-left))}.splash-stage{grid-template-columns:minmax(140px,.78fr) minmax(220px,1.22fr);gap:clamp(18px,6cqw,56px);width:min(760px,100%)}.splash-hero{width:min(50cqh,190px);height:min(50cqh,190px)}.splash-stage .hero-pawn{transform:scale(.88)}.splash-kicker{font-size:9px}.splash-copy h1{margin-top:7px;font-size:clamp(52px,10cqh,66px)}.splash-copy>p{margin-top:7px;font-size:14px}.splash-copy .primary-button{min-width:220px;min-height:48px;margin-top:16px;padding-block:12px}.player-note{margin-top:10px;font-size:11px}.player-note .color-stack b{width:20px;height:20px}}.home-screen{padding:calc(env(safe-area-inset-top) + 22px) max(22px,env(safe-area-inset-right)) calc(env(safe-area-inset-bottom) + 22px) max(22px,env(safe-area-inset-left));background:var(--cream);overflow:visible}.brand-bar{justify-content:space-between;align-items:center;display:flex}.brand-bar>div{align-items:center;gap:10px;display:flex}.brand-bar>div>b{letter-spacing:-.03em;font-family:Bricolage Grotesque;font-size:28px}.dash-logo{background:var(--ink);border-radius:13px;place-items:center;width:40px;height:40px;display:grid;position:relative;overflow:hidden}.dash-logo .pawn{width:16px;transform:translate(6px)}.dash-logo>i:before{content:"";background:#ffc24b73;border-radius:3px;width:13px;height:4px;position:absolute;top:13px;left:5px;box-shadow:-2px 10px #ffc24b4d}.coin-pill{background:#fff;border-radius:999px;align-items:center;gap:7px;min-height:44px;padding:6px 12px 6px 6px;font-weight:800;display:flex;box-shadow:0 5px 12px -7px #2b223059}.coin-pill>i{background:var(--jade);border-radius:50%;width:30px;height:30px}.coin-pill span:before{content:"";background:var(--amber);vertical-align:-2px;border-radius:50%;width:13px;height:13px;margin-right:4px;display:inline-block}.play-card{background:var(--coral);color:#fff;text-align:left;border-radius:28px;width:100%;min-height:260px;margin-top:22px;padding:24px;position:relative;overflow:hidden;box-shadow:0 22px 40px -16px #e8503f99}.play-card:after{content:"";background:#ffffff1a;border-radius:50%;width:180px;height:180px;position:absolute;top:-45px;right:-35px}.play-card>span,.play-card>h1,.play-card>p{z-index:1;position:relative}.play-card h1{margin-top:5px;font-size:32px}.play-card p{opacity:.85;margin-top:4px;font-size:14px;font-weight:600}.play-card .eyebrow{opacity:.8}.play-card__bottom{z-index:1;justify-content:space-between;align-items:end;margin-top:16px;display:flex;position:relative}.mini-board{aspect-ratio:1;background:var(--paper);border-radius:17px;grid-template:1fr 1fr/1fr 1fr;gap:2px;width:120px;padding:7px;display:grid;transform:rotate(-4deg);box-shadow:0 12px 26px -12px #00000073}.mini-board i{background:var(--jade);border-radius:7px}.mini-board i:nth-child(2){background:var(--amber)}.mini-board i:nth-child(3){background:var(--coral)}.mini-board i:nth-child(4){background:var(--blue)}.play-circle{width:52px;height:52px;color:var(--coral);background:#fff;border-radius:50%;flex:none;place-items:center;display:grid;box-shadow:0 8px 18px -8px #00000059}.play-circle svg{width:26px;height:26px}.home-grid{grid-template-columns:1fr 1fr;gap:13px;margin-top:15px;display:grid}.menu-card{background:#fff;border-radius:22px;flex-direction:column;align-items:flex-start;min-height:132px;padding:15px;display:flex;box-shadow:0 8px 20px -14px #2b22304d}.menu-card b{margin-top:10px;font-size:16px}.menu-card small{color:var(--muted);font-weight:600}.menu-icon{border-radius:14px;place-items:center;width:42px;height:42px;font-size:22px;font-weight:800;display:grid}.menu-icon--blue{color:var(--blue-ink);background:#4fb8f029}.menu-icon--amber{color:#d99411;background:#ffc24b33}.menu-icon--jade{color:var(--jade-ink);letter-spacing:-5px;background:#37d0a62e;padding-right:5px;font-size:13px}.menu-icon--coral{color:var(--coral-ink);background:#ff6b5c29}.home-actions,.setup-panel,.settings-panel,.ai-picker,.lobby-board{min-width:0}.resume-card{background:var(--ink);width:100%;min-height:66px;color:var(--paper);text-align:left;border-radius:20px;align-items:center;gap:12px;margin-top:14px;padding:13px 15px;display:flex}.resume-card>span{background:var(--jade);border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.resume-card>div{flex-direction:column;flex:1;display:flex}.resume-card small{opacity:.6;margin-top:2px}.resume-card>i{opacity:.45;font-size:24px}.install-link{width:100%;color:var(--coral-ink);background:0 0;margin-top:14px;padding:12px;font-size:13px;font-weight:800}.host-card{background:var(--coral);color:#fff;text-align:left;border-radius:27px;width:100%;min-height:250px;padding:22px;position:relative;overflow:hidden;box-shadow:0 20px 38px -16px #e8503f8c}.host-card:after{content:"";background:#ffffff1f;border-radius:50%;width:155px;height:155px;position:absolute;top:-45px;right:-35px}.host-card__icon{background:#ffffff38;border-radius:14px;place-items:center;width:46px;height:46px;padding:11px;display:grid}.host-card em{color:var(--coral);letter-spacing:.1em;background:#fff;border-radius:999px;padding:5px 10px;font-size:10px;font-style:normal;font-weight:800;position:absolute;top:22px;right:22px}.host-card h2{margin-top:16px;font-size:27px}.host-card p{opacity:.9;max-width:27ch;margin-top:5px;font-size:13.5px;font-weight:600;line-height:1.4}.host-card>div:last-child{justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:20px;left:22px;right:22px}.host-card>div:last-child>span{width:40px;height:40px;color:var(--coral);background:#fff;border-radius:50%;place-items:center;font-size:22px;display:grid}.color-stack{display:flex}.color-stack b{background:var(--amber);border:2px solid;border-radius:50%;width:24px;height:24px}.color-stack b:nth-child(2){background:var(--blue);margin-left:-8px}.color-stack b:nth-child(3){background:var(--jade);margin-left:-8px}.color-stack b:nth-child(4){background:#fff;margin-left:-8px}.join-card,.solo-card{text-align:left;background:#fff;border-radius:24px;align-items:center;gap:15px;width:100%;margin-top:14px;padding:18px 20px;display:flex;box-shadow:0 10px 24px -16px #2b223059}.join-card>span,.solo-card>span{width:46px;height:46px;color:var(--blue-ink);background:#4fb8f029;border-radius:14px;flex:none;place-items:center;font-family:Bricolage Grotesque;font-size:24px;font-weight:800;display:grid}.join-card div,.solo-card div{flex:1}.join-card h2,.solo-card h2{font-size:20px}.join-card p,.solo-card p{color:var(--muted);margin-top:3px;font-size:12px;font-weight:600}.join-card>i,.solo-card>i{color:#c9c2b6;font-size:24px}.solo-card{background:var(--ink);color:var(--paper);margin-top:0}.solo-card>span{background:#37d0a638}.solo-card p{color:#fdf6f499}.or-rule{color:var(--muted);letter-spacing:.05em;align-items:center;gap:11px;margin:16px 0;font-size:11px;font-weight:800;display:flex}.or-rule i{background:#2b22301a;flex:1;height:1.5px}.join-form{flex-direction:column;gap:14px;margin-top:28px;display:flex}.join-form label{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;flex-direction:column;gap:7px;font-size:12px;font-weight:800;display:flex}.join-form input{height:58px;color:var(--ink);background:#fff;border:0;border-radius:17px;padding:0 18px;font-size:20px;font-weight:800;box-shadow:inset 0 0 0 1.5px #2b223014}.join-form label:nth-child(2) input{text-align:center;letter-spacing:.12em;text-transform:uppercase;font-family:Bricolage Grotesque;font-size:32px}.join-form .primary-button{margin-top:10px}.privacy-panel{max-width:420px;color:var(--muted);background:#ffffffb8;border-radius:18px;align-items:center;gap:12px;margin:18px auto 0;padding:15px 18px;display:flex}.privacy-panel>span{background:var(--cream-deep);border-radius:12px;flex:none;place-items:center;width:38px;height:38px;display:grid}.privacy-panel b{color:var(--ink);font-size:13px}.privacy-panel .privacy-note{text-align:left;max-width:none;margin:3px 0 0}.code-card{background:var(--ink);color:var(--paper);border-radius:26px;padding:22px;position:relative;overflow:hidden}.code-card:after{content:"";background:#ffc24b24;border-radius:50%;width:135px;height:135px;position:absolute;top:-40px;right:-35px}.code-card small{letter-spacing:.14em;opacity:.55;font-weight:800}.code-card strong{letter-spacing:.05em;margin-top:6px;font-size:38px;line-height:1;display:block}.code-card strong i{color:var(--amber);font-style:normal}.qr-mark{background:repeating-conic-gradient(var(--ink) 0 25%,transparent 0 50%) 0/12px 12px,var(--paper);border:8px solid var(--paper);z-index:1;border-radius:16px;width:78px;height:78px;position:absolute;top:20px;right:20px}.qr-mark i{border:4px solid var(--ink);background:var(--paper);border-radius:4px;width:20px;height:20px;position:absolute}.qr-mark i:first-child{top:1px;left:1px}.qr-mark i:nth-child(2){top:1px;right:1px}.qr-mark i:nth-child(3){bottom:1px;left:1px}.code-actions{z-index:2;gap:9px;margin-top:18px;display:flex;position:relative}.code-actions button{background:var(--coral);color:#fff;border-radius:14px;min-height:44px;font-weight:800}.code-actions button:first-child{flex:1}.code-actions button:last-child{background:#fdf6f424;place-items:center;width:48px;display:grid}.seat-list{flex-direction:column;gap:9px;display:flex}.seat-row{background:#fff;border-radius:16px;align-items:center;gap:12px;min-height:58px;padding:9px 12px;display:flex;box-shadow:0 7px 18px -16px #2b223059}.seat-row.is-you{box-shadow:0 0 0 2px var(--coral)}.seat-row>.pawn{width:30px}.seat-row>div{flex-wrap:wrap;flex:1;align-items:center;gap:5px;display:flex}.seat-row b{font-size:14px}.seat-row em{background:var(--jade);color:#fff;border-radius:999px;padding:2px 7px;font-size:9px;font-style:normal;font-weight:800}.seat-row small{width:100%;color:var(--muted);font-size:11px;font-weight:600}.seat-status{color:#b4ab9c;font-size:12px;font-weight:700}.seat-status.is-ready{color:var(--jade-ink)}.waiting-card{color:var(--muted);background:#fff;border-radius:16px;justify-content:center;align-items:center;gap:10px;margin-top:18px;padding:15px;font-size:13px;font-weight:700;display:flex}.waiting-card i{background:var(--amber);border-radius:50%;width:8px;height:8px;animation:1.2s infinite pulseDot}.lobby-board>.section-label{margin-top:19px}.lobby-screen--joining{flex-direction:column;display:flex}.join-progress-card{background:linear-gradient(155deg,#fff,color-mix(in srgb,var(--jade) 9%,#fff));text-align:center;border:2px solid #ffffffe6;border-radius:29px;flex-direction:column;justify-content:center;align-items:center;width:min(430px,100%);min-height:330px;margin:auto;padding:32px 27px;display:flex;box-shadow:0 20px 42px -27px #2b223073}.join-progress-card__mark{background:var(--ink);color:#fff;border-radius:24px;justify-content:center;align-items:center;gap:6px;width:76px;height:76px;margin-bottom:17px;font-family:Bricolage Grotesque;font-size:36px;font-weight:900;display:flex;box-shadow:0 13px 24px -17px #15121cbf}.join-progress-card__mark i{background:var(--amber);border-radius:50%;width:9px;height:9px;animation:1.15s infinite pulseDot}.join-progress-card__mark i:nth-child(2){animation-delay:.16s}.join-progress-card__mark i:nth-child(3){animation-delay:.32s}.join-progress-card>small{color:var(--jade-ink);letter-spacing:.14em;font-size:9px;font-weight:900}.join-progress-card h2{margin-top:6px;font-size:27px}.join-progress-card p{max-width:31ch;color:var(--muted);margin-top:8px;font-size:13px;font-weight:650;line-height:1.45}.join-progress-card__cancel{background:var(--cream-deep);min-height:44px;color:var(--muted);border-radius:999px;margin-top:23px;padding:0 22px;font-weight:850}.join-progress-card.is-fatal{background:linear-gradient(155deg,#fff,color-mix(in srgb,var(--coral) 10%,#fff))}.join-progress-card.is-fatal .join-progress-card__mark{background:var(--coral)}.join-progress-card.is-fatal>small{color:var(--coral-ink)}.join-progress-card>div{gap:9px;width:100%;margin-top:23px;display:flex}.join-progress-card>div button{background:#fff;border-radius:15px;flex:1;min-height:49px;font-weight:850}.join-progress-card>div button:last-child{background:var(--ink);color:#fff;flex:1.35}.theme-grid{grid-template-columns:1fr 1fr;gap:11px;display:grid}.theme{color:#fff;text-align:left;border-radius:18px;height:68px;position:relative;overflow:hidden}.theme span{font-size:13px;font-weight:800;position:absolute;bottom:8px;left:11px}.theme.is-selected{box-shadow:0 0 0 3px var(--cream),0 0 0 6px var(--jade)}.theme--felt{background:linear-gradient(135deg,#4fd3a0,#0e8c79)}.theme--sunset{background:linear-gradient(135deg,#ff9f6b,#ff6b5c)}.theme--neon{background:linear-gradient(135deg,#9b7bff,#5b34c9)}.theme--midnight{background:linear-gradient(135deg,#3a3350,#211b2c)}.settings-group{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 8px 20px -16px #2b22304d}.settings-group>button,.volume-row{text-align:left;background:#fff;border-bottom:1px solid #2b223012;align-items:center;gap:11px;width:100%;min-height:58px;padding:11px 16px;display:flex}.settings-group>button:last-child{border-bottom:0}.settings-group>button>span:not(.setting-icon),.volume-row>span:nth-child(2){flex-direction:column;flex:1;min-width:0;display:flex}.settings-group b,.volume-row b{font-size:14px}.settings-group small,.volume-row small{color:var(--muted);margin-top:2px;font-size:11px;font-weight:600}.toggle{background:#d8d1c4;border-radius:999px;flex:none;width:46px;height:27px;position:relative}.toggle:after{content:"";background:#fff;border-radius:50%;width:21px;height:21px;transition:all .2s;position:absolute;top:3px;left:3px;box-shadow:0 2px 4px #0003}.toggle.is-on{background:var(--jade)}.toggle.is-on:after{transform:translate(19px)}.win-rule{background:#fff;border-radius:16px;align-items:center;gap:6px;width:100%;margin-top:14px;padding:11px 15px;display:flex}.win-rule b{margin-right:auto}.win-rule span{background:var(--cream-deep);color:var(--muted);border-radius:999px;padding:7px 11px;font-size:11px;font-weight:800}.win-rule span.is-active{background:var(--ink);color:#fff}.setup-panel--rules>.footer-action{position:relative}.ai-list{flex-direction:column;gap:10px;display:flex}.ai-card{text-align:left;background:#fff;border-radius:20px;align-items:center;gap:12px;width:100%;min-height:92px;padding:11px 13px;display:flex;box-shadow:0 8px 20px -16px #2b22304d}.ai-card.is-selected{box-shadow:0 0 0 2.5px var(--coral),0 10px 22px -15px #e8503f80}.ai-card .avatar{flex:none}.ai-card>span{flex:1;min-width:0}.ai-card h2{font-size:18px}.ai-card h2 em{color:#e14b3c;background:#e14b3c1f;border-radius:999px;padding:2px 7px;font-family:Figtree;font-size:9px;font-style:normal}.ai-card p{color:var(--muted);margin-top:3px;font-size:11.5px;font-weight:600;line-height:1.3}.ai-card>i{background:var(--cream-deep);width:26px;height:26px;color:var(--muted);border-radius:50%;flex:none;place-items:center;font-style:normal;font-weight:900;display:grid}.ai-card.is-selected>i{background:var(--coral);color:#fff}.ai-picker>.primary-button:disabled{opacity:.5;box-shadow:none;cursor:not-allowed}.color-layout{flex-direction:column;min-height:calc(100% - 66px);display:flex}.pawn-preview{background:radial-gradient(120% 100% at 50% 18%,color-mix(in srgb,var(--chosen-seat) 22%,#fff),color-mix(in srgb,var(--chosen-seat) 46%,#fff));border-radius:26px;justify-content:center;align-items:center;gap:13px;height:172px;min-height:150px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1.5px #fff9}.pawn-preview>i{background:#2b22301a;border-radius:50% 50% 40% 40%/62% 62% 38% 38%;width:17px;height:21px;position:absolute;top:15px;left:20px}.pawn-preview__legend{display:none}.pawn-preview>.pawn{opacity:.86;flex:none;width:46px;box-shadow:inset 0 -14px 15px #00000047,inset 0 7px 9px #fff6,0 0 0 3px #ffffff94}.pawn-preview>.pawn.is-lead{opacity:1;width:60px;transform:translateY(-2px);box-shadow:inset 0 -17px 18px #00000047,inset 0 8px 10px #ffffff6b,0 0 0 4px #ffffffa6,0 14px 24px -16px #2b223080}.color-controls{flex-direction:column;flex:1;min-height:0;display:flex}.color-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.color-seat{text-align:left;background:#fff;border-radius:16px;align-items:center;gap:9px;min-height:54px;padding:10px 12px;display:flex;box-shadow:0 8px 18px -16px #2b22304d}.color-seat>.pawn{flex:none;width:22px}.color-seat>b{font-size:14px}.color-seat>small{color:#b4ab9c;margin-left:auto;font-size:11px;font-weight:800}.color-seat.is-selected{box-shadow:0 0 0 2.5px var(--chosen-seat),0 9px 20px -14px color-mix(in srgb,var(--chosen-seat) 60%,transparent)}.color-seat.is-selected>small{color:var(--jade-ink)}.name-card{background:#fff;border-radius:16px;grid-template-rows:auto 1fr;grid-template-columns:1fr auto;align-items:center;min-height:62px;margin-top:16px;padding:9px 14px;display:grid;box-shadow:0 8px 20px -14px #2b22304d}.name-card>span{color:#b4ab9c;letter-spacing:.08em;grid-column:1;font-size:10px;font-weight:800}.name-card>input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;grid-column:1;padding:0;font-family:Bricolage Grotesque;font-size:20px;font-weight:800}.name-card>i{color:#c9c2b6;grid-area:1/2/3;font-style:normal}.color-controls>.footer-action{margin-top:auto}.color-controls>.footer-action>span{font-size:22px;line-height:1}.character-preview{justify-content:flex-start;gap:10px;height:230px;min-height:220px;padding:20px 18px 54px}.character-preview>.human-avatar{width:118px;min-width:118px;height:140px;animation:none}.character-preview__copy{align-self:center;min-width:0}.character-preview__copy small{color:color-mix(in srgb,var(--chosen-seat) 62%,var(--ink));letter-spacing:.1em;font-size:9px;font-weight:900}.character-preview__copy strong{margin-top:3px;font-size:23px;display:block}.character-preview__copy p{color:var(--muted);margin-top:4px;font-size:11px;font-weight:650;line-height:1.3}.character-preview__pawns{justify-content:center;align-items:flex-end;gap:13px;display:flex;position:absolute;bottom:14px;left:18px;right:18px}.identity-pawn{width:30px;display:block;position:relative}.identity-pawn.is-lead{width:39px}.identity-pawn>.pawn{width:100%}.identity-pawn>i{z-index:2;background:var(--identity);border-block:1px solid #fff;border-radius:999px;height:14%;position:absolute;top:51%;left:14%;right:14%;transform:rotate(-9deg)}.character-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;display:grid}.character-choice{background:#fff;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-width:0;min-height:68px;padding:5px 2px;display:flex;box-shadow:0 6px 16px -14px #2b223066}.character-choice .avatar{width:37px;min-width:37px;height:43px;animation:none}.character-choice b{text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:2px;font-size:9px;display:block;overflow:hidden}.character-choice.is-selected{background:color-mix(in srgb,var(--chosen-seat) 12%,#fff);box-shadow:0 0 0 2px #fff,0 0 0 4px var(--chosen-seat),0 8px 18px -13px var(--chosen-seat)}.character-label span{color:var(--chosen-seat);letter-spacing:.04em;margin-left:auto;font-size:9px;display:none}.game-screen{color:var(--paper);background:radial-gradient(120% 78% at 50% 42%,#1ba98f,#0a5f4e 76%)}.game-screen.theme--sunset{background:radial-gradient(120% 78% at 50% 35%,#ff9f6b,#c43a2c 84%)}.game-screen.theme--neon{background:radial-gradient(120% 78% at 50% 38%,#9b7bff,#311878 84%)}.game-screen.theme--midnight{background:radial-gradient(120% 78% at 50% 38%,#4a4557,#15121c 84%)}.game-board-wrap{z-index:2;top:calc(env(safe-area-inset-top) + 4px);place-items:center;height:calc(100dvh - 232px);display:grid;position:absolute;left:0;right:0}.board-viewport{aspect-ratio:1;touch-action:none;border-radius:20px;width:min(100%,100dvh - 232px);position:relative;overflow:hidden}.board-grid{transform:translate(var(--board-x),var(--board-y)) scale(var(--board-zoom));transform-origin:50%;background:radial-gradient(120% 120% at 50% 20%,#fdf6ec,#f1e7d6);border-radius:5%;grid-template:repeat(15,1fr)/repeat(15,1fr);padding:1%;transition:transform .55s cubic-bezier(.4,0,.2,1);display:grid;position:absolute;inset:0;box-shadow:inset 0 0 0 2px #2b22300f,0 18px 35px -18px #2b223080}.board-grid.is-event-closeup{transform-origin:50%;animation:boardEventCloseup var(--event-closeup-duration,2.6s) linear both}.board-viewport.is-dragging .board-grid{transition:none}@keyframes boardEventCloseup{0%{transform:translate(var(--board-x),var(--board-y)) scale(1);animation-timing-function:cubic-bezier(.22,.76,.2,1)}24%{transform:translate(var(--event-pan-x),var(--event-pan-y)) scale(var(--event-zoom));animation-timing-function:linear}68%{transform:translate(var(--event-pan-x),var(--event-pan-y)) scale(var(--event-zoom));animation-timing-function:cubic-bezier(.4,0,.25,1)}to{transform:translate(var(--board-x),var(--board-y)) scale(1)}}.yard{z-index:1;background:linear-gradient(150deg,var(--seat),color-mix(in srgb,var(--seat) 65%,#211b2c));border-radius:10%;place-items:center;margin:1%;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #ffffff47,0 5px 9px -4px #2b22304d}.yard.is-current{box-shadow:inset 0 0 0 3px #ffffffb8,0 0 0 2px var(--amber),0 6px 14px -3px #2b22306b}.yard__inside{background:#fdf6f4eb;border-radius:10%;grid-template-columns:1fr 1fr;align-content:center;gap:8%;width:74%;height:68%;padding:10%;display:grid;transform:translateY(-6%);box-shadow:inset 0 2px 5px #2b22301f}.yard__slot{aspect-ratio:1;background:#2b22300f;border:0;border-radius:50%;align-self:center;place-items:center;width:100%;min-width:0;padding:0;display:grid;box-shadow:inset 0 0 0 1px #2b22301a}.yard__slot .pawn-actor{place-items:center;width:100%;height:100%;display:grid}.yard__slot .pawn{width:72%}.yard__slot.is-legal{z-index:6;box-shadow:inset 0 0 0 2px #fff,0 0 0 3px var(--amber),0 0 17px 5px var(--amber);background:#ffc24b33;animation:1.25s ease-in-out infinite legalGlow;position:relative}.board-grid.has-legal-moves .yard__slot.is-active:not(.is-legal){opacity:.52;filter:saturate(.55)}.yard__status{z-index:25;pointer-events:none;flex-direction:column;align-items:stretch;max-height:74%;display:flex;position:absolute;bottom:3.5%;left:8%;right:8%}.yard__placard{background:color-mix(in srgb,var(--seat) 72%,var(--ink));color:#fff;pointer-events:auto;border:1px solid #ffffff9e;border-radius:999px;align-items:center;gap:4%;width:100%;height:clamp(16px,3.25vw,25px);min-height:14px;padding:0 5%;font-size:clamp(6px,1.55vw,11px);line-height:1;display:flex;position:relative;box-shadow:0 3px 8px -4px #2b22308c}.yard__status.has-roll .yard__placard{border-radius:5px 5px 999px 999px;margin-top:-1px}.yard__placard strong{text-overflow:ellipsis;text-align:left;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.yard__placard small{color:var(--ink);background:#ffffffe6;border-radius:999px;padding:2px 4px;font-size:.62em;font-weight:900}.yard__placard span{opacity:.8;font-size:.82em;font-weight:900}.yard.is-current .yard__placard{background:var(--ink);box-shadow:0 0 0 2px #fff,0 0 0 4px var(--amber),0 5px 10px #2b223080}.yard.is-disconnected{filter:saturate(.62)}.yard__connection{z-index:26;background:var(--ink);color:var(--amber);letter-spacing:.06em;border:1px solid #ffffffe6;border-radius:999px;padding:3px 5px;font-size:clamp(4px,.82vw,7px);font-weight:900;animation:1.8s ease-in-out infinite pulse;position:absolute;top:4%;right:5%;box-shadow:0 4px 8px -5px #15121ccc}.yard.is-leaving{animation:1.05s ease-out both yardRelease}.yard.is-arriving{z-index:2;animation:1.05s cubic-bezier(.2,.78,.2,1) both yardClaim}.yard.is-arriving .yard__placard{animation:1.05s cubic-bezier(.2,.78,.2,1) both placardClaim}.track-cell,.home-cell{z-index:2;color:#2b223059;background:#fff;border-radius:24%;place-items:center;margin:8%;font-size:clamp(7px,2vw,14px);font-weight:800;display:grid;position:relative;box-shadow:inset 0 0 0 1px #2b22300d,0 2px 3px -2px #2b223033}.track-cell--coral{background:linear-gradient(150deg,var(--coral),var(--coral-ink));color:#fff}.track-cell--blue{background:linear-gradient(150deg,var(--blue),var(--blue-ink));color:#fff}.track-cell--amber{background:linear-gradient(150deg,var(--amber),var(--amber-ink));color:#fff}.track-cell--jade{background:linear-gradient(150deg,var(--jade),var(--jade-ink));color:#fff}.track-cell.is-start{z-index:3;border:2px solid #ffffffe6;margin:3%;box-shadow:inset 0 0 0 1px #2b223033,0 0 0 2px #2b223029,0 3px 7px #2b223040}.track-cell.is-start>i{font-size:1.15em;transform:translateY(-9%)}.track-cell.is-start>small{letter-spacing:.08em;font-size:clamp(4px,.78vw,8px);line-height:1;position:absolute;bottom:4%;left:0;right:0}.home-cell{color:#fff;border:1px solid #fff6;margin:5%;box-shadow:inset 0 0 0 1px #2b22301f,0 2px 4px -2px #2b223040}.home-cell--coral{background:linear-gradient(150deg,var(--coral),var(--coral-ink))}.home-cell--blue{background:linear-gradient(150deg,var(--blue),var(--blue-ink))}.home-cell--amber{background:linear-gradient(150deg,var(--amber),var(--amber-ink))}.home-cell--jade{background:linear-gradient(150deg,var(--jade),var(--jade-ink))}.track-cell.is-safe{background:radial-gradient(circle at 50% 42%,#fff 0 30%,color-mix(in srgb,var(--jade) 28%,#fff) 32% 100%);color:var(--jade-ink);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--jade) 58%,#fff),0 0 0 1px var(--jade-ink),0 3px 7px -2px #0a5f4e80;border:2px solid #fff;margin:4%}.track-cell.is-safe>i{filter:drop-shadow(0 1px #fff);font-size:1.18em}.track-cell.is-safe.is-start{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--jade) 52%,transparent),0 0 0 2px var(--jade-ink),0 3px 7px #2b22304d;border-color:#fff}.board-pickup{color:#fff;filter:drop-shadow(0 2px 1px #2b223080);place-items:center;font-style:normal;display:grid;position:absolute;inset:-8%}.board-pickup>b{font-size:clamp(9px,2.2vw,17px);line-height:.85}.board-pickup>small{background:var(--ink);border-radius:999px;padding:1px 3px;font-size:clamp(4px,.72vw,7px);line-height:1}.board-pickup--berry>b{aspect-ratio:1;color:#0000;background:#e94c70;border:2px solid #fff;border-radius:50%;width:55%;display:block}.board-pickup--starfruit>b{color:#fff4a7}.board-pickup--rocket>b{transform:rotate(10deg)}.home-cell{--lane:var(--muted);border:2px solid color-mix(in srgb,var(--lane) 70%,#fff);background:color-mix(in srgb,var(--lane) 14%,#fff);color:color-mix(in srgb,var(--lane) 76%,var(--ink));margin:5%;box-shadow:inset 0 0 0 1px #ffffffe6,0 2px 4px -2px #2b223047}.home-cell:before{content:"";background:var(--lane);opacity:.14;border-radius:28%;width:42%;height:42%;position:absolute}.home-cell>i,.home-cell{isolation:isolate}.home-cell--coral{--lane:var(--coral);background:color-mix(in srgb,var(--coral) 14%,#fff)}.home-cell--blue{--lane:var(--blue);background:color-mix(in srgb,var(--blue) 14%,#fff)}.home-cell--amber{--lane:var(--amber);background:color-mix(in srgb,var(--amber) 16%,#fff)}.home-cell--jade{--lane:var(--jade);background:color-mix(in srgb,var(--jade) 14%,#fff)}.home-cell.is-home-gate{z-index:4;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--lane) 28%,#fff),0 0 0 1px #2b22301f,0 3px 7px -3px #2b22305c;border-color:#fff;margin:3%}.board-home{z-index:3;background:var(--ink);border:3px solid #ffffffe6;border-radius:28%;margin:6%;position:relative;overflow:hidden;box-shadow:0 0 0 2px #2b22302e,0 7px 13px -5px #2b22307a}.home-wedge{position:absolute}.home-wedge--amber{clip-path:polygon(0 0,100% 0,50% 100%);background:var(--amber);inset:0 0 50%}.home-wedge--coral{clip-path:polygon(50% 0,100% 100%,0 100%);background:var(--coral);inset:50% 0 0}.home-wedge--jade{clip-path:polygon(0 0,100% 50%,0 100%);background:var(--jade);inset:0 50% 0 0}.home-wedge--blue{clip-path:polygon(100% 0,100% 100%,0 50%);background:var(--blue);inset:0 0 0 50%}.home-tokens{z-index:4;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute}.home-tokens--amber{top:7%;left:50%;transform:translate(-50%)}.home-tokens--coral{bottom:7%;left:50%;transform:translate(-50%)}.home-tokens--jade{flex-direction:column;top:50%;left:6%;transform:translateY(-50%)}.home-tokens--blue{flex-direction:column;top:50%;right:6%;transform:translateY(-50%)}.home-token{flex:none;width:clamp(5px,1.35vw,12px);box-shadow:inset 0 -2px 3px #0000003d,0 0 0 1px #fff,0 2px 3px #2b22304d}.board-home>b{z-index:5;aspect-ratio:1;background:var(--ink);border:2px solid #fff;border-radius:50%;place-items:center;width:42%;font-size:clamp(8px,2vw,18px);display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.board-occupants{z-index:10;isolation:isolate;pointer-events:none;justify-content:center;align-items:center;margin:3%;display:flex;position:relative}.board-pawn{z-index:2;touch-action:none;pointer-events:auto;background:0 0;place-items:center;width:100%;min-width:0;height:100%;margin:0;padding:0;display:grid;position:relative}.board-pawn .pawn-actor{will-change:transform;place-items:center;width:100%;height:100%;display:grid}.board-pawn .pawn{filter:drop-shadow(0 2px 2px #2b223057);width:84%;box-shadow:inset 0 -18% 22% #00000047,inset 0 12% 16% #fff6,0 0 0 2px #fff,0 3px 5px #2b223061;animation:3.2s ease-in-out infinite pawnBob}.board-occupants.has-stack .board-pawn{width:58%;margin-inline:-5%}.board-occupants.has-stack .board-pawn .pawn{width:100%}.board-occupants.is-blockade{z-index:18;background:repeating-linear-gradient(135deg,var(--amber) 0 18%,var(--ink) 18% 36%);box-shadow:0 0 0 2px var(--ink),0 4px 8px #2b223066;border:2px solid #fff;border-radius:32%;margin:0;padding:5%}.cell-status{z-index:5;color:#fff;letter-spacing:.04em;text-overflow:clip;white-space:nowrap;pointer-events:none;border:1px solid #fff;border-radius:999px;max-width:88%;padding:2px 4px;font-size:clamp(4px,.68vw,7px);font-weight:900;line-height:1;position:absolute;bottom:4%;left:50%;overflow:hidden;transform:translate(-50%)}.cell-status--wall{background:var(--ink);box-shadow:0 1px 3px #00000059}.cell-status--safe{background:var(--jade-ink);box-shadow:0 2px 5px #0a5f4e73}.board-pawn.is-legal{z-index:16}.board-pawn.is-legal:before{content:"DRAG";z-index:4;background:var(--amber);color:var(--ink);box-shadow:0 0 0 2px var(--ink),0 0 16px 5px var(--amber);border:2px solid #fff;border-radius:999px;padding:2px 5px;font-size:clamp(5px,.9vw,9px);font-weight:900;line-height:1;animation:1.25s ease-in-out infinite turnGlow;position:absolute;bottom:92%;left:50%;transform:translate(-50%)}.board-pawn.is-legal .pawn{filter:drop-shadow(0 0 5px #fff) drop-shadow(0 0 9px var(--amber));animation:1.15s ease-in-out infinite legalPawn}.board-pawn.is-dragging-pawn{z-index:40}.board-pawn.is-dragging-pawn .pawn-actor{filter:drop-shadow(0 12px 8px #2b223066)}.move-target{z-index:15;border:3px dashed var(--coral);background:#ff6b5c3d;border-radius:28%;place-items:center;margin:0;padding:0;animation:1.2s ease-in-out infinite targetPulse;display:grid;position:relative;box-shadow:0 0 0 2px #fffc,0 0 16px #ff6b5cb8}.move-target.is-capture{border-color:var(--amber);box-shadow:0 0 0 2px var(--ink),0 0 18px var(--amber);background:#ffc24b4d}.move-target.is-home{background:#37d0a657;border-color:#fff}.move-target .pawn{opacity:.46;width:64%}.board-occupants.is-safe:not(.is-blockade){z-index:17;background:color-mix(in srgb,var(--jade) 30%,#fff);box-shadow:0 0 0 2px var(--jade-ink),0 0 13px 3px color-mix(in srgb,var(--jade) 76%,transparent);border:2px solid #fff;border-radius:34%;margin:0;padding:6%}.board-occupants.is-safe:not(.is-blockade) .pawn{box-shadow:inset 0 -18% 22% #00000047,inset 0 12% 16% #fff6,0 0 0 3px #fff,0 0 0 5px var(--jade),0 4px 8px #0a5f4e8c}.board-pawn .pawn-actor{position:relative}.board-pawn .pawn-actor:before{content:"";aspect-ratio:1;background:#fffffff0;border-radius:50%;width:92%;position:absolute;box-shadow:0 0 0 1px #2b223038,0 3px 7px #2b223047}.board-pawn .pawn{z-index:1;position:relative}.has-moving-pawn{isolation:isolate;z-index:90!important;overflow:visible!important}.is-moving-pawn{z-index:92!important}.is-moving-pawn .pawn{transform-origin:50% 82%;animation:.28s ease-in-out infinite alternate pawnTravelWobble!important}.game-screen.is-resolving-move .board-pawn,.game-screen.is-resolving-move .yard__slot,.game-screen.is-resolving-move .move-target,.game-screen.is-resolving-move .move-options{pointer-events:none}.drag-cancel-hint{z-index:72;background:var(--ink);color:#fff;opacity:0;pointer-events:none;white-space:nowrap;border:2px solid #fff;border-radius:999px;padding:7px 11px;font-size:clamp(7px,1.8vw,11px);font-weight:850;transition:opacity .18s,transform .18s;position:absolute;bottom:4%;left:50%;transform:translate(-50%,10px)scale(.94);box-shadow:0 8px 18px -8px #15121cb3}.board-viewport.has-pawn-drag .drag-cancel-hint{opacity:1;transform:translate(-50%)scale(1)}.board-viewport.has-pawn-drag .move-target{animation-duration:.72s}.board-viewport.has-pawn-drag .board-pawn.is-dragging-pawn,.board-viewport.has-pawn-drag .yard__slot.is-dragging-pawn{outline-offset:3px;outline:3px solid #fffffff0}.board-grid.has-legal-moves .board-pawn.is-active:not(.is-legal){opacity:.78;filter:saturate(.72)}.move-target .pawn{display:none}.target-pin{aspect-ratio:1;background:var(--coral);color:#fff;width:78%;box-shadow:0 0 0 2px var(--ink),0 5px 8px #2b22304d;border:2px solid #fff;border-radius:50%;grid-template-rows:1fr;grid-template-columns:1fr;place-items:center;font-style:normal;display:grid}.target-pin b{color:inherit;grid-area:1/1;font-size:clamp(6px,1.5vw,11px);line-height:1}.target-pin small{background:var(--ink);color:var(--amber);border-radius:999px;grid-area:1/1;align-self:end;margin-bottom:-35%;padding:1px 2px;font-size:clamp(4px,.75vw,7px);line-height:1}.move-target.is-capture .target-pin{background:var(--amber);color:var(--ink)}.move-target.is-home .target-pin{background:var(--jade);color:var(--ink)}.opponent-roll{color:#fff;pointer-events:none;background:#15121cf5;border:2px solid #fff;border-radius:15px 15px 6px 6px;justify-content:center;align-items:center;gap:3px;width:100%;min-width:0;padding:4px 7px 3px;display:flex;position:relative;box-shadow:0 8px 16px -8px #15121cc7}.opponent-roll.is-entering{animation:.58s cubic-bezier(.2,.9,.2,1) both playerRollIn}.opponent-roll>.avatar{filter:drop-shadow(0 5px 4px #00000057);width:clamp(25px,6.2vw,40px);min-width:clamp(25px,6.2vw,40px);height:clamp(31px,7.2vw,48px);margin-left:-5%;animation:none}.opponent-roll.is-entering>.avatar{animation:.62s cubic-bezier(.2,.9,.2,1) both avatarArrive}.opponent-roll>div{flex-direction:column;align-items:center;gap:1px;min-width:0;display:flex}.opponent-roll small{text-overflow:ellipsis;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;max-width:100%;font-size:clamp(5px,1.05vw,8px);font-weight:900;overflow:hidden}.opponent-roll div>span{isolation:isolate;justify-content:center;gap:clamp(12px,2vw,18px);padding:3px 7px;display:flex;position:relative}.opponent-roll .die-cube{--cube:clamp(23px,5vw,33px);z-index:0;border-radius:calc(var(--cube) * .18);background:var(--paper)}.opponent-roll .die-cube+.die-cube{z-index:1}.opponent-roll .die-cube__face{border-radius:calc(var(--cube) * .13);background:var(--paper);width:calc(100% + 1px);height:calc(100% + 1px);inset:-.5px}.opponent-roll[data-roll-state=rolling] .die--small{display:none}.opponent-roll .die--small{border-radius:clamp(7px,1.5vw,10px);width:clamp(25px,5.6vw,37px);padding:clamp(4px,.9vw,6px)}.opponent-roll .die--small i{width:clamp(3px,.7vw,5px)}.opponent-roll.is-landing .die--small{animation:.36s cubic-bezier(.2,.9,.2,1) both diceLand}.opponent-roll.is-landing .die--small:nth-child(2){animation-delay:55ms}.opponent-roll b{color:var(--amber);margin-top:1px;font-size:clamp(7px,1.5vw,11px);line-height:1}.opponent-roll.is-bonus-pending{box-shadow:inset 0 0 0 2px #ffc24b8c,0 8px 16px -8px #15121cc7}.opponent-roll>div{width:100%}.opponent-roll[data-roll-state=rolling]>div>span{align-items:center;min-height:clamp(42px,8vw,52px)}.opponent-roll[data-roll-state=rolling] .die-cube{--cube:clamp(19px,4.2vw,27px);filter:none;background:0 0}.opponent-roll[data-roll-state=rolling] .die-cube.is-rolling .die-cube__inner{animation:1.25s linear infinite opponentCubeRoll}.opponent-roll[data-roll-state=rolling] .die-cube.is-rolling:nth-child(2) .die-cube__inner{animation-name:opponentCubeRollAlt;animation-duration:1.34s}.opponent-roll:not([data-roll-state=rolling]) .die--small{width:clamp(29px,6.4vw,42px);padding:clamp(5px,1vw,7px)}.yard__status.has-roll{background:var(--ink);box-shadow:0 0 0 2px var(--amber),0 7px 14px -7px #15121cbf;border:2px solid #fff;border-radius:16px;overflow:hidden}.yard__status.has-roll .opponent-roll{box-shadow:none;border:0;border-radius:13px 13px 0 0}.yard__status.has-roll .opponent-roll.is-bonus-pending{box-shadow:inset 0 0 0 2px #ffc24b6b}.yard__status.has-roll .yard__placard,.yard.is-current .yard__status.has-roll .yard__placard{height:clamp(17px,3.35vw,26px);box-shadow:none;border:0;border-top:1px solid #ffffff47;border-radius:0 0 13px 13px;margin:0}.player-presence{z-index:72;pointer-events:none;position:relative;overflow:visible}.player-presence>.avatar{filter:drop-shadow(0 12px 9px #15121c4d);width:clamp(72px,15vw,126px);height:clamp(88px,18vw,150px);animation:none;position:absolute}.player-presence__bubble{z-index:2;border:3px solid var(--ink);max-width:min(180px,42vw);color:var(--ink);opacity:0;background:#fff;border-radius:18px;padding:10px 13px;transition:opacity .2s,transform .28s cubic-bezier(.2,.9,.2,1);position:absolute;transform:scale(.72);box-shadow:0 9px 20px -10px #15121c73}.player-presence__bubble:after{content:"";border-right:3px solid var(--ink);border-bottom:3px solid var(--ink);background:#fff;width:14px;height:14px;position:absolute;transform:rotate(45deg)}.player-presence__bubble small{color:color-mix(in srgb,var(--presence) 68%,var(--ink));letter-spacing:.09em;text-transform:uppercase;font-size:8px;font-weight:900;display:block}.player-presence__bubble strong{margin-top:2px;font-family:Bricolage Grotesque;font-size:clamp(13px,2.5vw,20px);line-height:1.05;display:block}.player-presence__bubble .player-presence__reaction{font-size:clamp(28px,6vw,48px);line-height:1}.player-presence.is-speaking .player-presence__bubble{opacity:1;transform:scale(1)}.player-presence--jade>.avatar,.player-presence--coral>.avatar{left:-8%}.player-presence--amber>.avatar,.player-presence--blue>.avatar{right:-8%}.player-presence--jade>.avatar,.player-presence--amber>.avatar{top:4%}.player-presence--coral>.avatar,.player-presence--blue>.avatar{bottom:3%}.player-presence--jade .player-presence__bubble,.player-presence--coral .player-presence__bubble{left:32%}.player-presence--amber .player-presence__bubble,.player-presence--blue .player-presence__bubble{right:32%}.player-presence--jade .player-presence__bubble,.player-presence--amber .player-presence__bubble{top:28%}.player-presence--coral .player-presence__bubble,.player-presence--blue .player-presence__bubble{bottom:29%}.player-presence--jade .player-presence__bubble:after,.player-presence--coral .player-presence__bubble:after{left:-9px}.player-presence--amber .player-presence__bubble:after,.player-presence--blue .player-presence__bubble:after{right:-9px}.player-presence--jade .player-presence__bubble:after,.player-presence--amber .player-presence__bubble:after{top:18px}.player-presence--coral .player-presence__bubble:after,.player-presence--blue .player-presence__bubble:after{bottom:18px}.player-presence--jade.is-entering>.avatar,.player-presence--coral.is-entering>.avatar{animation:.38s cubic-bezier(.2,.9,.2,1) both presenceInLeft}.player-presence--amber.is-entering>.avatar,.player-presence--blue.is-entering>.avatar{animation:.38s cubic-bezier(.2,.9,.2,1) both presenceInRight}.player-presence--jade.is-leaving>.avatar,.player-presence--coral.is-leaving>.avatar{animation:.44s ease-in both presenceOutLeft}.player-presence--amber.is-leaving>.avatar,.player-presence--blue.is-leaving>.avatar{animation:.44s ease-in both presenceOutRight}.zoom-button{z-index:32;background:var(--paper);width:45px;height:45px;color:var(--ink);border-radius:50%;place-items:center;display:grid;position:absolute;top:10px;right:14px;box-shadow:0 8px 18px -7px #00000073}.zoom-button span{color:#fff;background:#14121c80;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:800;position:absolute;right:42px}.control-tray{z-index:35;max-height:39dvh;padding:11px 22px calc(env(safe-area-inset-bottom) + 14px);background:var(--paper);color:var(--ink);border-radius:30px 30px 0 0;transition:transform .32s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:0;left:0;right:0;overflow:auto;box-shadow:0 -18px 34px -18px #0000006b}.control-tray.is-collapsed{overflow:hidden;transform:translateY(calc(100% - 43px))}.tray-handle{cursor:ns-resize;touch-action:none;background:0 0;place-items:center;width:52px;height:16px;margin:0 auto 3px;display:grid}.tray-handle i,.sheet-grabber i{background:#2b223026;border-radius:999px;width:44px;height:5px}.roll-summary{justify-content:space-between;align-items:center;gap:14px;display:flex}.roll-summary>div{gap:8px;display:flex}.roll-summary>span{flex-direction:column;margin-right:auto;display:flex}.roll-summary b{font-size:18px}.roll-summary small{color:var(--muted);margin-top:2px;font-size:11px;font-weight:700}.roll-summary em{color:#9b7410;margin-top:3px;font-size:10px;font-style:normal;font-weight:800}.die{aspect-ratio:1;background:#fff;border-radius:13px;grid-template:repeat(3,1fr)/repeat(3,1fr);width:46px;padding:8px;display:grid;box-shadow:0 5px 12px -4px #2b22304d,inset 0 0 0 1.5px #2b22300f}.die i{aspect-ratio:1;border-radius:50%;place-self:center;width:6px}.die--coral .is-pip{background:var(--coral-ink)}.die--ink .is-pip{background:var(--ink)}.die--small{width:38px;padding:7px}.die--small i{width:5px}.turn-ledger{grid-template-columns:minmax(0,auto) minmax(90px,1fr);align-items:center;gap:12px;display:grid}.turn-ledger__values{align-items:center;gap:10px;min-width:0;display:flex}.turn-ledger__dice,.turn-ledger__bonuses{align-items:center;gap:7px;display:flex}.turn-ledger__bonuses{scrollbar-width:none;border-left:1px solid #2b22301a;padding-left:10px;overflow-x:auto}.turn-ledger__bonuses::-webkit-scrollbar{display:none}.turn-die{flex-direction:column;align-items:center;gap:2px;display:flex;position:relative}.turn-die .die{width:46px}.turn-die>small{color:var(--jade-ink);letter-spacing:.06em;text-transform:uppercase;font-size:7px;font-weight:900}.turn-die.is-spent{opacity:.42;filter:saturate(.25)}.turn-die.is-spent:after{content:none}.turn-die.is-spent>small{color:var(--muted)}.turn-credit{border:1.5px solid color-mix(in srgb,var(--jade) 62%,#fff);background:color-mix(in srgb,var(--jade) 14%,#fff);min-width:52px;color:var(--jade-ink);border-radius:13px;flex-direction:column;align-items:center;padding:8px 9px 7px;display:flex;position:relative;box-shadow:0 5px 11px -8px #2b223059}.turn-credit--capture{border-color:color-mix(in srgb,var(--coral) 65%,#fff);background:color-mix(in srgb,var(--coral) 13%,#fff);color:var(--coral-ink)}.turn-credit--double{border-color:color-mix(in srgb,var(--amber) 72%,#fff);background:color-mix(in srgb,var(--amber) 17%,#fff);color:#8a6510}.turn-credit>b{font-family:Bricolage Grotesque;font-size:16px;line-height:1}.turn-credit>small{letter-spacing:.04em;text-transform:uppercase;margin-top:2px;font-size:7px;font-weight:900}.turn-credit.is-spent{opacity:.38;filter:grayscale(.65)}.turn-credit.is-spent:after{content:"";background:currentColor;height:2px;position:absolute;top:50%;left:7px;right:7px;transform:rotate(-12deg)}.turn-ledger__copy{flex-direction:column;min-width:0;display:flex}.turn-ledger__copy>b{font-size:13px}.turn-ledger__copy>small{color:var(--muted);margin-top:2px;font-size:9px;font-weight:700}.turn-ledger__copy>em{color:#8a6510;margin-top:3px;font-size:8px;font-style:normal;font-weight:850;line-height:1.2}.die-cube{--cube:56px;width:var(--cube);height:var(--cube);perspective:460px;filter:drop-shadow(0 10px 7px #2b223040);transform-style:preserve-3d;flex:none;display:inline-block;position:relative}.die-cube__inner{transform-style:preserve-3d;will-change:transform;display:block;position:absolute;inset:0}.die-cube__face{width:100%;height:100%;padding:calc(var(--cube) * .16);border-radius:calc(var(--cube) * .2);backface-visibility:hidden;border:1px solid #2b22301a;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffffd9}.die-cube__face i{width:calc(var(--cube) * .105)}.die-cube__face--1{transform:translateZ(calc(var(--cube) / 2))}.die-cube__face--2{transform:rotateY(180deg) translateZ(calc(var(--cube) / 2))}.die-cube__face--3{transform:rotateY(90deg) translateZ(calc(var(--cube) / 2));background:#eee7dc}.die-cube__face--4{transform:rotateY(-90deg) translateZ(calc(var(--cube) / 2));background:#eee7dc}.die-cube__face--5{transform:rotateX(90deg) translateZ(calc(var(--cube) / 2));background:#f7f1e8}.die-cube__face--6{transform:rotateX(-90deg) translateZ(calc(var(--cube) / 2));background:#f7f1e8}.die-cube.is-rolling .die-cube__inner{animation:1.55s linear infinite cubeRoll}.die-cube.is-rolling:nth-child(2) .die-cube__inner{animation-name:cubeRollAlt;animation-duration:1.7s}.die-cube.is-settling .die-cube__inner{animation:.72s cubic-bezier(.18,.78,.22,1) both cubeSettle}.die-cube.is-settling:nth-child(2) .die-cube__inner{animation-delay:60ms}.roll-button{background:var(--coral);color:#fff;border-radius:999px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:54px;margin-top:12px;font-family:Bricolage Grotesque;font-size:18px;font-weight:800;display:flex;box-shadow:0 15px 28px -11px #e8503fb3}.turn-callout{color:#8a6a12;background:#ffc24b29;border:1.5px solid #ffc24b80;border-radius:16px;align-items:center;gap:10px;margin-top:12px;padding:11px 14px;font-size:12px;display:flex}.turn-callout>span{font-size:19px}.turn-callout.waiting{background:var(--cream-deep);color:var(--muted);border-color:#2b223014}.turn-callout.waiting i{background:var(--amber);border-radius:50%;width:8px;height:8px;animation:1.2s infinite pulseDot}.move-options{margin-top:9px}.move-options>div:first-child{justify-content:space-between;align-items:center;display:flex}.move-options>div:first-child button{background:var(--cream-deep);color:var(--muted);border-radius:999px;padding:7px 10px;font-size:11px;font-weight:800}.move-options>p{color:var(--muted);margin-top:4px;font-size:10px;font-weight:650;line-height:1.25}.move-options>div:last-child{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:9px;display:grid}.move-options>div:last-child button{background:#fff;border-radius:14px;flex-direction:column;align-items:center;padding:9px 4px;display:flex;box-shadow:0 7px 16px -13px #2b223059}.move-options>div:last-child button.is-special{background:var(--ink);color:#fff}.move-options strong{font-size:24px;line-height:1}.move-options small{color:var(--muted);margin-top:3px;font-size:10px;font-weight:700}.move-options .is-special strong{color:var(--amber)}.move-options .is-special small{color:#fdf6f4a6}.tray-tools{border-top:1px solid #2b22300f;justify-content:space-around;margin-top:10px;padding-top:9px;display:flex}.tray-tools button{min-width:54px;color:var(--muted);background:0 0;justify-content:center;align-items:center;gap:5px;padding:3px 5px;font-size:11px;font-weight:700;display:flex}.tray-tools svg,.tray-tools button>b{font-size:17px;line-height:1}.turn-handoff-card{background:linear-gradient(118deg,color-mix(in srgb,var(--from) 35%,#fff),color-mix(in srgb,var(--to) 30%,#fff));min-height:86px;box-shadow:0 0 0 2px color-mix(in srgb,var(--to) 72%,var(--ink)),0 12px 23px -17px var(--ink);border:2px solid #fff;border-radius:20px;justify-content:center;align-items:center;gap:16px;margin-top:4px;padding:12px 15px;animation:.42s cubic-bezier(.2,.86,.2,1) both handoffIn;display:flex}.turn-handoff-card>span{align-items:center;gap:5px;display:flex}.turn-handoff-card .pawn{width:30px;box-shadow:0 0 0 2px #fff,0 3px 6px #2b223047}.turn-handoff-card .die{border-radius:9px;width:30px;padding:5px}.turn-handoff-card .die i{width:4px}.turn-handoff-card>span b{color:var(--ink);margin-inline:2px;font-size:18px;animation:1s ease-in-out infinite handoffArrow}.turn-handoff-card>div{flex-direction:column;display:flex}.turn-handoff-card small{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:850}.turn-handoff-card strong{margin-top:2px;font-family:Bricolage Grotesque;font-size:21px;line-height:1}.dice-roller{justify-content:center;align-items:center;gap:16px;min-height:112px;margin-top:3px;display:flex}.dice-roller>.avatar{margin-left:-8px;animation:.5s cubic-bezier(.2,.9,.2,1) both avatarArrive}.dice-roller>div{flex-direction:column;align-items:center;gap:11px;display:flex}.dice-roller>div>span{perspective:460px;justify-content:center;align-items:center;gap:22px;padding:9px 12px;display:flex}.dice-roller b{color:var(--muted);font-size:13px}.connection-banner{z-index:90;top:calc(env(safe-area-inset-top) + 8px);color:#fff;text-align:left;background:#2b2230f0;border:2px solid #ffffffe6;border-radius:16px;align-items:center;gap:10px;width:min(420px,100% - 24px);padding:10px 13px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 12px 24px -14px #15121cc7}.connection-banner>i{background:var(--amber);border-radius:50%;flex:none;width:10px;height:10px;animation:1.2s infinite pulseDot;box-shadow:0 0 0 5px #ffc24b29}.connection-banner>span{flex-direction:column;min-width:0;display:flex}.connection-banner strong{font-size:12px}.connection-banner small{color:#ffffffa8;margin-top:2px;font-size:9px;font-weight:700;line-height:1.25}.connection-blocker{z-index:145;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#15121c94;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.connection-dialog{background:var(--paper);width:min(380px,100%);color:var(--ink);text-align:center;border:3px solid #fff;border-radius:28px;padding:26px 24px;animation:.38s cubic-bezier(.34,1.56,.64,1) popIn;box-shadow:0 26px 65px -22px #000000c7}.connection-dialog>span{background:var(--coral);color:#fff;border-radius:19px;place-items:center;width:58px;height:58px;margin:0 auto 13px;font-family:Bricolage Grotesque;font-size:31px;font-weight:900;display:grid;box-shadow:0 10px 22px -14px #c43a2cb8}.connection-dialog>small{color:var(--coral-ink);letter-spacing:.12em;font-size:9px;font-weight:900}.connection-dialog h2{margin-top:4px;font-size:25px}.connection-dialog p{max-width:31ch;color:var(--muted);margin:7px auto 0;font-size:13px;font-weight:650;line-height:1.4}.connection-dialog>div{gap:9px;margin-top:21px;display:flex}.connection-dialog button{background:#fff;border-radius:15px;flex:1;min-height:48px;font-weight:850}.connection-dialog button:last-child{background:var(--ink);color:#fff;flex:1.4}.event-moment{z-index:2;background:var(--ink);color:#fff;width:100%;box-shadow:0 0 0 3px var(--amber),0 12px 24px -17px #15121cbf;border:2px solid #fff;border-radius:20px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin:2px 0 11px;padding:14px;display:grid;position:relative;overflow:hidden}.event-moment.is-entering{animation:.45s cubic-bezier(.2,.88,.2,1) both momentTrayIn}.event-moment.is-leaving{animation:.34s both momentTrayOut}.event-moment__icon{background:var(--amber);width:46px;height:46px;color:var(--ink);border-radius:14px;place-items:center;font-family:Bricolage Grotesque;font-size:24px;font-weight:900;display:grid}.event-moment>div:not(.event-moment__dice){flex-direction:column;min-width:0;display:flex}.event-moment small{color:var(--amber);letter-spacing:.13em;text-transform:uppercase;font-size:9px;font-weight:900}.event-moment strong{margin-top:1px;font-family:Bricolage Grotesque;font-size:20px;line-height:1}.event-moment p{color:#ffffffb8;margin-top:4px;font-size:10px;font-weight:700;line-height:1.25}.event-moment__dice{gap:5px;display:flex}.event-moment__dice .die{border-radius:10px;width:38px;padding:6px}.event-moment__hold{background:var(--amber);height:4px;position:absolute;bottom:0;left:0;right:0}.event-moment--captured,.event-moment--doubles-penalty{box-shadow:0 0 0 3px var(--coral),0 12px 24px -17px #15121cbf}.event-moment--captured .event-moment__hold,.event-moment--doubles-penalty .event-moment__hold{background:var(--coral)}.event-moment--blockade-built{box-shadow:0 0 0 3px var(--amber),0 12px 24px -17px #15121cbf}.event-moment--reached-home,.event-moment--game-won{box-shadow:0 0 0 3px var(--jade),0 12px 24px -17px #15121cbf}.event-moment--reached-home .event-moment__hold,.event-moment--game-won .event-moment__hold{background:var(--jade)}.sheet-scrim,.modal-scrim{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#15121c6b;position:fixed;inset:0}.bottom-sheet{z-index:110;max-height:min(76dvh,620px);padding:12px 22px calc(env(safe-area-inset-bottom) + 24px);background:var(--paper);color:var(--ink);border-radius:30px 30px 0 0;animation:.35s cubic-bezier(.2,.8,.2,1) sheetIn;position:fixed;bottom:0;left:0;right:0;overflow:auto;box-shadow:0 -18px 36px -14px #00000073}.sheet-grabber{background:0 0;place-items:center;width:54px;height:16px;margin:0 auto 5px;display:grid}.sheet-title{justify-content:space-between;align-items:center;display:flex}.sheet-title h2,.bottom-sheet>h2{font-size:21px}.sheet-title span{background:var(--cream-deep);color:var(--muted);border-radius:999px;padding:5px 10px;font-size:11px;font-weight:700}.reaction-grid{grid-template-columns:repeat(4,1fr);gap:9px;margin-top:13px;display:grid}.reaction-grid button{aspect-ratio:1;background:#fff;border-radius:18px;font-size:28px;box-shadow:0 6px 14px -9px #2b22304d}.reaction-grid button:nth-child(2){background:var(--coral)}.quick-pills{gap:7px;display:flex;overflow:auto}.quick-pills button{background:#fff;border-radius:999px;flex:none;padding:9px 14px;font-size:12px;font-weight:800;box-shadow:0 4px 10px -8px #2b22304d}.bottom-sheet{scrollbar-width:thin;scrollbar-color:#ff6b5cd1 transparent}.bottom-sheet::-webkit-scrollbar{width:6px}.bottom-sheet::-webkit-scrollbar-track{background:0 0}.bottom-sheet::-webkit-scrollbar-thumb{background:#ff6b5cd1 padding-box padding-box;border:1px solid #0000;border-radius:999px}.bottom-sheet.is-stable{animation:none}.messages{flex-direction:column;gap:10px;min-height:190px;max-height:42dvh;margin-top:12px;display:flex;overflow:auto}.messages>p{color:var(--muted);margin:auto;font-size:13px}.message{align-items:flex-end;gap:8px;display:flex}.message>.pawn{flex:none;width:25px}.message>span{background:#fff;border-radius:4px 16px 16px;flex-direction:column;padding:9px 13px;font-size:13px;font-weight:600;display:flex;box-shadow:0 3px 8px -6px #2b22304d}.message b{color:var(--muted);margin-bottom:2px;font-size:10px}.message.is-you{flex-direction:row-reverse}.message.is-you>span{background:var(--coral);color:#fff;border-radius:16px 4px 16px 16px}.message.is-you b{color:#ffffffbf;text-align:right}.chat-sheet form{gap:9px;margin-top:12px;display:flex}.chat-sheet input{background:#fff;border:0;border-radius:999px;flex:1;min-width:0;height:48px;padding:0 17px;box-shadow:inset 0 0 0 1.5px #2b223014}.chat-sheet form button{background:var(--coral);color:#fff;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.standings-sheet>small{color:#b4ab9c;letter-spacing:.1em;text-align:center;font-weight:800;display:block}.standings-sheet>h2{text-align:center}.standing{background:#fff;border-radius:18px;align-items:center;gap:11px;margin-top:10px;padding:12px 14px;display:flex}.standing.is-you{box-shadow:0 0 0 2px var(--coral)}.standing>strong{color:#b4ab9c;width:15px}.standing>.pawn{width:27px}.standing>span{flex-direction:column;flex:1;display:flex}.standing>span small{color:var(--muted);text-transform:uppercase;font-size:9px}.standing>em{font-family:Bricolage Grotesque;font-size:20px;font-style:normal;font-weight:800}.standing>em i{color:var(--muted);font-family:Figtree;font-size:11px;font-style:normal}.menu-sheet{flex-direction:column;gap:8px;display:flex}.menu-sheet>h2{margin-bottom:6px}.menu-sheet>button:not(.sheet-grabber){text-align:left;background:#fff;border-radius:14px;align-items:center;gap:10px;min-height:50px;padding:0 14px;font-weight:800;display:flex}.menu-sheet .danger{color:#e14b3c}.history-sheet ol{flex-direction:column;gap:8px;margin-top:12px;list-style:none;display:flex}.history-event{background:#fff;border:1px solid #2b22300f;border-radius:16px;align-items:center;gap:10px;min-height:58px;padding:9px 11px;display:flex}.history-event>.pawn{flex:none;width:30px}.history-event>span:first-of-type{flex-direction:column;flex:1;min-width:0;display:flex}.history-event small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:850}.history-event strong{margin-top:2px;font-size:12px;line-height:1.25}.history-event__dice{gap:4px;flex-direction:row!important;flex:none!important;display:flex!important}.history-event__dice .die{border-radius:8px;width:28px;padding:5px}.history-event__dice .die i{width:3px}.history-event__collision{align-items:center;gap:4px;flex-direction:row!important;flex:none!important;display:flex!important}.history-event__collision>b{color:var(--coral);font-size:16px}.history-event__collision>.pawn{width:24px}.history-empty{text-align:center;color:var(--muted);padding:24px}.modal-scrim{place-items:center;padding:24px;display:grid}.confirm-card{background:var(--paper);width:min(100%,360px);color:var(--ink);text-align:center;border-radius:24px;padding:25px;animation:.4s cubic-bezier(.34,1.56,.64,1) popIn;box-shadow:0 24px 60px -20px #0009}.confirm-card>.pawn{width:54px}.confirm-card h2{margin-top:12px}.confirm-card p{color:var(--muted);margin-top:5px;font-size:13px}.confirm-card>div{gap:9px;margin-top:20px;display:flex}.confirm-card button{background:#fff;border-radius:14px;flex:1;min-height:48px;font-weight:800}.confirm-card button:last-child{background:var(--coral);color:#fff}.result-screen{z-index:150;padding:calc(env(safe-area-inset-top) + 58px) 22px calc(env(safe-area-inset-bottom) + 24px);background:radial-gradient(120% 80% at 50% 12%,var(--amber),var(--coral) 78%);text-align:center;flex-direction:column;align-items:center;display:flex;position:fixed;inset:0}.result-screen.is-loss{background:radial-gradient(120% 80% at 50% 14%,#4a4557,var(--ink) 76%)}.result-copy>span{letter-spacing:.08em;background:#ffffff38;border-radius:999px;padding:6px 14px;font-size:11px;font-weight:800}.result-copy h1{color:#fff;letter-spacing:-.04em;text-shadow:0 6px #c83c2d52;margin-top:16px;font-size:58px;line-height:.86}.result-copy p{color:#ffffffe6;margin-top:10px;font-size:14px;font-weight:700}.result-screen>.avatar{margin-top:55px}.result-actions{padding:22px 22px calc(env(safe-area-inset-bottom) + 22px);background:var(--paper);color:var(--ink);border-radius:30px 30px 0 0;position:absolute;bottom:0;left:0;right:0}.result-actions>div{gap:9px;display:flex}.result-actions span{background:#f7f1e7;border-radius:15px;flex:1;padding:11px}.result-actions span b,.result-actions span small{display:block}.result-actions span b{font-size:23px}.result-actions span small{color:var(--muted);margin-top:3px;font-size:10px;font-weight:700}.result-actions>div:last-child{margin-top:13px}.result-actions button{background:#fff;border-radius:15px;flex:1;min-height:50px;font-weight:800}.result-actions button:last-child{background:var(--ink);color:#fff;flex:1.4}.result-actions button:disabled{opacity:.58}.rule-card{color:#fff;text-align:center;background:radial-gradient(120% 90% at 50% 20%,#17bfa0,#0a5f4e);border-radius:26px;flex-direction:column;align-items:center;height:min(520px,100dvh - 190px);min-height:390px;padding:28px 24px;display:flex;box-shadow:0 18px 34px -18px #0c6d5ab3}.rule-card>small{letter-spacing:.14em;opacity:.7;font-weight:800}.rule-card>div{filter:drop-shadow(0 12px 15px #00000040);place-items:center;height:150px;font-size:76px;animation:1.8s ease-in-out infinite pawnBob;display:grid}.rule-card h2{margin-top:10px;font-size:27px}.rule-card p{opacity:.88;margin-top:10px;font-size:14px;font-weight:600;line-height:1.45}.rule-card nav{gap:7px;margin-top:auto;display:flex}.rule-card nav i{background:#fff6;border-radius:999px;width:8px;height:8px;padding:0}.rule-card nav i.is-active{background:#fff;width:22px}.how-actions{gap:9px;margin-top:14px;display:flex}.how-actions button{background:#fff;border-radius:16px;min-height:52px;font-size:20px;font-weight:800}.how-actions button:first-child{width:56px;color:var(--muted)}.how-actions button:last-child{background:var(--coral);color:#fff;flex:1;font-size:17px}.how-actions button:disabled{opacity:.35}.setting-icon{background:var(--cream-deep);border-radius:11px;flex:none;place-items:center;width:34px;height:34px;display:grid}.volume-row input{width:105px;accent-color:var(--purple)}.profile-screen{background:var(--paper);overflow:visible}.profile-hero{height:310px;padding-top:calc(env(safe-area-inset-top) + 38px);background:radial-gradient(120% 100% at 50% 0%,#ff9f6b,var(--coral));color:#fff;flex-direction:column;align-items:center;display:flex;position:relative}.profile-hero>.icon-button{left:max(20px,env(safe-area-inset-left));top:calc(env(safe-area-inset-top) + 14px);color:#fff;background:#ffffff2e;position:absolute}.profile-hero h1{margin-top:8px;font-size:28px}.profile-hero>span{background:#ffffff38;border-radius:999px;margin-top:5px;padding:5px 12px;font-size:11px;font-weight:800}.profile-body{padding:0 22px calc(env(safe-area-inset-bottom) + 22px);transform:translateY(-4px)}.stats-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.stats-grid>div{background:#fff;border-radius:18px;flex-direction:column;align-items:center;padding:14px 8px;display:flex;box-shadow:0 8px 20px -16px #2b22304d}.stats-grid b{font-family:Bricolage Grotesque;font-size:25px}.stats-grid b i{font-size:14px;font-style:normal}.stats-grid small{color:var(--muted);margin-top:4px;font-size:10px;font-weight:700}.stats-grid .dark{background:var(--ink);color:var(--amber)}.stats-grid .dark small{color:#fdf6f499}.profile-list{background:#fff;border-radius:20px;margin-top:14px;padding:6px 17px;box-shadow:0 8px 20px -16px #2b22304d}.profile-list p{border-bottom:1px solid #2b223012;justify-content:space-between;align-items:center;min-height:46px;font-size:13px;font-weight:800;display:flex}.profile-list p:last-child{border-bottom:0}.profile-list b{align-items:center;gap:7px;display:flex}.profile-list .pawn{width:17px}.achievements{gap:9px;display:flex}.achievements span{aspect-ratio:1;background:#fff;border-radius:16px;flex:1;place-items:center;font-size:24px;display:grid;box-shadow:0 8px 18px -14px #2b22304d}.achievements .locked{background:var(--cream-deep);opacity:.5}.profile-level{background:var(--ink);color:#fff;border:2px solid #ffffffeb;border-radius:18px;margin:-20px 0 10px;padding:13px 15px;position:relative;box-shadow:0 11px 22px -15px #2b2230bf}.profile-level>div{justify-content:space-between;align-items:center;display:flex}.profile-level span{flex-direction:column;display:flex}.profile-level span b{font-family:Bricolage Grotesque;font-size:15px}.profile-level span small{color:#ffffff9e;margin-top:1px;font-size:9px;font-weight:700}.profile-level>div>strong{color:var(--amber);font-size:12px}.profile-level>i{background:#ffffff21;border-radius:999px;height:6px;margin-top:9px;display:block;overflow:hidden}.profile-level>i>b{border-radius:inherit;background:linear-gradient(90deg,var(--coral),var(--amber));height:100%;display:block}.next-badge{border:1.5px solid color-mix(in srgb,var(--amber) 58%,#fff);background:color-mix(in srgb,var(--amber) 13%,#fff);border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;margin-top:14px;padding:12px 14px;display:grid}.next-badge>span{background:#fff;border-radius:13px;place-items:center;width:40px;height:40px;font-size:22px;display:grid}.next-badge>div{flex-direction:column;min-width:0;display:flex}.next-badge small{color:#957015;letter-spacing:.1em;font-size:9px;font-weight:900}.next-badge b{font-size:13px}.next-badge p{color:var(--muted);margin-top:2px;font-size:9px;font-weight:650;line-height:1.25}.next-badge>strong{color:#957015;font-size:12px}.next-badge.is-complete{background:color-mix(in srgb,var(--jade) 13%,#fff);border-color:color-mix(in srgb,var(--jade) 58%,#fff)}.profile-section-heading{justify-content:space-between;align-items:end;margin:18px 1px 8px;display:flex}.profile-section-heading .section-label{margin:0}.profile-section-heading>small{color:var(--muted);font-size:9px;font-weight:700}.achievements{grid-template-columns:1fr 1fr;gap:8px;display:grid}.achievement{text-align:left;background:#fff;border:1px solid #2b22300f;border-radius:16px;grid-template-rows:1fr 1fr;grid-template-columns:38px minmax(0,1fr);align-items:center;column-gap:9px;min-height:67px;padding:9px;display:grid;box-shadow:0 8px 18px -15px #2b223066}.achievement>span{aspect-ratio:1;background:var(--cream-deep);width:38px;box-shadow:none;border-radius:12px;grid-row:1/3;place-items:center;font-size:20px;display:grid}.achievement>b{text-overflow:ellipsis;white-space:nowrap;align-self:end;font-size:11px;overflow:hidden}.achievement>small{color:var(--muted);align-self:start;margin-top:2px;font-size:9px;font-weight:800}.achievement.is-locked>span{filter:grayscale();opacity:.43}.achievement.is-locked>b{color:var(--muted)}.achievement.is-unlocked{border-color:color-mix(in srgb,var(--amber) 45%,#fff);background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--amber) 10%,#fff))}.achievement.is-unlocked>small{color:#99720f}.profile-empty{background:#ffffff8c;border:1.5px dashed #2b223024;border-radius:18px;align-items:center;gap:12px;padding:14px;display:flex}.profile-empty>span{font-size:28px}.profile-empty>div{flex-direction:column;display:flex}.profile-empty b{font-size:12px}.profile-empty small{color:var(--muted);margin-top:3px;font-size:9px;font-weight:650;line-height:1.3}.profile-history{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 8px 20px -17px #2b223066}.profile-game{border-bottom:1px solid #2b223012;align-items:center;gap:10px;min-height:54px;padding:8px 12px;display:flex}.profile-game:last-child{border-bottom:0}.profile-game>i{background:var(--cream-deep);width:31px;height:31px;color:var(--muted);border-radius:10px;flex:none;place-items:center;font-style:normal;font-weight:900;display:grid}.profile-game.is-win>i{background:color-mix(in srgb,var(--jade) 18%,#fff);color:#08725e}.profile-game>span{flex-direction:column;flex:1;min-width:0;display:flex}.profile-game b{font-size:11px}.profile-game small{color:var(--muted);margin-top:2px;font-size:9px;font-weight:650}.profile-game time{color:var(--muted);font-size:9px;font-weight:750}.profile-play{border-radius:16px;min-height:50px;margin-top:16px}.profile-achievement-scrim{z-index:190;position:fixed;inset:0}.achievement-dialog{background:var(--paper);text-align:center;border-radius:25px;flex-direction:column;align-items:center;width:min(320px,100vw - 42px);padding:25px 22px;animation:.4s cubic-bezier(.34,1.56,.64,1) popIn;display:flex;box-shadow:0 25px 60px -18px #0000009e}.achievement-dialog>span{background:#fff;border-radius:22px;place-items:center;width:68px;height:68px;font-size:36px;display:grid;box-shadow:0 9px 22px -16px #2b223073}.achievement-dialog>small{color:#99720f;letter-spacing:.12em;margin-top:14px;font-size:9px;font-weight:900}.achievement-dialog h2{margin-top:3px}.achievement-dialog p{color:var(--muted);margin-top:5px;font-size:12px;font-weight:650}.achievement-dialog>div{background:var(--cream-deep);border-radius:999px;width:100%;height:8px;margin-top:16px;overflow:hidden}.achievement-dialog>div>i{width:var(--progress);border-radius:inherit;background:linear-gradient(90deg,var(--coral),var(--amber));height:100%;display:block}.achievement-dialog>b{margin-top:6px;font-size:10px}.achievement-dialog>button{background:var(--ink);color:#fff;border-radius:14px;width:100%;min-height:48px;margin-top:18px;font-weight:850}@keyframes floatSlow{0%,to{transform:translateY(0)rotate(-8deg)}50%{transform:translateY(-16px)rotate(-2deg)}}@keyframes avatarBob{0%,to{transform:translateY(0)}50%{transform:translateY(-6%)}}@keyframes pawnBob{0%,to{transform:translateY(0)}50%{transform:translateY(-7%)}}@keyframes pawnTravelWobble{0%{transform:translateY(-4%)rotate(-7deg)scale(1.02)}to{transform:translateY(-7%)rotate(7deg)scale(1.04)}}@keyframes yardRelease{0%{filter:brightness(1.12);box-shadow:inset 0 0 0 3px #ffffffb8,0 0 0 2px var(--amber),0 0 22px 4px var(--seat)}to{filter:brightness(.82);box-shadow:inset 0 0 0 2px #ffffff47,0 5px 9px -4px #2b22304d}}@keyframes yardClaim{0%{filter:brightness(.82);box-shadow:inset 0 0 0 2px #ffffff47,0 5px 9px -4px #2b22304d}55%{filter:brightness(1.22);box-shadow:inset 0 0 0 4px #fff,0 0 0 4px var(--seat),0 0 30px 10px color-mix(in srgb,var(--seat) 68%,transparent)}to{filter:brightness();box-shadow:inset 0 0 0 3px #ffffffb8,0 0 0 2px var(--amber),0 6px 14px -3px #2b22306b}}@keyframes placardClaim{0%{opacity:.62;transform:scale(.94)}55%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes handoffIn{0%{opacity:0;transform:translateY(9px)scale(.96)}to{opacity:1;transform:none}}@keyframes handoffArrow{0%,to{opacity:.5;transform:translate(-2px)}50%{opacity:1;transform:translate(2px)}}@keyframes shadowPulse{0%,to{opacity:.22;transform:translate(-50%)scaleX(1)}50%{opacity:.14;transform:translate(-50%)scaleX(.8)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes turnGlow{0%,to{box-shadow:0 0,0 0 18px -2px}50%{box-shadow:0 0 0 9px #0000,0 0 28px 4px}}@keyframes legalGlow{0%,to{box-shadow:inset 0 0 0 1px #2b22301a,0 0 5px var(--amber)}50%{box-shadow:inset 0 0 0 1px #2b22301a,0 0 18px 5px var(--amber)}}@keyframes targetPulse{0%,to{opacity:.8;transform:scale(.9)}50%{opacity:1;transform:scale(1.08)}}@keyframes legalPawn{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-9%)scale(1.12)}}@keyframes rollBadgeIn{0%{opacity:0;transform:translateY(10px)scale(.72)rotate(-4deg)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes playerRollIn{0%{opacity:0;transform:translate(22%)scale(.82)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes avatarArrive{0%{opacity:0;transform:translate(-80%)rotate(-8deg)}to{opacity:1;transform:translate(0)rotate(0)}}@keyframes presenceInLeft{0%{opacity:0;transform:translate(-115%)rotate(-10deg)}to{opacity:1;transform:translate(0)rotate(0)}}@keyframes presenceInRight{0%{opacity:0;transform:translate(115%)rotate(10deg)}to{opacity:1;transform:translate(0)rotate(0)}}@keyframes presenceOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-120%)rotate(-8deg)}}@keyframes presenceOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(120%)rotate(8deg)}}@keyframes diceReveal{0%{opacity:0;transform:translateY(-14px)rotate(-14deg)scale(.72)}72%{opacity:1;transform:translateY(2px)rotate(3deg)scale(1.06)}to{opacity:1;transform:none}}@keyframes diceLand{0%{opacity:.4;transform:translateY(-8px)scale(.9)}68%{opacity:1;transform:translateY(2px)scale(1.04)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes cubeRoll{0%{transform:translate(-2px,9px)rotateX(-18deg)rotateY(25deg)rotate(0)}16%{transform:translate(4px,-14px)rotateX(103deg)rotateY(202deg)rotate(61deg)}33%{transform:translate(1px,-3px)rotateX(221deg)rotateY(381deg)rotate(122deg)}50%{transform:translate(-4px,7px)rotateX(342deg)rotateY(565deg)rotate(180deg)}67%{transform:translate(2px,-12px)rotateX(462deg)rotateY(743deg)rotate(241deg)}84%{transform:translate(5px,-2px)rotateX(583deg)rotateY(925deg)rotate(302deg)}to{transform:translate(-2px,9px)rotateX(702deg)rotateY(1105deg)rotate(360deg)}}@keyframes cubeRollAlt{0%{transform:translate(3px,7px)rotateX(-24deg)rotateY(-28deg)rotate(12deg)}16%{transform:translate(-3px,-10px)rotateX(156deg)rotateY(-149deg)rotate(-49deg)}33%{transform:translate(-5px,-2px)rotateX(333deg)rotateY(-273deg)rotate(-110deg)}50%{transform:translate(2px,8px)rotateX(516deg)rotateY(-388deg)rotate(-168deg)}67%{transform:translate(5px,-13px)rotateX(692deg)rotateY(-512deg)rotate(-229deg)}84%{transform:translate(-2px,-3px)rotateX(873deg)rotateY(-631deg)rotate(-290deg)}to{transform:translate(3px,7px)rotateX(1056deg)rotateY(-748deg)rotate(-348deg)}}@keyframes opponentCubeRoll{0%{transform:translate(-2px,3px)rotateX(22deg)rotateY(28deg)rotate(-8deg)}25%{transform:translate(2px,-6px)rotateX(48deg)rotateY(-38deg)rotate(82deg)}50%{transform:translate(4px,1px)rotateX(-34deg)rotateY(52deg)rotate(174deg)}75%{transform:translate(-3px,5px)rotateX(50deg)rotateY(36deg)rotate(264deg)}to{transform:translate(-2px,3px)rotateX(22deg)rotateY(28deg)rotate(352deg)}}@keyframes opponentCubeRollAlt{0%{transform:translate(2px,4px)rotateX(-24deg)rotateY(-30deg)rotate(9deg)}25%{transform:translate(-3px,-5px)rotateX(-50deg)rotateY(36deg)rotate(-81deg)}50%{transform:translate(-4px,2px)rotateX(36deg)rotateY(-50deg)rotate(-171deg)}75%{transform:translate(3px,5px)rotateX(-48deg)rotateY(-34deg)rotate(-261deg)}to{transform:translate(2px,4px)rotateX(-24deg)rotateY(-30deg)rotate(-351deg)}}@keyframes cubeSettle{0%{opacity:.65;transform:translateY(-22px)rotateX(252deg)rotateY(294deg)rotate(90deg)}65%{opacity:1;transform:translateY(4px)rotateX(342deg)rotateY(384deg)rotate(-3deg)}82%{transform:translateY(-3px)rotateX(354deg)rotateY(372deg)rotate(2deg)}to{opacity:1;transform:translateY(0)rotateX(360deg)rotateY(360deg)rotate(0)}}@keyframes diceTumble{0%{transform:rotateX(0)rotateY(0)translateY(0)}35%{transform:rotateX(155deg)rotateY(90deg)translateY(-13px)}70%{transform:rotateX(290deg)rotateY(230deg)translateY(-4px)}to{transform:rotateX(360deg)rotateY(360deg)translateY(0)}}@keyframes momentIn{0%{opacity:0;transform:translate(-50%,-35%)scale(.72)}60%{opacity:1;transform:translate(-50%,-52%)scale(1.04)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes momentTrayIn{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes momentTrayOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(8px)}}@keyframes pulseDot{0%,to{opacity:.3;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}@keyframes sheetIn{0%{opacity:.35;translate:0 100%}to{opacity:1;translate:0}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,20px)scale(.9)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes popIn{0%{transform:scale(0)rotate(-12deg)}60%{transform:scale(1.08)rotate(3deg)}to{transform:scale(1)}}@keyframes pulse{0%,to{filter:drop-shadow(0 0 #ffc24b00)}50%{filter:drop-shadow(0 0 9px #ffc24ba6)}}.pulse{animation:2.1s ease-in-out infinite pulse}.move-target.is-bust{z-index:25;box-shadow:0 0 0 3px var(--coral),0 0 22px var(--amber);background:repeating-linear-gradient(135deg,#ff6b5cdb 0 28%,#2b2230e6 28% 56%);border-color:#fff}.move-target.is-bust .target-pin{background:var(--coral);color:#fff}.opponent-roll div>span{gap:clamp(24px,4vw,30px)}.yard{transform-origin:50%;transition:filter .35s,transform .35s}.yard.is-current{z-index:3;box-shadow:inset 0 0 0 3px #ffffffd1,0 0 0 2px var(--seat),0 0 20px 4px color-mix(in srgb,var(--seat) 54%,transparent),0 7px 15px -4px #2b223075;animation:2.15s ease-in-out infinite activeYardBreath;transform:scale(1.008)}.yard.is-current .yard__placard{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--seat),0 5px 10px #2b223080}.yard.is-current .yard__status.has-roll{box-shadow:0 0 0 2px var(--seat),0 8px 16px -7px #15121ccc}.yard.is-current.is-leaving{animation:1.05s ease-out both yardRelease}.yard.is-current.is-arriving{animation:1.05s cubic-bezier(.2,.78,.2,1) both yardClaim}.track-cell--coral{--start:var(--coral);--start-ink:var(--coral-ink)}.track-cell--blue{--start:var(--blue);--start-ink:var(--blue-ink)}.track-cell--amber{--start:var(--amber);--start-ink:var(--amber-ink)}.track-cell--jade{--start:var(--jade);--start-ink:var(--jade-ink)}.track-cell.is-safe.is-start{background:radial-gradient(circle at 50% 42%,#fff 0 30%,color-mix(in srgb,var(--start) 30%,#fff) 32% 100%);color:var(--start-ink);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--start) 58%,#fff),0 0 0 2px var(--start),0 0 12px color-mix(in srgb,var(--start) 54%,transparent),0 3px 7px #2b22304d;border-color:#fff}.track-cell.is-safe.is-start>i,.track-cell.is-safe.is-start>small{color:var(--start-ink)}.has-dragging-pawn{isolation:isolate;z-index:96!important;overflow:visible!important}.has-dragging-pawn .is-dragging-pawn{position:relative;z-index:98!important;overflow:visible!important}.has-dragging-pawn .is-dragging-pawn .pawn-actor{z-index:99;opacity:.2;position:relative}.dash-drag-host{z-index:2400;pointer-events:none;position:fixed;inset:0}.pawn-actor.pawn-drag-ghost{z-index:2500;transform-origin:50%;pointer-events:none;will-change:transform;filter:drop-shadow(0 12px 8px #2b223066)drop-shadow(0 0 4px #fff);place-items:center;margin:0;display:grid;top:0;left:0;position:fixed!important}.pawn-drag-ghost .pawn{z-index:1;width:var(--drag-pawn-width,80%);position:relative;animation:none!important}.pawn-drag-ghost--board:before{content:"";aspect-ratio:1;background:#fffffff0;border-radius:50%;width:92%;position:absolute;box-shadow:0 0 0 1px #2b223038,0 3px 7px #2b223047}.turn-avatar{z-index:24;pointer-events:none;position:absolute;inset:0;overflow:visible}.turn-avatar__figure{filter:drop-shadow(0 8px 6px #15121c4d);place-items:center;width:clamp(58px,11vw,82px);height:clamp(70px,13vw,98px);display:grid;position:absolute}.turn-avatar__figure:before{content:"";aspect-ratio:1;width:72%;box-shadow:0 0 0 3px color-mix(in srgb,var(--turn-seat) 78%,#fff),0 8px 18px -10px #15121cb3;background:#fffaf2eb;border:3px solid #ffffffeb;border-radius:44% 56% 48% 52%;position:absolute;top:8%;left:14%}.turn-avatar__figure>.avatar{width:100%;min-width:0;height:100%}.turn-avatar--jade .turn-avatar__figure,.turn-avatar--coral .turn-avatar__figure{left:1.5%}.turn-avatar--amber .turn-avatar__figure,.turn-avatar--blue .turn-avatar__figure{right:1.5%}.turn-avatar--jade .turn-avatar__figure,.turn-avatar--amber .turn-avatar__figure{animation:.5s cubic-bezier(.2,.9,.2,1) both turnAvatarInTop;top:4%}@keyframes activeYardBreath{0%,to{filter:brightness(1.02)saturate(1.04);box-shadow:inset 0 0 0 3px #ffffffd1,0 0 0 2px var(--seat),0 0 14px 2px color-mix(in srgb,var(--seat) 46%,transparent),0 7px 15px -4px #2b223075}50%{filter:brightness(1.1)saturate(1.14);box-shadow:inset 0 0 0 3px #fff,0 0 0 3px var(--seat),0 0 26px 7px color-mix(in srgb,var(--seat) 68%,transparent),0 9px 18px -4px #2b223080}}@keyframes turnAvatarInTop{0%{opacity:0;transform:translateY(-55%)scale(.82)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes turnAvatarInBottom{0%{opacity:0;transform:translateY(55%)scale(.82)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes pickupHover{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-7%)rotate(3deg)}}@media (max-width:370px){.quick-pills{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:visible}.quick-pills button{width:100%;min-width:0}}@media (max-height:650px) and (orientation:portrait){.home-screen{padding-top:calc(env(safe-area-inset-top) + 12px)}.play-card{min-height:205px;margin-top:13px;padding:18px}.play-card__bottom{margin-top:10px}.play-card__bottom .mini-board{width:92px}.play-card__bottom .play-circle{width:46px;height:46px}.home-grid{gap:9px;margin-top:10px}.menu-card{min-height:108px;padding:11px}.menu-card b{margin-top:6px}.menu-icon{width:34px;height:34px}.resume-card{margin-top:9px}.content-screen .footer-action{position:relative}.game-board-wrap{height:calc(100dvh - 210px)}.board-viewport{width:min(100%,100dvh - 210px)}.control-tray{max-height:36dvh;padding-top:7px}.tray-tools{margin-top:5px;padding-top:5px}.roll-button{margin-top:7px}.rule-card{min-height:360px}.ai-card{min-height:78px}.ai-card p{line-height:1.2}.pawn-preview{height:140px;min-height:140px}.character-preview{height:190px;min-height:190px}.character-preview>.human-avatar{width:94px;min-width:94px;height:112px}.color-screen .section-label{margin-top:13px}.color-controls>.footer-action{margin-top:14px}}@media (orientation:landscape) and (min-width:760px){.ai-screen{grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden}.ai-picker{grid-template-rows:minmax(0,1fr) auto;gap:10px;min-height:0;display:grid}.ai-picker .ai-list{overscroll-behavior:contain;grid-template-columns:1fr 1fr;grid-auto-rows:minmax(82px,1fr);gap:9px 12px;min-height:0;margin:0;padding:3px;display:grid;overflow-y:auto}.ai-picker .ai-card{min-height:0;padding:8px 11px}.ai-picker>.footer-action{min-height:50px;margin-top:0;position:relative}}@media (orientation:landscape) and (min-aspect-ratio:3/2){.home-screen{padding:14px max(24px,env(safe-area-inset-right)) 16px max(24px,env(safe-area-inset-left));grid-template-rows:42px minmax(0,1fr);grid-template-columns:minmax(300px,.92fr) minmax(390px,1.3fr);gap:13px 18px;display:grid;overflow:hidden}.brand-bar{grid-column:1/-1}.play-card{grid-area:2/1;height:100%;min-height:0;margin:0;padding:20px 22px}.play-card h1{font-size:30px}.play-card__bottom{margin-top:13px}.play-card__bottom .mini-board{width:min(126px,28dvh)}.home-actions{flex-direction:column;grid-area:2/2;min-height:0;display:flex}.home-grid{flex:1;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:10px;min-height:0;margin:0}.menu-card{min-height:0;padding:12px 14px}.menu-icon{border-radius:11px;width:34px;height:34px}.menu-card b{margin-top:5px}.menu-card small{font-size:11px}.resume-card{min-height:52px;margin-top:9px;padding-block:7px}.install-link{margin-top:4px;padding:6px}.content-screen{padding:14px max(24px,env(safe-area-inset-right)) 16px max(24px,env(safe-area-inset-left));background:var(--cream)}.content-screen>.screen-header{margin-bottom:13px}.screen-header{min-height:42px}.screen-header h1{font-size:22px}.screen-header p{font-size:12px}.footer-action{position:relative}.connect-screen{grid-template-rows:auto auto auto auto;grid-template-columns:minmax(300px,1fr) minmax(300px,1fr);align-content:start;column-gap:22px;display:grid}.connect-screen>.screen-header{grid-column:1/-1}.connect-screen .host-card{grid-area:2/1/5;height:100%;min-height:252px}.connect-screen .join-card{grid-area:2/2;margin-top:0}.connect-screen .or-rule{grid-area:3/2;margin:10px 0}.connect-screen .solo-card{grid-area:4/2}.join-screen{grid-template-rows:auto 1fr;grid-template-columns:minmax(300px,1fr) minmax(300px,1fr);gap:0 28px;display:grid}.join-screen>.screen-header{grid-column:1/-1}.join-screen .join-form{grid-column:1;gap:9px;margin-top:0}.join-screen .join-form input{height:49px}.join-screen .join-form label:nth-child(2) input{font-size:27px}.join-screen .join-form .primary-button{min-height:48px;margin-top:3px}.join-screen .privacy-panel{background:#fff;grid-column:2;align-self:center;max-width:none;margin:0;padding:22px;box-shadow:0 12px 28px -20px #2b22305c}.lobby-screen{grid-template-rows:auto 1fr;grid-template-columns:minmax(300px,.92fr) minmax(340px,1.08fr);gap:0 24px;display:grid}.lobby-screen>.screen-header{grid-column:1/-1}.lobby-screen .code-card{grid-area:2/1;align-self:start;min-height:220px}.lobby-screen .lobby-board{grid-area:2/2}.lobby-screen--joining .join-progress-card{grid-area:2/1/auto/-1;place-self:stretch center;height:100%;min-height:0;padding-block:18px}.lobby-board>.section-label{margin:0 0 7px}.lobby-screen .seat-list{gap:6px}.lobby-screen .seat-row{min-height:46px;padding:6px 10px}.lobby-screen .seat-row>.pawn{width:25px}.lobby-screen .footer-action,.lobby-screen .waiting-card{min-height:48px;margin-top:9px}.lobby-screen .qr-mark{width:66px;height:66px}.ai-screen{grid-template-rows:auto minmax(0,1fr);display:grid}.ai-picker{grid-template-rows:minmax(0,1fr) auto;gap:9px;min-height:0;display:grid}.ai-picker .ai-list{overscroll-behavior:contain;grid-template-columns:1fr 1fr;grid-auto-rows:minmax(78px,auto);gap:8px 12px;min-height:0;margin:0;padding:3px;display:grid;overflow-y:auto}.ai-picker .ai-card{min-height:0;padding:7px 11px}.ai-picker .ai-card p{line-height:1.18}.ai-picker>.footer-action{min-height:48px;margin-top:0}.color-screen{grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden}.color-layout{grid-template-columns:minmax(300px,1fr) minmax(340px,1fr);gap:22px;min-height:0;display:grid}.pawn-preview{height:100%;min-height:0}.character-preview>.human-avatar{width:clamp(92px,14vw,124px);min-width:clamp(92px,14vw,124px)}.color-controls>.section-label{margin:3px 0 5px}.character-label{display:flex}.character-label span{display:inline}.character-grid{overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none;gap:4px;padding:2px;display:flex;overflow-x:auto}.character-grid::-webkit-scrollbar{display:none}.character-choice{scroll-snap-align:start;flex:0 0 44px;min-width:44px;min-height:44px;padding:2px}.character-choice .avatar{width:27px;min-width:27px;height:33px}.character-choice b{display:none}.color-controls>.footer-action{min-height:44px;margin-top:7px}.name-card{min-height:44px;margin-top:6px}.color-seat{min-height:44px;padding-block:5px}.color-grid{gap:6px 8px}.setup-screen,.settings-screen{grid-template-rows:auto 1fr;grid-template-columns:minmax(300px,1fr) minmax(340px,1.15fr);gap:0 24px;display:grid}.setup-screen>.screen-header,.settings-screen>.screen-header{grid-column:1/-1}.setup-panel>.section-label,.settings-panel>.section-label{margin:0 0 8px}.setup-panel--theme{grid-column:1}.setup-panel--rules{grid-column:2}.setup-panel--theme .theme-grid{gap:10px}.setup-panel--theme .theme{height:72px}.setup-panel--rules .settings-group>button{min-height:45px;padding:6px 13px}.setup-panel--rules .win-rule{min-height:44px;margin-top:7px;padding:6px 12px}.setup-panel--rules>.footer-action{min-height:46px;margin-top:12px}.settings-panel .settings-group>button,.settings-panel .volume-row{min-height:52px;padding:7px 12px}.settings-panel .volume-row input{width:min(105px,12vw)}.settings-screen>.settings-note{grid-column:1/-1;margin:10px auto 0}.how-screen{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(420px,1.25fr) minmax(270px,.75fr);gap:0 24px;display:grid;overflow:hidden}.how-screen>.screen-header{grid-column:1/-1}.how-screen .rule-card{grid-area:2/1;height:100%;min-height:0;padding:18px 22px}.how-screen .rule-card>div{height:102px;font-size:58px}.how-screen .rule-card h2{font-size:24px}.how-screen .how-actions{grid-area:2/2;align-self:center;margin:0}.profile-hero{width:42vw;height:100%;position:fixed}.profile-body{margin-left:42vw;padding-top:28px;transform:none}.game-screen{display:block}.game-board-wrap{left:max(16px,env(safe-area-inset-left));width:min(54vw,100dvh - 24px);height:min(54vw,100dvh - 24px);top:50%;right:auto;transform:translateY(-50%)}.board-viewport{width:100%;height:100%}.zoom-button{right:3px}.control-tray,.control-tray.is-collapsed{left:auto;right:max(16px,env(safe-area-inset-right));top:calc(env(safe-area-inset-top) + 12px);bottom:max(12px,env(safe-area-inset-bottom));border-radius:20px;width:calc(43vw - 28px);max-height:none;padding:12px 16px;transform:none}.tray-handle{display:none}.roll-summary{justify-content:center}.roll-button{margin-top:18px}.tray-tools{position:absolute;bottom:10px;left:14px;right:14px}.bottom-sheet{left:auto;right:max(12px,env(safe-area-inset-right));border-radius:26px 26px 0 0;width:min(43vw,420px)}.result-screen{justify-content:center;padding:22px 44vw 22px 22px}.result-copy h1{font-size:48px}.result-screen>.avatar{margin-top:30px}.result-actions{border-radius:28px 0 0 28px;flex-direction:column;justify-content:center;width:42vw;padding:24px;display:flex;top:0;left:auto}}@media (orientation:landscape) and (max-width:700px) and (max-height:560px){.home-screen{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:10px 12px;padding:10px 14px 12px}.play-card{padding:16px 18px}.play-card__bottom .mini-board{width:min(112px,27dvh)}.home-grid{gap:8px}.menu-card{padding:9px 10px}.menu-card small{font-size:10px}.content-screen{padding:10px 14px 12px}.content-screen>.screen-header{margin-bottom:9px}.color-screen>.screen-header{margin-bottom:1px}.connect-screen{grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);column-gap:12px}.connect-screen .host-card{min-height:244px;padding:18px}.connect-screen .host-card h2{font-size:24px}.connect-screen .host-card>div:last-child{left:18px;right:18px}.connect-screen .join-card,.connect-screen .solo-card{padding:12px 14px}.connect-screen .join-card p,.connect-screen .solo-card p{font-size:11px}.join-screen{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 14px}.join-screen .privacy-panel{padding:15px}.lobby-screen{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:0 14px}.lobby-screen .code-card{min-height:210px;padding:16px}.lobby-screen .seat-row{min-height:42px}.color-layout{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:14px}.color-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.color-seat{gap:3px;min-width:0;min-height:44px;padding:5px 4px}.color-seat>.pawn{width:17px}.color-seat>b{min-width:0;font-size:11px}.color-seat>small{display:none}.name-card{min-height:44px;margin-top:5px;padding:5px 10px}.color-controls>.footer-action{min-height:44px}.setup-screen,.settings-screen{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:0 14px}.setup-panel--theme .theme{height:64px}.setup-panel--rules .settings-group>button{padding-inline:10px}.settings-panel .settings-group>button,.settings-panel .volume-row{padding-inline:9px}.how-screen{grid-template-columns:minmax(0,1.25fr) minmax(150px,.75fr);gap:0 12px}.how-screen .rule-card{padding:13px 16px}.how-screen .rule-card>div{height:78px;font-size:48px}.how-screen .rule-card h2{margin-top:5px;font-size:20px}.how-screen .rule-card p{margin-top:5px;font-size:12px}.how-screen .how-actions{gap:6px}.how-actions button{min-height:46px}.profile-hero{width:40vw}.profile-body{margin-left:40vw;padding-inline:14px}.game-board-wrap{left:max(8px,env(safe-area-inset-left))}.control-tray,.control-tray.is-collapsed{right:max(8px,env(safe-area-inset-right));width:calc(100vw + -1*min(54vw,100dvh - 24px) - 34px);padding:10px 12px}.roll-summary{text-align:center;grid-template-columns:1fr;justify-items:center;gap:5px;display:grid}.roll-summary>span{align-items:center;margin:0}.roll-button{margin-top:10px}.tray-tools{left:10px;right:10px}.bottom-sheet{right:max(8px,env(safe-area-inset-right));border-radius:24px;width:min(48vw,300px);max-height:none;padding:8px 14px 10px;top:8px;bottom:8px}.reaction-grid{gap:6px;margin-top:9px}.quick-pills{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid;overflow:visible}.quick-pills button{width:100%;min-width:0;padding:8px 2px;font-size:10px}.chat-sheet .messages{min-height:104px;max-height:104px}.standings-sheet .standing{border-radius:15px;margin-top:6px;padding:9px 11px}.menu-sheet{gap:5px}.menu-sheet>h2{margin-bottom:2px}.menu-sheet>button:not(.sheet-grabber){min-height:44px}.result-screen{padding:14px 50vw 14px 14px}.result-copy h1{font-size:42px}.result-actions{width:48vw;padding:14px}}@media (orientation:landscape) and (min-width:701px) and (max-width:1024px) and (max-height:560px){.bottom-sheet{right:max(8px,env(safe-area-inset-right));border-radius:24px;width:min(43vw,420px);max-height:none;padding:8px 14px 10px;top:8px;bottom:8px}.reaction-grid{gap:6px;margin-top:9px}.quick-pills{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid;overflow:visible}.quick-pills button{width:100%;min-width:0;padding:8px 2px;font-size:10px}.chat-sheet .messages{min-height:104px;max-height:104px}.standings-sheet .standing{border-radius:15px;margin-top:6px;padding:9px 11px}.menu-sheet{gap:5px}.menu-sheet>h2{margin-bottom:2px}.menu-sheet>button:not(.sheet-grabber){min-height:44px}}@media (min-width:760px) and (min-height:700px){.content-screen,.home-screen{padding-left:max(clamp(24px,4vw,48px),env(safe-area-inset-left));padding-right:max(clamp(24px,4vw,48px),env(safe-area-inset-right))}.home-grid{grid-template-columns:repeat(4,1fr)}.menu-card{min-height:120px}.play-card{min-height:300px}.bottom-sheet{border-radius:30px 30px 0 0;width:min(560px,100%);left:50%;right:auto;transform:translate(-50%)}.reaction-grid{grid-template-columns:repeat(8,1fr)}.quick-pills{grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:visible}.quick-pills button{width:100%;min-width:0;padding-inline:6px}.color-screen{grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden}.color-layout{width:100%;max-width:900px;height:min(400px,calc(var(--dash-viewport-height) - 160px));grid-template-columns:minmax(300px,1fr) minmax(0,1fr);align-self:start;gap:28px;min-height:0;margin:clamp(28px,6vh,54px) auto 0;display:grid}.pawn-preview{height:100%;min-height:0}.pawn-preview>i{display:none}.pawn-preview__legend{flex-direction:column;display:flex;position:absolute;top:24px;left:26px}.pawn-preview__legend small{color:color-mix(in srgb,var(--chosen-seat) 62%,var(--ink));letter-spacing:.1em;font-size:10px;font-weight:900}.pawn-preview__legend strong{color:var(--ink);margin-top:3px;font-family:Bricolage Grotesque;font-size:19px}.color-controls>.section-label{margin-top:0}.color-controls>.footer-action{margin-top:auto}}@media (min-width:520px) and (max-width:759px) and (min-height:561px){.content-screen .footer-action{position:relative}.bottom-sheet{border-radius:28px 28px 12px 12px;width:auto;left:12px;right:12px}}@media (orientation:landscape) and (min-width:760px) and (min-height:561px){.game-screen{display:block}.game-board-wrap{left:max(18px,env(safe-area-inset-left));width:min(66vw,100dvh - 32px);height:min(66vw,100dvh - 32px);top:50%;right:auto;transform:translateY(-50%)}.board-viewport{width:100%;height:100%}.zoom-button{right:5px}.control-tray,.control-tray.is-collapsed{left:auto;right:max(18px,env(safe-area-inset-right));top:calc(env(safe-area-inset-top) + 18px);bottom:max(18px,env(safe-area-inset-bottom));border-radius:24px;width:min(30vw,350px);max-height:none;padding:16px 18px;transform:none}.tray-handle{display:none}.roll-summary{justify-content:center}.roll-button{margin-top:18px}.tray-tools{position:absolute;bottom:14px;left:16px;right:16px}.event-moment{width:100%;top:auto;left:auto}.bottom-sheet{left:auto;right:max(18px,env(safe-area-inset-right));border-radius:26px;width:min(30vw,350px);max-height:calc(100dvh - 36px);top:50%;bottom:auto;transform:translateY(-50%)}.result-screen{justify-content:center;padding:28px 35vw 28px 28px}.result-copy h1{font-size:54px}.result-screen>.avatar{margin-top:32px}.result-actions{border-radius:30px 0 0 30px;flex-direction:column;justify-content:center;width:33vw;padding:28px;display:flex;top:0;left:auto}.control-tray,.control-tray.is-collapsed{height:auto;max-height:calc(100dvh - 36px);top:50%;bottom:auto;overflow:auto;transform:translateY(-50%)}.turn-ledger{grid-template-columns:minmax(0,1fr);gap:8px}.turn-ledger__values{flex-wrap:wrap;justify-content:center}.turn-ledger__bonuses{overflow:visible}.turn-ledger__copy{text-align:center;align-items:center}.tray-tools{margin-top:18px;position:relative;bottom:auto;left:auto;right:auto}.reaction-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1100px) and (min-height:700px){.connect-screen,.join-screen,.lobby-screen,.setup-screen,.settings-screen,.how-screen{padding-left:max(50vw - 564px,48px);padding-right:max(50vw - 564px,48px)}.connect-screen{align-content:center}.join-screen{grid-template-rows:auto auto;align-content:center}.join-screen .privacy-panel{align-self:center}.lobby-screen{grid-template-rows:auto auto;align-content:center}.setup-screen,.settings-screen{grid-template-rows:auto auto auto;align-content:center}.how-screen{grid-template-rows:auto auto;align-content:center}.how-screen .rule-card{height:min(560px,100dvh - 150px)}}@media (orientation:portrait){.game-screen{padding-top:max(4px,env(safe-area-inset-top));flex-direction:column;display:flex}.game-board-wrap{flex:auto;place-items:end center;width:100%;height:auto;min-height:0;padding:0 0 10px;position:relative;inset:auto;transform:none;container-type:size}.board-viewport{aspect-ratio:1;width:min(100%,100cqh);max-width:none;height:auto;max-height:none}.zoom-button{top:auto;bottom:calc(min(100cqw,100cqh) - 55px)}.control-tray,.control-tray.is-collapsed{flex:none;width:100%;position:relative;inset:auto}}@media (min-width:520px) and (max-width:759px) and (min-height:561px) and (orientation:landscape) and (min-aspect-ratio:21/20){.game-screen{--medium-tray-width:clamp(210px,32vw,230px);grid-template-columns:minmax(0,1fr) var(--medium-tray-width);gap:12px;padding:12px;display:grid}.game-board-wrap{place-items:center;width:100%;min-width:0;height:100%;position:relative;inset:auto;transform:none}.board-viewport{aspect-ratio:1;border-radius:22px;width:min(100%,100dvh - 24px);height:auto}.board-grid{aspect-ratio:1;height:auto;transform:translate(var(--board-x),var(--board-y)) scale(var(--board-zoom));inset:0}.control-tray,.control-tray.is-collapsed{border-radius:24px;align-self:center;width:100%;max-height:calc(100dvh - 24px);padding:14px 16px;transition:none;position:relative;inset:auto;transform:none}.tray-handle{display:none}.bottom-sheet{width:var(--medium-tray-width);border-radius:24px;max-height:none;inset:12px 12px 12px auto}.reaction-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.quick-pills{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:visible}.quick-pills button{min-width:0;padding-inline:6px}.tray-tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 4px;display:grid}.tray-tools button{white-space:nowrap;width:100%;min-width:0;padding:4px 2px}}@media (orientation:landscape) and (min-width:760px) and (min-height:561px){.game-screen{--wide-tray-size:clamp(280px,30%,350px);--wide-gap:clamp(18px,2.2vw,32px);grid-template-columns:minmax(0,1fr) var(--wide-tray-size);align-items:center;gap:var(--wide-gap);padding:16px;display:grid}.game-board-wrap{width:min(100%,calc(var(--dash-viewport-height) - 32px));aspect-ratio:1;justify-self:center;height:auto;position:relative;inset:auto;transform:none}.board-viewport{width:100%;height:100%}.control-tray,.control-tray.is-collapsed{width:100%;max-width:100%;max-height:calc(var(--dash-viewport-height) - 32px);transition:none;position:relative;inset:auto;transform:none}}.roll-button,.code-actions button:first-child,.seat-row em,.track-cell--jade,.track-cell--amber{color:var(--ink)}.move-target-layer{display:contents}.seat-row>.avatar{flex:none;width:44px;min-width:44px;height:50px;animation:none}.track-cell.has-pickup{z-index:7;box-shadow:none;background:0 0;border:0;margin:0;animation:none;overflow:visible}.board-pickup{z-index:2;color:var(--ink);box-shadow:0 0 0 2px var(--ink),0 4px 8px -3px #2b22308c,0 0 12px 2px #ffc24b94;filter:none;background:linear-gradient(155deg,#fff4ca 0 18%,#ffbf55 19% 58%,#f46b64 100%);border:2px solid #fff;border-radius:24%;flex-direction:column;justify-content:center;align-items:center;padding:9% 4% 7%;font-style:normal;line-height:1;display:flex;position:absolute;inset:-12%}.board-pickup>b{font-family:Bricolage Grotesque;font-size:clamp(8px,2vw,16px);font-weight:950;line-height:.85}.board-pickup>small{color:var(--ink);letter-spacing:.02em;background:0 0;margin-top:2px;padding:0;font-size:clamp(3px,.55vw,6px);font-weight:950;line-height:1}.board-pickup--rebound{background:linear-gradient(155deg,#fff 0 18%,#d7cffd 19% 58%,#7558bf 100%)}.board-pickup--extra-roll{background:linear-gradient(155deg,#fff 0 18%,#bdf4e5 19% 58%,#199c81 100%)}.board-pickup--skip-turn{background:linear-gradient(155deg,#fff 0 18%,#d8e4ff 19% 58%,#4668c8 100%)}.board-pickup--wall-breaker{background:linear-gradient(155deg,#fff 0 18%,#ffd7be 19% 58%,#c4432f 100%)}.board-pickup .dash-card-mark{font-size:clamp(9px,2.15vw,17px)}.board-pickup{animation:1.45s ease-in-out infinite pickupPulse}.board-pickup>b{animation:1.45s ease-in-out infinite pickupGlyphFloat}.rebound-mark{border:.14em solid;border-right-color:#0000;border-radius:50%;width:1.05em;height:1.05em;display:block;position:relative}.rebound-mark:before{content:"";border:.23em solid #0000;border-right-color:currentColor;position:absolute;top:-.1em;left:-.22em;transform:rotate(18deg)}.rebound-mark>i{background:currentColor;border-radius:50%;width:.34em;height:.34em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.yard__powerups{z-index:24;pointer-events:auto;gap:2%;display:flex;position:absolute;top:4%;left:5%}.powerup-card{aspect-ratio:.72;width:clamp(15px,3.8vw,29px);color:var(--ink);box-shadow:0 0 0 1px var(--ink),0 3px 6px -3px #15121cb3;background:linear-gradient(155deg,#fff 0 20%,#d7cffd 21% 62%,#7558bf 100%);border:1.5px solid #fff;border-radius:18%;flex-direction:column;justify-content:center;align-items:center;padding:7% 5%;display:flex}.powerup-card--skip-turn{background:linear-gradient(155deg,#fff 0 20%,#d8e4ff 21% 62%,#4668c8 100%)}.powerup-card--wall-breaker{background:linear-gradient(155deg,#fff 0 20%,#ffd7be 21% 62%,#c4432f 100%)}.powerup-card>b{font-size:clamp(6px,1.5vw,12px);line-height:1}.powerup-card>small{letter-spacing:.03em;margin-top:1px;font-size:clamp(2.5px,.45vw,5px);font-weight:950}.powerup-card+.powerup-card{margin-left:-14%}.yard__time-out{z-index:25;color:#fff;letter-spacing:.04em;background:#3154aa;border:1px solid #fff;border-radius:999px;padding:2% 4%;font-size:clamp(3px,.68vw,7px);font-weight:950;position:absolute;top:4%;right:5%;box-shadow:0 3px 8px -4px #15121cb8}.profile-hero{background:radial-gradient(120% 100% at 50% 0%,color-mix(in srgb,var(--profile-accent) 70%,#fff),var(--profile-primary))}.profile-character-button{color:#fff;background:#ffffff2e;border:1px solid #ffffff8c;border-radius:999px;min-height:44px;margin-top:7px;padding:9px 15px;font-size:10px;font-weight:850}.turn-credit.is-spent:after{content:none;display:none}.profile-list p:last-child b{font-size:11px}.profile-list p:last-child .pawn{flex:none}.turn-avatar__figure{width:clamp(62px,14vw,96px);height:clamp(70px,16vw,112px)}.turn-avatar__figure:before{content:none}.turn-avatar--jade .turn-avatar__figure,.turn-avatar--amber .turn-avatar__figure{animation:.5s cubic-bezier(.2,.9,.2,1) both turnAvatarInTop;top:auto;bottom:42%}.turn-avatar--coral .turn-avatar__figure,.turn-avatar--blue .turn-avatar__figure{animation:.5s cubic-bezier(.2,.9,.2,1) both turnAvatarInBottom;bottom:42%}.pickup-detail-scrim{z-index:220}.pickup-dialog-shell{width:min(360px,100vw - 38px);max-height:min(90dvh,720px);position:relative}.pickup-dialog{scrollbar-gutter:stable;scrollbar-width:auto;scrollbar-color:#ff6b5cf5 var(--cream-deep);background:var(--paper);width:100%;max-height:min(90dvh,720px);color:var(--ink);text-align:center;border-radius:27px;flex-direction:column;align-items:center;padding:25px 22px;animation:.4s cubic-bezier(.34,1.56,.64,1) popIn;display:flex;overflow-y:auto;box-shadow:0 28px 65px -18px #000000b8}.pickup-dialog::-webkit-scrollbar{width:10px}.pickup-dialog::-webkit-scrollbar-track{background:var(--cream-deep);border-radius:999px;margin:18px 0}.pickup-dialog::-webkit-scrollbar-thumb{border:2px solid var(--cream-deep);background:#ff6b5cf5;border-radius:999px}.pickup-scroll-cue{z-index:4;color:var(--coral-ink);letter-spacing:.04em;pointer-events:none;background:#fff9eff5;border:1px solid #2b22301f;border-radius:999px;align-items:center;gap:5px;padding:6px 9px;font-size:8px;font-weight:950;line-height:1;display:none;position:absolute;bottom:11px;right:15px;box-shadow:0 5px 14px -8px #2b2230a6}.pickup-scroll-cue b{font-size:13px;line-height:.7}.pickup-dialog-shell.is-overflowing:not(.is-at-end) .pickup-scroll-cue{display:flex}.pickup-detail__art{aspect-ratio:.78;width:126px;box-shadow:0 0 0 3px var(--ink),0 17px 25px -18px #15121ca6;border:4px solid #fff;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;padding:17px 13px;display:flex;transform:rotate(-2deg)}.pickup-detail__art.is-move{background:linear-gradient(155deg,#fff4ca 0 18%,#ffbf55 19% 58%,#f46b64 100%)}.pickup-detail__art.is-card{background:linear-gradient(155deg,#fff 0 18%,#d7cffd 19% 58%,#7558bf 100%)}.pickup-detail__art.is-extra-roll{background:linear-gradient(155deg,#fff 0 18%,#bdf4e5 19% 58%,#199c81 100%)}.pickup-detail__art.is-skip-turn{background:linear-gradient(155deg,#fff 0 18%,#d8e4ff 19% 58%,#4668c8 100%)}.pickup-detail__art.is-wall-breaker{background:linear-gradient(155deg,#fff 0 18%,#ffd7be 19% 58%,#c4432f 100%)}.pickup-detail__art>b{font-size:24px;line-height:1}.pickup-detail__art>small{letter-spacing:.08em;margin-top:7px;font-size:8px;font-weight:950}.pickup-detail__art .dash-card-mark{font-family:Bricolage Grotesque;font-size:48px;font-style:normal;font-weight:950;line-height:1}.pickup-dialog>small{color:#795cae;letter-spacing:.12em;margin-top:20px;font-size:9px;font-weight:950}.pickup-dialog h2{margin-top:4px;font-size:27px}.pickup-dialog>p{max-width:31ch;color:var(--muted);margin-top:8px;font-size:12px;font-weight:650;line-height:1.45}.pickup-rule{background:color-mix(in srgb,var(--jade) 13%,#fff);text-align:left;border-radius:15px;flex-direction:column;width:100%;margin-top:15px;padding:11px 13px;display:flex}.pickup-rule b{color:var(--jade-ink);font-size:10px}.pickup-rule span{color:var(--muted);margin-top:3px;font-size:10px;font-weight:650;line-height:1.35}.pickup-dialog>button{background:var(--ink);color:#fff;border-radius:15px;width:100%;min-height:48px;margin-top:18px;font-weight:850}.card-target-list{text-align:left;border-top:1px solid #2b22301a;width:100%;margin-top:14px;padding-top:13px}.card-target-list>small{color:var(--muted);letter-spacing:.1em;font-size:8px;font-weight:950}.card-target-list>p{color:var(--muted);margin-top:9px;font-size:11px;font-weight:700;line-height:1.35}.card-target{text-align:left;background:#fff;border:1.5px solid #2b223017;border-radius:14px;align-items:center;gap:9px;width:100%;min-height:51px;margin-top:7px;padding:7px 10px;display:flex;box-shadow:0 6px 14px -12px #2b223073}.card-target>.pawn{flex:none;width:25px}.card-target>span{flex-direction:column;flex:1;min-width:0;display:flex}.card-target b{font-size:12px}.card-target small{color:var(--muted);margin-top:2px;font-size:9px;font-weight:650}.card-target em{background:var(--ink);color:#fff;letter-spacing:.06em;border-radius:999px;padding:5px 7px;font-size:7px;font-style:normal;font-weight:950}.card-target.is-protected{opacity:.58}.card-target.is-protected em{background:var(--cream-deep);color:var(--muted)}.card-target-note{background:var(--cream-deep);border-radius:11px;padding:9px}@keyframes pickupPulse{0%,to{box-shadow:0 0 0 2px var(--ink),0 4px 8px -3px #2b22308c,0 0 8px 1px #ffc24b6b}50%{box-shadow:0 0 0 2px var(--ink),0 5px 10px -3px #2b22308c,0 0 16px 4px #ffc24bc7}}@keyframes pickupGlyphFloat{0%,to{translate:0;scale:1}50%{translate:0 -8%;scale:1.06}}@media (orientation:portrait){.game-screen{--portrait-tray-height:clamp(190px,25dvh,230px);padding:0;display:block}.game-board-wrap{width:100%;height:100%;padding:max(6px,env(safe-area-inset-top)) 0 var(--portrait-tray-height);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0;transform:none;container-type:size}.board-viewport{width:min(100vw,calc(100dvh - var(--portrait-tray-height) - max(6px,env(safe-area-inset-top))));aspect-ratio:1;pointer-events:auto;max-width:none;height:auto;max-height:none}.zoom-button{top:max(9px,env(safe-area-inset-top));pointer-events:auto;bottom:auto;right:8px}.control-tray,.control-tray.is-collapsed{width:100%;height:var(--portrait-tray-height);flex:none;grid-template-rows:auto minmax(0,1fr) auto;max-height:none;display:grid;position:absolute;inset:auto 0 0;overflow:hidden}.tray-content{overscroll-behavior:contain;min-height:0;padding:0 2px 3px;overflow:auto}.tray-tools{background:var(--paper);flex:none;margin-top:4px;padding-top:7px}}.home-screen>*,.content-screen>*,.home-actions,.home-grid,.color-layout,.color-controls,.character-grid,.menu-card,.host-card,.join-card,.solo-card,.join-card>div,.solo-card>div,.ai-card,.character-choice,.character-choice__copy{min-width:0}.menu-card small,.join-card p,.solo-card p,.ai-card p,.character-choice__copy small{overflow-wrap:anywhere}.character-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.character-choice{text-align:left;flex-direction:row;justify-content:flex-start;gap:7px;min-height:64px;padding:7px 8px}.character-choice .avatar{width:42px;min-width:42px;height:49px}.character-choice__copy{flex-direction:column;flex:1;display:flex}.character-choice .character-choice__copy b{text-overflow:clip;white-space:normal;margin:0;font-size:11px;display:block}.character-choice__copy small{color:var(--muted);margin-top:2px;font-size:9px;font-weight:650;line-height:1.2;display:none}.color-controls>.name-card,.color-controls>.footer-action{margin-top:12px}body.document-scroll .ai-picker>.footer-action{margin-top:16px;position:relative}@media (orientation:landscape) and (min-aspect-ratio:3/2){.home-screen{grid-template-rows:42px clamp(460px, calc(var(--dash-viewport-height) - 85px), 590px);align-content:start}.home-screen .play-card{flex-direction:column;justify-content:center;display:flex}.home-screen .home-actions{height:100%}.home-screen .home-grid{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr))}.home-screen .menu-card{justify-content:center;width:100%}}@media (orientation:landscape) and (max-height:560px){.character-grid{overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none;gap:5px;padding:3px;display:flex;overflow-x:auto}.character-grid::-webkit-scrollbar{display:none}.character-choice{scroll-snap-align:start;flex:0 0 48px;justify-content:center;min-width:48px;min-height:48px;padding:2px}.character-choice .avatar{width:30px;min-width:30px;height:36px}.character-choice__copy{display:none}}@media (orientation:landscape) and (min-width:760px) and (min-height:700px){body.document-scroll .ai-picker>.footer-action{margin-top:16px}.color-layout{width:100%;max-width:min(1128px,100%);height:min(650px, calc(var(--dash-viewport-height) - 112px));grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr);gap:30px;margin:20px auto 0}.character-preview{gap:22px;height:100%;min-height:0;padding:34px 30px 72px}.character-preview>.human-avatar{width:clamp(126px,11vw,156px);min-width:clamp(126px,11vw,156px);height:180px}.character-preview__copy strong{font-size:28px}.character-preview__copy p{max-width:28ch;font-size:13px}.character-preview__pawns{gap:16px;bottom:24px;left:30px;right:30px}.identity-pawn{width:36px}.identity-pawn.is-lead{width:46px}.color-controls>.section-label{margin:0 0 8px}.character-label span{display:none}.character-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 10px;padding:3px;display:grid;overflow:visible}.character-choice{flex:initial;gap:9px;min-width:0;min-height:74px;padding:8px 11px}.character-choice .avatar{width:52px;min-width:52px;height:60px}.character-choice__copy{display:flex}.character-choice .character-choice__copy b{font-size:13px}.character-choice__copy small{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10px;display:-webkit-box;overflow:hidden}.color-controls>.name-card{min-height:58px;margin-top:12px}.color-controls>.footer-action{min-height:52px;margin-top:12px}}@media (min-width:1100px) and (min-height:700px){.ai-screen,.color-screen{padding-left:max(50vw - 564px,48px);padding-right:max(50vw - 564px,48px)}.connect-screen,.join-screen,.lobby-screen,.setup-screen,.settings-screen,.how-screen{align-content:start}.connect-screen{grid-template-rows:auto clamp(150px,27dvh,245px) auto clamp(150px,27dvh,245px)}.connect-screen .host-card,.connect-screen .join-card,.connect-screen .solo-card{height:100%}.connect-screen .join-card,.connect-screen .solo-card{align-items:center}.join-screen,.lobby-screen,.setup-screen,.settings-screen,.how-screen{grid-template-rows:auto auto}.lobby-screen .code-card{align-self:stretch}body.document-scroll .ai-screen{display:block;overflow:visible}body.document-scroll .ai-picker{display:block}body.document-scroll .ai-picker .ai-list{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(92px,auto);gap:10px 14px;display:grid;overflow:visible}.ai-picker>.footer-action{margin-top:16px;position:relative}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}[data-motion=reduced] *,[data-motion=reduced] :before,[data-motion=reduced] :after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}