:root,[data-theme=premium]{--app-bg-a: #191922;--bg: #0b0b0f;--bg-elev: #131319;--panel: #16161d;--panel-2: #1c1c25;--screen-a: #131319;--screen-b: #101015;--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .16);--text: #ecebe6;--muted: #9a9aa6;--muted-2: #6f6f7a;--gold: #d8b36a;--accent-2: #efd9a6;--gold-soft: rgba(216, 179, 106, .14);--on-accent: #201a0c;--green: #7bc99a;--red: #e0655a;--blue: #7aa2e3;--tile-a: #23232d;--tile-b: #14141a;--coin-a: #d8b36a;--coin-b: #8a6d33;--overlay: rgba(6, 6, 9, .82)}[data-theme=light]{--app-bg-a: #fff2e0;--bg: #fbf3ea;--bg-elev: #fffdfa;--panel: #ffffff;--panel-2: #fdf1e4;--screen-a: #fffdf9;--screen-b: #fdf3e8;--line: rgba(30, 22, 14, .1);--line-strong: rgba(30, 22, 14, .2);--text: #2a2320;--muted: #857a6f;--muted-2: #b1a496;--gold: #ff6b5e;--accent-2: #ffab3d;--gold-soft: rgba(255, 107, 94, .14);--on-accent: #ffffff;--green: #17b890;--red: #ef4a5e;--blue: #2f9be0;--tile-a: #fff0e2;--tile-b: #ffe0ca;--coin-a: #ffab3d;--coin-b: #ff6b5e;--overlay: rgba(250, 244, 236, .88)}:root{--radius: 18px;--radius-lg: 26px;--shadow: 0 24px 60px rgba(0, 0, 0, .5);--serif: "Fraunces", Georgia, serif;--sans: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}html{background:var(--bg);overscroll-behavior:none}body{overscroll-behavior:none;background:radial-gradient(1200px 700px at 50% -10%,var(--app-bg-a) 0%,var(--bg) 55%);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;letter-spacing:.01em;transition:background .35s ease,color .35s ease}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input{font-family:inherit}.app-shell{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px}.screen{width:100%;max-width:440px;height:min(860px,92dvh);background:linear-gradient(180deg,var(--screen-a) 0%,var(--screen-b) 100%);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden;position:relative;display:flex;flex-direction:column;transition:background .35s ease}.screen-pad{padding:28px 24px;display:flex;flex-direction:column;flex:1;min-height:0;position:relative;z-index:1}.onboard-screen,.profile-screen,.friend-screen{overscroll-behavior:contain}.ambient{position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none}.ambient .orb{position:absolute;border-radius:50%;filter:blur(58px)}.orb-a{width:280px;height:280px;background:var(--gold);opacity:.22;left:-70px;top:-50px;animation:drift1 18s ease-in-out infinite}.orb-b{width:240px;height:240px;background:var(--accent-2);opacity:.2;right:-60px;top:34%;animation:drift2 23s ease-in-out infinite}.orb-c{width:220px;height:220px;background:var(--gold);opacity:.16;left:24%;bottom:-70px;animation:drift3 27s ease-in-out infinite}@keyframes drift1{0%,to{transform:translate(0)}50%{transform:translate(46px,34px)}}@keyframes drift2{0%,to{transform:translate(0)}50%{transform:translate(-40px,-30px)}}@keyframes drift3{0%,to{transform:translate(0)}50%{transform:translate(30px,-40px)}}.ambient-sheen{position:absolute;inset:-45%;background:conic-gradient(from 0deg at 50% 50%,transparent 0deg,var(--gold-soft) 35deg,transparent 95deg,transparent 175deg,var(--gold-soft) 215deg,transparent 285deg,transparent 360deg);filter:blur(46px);opacity:.9;animation:spinSheen 55s linear infinite}@keyframes spinSheen{to{transform:rotate(360deg)}}.ambient-vignette{position:absolute;inset:0;background:radial-gradient(130% 100% at 50% 0%,transparent 45%,rgba(0,0,0,.1) 100%)}.ambient-glyphs{position:absolute;inset:0}.glyph{position:absolute;bottom:-60px;color:var(--gold);font-family:var(--serif);font-weight:500;letter-spacing:.02em;animation-name:rise;animation-timing-function:linear;animation-iteration-count:infinite;will-change:transform,opacity}@keyframes rise{0%{transform:translateY(0) rotate(-3deg);opacity:0}12%{opacity:var(--op, .4)}88%{opacity:var(--op, .4)}to{transform:translateY(-820px) rotate(4deg);opacity:0}}@media(prefers-reduced-motion:reduce){.ambient .orb,.glyph,.ambient-sheen,.hero-mascot,.hero-burst,.hero-character,.hero-shadow,.hero-cape,.hero-eye,.hero-card,.hero-arm.right,.hero-tokens{animation:none}}.brand-word{font-family:var(--serif);font-weight:400;letter-spacing:.06em}.eyebrow{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--muted-2)}.h1{font-family:var(--serif);font-weight:400;font-size:40px;line-height:1.05}.h2{font-family:var(--serif);font-weight:400;font-size:26px}.title{font-size:20px;font-weight:600}.muted{color:var(--muted)}.muted-2{color:var(--muted-2)}.center{text-align:center}.row{display:flex;align-items:center}.between{justify-content:space-between}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.col{display:flex;flex-direction:column}.grow,.spacer{flex:1}.btn{width:100%;padding:16px 18px;border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);color:var(--text);font-size:15px;font-weight:500;transition:transform .12s ease,border-color .2s ease,background .2s ease}.btn:active{transform:scale(.985)}.btn:hover{border-color:var(--line-strong)}.btn-primary{background:linear-gradient(180deg,var(--accent-2) 0%,var(--gold) 100%);color:var(--on-accent);border:none;font-weight:600}.btn-primary:hover{filter:brightness(1.03)}.btn-ghost{background:transparent}.btn-lg{padding:18px;font-size:16px}.btn:disabled{opacity:.4;cursor:default;transform:none}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.field label{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2)}.field-hint{color:var(--red);font-size:12.5px;line-height:1.35}.input{width:100%;padding:15px 16px;border-radius:14px;background:var(--panel);border:1px solid var(--line);color:var(--text);font-size:16px;outline:none;transition:border-color .2s ease}.input:focus{border-color:var(--gold)}.option{display:flex;align-items:center;gap:16px;padding:18px;border-radius:var(--radius);background:var(--panel);border:1px solid var(--line);text-align:left;width:100%;transition:border-color .2s ease,transform .12s ease}.option:hover{border-color:var(--line-strong)}.option:active{transform:scale(.99)}.option.selected{border-color:var(--gold);background:var(--gold-soft)}.option-icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;font-size:22px;background:var(--panel-2);border:1px solid var(--line)}.store-option-icon,.option-icon:has(svg){color:var(--gold);background:radial-gradient(circle at 70% 20%,color-mix(in srgb,var(--gold) 28%,transparent),transparent 35%),var(--panel-2)}.store-option-icon svg,.option-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon-btn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;color:var(--muted)}.theme-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;color:var(--gold)}.sound-mini svg,.quit-mini svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.notif-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;color:var(--gold)}.option-body{flex:1}.option-title{font-weight:600;font-size:15px}.option-sub{color:var(--muted);font-size:12.5px;margin-top:3px}.onboard-hero{flex:0 0 auto;display:grid;justify-items:center;gap:6px;margin-top:6px}.onboard-hero .hero-mascot{width:min(168px,44vw)}.onboard-tabs{margin-top:18px}.onboard-screen{overflow-x:hidden;overflow-y:auto;justify-content:safe center;background:radial-gradient(110% 62% at 50% -8%,rgba(255,220,125,.2),transparent 48%),linear-gradient(180deg,color-mix(in srgb,var(--screen-a) 78%,#2f1f40) 0%,var(--screen-b) 100%)}.onboard-screen>*:not(.onboard-scene-bg){position:relative;z-index:1}.onboard-screen .row.between{flex:0 0 auto}.onboard-screen .tabs,.onboard-screen .field,.onboard-screen .err,.onboard-screen .btn-primary{position:relative;z-index:2}.onboard-screen .tabs{padding:5px;border-color:color-mix(in srgb,var(--gold) 18%,var(--line));background:color-mix(in srgb,var(--panel) 76%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.onboard-screen .field{margin-bottom:11px}.onboard-screen .input{background:color-mix(in srgb,var(--panel) 78%,transparent);border-color:color-mix(in srgb,var(--gold) 14%,var(--line));box-shadow:inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.onboard-screen .btn-primary{box-shadow:0 14px 32px color-mix(in srgb,var(--gold) 26%,rgba(0,0,0,.24))}.onboard-form-panel{position:relative;z-index:2;width:100%;margin-top:18px;padding:12px;border:1px solid color-mix(in srgb,var(--gold) 18%,var(--line));border-radius:24px;background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 82%,transparent),color-mix(in srgb,var(--bg-elev) 74%,transparent));box-shadow:0 24px 55px #0003,inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.onboard-screen.register-mode .onboard-form-panel{margin-top:18px;padding:10px}.onboard-screen.register-mode .onboard-form-panel .onboard-tabs{margin-top:0!important}.onboard-screen.register-mode .onboard-form-panel::-webkit-scrollbar{width:0;height:0}.onboard-screen.register-mode .field{margin-bottom:9px}.onboard-screen.register-mode .input{padding-top:12px;padding-bottom:12px}.onboard-form-panel .onboard-tabs{margin-top:0}.onboard-scene-bg{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:radial-gradient(92% 42% at 50% 8%,color-mix(in srgb,var(--gold) 22%,transparent) 0 18%,transparent 52%),linear-gradient(115deg,color-mix(in srgb,var(--blue) 18%,transparent),transparent 45%),linear-gradient(245deg,color-mix(in srgb,var(--red) 13%,transparent),transparent 46%),linear-gradient(180deg,transparent 0 54%,color-mix(in srgb,var(--gold) 10%,var(--bg)) 100%)}.onboard-scene-bg:before{content:"";position:absolute;inset:22% -18% auto;height:52%;background:repeating-linear-gradient(90deg,transparent 0 44px,color-mix(in srgb,var(--gold) 10%,transparent) 45px 46px),repeating-linear-gradient(0deg,transparent 0 34px,color-mix(in srgb,var(--accent-2) 8%,transparent) 35px 36px),linear-gradient(180deg,color-mix(in srgb,var(--panel-2) 48%,transparent),transparent);opacity:.46;transform:perspective(360px) rotateX(58deg);transform-origin:center bottom}.onboard-scene-bg:after{content:"";position:absolute;left:50%;bottom:-82px;width:420px;height:178px;border-radius:50% 50% 22px 22px;transform:translate(-50%);background:radial-gradient(80% 36% at 50% 20%,color-mix(in srgb,var(--accent-2) 22%,transparent),transparent 62%),linear-gradient(180deg,color-mix(in srgb,var(--panel-2) 70%,var(--gold)),var(--bg-elev));border:1px solid color-mix(in srgb,var(--gold) 20%,var(--line));box-shadow:0 -20px 55px #00000038,inset 0 18px 28px #ffffff0a}.scene-light{position:absolute;top:-70px;width:118px;height:470px;background:linear-gradient(180deg,color-mix(in srgb,var(--gold) 34%,transparent),transparent 82%);filter:blur(10px);opacity:.6;transform-origin:top;animation:sceneLight 6.5s ease-in-out infinite}.scene-light.left{left:34px;transform:rotate(-21deg)}.scene-light.right{right:34px;transform:rotate(21deg);animation-delay:-2.1s}.scene-card{position:absolute;width:52px;height:72px;border-radius:12px;background:linear-gradient(135deg,rgba(255,255,255,.18),transparent 38%),var(--panel);border:1px solid color-mix(in srgb,var(--gold) 35%,var(--line));box-shadow:0 14px 28px #00000038;animation:sceneFloat 5s ease-in-out infinite}.scene-card:before{content:"";position:absolute;inset:10px;border-radius:8px;border:1px solid color-mix(in srgb,var(--gold) 34%,transparent)}.scene-card.card-a{left:22px;top:180px;transform:rotate(-16deg)}.scene-card.card-b{right:24px;top:205px;transform:rotate(14deg);animation-delay:-1.4s}.scene-coin{position:absolute;width:34px;height:34px;border-radius:50%;background:conic-gradient(from 0deg,var(--coin-a),var(--coin-b),var(--coin-a));box-shadow:0 10px 22px #00000038;animation:sceneCoin 3.8s ease-in-out infinite}.scene-coin:after{content:"";position:absolute;inset:9px;border-radius:50%;border:2px solid color-mix(in srgb,var(--on-accent) 44%,transparent)}.scene-coin.coin-a{left:74px;top:126px}.scene-coin.coin-b{right:82px;top:132px;width:26px;height:26px;animation-delay:-1.8s}.scene-table{display:none;position:absolute;left:50%;bottom:216px;width:166px;height:38px;border-radius:50%;transform:translate(-50%);background:radial-gradient(ellipse at center,color-mix(in srgb,var(--gold) 28%,transparent),transparent 70%);filter:blur(10px);opacity:.75}.hero-mascot{position:relative;width:min(230px,62vw);aspect-ratio:1 / 1;margin:0 auto 2px;display:grid;place-items:center;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none;filter:drop-shadow(0 28px 28px rgba(0,0,0,.36));transform:translateZ(0);animation:heroDrop .7s cubic-bezier(.18,.88,.24,1.2) both,heroFloat 4s ease-in-out .8s infinite}.hero-mascot.compact{width:min(285px,74vw);margin-bottom:2px}.hero-keyart{position:absolute;inset:0;width:100%;height:100%;display:block;border-radius:22px;object-fit:contain;object-position:center;transform:scale(1);filter:var(--mascot-filter, none);-webkit-user-select:none;user-select:none}.hero-mascot.compact .hero-keyart{transform:scale(1)}.hero-burst{position:absolute;width:72%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--gold) 22%,transparent) 0 46%,transparent 68%),conic-gradient(from 12deg,transparent 0 30deg,color-mix(in srgb,var(--gold) 18%,transparent) 32deg 48deg,transparent 50deg 92deg,color-mix(in srgb,var(--accent-2) 14%,transparent) 96deg 116deg,transparent 118deg);animation:heroBurst 6s linear infinite}.hero-svg{position:relative;z-index:1;width:100%;height:100%;overflow:visible}.hero-character{transform-origin:112px 112px;animation:heroDrop .7s cubic-bezier(.18,.88,.24,1.2) both,heroFloat 3.4s ease-in-out .8s infinite}.hero-shadow{fill:#00000038;animation:heroShadow 3.4s ease-in-out infinite}.hero-cape{fill:url(#heroCape);opacity:.96;animation:heroCape 2.2s ease-in-out infinite;transform-origin:110px 88px}.hero-cape-fold{fill:none;stroke:#fff2aa57;stroke-width:2;stroke-linecap:round}.hero-body{fill:url(#heroSuit);stroke:#ffffff38;stroke-width:2}.hero-face{fill:url(#heroSkin);stroke:#391c1259;stroke-width:2}.hero-hair{fill:#201522;stroke:#ffffff29;stroke-width:1.5}.hero-ear{fill:#d58a67;stroke:#391c124d;stroke-width:1.5}.hero-mask,.hero-belt,.hero-boot,.hero-shoulder{fill:url(#heroGoldMetal)}.hero-leg{fill:color-mix(in srgb,var(--panel-2) 78%,var(--gold));stroke:var(--line-strong);stroke-width:2}.hero-emblem{fill:url(#heroGoldMetal);stroke:#fff7bec2;stroke-width:2}.hero-b{fill:var(--on-accent);font:800 23px var(--sans);letter-spacing:0}.hero-eye{fill:var(--text);animation:heroBlink 4.2s steps(1) infinite}.hero-smile,.hero-limb,.hero-card path,.hero-gavel,.hero-gavel-hi,.hero-tokens path,.hero-brow,.hero-nose,.hero-cheek,.hero-chest,.hero-knee,.hero-belt-line,.hero-sleeve{fill:none;stroke:var(--text);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.hero-brow{stroke-width:2.5}.hero-nose,.hero-cheek{stroke:#5e2e1c70;stroke-width:2}.hero-smile{stroke:#4e24199e;stroke-width:2.4}.hero-chest{stroke:#ffffff2e;stroke-width:2}.hero-knee,.hero-belt-line,.hero-sleeve{stroke:#fff2aa7a;stroke-width:2.5}.hero-limb{stroke-width:11;stroke:#20283a}.hero-glove{fill:url(#heroGoldMetal);stroke:color-mix(in srgb,var(--gold) 60%,var(--text));stroke-width:2}.hero-card{transform-origin:42px 112px;animation:heroCard 2.8s ease-in-out infinite}.hero-card rect{fill:url(#heroCardFoil);stroke:#fff7bed1;stroke-width:2}.hero-card circle{fill:var(--gold)}.hero-arm.right{transform-origin:146px 90px;animation:heroGavel 2.6s ease-in-out infinite}.hero-gavel{stroke:#c89131;stroke-width:6}.hero-gavel-hi{stroke:#fff7bed1;stroke-width:2}.hero-tokens{fill:var(--panel);stroke:var(--gold);stroke-width:2;animation:heroTokens 4s ease-in-out infinite}.hero-tokens text{fill:var(--gold);stroke:none;font:800 11px var(--sans);letter-spacing:0}.menu-hero-copy{display:flex;flex-direction:column;align-items:center;flex:0 0 auto;gap:clamp(6px,1.6dvh,16px);margin:clamp(6px,2.4dvh,24px) 0;text-shadow:0 10px 28px rgba(0,0,0,.18);pointer-events:none}.menu-hero-copy .hero-mascot{flex:0 0 auto}.menu-hero-text{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:clamp(5px,1.1dvh,8px);text-align:center}.menu-hero-text .h2{font-size:clamp(22px,6.4vw,26px)}.menu-hero-copy .hero-mascot.compact{width:min(300px,68vw,38dvh)}.menu-hero-copy .muted{max-width:260px;font-size:13px;line-height:1.4}@keyframes heroDrop{0%{opacity:0;transform:translateY(-36px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes heroFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes heroShadow{0%,to{opacity:.22;transform:scaleX(1)}50%{opacity:.14;transform:scaleX(.82)}}@keyframes heroCape{0%,to{transform:skew(0)}50%{transform:skew(-4deg)}}@keyframes heroBlink{0%,92%,to{transform:scaleY(1)}94%{transform:scaleY(.18)}}@keyframes heroCard{0%,to{transform:rotate(-8deg) translateY(0)}50%{transform:rotate(7deg) translateY(-5px)}}@keyframes heroGavel{0%,to{transform:rotate(0)}48%{transform:rotate(0)}56%{transform:rotate(12deg)}64%{transform:rotate(-5deg)}}@keyframes heroTokens{0%,to{transform:translateY(0);opacity:.86}50%{transform:translateY(-7px);opacity:1}}@keyframes heroBurst{to{transform:rotate(360deg)}}@keyframes sceneLight{0%,to{opacity:.42}50%{opacity:.76}}@keyframes sceneFloat{0%,to{translate:0 0}50%{translate:0 -12px}}@keyframes sceneCoin{0%,to{transform:translateY(0) rotateY(0)}50%{transform:translateY(-14px) rotateY(180deg)}}.menu-screen{--menu-pad-x: 24px;padding:var(--menu-pad-x) var(--menu-pad-x) 24px;background:radial-gradient(90% 42% at 50% 12%,color-mix(in srgb,var(--gold) 18%,transparent),transparent 56%),linear-gradient(180deg,color-mix(in srgb,var(--screen-a) 88%,#2f1f40),var(--screen-b))}.menu-screen>*:not(.menu-scene-bg){position:relative;z-index:1}.menu-scene-bg{opacity:.92}.menu-scene-bg:before{inset:14% -16% auto;height:45%;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 52%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 52%,transparent 100%)}.menu-scene-bg:after{display:none}.menu-scene-bg .scene-card.card-a{top:150px}.menu-scene-bg .scene-card.card-b{top:174px}.menu-scene-bg .scene-table{bottom:360px}.menu-head{flex:0 0 auto;align-items:flex-start}.menu-screen .menu-head{position:relative;z-index:4}.menu-head-right{position:relative;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.menu-side-actions{display:flex;flex-direction:column;gap:8px}:root{--menu-rail-top: 62px}.menu-screen .menu-side-actions{position:absolute;top:var(--menu-rail-top);right:0}.menu-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto;padding:clamp(14px,4dvh,42px) 0 18px}.menu-screen .menu-body{overflow:visible;justify-content:flex-start;padding-top:0;padding-bottom:0}.menu-screen .menu-body:before{content:"";flex:8 1 0}.menu-screen .menu-body:after{content:"";flex:1 1 0;max-height:clamp(8px,2dvh,20px)}.menu-screen .menu-hero-copy{margin-top:0;margin-bottom:0;position:relative;z-index:3}.menu-screen .menu-stack{flex:0 0 auto;width:100%;margin-top:clamp(16px,4dvh,36px)}.menu-screen .menu-title{display:none}.menu-screen .menu-list{position:relative;flex:0 0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(6px,2vw,8px);overflow:visible;padding:clamp(7px,2.4vw,9px);border-radius:20px;background:color-mix(in srgb,var(--panel) 86%,transparent);box-shadow:0 16px 38px #0000002e}.menu-screen .option{min-height:0;height:clamp(58px,7.4dvh,68px);justify-content:flex-start;padding:0 clamp(12px,4vw,16px);gap:clamp(10px,3vw,12px);border-radius:clamp(12px,3.6vw,14px);background:var(--panel-2)}.menu-screen .option:nth-child(-n+2){background:linear-gradient(180deg,color-mix(in srgb,var(--mascot-tone, var(--gold)) 66%,#fff) 0%,var(--mascot-tone, var(--gold)) 100%);color:#201a0c;border-color:transparent}.menu-screen .option>.muted-2{display:none}.menu-screen .option-body{flex:1;min-width:0}.menu-screen .option-sub{display:none}.menu-screen .option-title{font-size:clamp(12.5px,3.6vw,14px);font-weight:700;line-height:1.2;white-space:normal}.menu-screen .option-icon{width:clamp(36px,10.5vw,44px);height:clamp(36px,10.5vw,44px);flex:0 0 auto;border:0;border-radius:13px;background:color-mix(in srgb,currentColor 12%,transparent);color:currentColor}.menu-screen .option-icon svg{width:clamp(18px,5.4vw,22px);height:clamp(18px,5.4vw,22px);color:currentColor}.menu-screen .icon-btn{width:46px;height:46px;border-radius:15px;color:var(--gold)}.menu-screen .icon-btn svg{width:22px;height:22px;color:var(--gold)}.category-control-panel{flex:0 0 auto;display:grid;gap:14px;margin-top:20px;margin-bottom:16px}.category-control-panel .btn-lg{padding:15px 18px}.category-select-body{flex:1;min-height:0;padding-right:2px}.theme-grid{display:grid;gap:12px}.theme-choice{--theme-tone: var(--gold);width:100%;min-height:86px;display:flex;align-items:center;gap:14px;padding:16px;border-radius:18px;border:1px solid var(--line);background:var(--panel);text-align:left;transition:transform .12s ease,border-color .2s ease,background .2s ease}.theme-choice:hover{border-color:var(--line-strong);background:var(--panel-2)}.theme-choice:active{transform:scale(.99)}.theme-choice-icon{width:46px;height:46px;flex:0 0 46px;border-radius:13px;display:grid;place-items:center;font-size:22px;background:var(--panel-2);border:1px solid var(--line)}.theme-choice-copy{flex:1;min-width:0}.theme-choice-count{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:12px;color:var(--muted);background:var(--panel-2);border:1px solid var(--line);font-weight:800;font-size:13px}.random-icon{background:linear-gradient(135deg,var(--gold-soft),var(--panel-2));color:var(--gold)}.category-option-icon{background:var(--panel-2);font-size:24px}.divider{height:1px;background:var(--line);margin:18px 0}.pill{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:5px 11px}.badge-net{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:var(--muted)}.dot{width:7px;height:7px;border-radius:50%;background:var(--muted-2)}.dot.on{background:var(--green);box-shadow:0 0 10px var(--green)}.dot.warn{background:var(--gold)}.dot.off{background:var(--red)}.back{align-self:flex-start;color:var(--muted);font-size:13px;padding:8px 0}.theme-row{display:flex;gap:12px}.theme-card{flex:1;border:1px solid var(--line);border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:12px;transition:transform .12s ease,box-shadow .22s ease,border-color .22s ease}.theme-card:active{transform:scale(.98)}.tc-preview{border-radius:11px;padding:12px;height:76px;display:flex;flex-direction:column;gap:7px;justify-content:flex-end;box-shadow:inset 0 0 0 1px #8080801f}.tc-bar{width:40px;height:8px;border-radius:4px}.tc-line{width:100%;height:6px;border-radius:3px}.tc-line.short{width:58%}.tc-foot{display:flex;align-items:center;gap:8px}.tc-dot{width:10px;height:10px;border-radius:50%}.tc-label{font-size:13px;font-weight:600;flex:1;text-align:left}.tc-check{font-size:13px;font-weight:700}.theme-swatch-row{display:flex;gap:10px}.swatch{flex:1;padding:12px 10px;border-radius:14px;border:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column;align-items:center;gap:8px;transition:border-color .2s ease,transform .12s ease}.swatch:active{transform:scale(.98)}.swatch.selected{border-color:var(--gold)}.swatch-dots{display:flex;gap:5px}.swatch-dot{width:14px;height:14px;border-radius:50%}.swatch-label{font-size:12px;color:var(--muted)}.swatch.selected .swatch-label{color:var(--text)}.player-strip{display:flex;gap:12px}.pcard{flex:1;padding:14px;border-radius:16px;background:var(--panel);border:1px solid var(--line);transition:border-color .25s ease,box-shadow .25s ease}.pcard.active{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold-soft),0 12px 30px var(--gold-soft)}.pcard .pname{font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px}.pcard .pbudget{font-family:var(--serif);font-size:26px;margin-top:6px}.pcard .pitems{font-size:11.5px;color:var(--muted);margin-top:2px;letter-spacing:.08em}.slots{display:flex;gap:5px;margin-top:8px}.slot{width:100%;height:4px;border-radius:2px;background:var(--line)}.slot.filled{background:var(--gold)}.stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18px 0}.item-tile{width:168px;height:168px;border-radius:26px;background:radial-gradient(120px 120px at 50% 30%,var(--tile-a),var(--tile-b));border:1px solid var(--line-strong);display:grid;place-items:center;margin:6px auto 18px;box-shadow:inset 0 1px #ffffff0d,0 20px 40px #0000004d;overflow:hidden}.item-mono{font-family:var(--serif);font-size:54px;color:var(--gold)}.item-img{width:100%;height:100%;object-fit:cover;display:block}.item-name{font-family:var(--serif);font-size:28px}.item-q{color:var(--muted);font-size:13px;margin-top:8px;max-width:300px}.bid-amount{font-family:var(--serif);font-size:64px;line-height:1}.bid-label{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--muted-2);margin-bottom:4px}.bid-summary{margin-top:20px}.timer-wrap{display:flex;align-items:center;justify-content:center;gap:10px;margin:14px 0}.timer-bar{width:180px;height:5px;border-radius:3px;background:var(--line);overflow:hidden}.timer-fill{height:100%;background:var(--gold);border-radius:3px;transition:width .25s linear}.timer-num{font-variant-numeric:tabular-nums;font-size:13px;color:var(--muted);min-width:20px}.timer-fill.low{background:var(--red)}.bid-buttons{display:flex;gap:10px}.bid-btn{flex:1;padding:18px 0;border-radius:16px;background:var(--panel);border:1px solid var(--line-strong);font-weight:600;font-size:17px;transition:transform .1s ease,background .2s}.bid-btn:active{transform:scale(.96)}.bid-btn:disabled{opacity:.35;cursor:default;background:var(--panel);transform:none}.pass-btn{width:100%;padding:15px;border-radius:16px;background:transparent;border:1px solid var(--line);color:var(--muted);font-weight:600;letter-spacing:.12em;transition:transform .1s ease,background .2s,color .2s,border-color .2s}.pass-btn:not(:disabled){background:var(--panel);border-color:var(--line-strong);color:var(--text)}.pass-btn:not(:disabled):active{transform:scale(.96)}.pass-btn:disabled{opacity:.35;cursor:default;color:var(--muted-2);border-color:var(--line)}.bid-btn:focus:not(:focus-visible),.pass-btn:focus:not(:focus-visible){outline:none}@media(hover:hover)and (pointer:fine){.bid-btn:not(:disabled):hover{background:var(--panel-2)}.pass-btn:not(:disabled):hover{color:var(--text);border-color:var(--line-strong)}}.allin-btn{border-color:var(--gold);color:var(--gold)}.turn-note{font-size:13px;color:var(--muted);min-height:18px}.your-turn{color:var(--gold)}.reactions{display:flex;gap:8px;justify-content:center;margin-top:6px}.react-btn{width:40px;height:40px;border-radius:12px;background:var(--panel);border:1px solid var(--line);font-size:18px}.react-btn:active{transform:scale(.9)}.float-react{position:absolute;font-size:40px;animation:floatUp 1.4s ease-out forwards;pointer-events:none}@keyframes floatUp{0%{opacity:0;transform:translateY(20px) scale(.6)}20%{opacity:1}to{opacity:0;transform:translateY(-120px) scale(1.3)}}.overlay{position:absolute;inset:0;background:var(--overlay);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;place-items:center;z-index:20;animation:fade .25s ease}.menu-screen>.overlay{position:absolute}@keyframes fade{0%{opacity:0}to{opacity:1}}.overlay-card{text-align:center;padding:30px}.danger-action{color:var(--red);border-color:color-mix(in srgb,var(--red) 40%,var(--line))}.danger-action:hover{border-color:var(--red)}.danger-note{margin-top:8px;font-size:12px;line-height:1.45}.danger-sheet{width:min(360px,calc(100vw - 36px));display:flex;flex-direction:column;gap:10px;padding:20px 18px 18px;border-radius:var(--radius);border:1px solid color-mix(in srgb,var(--red) 34%,var(--line));background:var(--panel);box-shadow:0 24px 60px #0006;text-align:left}.danger-sheet-text{font-size:13px;line-height:1.5}.danger-confirm{background:var(--red);border-color:var(--red);color:#fff}.tutorial-card{width:min(360px,100%);max-height:min(680px,calc(100dvh - 44px));display:flex;flex-direction:column;text-align:left}.tutorial-card .tutorial-steps{flex:1 1 auto;overflow-y:auto;min-height:0}.tutorial-steps{display:grid;gap:12px;margin-top:18px;color:var(--muted);font-size:13.5px;line-height:1.45}.tutorial-steps b{color:var(--gold);margin-right:4px}.coin{width:120px;height:120px;border-radius:50%;margin:0 auto 22px;background:conic-gradient(from 0deg,var(--coin-a),var(--coin-b),var(--coin-a));display:grid;place-items:center;font-family:var(--serif);font-size:40px;color:var(--on-accent);animation:spin .7s cubic-bezier(.2,.8,.2,1) 3}@keyframes spin{to{transform:rotateY(360deg)}}.category-reveal-screen{position:relative;min-height:100%;overflow:hidden}.category-reveal-stage{width:min(380px,100%);min-height:0;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:34px 0 22px}.category-reveal-copy{display:grid;gap:6px;text-align:center;color:var(--muted);font-size:13px;font-weight:800}.category-roulette{--reveal-a: #ff6b5e;--reveal-b: #ffc857;--reveal-c: #52b788;--reveal-d: #d8b36a;--reveal-ink: #5c2b24;--reveal-soft: rgba(255, 107, 94, .14);width:min(310px,82vw);aspect-ratio:1;position:relative;display:grid;place-items:center;margin:4px 0 0;filter:saturate(.7);animation:categorySceneIn .55s ease both}.category-roulette-indicator{position:absolute;top:-13px;left:50%;z-index:5;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:3px;animation:categoryPointerTap 4.15s cubic-bezier(.16,.84,.18,1) both}.category-roulette-pointer{width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-top:17px solid var(--reveal-b);filter:drop-shadow(0 2px 7px color-mix(in srgb,var(--reveal-b) 48%,transparent))}.category-roulette-label{border-radius:999px;padding:2px 8px 1px;background:color-mix(in srgb,var(--reveal-b) 24%,rgba(0,0,0,.46));color:var(--reveal-b);font-size:10px;font-weight:900;line-height:1.1;letter-spacing:.08em;text-transform:uppercase;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--reveal-b) 22%,transparent)}.category-roulette-dial{width:100%;height:100%;position:absolute;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 50% 50%,var(--panel) 0 23%,transparent 24%),radial-gradient(circle at 50% 50%,transparent 0 72%,color-mix(in srgb,var(--reveal-b) 12%,transparent) 73% 74%,transparent 75%),color-mix(in srgb,var(--reveal-a) 11%,var(--panel));border:2px solid color-mix(in srgb,var(--reveal-b) 24%,var(--line));box-shadow:0 24px 54px #00000042,inset 0 0 0 1px color-mix(in srgb,var(--reveal-b) 10%,transparent),inset 0 0 50px color-mix(in srgb,var(--reveal-a) 9%,transparent);overflow:hidden}.category-roulette-dial:before{content:"";position:absolute;inset:38px;border-radius:50%;border:1px dashed color-mix(in srgb,var(--reveal-b) 20%,transparent);z-index:1}.category-roulette-dial:after{content:"";position:absolute;inset:-35%;z-index:2;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.12) 49%,transparent 58%);transform:translate(-62%) rotate(12deg);animation:categoryLightSweep 4.15s ease-out both;pointer-events:none}.category-roulette-track{position:absolute;inset:0;display:grid;place-items:center;border-radius:50%;will-change:transform;transform:translateZ(0);animation:categoryRouletteSpin 4.4s cubic-bezier(.12,.72,.14,1) forwards;z-index:2}.category-orbit-item{position:absolute;width:56px;height:56px;display:grid;place-items:center;border-radius:999px;background:transparent;border:0;box-shadow:none;font-size:32px;text-shadow:0 3px 8px rgba(0,0,0,.22);transform:translateZ(0)}.category-orbit-item.final{background:transparent;border-color:transparent;box-shadow:none;text-shadow:0 0 10px color-mix(in srgb,var(--reveal-b) 26%,transparent)}.category-roulette-center{position:relative;z-index:3;width:86px;height:86px;border-radius:50%;display:grid;place-items:center;background:var(--panel);border:2px solid color-mix(in srgb,var(--reveal-b) 34%,var(--line));box-shadow:0 0 30px #00000047}.category-roulette-center span{font-size:38px;animation:categoryCenterPop 4.15s ease forwards}.category-final-card{max-width:100%;min-width:min(318px,100%);display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 16px;border-radius:20px;color:var(--text);background:linear-gradient(135deg,#fffffff0,color-mix(in srgb,var(--reveal-soft) 36%,rgba(255,240,218,.9)));border:1px solid color-mix(in srgb,var(--reveal-a) 26%,var(--line));box-shadow:0 18px 34px color-mix(in srgb,var(--reveal-a) 10%,rgba(82,55,29,.13));animation:categoryFinal 4.15s ease forwards}.category-final-card--hero{transform-origin:center}.category-final-icon{width:52px;height:52px;flex:0 0 52px;border-radius:17px;display:grid;place-items:center;background:color-mix(in srgb,var(--reveal-soft) 46%,rgba(255,255,255,.58));border:1px solid color-mix(in srgb,var(--reveal-a) 18%,rgba(133,96,54,.12));font-size:28px}.category-final-card div{min-width:0;display:grid;gap:2px}.category-final-card span{color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.category-final-card strong{max-width:235px;color:var(--reveal-ink);font-family:var(--serif);font-size:30px;line-height:1.08;overflow-wrap:anywhere}[data-theme=premium] .category-roulette{filter:saturate(.72) brightness(.94) contrast(.98)}[data-theme=premium] .category-roulette-dial{background:radial-gradient(circle at 50% 50%,var(--panel) 0 23%,transparent 24%),radial-gradient(circle at 50% 50%,transparent 0 72%,color-mix(in srgb,var(--reveal-b) 11%,transparent) 73% 74%,transparent 75%),color-mix(in srgb,var(--reveal-a) 9%,var(--panel));border-color:color-mix(in srgb,var(--reveal-b) 20%,var(--line));box-shadow:0 24px 52px #00000047,inset 0 0 0 1px #d8b36a0f}[data-theme=premium] .category-roulette-dial:after{background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.13) 49%,transparent 58%)}[data-theme=premium] .category-orbit-item{background:transparent;border-color:transparent;box-shadow:none}[data-theme=premium] .category-orbit-item.final{background:color-mix(in srgb,var(--reveal-a) 18%,var(--panel-2));border-color:color-mix(in srgb,var(--reveal-a) 34%,var(--line));box-shadow:0 0 0 4px color-mix(in srgb,var(--reveal-a) 10%,transparent),0 14px 28px #0003}[data-theme=premium] .category-roulette-center{background:radial-gradient(circle at 30% 20%,color-mix(in srgb,var(--panel-2) 72%,#fff),var(--panel) 64%,var(--bg));border-color:#d8b36a24;box-shadow:0 15px 35px #00000038}[data-theme=premium] .category-final-card{background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 92%,rgba(255,255,255,.12)),color-mix(in srgb,var(--reveal-a) 10%,var(--panel-2)));border-color:color-mix(in srgb,var(--reveal-a) 24%,var(--line));box-shadow:0 18px 34px #0000002e}[data-theme=premium] .category-final-icon{background:color-mix(in srgb,var(--reveal-a) 12%,var(--panel-2));border-color:color-mix(in srgb,var(--reveal-a) 22%,var(--line))}[data-theme=premium] .category-final-card strong{color:color-mix(in srgb,var(--reveal-b) 58%,var(--text))}@keyframes categoryRouletteSpin{0%{transform:translateZ(0) rotate(-10deg)}to{transform:translateZ(0) rotate(1260deg)}}@keyframes categoryFinal{0%,70%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes categoryCenterPop{0%{transform:scale(.86);opacity:.88}28%,68%{transform:scale(1);opacity:1}86%{transform:scale(1.12)}to{transform:scale(1.06)}}@keyframes categorySceneIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes categoryLightSweep{0%,20%{transform:translate(-66%) rotate(12deg);opacity:0}42%{opacity:1}to{transform:translate(66%) rotate(12deg);opacity:0}}@keyframes categoryPointerTap{0%,55%{transform:translate(-50%) translateY(-2px)}68%{transform:translate(-50%) translateY(3px)}78%{transform:translate(-50%) translateY(-1px)}to{transform:translate(-50%) translateY(0)}}.result-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line)}.result-name{font-size:12px;color:var(--muted)}.result-score{font-family:var(--serif);font-size:30px}.win-tag{color:var(--gold);font-size:12px;letter-spacing:.2em;text-transform:uppercase}.collection-item{display:flex;align-items:center;justify-content:space-between;padding:9px 0;font-size:14px;border-bottom:1px solid var(--line)}.chip{font-size:11px;padding:3px 8px;border-radius:8px;background:var(--panel-2);color:var(--muted)}.theme-toggle{width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:var(--panel);font-size:18px;display:grid;place-items:center}.theme-toggle:hover{border-color:var(--line-strong)}.icon-btn{position:relative;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--panel);border:1px solid var(--line);font-size:17px}.icon-btn:hover{border-color:var(--line-strong)}.notif-badge{position:absolute;min-width:18px;height:18px;right:-5px;top:-5px;display:grid;place-items:center;padding:0 5px;border-radius:999px;background:var(--red);color:#fff;font-size:10px;font-weight:800}.mini-link{color:var(--gold);font-size:12px;font-weight:700;white-space:nowrap}.mini-link:disabled{color:var(--muted-2);cursor:default}.mini-link.danger{color:var(--red)}.notif-mini{padding:12px;border-radius:14px;background:var(--panel);border:1px solid var(--line);display:grid;gap:8px}.notif-row{display:flex;align-items:center;gap:9px;min-height:34px;text-align:left;color:var(--muted);font-size:12.5px}.notif-row.unread{color:var(--text)}.notif-copy{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-card{display:flex;align-items:flex-start;gap:12px;width:100%;padding:13px;border-radius:12px;background:var(--panel);border:1px solid var(--line);text-align:left}.notif-card.unread{border-color:var(--gold);background:var(--gold-soft)}.notif-icon{width:34px;height:34px;flex:0 0 34px;border-radius:10px;display:grid;place-items:center;background:var(--panel-2);border:1px solid var(--line)}.notif-body{min-width:0;flex:1}.notif-time{margin-top:6px;color:var(--muted-2);font-size:11px}.social-panel{margin-top:16px;min-height:0;flex:1;display:flex;flex-direction:column}.friend-row{display:flex;align-items:center;gap:12px;width:100%;padding:12px;border-radius:12px;background:var(--panel);border:1px solid var(--line)}.friend-play-panel{margin-top:14px;min-height:0;overflow-y:auto}.friend-theme-grid{display:grid;grid-template-columns:1fr;gap:6px;margin-bottom:0}.theme-picker-trigger{width:100%;min-height:50px;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:13px;border:1px solid var(--line);background:var(--panel);text-align:left}.theme-picker-trigger:hover{border-color:var(--line-strong)}.theme-picker-trigger .theme-chip-icon{grid-area:auto;flex:0 0 30px}.theme-picker-copy{flex:1 1 auto;display:grid;gap:2px;min-width:0}.theme-picker-title{color:var(--text);font-size:15px;font-weight:700;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-picker-sub{color:var(--muted);font-size:12px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.theme-picker-change{flex:0 0 auto;color:var(--gold);font-size:12px;font-weight:700}.theme-picker-overlay{padding:18px}.theme-picker-modal{width:min(340px,100%);max-height:min(580px,calc(100dvh - 60px));display:flex;flex-direction:column;gap:16px;padding:20px;border-radius:18px;border:1px solid var(--line);background:var(--screen-a);box-shadow:0 24px 60px #00000047}.theme-picker-list{overflow-y:auto;padding-right:2px}.theme-chip{min-height:42px;display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-areas:"icon title";column-gap:8px;align-items:center;padding:6px 9px;border-radius:12px;border:1px solid var(--line);background:var(--panel);text-align:left;transition:transform .12s ease,border-color .2s ease,background .2s ease}.theme-chip:hover{border-color:var(--line-strong)}.theme-chip:active{transform:scale(.985)}.theme-chip.selected{border-color:var(--gold);background:var(--gold-soft)}.theme-chip-icon{grid-area:icon;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--panel-2);border:1px solid var(--line);font-size:16px}.theme-chip-title{grid-area:title;min-width:0;color:var(--text);font-size:15px;font-weight:600;line-height:1.2;overflow-wrap:anywhere}.theme-chip-sub{display:none;grid-area:sub;color:var(--muted);font-size:12.5px;line-height:1.25;margin-top:3px}.info-note{padding:8px 10px;border-radius:10px;border:1px solid var(--line);background:color-mix(in srgb,var(--blue) 11%,var(--panel));color:var(--muted);font-size:11px;line-height:1.3}.compact-row{padding:8px 0;margin-bottom:8px}.room-actions{display:grid;gap:7px}.party-size-panel{padding:10px;border-radius:13px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 86%,transparent)}.party-size-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.party-size-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.party-size-pill{height:34px;border-radius:10px;border:1px solid var(--line);background:var(--panel-2);color:var(--text);font-weight:700;font-size:13px}.party-size-pill.selected{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 18%,var(--panel-2));color:var(--gold)}.party-size-pill:disabled{opacity:.55}.room-actions-inline{grid-template-columns:1fr 1fr}.room-action{padding:11px 12px;border-radius:13px;gap:10px}.room-action .option-icon{width:32px;height:32px;border-radius:10px;font-size:16px}.room-join-block{margin-top:12px;padding-top:15px;padding-bottom:8px;border-top:1px solid var(--line)}.room-action .option-title,.room-action .option-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-code-input{padding:11px 14px;border-radius:12px;text-align:center;letter-spacing:.34em;font-size:18px;text-transform:uppercase}.room-join-btn{width:100%;margin-top:10px;padding:12px 14px;border-radius:12px}.tabs{display:flex;gap:6px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:4px}.tab{flex:1;padding:12px;border-radius:11px;color:var(--muted);font-weight:600;font-size:14px;transition:background .2s,color .2s}.tab.active{background:var(--panel-2);color:var(--text)}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px}.stat-num{font-family:var(--serif);font-size:34px;line-height:1}.stat-num.accent{color:var(--gold)}.stat-label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2);margin-top:6px}.info-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line)}.info-key{color:var(--muted);font-size:13px}.info-val{font-weight:600;font-size:14px}.toggle-pill{font-size:12px;font-weight:600;color:var(--text);border:1px solid var(--line);border-radius:999px;padding:6px 12px;background:var(--panel)}.toggle-pill:hover{border-color:var(--line-strong)}.profile-action{width:100%}.mascot-summary{display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:12px;padding:10px;border:1px solid var(--line);border-radius:16px;background:radial-gradient(circle at 12% 50%,color-mix(in srgb,var(--mascot-tone, var(--gold)) 16%,transparent),transparent 42%),var(--panel)}.mascot-summary-avatar{width:54px;height:54px;border-radius:17px;overflow:hidden;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--mascot-tone, var(--gold)) 40%,var(--line));background:var(--panel-2)}.mascot-summary-avatar img{width:126%;height:126%;object-fit:contain;object-position:center 58%;filter:var(--mascot-filter, none);transform:translateY(8%) scale(1.12)}.mascot-summary-copy{min-width:0;display:grid;gap:3px}.mascot-change-btn{width:auto;padding:10px 12px;border-radius:12px;font-size:12.5px;white-space:nowrap;border:1px solid color-mix(in srgb,var(--mascot-tone, var(--gold)) 42%,var(--line));color:var(--mascot-tone, var(--gold));background:color-mix(in srgb,var(--mascot-tone, var(--gold)) 10%,transparent)}.profile-head{align-items:center;gap:12px}.profile-head>.row.gap-16{min-width:0;flex:1 1 auto}.profile-head .mascot-change-btn{flex:0 0 auto}.mascot-picker-overlay{padding:18px}.mascot-picker-modal{width:min(392px,100%);max-height:calc(100dvh - 36px);overflow-y:auto;text-align:left;padding:20px}.mascot-picker-modal .mascot-picker{margin-top:18px}.mascot-picker-modal .icon-btn{flex:0 0 auto}.mascot-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mascot-card{min-width:0;padding:10px 8px 9px;border:1px solid var(--line);border-radius:16px;background:radial-gradient(circle at 50% 18%,color-mix(in srgb,var(--mascot-tone, var(--gold)) 18%,transparent),transparent 52%),var(--panel);color:var(--text);display:grid;justify-items:center;gap:4px;transition:transform .12s ease,border-color .2s ease,box-shadow .2s ease}.mascot-card:active{transform:scale(.98)}.mascot-card.selected{border-color:var(--mascot-tone, var(--gold));box-shadow:0 0 0 3px color-mix(in srgb,var(--mascot-tone, var(--gold)) 16%,transparent)}.mascot-card .hero-mascot{width:min(74px,100%);margin:-2px 0 0;animation:none;filter:drop-shadow(0 9px 10px rgba(0,0,0,.26))}.mascot-name{max-width:100%;font-weight:700;font-size:12px;color:var(--mascot-tone, var(--gold));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mascot-title{max-width:100%;font-size:10.5px;line-height:1.15;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar-mascot-btn,.profile-mascot-avatar{overflow:hidden;background:radial-gradient(circle at 50% 18%,color-mix(in srgb,var(--mascot-tone, var(--gold)) 22%,transparent),transparent 56%),var(--panel);border-color:color-mix(in srgb,var(--mascot-tone, var(--gold)) 42%,var(--line))}.avatar-mascot-btn img,.profile-mascot-avatar img{width:118%;height:118%;object-fit:contain;object-position:center 58%;filter:var(--mascot-filter, none);transform:translateY(8%) scale(1.15);pointer-events:none;-webkit-user-select:none;user-select:none}.heroes-screen{display:flex;flex-direction:column;padding-top:22px;padding-bottom:max(14px,env(safe-area-inset-bottom));height:100%;overflow:hidden}.heroes-scroll{flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.heroes-scroll::-webkit-scrollbar{width:0;height:0;display:none}.hero-carousel-nav{display:flex;align-items:center;justify-content:center;gap:14px}.hero-carousel-arrow{width:30px;height:30px;border-radius:50%;border:1px solid var(--line);background:var(--panel);color:var(--gold);font-size:17px;line-height:1;display:grid;place-items:center;transition:opacity .2s ease,border-color .2s ease}.hero-carousel-arrow:disabled{opacity:.3;color:var(--muted-2)}.hero-carousel-dots{display:flex;gap:7px;justify-content:center}.hero-carousel-dot{width:7px;height:7px;border-radius:50%;border:none;padding:0;background:var(--line-strong);cursor:pointer;transition:background .2s ease,transform .2s ease}.hero-carousel-dot.active{background:var(--gold);transform:scale(1.35)}.hero-carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;margin-top:14px;flex:0 0 auto;scrollbar-width:none;-ms-overflow-style:none}.hero-carousel::-webkit-scrollbar{width:0;height:0;display:none}.hero-slide{flex:0 0 100%;scroll-snap-align:center;min-width:0;padding-right:2px}.hero-slide-card{height:100%;display:flex;flex-direction:column;overflow:hidden;border-radius:var(--radius-lg);background:var(--panel);border:1px solid var(--line)}.hero-story-media{width:100%;flex:0 0 auto;height:clamp(180px,32dvh,280px);position:relative;overflow:hidden;border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:radial-gradient(circle at 50% 36%,color-mix(in srgb,var(--gold) 32%,transparent),transparent 70%),linear-gradient(180deg,var(--panel-2) 0%,var(--panel) 100%)}.hero-story-media:after{content:"";position:absolute;inset:auto 0 0;height:40%;background:linear-gradient(180deg,transparent 0%,var(--panel) 90%);pointer-events:none}.hero-story-media img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;object-position:center;display:block}.hero-slide-body{flex:1;min-height:0;display:flex;flex-direction:column;padding:14px 18px 16px;overflow:visible}.hero-story-text{margin-top:8px;font-size:13px;line-height:1.45;color:var(--text);opacity:.9}.hero-power-panel{margin-top:16px;padding:12px 16px;border-radius:14px;background:var(--gold-soft);border:1px solid color-mix(in srgb,var(--gold) 35%,var(--line))}.hero-power-label{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--gold);font-weight:700}.hero-power-title{margin-top:4px;font-size:15px;font-weight:700;color:var(--text)}.hero-power-desc{margin-top:4px;font-size:13px;line-height:1.5;color:var(--muted)}.hero-pick-btn{width:100%;margin-top:16px}.hero-selected-badge{margin-top:16px;text-align:center;padding:12px 14px;border-radius:14px;background:color-mix(in srgb,var(--green) 16%,transparent);border:1px solid color-mix(in srgb,var(--green) 40%,var(--line));color:var(--green);font-weight:700;font-size:13.5px}.profile-screen{overflow-y:auto;overscroll-behavior:contain;padding-top:22px;padding-bottom:max(18px,env(safe-area-inset-bottom))}.profile-screen .back{padding:4px 0}.profile-screen .stat-grid{gap:8px}.profile-screen .stat-card{padding:12px;border-radius:14px}.profile-screen .stat-num{font-size:28px}.profile-screen .info-row{padding:9px 0}.profile-screen .theme-row{gap:8px}.profile-screen .theme-card{padding:9px;border-radius:14px;gap:8px}.profile-screen .tc-preview{height:50px;padding:9px}.profile-screen .btn{padding:12px 14px;border-radius:14px}.profile-account{margin-top:22px;padding-top:0}.collection-screen{overflow:hidden}.collection-tabs{flex:0 0 auto}.collection-body{flex:1;margin-top:14px;padding-right:2px}.card-quantity{flex:0 0 42px;margin-left:auto;min-width:42px;justify-content:center;color:var(--gold);font-weight:700;text-align:center}.card-row{width:100%;text-align:left;align-items:center}.card-row-empty{opacity:.42}.card-row-empty .card-quantity{color:var(--muted-2)}.card-limit-text{margin-top:4px;color:var(--muted-2);font-size:11.5px;font-weight:700}.card-icon{font-family:var(--sans);font-size:12px;font-weight:800;letter-spacing:0;color:var(--gold)}.card-icon{width:48px;height:48px;flex:0 0 48px;padding:0;overflow:hidden}.card-detail-icon{width:76px;height:76px;border-radius:18px;margin:0 auto 14px}.card-icon-img{width:100%;height:100%;object-fit:contain;display:block}.card-detail-modal{width:min(330px,calc(100% - 40px));padding:24px;text-align:left;border:1px solid var(--line);border-radius:18px;background:var(--screen-a)}.card-detail-icon{margin-bottom:14px}.card-detail-text{color:var(--muted);font-size:13px;line-height:1.45;margin-top:14px}.card-detail-meta{display:grid;gap:9px;margin:18px 0}.card-detail-meta div{display:flex;justify-content:space-between;gap:14px;padding-bottom:9px;border-bottom:1px solid var(--line)}.card-detail-meta span{color:var(--muted-2);font-size:12px}.card-detail-meta b{color:var(--text);font-size:12px;text-align:right}.hero-charge-warning{margin-top:10px;padding:10px 12px;border-radius:12px;font-size:12.5px;line-height:1.45;text-align:left;color:var(--text);border:1px solid color-mix(in srgb,var(--red) 38%,var(--line));background:color-mix(in srgb,var(--red) 10%,transparent)}.season-tabs{display:flex;gap:6px;justify-content:center;margin-top:12px;flex-wrap:wrap}.season-tab{padding:7px 12px;border-radius:999px;font-size:12px;font-weight:600;color:var(--muted);border:1px solid var(--line);background:var(--panel)}.season-tab.active{color:var(--gold);border-color:color-mix(in srgb,var(--gold) 46%,var(--line));background:color-mix(in srgb,var(--gold) 12%,transparent)}.lb-head{display:flex;align-items:center;gap:8px;padding:12px 12px 8px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2)}.lb-sort{padding:4px 0;font:inherit;letter-spacing:inherit;text-transform:inherit;text-align:right;color:var(--muted-2);background:none;border:0;border-bottom:1px solid transparent;transition:color .18s ease,border-color .18s ease}.lb-sort.active{color:var(--gold);border-bottom-color:var(--gold);font-weight:800}.lb-row{display:flex;align-items:center;gap:8px;padding:13px 12px;border-radius:12px;background:var(--panel);border:1px solid var(--line);font-size:14px}.lb-row.you{border-color:var(--gold);background:var(--gold-soft)}.lb-rank{font-family:var(--serif);font-size:16px}.lb-name{flex:1;min-width:0;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-friend{flex:0 0 auto;width:24px;height:24px;display:grid;place-items:center;border-radius:8px;border:1px solid var(--line);background:var(--panel-2);color:var(--gold);font-size:14px;line-height:1;transition:border-color .18s ease,color .18s ease}.lb-friend:disabled{opacity:.5}.lb-friend.sent{border-color:transparent;background:none;color:var(--green)}.lb-friend.spacer{border:0;background:none}.leaderboard-loader{display:flex;align-items:center;justify-content:center;gap:12px;min-height:74px;color:var(--gold)}.leaderboard-loader.compact{min-height:48px}.leaderboard-loader span{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:10px;background:var(--panel);border:1px solid var(--line);animation:lb-bounce .9s ease-in-out infinite}.leaderboard-loader span:nth-child(2){animation-delay:.12s}.leaderboard-loader span:nth-child(3){animation-delay:.24s}@keyframes lb-bounce{0%,to{transform:translateY(0);opacity:.62}50%{transform:translateY(-5px);opacity:1}}.avatar{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-size:26px;color:var(--gold);background:var(--panel);border:1px solid var(--line);box-shadow:inset 0 0 0 2px var(--gold-soft);transition:transform .12s ease,box-shadow .22s ease,border-color .22s ease}button.avatar:hover{box-shadow:inset 0 0 0 2px var(--gold);border-color:var(--line-strong)}button.avatar:active{transform:scale(.95)}.quit-btn{position:absolute;top:16px;left:16px;z-index:15;width:34px;height:34px;border-radius:10px;background:var(--panel);border:1px solid var(--line);color:var(--muted);font-size:15px;display:grid;place-items:center}.quit-mini,.sound-mini{width:30px;height:30px;border-radius:9px;background:var(--panel);border:1px solid var(--line);color:var(--muted);font-size:13px;display:grid;place-items:center}.sound-mini{font-size:14px}.sound-mini:hover,.quit-mini:hover{border-color:var(--line-strong)}.quit-mini:hover{color:var(--text);border-color:var(--line-strong)}.dl-note{position:absolute;left:24px;right:24px;bottom:26px;z-index:8;pointer-events:none;display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.dl-bar{flex:1;height:5px;border-radius:3px;background:var(--line);overflow:hidden}.dl-fill{height:100%;background:var(--gold);border-radius:3px;transition:width .3s ease}.dl-text{font-size:11.5px;color:var(--muted);white-space:nowrap}.fade-in{animation:fade .3s ease}.list{display:flex;flex-direction:column;gap:10px;overflow-y:auto}.list,.friend-play-panel,.scroll,.menu-body{min-height:0;overflow-y:auto;overscroll-behavior:contain}.list,.friend-play-panel,.scroll,.menu-body{scrollbar-width:none;-ms-overflow-style:none}.list::-webkit-scrollbar,.friend-play-panel::-webkit-scrollbar,.scroll::-webkit-scrollbar,.menu-body::-webkit-scrollbar{width:0;height:0;display:none}.err{color:var(--red);font-size:13px;min-height:18px}.game-screen{padding-top:18px;padding-bottom:16px;scroll-padding-bottom:126px}.game-screen .stage{flex:1 0 auto;min-height:0;padding:12px 0}.game-screen .bid-buttons{flex:0 0 auto}.bid-control-panel{flex:0 0 auto;margin-top:6px}.lobby-screen{padding-top:22px;padding-bottom:18px}.card-pick-list{margin-top:12px;width:100%;gap:8px;flex:0 0 auto}.card-pick-option{width:100%;padding:11px 12px;gap:10px;border-radius:14px}.card-pick-icon{width:34px;height:34px;border-radius:10px;font-size:16px}.card-pick-option .option-sub{line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-pick-option.locked{opacity:.45;cursor:not-allowed}.card-pick-option.locked .card-limit-text{color:var(--red, #d9534f)}.card-skip-btn{padding:12px 14px;border-radius:14px;font-size:13px}.card-empty{padding:12px;border-radius:14px}.card-empty .muted{font-size:12.5px}.store-screen{padding-bottom:18px}.store-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-top:8px;margin-bottom:16px}.wallet-chip{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;padding:9px 11px;border-radius:14px;background:var(--panel);border:1px solid var(--line);color:var(--gold);font-weight:800;font-size:13px}.wallet-coin,.wallet-panel-icon{display:grid;place-items:center;border-radius:999px;background:conic-gradient(from 0deg,var(--coin-a),var(--coin-b),var(--coin-a));color:var(--on-accent);font-family:var(--serif);font-weight:800}.wallet-coin{width:24px;height:24px;font-size:13px}.store-body{min-height:0;padding-right:2px}.wallet-panel{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.wallet-panel-icon{width:50px;height:50px;flex:0 0 50px;font-size:24px}.wallet-balance{margin-top:4px;font-family:var(--serif);font-size:31px;color:var(--gold);line-height:1}.store-section{margin-top:20px}.section-title{font-size:15px;font-weight:800}.section-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.mini-link{color:var(--gold);font-size:12px;font-weight:800;padding:6px 0}.pack-list{display:grid;gap:12px;margin-top:10px}.pack-card{display:grid;grid-template-columns:96px 1fr;gap:13px;padding:13px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.pack-art{position:relative;min-height:132px;overflow:hidden;border-radius:16px;display:flex;flex-direction:column;justify-content:space-between;padding:12px 10px;color:#fff9e8;border:1px solid color-mix(in srgb,var(--gold) 28%,var(--line));background:linear-gradient(135deg,rgba(255,255,255,.16),transparent 36%),radial-gradient(circle at 50% 18%,color-mix(in srgb,var(--gold) 30%,transparent),transparent 35%),linear-gradient(160deg,#2c2234,#14141a 55%,#3a2b16);box-shadow:inset 0 0 0 1px #ffffff0f,0 16px 26px #00000042}.pack-art:after{content:"";position:absolute;inset:-40% auto -30% 54%;width:35px;background:#ffffff29;transform:rotate(18deg)}.pack-brand{position:relative;z-index:1;font-size:10px;letter-spacing:.18em;font-weight:900}.pack-art-title{position:relative;z-index:1;font-size:12px;line-height:1.1;font-weight:900}.pack-art-count{position:relative;z-index:1;font-family:var(--serif);color:var(--gold);font-size:32px;line-height:1}.pack-copy{min-width:0;display:flex;flex-direction:column;gap:8px}.pack-title{font-weight:800;font-size:16px}.pack-desc{color:var(--muted);font-size:12.5px;line-height:1.35}.pack-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:var(--muted)}.pack-meta b{color:var(--gold);white-space:nowrap}.pack-price{display:inline-flex;align-items:baseline;gap:7px;white-space:nowrap}.pack-price-was{color:var(--muted-2);font-size:11.5px;font-weight:700;text-decoration-thickness:1.5px;text-decoration-color:var(--red)}.pack-art-deal{position:absolute;z-index:2;top:6px;right:-26px;padding:3px 26px;transform:rotate(34deg);background:var(--red);color:#fff;font-size:10px;font-weight:900;letter-spacing:.06em;box-shadow:0 4px 12px #00000052}.pack-perk-note{display:flex;align-items:center;gap:10px;margin-top:10px;padding:11px 13px;border-radius:15px;border:1px solid color-mix(in srgb,var(--gold) 40%,var(--line));background:color-mix(in srgb,var(--gold) 12%,var(--panel));color:var(--text);font-size:12.5px;line-height:1.35}.pack-perk-note b{color:var(--gold)}.pack-perk-badge{flex:0 0 auto;padding:5px 9px;border-radius:999px;background:var(--red);color:#fff;font-size:12px;font-weight:900}.pack-open-btn{margin-top:auto;padding:12px 13px;border-radius:14px;font-size:13px}.store-purchase-error{margin-top:10px}.coming-soon-section{padding:16px;border:1px dashed var(--line-strong);border-radius:18px;background:var(--panel)}.soon-copy{color:var(--muted);font-size:12.5px;line-height:1.4;margin-top:6px}.soon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:13px 0}.soon-pack{min-width:0;padding:10px 8px;border:1px solid var(--line);border-radius:12px;background:var(--panel-2);text-align:center}.soon-pack b{display:block;font-size:12px;color:var(--text);white-space:nowrap}.soon-pack span{display:block;margin-top:4px;font-size:11px;color:var(--muted-2)}.transaction-list{display:grid;gap:8px;margin-top:10px}.transaction-row{display:grid;grid-template-columns:94px 1fr 24px;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.tx-amount{font-size:13px;font-weight:900;font-variant-numeric:tabular-nums}.transaction-row.positive .tx-amount,.transaction-row.positive .tx-sign{color:var(--green)}.transaction-row.negative .tx-amount,.transaction-row.negative .tx-sign{color:var(--red)}.tx-desc{font-size:13px;font-weight:700}.tx-date{margin-top:3px;color:var(--muted-2);font-size:11.5px}.tx-sign{width:24px;height:24px;display:grid;place-items:center;border-radius:9px;background:var(--panel-2);font-weight:900}.history-more{margin-top:10px;padding:12px}.store-loading{display:grid;gap:12px}.skeleton-line,.skeleton-pack{border-radius:14px;background:linear-gradient(90deg,var(--panel),var(--panel-2),var(--panel));background-size:220% 100%;animation:shimmer 1.4s ease-in-out infinite}.skeleton-line{height:58px}.skeleton-line.wide{height:86px}.skeleton-pack{height:160px}@keyframes shimmer{0%{background-position:0% 50%}to{background-position:220% 50%}}.pack-opening{position:absolute;inset:0;z-index:50;overflow:hidden;display:flex;flex-direction:column;padding:20px;background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--gold) 20%,transparent),transparent 35%),linear-gradient(180deg,#040407f5,#0c0c12fa);color:var(--text)}.pack-opening-top{display:flex;justify-content:flex-end;min-height:32px;z-index:2}.pack-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.pack-particles span{--i: 0;position:absolute;top:105%;width:4px;height:18px;border-radius:999px;background:var(--gold);opacity:.42;animation:particleRise 2.8s ease-in-out infinite;animation-delay:calc(var(--i) * -.12s)}@keyframes particleRise{0%{transform:translateY(0) scale(.6);opacity:0}20%{opacity:.5}to{transform:translateY(-105dvh) scale(1);opacity:0}}.opening-stage{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.opening-pack{width:min(230px,70vw);aspect-ratio:.72;padding:24px 20px;border-radius:26px;display:flex;flex-direction:column;justify-content:space-between;color:#fff9e8;border:1px solid color-mix(in srgb,var(--gold) 38%,transparent);background:linear-gradient(135deg,rgba(255,255,255,.2),transparent 34%),radial-gradient(circle at 50% 20%,color-mix(in srgb,var(--gold) 34%,transparent),transparent 34%),linear-gradient(160deg,#33243d,#111118 56%,#493414);box-shadow:0 30px 72px #0000008c,0 0 70px color-mix(in srgb,var(--gold) 18%,transparent);animation:packEnter .55s ease both,packShake .72s ease .56s both}.opening-pack .pack-art-title{font-size:22px}.opening-pack .pack-art-count{font-size:58px}.pack-crack{height:3px;border-radius:999px;background:var(--gold);box-shadow:0 0 18px var(--gold);transform-origin:center;animation:crackFlash .3s ease 1.1s both}.opening-copy{margin-top:22px;color:var(--gold);font-weight:900;letter-spacing:.12em;text-transform:uppercase;font-size:12px}@keyframes packEnter{0%{transform:translateY(40px) scale(.86);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes packShake{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(-3deg) scale(1.03)}52%{transform:rotate(3deg) scale(1.04)}78%{transform:rotate(-1.5deg) scale(1.02)}}@keyframes crackFlash{0%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}.opening-progress{padding:6px 12px;border:1px solid var(--line);border-radius:999px;color:var(--gold);background:#0003;font-size:12px;font-weight:900}.opening-status{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px}.opening-countdown{min-width:68px;padding:6px 12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--gold) 48%,var(--line));background:color-mix(in srgb,var(--gold) 16%,rgba(0,0,0,.28));color:#fff4dc;font-size:12px;font-weight:900;text-align:center;box-shadow:inset 0 0 0 1px #ffffff0f}.reveal-card{width:min(320px,100%);min-height:330px;padding:28px 22px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:24px;border:1px solid color-mix(in srgb,var(--gold) 36%,var(--line));background:radial-gradient(circle at 50% 10%,color-mix(in srgb,var(--gold) 18%,transparent),transparent 36%),linear-gradient(180deg,var(--panel-2),var(--panel));box-shadow:0 22px 60px #00000061,inset 0 0 0 1px #ffffff0a;animation:cardReveal .36s cubic-bezier(.2,.8,.2,1) both}@keyframes cardReveal{0%{transform:translateY(22px) rotateX(24deg) scale(.9);opacity:0}to{transform:translateY(0) rotateX(0) scale(1);opacity:1}}.reveal-card-icon{width:70px;height:70px;display:grid;place-items:center;border-radius:20px;background:var(--gold-soft);border:1px solid var(--line);color:var(--gold);box-shadow:0 0 34px var(--gold-soft)}.reveal-card-icon svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.reveal-card-name{margin-top:18px;font-family:var(--serif);font-size:31px;line-height:1.05}.reveal-card p{margin-top:12px;color:var(--muted);font-size:13.5px;line-height:1.45}.reveal-card-meta{width:min(280px,100%);display:grid;grid-template-columns:1fr;gap:8px;margin:18px auto 0}.reveal-card-meta span{padding:8px 11px;border-radius:12px;background:var(--panel);border:1px solid var(--line);font-size:12px;color:var(--gold);font-weight:800;line-height:1.25}.opening-actions{width:min(340px,100%);display:flex;gap:10px;margin-top:20px}.reveal-stage-cards .btn-ghost{background:#ffffff1f;border:1px solid color-mix(in srgb,var(--gold) 48%,rgba(255,255,255,.24));color:#fff4dc;font-weight:900;box-shadow:0 12px 28px #00000042,inset 0 0 0 1px #ffffff14}.reveal-stage-cards .btn-ghost:hover{background:color-mix(in srgb,var(--gold) 18%,rgba(255,255,255,.14));border-color:var(--gold)}.summary-stage{justify-content:flex-start;padding-top:54px}.summary-stage .btn-ghost{background:color-mix(in srgb,var(--gold) 18%,rgba(255,255,255,.08));border:1px solid color-mix(in srgb,var(--gold) 62%,rgba(255,255,255,.22));color:var(--gold);font-weight:900;box-shadow:0 12px 30px #00000047,inset 0 0 0 1px #ffffff14}.summary-stage .btn-ghost:hover{background:color-mix(in srgb,var(--gold) 26%,rgba(255,255,255,.12));border-color:var(--gold)}.summary-list{width:min(340px,100%);display:grid;gap:8px;margin-top:22px}.summary-row{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:11px 12px;border-radius:13px;background:var(--panel);border:1px solid var(--line);text-align:left;font-size:14px}.summary-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--gold-soft);color:var(--gold)}.summary-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.summary-row b{color:var(--gold)}@media(prefers-reduced-motion:reduce){.skeleton-line,.skeleton-pack,.pack-particles span,.opening-pack,.pack-crack,.reveal-card{animation:none!important}.pack-particles{display:none}}@media(max-width:380px),(max-height:700px){.pack-card{grid-template-columns:82px 1fr;padding:11px}.pack-art{min-height:120px}.soon-grid{grid-template-columns:1fr}.transaction-row{grid-template-columns:82px 1fr 22px;gap:8px;padding:10px}.opening-stage{justify-content:center}.reveal-card{min-height:285px;padding:22px 18px}.reveal-card-name{font-size:26px}.summary-stage{padding-top:28px}}@media(max-height:760px){.screen{height:100dvh}.screen-pad,.menu-screen{padding-top:18px;padding-bottom:18px}.menu-screen .menu-title{margin-bottom:16px}.menu-screen .menu-list{gap:8px}.onboard-screen{justify-content:flex-start}.onboard-screen.register-mode .onboard-form-panel{max-height:none}.onboard-screen .spacer{flex:0 0 12px}.profile-screen{padding-top:18px;padding-bottom:18px}}@media(max-width:700px),(pointer:coarse)and (max-width:900px){.app-shell{padding:0;align-items:stretch;min-height:100vh;min-height:100dvh}.screen{max-width:none;height:100vh;height:100dvh;border-radius:0;border-left:0;border-right:0;border-top:0;border-bottom:0}.friend-screen{padding:16px 16px 14px}.onboard-screen,.profile-screen,.menu-screen,.collection-screen,.store-screen,.screen-pad:not(.game-screen):not(.lobby-screen):not(.category-reveal-screen){padding-left:16px;padding-right:16px}.menu-screen{--menu-pad-x: 16px;padding-top:var(--menu-pad-x);padding-bottom:18px}.menu-screen .menu-body{overflow:visible}.onboard-screen .h1{font-size:42px}.hero-mascot{width:min(190px,56vw)}.hero-mascot.compact{width:min(280px,74vw)}.menu-hero-copy .hero-mascot.compact{width:min(360px,88vw,38dvh)}.dl-note{left:16px;right:16px;bottom:26px}.onboard-screen .tabs{margin-top:18px!important}.onboard-screen.register-mode .onboard-form-panel{max-height:none}.onboard-screen .field{margin-bottom:12px}.onboard-screen .btn-lg{padding:14px 16px}.profile-screen .row.gap-16{gap:12px}.profile-screen .title,.profile-screen .muted{overflow-wrap:anywhere}.profile-account{padding-bottom:8px}.mascot-summary{grid-template-columns:48px minmax(0,1fr)}.mascot-summary-avatar{width:48px;height:48px;border-radius:15px}.mascot-change-btn{padding:9px 10px;font-size:12px}.mascot-picker-modal{padding:16px}.friend-screen .back{padding:4px 0}.friend-screen .h2{margin-top:2px!important;font-size:24px}.friend-screen>.muted{margin-top:4px!important;font-size:12.5px!important;line-height:1.25}.friend-screen .tabs{margin-top:12px!important}.friend-screen .tab{padding:9px 10px;font-size:13px}.friend-play-panel{margin-top:12px;padding-bottom:6px}.room-actions{gap:7px}.room-action{min-height:54px;padding:10px 12px}.room-join-block{margin-top:8px;padding-top:12px}.theme-chip{min-height:53px;padding:7px 8px}.theme-chip-icon{width:28px;height:28px;font-size:15px}.info-note{padding:7px 9px;font-size:10.5px}.game-screen{padding:12px 14px 14px;gap:0}.game-screen .player-strip{gap:7px;margin-top:8px!important}.game-screen .player-strip.players-4{gap:6px}.game-screen .pcard{padding:9px;border-radius:12px}.game-screen .player-strip.players-4 .pcard{padding:7px 8px;border-radius:11px}.game-screen .pcard .pbudget{font-size:19px;margin-top:3px}.game-screen .player-strip.players-4 .pcard .pbudget{font-size:17px;line-height:1.05}.game-screen .pcard .pitems{font-size:10px}.game-screen .player-strip.players-4 .slots{margin-top:5px}.game-screen .pavatar{width:20px;height:20px}.game-screen .pname-text{max-width:62px}.game-screen .chip{font-size:10px;padding:2px 6px}.game-screen .stage{flex:0 0 auto;padding:8px 0}.game-screen .item-tile{width:118px;height:118px;border-radius:18px;margin-bottom:10px}.game-screen .item-name{font-size:21px;line-height:1.1}.game-screen .item-q{font-size:12px;margin-top:5px}.game-screen .bid-amount{font-size:44px}.game-screen .bid-summary{margin-top:10px}.game-screen .timer-wrap{margin:8px 0}.game-screen .bid-btn{padding:13px 0;border-radius:13px;font-size:15px}.game-screen .pass-btn{padding:12px;border-radius:13px}.game-screen .reactions{margin-top:8px}.game-screen .react-btn{width:34px;height:34px;border-radius:10px;font-size:16px}.bid-control-panel{position:relative;z-index:2;margin-top:8px;padding-top:0}.players-4-screen .stage{padding:4px 0 3px}.players-4-screen .item-tile{width:82px;height:82px;border-radius:14px;margin:2px auto 5px}.players-4-screen .item-name{font-size:17px;line-height:1.05}.players-4-screen .item-q{font-size:11px;line-height:1.18;max-width:330px;margin-top:3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.players-4-screen .bid-summary{margin-top:5px}.players-4-screen .bid-label{font-size:9px;letter-spacing:.22em;margin-bottom:1px}.players-4-screen .bid-amount{font-size:30px}.players-4-screen .timer-wrap{margin:4px 0}.players-4-screen .timer-bar{width:132px}.players-4-screen .turn-note{font-size:11.5px;min-height:15px}.players-4-screen .bid-control-panel{gap:7px;margin-top:4px}.players-4-screen .bid-buttons{gap:7px}.players-4-screen .bid-btn{padding:10px 0;border-radius:12px;font-size:14px}.players-4-screen .pass-btn{padding:9px;border-radius:12px}.players-4-screen .reactions{margin-top:6px;gap:6px}.players-4-screen .react-btn{width:31px;height:31px;border-radius:9px;font-size:15px}.lobby-screen{padding:16px 16px 18px}.category-reveal-screen{padding:16px}.category-reveal-stage{gap:12px;padding:22px 0 14px}.category-roulette{width:min(286px,76vw,52dvh)}.category-orbit-item{width:48px;height:48px;font-size:22px}.category-final-card{min-width:0;width:min(318px,100%)}.lobby-screen .spacer{flex:0 0 10px}.lobby-screen .h1{font-size:34px;margin-top:8px!important}.lobby-count{margin-top:10px!important;font-size:25px}.lobby-slots{gap:6px;margin-top:10px}.lobby-slot{padding:8px 10px;border-radius:10px}.card-pick-list{margin-top:10px}}@media(max-width:380px),(max-height:700px){.screen-pad{padding-top:14px;padding-bottom:14px}.menu-screen .menu-title{margin-bottom:16px}.back{padding:4px 0}.h1{font-size:36px}.hero-mascot{width:min(162px,52vw)}.hero-mascot.compact{width:min(250px,70vw)}.h2{font-size:23px}.option{gap:10px;padding:12px;border-radius:14px}.option-icon{width:38px;height:38px;border-radius:11px;font-size:19px}.btn{padding:13px 14px;border-radius:14px}.field{gap:6px;margin-bottom:10px}.input{padding:13px 14px;font-size:15px}.stat-grid{gap:8px}.stat-card{padding:12px}.stat-num{font-size:26px}.theme-row{gap:8px}.theme-card{padding:8px}.mascot-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tc-preview{height:48px}.lb-head,.lb-row{gap:6px;padding-left:9px;padding-right:9px;font-size:12px}.theme-picker-overlay{padding:12px}.dl-note{bottom:18px;padding:8px 10px}.dl-text{font-size:11px}.theme-picker-modal{padding:14px;max-height:calc(100dvh - 28px)}.theme-picker-modal .h2{font-size:21px!important}.category-roulette{width:min(250px,72vw,44dvh)}.category-final-card{padding:10px 12px;border-radius:16px}.category-final-card strong{font-size:21px}.players-4-screen{padding:9px 12px 10px}.players-4-screen .row.between{margin-bottom:2px!important}.players-4-screen .pill{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.players-4-screen .player-strip{margin-top:6px!important}.players-4-screen .player-strip.players-4{gap:5px}.players-4-screen .player-strip.players-4 .pcard{padding:6px 7px}.players-4-screen .player-strip.players-4 .pcard .pbudget{font-size:15px;margin-top:2px}.players-4-screen .pcard .pitems{font-size:9.5px}.players-4-screen .player-strip.players-4 .slots{margin-top:4px}.players-4-screen .pavatar{width:18px;height:18px;font-size:10px}.players-4-screen .chip{font-size:9px;padding:1px 5px}.players-4-screen .stage .eyebrow{font-size:10px}.players-4-screen .item-tile{width:72px;height:72px;border-radius:13px;margin-bottom:4px}.players-4-screen .item-name{font-size:16px}.players-4-screen .bid-amount{font-size:28px}.players-4-screen .bid-btn{padding:9px 0}.players-4-screen .pass-btn{padding:8px}}.tour-layer{position:fixed;inset:0;z-index:60;pointer-events:none}.tour-scrim{position:fixed;background:#060609c7;pointer-events:auto;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px)}.tour-scrim-full{inset:0}.tour-ring{position:fixed;border-radius:16px;pointer-events:none;border:2px solid var(--gold);box-shadow:0 0 0 4px color-mix(in srgb,var(--gold) 18%,transparent),0 12px 40px #00000073;animation:tourRing 1.9s ease-in-out infinite}@keyframes tourRing{0%,to{box-shadow:0 0 0 4px color-mix(in srgb,var(--gold) 16%,transparent),0 12px 40px #00000073}50%{box-shadow:0 0 0 9px color-mix(in srgb,var(--gold) 10%,transparent),0 12px 40px #00000073}}.tour-card{position:fixed;pointer-events:auto;z-index:61;background:var(--panel);border:1px solid color-mix(in srgb,var(--gold) 26%,var(--line));border-radius:18px;padding:16px 16px 14px;box-shadow:0 26px 60px #00000080;animation:tourCard .32s cubic-bezier(.2,.8,.2,1) both}@keyframes tourCard{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.tour-center{position:fixed;inset:0;display:grid;place-items:center;padding:18px;pointer-events:none}.tour-card-static{position:relative}.tour-progress{display:flex;align-items:center;justify-content:space-between;gap:10px}.tour-step-count{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}.tour-skip{font-size:11.5px;color:var(--muted-2);text-decoration:underline;padding:2px 0}.tour-skip:hover{color:var(--muted)}.tour-title{margin-top:8px;font-family:var(--serif);font-size:21px;line-height:1.15}.tour-body{margin-top:7px;font-size:13px;line-height:1.5;color:var(--muted)}.tour-next{width:100%;margin-top:14px}.tour-hint{margin-top:13px;padding:9px 11px;border-radius:12px;text-align:center;font-size:12px;font-weight:600;color:var(--gold);background:color-mix(in srgb,var(--gold) 10%,transparent);border:1px solid color-mix(in srgb,var(--gold) 26%,transparent)}@media(prefers-reduced-motion:reduce){.tour-ring,.tour-card{animation:none}}.reveal{flex:1;display:flex;flex-direction:column;padding:24px 22px;position:relative}.reveal-top{display:flex;gap:12px}.rt-side{flex:1;padding:12px 14px;border-radius:14px;background:var(--panel);border:1px solid var(--line);transition:border-color .3s ease}.rt-side.lead{border-color:var(--gold)}.rt-name{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px}.rt-score{font-family:var(--serif);font-size:42px;line-height:1.05}.rt-side.lead .rt-score{color:var(--gold)}.reveal-stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.reveal-round{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted-2)}.reveal-item{font-family:var(--serif);font-size:34px;margin-top:10px}.reveal-who{color:var(--muted);font-size:14px;margin-top:6px}.reveal-scorebig{font-family:var(--serif);font-size:76px;line-height:1;margin-top:14px;color:var(--gold)}.reveal-plus{font-size:13px;color:var(--muted-2);letter-spacing:.2em;text-transform:uppercase}.reveal-progress{display:flex;gap:6px;justify-content:center;margin-top:22px}.rp-dot{width:7px;height:7px;border-radius:50%;background:var(--line-strong)}.rp-dot.done{background:var(--gold)}.rp-dot.cur{background:var(--gold);transform:scale(1.5)}.reveal-hint{text-align:center;color:var(--muted-2);font-size:12px;margin-top:14px}.pop{animation:pop .5s cubic-bezier(.2,.8,.2,1)}@keyframes pop{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.14)}to{transform:scale(1);opacity:1}}.slide-up{animation:slideUp .4s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fw{position:absolute;inset:0;z-index:30;pointer-events:none}.winner-word{font-family:var(--serif);font-size:34px;animation:winPulse 1.6s ease-in-out infinite}@keyframes winPulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.reveal-head{text-align:center;font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--muted-2);margin-bottom:14px}.board{display:flex;gap:12px}.board-col{flex:1;min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:14px 12px;transition:border-color .3s ease,box-shadow .3s ease}.board-col.lead{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold-soft)}.bc-head{margin-bottom:12px}.bc-name{font-size:13px;font-weight:600;display:flex;align-items:center;flex-wrap:wrap;gap:5px}.bc-total{font-family:var(--serif);font-size:40px;line-height:1;margin-top:2px}.board-col.lead .bc-total{color:var(--gold)}.bc-items{display:flex;flex-direction:column;gap:8px}.bc-item{display:flex;align-items:center;gap:8px;background:var(--panel-2);border-radius:11px;padding:8px 10px}.bc-item-main{flex:1;min-width:0}.bc-item-name{display:block;font-size:12.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bc-price{font-size:11px;color:var(--muted)}.bc-score{font-family:var(--serif);font-size:20px;min-width:30px;text-align:right;color:var(--muted-2)}.bc-score.on{color:var(--gold)}.bc-empty{color:var(--muted-2);font-size:12px;text-align:center;padding:10px 0}.bc-bonus{background:color-mix(in srgb,var(--gold) 7%,var(--panel-2));border:1px solid color-mix(in srgb,var(--gold) 20%,transparent);animation:slideUp .4s ease}.bc-bonus-icon{flex:0 0 auto;width:26px;height:26px;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--panel);border:1px solid var(--line);font-size:13px;color:var(--gold)}.bc-bonus-icon img{width:100%;height:100%;object-fit:cover;display:block}.bc-bonus .bc-item-name{color:var(--gold)}.bc-bonus .bc-price{font-size:10.5px;letter-spacing:.02em}.bc-bonus-score{color:var(--muted-2)}.bc-bonus-score.on{color:var(--gold)}.board-col.win{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold-soft),0 18px 44px #00000042}.board-col.win .bc-total{color:var(--gold)}.board-col.out{opacity:.6}.bc-win-chip{padding:1px 7px;border-radius:999px;font-size:10.5px;font-weight:700;letter-spacing:.03em;color:var(--gold);white-space:nowrap;border:1px solid color-mix(in srgb,var(--gold) 42%,var(--line));background:color-mix(in srgb,var(--gold) 12%,transparent)}.winner-banner{text-align:center;margin-top:20px;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.thief-recap{align-items:stretch;justify-content:center;text-align:center;cursor:pointer}.tr-stage{display:flex;flex-direction:column;align-items:center}.tr-art{width:74px;height:74px;border-radius:20px;overflow:hidden;border:1px solid color-mix(in srgb,var(--gold) 40%,var(--line));box-shadow:0 0 0 6px color-mix(in srgb,var(--gold) 8%,transparent),0 18px 40px #00000057;animation:trArt 2.4s ease-in-out infinite}.tr-name{font-family:var(--serif);font-size:30px;margin-top:16px}.tr-who{margin-top:6px;font-size:13px;color:var(--muted);letter-spacing:.02em}.tr-swap{position:relative;width:232px;height:132px;margin-top:26px}.tr-back{position:absolute;top:10px;width:86px;height:112px;border-radius:13px;display:flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--gold) 34%,var(--line));background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--gold) 9%,transparent) 0 7px,transparent 7px 14px),var(--panel-2);box-shadow:0 14px 30px #00000057}.tr-back span{font-size:22px;color:color-mix(in srgb,var(--gold) 72%,var(--muted-2))}.tr-back-a{left:8px;z-index:2;animation:trSwapA 1.5s cubic-bezier(.55,.05,.3,1) .5s both}.tr-back-b{right:8px;z-index:1;animation:trSwapB 1.5s cubic-bezier(.55,.05,.3,1) .5s both}.tr-note{margin-top:20px;font-size:12.5px;color:var(--muted-2)}.tr-trade{margin-top:22px;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;max-width:340px}.tr-trade-side{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 10px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.tr-trade-label{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-weight:800}.tr-trade-art{width:74px;height:74px;border-radius:13px;overflow:hidden;background:var(--panel-2);border:1px solid var(--line);display:grid;place-items:center;color:var(--muted-2);font-size:22px}.tr-trade-art img{width:100%;height:100%;object-fit:cover;display:block}.tr-trade-name{font-size:13px;font-weight:700;line-height:1.25;text-align:center;color:var(--text)}.tr-trade-from{font-size:11px;color:var(--muted)}.tr-trade-arrow{flex:0 0 auto;font-size:20px;color:var(--gold)}@keyframes trArt{0%,to{transform:scale(1) rotate(-1.5deg)}50%{transform:scale(1.05) rotate(1.5deg)}}@keyframes trSwapA{0%{transform:translate(0) rotate(-3deg)}45%{transform:translate(65px,-30px) rotate(9deg)}to{transform:translate(130px) rotate(0)}}@keyframes trSwapB{0%{transform:translate(0) rotate(3deg)}45%{transform:translate(-65px,30px) rotate(-9deg)}to{transform:translate(-130px) rotate(0)}}@media(max-width:380px){.tr-swap{width:196px;height:118px}.tr-back{width:74px;height:98px}.tr-back-a{animation-name:trSwapAsm}.tr-back-b{animation-name:trSwapBsm}}@keyframes trSwapAsm{0%{transform:translate(0) rotate(-3deg)}45%{transform:translate(55px,-26px) rotate(9deg)}to{transform:translate(110px) rotate(0)}}@keyframes trSwapBsm{0%{transform:translate(0) rotate(3deg)}45%{transform:translate(-55px,26px) rotate(-9deg)}to{transform:translate(-110px) rotate(0)}}@media(prefers-reduced-motion:reduce){.tr-art,.tr-back-a,.tr-back-b{animation:none}}.reveal-final{padding:18px 22px 14px}.reveal-final .reveal-head{margin-bottom:10px}.reveal-final .board{gap:10px}.reveal-final .board-col{padding:10px;border-radius:16px}.reveal-final .bc-head{margin-bottom:8px}.reveal-final .bc-total{font-size:32px}.reveal-final .bc-items{gap:6px}.reveal-final .bc-item{padding:6px 8px;border-radius:9px}.reveal-final .bc-item-name{font-size:12px}.reveal-final .bc-score{font-size:18px}.reveal-final .winner-banner{margin-top:12px;padding:12px 14px;border-radius:16px}.reveal-final .winner-word{font-size:28px}.reveal-final .stat-grid{gap:10px;margin-top:12px!important}.reveal-final .stat-card{padding:10px 12px;border-radius:14px}.reveal-final .stat-label{font-size:10px}.reveal-final .unlock-gain{margin-left:6px;padding:1px 7px;border-radius:999px;font-size:11.5px;font-weight:700;color:var(--gold);border:1px solid color-mix(in srgb,var(--gold) 42%,var(--line));background:color-mix(in srgb,var(--gold) 12%,transparent)}.unlock-owned{margin-top:3px;color:var(--muted-2)}.unlock-panel{margin-top:10px;padding:10px 12px}.result-actions{display:flex;gap:10px;margin-top:14px;margin-bottom:4px;z-index:1}.result-actions .btn{flex:1;min-width:0;padding:14px 12px}.achievement-grid{display:flex;flex-direction:column;gap:8px}.achievement-card{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;border:1px solid var(--line);background:var(--panel)}.achievement-card.locked{opacity:.52}.achievement-card.unlocked{border-color:var(--line-strong)}.achievement-icon{width:34px;height:34px;flex:0 0 34px;border-radius:10px;display:grid;place-items:center;color:var(--gold);background:var(--gold-soft);border:1px solid var(--line);font-family:var(--serif);font-size:18px}.reward-modal .achievement-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.achievement-copy{min-width:0}.achievement-title{font-size:15px;font-weight:600}.achievement-desc{margin-top:3px;font-size:12.5px;color:var(--muted);line-height:1.4}.achievement-reward{margin-top:6px;color:var(--gold);font-size:12px;font-weight:900}.achievement-date{margin-top:5px;font-size:11px;color:var(--gold)}.empty-state{margin-top:22px;padding:18px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--muted);font-size:13px;text-align:center}.unlock-panel{margin-top:16px;padding:14px;z-index:1;border-radius:14px;border:1px solid var(--gold);background:var(--gold-soft)}.unlock-kicker{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:10px}.unlock-row{display:flex;align-items:center;gap:12px;padding:8px 0}.unlock-row+.unlock-row{border-top:1px solid var(--line)}.player-strip.players-4{display:grid;grid-template-columns:1fr 1fr;gap:8px}.player-strip.players-4 .pcard{padding:10px 12px}.player-strip.players-4 .pcard .pbudget{font-size:20px}.pcard.passed{opacity:.55}.pcard.offline{border-style:dashed}.pcard .pname{flex-wrap:wrap}.pavatar{width:22px;height:22px;border-radius:50%;display:inline-grid;place-items:center;font-size:11px;font-weight:700;background:var(--panel-2);border:1px solid var(--line);color:var(--gold)}.pname-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:90px}.chip.turn-chip{background:var(--gold-soft);color:var(--gold)}.chip.pass-chip{background:transparent;border:1px solid var(--line);color:var(--muted-2)}.chip.off-chip{color:var(--red)}.lobby-count{font-family:var(--serif);font-size:30px;color:var(--gold)}.lobby-slots-wrap{width:100%;display:flex;justify-content:center}.lobby-slots{display:flex;flex-direction:column;gap:8px;margin-top:14px;width:260px;max-width:100%}.lobby-slot{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--panel);border:1px solid var(--line)}.lobby-slot.filled{border-color:var(--line-strong)}.lobby-avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;background:var(--panel-2);border:1px solid var(--line);color:var(--gold)}.lobby-name{font-size:13.5px;color:var(--text)}.lobby-slot:not(.filled) .lobby-name{color:var(--muted-2)}.board.board-multi{flex-wrap:wrap}.board.board-multi .board-col{flex:1 1 calc(50% - 6px);min-width:calc(50% - 6px)}.board.board-multi .bc-total{font-size:30px}.reveal-final .board.board-multi .bc-total{font-size:26px}.reveal-final .board.board-multi .bc-item{padding:5px 7px}.steal-overlay{z-index:22}.steal-card{width:min(340px,calc(100% - 40px));padding:22px 20px;text-align:center;border:1px solid var(--line);border-radius:20px;background:var(--screen-a);box-shadow:0 24px 60px #0006;animation:stealPop .4s cubic-bezier(.18,.9,.24,1.2) both}.steal-title{font-family:var(--serif);font-size:24px;color:var(--gold)}.steal-sub{margin-top:4px;font-size:13px;color:var(--muted)}.steal-swap{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:10px;margin-top:20px}.steal-item{display:flex;flex-direction:column;align-items:center;gap:8px}.steal-out{animation:stealSlideL .5s ease both}.steal-in{animation:stealSlideR .5s ease both}.steal-thumb{width:74px;height:74px;border-radius:16px;overflow:hidden;background:var(--panel);border:1px solid var(--line);display:grid;place-items:center;color:var(--gold);font-family:var(--serif);font-size:28px}.steal-thumb img{width:100%;height:100%;object-fit:cover;display:block}.steal-item-label{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted-2)}.steal-item-name{font-size:12.5px;color:var(--text);line-height:1.25;max-width:110px}.steal-arrows{font-size:26px;color:var(--gold);align-self:center;animation:stealSpin 1s ease infinite}@keyframes stealPop{0%{opacity:0;transform:scale(.86)}to{opacity:1;transform:scale(1)}}@keyframes stealSlideL{0%{opacity:0;transform:translate(-22px)}to{opacity:1;transform:none}}@keyframes stealSlideR{0%{opacity:0;transform:translate(22px)}to{opacity:1;transform:none}}@keyframes stealSpin{0%,to{transform:rotate(0)}50%{transform:rotate(180deg)}}.splash{position:fixed;inset:0;z-index:60;display:grid;place-items:center;overflow:hidden;background:radial-gradient(80% 50% at 50% 32%,color-mix(in srgb,var(--gold) 16%,transparent),transparent 62%),linear-gradient(180deg,#17131f,#0a0a0e);animation:splashIn .4s ease both}.splash.leaving{animation:splashOut .42s ease forwards;pointer-events:none}.splash-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s ease}.splash-video.ready{opacity:.42}.splash-stage{position:absolute;inset:0;pointer-events:none}.splash-beam{position:absolute;top:-14%;width:130px;height:78%;background:linear-gradient(180deg,color-mix(in srgb,var(--gold) 40%,transparent),transparent 78%);filter:blur(14px);opacity:0;transform-origin:top center;animation:splashBeam 2.4s ease-out both}.splash-beam.left{left:18%;transform:rotate(-20deg)}.splash-beam.right{right:18%;transform:rotate(20deg);animation-delay:.12s}.splash-ring{position:absolute;left:50%;top:44%;width:240px;height:240px;margin:-120px 0 0 -120px;border-radius:50%;border:1px solid color-mix(in srgb,var(--gold) 40%,transparent);animation:splashRing 2.2s cubic-bezier(.2,.8,.2,1) both}.splash-glow{position:absolute;left:50%;top:44%;width:420px;height:420px;margin:-210px 0 0 -210px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--gold) 22%,transparent),transparent 62%);filter:blur(26px);animation:splashPulse 2.6s ease-in-out infinite}.splash-content{position:relative;z-index:1;display:grid;justify-items:center;text-align:center;padding:0 26px}.splash-hero{width:min(240px,62vw);border-radius:26px;filter:drop-shadow(0 26px 34px rgba(0,0,0,.5));animation:splashHero .9s cubic-bezier(.18,.9,.24,1.06) both}.splash-brand{margin-top:20px;font-size:clamp(34px,11vw,46px);letter-spacing:.26em;color:var(--gold);text-shadow:0 0 34px color-mix(in srgb,var(--gold) 46%,transparent);animation:splashBrand .8s cubic-bezier(.2,.85,.25,1) both;animation-delay:.5s}.splash-tag{margin-top:10px;font-size:11.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted-2);animation:splashBrand .7s ease both;animation-delay:.78s}.splash-bar{width:160px;height:3px;margin-top:26px;border-radius:3px;background:color-mix(in srgb,var(--gold) 16%,transparent);overflow:hidden}.splash-bar-fill{display:block;height:100%;width:100%;border-radius:3px;background:linear-gradient(90deg,color-mix(in srgb,var(--gold) 60%,#fff),var(--gold));transform-origin:left center;animation:splashBar 2.3s cubic-bezier(.4,0,.2,1) both}@keyframes splashIn{0%{opacity:0}to{opacity:1}}@keyframes splashOut{to{opacity:0;transform:scale(1.04)}}@keyframes splashHero{0%{opacity:0;transform:translateY(-26px) scale(.86)}to{opacity:1;transform:none}}@keyframes splashBrand{0%{opacity:0;letter-spacing:.5em;filter:blur(7px)}to{opacity:1;letter-spacing:.26em;filter:none}}@keyframes splashBeam{0%{opacity:0}35%{opacity:.72}to{opacity:.32}}@keyframes splashRing{0%{opacity:0;transform:scale(.55)}60%{opacity:.7}to{opacity:0;transform:scale(1.5)}}@keyframes splashPulse{0%,to{opacity:.5;transform:scale(.95)}50%{opacity:.85;transform:scale(1.06)}}@keyframes splashBar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.splash,.splash-hero,.splash-brand,.splash-tag,.splash-beam,.splash-ring,.splash-glow,.splash-bar-fill{animation-duration:.01ms;animation-iteration-count:1}}.onboard-landing{justify-content:space-between}.onboard-landing .landing-hero{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;padding:clamp(8px,3dvh,34px) 0}.landing-title{margin-top:10px;animation:landingRise .6s cubic-bezier(.18,.88,.24,1.05) both;animation-delay:.1s}.landing-tagline{margin-top:10px;font-size:13.5px;animation:landingRise .6s cubic-bezier(.18,.88,.24,1.05) both;animation-delay:.2s}.landing-actions{flex:0 0 auto;display:grid;gap:10px;padding-bottom:4px;animation:landingRise .6s cubic-bezier(.18,.88,.24,1.05) both;animation-delay:.32s}.landing-cta{width:100%}.ghost-cta{background:color-mix(in srgb,var(--panel) 82%,transparent);border-color:color-mix(in srgb,var(--gold) 34%,var(--line));color:var(--gold);font-weight:600}.ghost-cta:hover{border-color:var(--gold)}.landing-note{font-size:11.5px;line-height:1.5;margin-top:4px}@keyframes landingRise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.onboard-screen>.auth-overlay,.onboard-landing>.auth-overlay{position:absolute;inset:0;z-index:30}.auth-overlay{place-items:center;padding:20px}.auth-sheet{position:relative;width:min(360px,100%);max-height:calc(100dvh - 40px);overflow-y:auto;padding:24px 22px 22px;border-radius:22px;border:1px solid color-mix(in srgb,var(--gold) 22%,var(--line));background:linear-gradient(180deg,color-mix(in srgb,var(--gold) 7%,var(--screen-a)),var(--screen-b));box-shadow:0 26px 70px #00000080;animation:authSheetIn .3s cubic-bezier(.2,.9,.24,1.04) both;scrollbar-width:none}.auth-sheet::-webkit-scrollbar{width:0;height:0}.auth-close{position:absolute;top:14px;right:14px}.auth-sheet-title{margin-top:5px}.auth-sheet-body{margin-top:16px}.auth-sheet .field{margin-bottom:12px}.auth-sheet .field:last-child{margin-bottom:4px}.auth-sheet .input{padding:13px 14px}.auth-sheet .err{min-height:16px;font-size:12.5px}.auth-sheet .btn-lg{padding:15px 18px}.auth-switch{display:block;width:100%;margin-top:14px;text-align:center;font-size:12.5px}@keyframes authSheetIn{0%{opacity:0;transform:translateY(26px) scale(.985)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.landing-title,.landing-tagline,.landing-actions,.auth-sheet{animation:none}}.screen-pad.has-scene{background:radial-gradient(90% 38% at 50% 6%,color-mix(in srgb,var(--gold) 15%,transparent),transparent 58%),linear-gradient(180deg,var(--screen-a),var(--screen-b))}.screen-pad.has-scene>*:not(.scene-backdrop){position:relative;z-index:1}.screen-pad.has-scene>.pack-opening,.screen-pad.has-scene>.overlay{position:absolute;z-index:40}.screen-pad.has-scene>.pack-opening{z-index:50}.scene-backdrop-page{opacity:.42}.scene-backdrop-page:before{inset:26% -18% auto;height:38%;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 44%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 44%,transparent 100%)}.scene-backdrop-page:after{display:none}.scene-backdrop-page .scene-card.card-a{top:74px;left:4px}.scene-backdrop-page .scene-card.card-b{top:104px;right:6px}.scene-backdrop-page .scene-coin.coin-a{top:52px;left:58px}.scene-backdrop-page .scene-coin.coin-b{top:64px;right:62px}.scene-backdrop-page .scene-table{bottom:34%}.scene-backdrop-friend{opacity:.7}.scene-backdrop-friend:before{inset:30% -18% auto;height:40%;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 46%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 46%,transparent 100%)}.scene-backdrop-friend:after{display:none}.scene-backdrop-friend .scene-card.card-a{top:96px;left:8px}.scene-backdrop-friend .scene-card.card-b{top:128px;right:10px}.scene-backdrop-friend .scene-coin.coin-a{top:62px;left:62px}.scene-backdrop-friend .scene-coin.coin-b{top:74px;right:66px}.scene-backdrop-friend .scene-table{bottom:120px}.friend-eyebrow,.page-eyebrow{margin-top:8px}.friend-join-footer{flex:0 0 auto;margin-top:auto}.friend-screen .theme-picker-copy,.theme-picker-overlay .theme-chip-title{text-align:center}.friend-screen .party-size-head{justify-content:center;gap:8px}.friend-screen .info-row.compact-row{justify-content:center;gap:10px}[data-tone=spor]{--tone: #34a05e}[data-tone=yiyecek]{--tone: #d1803f}[data-tone=sinema]{--tone: #c9505a}[data-tone=fantastik]{--tone: #8b6fd0}[data-tone=hayat]{--tone: #3fa7a0}[data-tone=random]{--tone: var(--gold)}.theme-picker-trigger{position:relative;overflow:hidden;background:linear-gradient(115deg,color-mix(in srgb,var(--tone, var(--gold)) 20%,transparent),transparent 58%),var(--panel);border-color:color-mix(in srgb,var(--tone, var(--gold)) 32%,var(--line));transition:border-color .2s ease,background .25s ease}.theme-picker-trigger:after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:45%;background:linear-gradient(100deg,transparent,color-mix(in srgb,var(--tone, var(--gold)) 26%,transparent),transparent);animation:tonesheen 4.6s ease-in-out infinite;pointer-events:none}.theme-picker-trigger .theme-chip-icon{background:color-mix(in srgb,var(--tone, var(--gold)) 22%,var(--panel-2));border-color:color-mix(in srgb,var(--tone, var(--gold)) 38%,var(--line))}.theme-picker-change{color:color-mix(in srgb,var(--tone, var(--gold)) 78%,var(--gold))}.theme-chip[data-tone] .theme-chip-icon{background:color-mix(in srgb,var(--tone, var(--gold)) 18%,var(--panel-2));border-color:color-mix(in srgb,var(--tone, var(--gold)) 32%,var(--line))}.theme-chip[data-tone]:hover{border-color:color-mix(in srgb,var(--tone, var(--gold)) 46%,var(--line))}@keyframes tonesheen{0%,62%{transform:translate(0)}to{transform:translate(340%)}}.room-mode-card{position:relative;overflow:hidden;background:linear-gradient(150deg,color-mix(in srgb,var(--gold) 9%,var(--panel)),var(--panel) 62%);transition:transform .14s ease,border-color .2s ease,box-shadow .2s ease}.room-mode-card:hover:not(:disabled){transform:translateY(-2px);border-color:color-mix(in srgb,var(--gold) 44%,var(--line));box-shadow:0 12px 26px #00000038}.room-mode-card:active:not(:disabled){transform:translateY(0) scale(.99)}.room-mode-card .option-icon{background:color-mix(in srgb,var(--gold) 20%,var(--panel-2));border-color:color-mix(in srgb,var(--gold) 34%,var(--line));color:var(--gold)}.room-mode-card.party .option-icon{background:color-mix(in srgb,var(--accent-2) 20%,var(--panel-2));border-color:color-mix(in srgb,var(--accent-2) 34%,var(--line))}.room-mode-card.busy{border-color:color-mix(in srgb,var(--gold) 50%,var(--line))}.mini-spinner{flex:0 0 auto;width:15px;height:15px;border-radius:50%;border:2px solid color-mix(in srgb,var(--gold) 26%,transparent);border-top-color:var(--gold);animation:miniSpin .7s linear infinite}@keyframes miniSpin{to{transform:rotate(360deg)}}.party-size-pill{height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;transition:transform .12s ease,border-color .2s ease,background .2s ease}.party-size-pill:hover:not(:disabled){border-color:color-mix(in srgb,var(--gold) 40%,var(--line))}.party-size-pill:active:not(:disabled){transform:scale(.96)}.party-size-dots{display:flex;gap:2.5px}.party-size-dots i{width:4.5px;height:4.5px;border-radius:50%;background:var(--line-strong)}.party-size-dots i.on{background:var(--gold)}.party-size-num{font-size:12.5px;font-weight:700;line-height:1}.code-input-wrap{position:relative;width:100%}.code-input-real{position:absolute;inset:0;width:100%;height:100%;opacity:0;border:0;padding:0;color:transparent;background:transparent;caret-color:transparent;cursor:text;z-index:2}.code-cells{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.code-cell{height:48px;display:grid;place-items:center;border-radius:11px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-size:19px;font-weight:700;transition:border-color .18s ease,background .18s ease,transform .12s ease}.code-cell.filled{border-color:color-mix(in srgb,var(--gold) 52%,var(--line));background:color-mix(in srgb,var(--gold) 13%,var(--panel));color:var(--gold);transform:translateY(-1px)}.code-input-real:focus+.code-cells .code-cell.active{border-color:var(--gold);animation:codeCaret 1.05s ease-in-out infinite}@keyframes codeCaret{0%,to{box-shadow:0 0 color-mix(in srgb,var(--gold) 30%,transparent)}50%{box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 18%,transparent)}}.room-join-btn.ready{background:var(--gold);border-color:var(--gold);color:var(--on-accent)}.friend-err.shake{animation:errShake .34s ease}@keyframes errShake{0%,to{transform:translate(0)}22%{transform:translate(-5px)}55%{transform:translate(4px)}80%{transform:translate(-2px)}}.scene-backdrop-lobby{opacity:.62}.scene-backdrop-lobby:before{inset:34% -20% auto;height:36%;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 44%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 44%,transparent 100%)}.scene-backdrop-lobby:after{display:none}.scene-backdrop-lobby .scene-coin.coin-a{top:88px;left:40px}.scene-backdrop-lobby .scene-coin.coin-b{top:104px;right:44px}.scene-backdrop-lobby .scene-table{bottom:40%}.lobby-invite{width:fit-content;min-width:min(300px,100%);max-width:100%;margin:0 auto}.lobby-code{margin-top:10px;width:100%;text-align:center;padding:6px 16px;border-radius:16px;border:1px dashed color-mix(in srgb,var(--gold) 40%,var(--line));background:color-mix(in srgb,var(--gold) 8%,transparent);transition:border-color .2s ease,background .2s ease,transform .12s ease}.lobby-code:hover{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 14%,transparent)}.lobby-code:active{transform:scale(.98)}.lobby-code-text{display:block;font-size:clamp(28px,11vw,46px);white-space:nowrap;letter-spacing:.26em;color:var(--gold);text-shadow:0 0 24px color-mix(in srgb,var(--gold) 34%,transparent)}.lobby-share-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;width:100%}.lobby-share-btn{flex:1;padding:10px 8px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-size:12.5px;font-weight:600;transition:transform .12s ease,border-color .2s ease,background .2s ease}.lobby-share-btn:hover{border-color:color-mix(in srgb,var(--gold) 40%,var(--line))}.lobby-share-btn:active{transform:scale(.97)}.lobby-share-btn.primary{background:var(--gold);border-color:var(--gold);color:var(--on-accent)}.lobby-friend-btn{width:100%;margin-top:8px;padding:12px 14px;border-radius:12px;font-size:13px}.invite-sheet{position:relative;width:min(380px,calc(100vw - 32px));max-height:min(560px,calc(100dvh - 60px));display:flex;flex-direction:column;gap:8px;padding:22px 18px 18px;border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);box-shadow:0 24px 60px #0000006b;text-align:left}.invite-close{position:absolute;top:10px;right:10px}.invite-title{margin-top:2px}.invite-note{font-size:12.5px}.invite-list{flex:1 1 auto;min-height:0;gap:8px}.invite-row{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:14px}.invite-btn{flex:0 0 auto;padding:9px 12px;border-radius:999px;font-size:12.5px;font-weight:700;color:var(--gold);border:1px solid color-mix(in srgb,var(--gold) 42%,var(--line));background:color-mix(in srgb,var(--gold) 10%,transparent)}.invite-btn:disabled{opacity:.45;cursor:default;color:var(--muted-2);border-color:var(--line);background:transparent}.invite-btn.done{color:var(--green);border-color:color-mix(in srgb,var(--green) 42%,var(--line))}.invite-done{margin-top:2px}.lobby-ring-wrap{display:flex;justify-content:center;margin-top:18px}.lobby-ring{width:116px;height:116px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--gold) 0 var(--fill, 0%),color-mix(in srgb,var(--line-strong) 70%,transparent) var(--fill, 0%) 100%);transition:background .5s ease}.lobby-ring.full{animation:lobbyRingPulse 1.4s ease-in-out infinite}.lobby-ring-inner{width:96px;height:96px;border-radius:50%;display:grid;place-items:center;align-content:center;gap:2px;background:var(--screen-b);border:1px solid var(--line)}.lobby-ring-inner .lobby-count{font-size:25px;line-height:1}.lobby-ring-label{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2)}@keyframes lobbyRingPulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--gold) 34%,transparent)}50%{box-shadow:0 0 0 10px transparent}}.lobby-slot{position:relative;transition:border-color .25s ease,background .25s ease}.lobby-slot.filled{animation:lobbySlotPop .42s cubic-bezier(.18,.9,.24,1.2) both;background:linear-gradient(120deg,color-mix(in srgb,var(--slot-tone, var(--gold)) 13%,var(--panel)),var(--panel) 64%);border-color:color-mix(in srgb,var(--slot-tone, var(--gold)) 34%,var(--line))}.lobby-slot.empty{border-style:dashed;animation:lobbySlotBreathe 2.4s ease-in-out infinite}.lobby-slot.filled .lobby-avatar{background:color-mix(in srgb,var(--slot-tone, var(--gold)) 24%,var(--panel-2));border-color:color-mix(in srgb,var(--slot-tone, var(--gold)) 44%,var(--line));color:var(--text)}.lobby-slot[data-tone="0"]{--slot-tone: var(--gold)}.lobby-slot[data-tone="1"]{--slot-tone: #6fa8dc}.lobby-slot[data-tone="2"]{--slot-tone: #d3776b}.lobby-slot[data-tone="3"]{--slot-tone: #7fc4a4}.lobby-slot[data-tone="4"]{--slot-tone: #b191d8}.lobby-slot-dot{margin-left:auto;width:7px;height:7px;border-radius:50%;background:var(--green, #4fbf7d);box-shadow:0 0 0 3px color-mix(in srgb,var(--green, #4fbf7d) 22%,transparent)}.lobby-slot-wait{margin-left:auto;width:22px;height:4px;border-radius:3px;background:linear-gradient(90deg,var(--line-strong),color-mix(in srgb,var(--gold) 40%,var(--line-strong)),var(--line-strong));background-size:200% 100%;animation:lobbyWaitSlide 1.5s linear infinite}.lobby-starting{color:var(--gold)!important;animation:lobbyStarting 1.2s ease-in-out infinite}@keyframes lobbySlotPop{0%{opacity:0;transform:translateY(6px) scale(.96)}to{opacity:1;transform:none}}@keyframes lobbySlotBreathe{0%,to{opacity:.6}50%{opacity:1}}@keyframes lobbyWaitSlide{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes lobbyStarting{0%,to{opacity:.65}50%{opacity:1}}@media(max-width:560px){.lobby-code{margin-top:6px;padding:4px 14px}.lobby-ring-wrap{margin-top:12px}.lobby-ring{width:98px;height:98px}.lobby-ring-inner{width:80px;height:80px}.lobby-ring-inner .lobby-count{font-size:21px}.lobby-share-row{margin-top:10px}.code-cell{height:44px;font-size:18px}.party-size-pill{height:42px}}@media(prefers-reduced-motion:reduce){.theme-picker-trigger:after,.lobby-slot.filled,.lobby-slot.empty,.lobby-slot-wait,.lobby-ring.full,.lobby-starting,.friend-err.shake,.mini-spinner,.code-input-real:focus+.code-cells .code-cell.active{animation:none}}.power-bar{display:flex;flex-direction:column;gap:8px;width:100%}.power-bar-head{display:flex;align-items:baseline;justify-content:space-between}.power-bar-label{font-size:11px;letter-spacing:3.1px;text-transform:uppercase;color:var(--muted-2)}.power-bar-count{font-weight:900;font-size:15px;font-variant-numeric:tabular-nums}.power-track{display:flex;gap:5px}.power-seg{flex:1;height:9px;border-radius:999px;background:var(--line);border:1px solid var(--line-strong);transition:background .26s ease,box-shadow .26s ease}.power-seg.on{border-color:transparent}.power-bar.charged .power-seg.on{box-shadow:0 0 10px color-mix(in srgb,var(--red) 60%,transparent)}.power-chip{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:7px}.power-chip.on{color:var(--red);font-weight:800;letter-spacing:.2px;animation:powerPulse 1.9s ease-in-out infinite}.power-chip-dot{width:7px;height:7px;border-radius:999px;background:var(--red);box-shadow:0 0 8px var(--red)}@keyframes powerPulse{0%,to{opacity:1}50%{opacity:.62}}.power-bar.compact .power-bar-label{font-size:10px;letter-spacing:2.4px}.power-inline{pointer-events:auto;display:inline-flex;align-items:center;gap:9px;height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 88%,transparent);color:var(--text);cursor:pointer;box-shadow:0 8px 22px #0000002e;transition:border-color .2s ease,box-shadow .2s ease,transform .12s ease}.power-inline:active{transform:scale(.98)}.power-inline.charged{border-color:color-mix(in srgb,var(--red) 52%,var(--line));box-shadow:0 8px 22px #0000002e,0 0 16px color-mix(in srgb,var(--red) 26%,transparent)}.power-inline-track{display:flex;align-items:center;gap:4px}.power-inline-seg{width:13px;height:6px;border-radius:999px;background:var(--line);border:1px solid var(--line-strong);transition:background .26s ease}.power-inline-seg.on{border-color:transparent}.power-inline-count{font-size:12px;font-weight:900;font-variant-numeric:tabular-nums;line-height:1}.power-inline.charged .power-inline-count{animation:powerPulse 1.9s ease-in-out infinite}.power-inline.forfeited,.power-bar.forfeited .power-track{opacity:.72}.menu-head-id{min-width:0;flex:1 1 auto}.menu-username{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.power-bar.compact .power-seg{height:7px}.power-bar.compact .power-chip{font-size:11px}.daily-strip{display:flex;flex-direction:column;gap:10px;width:100%;margin:12px 0 4px;padding:13px 15px;border-radius:var(--radius);border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 86%,transparent);color:var(--text);text-align:left;cursor:pointer;box-shadow:0 14px 34px #0000002e}.daily-strip:hover{border-color:color-mix(in srgb,var(--gold) 26%,var(--line))}.daily-strip-cta{display:flex;align-items:center;gap:9px;font-size:13.5px;font-weight:700;color:var(--muted)}.daily-strip-cta svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.daily-strip-cta.ready{color:var(--gold)}.wheel-dot{position:absolute;top:-3px;right:-3px;width:11px;height:11px;border-radius:999px;background:var(--red);border:2px solid var(--bg)}.daily-screen{padding-bottom:40px}.daily-power-card{margin-top:18px;padding:16px;border-radius:var(--radius);border:1px solid var(--line);background:var(--panel)}.daily-power-note{font-size:12.5px;margin-top:12px;line-height:1.5}.daily-empty{margin-top:22px;text-align:center}.wheel-card{margin-top:16px;padding:18px 16px 16px;border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column;align-items:center;gap:12px}.wheel-stage{position:relative;width:min(252px,68vw);aspect-ratio:1;margin-top:4px}.wheel-pointer{position:absolute;top:-4px;left:50%;transform:translate(-50%);width:0;height:0;z-index:2;border-left:11px solid transparent;border-right:11px solid transparent;border-top:18px solid var(--text);filter:drop-shadow(0 2px 4px rgba(0,0,0,.45))}.wheel-disc{width:100%;height:100%;border-radius:999px;border:3px solid color-mix(in srgb,var(--gold) 55%,var(--line-strong));box-shadow:0 18px 44px #00000057,inset 0 0 0 6px #0000002e;display:grid;place-items:center;transition:transform 3.2s cubic-bezier(.16,.84,.28,1)}.wheel-hub{width:42px;height:42px;border-radius:999px;background:var(--panel);border:2px solid var(--line-strong);box-shadow:0 4px 14px #0006}.wheel-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px;width:100%;margin:2px 0 0;padding:0;list-style:none}.wheel-legend li{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted)}.wheel-legend-dot{width:10px;height:10px;border-radius:3px;flex:none}.wheel-btn{width:100%;margin-top:4px}.claimed-reward{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:6px 0 2px}.claimed-reward-art{width:96px;height:96px;margin-bottom:6px;display:grid;place-items:center;font-size:38px;color:var(--gold);border-radius:22px;border:1px solid color-mix(in srgb,var(--gold) 42%,var(--line));background:color-mix(in srgb,var(--gold) 10%,transparent);overflow:hidden}.claimed-reward-art>*{max-width:100%;max-height:100%}.claimed-reward-title{margin-top:2px}.claimed-reward-desc{font-size:13px;line-height:1.4;max-width:34ch}.claimed-reward-note{margin-top:4px;padding:5px 12px;border-radius:999px;font-size:13px;font-weight:700;color:var(--gold);border:1px solid color-mix(in srgb,var(--gold) 40%,var(--line));background:color-mix(in srgb,var(--gold) 12%,transparent)}.wheel-note{font-size:12px;text-align:center}.mission-list{margin-top:18px;display:flex;flex-direction:column;gap:8px}.mission-list-head{align-items:baseline;margin-bottom:2px}.mission-row{display:flex;align-items:flex-start;gap:12px;padding:13px 14px;border-radius:15px;border:1px solid var(--line);background:var(--panel)}.mission-row.done{opacity:.58;border-color:color-mix(in srgb,var(--green) 26%,var(--line))}.mission-icon{width:38px;height:38px;flex:none;border-radius:12px;display:grid;place-items:center;background:var(--panel-2);border:1px solid var(--line);color:var(--gold);font-size:16px}.mission-body{flex:1;min-width:0}.mission-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14px;font-weight:600;color:var(--text)}.mission-net-chip{background:var(--panel-2);color:var(--muted-2)}.mission-desc{font-size:12.5px;color:var(--muted);margin-top:3px;line-height:1.4}.mission-track{margin-top:8px;height:5px;border-radius:999px;background:var(--line);overflow:hidden}.mission-fill{display:block;height:100%;border-radius:999px;background:var(--gold);transition:width .32s ease}.mission-row.done .mission-fill{background:var(--green)}.mission-count{flex:none;font-size:13px;font-weight:800;color:var(--muted-2);font-variant-numeric:tabular-nums;padding-top:9px}.mission-check{color:var(--green);font-size:17px}@media(prefers-reduced-motion:reduce){.wheel-disc{transition:none}.power-chip.on,.power-inline.charged .power-inline-count{animation:none}.mission-fill{transition:none}}.pcard{position:relative}.player-strip{overflow:visible}.pfx-layer{position:absolute;left:0;right:0;bottom:calc(100% - 4px);display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:none;z-index:4}.pfx{display:flex;flex-direction:column;align-items:center;line-height:1.05;padding:4px 9px;border-radius:999px;background:color-mix(in srgb,var(--bg-elev) 88%,transparent);border:1px solid var(--line-strong);box-shadow:0 6px 18px #00000057;animation:fxFloat 1.6s cubic-bezier(.22,.9,.3,1) forwards}.pfx-value{font-size:14px;font-weight:900;font-variant-numeric:tabular-nums}.pfx-label{font-size:9px;letter-spacing:.4px;color:var(--muted-2);white-space:nowrap}.pfx-discount .pfx-value,.pfx-discount-armed .pfx-value{color:var(--gold)}.pfx-budget .pfx-value,.pfx-refund .pfx-value{color:var(--green)}.pfx-score-multiplier .pfx-value,.pfx-score-bonus .pfx-value{color:var(--blue)}.pfx-steal .pfx-value{color:var(--red)}@keyframes fxFloat{0%{opacity:0;transform:translateY(6px) scale(.9)}18%{opacity:1;transform:translateY(0) scale(1)}70%{opacity:1;transform:translateY(-22px)}to{opacity:0;transform:translateY(-38px)}}@media(prefers-reduced-motion:reduce){.pfx{animation:fxFade 1.6s linear forwards}@keyframes fxFade{0%,80%{opacity:1}to{opacity:0}}}.feedback-head{margin-top:4px}.feedback-lead{margin-top:10px;font-size:13px;line-height:1.45;max-width:320px}.feedback-step{display:flex;align-items:center;gap:9px;margin:22px 0 10px}.feedback-step-num{width:20px;height:20px;flex:0 0 20px;display:grid;place-items:center;border-radius:999px;background:var(--gold);color:var(--on-accent);font-size:11px;font-weight:900}.feedback-step-label{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--muted-2)}.feedback-topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.feedback-topic{min-height:96px;padding:13px 12px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;cursor:pointer;border-radius:16px;border:1px solid var(--line);background:var(--panel);transition:border-color .18s ease,background .18s ease,transform .12s ease}.feedback-topic:active{transform:scale(.985)}.feedback-topic-icon{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border-radius:10px;color:var(--gold);background:color-mix(in srgb,var(--gold) 14%,transparent)}.feedback-topic-icon svg{width:18px;height:18px}.feedback-topic-label{font-size:13.5px;font-weight:800;line-height:1.2;color:var(--text)}.feedback-topic-desc{font-size:11.5px;line-height:1.3;color:var(--muted-2)}.feedback-chosen{width:100%;padding:12px 13px;display:flex;align-items:center;gap:12px;text-align:left;cursor:pointer;border-radius:16px;border:1px solid color-mix(in srgb,var(--gold) 46%,var(--line));background:color-mix(in srgb,var(--gold) 10%,var(--panel))}.feedback-chosen-icon{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:12px;color:var(--on-accent);background:var(--gold)}.feedback-chosen-icon svg{width:20px;height:20px}.feedback-chosen-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.feedback-chosen-label{font-size:14px;font-weight:800;color:var(--text)}.feedback-chosen-desc{font-size:11.5px;color:var(--muted-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feedback-chosen-change{flex:0 0 auto;font-size:12px;font-weight:800;color:var(--gold)}.feedback-field{margin-top:0}.feedback-textarea{min-height:132px;resize:vertical;line-height:1.5;font-size:14px;font-family:inherit}.feedback-counter-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:7px;font-size:11.5px}.feedback-counter{color:var(--muted-2);font-variant-numeric:tabular-nums}.feedback-counter.warn{color:var(--gold);font-weight:800}.feedback-context{width:100%;margin-top:14px;padding:11px 13px;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;text-align:left;border-radius:14px;border:1px dashed var(--line-strong);background:transparent;color:var(--muted);font-size:12px}.feedback-context-toggle{color:var(--gold);font-weight:800;flex:0 0 auto}.feedback-context-list{margin-top:8px;padding:11px 13px;border-radius:14px;border:1px solid var(--line);background:var(--panel-2);display:grid;gap:7px;font-size:11.5px}.feedback-context-list>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.feedback-context-list span{color:var(--muted-2);flex:0 0 auto}.feedback-context-list b{color:var(--text);text-align:right;min-width:0;word-break:break-word}.feedback-context-device{font-size:10.5px;line-height:1.35;opacity:.85}.feedback-send-error{margin-top:12px}.feedback-submit{width:100%;margin-top:16px}.feedback-hint{margin-top:9px;font-size:12px}.feedback-load-error{display:grid;gap:12px;place-items:center;margin-top:18px}.feedback-retry{justify-self:center}.feedback-skeleton{margin-top:22px;display:grid;gap:12px}.skeleton-topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.skeleton-topic{min-height:96px;border-radius:16px;background:linear-gradient(90deg,var(--panel) 0%,var(--panel-2) 40%,var(--panel) 80%);background-size:220% 100%;animation:shimmer 1.4s linear infinite}.feedback-history{margin-top:26px}.feedback-history-head{width:100%;padding:12px 13px;display:flex;align-items:center;gap:10px;cursor:pointer;text-align:left;border-radius:14px;border:1px solid var(--line);background:var(--panel)}.feedback-history-count{padding:2px 8px;border-radius:999px;background:color-mix(in srgb,var(--gold) 18%,transparent);color:var(--gold);font-size:11.5px;font-weight:900}.feedback-history-caret{margin-left:auto;color:var(--muted-2);font-size:18px}.feedback-history-list{margin-top:9px;display:grid;gap:9px}.feedback-history-row{padding:12px 13px;display:grid;gap:7px;border-radius:14px;border:1px solid var(--line);background:var(--panel-2)}.feedback-history-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.feedback-history-topic{font-size:12.5px;font-weight:800;color:var(--text)}.feedback-history-msg{font-size:12.5px;line-height:1.4;color:var(--muted)}.feedback-history-note{font-size:12px;line-height:1.4;color:var(--text);padding:9px 10px;border-radius:11px;background:color-mix(in srgb,var(--gold) 10%,transparent)}.feedback-history-note b{color:var(--gold)}.feedback-history-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:var(--muted-2);font-variant-numeric:tabular-nums}.feedback-status{flex:0 0 auto;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:900;border:1px solid var(--line-strong);color:var(--muted)}.feedback-status.new{color:var(--gold);border-color:color-mix(in srgb,var(--gold) 48%,var(--line))}.feedback-status.reviewing{color:var(--gold)}.feedback-status.resolved{color:var(--green);border-color:color-mix(in srgb,var(--green) 48%,var(--line))}.feedback-status.declined{color:var(--muted-2)}.feedback-done{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding:20px 0}.feedback-done-mark{width:64px;height:64px;display:grid;place-items:center;border-radius:22px;font-size:30px;font-weight:900;color:var(--on-accent);background:var(--gold);box-shadow:0 18px 40px color-mix(in srgb,var(--gold) 24%,transparent);animation:pop .42s cubic-bezier(.2,.8,.2,1) both}.feedback-done-copy{font-size:13px;line-height:1.5;max-width:300px}.feedback-ref{width:min(300px,100%);margin-top:4px;padding:12px 14px;display:flex;align-items:center;gap:10px;cursor:pointer;border-radius:14px;border:1px dashed color-mix(in srgb,var(--gold) 52%,var(--line));background:color-mix(in srgb,var(--gold) 8%,var(--panel))}.feedback-ref-label{font-size:10.5px;letter-spacing:2.4px;text-transform:uppercase;color:var(--muted-2)}.feedback-ref-code{margin-left:auto;font-family:var(--serif);font-size:18px;color:var(--gold);letter-spacing:.06em}.feedback-ref-copy{flex:0 0 auto;font-size:11px;font-weight:800;color:var(--muted-2)}.feedback-remaining{font-size:11.5px}.feedback-done-actions{margin-top:8px;width:min(320px,100%);display:flex;gap:10px}.feedback-done-actions .btn{flex:1}@media(max-width:380px),(max-height:700px){.feedback-topics,.skeleton-topics{grid-template-columns:1fr}.feedback-topic,.skeleton-topic{min-height:0}.feedback-topic{flex-direction:row;align-items:center;gap:11px;flex-wrap:wrap}.feedback-topic-desc{flex:1 0 100%}.feedback-textarea{min-height:112px}}@media(prefers-reduced-motion:reduce){.feedback-done-mark,.skeleton-topic{animation:none}}.profile-identity{min-width:0}.profile-username{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-email{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-edit-btn{flex:0 0 auto;width:42px;height:42px;border-radius:14px;color:var(--gold)}.profile-edit-btn svg{width:19px;height:19px}.profile-edit-btn.active{color:var(--on-accent);background:var(--gold);border-color:transparent}.profile-edit-panel{margin-top:14px;padding:15px 15px 13px;border-radius:18px;border:1px solid color-mix(in srgb,var(--gold) 38%,var(--line));background:color-mix(in srgb,var(--gold) 7%,var(--panel));animation:slideUp .24s ease both}.profile-edit-actions{display:flex;gap:10px}.profile-edit-actions .btn{flex:1}@media(prefers-reduced-motion:reduce){.profile-edit-panel{animation:none}}.lobby-share-btn.qr{padding:10px 12px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-style:dashed;border-color:color-mix(in srgb,var(--gold) 46%,var(--line));color:var(--gold)}.lobby-share-btn.qr svg{width:16px;height:16px}.lobby-qr-overlay{padding:20px;z-index:40}.lobby-qr-card{width:min(340px,100%);padding:22px 20px 20px;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;border-radius:22px;border:1px solid var(--line);background:var(--screen-a);box-shadow:var(--shadow)}.lobby-qr-close{position:absolute;top:12px;right:12px}.lobby-qr-title{font-size:24px}.lobby-qr-frame{margin-top:4px;padding:12px;border-radius:16px;background:#fff;box-shadow:0 14px 34px #00000059}.qr-svg{display:block}.qr-fallback{padding:24px;color:var(--muted);font-size:13px}.lobby-qr-code{font-family:var(--serif);font-size:26px;letter-spacing:.12em;color:var(--gold)}.lobby-qr-hint{font-size:12.5px;line-height:1.45;max-width:280px}.lobby-qr-done{width:100%;margin-top:4px}.room-join-actions{display:flex;gap:8px;margin-top:10px}.room-join-actions .room-join-btn{flex:1 1 auto;width:auto;min-width:0;margin-top:0}.room-scan-btn{flex:0 0 auto;width:auto;display:inline-flex;align-items:center;gap:7px;padding:12px 13px;border-radius:12px;border:1px dashed color-mix(in srgb,var(--gold) 46%,var(--line));color:var(--gold);font-size:12.5px;font-weight:700}.room-scan-btn svg{width:16px;height:16px}.room-scan-btn:disabled{opacity:.5}.qr-scan-overlay{padding:18px;z-index:40}.qr-scan-card{width:min(360px,100%);padding:22px 20px 20px;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;border-radius:22px;border:1px solid var(--line);background:var(--screen-a);box-shadow:var(--shadow)}.qr-scan-close{position:absolute;top:12px;right:12px}.qr-scan-title{font-size:24px}.qr-scan-view{position:relative;width:100%;aspect-ratio:1;margin-top:4px;overflow:hidden;border-radius:18px;border:1px solid var(--line-strong);background:#000}.qr-scan-video{width:100%;height:100%;object-fit:cover;display:block}.qr-scan-veil{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:22px;text-align:center;background:#06060ae0;color:var(--text);font-size:12.5px;line-height:1.45}.qr-scan-veil b{font-size:14px}.qr-scan-veil span{color:var(--muted);max-width:250px}.qr-scan-hint{font-size:12.5px;line-height:1.45;max-width:280px}.qr-scan-cancel{width:100%;margin-top:2px}@media(max-width:380px),(max-height:700px){.room-scan-btn{padding:12px 11px}.qr-scan-card{padding:18px 16px 16px}}.profile-screen .stat-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.hero-level-strip{display:flex;align-items:center;gap:12px;margin-top:16px;padding:10px 14px;border-radius:16px;background:var(--gold-soft);border:1px solid color-mix(in srgb,var(--gold) 35%,var(--line))}.hero-level-badge{flex:0 0 auto;min-width:38px;height:38px;padding:0 8px;border-radius:12px;display:grid;place-items:center;font-weight:800;font-size:16px;color:var(--bg);background:linear-gradient(180deg,color-mix(in srgb,var(--gold) 88%,white) 0%,var(--gold) 100%)}.hero-level-body{min-width:0}.hero-level-title{font-weight:700;font-size:14px;color:var(--gold)}.hero-level-meta{margin-top:2px;font-size:12px;color:var(--muted)}.hero-slide-card.locked .hero-story-media img{filter:grayscale(.85) brightness(.62)}.hero-carousel-dot.locked{background:color-mix(in srgb,var(--line-strong) 70%,transparent)}.hero-lock-veil{position:absolute;inset:0;z-index:2;display:grid;place-items:center;background:linear-gradient(180deg,#00000047,#00000070)}.hero-lock-glyph{font-size:30px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.5))}.hero-lock-panel{margin-top:16px;padding:12px 16px;border-radius:14px;background:var(--panel-2);border:1px dashed var(--line-strong);text-align:center}.hero-lock-req-label{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:700}.hero-lock-req{margin-top:4px;font-weight:700;font-size:14.5px}.hero-lock-progress{margin-top:6px;font-size:12.5px;color:var(--muted)}.hero-lock-hint{margin-top:8px;font-size:12px;color:var(--muted)}.hero-unlock-btn{margin-top:12px}.level-card{margin-top:22px;padding:14px 16px;border-radius:18px;background:var(--panel);border:1px solid color-mix(in srgb,var(--gold) 28%,var(--line))}.level-card-head{display:flex;align-items:center;gap:12px}.level-card-badge{flex:0 0 auto;display:flex;align-items:baseline;gap:2px;padding:6px 10px;border-radius:13px;color:var(--on-accent);background:linear-gradient(180deg,var(--accent-2) 0%,var(--gold) 100%)}.level-card-badge-num{font-size:20px;font-weight:800;line-height:1}.level-card-badge-cap{font-size:11px;font-weight:700;opacity:.75}.level-card-title{font-weight:700;font-size:15px}.level-card-sub{margin-top:2px;font-size:12.5px;color:var(--muted)}.level-bar{margin-top:12px;height:8px;border-radius:999px;overflow:hidden;background:var(--panel-2);border:1px solid var(--line)}.level-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--gold) 0%,var(--accent-2) 100%);transition:width .4s ease}.level-card-foot{margin-top:8px;display:flex;justify-content:space-between;font-size:11.5px;color:var(--muted)}.match-xp-pill{margin:12px auto 0;display:inline-block;padding:6px 14px;border-radius:999px;font-weight:800;font-size:14px;color:var(--on-accent);background:linear-gradient(180deg,var(--accent-2) 0%,var(--gold) 100%)}.hero-level-strip.ready{border-color:color-mix(in srgb,var(--gold) 70%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--gold) 25%,transparent)}.hero-level-strip.owned{background:color-mix(in srgb,var(--green) 14%,transparent);border-color:color-mix(in srgb,var(--green) 45%,var(--line))}.hero-level-strip.owned .hero-level-badge{background:linear-gradient(180deg,color-mix(in srgb,var(--green) 85%,white) 0%,var(--green) 100%)}.hero-level-strip.owned .hero-level-title{color:var(--green)}.levelup-overlay{overflow:hidden}.confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}.confetti-piece{position:absolute;top:-24px;width:8px;height:14px;border-radius:2px;opacity:0;animation-name:confetti-fall;animation-timing-function:cubic-bezier(.25,.6,.4,1);animation-fill-mode:forwards}.confetti-piece.wide{width:14px;height:8px;border-radius:3px}@keyframes confetti-fall{0%{opacity:0;transform:translate3d(0,-10vh,0) rotate(0)}8%{opacity:1}85%{opacity:1}to{opacity:0;transform:translate3d(var(--drift),105vh,0) rotate(var(--spin))}}.levelup-card{position:relative;z-index:1}.levelup-badges{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:14px}.levelup-badge{display:grid;place-items:center;min-width:46px;height:46px;padding:0 10px;border-radius:14px;font-weight:800;font-size:20px}.levelup-badge.from{color:var(--muted);background:var(--panel-2);border:1px solid var(--line-strong)}.levelup-badge.to{color:var(--on-accent);background:linear-gradient(180deg,var(--accent-2) 0%,var(--gold) 100%);transform:scale(1.16);animation:levelup-pop .6s cubic-bezier(.2,1.5,.4,1) .15s both}.levelup-arrow{color:var(--muted-2);font-size:22px}.levelup-level{margin-top:14px}.levelup-title-chip{margin:10px auto 0;display:inline-block;padding:7px 16px;border-radius:999px;font-weight:700;font-size:14px;color:var(--gold);background:var(--gold-soft);border:1px solid color-mix(in srgb,var(--gold) 40%,var(--line))}.levelup-note{margin-top:14px;font-size:13px;line-height:19px}@keyframes levelup-pop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.32);opacity:1}to{transform:scale(1.16);opacity:1}}@media(prefers-reduced-motion:reduce){.confetti{display:none}.levelup-badge.to{animation:none}}.menu-screen .menu-side-actions-left{position:absolute;top:var(--menu-rail-top);left:0;right:auto}.team-tabs{display:flex;gap:6px;margin-top:16px;padding:4px;border-radius:14px;background:var(--panel-2);border:1px solid var(--line)}.team-tab{flex:1;padding:9px 6px;border:none;border-radius:10px;background:none;color:var(--muted);font-size:13px;font-weight:700;cursor:pointer;transition:background .2s ease,color .2s ease}.team-tab.active{color:var(--on-accent);background:linear-gradient(180deg,var(--accent-2) 0%,var(--gold) 100%)}.team-panel{margin-top:14px}.team-empty{margin-top:18px;padding:22px 18px;border-radius:18px;text-align:center;background:var(--panel);border:1px solid var(--line)}.team-empty-title{font-weight:700;font-size:15.5px}.team-empty .muted{margin-top:8px;font-size:13px;line-height:19px}.team-header{padding:14px 16px;border-radius:18px;background:var(--panel);border:1px solid color-mix(in srgb,var(--gold) 26%,var(--line))}.team-header-top{display:flex;align-items:center;gap:12px}.team-header-name{font-weight:700;font-size:17px}.team-header-desc{margin-top:10px;font-size:13px;line-height:19px;color:var(--muted)}.team-tag-chip{display:inline-grid;place-items:center;min-width:38px;padding:3px 7px;border-radius:9px;font-weight:800;font-size:12px;letter-spacing:.04em;color:var(--on-accent);background:linear-gradient(180deg,var(--accent-2) 0%,var(--gold) 100%)}.team-tag-chip.big{min-width:52px;height:42px;font-size:15px}.team-stat-row{display:flex;gap:8px;margin-top:14px}.team-stat{flex:1;padding:10px 8px;border-radius:13px;text-align:center;background:var(--panel-2);border:1px solid var(--line)}.team-stat-num{font-weight:800;font-size:18px}.team-stat-label{margin-top:2px;font-size:10.5px;color:var(--muted);letter-spacing:.03em}.team-board-head{gap:8px;padding:14px 12px 8px}.team-col-name{flex:1;min-width:0;display:flex;align-items:center;gap:8px;text-align:left}.team-col-btn{flex:0 0 auto;padding:0;text-align:right;font:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--muted-2);background:none;border:none;cursor:pointer;white-space:nowrap}.team-col-btn:hover{color:var(--text)}.team-col-btn.active{color:var(--gold)}.team-board-list{margin-top:4px}.team-board-row{gap:8px}.team-name-btn{padding:0;font:inherit;color:var(--text);background:none;border:none;cursor:pointer}.team-name-btn:hover .team-name-text{color:var(--gold)}.team-name-text{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-col-num{flex:0 0 auto;text-align:right;font-variant-numeric:tabular-nums}.team-col-lead{color:var(--gold);font-weight:600}.team-detail-overlay{position:fixed}.team-detail-card{position:relative;width:min(360px,calc(100vw - 40px));max-height:86vh;overflow-y:auto;text-align:left;padding:22px 20px 20px;border-radius:22px;background:var(--panel-2);border:1px solid color-mix(in srgb,var(--gold) 34%,var(--line));box-shadow:var(--shadow)}.team-detail-close{position:absolute;top:12px;right:12px;z-index:1}.team-member-row,.team-inbox-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;margin-top:8px;border-radius:14px;background:var(--panel);border:1px solid var(--line)}.team-member-name{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px}.team-member-meta{margin-top:3px;font-size:12px;color:var(--muted)}.team-leader-chip{padding:2px 8px;border-radius:999px;font-size:10.5px;font-weight:700;color:var(--gold);background:var(--gold-soft);border:1px solid color-mix(in srgb,var(--gold) 40%,var(--line))}.team-inbox{margin-top:10px}.team-mini-btn{padding:7px 12px;font-size:12.5px}.team-leader-note{margin-top:14px;font-size:12.5px;line-height:18px}.team-state-note{padding:11px 14px;border-radius:13px;text-align:center;font-size:13px;color:var(--muted);background:var(--panel-2);border:1px dashed var(--line-strong)}.team-locked{margin-top:18px;padding:22px 18px;border-radius:18px;text-align:center;background:var(--panel-2);border:1px dashed var(--line-strong)}.team-locked-glyph{font-size:28px}.team-locked-req{margin-top:8px;font-weight:700;font-size:14.5px}.team-locked-progress{margin-top:6px;font-size:12.5px;color:var(--muted)}.team-mini-note{font-size:11.5px;color:var(--muted-2);white-space:nowrap}.team-confirm{margin-top:16px;padding:14px;border-radius:16px;background:var(--panel);border:1px solid color-mix(in srgb,var(--red) 40%,var(--line))}.team-confirm-text{margin:0 0 12px;font-size:13px;line-height:19px;color:var(--muted)}.event-tabs{display:flex;gap:6px;margin-top:16px;padding:4px;border-radius:14px;background:var(--panel-2);border:1px solid var(--line)}.event-tab{flex:1;padding:9px 6px;border:none;border-radius:10px;background:none;color:var(--muted);font-size:13px;font-weight:700;cursor:pointer}.event-tab.active{background:var(--gold);color:var(--on-accent)}.event-list{display:flex;flex-direction:column;gap:10px;margin-top:14px}.event-card{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border-radius:16px;text-align:left;cursor:pointer;color:var(--text);background:var(--panel);border:1px solid var(--line)}.event-card:hover{border-color:color-mix(in srgb,var(--gold) 40%,var(--line))}.event-card-body{flex:1;min-width:0}.event-card-name{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14.5px}.event-card-meta{margin-top:4px;font-size:12px;color:var(--muted)}.event-medallion{display:grid;place-items:center;flex:0 0 auto;width:44px;height:44px;border-radius:14px;font-family:var(--serif);font-size:20px;color:var(--gold);background:var(--gold-soft);border:1px solid color-mix(in srgb,var(--gold) 45%,var(--line))}.event-medallion.big{width:58px;height:58px;border-radius:18px;font-size:26px}.event-steps{display:flex;align-items:center;gap:5px;margin-top:8px}.event-step{width:22px;height:5px;border-radius:3px;background:var(--line)}.event-step.done{background:var(--gold)}.event-steps-text{margin-left:4px;font-size:11px;color:var(--muted-2)}.event-claim-chip{padding:2px 7px;border-radius:999px;font-size:10px;font-weight:800;color:var(--gold);background:var(--gold-soft);border:1px solid color-mix(in srgb,var(--gold) 45%,var(--line))}.event-panel{margin-top:14px}.event-head{display:flex;align-items:center;gap:12px}.event-head-name{font-weight:700;font-size:17px}.event-desc{margin-top:12px;font-size:13px;line-height:19px;color:var(--muted)}.event-stage-list{display:flex;flex-direction:column;gap:10px;margin-top:16px}.event-stage{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:var(--panel);border:1px solid var(--line)}.event-stage-done{border-color:color-mix(in srgb,var(--gold) 40%,var(--line))}.event-stage-open{border-color:color-mix(in srgb,var(--gold) 60%,var(--line));background:var(--gold-soft)}.event-stage-locked{opacity:.62}.event-stage-badge{display:grid;place-items:center;flex:0 0 auto;width:32px;height:32px;border-radius:11px;font-weight:800;font-size:14px;color:var(--gold);background:var(--panel-2);border:1px solid var(--line)}.event-stage-body{flex:1;min-width:0}.event-stage-name{font-weight:700;font-size:14px}.event-stage-meta{margin-top:3px;font-size:12px;color:var(--muted)}.event-stage-action{flex:0 0 auto}.event-stage-note{font-size:11.5px;color:var(--muted-2);white-space:nowrap}.event-mini-btn{width:auto;padding:9px 14px;font-size:12.5px}.event-empty{margin-top:18px;padding:22px 18px;border-radius:18px;text-align:center;background:var(--panel);border:1px solid var(--line)}.event-empty-title{font-weight:700;font-size:15.5px}.event-empty .muted{margin-top:8px;font-size:13px;line-height:19px}.event-state-note{margin-top:16px;padding:12px;border-radius:14px;font-size:13px;line-height:19px;text-align:center;color:var(--muted);background:var(--panel);border:1px solid var(--line)}.event-claim-card{position:relative;width:min(320px,calc(100vw - 40px));padding:26px 22px 22px;border-radius:22px;background:var(--panel-2);border:1px solid color-mix(in srgb,var(--gold) 34%,var(--line))}.event-claim-close{position:absolute;top:12px;right:12px}.event-claim-num{margin-top:10px;font-family:var(--serif);font-size:40px;color:var(--gold);text-align:center}.event-card-chip{padding:2px 7px;border-radius:999px;font-size:10px;font-weight:800;color:var(--muted);background:var(--panel-2);border:1px solid var(--line)}.event-subject-list{display:flex;gap:8px;margin-top:12px}.event-subject{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:14px;background:var(--panel);border:1px solid var(--line)}.event-subject-icon{font-size:19px;line-height:1}.event-subject-label{font-size:9.5px;line-height:12px;letter-spacing:.14em;color:var(--muted-2);margin-bottom:4px}.event-subject-value{font-size:13px;line-height:17px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-search-card{width:min(320px,calc(100vw - 40px));padding:26px 22px 22px;border-radius:22px;background:var(--panel-2);border:1px solid color-mix(in srgb,var(--gold) 34%,var(--line))}.event-search-title{font-family:var(--serif);font-size:21px;text-align:center}.event-search-orbit{position:relative;width:54px;height:54px;margin:0 auto 14px}.event-search-orbit span{position:absolute;inset:0;border-radius:999px;border:2px solid transparent;border-top-color:var(--gold);animation:event-search-spin 1.1s linear infinite}.event-search-orbit span:nth-child(2){inset:8px;animation-duration:1.6s;border-top-color:color-mix(in srgb,var(--gold) 60%,transparent)}.event-search-orbit span:nth-child(3){inset:16px;animation-duration:2.1s;border-top-color:color-mix(in srgb,var(--gold) 35%,transparent)}@keyframes event-search-spin{to{transform:rotate(360deg)}}.event-found-card{width:min(320px,calc(100vw - 40px));padding:24px 22px 20px;border-radius:22px;background:var(--panel-2);border:1px solid color-mix(in srgb,var(--gold) 34%,var(--line))}.event-found-name{margin-top:8px;font-size:22px;font-weight:700;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-found-stats{display:flex;gap:8px;margin-top:16px}.event-found-stat{flex:1;padding:10px 4px;border-radius:14px;text-align:center;background:var(--panel);border:1px solid var(--line)}.event-found-num{font-weight:800;font-size:18px;color:var(--gold)}.event-found-label{margin-top:3px;font-size:10px;color:var(--muted)}.event-found-hint{margin-top:10px;font-size:12px}.event-intro-card{width:min(340px,calc(100vw - 40px));padding:24px 22px 22px;border-radius:22px;background:var(--panel-2);border:1px solid color-mix(in srgb,var(--gold) 34%,var(--line))}.event-intro-icon{display:grid;place-items:center;width:62px;height:62px;margin:0 auto;border-radius:20px;font-size:28px;background:var(--gold-soft);border:1px solid color-mix(in srgb,var(--gold) 45%,var(--line))}.event-intro-name{margin-top:6px;font-family:var(--serif);font-size:22px;text-align:center}.event-intro-desc{margin-top:10px;font-size:13px;line-height:19px;text-align:center;color:var(--muted)}.event-intro-meta{margin-top:10px;font-size:12px;text-align:center;color:var(--muted-2)}