:root{--bg0: #101014;--bg: #15151a;--surface: #1e1e24;--card: #26262d;--nested: #30303a;--raise: #3b3b46;--text: #ffffff;--text2: #a6a6b0;--text3: #72727e;--accent: #d4af37;--accent-2: #e9c75a;--on-accent: #1a1505;--label: #c9a84a;--accent-grad: linear-gradient(135deg, var(--accent), var(--accent-2));--accent-glow: 0 6px 20px rgba(212, 175, 55, .35);--divider: #2b2b32;--green: #4cc38a;--red: #e5544a;--amber: #ffb300;--coin: #ffb300;--gem: #36c5f0;--shadow: 0 8px 28px rgba(0, 0, 0, .45);--shadow-soft: 0 4px 14px rgba(0, 0, 0, .3);--r-sm: 10px;--r-card: 18px;--r-lg: 24px;--r-pill: 999px;--fs-xs: .72rem;--fs-sm: .8rem;--fs-base: .9rem;--fs-md: 1rem;--fs-lg: 1.15rem;--fs-xl: 1.4rem;--fs-2xl: 1.7rem;--fs-3xl: 2.2rem;--lh-tight: 1.25;--lh-body: 1.6;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-7: 32px;--sp-8: 40px;--dur-fast: .14s;--dur: .24s;--dur-slow: .42s;--ease: cubic-bezier(.2, .8, .2, 1);--ease-pop: cubic-bezier(.34, 1.56, .64, 1);--z-nav: 40;--z-sheet: 60;--z-toast: 80;--z-fx: 90;--focus-ring: 0 0 0 3px rgba(212, 175, 55, .45);--g-accent: var(--accent);--g-accent-2: var(--accent-2);--g-on-accent: var(--on-accent);--g-tint: rgba(212, 175, 55, .14);--g-grad: linear-gradient(135deg, var(--g-accent), var(--g-accent-2))}[data-theme=light]{--bg0: #e2d3b0;--bg: #f1e6cc;--surface: #fbf4e3;--card: #fffdf6;--nested: #f3e9d2;--raise: #ffffff;--text: #3b2e18;--text2: #836d4b;--text3: #a08757;--accent: #9c6b10;--accent-2: #b98a1e;--on-accent: #fff8ec;--label: #9a6b2f;--accent-glow: 0 6px 20px rgba(156, 107, 16, .28);--divider: #e8dabb;--green: #2f9e68;--red: #c0392b;--coin: #c9881a;--gem: #1e88c7;--shadow: 0 8px 24px rgba(120, 90, 30, .18);--shadow-soft: 0 4px 12px rgba(120, 90, 30, .12);--focus-ring: 0 0 0 3px rgba(156, 107, 16, .4);--g-tint: rgba(156, 107, 16, .12)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}#root{width:100%;max-width:430px;height:100dvh;margin-inline:auto;overflow:hidden}body{font-family:Tajawal,system-ui,-apple-system,sans-serif;font-size:var(--fs-base);line-height:var(--lh-body);background:var(--bg0);color:var(--text);display:flex;justify-content:center;align-items:stretch}@media(min-width:431px){body{background:radial-gradient(1000px 600px at 50% -10%,rgba(212,175,55,.07),transparent 60%),var(--bg0)}}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--r-sm)}input,textarea,select{font-family:inherit}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);font-weight:800;font-size:var(--fs-base);line-height:1;padding:12px 20px;border-radius:var(--r-pill);background:var(--g-grad);color:var(--g-on-accent);transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur) var(--ease),background var(--dur) var(--ease),filter var(--dur-fast) var(--ease),opacity var(--dur) var(--ease);-webkit-user-select:none;user-select:none}.btn:hover{filter:brightness(1.06)}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.4;pointer-events:none}.btn.btn-primary{box-shadow:var(--accent-glow)}.btn.btn-ghost,.btn.ghost{background:var(--nested);color:var(--text);box-shadow:none}.btn.btn-ghost:hover,.btn.ghost:hover{background:var(--raise);filter:none}.btn.btn-danger{background:linear-gradient(135deg,var(--red),#c33f36);color:#fff;box-shadow:0 6px 20px #e5544a4d}.btn.btn-block,.btn.block{display:flex;width:100%;padding:14px 20px;font-size:var(--fs-md)}.btn.btn-sm,.btn.sm{padding:8px 15px;font-size:var(--fs-sm)}.btn.btn-lg{padding:17px 26px;font-size:var(--fs-lg)}.btn.row{display:flex;align-items:center;justify-content:center;gap:var(--sp-2)}.cfm{text-align:center;padding:var(--sp-2) var(--sp-2) var(--sp-4)}.cfm-ic{font-size:44px;line-height:1;margin-bottom:var(--sp-3)}.cfm-title{font-size:var(--fs-xl);font-weight:900;margin-bottom:var(--sp-2)}.cfm-body{color:var(--text2);font-size:var(--fs-base);margin-bottom:var(--sp-5)}.cfm-actions{display:flex;gap:var(--sp-3)}.cfm-actions .btn{flex:1}.fx-shake{animation:fx-shake .28s linear}.fx-shake-heavy{animation:fx-shake-heavy .42s linear}@keyframes fx-shake{20%{transform:translate(-3px,2px)}40%{transform:translate(3px,-2px)}60%{transform:translate(-2px,-2px)}80%{transform:translate(2px,2px)}}@keyframes fx-shake-heavy{15%{transform:translate(-6px,4px) rotate(-.4deg)}30%{transform:translate(6px,-4px) rotate(.4deg)}45%{transform:translate(-5px,-3px)}60%{transform:translate(5px,3px) rotate(-.3deg)}75%{transform:translate(-3px,2px)}90%{transform:translate(2px,-1px)}}.fx-ring{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;border:3px solid;border-radius:50%;opacity:.9;animation:fx-ring .5s var(--ease) forwards;will-change:transform,opacity}@keyframes fx-ring{to{transform:scale(7);opacity:0;border-width:1px}}.fx-spark{position:absolute;border-radius:50%;margin:-2px 0 0 -2px;animation:fx-spark ease-out forwards;will-change:transform,opacity}@keyframes fx-spark{to{transform:translate(var(--fx-dx, 0),var(--fx-dy, 0)) scale(.2);opacity:0}}.fx-float{position:absolute;transform:translate(-50%,-50%);font-weight:900;font-size:var(--fs-lg);text-shadow:0 2px 8px rgba(0,0,0,.45);animation:fx-float 1s var(--ease) forwards;will-change:transform,opacity;pointer-events:none}@keyframes fx-float{20%{transform:translate(-50%,-70%) scale(1.15);opacity:1}to{transform:translate(-50%,-180%) scale(.95);opacity:0}}.glow-pulse{animation:fx-glow 1.6s ease-in-out infinite}@keyframes fx-glow{50%{box-shadow:0 0 18px 2px color-mix(in srgb,var(--g-accent) 55%,transparent)}}.shimmer{position:relative;overflow:hidden}.shimmer:after{content:"";position:absolute;inset:-60% auto;width:45%;transform:rotate(18deg) translate(-260%);background:linear-gradient(100deg,transparent,rgba(255,255,255,.16),transparent);animation:fx-shimmer 3.2s ease-in-out infinite}@keyframes fx-shimmer{60%,to{transform:rotate(18deg) translate(340%)}}.fx-layer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:var(--z-fx)}.fx-piece{position:absolute;top:-14px;display:block;animation:fx-fall linear forwards;will-change:transform,opacity}@keyframes fx-fall{0%{transform:translate(0) rotate(0);opacity:1}80%{opacity:1}to{transform:translate(var(--fx-drift, 0px),var(--fx-fall, 480px)) rotate(var(--fx-spin, 540deg));opacity:0}}.tmr-ring{position:relative;display:inline-flex;align-items:center;justify-content:center}.tmr-track{stroke:var(--nested)}.tmr-prog{stroke:var(--g-accent);transition:stroke-dashoffset .25s linear,stroke var(--dur) var(--ease)}.tmr-num{position:absolute;font-weight:900;font-size:var(--fs-md);font-variant-numeric:tabular-nums}.tmr-ring.urgent .tmr-prog{stroke:var(--red)}.tmr-ring.urgent .tmr-num{color:var(--red);animation:tmr-pulse .8s ease-in-out infinite}.tmr-bar{position:relative;height:30px;border-radius:var(--r-pill);background:var(--nested);overflow:hidden;display:flex;align-items:center}.tmr-bar-fill{position:absolute;inset-inline-start:0;top:0;bottom:0;background:var(--g-grad);border-radius:var(--r-pill);transition:width .25s linear,background var(--dur) var(--ease)}.tmr-bar-label{position:relative;margin-inline:auto;font-weight:900;font-size:var(--fs-sm);color:var(--text);text-shadow:0 1px 2px rgba(0,0,0,.35);font-variant-numeric:tabular-nums}.tmr-bar.urgent .tmr-bar-fill{background:linear-gradient(135deg,var(--red),#ff7b6e)}.tmr-bar.urgent .tmr-bar-label{animation:tmr-pulse .8s ease-in-out infinite}@keyframes tmr-pulse{50%{transform:scale(1.12)}}.pchip{display:inline-flex;align-items:center;gap:10px;min-width:0}.pchip-av{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-weight:900;flex-shrink:0;transition:box-shadow var(--dur) var(--ease)}.pchip-meta{display:flex;flex-direction:column;min-width:0}.pchip-name{font-weight:800;font-size:var(--fs-base);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pchip-sub{font-size:var(--fs-xs);color:var(--text3)}.pchip.active .pchip-name{color:var(--g-accent)}.pdots{display:flex;flex-direction:column;align-items:center;gap:6px}.pdots-row{display:flex;gap:6px}.pdots-dot{width:7px;height:7px;border-radius:50%;background:var(--nested);transition:all var(--dur) var(--ease)}.pdots-dot.done{background:color-mix(in srgb,var(--g-accent) 55%,var(--nested))}.pdots-dot.now{background:var(--g-accent);width:20px;border-radius:var(--r-pill)}.pdots-label{font-size:var(--fs-xs);font-weight:700;color:var(--text3)}.stagger-in>*{animation:rise-in var(--dur-slow) var(--ease) both}.stagger-in>*:nth-child(1){animation-delay:0ms}.stagger-in>*:nth-child(2){animation-delay:40ms}.stagger-in>*:nth-child(3){animation-delay:80ms}.stagger-in>*:nth-child(4){animation-delay:.12s}.stagger-in>*:nth-child(5){animation-delay:.16s}.stagger-in>*:nth-child(6){animation-delay:.2s}.stagger-in>*:nth-child(7){animation-delay:.24s}.stagger-in>*:nth-child(8){animation-delay:.28s}.stagger-in>*:nth-child(n+9){animation-delay:.32s}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.screen-in{animation:screen-in var(--dur-slow) var(--ease) both}@keyframes screen-in{0%{opacity:0;transform:translateY(10px) scale(.995)}to{opacity:1;transform:none}}.pressable{transition:transform var(--dur-fast) var(--ease),filter var(--dur-fast) var(--ease)}.pressable:active{transform:scale(.97)}.moment{text-align:center;animation:moment-pop .55s var(--ease-pop) both}.moment-emoji{font-size:64px;line-height:1.15;display:block}.moment-title{font-size:var(--fs-3xl);font-weight:900;background:var(--g-grad);-webkit-background-clip:text;background-clip:text;color:transparent}@keyframes moment-pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.app{position:relative;width:100%;max-width:430px;height:100%;background:var(--bg);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 0 60px #00000080}.play-shell{position:relative;height:100%;overflow:hidden;background:var(--bg)}.play-frame{height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.play-frame::-webkit-scrollbar{width:0}.app-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;line-height:0}.app-icon svg{display:block}.topbar{position:sticky;top:0;z-index:var(--z-nav);height:calc(58px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);flex:none;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding-inline:14px;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.topbar .side{display:flex;align-items:center;gap:6px;min-width:84px}.topbar .side.left{justify-content:flex-start}.topbar .side.right{justify-content:flex-end}.topbar .title{font-weight:900;font-size:var(--fs-lg)}.avatar{width:38px;height:38px;border-radius:50%;background:var(--nested);display:grid;place-items:center;font-size:20px;position:relative;flex:none;overflow:hidden;border:2px solid transparent;background-clip:padding-box;transition:transform var(--dur-fast) var(--ease)}.avatar:active{transform:scale(.94)}.avatar.ring{border-color:var(--accent)}.dot-online{position:absolute;left:-1px;bottom:-1px;width:11px;height:11px;border-radius:50%;background:var(--green);border:2px solid var(--bg)}.iconbtn{position:relative;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--text);background:transparent;transition:background var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.iconbtn:active{background:var(--card);transform:scale(.92)}.iconbtn .unread{position:absolute;top:7px;left:8px;min-width:15px;height:15px;padding:0 3px;border-radius:var(--r-pill);background:var(--red);color:#fff;font-size:9.5px;font-weight:900;display:grid;place-items:center;border:2px solid var(--bg);line-height:1}.screens{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.screens::-webkit-scrollbar{width:0}.screen{padding:14px 14px 110px;animation:screen-in var(--dur-slow) var(--ease) both}.toptabs{display:flex;gap:22px;padding:0 4px;margin-bottom:var(--sp-4);border-bottom:1px solid var(--divider)}.toptab{position:relative;padding:12px 2px;font-weight:800;font-size:var(--fs-md);color:var(--text3);transition:color var(--dur) var(--ease)}.toptab.active{color:var(--text)}.toptab.active:after{content:"";position:absolute;bottom:-1px;right:0;left:0;height:3px;border-radius:3px;background:var(--accent-grad);animation:tab-grow var(--dur) var(--ease)}@keyframes tab-grow{0%{transform:scaleX(.4)}to{transform:scaleX(1)}}.toptab .badge{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--red);margin-inline-start:5px;vertical-align:middle}.sec{display:flex;align-items:center;justify-content:space-between;margin:var(--sp-5) 2px var(--sp-3)}.sec:first-child{margin-top:var(--sp-1)}.sec h3{font-size:var(--fs-sm);font-weight:900;color:var(--label)}.sec .more{color:var(--text3);display:flex;align-items:center;gap:2px;font-size:var(--fs-sm);font-weight:700;transition:color var(--dur-fast) var(--ease)}.sec .more:active{color:var(--accent)}.card{background:var(--card);border-radius:var(--r-card);padding:var(--sp-4)}.frow{display:flex;gap:14px;overflow-x:auto;padding:4px 2px 6px}.frow::-webkit-scrollbar{height:0}.fitem{display:flex;flex-direction:column;align-items:center;gap:6px;width:60px;flex:none}.fitem .avatar{width:56px;height:56px;font-size:28px}.fitem span{font-size:var(--fs-xs);color:var(--text2);max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.add-av{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--nested);color:var(--accent);border:2px dashed var(--accent);transition:background var(--dur-fast) var(--ease)}.add-av:active{background:var(--raise)}.hscroll{display:flex;gap:12px;overflow-x:auto;padding:2px;scroll-snap-type:x mandatory}.hscroll::-webkit-scrollbar{height:0}.shortcut{position:relative;flex:none;width:172px;height:108px;border-radius:var(--r-card);overflow:hidden;scroll-snap-align:start;display:flex;align-items:flex-end;padding:12px;color:#fff;cursor:pointer;transition:transform var(--dur-fast) var(--ease)}.shortcut:active{transform:scale(.97)}.gemoji{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;opacity:.95;color:#fff}.shortcut-hero{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;transition:transform var(--dur-slow) var(--ease)}.shortcut:hover .shortcut-hero{transform:scale(1.06)}.shortcut:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to top,rgba(0,0,0,.62),transparent 60%)}.shortcut .nm{position:relative;z-index:2;font-weight:800;font-size:var(--fs-md);text-shadow:0 1px 4px rgba(0,0,0,.5)}.shortcut .play{position:absolute;z-index:2;bottom:12px;left:12px;background:var(--accent);color:var(--on-accent);font-weight:800;font-size:var(--fs-xs);padding:6px 14px;border-radius:var(--r-pill)}.quest .qhead{display:flex;align-items:center;gap:12px;margin-bottom:10px}.qico{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#7c3aed,#c026d3);display:grid;place-items:center;flex:none;color:#fff}.qhead .qt{flex:1}.qhead .qt b{font-size:var(--fs-md)}.qhead .qt .timer{font-size:var(--fs-sm);color:var(--text3)}.bar{height:6px;border-radius:6px;background:var(--nested);overflow:hidden}.bar i{display:block;height:100%;background:var(--accent-grad);border-radius:6px;transition:width var(--dur-slow) var(--ease)}.reward{display:flex;align-items:center;gap:8px;margin-top:10px;font-weight:700;font-size:var(--fs-base)}.reward .coin{color:var(--coin)}.act{display:flex;gap:12px;padding:14px 2px;border-bottom:1px solid var(--divider)}.act .avatar{width:44px;height:44px;font-size:22px}.act .body{flex:1}.act .body .nm{font-weight:700;font-size:var(--fs-base)}.act .body .tx{color:var(--text2);font-size:var(--fs-base);margin-top:2px}.act .time{color:var(--text3);font-size:var(--fs-xs)}.chips{display:flex;gap:8px;overflow-x:auto;padding:2px;margin-bottom:14px}.chips::-webkit-scrollbar{height:0}.chip{flex:none;display:flex;align-items:center;gap:6px;background:var(--card);color:var(--text2);font-weight:700;font-size:var(--fs-sm);padding:8px 14px;border-radius:var(--r-pill);transition:background var(--dur) var(--ease),color var(--dur) var(--ease),transform var(--dur-fast) var(--ease)}.chip:active{transform:scale(.95)}.chip.active{background:var(--accent);color:var(--on-accent)}.featured{position:relative;height:168px;border-radius:var(--r-lg);overflow:hidden;display:flex;align-items:flex-end;padding:var(--sp-4);margin-bottom:12px;color:#fff;cursor:pointer;transition:transform var(--dur-fast) var(--ease)}.featured:active{transform:scale(.98)}.featured:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.68),transparent 55%)}.featured .meta{position:relative;z-index:2}.featured .meta .nm{font-weight:900;font-size:var(--fs-2xl);text-shadow:0 2px 6px rgba(0,0,0,.5)}.featured .meta .tg{font-size:var(--fs-sm);opacity:.95}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.gcard{position:relative;height:128px;border-radius:var(--r-card);overflow:hidden;display:flex;align-items:flex-end;padding:12px;color:#fff;cursor:pointer;transition:transform var(--dur-fast) var(--ease)}.gcard:active{transform:scale(.96)}.gcard:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.62),transparent 58%)}.gcard .nm{position:relative;z-index:2;font-weight:800;font-size:var(--fs-md);text-shadow:0 1px 4px rgba(0,0,0,.5)}.gcard .players{position:absolute;z-index:2;top:9px;right:9px;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:var(--fs-xs);font-weight:700;padding:3px 8px;border-radius:var(--r-pill)}.lrow{display:flex;align-items:center;gap:12px;padding:12px 4px;border-bottom:1px solid var(--divider)}.lrow .avatar{width:46px;height:46px;font-size:24px}.lrow .info{flex:1}.lrow .info .nm{font-weight:700;font-size:var(--fs-md)}.lrow .info .sub{font-size:var(--fs-sm);color:var(--text3)}.lrow .info .sub.on{color:var(--green)}.room{display:flex;align-items:center;gap:12px;background:var(--card);border-radius:var(--r-card);padding:12px;margin-bottom:10px;cursor:pointer;transition:transform var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.room:active{transform:scale(.98);background:var(--nested)}.room .ric{width:50px;height:50px;border-radius:12px;display:grid;place-items:center;flex:none;color:#fff}.room .rinfo{flex:1}.room .rinfo .nm{font-weight:800;font-size:var(--fs-md)}.room .rinfo .desc{font-size:var(--fs-sm);color:var(--text2);margin-top:2px}.room .rmeta{text-align:center}.tag-open{background:color-mix(in srgb,var(--green) 16%,transparent);color:var(--green);font-size:var(--fs-xs);font-weight:800;padding:3px 9px;border-radius:var(--r-pill)}.tag-full{background:color-mix(in srgb,var(--red) 16%,transparent);color:var(--red);font-size:var(--fs-xs);font-weight:800;padding:3px 9px;border-radius:var(--r-pill)}.room .rmeta .pc{font-size:var(--fs-sm);color:var(--text3);margin-top:5px}.wallet{display:flex;gap:10px;margin-bottom:8px}.wallet .w{flex:1;background:var(--card);border-radius:var(--r-card);padding:12px;display:flex;align-items:center;gap:8px;justify-content:center;font-weight:800;color:var(--text)}.coin-c{color:var(--coin)}.gem-c{color:var(--gem)}.promo{position:relative;border-radius:var(--r-card);padding:18px;margin-bottom:8px;overflow:hidden;color:#fff;background:linear-gradient(120deg,#7c3aed,#d4af37)}.promo h2{font-size:var(--fs-xl);font-weight:900}.promo p{font-size:var(--fs-sm);opacity:.95;margin:4px 0 12px}.promo .crown{position:absolute;left:-6px;top:-10px;opacity:.18}.bundle{display:flex;align-items:center;gap:12px;background:var(--card);border-radius:var(--r-card);padding:14px;margin-bottom:10px}.bundle .b-ic{width:50px;height:50px;border-radius:12px;background:var(--nested);display:grid;place-items:center;flex:none;color:var(--accent)}.bundle .b-info{flex:1}.bundle .b-info .nm{font-weight:800}.bundle .b-info .sub{font-size:var(--fs-sm);color:var(--text2)}.price{display:flex;align-items:center;gap:4px;font-weight:800;color:var(--text)}.cover{height:140px;margin:-14px -14px 0;background:repeating-linear-gradient(135deg,var(--nested) 0 18px,var(--card) 18px 36px);position:relative}.cover .editc{position:absolute;left:12px;bottom:12px;background:var(--card)}.pavatar{width:96px;height:96px;border-radius:50%;background:var(--nested);display:grid;place-items:center;font-size:48px;margin:-48px auto 0;border:4px solid var(--bg);position:relative;z-index:2}.pavatar .cam{position:absolute;left:2px;bottom:2px;width:30px;height:30px;border-radius:50%;background:var(--accent);color:var(--on-accent);display:grid;place-items:center;border:3px solid var(--bg)}.pname{text-align:center;font-weight:900;font-size:var(--fs-xl);margin-top:10px;display:flex;align-items:center;justify-content:center;gap:8px}.bio{margin:14px 0;text-align:center;color:var(--text3);background:var(--nested);border-radius:var(--r-card);padding:16px;font-weight:600;cursor:pointer}.stats{display:flex;background:var(--card);border-radius:var(--r-card);overflow:hidden}.stats .st{flex:1;text-align:center;padding:16px}.stats .st .v{font-weight:900;font-size:var(--fs-xl)}.stats .st .k{font-size:var(--fs-xs);font-weight:700;color:var(--text3);margin-top:2px}.stats .sep{width:1px;background:var(--divider);margin:14px 0}.pstat{display:flex;align-items:center;gap:12px;padding:12px 4px;border-bottom:1px solid var(--divider)}.pstat .g{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;color:#fff}.pstat .pn{flex:1;font-weight:700}.pstat .lv{font-weight:800;color:var(--accent)}.bottomnav{position:absolute;bottom:0;right:0;left:0;height:72px;z-index:var(--z-nav);background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--divider);display:flex;align-items:center;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom)}.nav-b{position:relative;color:var(--text3);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:62px;height:60px;transition:color var(--dur) var(--ease),transform var(--dur-fast) var(--ease)}.nav-b:active{transform:scale(.92)}.nav-b .nav-lbl{font-size:10px;font-weight:800;line-height:1}.nav-b.active{color:var(--accent)}.nav-b.active:before{content:"";position:absolute;top:2px;width:22px;height:3px;border-radius:3px;background:var(--accent-grad);animation:tab-grow var(--dur) var(--ease)}.nav-dot{position:absolute;top:8px;right:15px;width:9px;height:9px;border-radius:50%;background:var(--red);border:2px solid var(--surface)}.fab{width:58px;height:58px;border-radius:50%;background:var(--accent-grad);color:var(--on-accent);display:grid;place-items:center;transform:translateY(-16px);box-shadow:var(--accent-glow);border:4px solid var(--surface);transition:transform var(--dur-fast) var(--ease-pop),box-shadow var(--dur) var(--ease)}.fab:active{transform:translateY(-16px) scale(.9)}.fab.active{box-shadow:0 6px 26px #d4af3799}.fab .nav-lbl{display:none}.fab.nav-b:before{display:none}.scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--z-sheet);background:#0000008c;opacity:0;pointer-events:none;transition:opacity .25s}.scrim.show{opacity:1;pointer-events:auto}.sheet{position:absolute;right:0;left:0;bottom:0;z-index:calc(var(--z-sheet) + 1);background:var(--surface);border-radius:var(--r-lg) var(--r-lg) 0 0;padding:8px 18px calc(24px + env(safe-area-inset-bottom));transform:translateY(100%);transition:transform var(--dur-slow) var(--ease);max-height:84%;overflow-y:auto;overscroll-behavior:contain;outline:none}.sheet.show{transform:none}.sheet.dragging{transition:none}.grab{width:42px;height:5px;border-radius:5px;background:var(--raise);margin:8px auto 16px;cursor:grab;touch-action:none}.sheet h2{font-size:var(--fs-xl);font-weight:900;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px}.sheet h2 .app-icon{color:var(--accent)}.sheet .sub{color:var(--text2);text-align:center;margin:4px 0 18px;font-size:var(--fs-base)}.opt{display:flex;align-items:center;gap:12px;background:var(--card);border-radius:var(--r-card);padding:14px;margin-bottom:10px;cursor:pointer;width:100%;color:var(--text);text-align:start;transition:background var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.opt:active{background:var(--nested);transform:scale(.98)}.opt .oe{width:40px;height:40px;border-radius:11px;background:var(--nested);display:grid;place-items:center;flex:none;color:var(--accent);overflow:hidden}.opt .oe .oe-img{width:100%;height:100%;object-fit:cover}.opt .ot{flex:1}.opt .ot b{font-size:var(--fs-md);display:block}.opt .ot span{font-size:var(--fs-sm);color:var(--text3)}.toast{position:absolute;bottom:88px;right:50%;transform:translate(50%) translateY(20px);z-index:var(--z-toast);background:var(--raise);color:var(--text);font-weight:700;font-size:var(--fs-base);padding:12px 20px;border-radius:var(--r-lg);box-shadow:var(--shadow);opacity:0;transition:all .25s var(--ease);pointer-events:none;max-width:calc(100% - 48px);width:max-content;text-align:center;line-height:1.5}.toast.show{opacity:1;transform:translate(50%) translateY(0)}.toast.success{background:color-mix(in srgb,var(--green) 24%,var(--raise))}.toast.error{background:color-mix(in srgb,var(--red) 26%,var(--raise))}.auth-google{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--card);color:var(--text);border:1px solid var(--divider);border-radius:var(--r-pill);padding:13px;font-weight:800;font-size:var(--fs-md);cursor:pointer;transition:border-color .2s,transform .1s}.auth-google:active{transform:scale(.98)}.auth-google:hover{border-color:var(--accent)}.auth-google .g-logo{width:22px;height:22px;flex:none}.auth-or{display:flex;align-items:center;gap:12px;color:var(--text3);font-size:var(--fs-sm);margin:14px 2px}.auth-or:before,.auth-or:after{content:"";flex:1;height:1px;background:var(--divider)}.auth-input{width:100%;background:var(--card);border:1px solid var(--divider);border-radius:12px;padding:13px 14px;margin-bottom:10px;font-size:var(--fs-md);color:var(--text);outline:none;transition:border-color .2s}.auth-input:focus{border-color:var(--accent)}.auth-input::placeholder{color:var(--text3)}.auth-msg{font-size:var(--fs-sm);font-weight:600;padding:10px 12px;border-radius:var(--r-sm);margin-bottom:4px}.auth-msg.err{background:color-mix(in srgb,var(--red) 14%,transparent);color:var(--red)}.auth-msg.info{background:color-mix(in srgb,var(--green) 14%,transparent);color:var(--green)}.auth-msg.wait{background:var(--nested);color:var(--text2)}.auth-toggle{width:100%;color:var(--accent);font-weight:700;font-size:var(--fs-base);padding:14px 0 4px}.signin-prompt{text-align:center;padding:40px 20px}.signin-prompt .big{font-size:60px;margin-bottom:8px}.signin-prompt h3{font-size:var(--fs-xl);font-weight:900;margin-bottom:6px}.signin-prompt p{color:var(--text2);font-size:var(--fs-base);margin-bottom:20px;line-height:1.7}.pavatar img,.avatar img{width:100%;height:100%;object-fit:cover}.signout-row{margin-top:18px}.ghero{position:relative;width:100%;max-width:440px;height:150px;border-radius:18px;overflow:hidden;margin:0 auto 16px;box-shadow:0 10px 30px #0000006b,inset 0 0 0 1px #f7ecd224}.ghero-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.ghero-veil{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(20,10,2,.72),transparent 56%)}.ghero-sadu{position:absolute;left:0;right:0;bottom:7px;z-index:2;opacity:.92}.ghero-title{position:absolute;bottom:22px;left:16px;right:16px;z-index:3;text-align:center;font-size:2rem;font-weight:900;letter-spacing:1px;text-shadow:0 2px 12px rgba(0,0,0,.65)}.gs-sub{margin-top:-8px}.gs-how{background:var(--nested);border-radius:var(--r-sm);padding:var(--sp-3);margin:var(--sp-3) 0 var(--sp-1)}.gs-how-title{display:flex;align-items:center;gap:6px;font-weight:800;font-size:var(--fs-sm);margin-bottom:var(--sp-1);color:var(--accent)}.gs-how-body{font-size:var(--fs-base);line-height:1.75;color:var(--text2)}.gs-local{display:flex;align-items:center;gap:6px;margin-top:2px}.gs-cta{margin-top:var(--sp-2)}.oe-clip{overflow:hidden}.invite-card{text-align:center;padding:var(--sp-4);margin-bottom:var(--sp-2)}.invite-strip{display:flex;gap:var(--sp-2);margin-bottom:var(--sp-4)}.invite-art{flex:1;height:74px;border-radius:var(--r-sm);overflow:hidden;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--text) 10%,transparent)}.invite-art img{width:100%;height:100%;object-fit:cover;display:block}.invite-title{font-size:var(--fs-lg);font-weight:900;margin-bottom:var(--sp-1)}.invite-sub{color:var(--text2);font-size:var(--fs-base);line-height:1.7;margin-bottom:var(--sp-4)}.shortcut-all{background:var(--nested);color:var(--text);box-shadow:inset 0 0 0 1px var(--divider)}.shortcut-all:after{background:none}.shortcut-all .gemoji{color:var(--accent)}.shortcut-all .nm{text-shadow:none}.act.unread{background:color-mix(in srgb,var(--accent) 8%,transparent);border-radius:var(--r-sm);padding-inline:var(--sp-2)}.unread-dot{flex:none;align-self:center;width:8px;height:8px;border-radius:50%;background:var(--accent)}.idcard{position:relative;height:128px;border-radius:14px;overflow:hidden;cursor:pointer;color:#fff;transition:transform .12s ease;box-shadow:inset 0 0 0 1px #f7ecd21f,0 6px 18px #0000004d}.idcard:active{transform:scale(.97)}.idcard-feat{height:150px;border-radius:16px}.idcard-stars{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.idcard-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0}.idcard-photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.idcard-veil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to top,rgba(20,10,2,.74),transparent 60%)}.idcard-sadu{position:absolute;left:0;right:0;bottom:38px;z-index:2;opacity:.9}.idcard-feat .idcard-sadu{bottom:50px}.idcard-body{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:11px 12px 12px}.idcard-title{font-weight:900;font-size:16px;letter-spacing:.3px;text-shadow:0 1px 5px rgba(0,0,0,.65)}.idcard-feat .idcard-title{font-size:24px}.idcard-tag{margin-top:2px;font-size:13px;color:#f7ecd2;opacity:.92;text-shadow:0 1px 4px rgba(0,0,0,.55)}.idcard-new{position:absolute;top:9px;left:9px;z-index:4;background:linear-gradient(135deg,#e6b352,#c0392b);color:#fff;font-size:10px;font-weight:800;letter-spacing:.5px;padding:2px 8px;border-radius:999px;box-shadow:0 2px 6px #00000059}.idcard-players{position:absolute;top:9px;right:9px;z-index:4;background:#140a0280;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(247,236,210,.22);font-size:11px;font-weight:700;color:#f7ecd2;padding:3px 8px;border-radius:20px}.cz-screen{padding-bottom:110px}.cz-top{display:flex;align-items:center;gap:8px;margin:-4px -2px 12px}.cz-back{flex:none;width:36px;height:36px}.cz-title{flex:1;font-weight:900;font-size:18px;color:var(--text)}.cz-wallet{display:flex;gap:6px}.cz-coin,.cz-gem{background:var(--card);border-radius:var(--r-pill);padding:6px 11px;font-weight:800;font-size:13px;white-space:nowrap}.cz-coin{color:var(--coin)}.cz-gem{color:var(--gem)}.cz-preview-card{background:var(--card);border-radius:var(--r-card);overflow:hidden;margin-bottom:16px;box-shadow:var(--shadow)}.cz-preview{position:relative;padding-bottom:16px}.cz-preview-banner{height:96px;width:100%}.cz-preview-compact .cz-preview-banner{height:84px}.cz-avatar-wrap{position:relative;width:78px;height:78px;margin:-39px auto 0}.cz-avatar{position:relative;width:78px;height:78px;border-radius:50%;background:var(--nested);display:grid;place-items:center;font-size:38px;border:4px solid var(--card);overflow:visible}.cz-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.cz-duck{line-height:1}.cz-ring{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;pointer-events:none}.cz-frame-overlay{position:absolute;left:50%;top:50%;width:158%;height:158%;transform:translate(-50%,-50%);pointer-events:none;z-index:4}.cz-frame-behind{z-index:0}.cz-avatar{z-index:1}.cz-avatar-frame-box{position:relative;width:48px;height:48px;display:grid;place-items:center}.cz-topper{position:absolute;top:-16px;left:50%;transform:translate(-50%);font-size:26px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.4));pointer-events:none;z-index:3}.deco{position:relative;display:inline-block;flex:none}.deco-av{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--nested);display:grid;place-items:center;z-index:1}.deco-av>img{width:100%;height:100%;object-fit:cover;border-radius:50%}.deco-duck{line-height:1}.deco-art{position:absolute;left:50%;top:50%;object-fit:contain;pointer-events:none}.deco-behind{z-index:0}.deco-over{z-index:3}.deco-topper{position:absolute;left:50%;top:-10%;transform:translate(-50%);line-height:1;filter:drop-shadow(0 2px 3px rgba(0,0,0,.4));pointer-events:none;z-index:4}.cz-preview-name{text-align:center;margin-top:10px}.cz-name{font:inherit;display:inline-block}.cz-preview-name .cz-name{font-weight:900;font-size:20px}.cz-badge-chip{display:inline-flex;align-items:center;gap:5px;margin:10px auto 0;background:var(--nested);color:var(--text2);border-radius:var(--r-pill);padding:5px 12px;font-weight:800;font-size:13px;position:relative;left:50%;transform:translate(-50%)}.cz-badge-emoji{font-size:15px}.cz-badge-empty{opacity:.6;font-weight:700}.cz-tabs{display:flex;gap:8px;overflow-x:auto;padding:2px;margin-bottom:14px}.cz-tabs::-webkit-scrollbar{height:0}.cz-tab{flex:none;background:var(--card);color:var(--text2);border:none;font-family:inherit;font-weight:800;font-size:13px;padding:9px 16px;border-radius:var(--r-pill);cursor:pointer;transition:transform .1s}.cz-tab:active{transform:scale(.96)}.cz-tab-on{background:var(--accent);color:var(--on-accent)}.cz-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cz-card{--cz-rarity: #9ca3af;position:relative;background:var(--card);border-radius:var(--r-card);padding:12px 12px 10px;border:1.5px solid color-mix(in srgb,var(--cz-rarity) 45%,transparent);display:flex;flex-direction:column;gap:8px}.cz-card.cz-r-legendary{box-shadow:0 0 16px color-mix(in srgb,var(--cz-rarity) 32%,transparent)}.cz-card.cz-r-epic{box-shadow:0 0 12px color-mix(in srgb,var(--cz-rarity) 22%,transparent)}.cz-card-on{border-color:var(--green);box-shadow:0 0 0 1.5px var(--green),0 0 14px color-mix(in srgb,var(--green) 28%,transparent)}.cz-swatch{height:74px;border-radius:12px;overflow:hidden;display:grid;place-items:center;background:var(--nested)}.cz-swatch-bg{background-size:cover}.cz-swatch-frame{position:relative}.cz-avatar-sm{width:48px;height:48px;font-size:24px;border-width:3px;border-color:var(--nested)}.cz-topper-sm{top:-12px;font-size:18px}.cz-swatch-name{background:linear-gradient(160deg,var(--nested),var(--card))}.cz-name-lg{font-size:26px;font-weight:900}.cz-swatch-badge{background:linear-gradient(160deg,var(--nested),var(--card))}.cz-badge-big{font-size:40px;line-height:1}.cz-badge-img{width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 2px 5px rgba(0,0,0,.35))}.cz-badge-chip-img{width:22px;height:22px;object-fit:contain;vertical-align:middle;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.cz-badge-none{opacity:.5;font-size:30px}.cz-card-name{font-weight:800;font-size:14px;color:var(--text);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cz-rarity-tag{align-self:center;font-size:10px;font-weight:900;letter-spacing:.5px;padding:3px 10px;border-radius:var(--r-pill);color:var(--cz-rarity);background:color-mix(in srgb,var(--cz-rarity) 16%,transparent)}.cz-card-foot{margin-top:2px}.cz-buy,.cz-equip,.cz-equipped{width:100%;border:none;font-family:inherit;font-weight:800;font-size:13px;padding:9px 10px;border-radius:var(--r-pill);cursor:pointer;transition:transform .1s,filter .15s}.cz-buy:active,.cz-equip:active,.cz-equipped:active{transform:scale(.96)}.cz-buy{background:var(--nested);color:var(--text)}.cz-buy:hover{filter:brightness(1.08)}.cz-cur{font-size:13px}.cz-buy-no{opacity:.55}.cz-equip{background:var(--accent);color:var(--on-accent)}.cz-equipped{background:color-mix(in srgb,var(--green) 22%,transparent);color:var(--green);box-shadow:inset 0 0 0 1.5px var(--green)}.cz-hint{text-align:center;color:var(--text3);font-size:12px;font-weight:600;margin-top:18px}.cz-customize{position:absolute;right:12px;bottom:12px;z-index:2;box-shadow:0 4px 14px #0000004d}.pavatar{overflow:visible}.pavatar .cz-topper{top:-20px;font-size:30px}.cz-profile-badge{text-align:center;margin-top:8px}.cz-profile-badge .cz-badge-chip{left:auto;transform:none;margin:0 auto}.cz-ring-pulse{box-shadow:0 0 0 3px #38bdf8,0 0 14px #38bdf8aa;animation:cz-pulse 1.8s ease-in-out infinite}@keyframes cz-pulse{0%,to{box-shadow:0 0 0 3px #38bdf8,0 0 8px #38bdf888}50%{box-shadow:0 0 0 3px #7dd3fc,0 0 22px #38bdf8}}.cz-ring-rainbow{top:-5px;right:-5px;bottom:-5px;left:-5px;padding:4px;background:conic-gradient(#ff004c,#ffae00,#ffe600,#2bff88,#00b3ff,#7a00ff,#ff004c);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 5px));mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 5px));animation:cz-spin 3.2s linear infinite}@keyframes cz-spin{to{transform:rotate(360deg)}}.cz-name-rainbow{background:linear-gradient(90deg,#ff004c,#ffae00,#2bff88,#00b3ff,#7a00ff,#ff004c);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:cz-rainbow 4s linear infinite}@keyframes cz-rainbow{to{background-position:300% 0}}.cz-name-aurora{background:linear-gradient(90deg,#43e97b,#38f9d7,#4facfe,#43e97b);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:cz-rainbow 5s linear infinite}.cz-name-shimmer{background:linear-gradient(90deg,#b8860b,gold,#fff3b0,gold,#b8860b);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:cz-rainbow 3.5s linear infinite}.cz-ring-gold{top:-5px;right:-5px;bottom:-5px;left:-5px;padding:4px;background:conic-gradient(#b8860b,gold,#fff3b0,gold,#b8860b);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 5px));mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 5px));animation:cz-spin 3.6s linear infinite}.cz-ring-pulse-green{box-shadow:0 0 0 3px #22c55e,0 0 14px #22c55eaa;animation:cz-pulse-green 1.8s ease-in-out infinite}@keyframes cz-pulse-green{0%,to{box-shadow:0 0 0 3px #22c55e,0 0 8px #22c55e88}50%{box-shadow:0 0 0 3px #86efac,0 0 22px #22c55e}}@keyframes cz-bg-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media(prefers-reduced-motion:reduce){.cz-ring-pulse,.cz-ring-pulse-green,.cz-ring-rainbow,.cz-ring-gold,.cz-name-rainbow,.cz-name-aurora,.cz-name-shimmer{animation:none}}.cz-swatch-title{display:grid;place-items:center;padding:6px;text-align:center}.cz-title-text{font-weight:800;font-size:.95rem;line-height:1.3}.cz-title-none{color:var(--text3);font-weight:700}.cz-preview-title{font-weight:700;font-size:.8rem;margin-top:3px;text-align:center}.cz-profile-title{font-weight:800;font-size:.92rem;text-align:center;margin:3px 0 2px}.cz-filterbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 10px;padding:0 2px}.cz-progress{font-size:.82rem;color:var(--text2);font-weight:700}.cz-filter-btn{border:1px solid var(--divider);background:var(--nested);color:var(--text2);border-radius:999px;padding:5px 13px;font-size:.8rem;font-weight:700;cursor:pointer}.cz-filter-on{background:var(--accent);color:var(--on-accent);border-color:transparent}.cz-look-actions{display:flex;gap:8px;margin:0 0 12px}.cz-look-btn{flex:1;border:none;cursor:pointer;border-radius:12px;padding:10px;font-size:.88rem;font-weight:800;background:var(--accent);color:var(--on-accent)}.cz-look-ghost{background:var(--nested);color:var(--text2);border:1px solid var(--divider)}