@font-face{font-family:Fredoka;font-style:normal;font-weight:300 700;font-display:swap;src:url(/assets/fredoka-latin-wght-normal-DM6njrJ3.woff2) format("woff2")}:root{color-scheme:light;--ink: #5a4870;--ink-soft: #8a789f;--ink-faint: #bcaed0;--cream: #fffaf0;--paper: #ffffff;--ledge: #ecdfc9;--shadow: #6a4a8a30;--coral: #ff8b7b;--coral-deep: #e2604f;--coral-soft: #ffe3de;--butter: #ffd54f;--butter-deep: #e0a912;--butter-soft: #fff3c2;--sky: #6cc3ff;--sky-deep: #3b95dd;--sky-soft: #dcf0ff;--mint: #5fd6a4;--mint-deep: #2fa97b;--mint-soft: #d9f6e9;--lav: #8b6cf0;--lav-deep: #6143cf;--lav-soft: #ece6ff;--pink: #ff9ec7;--pink-deep: #e0679d;--pink-soft: #ffe3ef;--rose: #ff6b8a;--rose-deep: #d8426a;--purple: #8b6cf0;--u: min(1vw, calc(100vh / 48));--font: "Fredoka", "Segoe UI", system-ui, sans-serif;font-family:var(--font);color:var(--ink);font-size:calc(1.1 * var(--u));line-height:1;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--ink-faint) transparent;-webkit-user-select:none;user-select:none;-moz-user-select:none}html,body{margin:0;min-height:100%}body{min-height:100vh;display:flex;align-items:center;justify-content:center;overflow-x:hidden;background-color:#bfe8ff;background-image:radial-gradient(ellipse calc(9 * var(--u)) calc(3.4 * var(--u)) at 14% 16%,#ffffffcc,transparent 70%),radial-gradient(ellipse calc(7 * var(--u)) calc(2.6 * var(--u)) at 24% 20%,#ffffffaa,transparent 70%),radial-gradient(ellipse calc(10 * var(--u)) calc(3.6 * var(--u)) at 78% 12%,#ffffffcc,transparent 70%),radial-gradient(ellipse calc(6 * var(--u)) calc(2.4 * var(--u)) at 88% 18%,#ffffff99,transparent 70%),radial-gradient(ellipse calc(60 * var(--u)) calc(12 * var(--u)) at 14% 100%,#8fe0b0 0 96%,transparent 97%),radial-gradient(ellipse calc(56 * var(--u)) calc(10 * var(--u)) at 88% 100%,#7cd6a2 0 96%,transparent 97%),radial-gradient(ellipse calc(80 * var(--u)) calc(7 * var(--u)) at 50% 100%,#b6efc6 0 96%,transparent 97%),linear-gradient(180deg,#a6dcff,#d4f1ff 48%,#fff4d8);background-attachment:fixed}html,body{overflow:hidden}#root{width:calc(100 * var(--u))}button,input,select,textarea{font:inherit;color:inherit}button{display:inline-flex;align-items:center;justify-content:center;gap:calc(.6 * var(--u));padding:0;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:disabled{cursor:not-allowed}button svg{width:1.3em;height:1.3em;flex-shrink:0;stroke-width:2.6}:focus-visible{outline:calc(.25 * var(--u)) solid var(--sky-deep);outline-offset:calc(.2 * var(--u))}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-weight:600;line-height:1.1}h1{font-size:calc(3.4 * var(--u))}h2{font-size:calc(2 * var(--u))}h3{font-size:calc(1.4 * var(--u))}ol,ul{margin:0;padding:0;list-style:none}b,strong{font-weight:600}small{font-size:.85em}em{font-style:normal}.muted{color:var(--ink-soft)}.fine{font-size:calc(.95 * var(--u));color:var(--ink-soft);text-align:center}.app-shell{position:relative;width:calc(100 * var(--u));height:calc(48 * var(--u));overflow:hidden}.app-shell>main{position:relative;width:100%;height:100%}.panel-clay,.dashboard-play-card,.guest-auth-panel,.waiting-room-main,.waiting-round-plan,.arena-board,.match-sidebar,.match-intro-card,.matchmaking-modal,.connection-card{background:var(--cream);border-radius:calc(2.2 * var(--u));box-shadow:0 calc(.5 * var(--u)) 0 var(--ledge),0 calc(1.4 * var(--u)) calc(2.2 * var(--u)) var(--shadow),inset 0 calc(.2 * var(--u)) 0 #fff}.primary,.secondary,.sunny,.danger{--c: var(--lav);--c-light: #a58cff;--c-deep: var(--lav-deep);--c-ink: #fff;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:calc(.8 * var(--u));min-height:calc(3.6 * var(--u));padding:calc(.5 * var(--u)) calc(2 * var(--u));font-size:calc(1.25 * var(--u));font-weight:600;white-space:nowrap;color:var(--c-ink);background:linear-gradient(180deg,var(--c-light),var(--c));border:0;border-radius:calc(99 * var(--u));box-shadow:0 calc(.45 * var(--u)) 0 var(--c-deep),0 calc(.9 * var(--u)) calc(1.2 * var(--u)) color-mix(in srgb,var(--c-deep) 40%,transparent),inset 0 calc(.22 * var(--u)) 0 #fff7;text-shadow:0 calc(.1 * var(--u)) 0 #00000022;transition:transform .14s cubic-bezier(.3,1.6,.5,1),box-shadow .14s,filter .14s;margin-bottom:calc(.45 * var(--u))}.secondary{--c: #e6dcf8;--c-light: #faf7ff;--c-deep: #cbbde8;--c-ink: var(--ink);text-shadow:none}.sunny{--c: var(--butter);--c-light: var(--butter-soft);--c-deep: var(--butter-deep);--c-ink: #6a4a00;text-shadow:0 calc(.1 * var(--u)) 0 #ffffff66}.danger{--c: var(--rose);--c-light: #ff95ab;--c-deep: var(--rose-deep)}.primary:hover:not(:disabled),.secondary:hover:not(:disabled),.sunny:hover:not(:disabled),.danger:hover:not(:disabled){transform:translateY(calc(-.2 * var(--u))) scale(1.03);filter:brightness(1.04)}.primary:active:not(:disabled),.secondary:active:not(:disabled),.sunny:active:not(:disabled),.danger:active:not(:disabled){transform:translateY(calc(.35 * var(--u))) scale(.98);box-shadow:0 calc(.1 * var(--u)) 0 var(--c-deep),inset 0 calc(.22 * var(--u)) 0 #fff5}.primary:disabled,.secondary:disabled,.sunny:disabled,.danger:disabled{opacity:.55;filter:grayscale(.5)}.full{width:100%}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:calc(2.8 * var(--u));height:calc(2.8 * var(--u));color:var(--ink);background:#fff;border-radius:50%;box-shadow:0 calc(.3 * var(--u)) 0 var(--ledge),0 calc(.6 * var(--u)) calc(.8 * var(--u)) var(--shadow);transition:transform .14s cubic-bezier(.3,1.6,.5,1)}.icon-btn:hover{transform:translateY(calc(-.12 * var(--u))) rotate(10deg) scale(1.06)}.icon-btn:active{transform:translateY(calc(.2 * var(--u)));box-shadow:0 calc(.06 * var(--u)) 0 var(--ledge)}form{display:flex;flex-direction:column;gap:calc(1 * var(--u))}label{display:flex;flex-direction:column;gap:calc(.5 * var(--u));font-size:calc(1.05 * var(--u));font-weight:600;color:var(--ink)}input{width:100%;min-height:calc(3.4 * var(--u));padding:calc(.5 * var(--u)) calc(1.3 * var(--u));font-size:calc(1.15 * var(--u));font-weight:500;color:var(--ink);background:#fff;border:calc(.18 * var(--u)) solid var(--ledge);border-radius:calc(99 * var(--u));box-shadow:inset 0 calc(.25 * var(--u)) calc(.4 * var(--u)) #6a4a8a14;transition:border-color .15s,box-shadow .15s}input::placeholder{color:var(--ink-faint)}input:focus{outline:none;border-color:var(--sky);box-shadow:0 0 0 calc(.3 * var(--u)) #6cc3ff44,inset 0 calc(.25 * var(--u)) calc(.4 * var(--u)) #6a4a8a14}input:disabled{opacity:.55}.code-input{text-align:center;font-size:calc(2.4 * var(--u));font-weight:600;letter-spacing:calc(.5 * var(--u));text-transform:uppercase;min-height:calc(5 * var(--u));color:var(--lav-deep)}.error,.notice{padding:calc(.7 * var(--u)) calc(1.2 * var(--u));font-size:calc(1 * var(--u));font-weight:500;border-radius:calc(1.2 * var(--u))}.error{color:#a8324d;background:var(--pink-soft)}.notice{color:#1d7a58;background:var(--mint-soft)}.tabs{display:flex;gap:calc(.4 * var(--u));padding:calc(.4 * var(--u));padding-bottom:calc(.6 * var(--u));background:var(--lav-soft);border-radius:calc(99 * var(--u));box-shadow:inset 0 calc(.2 * var(--u)) calc(.4 * var(--u)) #6a4a8a1a}.tabs button{flex:1;min-height:calc(2.8 * var(--u));font-size:calc(1.1 * var(--u));font-weight:600;color:var(--ink-soft);border-radius:calc(99 * var(--u));transition:background .15s,color .15s}.tabs button.selected{color:var(--ink);background:#fff;box-shadow:0 calc(.25 * var(--u)) 0 var(--ledge),0 calc(.4 * var(--u)) calc(.6 * var(--u)) var(--shadow)}dialog{width:calc(36 * var(--u));max-width:none;max-height:calc(42 * var(--u));margin:auto;padding:0;color:var(--ink);background:var(--cream);border:0;border-radius:calc(2.4 * var(--u));box-shadow:0 calc(.7 * var(--u)) 0 var(--ledge),0 calc(2 * var(--u)) calc(4 * var(--u)) #4a2a6a55;overflow:hidden}dialog[open]{display:flex;flex-direction:column;animation:pop-in .32s cubic-bezier(.3,1.6,.5,1)}dialog::backdrop{background:#7a5ca877;-webkit-backdrop-filter:blur(calc(.35 * var(--u)));backdrop-filter:blur(calc(.35 * var(--u)))}.modal-title{display:flex;align-items:center;justify-content:space-between;gap:calc(1 * var(--u));padding:calc(1.2 * var(--u)) calc(1.2 * var(--u)) calc(1 * var(--u)) calc(2.2 * var(--u));background:linear-gradient(180deg,var(--butter-soft),#ffe27a);box-shadow:0 calc(.25 * var(--u)) 0 #f0cf55;flex-shrink:0;position:relative;margin-bottom:calc(.25 * var(--u));z-index:1}.modal-title h2{font-size:calc(1.75 * var(--u));color:#7a5200}.modal-title .icon-btn{width:calc(2.5 * var(--u));height:calc(2.5 * var(--u))}.modal-body{overflow-x:hidden;display:flex;flex-direction:column;gap:calc(1.1 * var(--u));min-height:0;padding:calc(1.6 * var(--u)) calc(2 * var(--u));overflow-y:auto}.modal-body p.muted{font-size:calc(1.2 * var(--u));line-height:1.35}.modal-footer{display:flex;justify-content:flex-end;gap:calc(1 * var(--u));padding:calc(1.2 * var(--u)) calc(2 * var(--u));background:#fff;box-shadow:0 calc(-.2 * var(--u)) 0 var(--ledge);flex-shrink:0}.modal-hint{color:var(--ink-soft);font-size:calc(1.1 * var(--u));line-height:1.3}.auth-modal{width:calc(32 * var(--u))}.settings-modal{width:calc(36 * var(--u))}.settings-submodal{width:calc(30 * var(--u))}.profile-edit-modal{width:calc(38 * var(--u))}.profile-modal{width:calc(34 * var(--u))}.leaderboard-modal{width:calc(38 * var(--u))}.battle-log-modal{width:calc(44 * var(--u))}.custom-room-setup-modal{width:calc(42 * var(--u))}.room-setup-picker-modal{width:calc(48 * var(--u))}.game-guide-modal{width:calc(66 * var(--u))}.game-guide-modal .modal-body{padding:calc(1.4 * var(--u)) calc(2 * var(--u)) calc(1.6 * var(--u))}.game-guide{display:flex;align-items:center;gap:calc(2.4 * var(--u))}.game-guide-stage{flex:0 0 calc(36 * var(--u))}.game-guide-side{flex:1;min-width:0;display:flex;flex-direction:column;gap:calc(1.4 * var(--u))}.game-guide-stage{animation:guide-in .28s ease-out both}.guide-scene{display:block;width:100%;height:auto;border-radius:calc(1.8 * var(--u));box-shadow:0 calc(.4 * var(--u)) 0 var(--ledge)}@keyframes guide-in{0%{opacity:0;transform:translate(calc(1.2 * var(--u)))}to{opacity:1;transform:none}}.game-guide-copy{display:flex;flex-direction:column;gap:calc(.3 * var(--u));min-height:calc(15 * var(--u));text-align:left}.game-guide-copy small{font-size:calc(.95 * var(--u));font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}.game-guide-copy h3{font-size:calc(1.8 * var(--u));color:var(--ink)}.game-guide-copy p{font-size:calc(1.2 * var(--u));line-height:1.4;color:var(--ink-soft)}.game-guide-dots{display:flex;justify-content:flex-start;gap:calc(.7 * var(--u))}.game-guide-dots button{width:calc(.9 * var(--u));height:calc(.9 * var(--u));padding:0;background:var(--ink-faint);border:0;border-radius:99vw;box-shadow:none;transition:width .2s,background .2s}.game-guide-dots button.is-on{width:calc(2.6 * var(--u));background:var(--lav)}.game-guide-nav{display:flex;justify-content:space-between;gap:calc(1 * var(--u))}.game-guide-nav button{min-width:calc(11 * var(--u))}.game-guide-nav button:disabled{opacity:.35}.match-chat-modal,.mobile-chat-trigger{display:none!important}.avatar-art{display:inline-flex;width:var(--avatar-size, calc(4 * var(--u)));height:var(--avatar-size, calc(4 * var(--u)));flex-shrink:0;border-radius:50%;overflow:hidden;background:#fff;box-shadow:0 0 0 calc(.24 * var(--u)) var(--player-color, #fff),0 calc(.35 * var(--u)) calc(.6 * var(--u)) var(--shadow)}.avatar-art>svg{width:100%;height:100%;display:block}.settings-avatar-art{--avatar-size: calc(4 * var(--u)) !important}.member-trophy,.guest-status,.bot-status{display:flex;align-items:center;gap:calc(.35 * var(--u));padding:calc(.3 * var(--u)) calc(.8 * var(--u));font-size:calc(.95 * var(--u));font-weight:600;border-radius:calc(99 * var(--u));white-space:nowrap}.member-trophy{color:#8a5a00;background:var(--butter-soft);box-shadow:inset 0 calc(-.15 * var(--u)) 0 #f0cf5588}.member-trophy svg{width:1em;height:1em}.guest-status{color:var(--ink-soft);background:#f1eaf7}.bot-status{color:#1d7a58;background:var(--mint-soft)}.spinner,.connection-spinner{display:inline-block;width:calc(1.8 * var(--u));height:calc(1.8 * var(--u));border:calc(.3 * var(--u)) solid var(--lav-soft);border-top-color:var(--lav);border-radius:50%;animation:spin .8s linear infinite}.loading{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(1.4 * var(--u));font-size:calc(1.6 * var(--u));font-weight:600;color:var(--ink)}.loading .spinner{width:calc(4 * var(--u));height:calc(4 * var(--u));border-width:calc(.6 * var(--u));border-color:#fffa;border-top-color:var(--coral)}.panel-intro{display:flex;flex-direction:column;gap:calc(.4 * var(--u))}.panel-intro p{color:var(--ink-soft);font-size:calc(1.05 * var(--u))}.panel-eyebrow,.room-setup-eyebrow{display:inline-block;font-size:calc(.85 * var(--u));font-weight:600;letter-spacing:.08em;color:var(--coral-deep)}.panel-loading{display:flex;align-items:center;justify-content:center;gap:calc(1 * var(--u));padding:calc(3 * var(--u)) 0;color:var(--ink-soft);font-weight:500}.panel-message{display:flex;flex-direction:column;align-items:center;gap:calc(.8 * var(--u));padding:calc(2.4 * var(--u)) calc(1 * var(--u));text-align:center;color:var(--ink-soft);background:#fff;border-radius:calc(1.8 * var(--u));box-shadow:inset 0 calc(.25 * var(--u)) calc(.5 * var(--u)) #6a4a8a14}.panel-message h3{color:var(--ink)}.panel-error{background:var(--pink-soft);color:#a8324d}.panel-empty-icon{display:grid;place-items:center;width:calc(4 * var(--u));height:calc(4 * var(--u));color:#8a5a00;background:var(--butter-soft);border-radius:50%}.toast,.game-toast{position:fixed;left:50%;z-index:300;display:flex;align-items:center;gap:calc(1 * var(--u));max-width:calc(50 * var(--u));padding:calc(.9 * var(--u)) calc(1.6 * var(--u));font-size:calc(1.15 * var(--u));font-weight:600;color:#fff;background:linear-gradient(180deg,#ff95ab,var(--rose));border-radius:calc(99 * var(--u));box-shadow:0 calc(.4 * var(--u)) 0 var(--rose-deep),0 calc(1 * var(--u)) calc(1.6 * var(--u)) var(--shadow);transform:translate(-50%);animation:toast-in .4s cubic-bezier(.3,1.6,.5,1) both}.toast{bottom:calc(2 * var(--u))}.toast .icon-btn{width:calc(2.2 * var(--u));height:calc(2.2 * var(--u))}.game-toast{top:calc(7.5 * var(--u));color:#6a4a00;background:linear-gradient(180deg,var(--butter-soft),var(--butter));box-shadow:0 calc(.4 * var(--u)) 0 var(--butter-deep),0 calc(1 * var(--u)) calc(1.6 * var(--u)) var(--shadow);pointer-events:none}.home-wordmark,.wordmark{display:inline-flex;align-items:center;gap:calc(.9 * var(--u));font-size:calc(2.8 * var(--u));font-weight:700;color:var(--lav-deep);text-shadow:0 calc(.2 * var(--u)) 0 #ffffffcc}.brand-symbol{display:grid;place-items:center;width:calc(3.8 * var(--u));height:calc(3.8 * var(--u));color:#fff;background:linear-gradient(180deg,#ff9d8f,var(--coral));border-radius:calc(1.4 * var(--u));box-shadow:0 calc(.35 * var(--u)) 0 var(--coral-deep),inset 0 calc(.2 * var(--u)) 0 #fff7;transform:rotate(-7deg);text-shadow:none}.dashboard-wordmark{font-size:calc(3.8 * var(--u));gap:calc(1.2 * var(--u))}.dashboard-wordmark .brand-symbol{width:calc(5.2 * var(--u));height:calc(5.2 * var(--u));border-radius:calc(1.9 * var(--u));box-shadow:0 calc(.48 * var(--u)) 0 var(--coral-deep),inset 0 calc(.28 * var(--u)) 0 #fff7}.brand-symbol svg{width:58%;height:58%}.brand-dot{color:var(--coral)}.playground-decor{position:absolute;inset:0;overflow:hidden;pointer-events:none}.doodle{position:absolute;color:var(--butter);fill:var(--butter);stroke:#fff;stroke-width:1.4;filter:drop-shadow(0 calc(.3 * var(--u)) 0 #e0a91299)}.doodle-star{top:calc(3 * var(--u));right:calc(9 * var(--u));width:calc(4.4 * var(--u));height:calc(4.4 * var(--u));animation:wobble 4s ease-in-out infinite}.doodle-sparkles{bottom:calc(5 * var(--u));left:calc(4 * var(--u));width:calc(3.6 * var(--u));height:calc(3.6 * var(--u));color:var(--pink);fill:var(--pink);filter:drop-shadow(0 calc(.3 * var(--u)) 0 #e0679d88);animation:wobble 5s ease-in-out -1s infinite}.doodle-loop{position:absolute;top:36%;left:calc(-3 * var(--u));width:calc(8 * var(--u));height:calc(8 * var(--u));border:calc(1.2 * var(--u)) solid #ffffffaa;border-radius:50%}.doodle-dot{position:absolute;right:calc(4 * var(--u));bottom:calc(7 * var(--u));width:calc(2.4 * var(--u));height:calc(2.4 * var(--u));background:linear-gradient(180deg,var(--mint-soft),var(--mint));border-radius:50%;box-shadow:0 calc(.3 * var(--u)) 0 var(--mint-deep);animation:bob 3.5s ease-in-out infinite}.guest-home{position:relative;height:100%}.guest-home-layout{position:relative;height:100%;display:grid;grid-template-columns:1fr calc(34 * var(--u));gap:calc(4 * var(--u));padding:calc(2.4 * var(--u)) calc(5 * var(--u)) calc(1.6 * var(--u)) calc(5 * var(--u))}.guest-brand-side{position:relative;display:flex;flex-direction:column;gap:calc(2 * var(--u))}.guest-copy h1{font-size:calc(4.6 * var(--u));line-height:1.02;font-weight:700;color:var(--lav-deep);text-shadow:0 calc(.35 * var(--u)) 0 #ffffff,0 calc(.7 * var(--u)) 0 #d9ceff}.guest-copy h1 span{color:var(--coral);text-shadow:0 calc(.35 * var(--u)) 0 #ffffff,0 calc(.7 * var(--u)) 0 #ffd0c8}.guest-description{max-width:calc(33 * var(--u));text-wrap:balance;margin-top:calc(2.4 * var(--u));padding:calc(.8 * var(--u)) calc(1.4 * var(--u));font-size:calc(1.25 * var(--u));font-weight:500;line-height:1.4;background:#fffc;border-radius:calc(1.6 * var(--u));box-shadow:0 calc(.35 * var(--u)) 0 #fffa}.guest-art-field{position:absolute;left:0;bottom:calc(.4 * var(--u));width:calc(44 * var(--u));height:calc(17.6 * var(--u));pointer-events:none}.guest-art-card{position:absolute;width:calc(14.8 * var(--u));aspect-ratio:4 / 3;padding:calc(.5 * var(--u));filter:drop-shadow(calc(.8 * var(--u)) calc(.8 * var(--u)) calc(1.8 * var(--u)) var(--shadow));animation:toy-float 5s ease-in-out infinite;animation-delay:var(--float-delay, 0s)}.guest-art-card svg{width:100%;height:100%;display:block}.guest-art-megatictactoe{left:calc(-2 * var(--u));top:calc(.4 * var(--u));rotate:-6deg}.guest-art-artillery{left:calc(15 * var(--u));top:calc(8.8 * var(--u));rotate:-4deg}.guest-art-carrom{left:calc(27 * var(--u));top:calc(9.4 * var(--u));rotate:6deg}.guest-art-golf{left:calc(2 * var(--u));top:calc(9 * var(--u));rotate:4deg}.guest-art-pool{top:calc(-.6 * var(--u));left:calc(24 * var(--u));rotate:-8deg}.guest-art-connect4{left:calc(10 * var(--u));top:calc(-1.2 * var(--u));rotate:5deg}.guest-auth-column{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:calc(1.2 * var(--u))}.guest-auth-panel{width:100%;padding:calc(2.4 * var(--u)) calc(2.2 * var(--u)) calc(2.2 * var(--u));text-align:center;border-radius:calc(2.8 * var(--u))}.guest-auth-content>p{margin-top:calc(.4 * var(--u));color:var(--ink-soft);font-size:calc(1.15 * var(--u))}.auth-welcome-icon{position:relative;display:grid;place-items:center;width:calc(6 * var(--u));height:calc(6 * var(--u));margin:calc(-5.4 * var(--u)) auto calc(1.2 * var(--u));color:#fff;background:linear-gradient(180deg,#ffb0d0,var(--pink));border-radius:50%;box-shadow:0 calc(.45 * var(--u)) 0 var(--pink-deep),0 0 0 calc(.5 * var(--u)) var(--cream),inset 0 calc(.25 * var(--u)) 0 #fff8}.auth-welcome-icon>svg:first-child{width:calc(3.2 * var(--u));height:calc(3.2 * var(--u))}.auth-welcome-icon>svg:last-child{position:absolute;top:calc(-.8 * var(--u));right:calc(-.8 * var(--u));width:calc(2.2 * var(--u));height:calc(2.2 * var(--u));color:var(--butter);fill:var(--butter);stroke:#fff;animation:wobble 3s ease-in-out infinite}.guest-auth-content h2{font-size:calc(2.4 * var(--u));color:var(--lav-deep)}.guest-auth-actions{display:flex;flex-direction:column;gap:calc(1 * var(--u));margin-top:calc(1.8 * var(--u))}.guest-auth-button{width:100%;min-height:calc(4.2 * var(--u));font-size:calc(1.2 * var(--u))}.auth-divider{display:flex;align-items:center;gap:calc(1 * var(--u));font-size:calc(.95 * var(--u));font-weight:600;color:var(--ink-faint);padding:calc(.25 * var(--u)) calc(.75 * var(--u))}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:calc(.2 * var(--u));border-radius:calc(99 * var(--u));background:var(--ledge)}.google-login-button{display:inline-flex;align-items:center;justify-content:center;gap:calc(.8 * var(--u));min-height:calc(4 * var(--u));width:100%;font-size:calc(1.2 * var(--u));font-weight:600;color:var(--ink);background:#fff;border-radius:calc(99 * var(--u));box-shadow:0 calc(.4 * var(--u)) 0 var(--ledge),0 calc(.8 * var(--u)) calc(1.1 * var(--u)) var(--shadow);transition:transform .14s cubic-bezier(.3,1.6,.5,1)}.google-login-button:hover:not(:disabled){transform:translateY(calc(-.2 * var(--u))) scale(1.03)}.google-login-button:active:not(:disabled){transform:translateY(calc(.3 * var(--u)));box-shadow:0 calc(.08 * var(--u)) 0 var(--ledge)}.google-login-button:disabled{opacity:.5}.google-mark{width:calc(1.6 * var(--u))!important;height:calc(1.6 * var(--u))!important}.guest-copyright,.dashboard-copyright{font-size:calc(1 * var(--u));font-weight:500;color:var(--ink);opacity:.7;margin-top:calc(.8 * var(--u))}.dashboard-home{position:relative;height:100%;display:flex;flex-direction:column;padding:calc(1.8 * var(--u)) calc(4 * var(--u))}.dashboard-topbar{position:relative;display:flex;align-items:center;justify-content:space-between}.dashboard-profile-button{display:flex;align-items:center;gap:calc(1 * var(--u));padding:calc(.6 * var(--u));padding-right:calc(1.2 * var(--u));text-align:left;background:#fff;border-radius:calc(99 * var(--u));box-shadow:0 calc(.4 * var(--u)) 0 var(--ledge),0 calc(.9 * var(--u)) calc(1.2 * var(--u)) var(--shadow);transition:transform .14s cubic-bezier(.3,1.6,.5,1)}.dashboard-profile-button:hover{transform:translateY(calc(-.15 * var(--u))) scale(1.02)}.dashboard-avatar .avatar-art{--avatar-size: calc(3.8 * var(--u))}.dashboard-profile-copy{display:flex;flex-direction:column;align-items:flex-start;gap:calc(.4 * var(--u))}.dashboard-profile-copy .guest-status,.dashboard-profile-copy .member-trophy{padding:calc(.2 * var(--u)) calc(.6 * var(--u));gap:calc(.25 * var(--u));font-size:calc(.9 * var(--u));margin-left:calc(-.2 * var(--u))}.dashboard-profile-copy .member-trophy b{font-size:calc(1 * var(--u))}.dashboard-profile-copy .member-trophy svg{width:1em;height:1em}.dashboard-profile-copy b{font-size:calc(1.3 * var(--u))}.profile-chevron{color:var(--ink-faint)}.dashboard-actions{display:flex;align-items:center;gap:calc(.9 * var(--u));padding:calc(.6 * var(--u)) calc(.8 * var(--u));background:#fffd;border-radius:calc(99 * var(--u));box-shadow:0 calc(.4 * var(--u)) 0 var(--ledge),0 calc(.9 * var(--u)) calc(1.2 * var(--u)) var(--shadow)}.dashboard-nav-group{display:flex;gap:calc(.7 * var(--u))}.dashboard-action{width:calc(3.3 * var(--u));min-height:calc(3.3 * var(--u));padding:0;border-radius:50%}.dashboard-action svg{width:calc(1.6 * var(--u));height:calc(1.6 * var(--u))}.dashboard-action-divider{width:calc(.2 * var(--u));height:calc(2.2 * var(--u));background:var(--ledge);border-radius:calc(1 * var(--u))}.dashboard-content{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(2.4 * var(--u));min-height:0}.dashboard-play-options{display:grid;grid-template-columns:calc(44 * var(--u)) calc(37 * var(--u));gap:calc(2.6 * var(--u))}.play-hero{--hero-top: #ffe88a;--hero-bottom: #ffc93c;--hero-deep: #e0a912;--hero-ink: #6a4a00;--hero-title: #5b35c9;--hero-title: var(--logo-deep);--hero-title-shadow: #ffffffaa;--logo: #ff8b7b;--logo-hi: #ffa598;--logo-deep: #e2604f;position:relative;height:calc(24.5 * var(--u));padding:calc(2.4 * var(--u)) calc(2.6 * var(--u)) calc(1.8 * var(--u));overflow:hidden;color:var(--hero-ink);background:radial-gradient(#ffffff55 calc(.2 * var(--u)),transparent calc(.25 * var(--u))) 0 0 / calc(1.8 * var(--u)) calc(1.8 * var(--u)),linear-gradient(160deg,var(--hero-top),var(--hero-bottom));border-radius:calc(2.8 * var(--u));box-shadow:0 calc(.75 * var(--u)) 0 var(--hero-deep),0 calc(1.8 * var(--u)) calc(3 * var(--u)) var(--shadow),inset 0 calc(.25 * var(--u)) 0 #fff9;transition:transform .22s cubic-bezier(.3,1.6,.5,1)}.play-hero:hover{transform:translateY(calc(-.5 * var(--u)))}.play-hero-custom{--hero-top: #d1c3f7;--hero-bottom: #a58cf6;--hero-deep: #7458d6;--hero-ink: #3b2a7a;--hero-title: var(--lav-deep);--hero-title-shadow: #ffffffaa;--logo: #7458d6;--logo-hi: #a58cf6;--logo-deep: #3b2a7a}.play-hero:before{content:"";position:absolute;top:calc(-9 * var(--u));left:calc(-7 * var(--u));width:calc(24 * var(--u));height:calc(24 * var(--u));background:radial-gradient(circle,#ffffff66,transparent 65%);pointer-events:none}.play-hero:after{content:"";position:absolute;bottom:calc(2.2 * var(--u));right:calc(19.5 * var(--u));width:calc(1.8 * var(--u));height:calc(1.8 * var(--u));background:#fff;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);animation:hero-twinkle 2.6s ease-in-out infinite;pointer-events:none}.play-hero-custom:after{right:calc(17 * var(--u));bottom:auto;top:calc(2.2 * var(--u));animation-delay:-1.2s}.play-hero-cta{overflow:hidden}.play-hero-cta:before{content:"";position:absolute;top:0;bottom:0;left:-40%;width:30%;background:linear-gradient(100deg,transparent,#ffffff88,transparent);transform:skew(-18deg);animation:cta-shimmer 3.6s ease-in-out infinite;pointer-events:none}.play-hero-body{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;align-items:flex-start;gap:calc(.8 * var(--u))}.play-hero-quick .play-hero-body{max-width:calc(24 * var(--u))}.play-hero-custom .play-hero-body{max-width:calc(22 * var(--u))}.play-hero-tag{display:inline-flex;align-items:center;gap:calc(.9 * var(--u));font-size:calc(1.05 * var(--u));font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--hero-ink)}.play-hero-logo{display:grid;place-items:center;width:calc(2.6 * var(--u));height:calc(2.6 * var(--u));color:#fff;background:linear-gradient(180deg,var(--logo-hi),var(--logo));border-radius:calc(1 * var(--u));box-shadow:0 calc(.3 * var(--u)) 0 var(--logo-deep),inset 0 calc(.22 * var(--u)) 0 #fff8;rotate:-9deg;transition:rotate .3s cubic-bezier(.3,1.6,.5,1)}.play-hero:hover .play-hero-logo{rotate:7deg}.play-hero-logo svg{width:calc(1.6 * var(--u));height:calc(1.6 * var(--u));filter:drop-shadow(0 calc(.12 * var(--u)) 0 #00000026)}.play-hero-quick .play-hero-logo svg{fill:#fff}.play-hero h2{font-size:calc(2.5 * var(--u));line-height:1.05;color:var(--hero-title);text-shadow:0 calc(.28 * var(--u)) 0 var(--hero-title-shadow)}.play-hero p{font-size:calc(1.25 * var(--u));font-weight:500;line-height:1.3;opacity:.85}.play-hero-perks{display:flex;flex-wrap:wrap;gap:calc(.6 * var(--u))}.play-hero-perks li{display:inline-flex;align-items:center;gap:calc(.4 * var(--u));padding:calc(.4 * var(--u)) calc(.8 * var(--u));font-size:calc(.95 * var(--u));font-weight:600;background:#fff8;border-radius:99vw}.play-hero-perks svg{width:calc(1.1 * var(--u));height:calc(1.1 * var(--u))}.play-hero-cta{margin-top:auto;min-height:calc(4.4 * var(--u));padding:calc(.5 * var(--u)) calc(3 * var(--u));font-size:calc(1.6 * var(--u))}.play-hero-actions{display:flex;gap:calc(.9 * var(--u));margin-top:auto}.play-hero-actions button{min-height:calc(3.6 * var(--u));padding:calc(.5 * var(--u)) calc(1.75 * var(--u));font-size:calc(1.2 * var(--u))}.play-hero-note{display:inline-flex;align-items:center;gap:calc(.4 * var(--u));font-size:calc(.95 * var(--u));font-weight:500;opacity:.8;margin-top:calc(.25 * var(--u))}.play-hero-note svg{width:calc(1.2 * var(--u));height:calc(1.2 * var(--u))}.play-hero-seats{display:flex;align-items:center}.play-hero-seats i{position:relative;display:grid;place-items:center;width:calc(3.3 * var(--u));height:calc(3.3 * var(--u));margin-left:calc(-.7 * var(--u));background:#fff6;border:calc(.22 * var(--u)) dashed #ffffffcc;border-radius:50%;color:#fffe}.play-hero-seats i:first-child{margin-left:0}.play-hero-seats i.is-filled{z-index:1;overflow:hidden;background:#fff;border:calc(.34 * var(--u)) solid var(--seat);box-shadow:0 0 0 calc(.2 * var(--u)) #fffc,0 calc(.35 * var(--u)) 0 calc(.2 * var(--u)) #0002}.play-hero-seats i.is-filled .avatar-art{--avatar-size: 100%;width:100%;height:100%;border-radius:0;box-shadow:none}.seat-cycle{position:absolute;inset:0;overflow:hidden}.seat-cycle-item{position:absolute;inset:0}.seat-cycle-item.is-in{animation:seat-in .55s cubic-bezier(.3,1.4,.5,1) both}.seat-cycle-item.is-out{animation:seat-out .55s cubic-bezier(.5,0,.8,.6) both}.play-hero-seats i>svg{width:calc(1.3 * var(--u));height:calc(1.3 * var(--u))}.play-hero-art{position:absolute;top:0;right:0;bottom:0;width:calc(18 * var(--u));pointer-events:none}.play-hero-art-card{position:absolute;width:calc(13 * var(--u));aspect-ratio:4 / 3;rotate:var(--r, 0deg);transition:rotate .3s cubic-bezier(.3,1.6,.5,1),translate .3s cubic-bezier(.3,1.6,.5,1)}.play-hero-art-card svg{width:100%;height:100%;display:block;filter:drop-shadow(0 calc(.5 * var(--u)) 0 #00000014) drop-shadow(0 calc(1 * var(--u)) calc(1 * var(--u)) #4a2a6a40)}.play-hero-quick .play-hero-art-card:nth-child(1){--r: -8deg;top:calc(1.4 * var(--u));right:calc(5.5 * var(--u))}.play-hero-quick .play-hero-art-card:nth-child(2){--r: 7deg;top:calc(8.6 * var(--u));right:calc(1.2 * var(--u))}.play-hero-quick .play-hero-art-card:nth-child(3){--r: -5deg;top:calc(16.4 * var(--u));right:calc(5.2 * var(--u))}.play-hero-custom .play-hero-art-card:nth-child(1){--r: 7deg;top:calc(2 * var(--u));right:calc(2.2 * var(--u))}.play-hero-custom .play-hero-art-card:nth-child(2){--r: -9deg;top:calc(10 * var(--u));right:calc(-2.2 * var(--u))}.play-hero:hover .play-hero-art-card:nth-child(odd){rotate:calc(var(--r) * -1.5);translate:calc(-.6 * var(--u)) 0}.play-hero:hover .play-hero-art-card:nth-child(2n){rotate:calc(var(--r) * 1.6);translate:calc(.6 * var(--u)) 0}.dashboard-copyright{text-align:center;padding-top:calc(.4 * var(--u))}.waiting-screen{height:100%;display:flex;flex-direction:column;gap:calc(1.4 * var(--u));padding:calc(1.8 * var(--u)) calc(4 * var(--u)) calc(1.6 * var(--u))}.waiting-toolbar{display:flex;align-items:center;justify-content:space-between}.waiting-room-title{display:inline-flex;align-items:center;gap:calc(.8 * var(--u));padding:calc(.5 * var(--u)) calc(1.8 * var(--u)) calc(.5 * var(--u)) calc(1.2 * var(--u));font-size:calc(1.5 * var(--u));font-weight:600;color:#6a4a00;background:linear-gradient(180deg,var(--butter-soft),var(--butter));border-radius:calc(99 * var(--u));box-shadow:0 calc(.35 * var(--u)) 0 var(--butter-deep)}.waiting-leave{min-height:calc(3.2 * var(--u));font-size:calc(1.1 * var(--u))}.waiting-room{flex:1;min-height:0;display:grid;grid-template-columns:1fr calc(30 * var(--u));gap:calc(2 * var(--u))}.waiting-room-main,.waiting-round-plan{display:flex;flex-direction:column;min-height:0;padding:calc(1.8 * var(--u)) calc(2 * var(--u))}.waiting-room-main{align-items:center;text-align:center;gap:calc(1 * var(--u))}.waiting-room-main h1{font-size:calc(2.6 * var(--u));color:var(--lav-deep)}.room-code{display:flex;align-items:center;gap:calc(2.4 * var(--u));padding:calc(.7 * var(--u)) calc(1.6 * var(--u));background:#fff;border-radius:calc(2 * var(--u));box-shadow:0 calc(.4 * var(--u)) 0 var(--ledge),inset 0 0 0 calc(.25 * var(--u)) var(--lav-soft);transition:transform .15s cubic-bezier(.3,1.6,.5,1)}.room-code:hover{transform:scale(1.04) rotate(-.8deg)}.room-code-details{display:flex;flex-direction:column;align-items:flex-start}.room-code-details small{font-size:calc(.8 * var(--u));font-weight:600;letter-spacing:.12em;color:var(--coral-deep)}.room-code-details strong{font-size:calc(3.4 * var(--u));letter-spacing:calc(.4 * var(--u));line-height:1.1;color:var(--lav-deep)}.room-code-copy{display:flex;align-items:center;gap:calc(.5 * var(--u));padding:calc(.5 * var(--u)) calc(1.1 * var(--u));font-size:calc(1 * var(--u));font-weight:600;color:#6a4a00;background:linear-gradient(180deg,var(--butter-soft),var(--butter));border-radius:calc(99 * var(--u));box-shadow:0 calc(.25 * var(--u)) 0 var(--butter-deep)}.waiting-roster-head{width:100%;display:flex;align-items:center;justify-content:space-between;font-size:calc(1.3 * var(--u))}.waiting-roster-head span{padding:calc(.1 * var(--u)) calc(.9 * var(--u));font-size:calc(.95 * var(--u));font-weight:600;background:var(--mint-soft);border-radius:calc(99 * var(--u))}.waiting-players{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:calc(1 * var(--u))}.player-seat{--seat-color: var(--ink-faint);display:flex;flex-direction:column;align-items:center;gap:calc(.6 * var(--u));padding:calc(1 * var(--u)) calc(.5 * var(--u)) calc(.9 * var(--u));font-size:calc(.95 * var(--u));color:var(--ink-soft);background:#f6efe0;border-radius:calc(2 * var(--u));box-shadow:inset 0 calc(.3 * var(--u)) calc(.5 * var(--u)) #6a4a8a14}.player-seat.filled{color:var(--ink);background:#fff;box-shadow:0 calc(.4 * var(--u)) 0 color-mix(in srgb,var(--seat-color) 50%,white),0 calc(.9 * var(--u)) calc(1.2 * var(--u)) var(--shadow);transition:transform .15s cubic-bezier(.3,1.6,.5,1)}.player-seat.filled:hover{transform:translateY(calc(-.3 * var(--u)))}.player-seat .avatar-art{--avatar-size: calc(5 * var(--u));--player-color: var(--seat-color)}.player-seat strong{max-width:100%;font-size:calc(1.2 * var(--u));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-status{padding:calc(.1 * var(--u)) calc(.9 * var(--u));font-size:calc(.85 * var(--u));font-weight:600;background:#ece3f5;border-radius:calc(99 * var(--u))}.player-seat.filled .player-status{background:var(--mint-soft);color:#1d7a58}.empty-avatar{display:grid;place-items:center;width:calc(5 * var(--u));height:calc(5 * var(--u));color:var(--ink-faint);background:#ece3d2;border-radius:50%}.waiting-room-main>.primary{margin-top:auto;min-height:calc(4.4 * var(--u));padding:calc(.5 * var(--u)) calc(3 * var(--u));font-size:calc(1.6 * var(--u))}.waiting-round-plan{background:var(--butter-soft);gap:calc(1 * var(--u))}.waiting-round-plan-head{display:flex;align-items:flex-end;justify-content:space-between}.waiting-round-plan-head h2{font-size:calc(2 * var(--u));color:#7a5200}.waiting-edit-settings{min-height:calc(2.8 * var(--u));padding:calc(.3 * var(--u)) calc(1.1 * var(--u));font-size:calc(.95 * var(--u))}.waiting-round-list{display:flex;flex-direction:column;gap:calc(.8 * var(--u));min-height:0;overflow-y:auto;padding:0 calc(.3 * var(--u)) calc(.6 * var(--u)) 0}.waiting-round-item{display:flex;align-items:center;gap:calc(1 * var(--u));padding:calc(.5 * var(--u));background:#fff;border-radius:calc(1.6 * var(--u));box-shadow:0 calc(.3 * var(--u)) 0 #efdca0}.waiting-round-art{flex-shrink:0;width:calc(6 * var(--u));aspect-ratio:4 / 3;padding:calc(.2 * var(--u));background:var(--game-bg, var(--lav-soft));border-radius:calc(1.1 * var(--u))}.waiting-round-art svg{width:100%;height:100%;display:block}.waiting-round-copy{display:flex;flex-direction:column;min-width:0}.waiting-round-copy b{font-size:calc(.95 * var(--u));font-weight:500;color:var(--coral-deep)}.waiting-round-copy strong{font-size:calc(1.2 * var(--u));font-weight:550;margin-top:calc(.25 * var(--u))}[data-game=connect4]{--game-bg: #efe6ff}[data-game=boxes]{--game-bg: #dcf0ff}[data-game=megatictactoe]{--game-bg: #ffe3ef}[data-game=carrom]{--game-bg: #fff3c2}[data-game=pool]{--game-bg: #d9f6e9}[data-game=golf]{--game-bg: #e3f6d2}[data-game=artillery]{--game-bg: #d3e8ff}[data-game=bowling]{--game-bg: #ffe0d2}[data-game=archery]{--game-bg: #eaf5c9}[data-game=soccer]{--game-bg: #d9f2c9}[data-game=random]{--game-bg: #ece6ff}.settings-account-card,.profile-hero{display:flex;align-items:center;gap:calc(1.2 * var(--u));padding:calc(1 * var(--u)) calc(1.3 * var(--u));background:linear-gradient(180deg,#f4efff,var(--lav-soft));border-radius:calc(1.8 * var(--u));box-shadow:inset 0 calc(.22 * var(--u)) 0 #fffc,inset 0 calc(-.28 * var(--u)) 0 #d3c7f5}.settings-account-card>span:nth-child(2){display:flex;flex-direction:column;flex:1}.settings-account-card b{font-size:calc(1.3 * var(--u))}.settings-account-card small{color:var(--ink-soft)}.settings-section-heading h3{font-size:calc(1.4 * var(--u))}.settings-option-list,.settings-account-actions{display:flex;flex-direction:column;gap:calc(.8 * var(--u))}.settings-option,.settings-action-row{display:flex;align-items:center;gap:calc(1 * var(--u));width:100%;padding:calc(.8 * var(--u)) calc(1.1 * var(--u));text-align:left;background:#fff;border-radius:calc(1.6 * var(--u));box-shadow:0 calc(.3 * var(--u)) 0 var(--ledge);transition:transform .14s cubic-bezier(.3,1.6,.5,1)}button.settings-option:hover,.settings-action-row:hover{transform:translateY(calc(-.12 * var(--u)))}.settings-option-icon{display:grid;place-items:center;width:calc(2.9 * var(--u));height:calc(2.9 * var(--u));flex-shrink:0;color:#6a4a00;background:var(--butter-soft);border-radius:50%}.danger-row .settings-option-icon{color:var(--rose-deep);background:var(--pink-soft)}.settings-option-copy{flex:1;display:flex;flex-direction:column}.settings-option-copy b{font-size:calc(1.15 * var(--u))}.settings-option-copy small{font-size:calc(.9 * var(--u));color:var(--ink-soft)}.settings-toggle{position:relative;width:calc(4 * var(--u));height:calc(2.2 * var(--u));background:#e6dcf0;border-radius:calc(99 * var(--u));box-shadow:inset 0 calc(.2 * var(--u)) calc(.4 * var(--u)) #6a4a8a22;transition:background .2s}.settings-toggle i{position:absolute;top:calc(.22 * var(--u));left:calc(.25 * var(--u));width:calc(1.76 * var(--u));height:calc(1.76 * var(--u));background:#fff;border-radius:50%;box-shadow:0 calc(.15 * var(--u)) calc(.3 * var(--u)) #6a4a8a44;transition:left .22s cubic-bezier(.3,1.6,.5,1)}.settings-toggle.is-on{background:var(--mint)}.settings-toggle.is-on i{left:calc(1.99 * var(--u))}.settings-language-select{position:relative}.settings-language-trigger{gap:calc(.6 * var(--u));padding:calc(.4 * var(--u)) calc(1 * var(--u));font-size:calc(1 * var(--u));font-weight:600;background:var(--lav-soft);border-radius:calc(99 * var(--u))}.settings-language-menu{position:absolute;top:calc(100% + calc(.4 * var(--u)));right:0;z-index:10;width:calc(13 * var(--u));padding:calc(.5 * var(--u));background:#fff;border-radius:calc(1.4 * var(--u));box-shadow:0 calc(.35 * var(--u)) 0 var(--ledge),0 calc(1 * var(--u)) calc(1.8 * var(--u)) var(--shadow)}.settings-language-menu button{width:100%;justify-content:space-between;padding:calc(.5 * var(--u)) calc(.9 * var(--u));font-size:calc(1 * var(--u));border-radius:calc(99 * var(--u))}.settings-language-menu button:hover,.settings-language-menu button.selected{background:var(--butter-soft)}.settings-action-row svg:last-child{color:var(--ink-faint)}.settings-form{gap:calc(1 * var(--u))}.settings-help{color:var(--ink-soft);font-size:calc(1.05 * var(--u))}.settings-status{padding:calc(.7 * var(--u)) calc(1.2 * var(--u));font-size:calc(1 * var(--u));font-weight:500;border-radius:calc(1.2 * var(--u))}.settings-status.error{color:#a8324d;background:var(--pink-soft)}.settings-status.success{color:#1d7a58;background:var(--mint-soft)}.delete-account-warning{padding:calc(1 * var(--u)) calc(1.3 * var(--u));background:var(--pink-soft);border-radius:calc(1.6 * var(--u))}.delete-account-warning p{margin-top:calc(.3 * var(--u));font-size:calc(1 * var(--u));color:#8a3a4f}.profile-hero{flex-wrap:wrap;background:linear-gradient(180deg,#fffbe3,var(--butter-soft));box-shadow:inset 0 calc(.22 * var(--u)) 0 #fffd,inset 0 calc(-.28 * var(--u)) 0 #f0d77c}.profile-avatar{--avatar-size: calc(6 * var(--u))}.profile-hero-copy{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:calc(.5 * var(--u))}.profile-hero-copy h3{font-size:calc(1.9 * var(--u))}.profile-edit-trigger{min-height:calc(2.6 * var(--u));padding:calc(.2 * var(--u)) calc(1.1 * var(--u));font-size:calc(.95 * var(--u))}.profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(.8 * var(--u))}.profile-stats>div{display:flex;flex-direction:column;align-items:center;padding:calc(.8 * var(--u)) calc(.4 * var(--u)) calc(1 * var(--u));--tone: var(--lav-soft);--bevel: #d3c7f5;background:var(--tone);border-radius:calc(1.6 * var(--u));box-shadow:inset 0 calc(.22 * var(--u)) 0 #fffc,inset 0 calc(-.3 * var(--u)) 0 var(--bevel)}.profile-stats b{font-size:calc(2 * var(--u))}.profile-stats span{font-size:calc(.9 * var(--u));color:var(--ink-soft)}.profile-stats>.profile-stat-win{--tone: var(--mint-soft);--bevel: #a9e3c9}.profile-stats>.profile-stat-loss{--tone: var(--pink-soft);--bevel: #f6b6cc}.profile-stats>.profile-stat-draw{--tone: var(--butter-soft);--bevel: #f0d77c}.profile-highlights{display:grid;grid-template-columns:1fr 1fr;gap:calc(.8 * var(--u))}.profile-highlights>div{display:flex;flex-direction:column;padding:calc(.8 * var(--u)) calc(1.1 * var(--u)) calc(1 * var(--u));background:linear-gradient(180deg,#f4efff,var(--lav-soft));border-radius:calc(1.4 * var(--u));box-shadow:inset 0 calc(.2 * var(--u)) 0 #fffc,inset 0 calc(-.26 * var(--u)) 0 #d3c7f5}.profile-highlights span{font-size:calc(.9 * var(--u));color:var(--ink-soft)}.profile-highlights b{font-size:calc(1.15 * var(--u))}.profile-editor{gap:calc(1.2 * var(--u))}.avatar-picker{margin:0;padding:0;border:0}.avatar-picker legend{padding:0 0 calc(.5 * var(--u));font-size:calc(1.05 * var(--u));font-weight:600}.avatar-picker-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));justify-items:center;gap:calc(.8 * var(--u))}.avatar-picker-grid button{padding:calc(.4 * var(--u));border-radius:50%;transition:transform .14s cubic-bezier(.3,1.6,.5,1)}.avatar-picker-grid button:hover{transform:scale(1.1) rotate(-4deg)}.avatar-picker-grid button.selected{background:var(--butter);box-shadow:0 calc(.3 * var(--u)) 0 var(--butter-deep)}.avatar-picker-grid .avatar-art{--avatar-size: calc(4.8 * var(--u))}.leaderboard-hero{display:flex;align-items:center;gap:calc(1 * var(--u));padding:calc(.9 * var(--u)) calc(1.3 * var(--u));background:var(--butter-soft);border-radius:calc(1.8 * var(--u))}.leaderboard-hero>div{flex:1}.leaderboard-hero p{font-size:calc(1.05 * var(--u));font-weight:500}.leaderboard-hero-icon{display:grid;place-items:center;width:calc(3.6 * var(--u));height:calc(3.6 * var(--u));color:#6a4a00;background:var(--butter);border-radius:50%;box-shadow:0 calc(.3 * var(--u)) 0 var(--butter-deep)}.leaderboard-total{padding:calc(.2 * var(--u)) calc(1 * var(--u));font-size:calc(.95 * var(--u));font-weight:600;background:#fff;border-radius:calc(99 * var(--u))}.leaderboard-your-rank{display:flex;justify-content:space-between;padding:calc(.7 * var(--u)) calc(1.3 * var(--u));font-size:calc(1.15 * var(--u));font-weight:600;background:var(--pink-soft);border-radius:calc(99 * var(--u))}.leaderboard-list{display:flex;flex-direction:column;gap:calc(.7 * var(--u))}.leaderboard-row{display:grid;grid-template-columns:calc(3 * var(--u)) calc(3.6 * var(--u)) 1fr auto;align-items:center;gap:calc(1 * var(--u));width:100%;padding:calc(.6 * var(--u)) calc(1.2 * var(--u)) calc(.6 * var(--u)) calc(1 * var(--u));text-align:left;background:#fff;border-radius:calc(99 * var(--u));box-shadow:0 calc(.3 * var(--u)) 0 var(--ledge);transition:transform .14s cubic-bezier(.3,1.6,.5,1)}.leaderboard-row:hover{transform:translateY(calc(-.12 * var(--u))) scale(1.01)}.leaderboard-row.is-you{background:var(--lav-soft);box-shadow:0 calc(.3 * var(--u)) 0 #d3c7f5}.leaderboard-row.rank-1{background:var(--butter-soft);box-shadow:0 calc(.3 * var(--u)) 0 #efdca0}.leaderboard-row.rank-2{background:#eef1fb;box-shadow:0 calc(.3 * var(--u)) 0 #d3d9ee}.leaderboard-row.rank-3{background:#ffeadb;box-shadow:0 calc(.3 * var(--u)) 0 #f0cfb6}.leaderboard-rank{font-size:calc(1.5 * var(--u));font-weight:700;color:var(--ink-faint)}.leaderboard-row.rank-1 .leaderboard-rank{color:var(--butter-deep)}.leaderboard-player-avatar .avatar-art{--avatar-size: calc(3.2 * var(--u))}.leaderboard-player-copy{display:flex;flex-direction:column;min-width:0}.leaderboard-player-copy b{display:flex;align-items:center;gap:calc(.6 * var(--u));font-size:calc(1.2 * var(--u))}.leaderboard-player-copy em{padding:0 calc(.7 * var(--u));font-size:calc(.8 * var(--u));color:#fff;background:var(--pink);border-radius:calc(99 * var(--u))}.leaderboard-player-copy small{color:var(--ink-soft)}.leaderboard-player-copy small i{font-style:normal;color:var(--ink-faint)}.leaderboard-trophies{display:flex;align-items:center;gap:calc(.4 * var(--u));padding:calc(.3 * var(--u)) calc(1 * var(--u));font-size:calc(1.2 * var(--u));color:#8a5a00;background:var(--butter-soft);border-radius:calc(99 * var(--u))}.leaderboard-footnote{font-size:calc(.9 * var(--u));text-align:center;color:var(--ink-soft)}.battle-log-list{display:flex;flex-direction:column;gap:calc(1 * var(--u))}.battle-log-entry{--tone: var(--lav-soft);--bevel: #d3c7f5;display:flex;flex-direction:column;gap:calc(.9 * var(--u));padding:calc(1 * var(--u)) calc(1.3 * var(--u)) calc(1.3 * var(--u));background:var(--tone);border-radius:calc(1.8 * var(--u));box-shadow:inset 0 calc(.22 * var(--u)) 0 #fffc,inset 0 calc(-.3 * var(--u)) 0 var(--bevel)}.battle-log-entry.outcome-win{--tone: var(--mint-soft);--bevel: #a9e3c9}.battle-log-entry.outcome-loss{--tone: var(--pink-soft);--bevel: #f6b6cc}.battle-log-entry.outcome-draw{--tone: #e3f3ff;--bevel: #b5dcf7}.battle-log-top{display:flex;align-items:center;gap:calc(1.2 * var(--u))}.battle-log-meta{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.2}.battle-log-meta b{font-size:calc(1.2 * var(--u))}.battle-log-meta small{font-size:calc(.9 * var(--u));color:var(--ink-soft)}.battle-log-trophy{display:flex;align-items:center;gap:calc(.3 * var(--u));padding:calc(.3 * var(--u)) calc(1 * var(--u));font-size:calc(1.2 * var(--u));background:#fffc;border-radius:99vw}.battle-log-trophy.positive{color:#1d7a58}.battle-log-trophy.negative{color:#a8324d}.battle-log-trophy.neutral{color:var(--ink-soft)}.battle-log-bottom{display:flex;align-items:center;justify-content:space-between;gap:calc(1 * var(--u))}.battle-log-games{display:flex;flex-wrap:wrap;gap:calc(.6 * var(--u));min-width:0}.battle-log-game{display:flex;align-items:center;gap:calc(.5 * var(--u));min-width:0;padding:calc(.2 * var(--u)) calc(1 * var(--u)) calc(.2 * var(--u)) calc(.2 * var(--u));background:#ffffffd9;border-radius:99vw;box-shadow:0 calc(.16 * var(--u)) 0 #fff9}.battle-log-game-round{display:grid;place-items:center;flex-shrink:0;width:calc(1.4 * var(--u));height:calc(1.4 * var(--u));margin-left:calc(.3 * var(--u));font-size:calc(.75 * var(--u));font-style:normal;font-weight:700;color:var(--ink-soft);background:var(--lav-soft);border-radius:50%}.battle-log-game-art{flex-shrink:0;width:calc(3.4 * var(--u));aspect-ratio:4 / 3;padding:calc(.1 * var(--u));background:var(--game-bg, var(--lav-soft));border-radius:calc(.9 * var(--u))}.battle-log-game-art svg{width:100%;height:100%;display:block}.battle-log-game>b{font-size:calc(.9 * var(--u));font-weight:600;white-space:nowrap}.battle-log-points{flex-shrink:0;padding:calc(.2 * var(--u)) calc(1 * var(--u));font-size:calc(.9 * var(--u));color:var(--ink-soft);background:#fffa;border-radius:99vw}.battle-log-points b{font-size:calc(1.2 * var(--u));color:var(--ink)}.room-setup-section-head{display:flex;flex-direction:column;gap:calc(.4 * var(--u))}.room-setup-section-head strong{font-size:calc(1.2 * var(--u))}.room-setup-section-head small{color:var(--ink-soft);font-size:calc(1 * var(--u))}.room-setup-count-block{display:flex;align-items:center;justify-content:space-between;padding:calc(1 * var(--u)) calc(1.6 * var(--u));background:var(--butter-soft);border-radius:calc(1.8 * var(--u));margin-bottom:calc(.5 * var(--u))}.room-setup-count-picker{display:flex;align-items:center;gap:calc(1 * var(--u))}.room-setup-button{width:calc(3.4 * var(--u));min-height:calc(3.4 * var(--u));padding:0;border-radius:50%}.room-setup-count-value{display:grid;place-items:center;width:calc(4.4 * var(--u));height:calc(4.4 * var(--u));font-size:calc(2.4 * var(--u));background:#fff;border-radius:50%;box-shadow:inset 0 calc(.25 * var(--u)) calc(.5 * var(--u)) #6a4a8a22}.room-setup-game-mode-pick-section-head{display:flex;align-items:center;justify-content:space-between}.room-setup-plan-count{padding:calc(.4 * var(--u)) calc(1 * var(--u));font-size:calc(.95 * var(--u));font-weight:600;background:var(--lav-soft);border-radius:calc(99 * var(--u))}.room-setup-round-list{display:flex;flex-direction:column;gap:calc(.7 * var(--u))}.room-setup-round{display:flex;align-items:center;gap:calc(1 * var(--u));padding:calc(.5 * var(--u)) calc(.9 * var(--u)) calc(.5 * var(--u)) calc(.5 * var(--u));background:#fff;border-radius:calc(1.8 * var(--u));box-shadow:0 calc(.3 * var(--u)) 0 var(--ledge)}.room-setup-round-art,.room-setup-game-art{flex-shrink:0;width:calc(6.4 * var(--u));aspect-ratio:4 / 3;padding:calc(.2 * var(--u));background:var(--game-bg, var(--lav-soft));border-radius:calc(1.2 * var(--u))}.room-setup-round-art svg,.room-setup-game-art svg{width:100%;height:100%;display:block}.room-setup-round-copy{flex:1}.room-setup-round-number{font-size:calc(.95 * var(--u));font-weight:500;color:var(--coral-deep)}.room-setup-round-copy p{font-size:calc(1.2 * var(--u));font-weight:550;margin-top:calc(.25 * var(--u))}.room-setup-change{min-height:calc(2.6 * var(--u));padding:calc(.2 * var(--u)) calc(1.2 * var(--u));font-size:calc(.95 * var(--u))}.room-setup-game-section{display:flex;flex-direction:column;gap:calc(.8 * var(--u))}.room-setup-game-section+.room-setup-game-section{margin-top:calc(1.2 * var(--u))}.room-setup-game-section h3{font-size:calc(1.15 * var(--u));padding:calc(.8 * var(--u)) calc(.4 * var(--u)) calc(.4 * var(--u));color:var(--ink-soft);font-weight:500;position:relative;display:flex;align-items:center;gap:calc(1 * var(--u))}.room-setup-game-section h3:before,.room-setup-game-section h3:after{content:"";flex:1;height:calc(.2 * var(--u));border-radius:calc(99 * var(--u));background:var(--ledge)}.waiting-round-warning{display:flex;align-items:flex-start;gap:calc(.8 * var(--u));padding:calc(1 * var(--u)) calc(1.2 * var(--u));color:#8a2f1f;background:var(--coral-soft);border-radius:calc(1.4 * var(--u));box-shadow:0 calc(.25 * var(--u)) 0 #f5b5aa}.waiting-round-warning svg{flex-shrink:0;margin-top:calc(.1 * var(--u))}.waiting-round-warning p{font-size:calc(1.05 * var(--u));line-height:1.35}.room-setup-game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(.9 * var(--u));padding-bottom:calc(.4 * var(--u))}.room-setup-game-option{position:relative;flex-direction:column;gap:calc(.5 * var(--u));padding:calc(.5 * var(--u)) calc(.5 * var(--u)) calc(.8 * var(--u));font-size:calc(1 * var(--u));font-weight:600;background:#fff;border-radius:calc(1.8 * var(--u));box-shadow:0 calc(.35 * var(--u)) 0 var(--ledge);transition:transform .14s cubic-bezier(.3,1.6,.5,1)}.room-setup-game-option:hover{transform:translateY(calc(-.25 * var(--u))) rotate(-1deg)}.room-setup-game-option.selected{background:var(--butter-soft);box-shadow:0 calc(.35 * var(--u)) 0 var(--butter-deep)}.room-setup-game-option .room-setup-game-art{width:100%}.room-setup-game-option>svg{position:absolute;top:calc(.6 * var(--u));right:calc(.6 * var(--u));width:calc(1.9 * var(--u));height:calc(1.9 * var(--u));padding:calc(.3 * var(--u));color:#fff;background:var(--mint-deep);border-radius:50%}.matchmaking-backdrop,.connection-screen,.match-intro-screen{background-color:#bfe8ff;background-image:radial-gradient(ellipse calc(9 * var(--u)) calc(3.4 * var(--u)) at 14% 16%,#ffffffcc,transparent 70%),radial-gradient(ellipse calc(10 * var(--u)) calc(3.6 * var(--u)) at 78% 12%,#ffffffcc,transparent 70%),radial-gradient(ellipse calc(60 * var(--u)) calc(12 * var(--u)) at 14% 100%,#8fe0b0 0 96%,transparent 97%),radial-gradient(ellipse calc(56 * var(--u)) calc(10 * var(--u)) at 88% 100%,#7cd6a2 0 96%,transparent 97%),linear-gradient(180deg,#a6dcff,#d4f1ff 48%,#fff4d8)}.matchmaking-backdrop,.connection-screen{width:100vw;max-height:none;height:100vh;margin:0;border-radius:0;box-shadow:none}.matchmaking-backdrop[open],.connection-screen[open]{display:grid;place-items:center}.matchmaking-modal,.connection-card{width:calc(38 * var(--u));padding:calc(3.4 * var(--u)) calc(3 * var(--u)) calc(2.6 * var(--u));text-align:center;border-radius:calc(3 * var(--u))}.matchmaking-orbit,.connection-emblem{position:relative;display:grid;place-items:center;width:calc(8 * var(--u));height:calc(8 * var(--u));margin:0 auto calc(1.8 * var(--u));color:#fff;background:linear-gradient(180deg,#ff9d8f,var(--coral));border-radius:50%;box-shadow:0 calc(.5 * var(--u)) 0 var(--coral-deep),inset 0 calc(.25 * var(--u)) 0 #fff7;animation:wobble 2.6s ease-in-out infinite}.matchmaking-orbit svg,.connection-emblem svg{width:calc(4.2 * var(--u));height:calc(4.2 * var(--u))}.matchmaking-orbit:after{content:"";position:absolute;inset:calc(-1.2 * var(--u));border:calc(.35 * var(--u)) dotted var(--lav);border-radius:50%;animation:spin 14s linear infinite}.connection-emblem.is-error{background:linear-gradient(180deg,#ff95ab,var(--rose));box-shadow:0 calc(.5 * var(--u)) 0 var(--rose-deep)}.matchmaking-modal h2,.connection-card h1{font-size:calc(2.4 * var(--u));color:var(--lav-deep)}.matchmaking-modal>p,.connection-description{margin-top:calc(.8 * var(--u));font-size:calc(1.15 * var(--u));color:var(--ink-soft);text-wrap:balance;line-height:1.3}.matchmaking-dots{display:flex;justify-content:center;gap:calc(.6 * var(--u));padding:calc(1.6 * var(--u)) 0 calc(1 * var(--u))}.matchmaking-dots i{width:calc(1.2 * var(--u));height:calc(1.2 * var(--u));background:var(--pink);border-radius:50%;box-shadow:0 calc(.2 * var(--u)) 0 var(--pink-deep);animation:dot-bounce 1s ease-in-out infinite}.matchmaking-dots i:nth-child(2){background:var(--butter);box-shadow:0 calc(.2 * var(--u)) 0 var(--butter-deep);animation-delay:.15s}.matchmaking-dots i:nth-child(3){background:var(--mint);box-shadow:0 calc(.2 * var(--u)) 0 var(--mint-deep);animation-delay:.3s}.search-status{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(.5 * var(--u));margin-bottom:calc(1.4 * var(--u))}.search-timer{padding:calc(.4 * var(--u)) calc(1.2 * var(--u));font-weight:600;font-variant-numeric:tabular-nums;color:#6a4a00;background:var(--butter-soft);font-size:calc(1.6 * var(--u));border-radius:calc(99 * var(--u))}.connection-eyebrow{display:inline-flex;align-items:center;gap:calc(.6 * var(--u));margin-bottom:calc(1.2 * var(--u));font-size:calc(.9 * var(--u));font-weight:600;letter-spacing:.1em;color:var(--coral-deep)}.connection-screen.is-error .connection-eyebrow-dot{background:var(--rose)}.connection-eyebrow-dot{width:calc(.8 * var(--u));height:calc(.8 * var(--u));background:var(--mint);border-radius:50%;animation:bob 1.4s ease-in-out infinite}.connection-card h1{font-size:calc(2 * var(--u));margin-bottom:calc(.5 * var(--u))}.connection-actions{display:flex;justify-content:center;gap:calc(1 * var(--u));margin-top:calc(1.8 * var(--u))}.connection-detail{margin:calc(.2 * var(--u)) 0 calc(.4 * var(--u));font-size:calc(1 * var(--u));color:var(--ink-soft)}.connection-progress{display:flex;align-items:center;justify-content:center;gap:calc(.9 * var(--u));margin-top:calc(1.6 * var(--u));font-weight:500;color:var(--ink-soft)}.match-intro-screen{position:fixed;inset:0;z-index:100;display:grid;place-items:center}.match-intro-card{width:calc(74 * var(--u));padding:calc(2 * var(--u)) calc(2.4 * var(--u)) calc(1.8 * var(--u));display:flex;flex-direction:column;gap:calc(1.6 * var(--u));text-align:center;border-radius:calc(3 * var(--u))}.match-intro-kicker{display:inline-block;padding:calc(.2 * var(--u)) calc(1.3 * var(--u));font-size:calc(.95 * var(--u));font-weight:600;letter-spacing:.08em;color:#6a4a00;background:var(--butter-soft);border-radius:calc(99 * var(--u))}.match-intro-heading h1{margin:calc(.8 * var(--u)) 0 calc(.4 * var(--u));font-size:calc(3.6 * var(--u));color:var(--lav-deep);text-shadow:0 calc(.3 * var(--u)) 0 #d9ceff}.match-intro-heading p{color:var(--ink-soft);font-size:calc(1.2 * var(--u))}.match-intro-players{display:flex;justify-content:center;gap:calc(1.2 * var(--u))}.match-intro-player{flex:0 1 calc(22 * var(--u));display:flex;align-items:center;gap:calc(.9 * var(--u));padding:calc(.7 * var(--u)) calc(1.5 * var(--u)) calc(.7 * var(--u)) calc(.8 * var(--u));text-align:left;background:#fff;border-radius:calc(99 * var(--u));box-shadow:0 calc(.35 * var(--u)) 0 var(--ledge)}.match-intro-player .avatar-art{--avatar-size: calc(4.4 * var(--u))}.match-intro-player .details{display:flex;flex-direction:column;gap:calc(.2 * var(--u))}.match-intro-player strong{font-size:calc(1.25 * var(--u))}.match-intro-player strong .muted{margin-left:calc(.4 * var(--u));font-size:calc(.9 * var(--u))}.match-intro-games{display:flex;justify-content:center;gap:calc(1.4 * var(--u))}.match-intro-game{width:calc(14 * var(--u));padding:calc(.7 * var(--u)) calc(.7 * var(--u)) calc(.9 * var(--u));background:var(--game-bg, #fff);border-radius:calc(2 * var(--u));box-shadow:0 calc(.45 * var(--u)) 0 color-mix(in srgb,var(--game-bg, #fff) 70%,#5a4870)}.match-intro-game.is-settled{animation:pop-in .4s cubic-bezier(.3,1.6,.5,1)}.match-intro-game-round{font-size:calc(.85 * var(--u));font-weight:600;letter-spacing:.1em;color:var(--ink-soft)}.match-intro-art-window{margin:calc(.4 * var(--u)) 0;padding:calc(.3 * var(--u));overflow:hidden;background:#fffb;border-radius:calc(1.4 * var(--u))}.match-intro-art svg{width:100%;height:auto;display:block}.match-intro-art.is-spinning{animation:reel-spin .11s linear infinite}.match-intro-game-name{display:block;font-size:calc(1.25 * var(--u))}.match-intro-countdown{display:flex;align-items:center;justify-content:center;gap:calc(.7 * var(--u));font-size:calc(1.3 * var(--u));font-weight:500}.match-intro-countdown strong{display:grid;place-items:center;min-width:calc(3.6 * var(--u));height:calc(3.6 * var(--u));font-size:calc(2.4 * var(--u));color:#fff;background:linear-gradient(180deg,#ff9d8f,var(--coral));border-radius:50%;box-shadow:0 calc(.3 * var(--u)) 0 var(--coral-deep);animation:countdown-pop .6s cubic-bezier(.3,1.6,.5,1)}.match-intro-countdown small{font-size:calc(1.1 * var(--u))}.immersive-main{display:flex;flex-direction:column;gap:calc(1.6 * var(--u));padding:calc(1.4 * var(--u));padding-bottom:calc(1.8 * var(--u))}.match-top{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:calc(1.6 * var(--u));flex-shrink:0}.match-brand-block{display:flex;align-items:center;gap:calc(1.2 * var(--u))}.match-wordmark .brand-symbol{width:calc(3.8 * var(--u));height:calc(3.8 * var(--u));transition:transform .15s cubic-bezier(.3,1.6,.5,1)}.match-wordmark:hover .brand-symbol{transform:rotate(6deg) scale(1.08)}.match-title-name{display:flex;align-items:center;gap:calc(.8 * var(--u))}.match-title h1{font-size:calc(1.8 * var(--u));color:var(--lav-deep);text-shadow:0 calc(.2 * var(--u)) 0 #fff}.match-title p{display:flex;align-items:center;gap:calc(.7 * var(--u));margin-top:calc(.2 * var(--u));font-size:calc(1 * var(--u));font-weight:500}.mode-chip{padding:calc(.2 * var(--u)) calc(.8 * var(--u));font-size:calc(.85 * var(--u));font-weight:600;color:#6a4a00;background:var(--butter);border-radius:calc(99 * var(--u));box-shadow:0 calc(.15 * var(--u)) 0 var(--butter-deep)}.match-help-button{position:relative;display:flex;align-items:center;justify-content:center;width:calc(2.2 * var(--u));height:calc(2.2 * var(--u));font-size:calc(1.55 * var(--u));font-weight:700;color:#fff;background:linear-gradient(180deg,#b6a0ff,var(--lav));border-radius:50%;box-shadow:0 calc(.32 * var(--u)) 0 var(--lav-deep),0 calc(.7 * var(--u)) calc(1 * var(--u)) #6143cf55,inset 0 calc(.2 * var(--u)) 0 #fff8;text-shadow:0 calc(.12 * var(--u)) 0 #4a2fa866;transition:transform .16s cubic-bezier(.3,1.6,.5,1);margin-bottom:calc(.32 * var(--u))}.match-help-button:hover{transform:translateY(calc(-.15 * var(--u))) rotate(-10deg) scale(1.1)}.match-help-button:active{transform:translateY(calc(.2 * var(--u)));box-shadow:0 calc(.08 * var(--u)) 0 var(--lav-deep),inset 0 calc(.2 * var(--u)) 0 #fff6}.round-track{display:flex;align-items:center;justify-content:center;gap:calc(.5 * var(--u))}.round-track li{display:flex;align-items:center;gap:calc(.5 * var(--u));padding:calc(.3 * var(--u)) calc(1 * var(--u)) calc(.3 * var(--u)) calc(.3 * var(--u));font-size:calc(.95 * var(--u));font-weight:500;color:var(--ink-soft);background:#fffa;border-radius:calc(99 * var(--u))}.round-track em{display:grid;place-items:center;width:calc(1.6 * var(--u));height:calc(1.6 * var(--u));font-size:calc(.95 * var(--u));font-weight:600;color:var(--ink-soft);background:#fff;border-radius:50%}.round-track em svg{width:calc(1 * var(--u));height:calc(1 * var(--u))}.round-track .current{color:#6a4a00;background:linear-gradient(180deg,var(--butter-soft),var(--butter));box-shadow:0 calc(.25 * var(--u)) 0 var(--butter-deep);transform:translateY(calc(-.1 * var(--u)))}.round-track .current em{background-color:var(--butter-deep);color:#fff}.round-track .complete{color:#1d7a58;background:var(--mint-soft)}.round-track .complete em{color:#fff;background:var(--mint)}.leave-match{min-height:calc(3 * var(--u));padding:calc(.2 * var(--u)) calc(1.4 * var(--u));font-size:calc(1 * var(--u))}.arena-layout{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) calc(19 * var(--u));gap:calc(1.2 * var(--u))}.arena-board{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;padding:calc(1.2 * var(--u));border-radius:calc(2 * var(--u))}.turn-bar{display:flex;align-items:center;justify-content:space-between;gap:calc(1 * var(--u));flex-shrink:0;margin-bottom:calc(.8 * var(--u))}.turn-who{display:inline-flex;align-items:center;gap:calc(.7 * var(--u));font-size:calc(1.1 * var(--u));font-weight:500;border-radius:calc(99 * var(--u))}.turn-who>i{width:calc(1.2 * var(--u));height:calc(1.2 * var(--u));border-radius:50%;flex-shrink:0;box-shadow:inset 0 calc(-.15 * var(--u)) 0 #0002}.turn-bar[data-your-turn=true] .turn-who{color:#6a4a00}.timer{display:inline-flex;align-items:center;gap:calc(.5 * var(--u));padding:calc(.3 * var(--u)) calc(1 * var(--u));font-size:calc(1.1 * var(--u));font-weight:600;font-variant-numeric:tabular-nums;color:var(--lav-deep);background:var(--lav-soft);box-shadow:0 calc(.25 * var(--u)) 0 #d3c7f5;border-radius:calc(99 * var(--u))}.timer svg{width:calc(1.2 * var(--u));height:calc(1.2 * var(--u))}.timer.urgent{color:#fff;background:var(--rose);box-shadow:0 calc(.25 * var(--u)) 0 var(--rose-deep);animation:zoom .4s ease-in-out infinite}.turn-progress{flex-shrink:0;height:calc(.6 * var(--u));margin-bottom:calc(1 * var(--u));overflow:hidden;background:#f1e8d6;border-radius:calc(99 * var(--u));box-shadow:inset 0 calc(.2 * var(--u)) calc(.3 * var(--u)) #6a4a8a22}.turn-progress>i{display:block;width:100%;height:100%;border-radius:calc(99 * var(--u));transform-origin:left center;box-shadow:inset 0 calc(.2 * var(--u)) 0 #fff6}.turn-progress.urgent{animation:shake .4s ease-in-out infinite}.round-result-layer{position:absolute;inset:0;z-index:20;display:grid;place-items:center;background:#7a5ca855;border-radius:inherit;animation:fade-in .3s ease-out both}.round-result-strip{display:flex;align-items:center;gap:calc(1.4 * var(--u));padding:calc(1.2 * var(--u)) calc(3 * var(--u)) calc(1.2 * var(--u)) calc(1.4 * var(--u));background:#fff;border-radius:calc(3 * var(--u));box-shadow:0 calc(.7 * var(--u)) 0 var(--ledge);animation:pop-grow .5s cubic-bezier(.3,1.6,.5,1) both}@keyframes pop-grow{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.round-result-emblem{display:grid;place-items:center;width:calc(5 * var(--u));height:calc(5 * var(--u));color:#fff;background:var(--winner-color, var(--lav));border-radius:50%;box-shadow:inset 0 calc(.25 * var(--u)) 0 #fff6;animation:wobble 1.6s ease-in-out infinite}.round-result-emblem svg{width:calc(2.6 * var(--u));height:calc(2.6 * var(--u))}.round-result-copy{display:flex;flex-direction:column;align-items:flex-start}.round-result-copy small{font-size:calc(.9 * var(--u));font-weight:600;letter-spacing:.1em;color:var(--coral-deep)}.round-result-copy strong{font-size:calc(2.5 * var(--u));line-height:1.1}.round-result-copy span{font-size:calc(1.2 * var(--u));color:var(--ink-soft)}.match-sidebar-stack{display:flex;flex-direction:column;gap:calc(1.4 * var(--u));min-height:0}.match-sidebar{display:flex;flex-direction:column;gap:calc(.4 * var(--u));min-height:0;padding:calc(1 * var(--u)) calc(.95 * var(--u));border-radius:calc(2 * var(--u))}.match-chat-panel{flex:1;padding:0;overflow:hidden;background:#e9e1ff;box-shadow:0 calc(.5 * var(--u)) 0 #b7a5f1,0 calc(1.4 * var(--u)) calc(2.2 * var(--u)) var(--shadow),inset 0 calc(.2 * var(--u)) 0 #fffa}.score-heading{display:flex;align-items:center;gap:calc(.6 * var(--u));padding:calc(.1 * var(--u)) calc(.4 * var(--u));margin-bottom:calc(.3 * var(--u))}.score-heading h3{font-size:calc(1.25 * var(--u))}.score-heading svg{color:var(--butter-deep);width:calc(1.3 * var(--u));height:calc(1.3 * var(--u))}.score-player{display:flex;align-items:center;gap:calc(.7 * var(--u));width:100%;padding:calc(.6 * var(--u)) calc(.9 * var(--u)) calc(.6 * var(--u)) calc(.6 * var(--u));text-align:left;background:linear-gradient(#f1e8d6,#fff);background:#fff;border-radius:calc(99 * var(--u));margin-bottom:calc(.25 * var(--u));box-shadow:0 calc(.25 * var(--u)) 0 var(--ledge);transition:transform .15s cubic-bezier(.3,1.6,.5,1),background .15s}.score-player .avatar-art{--avatar-size: calc(2.4 * var(--u))}.score-player .details{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;font-size:calc(.85 * var(--u));color:var(--ink-soft);gap:calc(.2 * var(--u))}.score-player .details strong{max-width:100%;font-size:calc(1 * var(--u));color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-player .details .muted{margin-left:calc(.3 * var(--u));font-size:calc(.75 * var(--u))}.score-player .member-trophy,.score-player .guest-status,.score-player .bot-status{padding:calc(.2 * var(--u)) calc(.6 * var(--u));font-size:calc(.8 * var(--u));line-height:1}.score-player>b{display:grid;place-items:center;min-width:calc(2.2 * var(--u));height:calc(2.2 * var(--u));font-size:calc(1.3 * var(--u));background:var(--lav-soft);border-radius:50%}.score-player.active{background:linear-gradient(180deg,var(--butter-soft),#ffe27a);box-shadow:0 calc(.3 * var(--u)) 0 var(--butter-deep)}.score-player.active>b{background:#fff}.match-chat{position:relative;flex:1;display:flex;flex-direction:column;min-height:0}.match-chat-heading{display:flex;align-items:center;justify-content:center;gap:calc(.6 * var(--u));padding:calc(.65 * var(--u)) calc(1.2 * var(--u));font-size:calc(1.1 * var(--u));color:#fff;background:linear-gradient(180deg,#a58cff,var(--lav));box-shadow:0 calc(.2 * var(--u)) 0 var(--lav-deep);margin-bottom:calc(.2 * var(--u))}.match-chat-heading svg{width:1.2em;height:1.2em;stroke-width:2.5}.match-chat-heading strong{text-shadow:0 calc(.1 * var(--u)) 0 #00000022}.match-chat-messages{flex:1;display:flex;flex-direction:column;gap:calc(.5 * var(--u));min-height:0;padding:calc(.8 * var(--u)) calc(.7 * var(--u));overflow-y:auto}.match-chat-empty{margin:auto;font-size:calc(.95 * var(--u));color:var(--ink-soft);text-align:center}.match-chat-message{align-self:flex-start;max-width:88%;padding:calc(.4 * var(--u)) calc(.9 * var(--u));background:#fff;border-radius:calc(.5 * var(--u)) calc(1.3 * var(--u)) calc(1.3 * var(--u)) calc(1.3 * var(--u));box-shadow:0 calc(.2 * var(--u)) 0 #cfc2f3;border-left:calc(.4 * var(--u)) solid var(--chat-player-color, var(--lav));display:flex;flex-direction:column}.match-chat-message.mine{align-self:flex-end;background:#f7f3ff;border-left:0;border-right:calc(.4 * var(--u)) solid var(--chat-player-color, var(--lav));border-radius:calc(1.3 * var(--u)) calc(.5 * var(--u)) calc(1.3 * var(--u)) calc(1.3 * var(--u));box-shadow:0 calc(.2 * var(--u)) 0 #cfc2f3;align-items:flex-end}.match-chat-message-name{display:block;font-size:calc(.8 * var(--u));font-weight:600;color:var(--ink-soft)}.match-chat-message p{font-size:calc(.95 * var(--u));line-height:1.3;overflow-wrap:anywhere;white-space:pre-wrap}.match-chat-compose{flex-direction:row;align-items:center;gap:calc(.4 * var(--u));padding:calc(.6 * var(--u)) calc(.8 * var(--u));background:#d6c9ff;box-shadow:inset 0 calc(.1 * var(--u)) 0 #00000005}.match-chat-compose input{flex:1;min-width:0;min-height:calc(2.4 * var(--u));padding:calc(.5 * var(--u)) calc(.9 * var(--u));font-size:calc(.95 * var(--u));border:calc(.1 * var(--u)) solid var(--lav)}.match-chat-send,.match-chat-icon{width:calc(2.4 * var(--u));height:calc(2.4 * var(--u));flex-shrink:0;color:#fff;background:linear-gradient(180deg,#8b6cf0,var(--lav-deep));border-radius:50%;box-shadow:0 calc(.25 * var(--u)) 0 #4a2fa8;transition:transform .12s cubic-bezier(.3,1.6,.5,1);margin-bottom:calc(.25 * var(--u))}.match-chat-icon{color:#6a4a00;background:linear-gradient(180deg,var(--butter-soft),var(--butter));box-shadow:0 calc(.25 * var(--u)) 0 var(--butter-deep)}.match-chat-send svg,.match-chat-icon svg{width:calc(1.2 * var(--u));height:calc(1.2 * var(--u))}.match-chat-send:disabled{opacity:.45}.match-chat-send:hover:not(:disabled),.match-chat-icon:hover{transform:translateY(calc(-.1 * var(--u))) scale(1.08)}.match-chat-send:active:not(:disabled),.match-chat-icon:active{transform:translateY(calc(.2 * var(--u)));box-shadow:0 calc(.04 * var(--u)) 0 #4a2fa8}.match-chat-emoji-menu{position:absolute;left:calc(.5 * var(--u));right:calc(.5 * var(--u));bottom:calc(3.8 * var(--u));z-index:15;display:grid;grid-template-columns:repeat(6,1fr);gap:calc(.2 * var(--u));padding:calc(.5 * var(--u));background:#fff;border-radius:calc(1.6 * var(--u));box-shadow:0 calc(.35 * var(--u)) 0 var(--ledge),0 calc(1 * var(--u)) calc(1.8 * var(--u)) var(--shadow)}.match-chat-emoji{aspect-ratio:1;font-size:calc(1.3 * var(--u));border-radius:50%;transition:transform .12s cubic-bezier(.3,1.6,.5,1)}.match-chat-emoji:hover{background:var(--butter-soft);transform:scale(1.25)}.game-guide-art{width:calc(14 * var(--u));margin:0 auto;padding:calc(.6 * var(--u));background:var(--game-bg, var(--lav-soft));border-radius:calc(2 * var(--u))}.game-guide-art svg{width:100%;height:auto;display:block}.game-guide-modal .muted{font-size:calc(1.1 * var(--u));line-height:1.5}.connect-wrap,.mega-ttt-wrap,.boxes-wrap{flex:1;min-height:0;min-width:0;position:relative;container-type:size;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(.75 * var(--u))}.connect-wrap{gap:calc(.3 * var(--u))}.column-buttons{display:grid;gap:calc(.6 * var(--u));width:min(100cqw,calc((100cqh - calc(4.2 * var(--u))) * var(--board-ratio)));padding:0 calc(1.4 * var(--u));flex-shrink:0}.column-buttons>button{padding:calc(.2 * var(--u)) 0 calc(.3 * var(--u));border-radius:calc(99 * var(--u));transition:background .12s}.column-buttons>button i{width:calc(1 * var(--u));height:calc(1 * var(--u));border-right:calc(.35 * var(--u)) solid var(--lav);border-bottom:calc(.35 * var(--u)) solid var(--lav);border-radius:calc(.15 * var(--u));transform:rotate(45deg);transition:transform .15s cubic-bezier(.3,1.6,.5,1)}.column-buttons>button:disabled i{opacity:.25}.column-buttons>button.hot{background:color-mix(in srgb,var(--chip) 22%,white)}.column-buttons>button.hot i{border-color:var(--chip);transform:rotate(45deg) translate(calc(.2 * var(--u)),calc(.2 * var(--u)))}.connect-board{--connect-gap: calc(.5 * var(--u));width:min(100cqw,calc((100cqh - calc(4.2 * var(--u))) * var(--board-ratio)));display:grid;gap:var(--connect-gap);position:relative;margin-bottom:calc(1.4 * var(--u));padding:calc(1 * var(--u));background:linear-gradient(180deg,#bf95f0,#b183e8);border:calc(.3 * var(--u)) solid #ddbcff;border-radius:calc(2.2 * var(--u));box-shadow:0 calc(.5 * var(--u)) 0 #8747ca,0 calc(1.2 * var(--u)) calc(2 * var(--u)) var(--shadow),inset 0 calc(.25 * var(--u)) 0 #fff5}.connect-board:before,.connect-board:after{content:"";position:absolute;bottom:calc(-1.6 * var(--u));z-index:-1;width:calc(2.2 * var(--u));height:calc(2.2 * var(--u));background:#8747ca;border-radius:0 0 calc(1 * var(--u)) calc(1 * var(--u))}.connect-board:before{left:14%}.connect-board:after{right:14%}.cell{display:block;min-width:0;aspect-ratio:1;padding:0;background:#eee0fb;border:0;border-radius:50%;box-shadow:inset 0 calc(.35 * var(--u)) calc(.5 * var(--u)) #6a3fb066,0 calc(.1 * var(--u)) 0 #fff5}.cell>span{display:block;width:100%;height:100%;border-radius:50%}.cell.occupied>span{background:radial-gradient(circle at 34% 28%,#ffffffaa,transparent 50%),var(--ball);box-shadow:inset 0 calc(-.3 * var(--u)) 0 #00000026,0 calc(.15 * var(--u)) calc(.3 * var(--u)) #0003}.cell.hot:not(.occupied){background:var(--butter-soft)}.cell.last>span{animation:connect-drop .58s both}.connect-board.has-win .cell.occupied:not(.win)>span{opacity:.4;transition:opacity .4s .5s}.cell.win>span{position:relative;z-index:1;box-shadow:inset 0 calc(-.3 * var(--u)) 0 #00000026,0 0 0 calc(.3 * var(--u)) #fff,0 0 calc(1.4 * var(--u)) calc(.2 * var(--u)) #fff;animation:win-pulse .9s ease-in-out .65s infinite}@keyframes win-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.mega-ttt-board{display:grid;width:min(100cqw - calc(.6 * var(--u)),100cqh - calc(.6 * var(--u)));aspect-ratio:1;padding:calc(.7 * var(--u));background:#fff;border-radius:calc(2 * var(--u));box-shadow:0 calc(.5 * var(--u)) 0 var(--ledge),0 calc(1.2 * var(--u)) calc(2 * var(--u)) var(--shadow);overflow:hidden}.mega-ttt-cell{display:grid;place-items:center;min-width:0;min-height:0;padding:10%;background:transparent;border:0;border-right:calc(.2 * var(--u)) dotted var(--ink-faint);border-bottom:calc(.2 * var(--u)) dotted var(--ink-faint);border-radius:0;transition:background .12s}.mega-ttt-cell:enabled:hover{background:var(--butter-soft)}.mega-ttt-board.has-win .mega-ttt-cell.occupied:not(.win) .mega-ttt-mark{opacity:.3;transition:opacity .4s .3s}.mega-ttt-cell.win{background:var(--butter-soft);box-shadow:inset 0 0 0 calc(.25 * var(--u)) var(--butter);border-radius:calc(1 * var(--u))}.mega-ttt-cell.win .mega-ttt-mark{animation:win-pulse .9s ease-in-out .3s infinite;filter:drop-shadow(0 0 calc(.4 * var(--u)) #fff)}.mega-ttt-cell.win.last .mega-ttt-mark{animation:win-pulse .9s ease-in-out .3s infinite}.mega-ttt-cell.last{background:var(--pink-soft)}.mega-ttt-cell:focus-visible{outline-offset:calc(-.3 * var(--u))}.mega-ttt-mark{width:100%;height:100%}.mega-ttt-cell.last .mega-ttt-mark{animation:pop-in .4s cubic-bezier(.3,1.8,.5,1)}.boxes-wrap>svg{width:min(100cqw,100cqh - calc(2.6 * var(--u)));flex-shrink:0;background:#fff;border-radius:calc(2 * var(--u));box-shadow:0 calc(.5 * var(--u)) 0 var(--lav-soft),0 calc(1.2 * var(--u)) calc(2 * var(--u)) var(--shadow)}.edge{outline:none}.edge.available{cursor:pointer}.edge.available:hover .edge-line,.edge.available:focus-visible .edge-line{stroke:color-mix(in srgb,var(--hover) 50%,white);stroke-width:9px}.edge:focus-visible .edge-line{stroke-dasharray:9 4}.box-scores{display:flex;align-items:center;justify-content:center;gap:calc(.7 * var(--u));padding-top:calc(.6 * var(--u))}.box-scores>span{display:inline-flex;align-items:center;gap:calc(.5 * var(--u));padding:calc(.4 * var(--u)) calc(.6 * var(--u));font-size:calc(.95 * var(--u));background:#fff;border-radius:calc(99 * var(--u));box-shadow:0 calc(.2 * var(--u)) 0 var(--ledge)}.box-scores i{width:calc(.9 * var(--u));height:calc(.9 * var(--u));border-radius:50%}.box-scores em{max-width:calc(8 * var(--u));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-soft)}.carrom-wrap,.physics-wrap{flex:1;min-height:0;min-width:0;display:grid;column-gap:calc(1 * var(--u));row-gap:calc(1.25 * var(--u));grid-template-columns:minmax(0,1fr) calc(5 * var(--u))}.carrom-wrap,.pool-wrap{grid-template-columns:calc(9 * var(--u)) minmax(0,1fr) auto}.carrom-wrap{grid-template-rows:minmax(0,1fr) auto auto}.physics-wrap{grid-template-rows:minmax(0,1fr) auto}.carrom-board-stage,.board-stage{grid-column:1;grid-row:1;min-width:0;min-height:0;display:grid;place-items:center;position:relative}.carrom-board-stage{container-type:size}.carrom-board-stage,.pool-wrap .board-stage{grid-column:2}.carrom-board{display:block;width:min(100cqw - calc(.8 * var(--u)),100cqh - calc(.8 * var(--u)));height:auto;aspect-ratio:1;border:calc(.9 * var(--u)) solid var(--wood-face);border-radius:calc(2 * var(--u));box-shadow:0 calc(.5 * var(--u)) 0 var(--wood-depth),0 calc(1.2 * var(--u)) calc(2 * var(--u)) var(--shadow);overflow:hidden;-webkit-user-select:none;user-select:none}.table-frame{width:fit-content;border:calc(.9 * var(--u)) solid var(--wood-face);border-radius:calc(2 * var(--u));background-color:var(--wood-depth);box-shadow:0 calc(.5 * var(--u)) 0 var(--wood-depth),0 calc(1.2 * var(--u)) calc(2 * var(--u)) var(--shadow);overflow:hidden;-webkit-user-select:none;user-select:none}.artillery-wrap{position:relative;flex:1;min-height:0;min-width:0;background:#bfe8ff;border-radius:calc(1.2 * var(--u));overflow:hidden}.artillery-stage{position:absolute;inset:0;overflow:hidden}.soccer-wrap{position:relative;flex:1;min-height:0;min-width:0;background:#6fc47f;border-radius:calc(1.2 * var(--u));overflow:hidden}.soccer-stage{position:absolute;inset:0}.soccer-stage>svg{width:100%;height:100%;display:block;-webkit-user-select:none;user-select:none}.soccer-score{position:absolute;top:50%;left:calc(1.2 * var(--u));z-index:2;display:flex;flex-direction:column;gap:calc(.8 * var(--u));width:calc(7.5 * var(--u));transform:translateY(-50%);pointer-events:none}.soccer-score span{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:calc(.2 * var(--u)) calc(.5 * var(--u));padding:calc(.6 * var(--u)) calc(.8 * var(--u));font-size:calc(.8 * var(--u));background:#ffffffd9;-webkit-backdrop-filter:blur(calc(.4 * var(--u)));backdrop-filter:blur(calc(.4 * var(--u)));border-radius:calc(1.4 * var(--u));box-shadow:0 calc(.4 * var(--u)) calc(1.2 * var(--u)) #2a1a4a33;opacity:.75}.soccer-score span.is-turn{opacity:1;background:color-mix(in srgb,var(--who) 16%,white);box-shadow:inset 0 0 0 calc(.2 * var(--u)) var(--who),0 calc(.4 * var(--u)) calc(1.2 * var(--u)) #2a1a4a33}.soccer-target{align-self:center;padding:calc(.4 * var(--u)) calc(.8 * var(--u));font-size:calc(.95 * var(--u));font-weight:500;color:#fff;background:#7a5cc4;border-radius:99vw;box-shadow:0 calc(.25 * var(--u)) calc(.8 * var(--u)) #2a1a4a33;display:flex;align-items:center;gap:calc(.4 * var(--u))}.soccer-score i{flex-shrink:0;width:calc(1 * var(--u));height:calc(1 * var(--u));background:var(--who);border-radius:50%;box-shadow:inset 0 calc(-.2 * var(--u)) 0 #00000026}.soccer-score em{min-width:0;max-width:calc(6 * var(--u));overflow:hidden;font-style:normal;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.soccer-score b{flex-basis:100%;text-align:center;font-size:calc(2.2 * var(--u));line-height:1.1;color:var(--who)}.soccer-target b{font-size:calc(1.25 * var(--u))}.soccer-goal{position:absolute;top:38%;left:50%;z-index:3;display:flex;flex-direction:column;align-items:center;padding:calc(.8 * var(--u)) calc(3.4 * var(--u));font-size:calc(5 * var(--u));font-weight:700;line-height:1;color:#fff;background:var(--who);border-radius:calc(2.4 * var(--u));box-shadow:0 calc(.6 * var(--u)) 0 color-mix(in srgb,var(--who) 65%,black),0 calc(1.6 * var(--u)) calc(2.4 * var(--u)) #2a1a4a55;transform:translate(-50%,-50%);animation:soccer-goal-pop 2.5s both;pointer-events:none}.soccer-goal small{margin-top:calc(.4 * var(--u));font-size:calc(1.3 * var(--u));font-weight:600}@keyframes soccer-goal-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.4) rotate(-6deg)}14%{opacity:1;transform:translate(-50%,-50%) scale(1.08) rotate(2deg)}24%,80%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}to{opacity:0;transform:translate(-50%,-62%) scale(.95)}}.artillery-field,.artillery-field>svg{width:100%;height:100%;display:block}.artillery-field>svg{-webkit-user-select:none;user-select:none}.bowling-wrap .board-caption,.soccer-wrap .board-caption,.artillery-wrap .board-caption{position:absolute;left:50%;bottom:calc(1.2 * var(--u));z-index:2;grid-column:auto;transform:translate(-50%);pointer-events:none}.bowling-wrap .table-hint,.soccer-wrap .table-hint,.artillery-wrap .table-hint{background:#ffffffd9;-webkit-backdrop-filter:blur(calc(.4 * var(--u)));backdrop-filter:blur(calc(.4 * var(--u)));box-shadow:0 calc(.4 * var(--u)) calc(1.2 * var(--u)) #2a1a4a33}.bowling-wrap .drag-shot-controls,.soccer-wrap .drag-shot-controls,.artillery-wrap .drag-shot-controls{position:absolute;right:calc(1.4 * var(--u));top:50%;z-index:2;grid-column:auto;grid-row:auto;transform:translateY(-50%);background:#ffffffd9;-webkit-backdrop-filter:blur(calc(.4 * var(--u)));backdrop-filter:blur(calc(.4 * var(--u)));pointer-events:none}.bowling-wrap{position:relative;flex:1;min-height:0;min-width:0;background:#a798ee;border-radius:calc(1.2 * var(--u));overflow:hidden}.bowling-stage{position:absolute;inset:0;overflow:hidden}.bowling-svg{width:100%;height:100%;display:block;-webkit-user-select:none;user-select:none}.bowling-sheet{position:absolute;top:calc(1 * var(--u));left:calc(1.2 * var(--u));z-index:2;display:flex;flex-direction:column;gap:calc(.45 * var(--u));padding:calc(.7 * var(--u)) calc(.8 * var(--u)) calc(.8 * var(--u));background:#fffd;-webkit-backdrop-filter:blur(calc(.4 * var(--u)));backdrop-filter:blur(calc(.4 * var(--u)));border-radius:calc(1.6 * var(--u));box-shadow:0 calc(.35 * var(--u)) 0 #fff8,0 calc(.8 * var(--u)) calc(1.4 * var(--u)) #2a1a4a33;pointer-events:none}.bowling-sheet-head{display:flex;align-items:baseline;gap:calc(.4 * var(--u));padding:0 calc(.3 * var(--u));font-size:calc(.85 * var(--u));color:var(--ink-soft)}.bowling-sheet-head b{font-size:calc(1 * var(--u));color:var(--ink)}.bowling-row{display:grid;grid-template-columns:calc(5.6 * var(--u)) auto;align-items:center;gap:calc(.4 * var(--u));padding:calc(.25 * var(--u)) calc(.4 * var(--u)) calc(.25 * var(--u)) calc(.5 * var(--u));border-radius:calc(1 * var(--u));background:#f6f1ff;border-left:calc(.35 * var(--u)) solid var(--who)}.bowling-row.is-active{background:var(--butter-soft);box-shadow:inset 0 calc(-.2 * var(--u)) 0 #f0d77c}.bowling-row.is-out{opacity:.45}.bowling-name{display:flex;align-items:center;gap:calc(.35 * var(--u));min-width:0;font-size:calc(.9 * var(--u));font-weight:600;white-space:nowrap}.bowling-name i{width:calc(.7 * var(--u));height:calc(.7 * var(--u));flex-shrink:0;background:var(--who);border-radius:50%}.bowling-frames{display:flex;gap:calc(.25 * var(--u))}.bowling-frame{width:calc(3 * var(--u));display:flex;flex-direction:column;align-items:stretch;overflow:hidden;background:#fff;border-radius:calc(.45 * var(--u));box-shadow:inset 0 0 0 calc(.1 * var(--u)) #ddd2f5;text-align:center}.bowling-frame.is-last{width:calc(4.3 * var(--u))}.bowling-marks{display:flex;border-bottom:calc(.1 * var(--u)) solid #ddd2f5}.bowling-marks em{flex:1;min-height:calc(1.1 * var(--u));font-size:calc(.78 * var(--u));font-style:normal;font-weight:700;line-height:calc(1.1 * var(--u));color:var(--coral-deep)}.bowling-marks em+em{border-left:calc(.1 * var(--u)) solid #ddd2f5}.bowling-frame>b{min-height:calc(1.2 * var(--u));font-size:calc(.95 * var(--u));line-height:calc(1.2 * var(--u))}.bowling-total{display:grid;place-items:center;min-width:calc(2.6 * var(--u));padding:0 calc(.4 * var(--u));font-size:calc(1.2 * var(--u));font-weight:700;color:#fff;background:linear-gradient(180deg,#a58cff,var(--lav));border-radius:calc(.6 * var(--u))}.bowling-wrap .board-caption{bottom:auto;top:calc(1.2 * var(--u))}.bowling-position{position:absolute;left:50%;bottom:calc(1 * var(--u));z-index:3;width:calc(26 * var(--u));padding:calc(.7 * var(--u)) calc(1.4 * var(--u));transform:translate(-50%);background:#fffd;-webkit-backdrop-filter:blur(calc(.4 * var(--u)));backdrop-filter:blur(calc(.4 * var(--u)));border-radius:99vw;box-shadow:0 calc(.3 * var(--u)) 0 #fff8,0 calc(.8 * var(--u)) calc(1.4 * var(--u)) #2a1a4a33;transition:opacity .2s}.bowling-position.is-idle{opacity:.5}.bowling-hook{position:absolute;left:calc(1.2 * var(--u));bottom:calc(1.2 * var(--u));z-index:3;display:flex;flex-direction:column;align-items:center;gap:calc(.6 * var(--u));width:calc(13 * var(--u));transition:opacity .2s}.bowling-hook.is-idle{opacity:.5}.bowling-controls{display:flex;flex-direction:column;gap:calc(.4 * var(--u));width:100%;padding:calc(.7 * var(--u)) calc(1 * var(--u));background:#fffd;-webkit-backdrop-filter:blur(calc(.4 * var(--u)));backdrop-filter:blur(calc(.4 * var(--u)));border-radius:calc(1.4 * var(--u));box-shadow:0 calc(.3 * var(--u)) 0 #fff8,0 calc(.8 * var(--u)) calc(1.4 * var(--u)) #2a1a4a33;transition:opacity .2s}.hook-arrow{width:calc(5.4 * var(--u));height:calc(4.8 * var(--u));align-self:center;overflow:visible;filter:drop-shadow(0 calc(.25 * var(--u)) 0 #2a1a4a33)}.bowling-controls.is-idle{opacity:.5}.bowling-controls label{display:grid;grid-template-columns:calc(3 * var(--u)) 1fr;align-items:center;gap:calc(.6 * var(--u));font-size:calc(.85 * var(--u));font-weight:600;color:var(--ink)}.bowling-controls input[type=range],.bowling-position input[type=range]{appearance:none;-webkit-appearance:none;width:100%;min-height:0;height:calc(1 * var(--u));padding:0;border:0;border-radius:99vw;background:#ece6ff;box-shadow:inset 0 calc(.2 * var(--u)) calc(.3 * var(--u)) #6a4a8a2a;cursor:pointer}.bowling-controls input[type=range]:focus,.bowling-position input[type=range]:focus{box-shadow:0 0 0 calc(.25 * var(--u)) #6cc3ff55,inset 0 calc(.2 * var(--u)) calc(.3 * var(--u)) #6a4a8a2a}.bowling-controls input[type=range]::-webkit-slider-thumb,.bowling-position input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:calc(2 * var(--u));height:calc(2 * var(--u));background:linear-gradient(180deg,#a58cff,var(--lav));border:calc(.2 * var(--u)) solid #fff;border-radius:50%;box-shadow:0 calc(.25 * var(--u)) 0 var(--lav-deep),0 calc(.4 * var(--u)) calc(.6 * var(--u)) #2a1a4a40}.bowling-controls input[type=range]::-moz-range-thumb,.bowling-position input[type=range]::-moz-range-thumb{width:calc(1.6 * var(--u));height:calc(1.6 * var(--u));background:var(--lav);border:calc(.2 * var(--u)) solid #fff;border-radius:50%;box-shadow:0 calc(.25 * var(--u)) 0 var(--lav-deep)}.bowling-controls input[type=range]:disabled,.bowling-position input[type=range]:disabled{cursor:not-allowed}.archery-sheet .bowling-row{grid-template-columns:calc(5.4 * var(--u)) auto}.archery-wind{margin-left:auto;padding:0 calc(.6 * var(--u));font-weight:700;color:#0f4a78;background:#d8efff;border-radius:99vw}.archery-chips{display:flex;gap:calc(.25 * var(--u));align-items:center}.archery-chips em{display:grid;place-items:center;width:calc(1.9 * var(--u));height:calc(1.9 * var(--u));font-size:calc(.85 * var(--u));font-style:normal;font-weight:700;border-radius:50%;box-shadow:inset 0 calc(-.15 * var(--u)) 0 #0000001f}.archery-windbox{position:absolute;top:calc(1 * var(--u));right:calc(1.2 * var(--u));z-index:2;display:flex;flex-direction:column;align-items:center;min-width:calc(9 * var(--u));padding:calc(.5 * var(--u)) calc(1.1 * var(--u)) calc(.7 * var(--u));background:#fffd;-webkit-backdrop-filter:blur(calc(.4 * var(--u)));backdrop-filter:blur(calc(.4 * var(--u)));border-radius:calc(1.4 * var(--u));box-shadow:0 calc(.35 * var(--u)) 0 #fff8,0 calc(.8 * var(--u)) calc(1.4 * var(--u)) #2a1a4a33;pointer-events:none}.archery-windbox small{font-size:calc(.8 * var(--u));font-weight:700;letter-spacing:.18em;color:#0f4a78}.archery-windbox b{display:flex;align-items:center;gap:calc(.4 * var(--u));font-size:calc(1.5 * var(--u));line-height:1.1;color:var(--ink)}.archery-wind-arrows{font-size:calc(.8 * var(--u));letter-spacing:-.1em;color:#3b95dd}.archery-distance{position:absolute;top:50%;right:calc(1.2 * var(--u));z-index:2;display:flex;flex-direction:column;align-items:center;min-width:calc(9 * var(--u));padding:calc(.5 * var(--u)) calc(1.1 * var(--u)) calc(.7 * var(--u));transform:translateY(-50%);background:#fffd;-webkit-backdrop-filter:blur(calc(.4 * var(--u)));backdrop-filter:blur(calc(.4 * var(--u)));border-radius:calc(1.4 * var(--u));box-shadow:0 calc(.35 * var(--u)) 0 #fff8,0 calc(.8 * var(--u)) calc(1.4 * var(--u)) #2a1a4a33;pointer-events:none}.archery-distance small{font-size:calc(.8 * var(--u));font-weight:700;letter-spacing:.18em;color:#2f7a2a}.archery-distance b{font-size:calc(2.2 * var(--u));line-height:1.1;color:var(--ink)}.archery-wrap .board-caption{top:auto;bottom:calc(1.2 * var(--u))}.archery-svg{touch-action:none}.artillery-turn-mark{animation:art-bob 1.1s ease-in-out infinite}@keyframes art-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.table-frame>svg{width:100%;height:100%;display:block}.carrom-slider-wrap{grid-row:2;grid-column:2;justify-self:center;width:calc(20 * var(--u));display:flex;align-items:center;padding:calc(.3 * var(--u)) 0}.carrom-slider-wrap.inactive{opacity:.4}.carrom-slider{position:relative;width:100%;height:calc(1.4 * var(--u));background:#f1e8d6;border-radius:calc(99 * var(--u));box-shadow:inset 0 calc(.25 * var(--u)) calc(.4 * var(--u)) #6a4a8a2a;cursor:ew-resize;touch-action:none}.carrom-slider>i{position:absolute;top:50%;width:calc(2.6 * var(--u));height:calc(2.6 * var(--u));background:#fffdf7;border-radius:50%;box-shadow:0 calc(.3 * var(--u)) 0 var(--ledge),0 calc(.6 * var(--u)) calc(.8 * var(--u)) var(--shadow);transform:translate(-50%,-50%);border:calc(.14 * var(--u)) solid #bc8b54}.carrom-slider>i:after{content:"";position:absolute;inset:18%;border:calc(.14 * var(--u)) solid #bc8b54;border-radius:50%}.board-caption{grid-column:1;align-self:center}.carrom-wrap .board-caption,.pool-wrap .board-caption{grid-column:2}.carrom-wrap .board-caption{grid-row:3}.physics-wrap .board-caption{grid-row:2}.table-hint{padding:calc(.3 * var(--u)) calc(.8 * var(--u));width:fit-content;margin:0 auto;font-size:calc(.95 * var(--u));font-weight:500;color:var(--ink-soft);text-align:center;background:var(--butter-soft);border-radius:calc(99 * var(--u));box-shadow:0 calc(.2 * var(--u)) 0 var(--ledge)}.table-hint:empty{display:none}.inactive-ball{opacity:.5}.ghost-ball{opacity:.6}.aim-ring{filter:drop-shadow(0 calc(.1 * var(--u)) calc(.1 * var(--u)) #4a2a6a99)}.carrom-board .aim-ring{stroke-width:4px}.aim-path{filter:drop-shadow(0 calc(.1 * var(--u)) calc(.1 * var(--u)) #4a2a6a77)}.remaining-balls{grid-column:1;grid-row:1;align-self:center;display:flex;flex-direction:column;justify-content:center;gap:calc(.6 * var(--u));min-width:0}.remaining-player{display:flex;align-items:center;gap:calc(.5 * var(--u));padding:calc(.4 * var(--u)) calc(.7 * var(--u));background:#fff;border-radius:calc(99 * var(--u));box-shadow:0 calc(.25 * var(--u)) 0 color-mix(in srgb,var(--who) 50%,white)}.remaining-player>i{width:calc(1.4 * var(--u));height:calc(1.4 * var(--u));flex-shrink:0;background:var(--who);border-radius:50%;box-shadow:inset 0 calc(-.15 * var(--u)) 0 #0003}.remaining-player .details{display:flex;flex-direction:column;min-width:0}.remaining-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:calc(.9 * var(--u));font-weight:500}.remaining-label{font-size:calc(.85 * var(--u));color:var(--ink-soft);margin-top:calc(.2 * var(--u));font-size:calc(1 * var(--u))}.remaining-label b{font-weight:550}.drag-shot-controls{grid-column:-2 / -1;grid-row:1;align-self:center;height:fit-content;display:flex;flex-direction:column;align-items:center;gap:calc(.5 * var(--u));padding:calc(.8 * var(--u)) calc(.5 * var(--u));background:#fff;border-radius:calc(99 * var(--u));box-shadow:0 calc(.35 * var(--u)) 0 var(--ledge),0 calc(.8 * var(--u)) calc(1.2 * var(--u)) var(--shadow)}.speed-label{font-size:calc(.85 * var(--u));font-weight:600;color:var(--ink-soft)}.speedbar{position:relative;width:calc(1.8 * var(--u));height:calc(11 * var(--u));overflow:hidden;background:#f1e8d6;border-radius:calc(99 * var(--u));box-shadow:inset 0 calc(.25 * var(--u)) calc(.4 * var(--u)) #6a4a8a2a}.speedbar>span{position:absolute;inset:auto 0 0;display:block;background:linear-gradient(to top,var(--mint),var(--butter) 55%,var(--coral));border-radius:calc(99 * var(--u));box-shadow:inset 0 calc(.2 * var(--u)) 0 #fff6;transition:height .04s linear}.drag-shot-controls>strong{font-size:calc(1.1 * var(--u));color:var(--lav-deep)}.result-banner{--rb-plate: var(--butter);--rb-plate-hi: var(--butter-soft);--rb-deep: var(--butter-deep);--rb-tail: #e9b92e;--rb-ink: #6a4a00;--rb-glow: #ffffff88;position:relative;flex-shrink:0;width:calc(25 * var(--u));height:calc(6.8 * var(--u))}.result-banner.outcome-loss{--rb-plate: var(--rose);--rb-plate-hi: #ff95ab;--rb-deep: var(--rose-deep);--rb-tail: #e8577b;--rb-ink: #fff;--rb-glow: #ffffff44}.result-banner.outcome-draw{--rb-plate: var(--sky);--rb-plate-hi: #a5dcff;--rb-deep: var(--sky-deep);--rb-tail: #52a8e8;--rb-ink: #fff;--rb-glow: #ffffff44}.result-banner-tail{position:absolute;top:calc(1.5 * var(--u));width:34%;height:calc(5.3 * var(--u));background:var(--rb-tail);box-shadow:inset 0 calc(-.5 * var(--u)) 0 #00000014}.result-banner-tail.is-left{left:0;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,16% 50%)}.result-banner-tail.is-right{right:0;clip-path:polygon(0 0,100% 0,84% 50%,100% 100%,0 100%)}.result-banner-plate{position:absolute;left:9%;right:9%;top:0;z-index:1;display:flex;align-items:center;justify-content:center;gap:calc(.9 * var(--u));height:calc(5.6 * var(--u));color:var(--rb-ink);background:linear-gradient(180deg,var(--rb-plate-hi),var(--rb-plate));border-radius:calc(1.6 * var(--u));box-shadow:0 calc(.5 * var(--u)) 0 var(--rb-deep),0 calc(1.2 * var(--u)) calc(1.6 * var(--u)) #4a2a6a33,inset 0 calc(.25 * var(--u)) 0 #fff8;text-shadow:0 calc(.18 * var(--u)) 0 var(--rb-glow)}.result-banner-plate b{font-size:calc(2.7 * var(--u));font-weight:700;letter-spacing:.1em;text-transform:uppercase}.result-banner-plate svg{width:calc(2.9 * var(--u));height:calc(2.9 * var(--u));stroke-width:2.4}.result-banner.outcome-win .result-banner-plate svg{fill:#fff6c4}.result-banner.is-mini{width:calc(12.5 * var(--u));height:calc(3.7 * var(--u))}.result-banner.is-mini .result-banner-tail{top:calc(.8 * var(--u));height:calc(2.7 * var(--u))}.result-banner.is-mini .result-banner-plate{gap:calc(.5 * var(--u));height:calc(3 * var(--u));border-radius:calc(.9 * var(--u));box-shadow:0 calc(.28 * var(--u)) 0 var(--rb-deep),inset 0 calc(.15 * var(--u)) 0 #fff8}.result-banner.is-mini .result-banner-plate b{font-size:calc(1.25 * var(--u))}.result-banner.is-mini .result-banner-plate svg{width:calc(1.4 * var(--u));height:calc(1.4 * var(--u))}.results{position:relative;height:100%;display:grid;place-items:center;overflow:hidden}.results-card{position:relative;width:calc(52 * var(--u));margin-top:calc(3.2 * var(--u));padding:calc(5 * var(--u)) calc(3 * var(--u)) calc(2.4 * var(--u));display:flex;flex-direction:column;align-items:center;gap:calc(1.4 * var(--u));background:var(--cream);border-radius:calc(3 * var(--u));box-shadow:0 calc(.7 * var(--u)) 0 var(--ledge),0 calc(1.8 * var(--u)) calc(3 * var(--u)) var(--shadow),inset 0 calc(.2 * var(--u)) 0 #fff;animation:pop-in .5s cubic-bezier(.3,1.6,.5,1) both}.results-card.outcome-win{box-shadow:0 calc(.7 * var(--u)) 0 #efdca0,0 calc(1.8 * var(--u)) calc(3 * var(--u)) var(--shadow),inset 0 calc(.2 * var(--u)) 0 #fff}.results-card.outcome-loss{box-shadow:0 calc(.7 * var(--u)) 0 #f6b6cc,0 calc(1.8 * var(--u)) calc(3 * var(--u)) var(--shadow),inset 0 calc(.2 * var(--u)) 0 #fff}.results-card.outcome-draw{box-shadow:0 calc(.7 * var(--u)) 0 #b5dcf7,0 calc(1.8 * var(--u)) calc(3 * var(--u)) var(--shadow),inset 0 calc(.2 * var(--u)) 0 #fff}.results-card>.result-banner{position:absolute;top:calc(-3.6 * var(--u));left:calc(50% - 12.5 * var(--u));animation:banner-drop .7s cubic-bezier(.3,1.6,.5,1) .15s both}.results-sub{font-size:calc(1.4 * var(--u));font-weight:450;color:var(--ink)}.result-scores{width:100%;display:flex;flex-direction:column;gap:calc(.8 * var(--u))}.result-scores li{display:flex;align-items:center;gap:calc(1 * var(--u));padding:calc(.7 * var(--u)) calc(1.6 * var(--u)) calc(.8 * var(--u)) calc(1.2 * var(--u));background:#fff;border-radius:99vw;box-shadow:inset 0 calc(.2 * var(--u)) 0 #fffd,inset 0 calc(-.28 * var(--u)) 0 var(--lav-soft)}.result-scores li.winner{background:linear-gradient(180deg,#fffbe3,var(--butter-soft));box-shadow:inset 0 calc(.2 * var(--u)) 0 #fffd,inset 0 calc(-.3 * var(--u)) 0 #f0d77c}.rank{display:grid;place-items:center;flex-shrink:0;width:calc(2.8 * var(--u));height:calc(2.8 * var(--u));font-size:calc(1.4 * var(--u));font-weight:700;color:var(--ink-soft);background:var(--lav-soft);border-radius:50%;box-shadow:inset 0 calc(-.22 * var(--u)) 0 #d3c7f5}.rank.rank-1{color:#6a4a00;background:linear-gradient(180deg,var(--butter-soft),var(--butter));box-shadow:inset 0 calc(-.22 * var(--u)) 0 var(--butter-deep)}.rank.rank-2{color:#55607a;background:linear-gradient(180deg,#f3f6ff,#d7deef);box-shadow:inset 0 calc(-.22 * var(--u)) 0 #b3bdd6}.rank.rank-3{color:#7a4a2a;background:linear-gradient(180deg,#ffe9d6,#f3c29c);box-shadow:inset 0 calc(-.22 * var(--u)) 0 #d99f74}.result-scores .avatar-art{--avatar-size: calc(3.4 * var(--u))}.result-name{flex:1;min-width:0;display:flex;align-items:center;gap:calc(.7 * var(--u));font-size:calc(1.4 * var(--u))}.result-name b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:550}.result-you{font-size:calc(.9 * var(--u));font-weight:600;line-height:1;color:var(--ink-soft)}.result-name>svg{color:var(--butter-deep);fill:var(--butter)}.result-scores strong{font-size:calc(2 * var(--u))}.result-scores strong small{font-size:calc(.9 * var(--u));color:var(--ink-soft)}.results-chips{display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;justify-content:center;gap:calc(.8 * var(--u))}.trophy-result{display:inline-flex;align-items:center;gap:calc(.5 * var(--u));padding:calc(.8 * var(--u)) calc(1.4 * var(--u));font-size:calc(1.1 * var(--u));font-weight:600;color:var(--ink-soft);background:var(--lav-soft);border-radius:99vw}.trophy-result.tone-positive{color:#1d7a58;background:var(--mint-soft)}.trophy-result.tone-negative{color:#a8324d;background:var(--pink-soft)}.results-saving{font-size:calc(.95 * var(--u));color:var(--ink-soft)}.results-saving.is-error{color:#a8324d}.results-actions{display:flex;gap:calc(1.2 * var(--u));margin-top:calc(.3 * var(--u))}.results-actions button{min-height:calc(4 * var(--u));font-size:calc(1.3 * var(--u))}.confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}.confetti i{position:absolute;top:calc(-2 * var(--u));left:calc(var(--i) * 3.85%);width:calc(.9 * var(--u));height:calc(.9 * var(--u));background:var(--pink);border-radius:50%;animation:confetti-fall 3.6s linear infinite;animation-delay:calc(var(--i) * -.23s)}.confetti i:nth-child(4n+1){background:var(--butter);border-radius:calc(.2 * var(--u))}.confetti i:nth-child(4n+2){background:var(--mint)}.confetti i:nth-child(4n+3){background:var(--sky);border-radius:calc(.2 * var(--u))}@keyframes seat-in{0%{transform:translateY(-105%)}to{transform:translateY(0)}}@keyframes seat-out{0%{transform:translateY(0)}to{transform:translateY(105%)}}@keyframes hero-twinkle{0%,to{opacity:.95;transform:scale(1) rotate(0)}50%{opacity:.35;transform:scale(.6) rotate(25deg)}}@keyframes cta-shimmer{0%,55%{left:-40%}to{left:130%}}@keyframes pop-in{0%{opacity:0;transform:scale(.8) translateY(calc(1.4 * var(--u)))}to{opacity:1;transform:none}}@keyframes banner-drop{0%{opacity:0;transform:translateY(calc(-5 * var(--u))) scale(.7)}to{opacity:1;transform:none}}@keyframes pop-center{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,calc(2 * var(--u))) scale(.85)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes toy-float{0%,to{transform:translateY(0)}50%{transform:translateY(calc(-1 * var(--u)))}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(calc(-.4 * var(--u)))}}@keyframes wobble{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg) scale(1.05)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(calc(-.15 * var(--u)))}75%{transform:translate(calc(.15 * var(--u)))}}@keyframes zoom{0%{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes dot-bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(calc(-.9 * var(--u)))}}@keyframes countdown-pop{0%{transform:scale(.4) rotate(-20deg)}to{transform:scale(1) rotate(0)}}@keyframes reel-spin{0%{transform:translateY(-20%);opacity:.4}to{transform:translateY(0);opacity:1}}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0)}to{transform:translateY(calc(54 * var(--u))) rotate(540deg)}}@keyframes connect-drop{0%{transform:translateY(calc(-1 * var(--drop-rows) * (100% + var(--connect-gap) + calc(.3 * var(--u)))));animation-timing-function:cubic-bezier(.45,0,.8,.55)}72%{transform:translateY(0);animation-timing-function:ease-out}86%{transform:translateY(-13%);animation-timing-function:ease-in}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.golf-flag{transform-box:fill-box;transform-origin:left center;animation:golf-wave 2.4s ease-in-out infinite}@keyframes golf-wave{0%,to{transform:skewY(0) scaleX(1)}50%{transform:skewY(-5deg) scaleX(.92)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.rotate-screen{width:100vw;max-width:none;height:100vh;max-height:none;margin:0;border-radius:0;box-shadow:none;background-color:#bfe8ff;background-image:radial-gradient(ellipse 30vmin 10vmin at 16% 14%,#ffffffcc,transparent 70%),radial-gradient(ellipse 34vmin 11vmin at 80% 10%,#ffffffcc,transparent 70%),linear-gradient(180deg,#a6dcff,#d4f1ff 55%,#fff4d8)}.rotate-screen[open]{display:grid;place-items:center}.rotate-card{display:flex;flex-direction:column;align-items:center;gap:4vmin;width:min(86vmin,120vmax);padding:8vmin 6vmin;text-align:center;background:var(--cream);border-radius:7vmin;box-shadow:0 1.6vmin 0 var(--ledge),0 4vmin 7vmin var(--shadow)}.rotate-phone{display:grid;place-items:center;width:22vmin;height:22vmin;color:#fff;background:linear-gradient(180deg,#ff9d8f,var(--coral));border-radius:50%;box-shadow:0 1.2vmin 0 var(--coral-deep);animation:rotate-hint 2.4s ease-in-out infinite}.rotate-phone svg{width:11vmin;height:11vmin}.rotate-card h1{font-size:6.4vmin;line-height:1.15;color:var(--lav-deep)}.rotate-card p{font-size:4vmin;line-height:1.4;color:var(--ink-soft)}.enter-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:3.4vmin;width:min(92vmin,120vmax);padding:10vmin 6vmin 8vmin;text-align:center}.enter-logo{display:inline-flex;align-items:center;gap:2vmin;font-size:9vmin;font-weight:700;color:var(--lav-deep)}.enter-logo .brand-symbol{width:13vmin;height:13vmin;border-radius:4vmin}.enter-logo .brand-symbol svg{width:7vmin;height:7vmin}.enter-card h1{font-size:8vmin;line-height:1.1;color:var(--lav-deep)}.enter-card p{font-size:4vmin;line-height:1.4;color:var(--ink-soft)}.enter-button{min-height:14vmin;margin-top:2vmin;padding:2vmin 10vmin;font-size:5.4vmin;border-radius:99vmax}.enter-floaters{position:absolute;inset:-40vmin -10vmin;pointer-events:none}.enter-floater{position:absolute;width:24vmin;padding:1.2vmin;background:var(--game-bg, var(--lav-soft));border-radius:5vmin;box-shadow:0 1.2vmin 0 var(--ledge),0 3vmin 5vmin var(--shadow);animation:enter-float 5s ease-in-out infinite}.enter-floater svg{display:block;width:100%;height:auto}.enter-floater-0{top:6%;left:2%;--tilt: -8deg}.enter-floater-1{top:2%;right:0;--tilt: 7deg;animation-delay:-1.2s}.enter-floater-2{top:38%;left:-6%;--tilt: 6deg;animation-delay:-2.4s}.enter-floater-3{top:40%;right:-6%;--tilt: -6deg;animation-delay:-3.1s}.enter-floater-4{bottom:8%;left:4%;--tilt: -5deg;animation-delay:-.6s}.enter-floater-5{bottom:10%;right:2%;--tilt: 8deg;animation-delay:-1.8s}@keyframes enter-float{0%,to{transform:translateY(0) rotate(var(--tilt, 0deg))}50%{transform:translateY(-2.4vmin) rotate(calc(var(--tilt, 0deg) * -.5))}}.rotate-note{font-size:3.2vmin;line-height:1.35;color:var(--ink-soft)}@keyframes rotate-hint{0%,20%{transform:rotate(0)}55%,80%{transform:rotate(-90deg)}to{transform:rotate(0)}}