/* Direct implementation of the approved three-screen concept. */
:root{--bg:#17181b;--panel:#222326;--panel-2:#2b2c2e;--line:#5a5a5a;--text:#f6f0df;--text-2:#aaa9a4;--gold:#d1aa60;--gold-hi:#f4d688;--gold-grad:linear-gradient(180deg,#f3d898 0%,#e3bd6a 38%,#b88c36 100%);--concept-accent:#e7c477}
body{background:radial-gradient(ellipse at 45% 0,#333335 0,#191a1d 45%,#111315 100%) fixed;color:var(--text)}
body[data-arena="silver"]{--concept-accent:#9dd9f3}body[data-arena="elite"]{--concept-accent:#ffbd5c}
.app{background:radial-gradient(ellipse at 50% 15%,#33333555,transparent 55%),linear-gradient(100deg,#10111428,#47474710 50%,#10111428);max-width:480px;position:relative}
.top{height:64px;justify-content:center;border-bottom:0;position:relative;gap:6px}.top .logo{width:130px;filter:brightness(1.1);margin:0}.top .balance{position:absolute;right:0;top:19px;max-width:85px;min-height:28px;padding:0 6px;font-size:10px;background:#242527b3;border-color:#77776d45}.coin{width:12px;height:12px}.header-lang{position:absolute;left:0;top:15px;width:36px;height:36px;background:#292a2b88;border-color:#77776d45;color:#aaa;font-size:10px}.demo-mini{position:absolute;left:42px;top:23px;color:#ae9c71;font-size:9px;border:1px solid #ae9c7138;border-radius:4px;padding:0 3px;line-height:14px}.demo-indicator{display:none!important}
.view{padding-top:0;gap:10px}.lobby-intro{justify-content:center;position:relative;min-height:51px;margin-bottom:2px;padding-bottom:11px}.lobby-intro>div{text-align:center}.eyebrow{display:none}.lobby-intro h1{font-size:28px;line-height:38px;color:#f7e8c5;text-shadow:0 2px 2px #0008;letter-spacing:1px;margin:0}.help-circle{position:absolute;right:-4px;top:0;color:#adaba5;width:36px;height:36px;font-size:12px}.lobby-intro::after{content:"";position:absolute;height:35px;bottom:0;left:-16px;right:-16px;border-bottom:1px solid #bc9e5c88;border-radius:0 0 50% 50%;pointer-events:none}
.scenes{border:0;border-radius:10px;background:none;box-shadow:none;padding:0;gap:9px;min-height:40px}.scene{min-height:40px;padding:0 3px;border:1px solid #8d8b8270;border-radius:9px;background:linear-gradient(155deg,#494a4b,#292a2b 65%);color:#d0d0c9;box-shadow:inset 0 1px 0 #fff1,0 3px 7px #0005;gap:3px}.scene strong{font-size:21px;line-height:28px;font-weight:600}.scene small{font-size:12px}.scene[aria-selected="true"]{border-color:#f7df9b;background:var(--gold-grad);color:#251d0c;box-shadow:inset 0 1px 0 #fff8,0 0 14px #d9b55b22}.scene[aria-selected="true"]::after{display:none}
.round-bar{min-height:34px;background:linear-gradient(110deg,#3a3b3c,#262729);border:1px solid #68696760;border-radius:9px;padding:5px 12px;flex-direction:row-reverse;box-shadow:inset 0 1px 0 #fff08}.round-id{gap:0}.round-id>span:first-child{display:none}.occ{font-size:12px;color:#d6d6d0}.occ b{font-size:18px;color:#f2d583}.status{color:#dedcd3;font-size:12px;padding-left:14px}.status::before{width:6px;height:6px;left:0;top:7px;background:var(--concept-accent);box-shadow:0 0 6px #dfc17c44}.status.new{color:#d3d0c8}
.mine{background:#2b2b2955;border-color:#8b805a40;padding:6px 9px;gap:4px}.mine-label{font-size:10px}.mine-chip{min-height:28px;background:#262625;border-color:#7a735546;color:#d1c8ae}
.arena{margin-top:-6px;background:none;position:relative;transition:height .2s}.stage{background:url('../assets/arena/hangar.webp') center bottom/100% auto no-repeat;border-radius:0;box-shadow:none;mask-image:linear-gradient(to bottom,transparent 0,#000 8%,#000 92%,transparent 100%)}
.stage::before{background:radial-gradient(ellipse at 50% 55%,#dfbd6720,transparent 65%)!important;inset:0!important;box-shadow:none!important;border:0!important;border-radius:0!important}.stage::after,.stage-rings{display:none!important}.floor-mark{width:24%;left:38%;bottom:12%;opacity:.25;z-index:1;transform:perspective(250px) rotateX(55deg)}
body[data-arena="silver"] .stage{filter:hue-rotate(150deg) saturate(.45) brightness(.95)}body[data-arena="silver"] .stage::before{background:radial-gradient(ellipse,#a4ddff22,transparent 65%)!important}body[data-arena="elite"] .stage{filter:contrast(1.1) saturate(1.1)}
.arena-caption{top:auto;bottom:7%;color:#a3936a;z-index:1;font-size:8px;gap:7px;opacity:.7}.mascot{z-index:2}.mascot-visual{filter:drop-shadow(0 16px 8px #000b);height:100%}.mascot-visual img{transform:scale(1.12);transform-origin:50% 75%}.mascot-caption{position:absolute;bottom:-14px;background:#111318aa;border:1px solid #c6ac6a22;line-height:16px;padding:0 7px;border-radius:9px;font-size:10px;color:#d6c49a;letter-spacing:.5px}
.seat{border-radius:8px;grid-template-rows:14px 1fr;background:linear-gradient(135deg,#585958,#282a2a 65%);border:1px solid #86878188;box-shadow:inset 0 1px 1px #fff2,0 3px 0 #101213,0 5px 9px #0008;transition:background .2s,box-shadow .2s;color:#a4a6a1;padding:1px 0 2px}
.seat .no{font-size:12px;line-height:14px;color:#d7d9d4}.seat .plus{width:14px;height:14px;opacity:.25}.seat.taken{background:linear-gradient(145deg,#f8df9f,#dcb764 55%,#9f742e);border-color:#fff0b6;box-shadow:inset 0 1px 1px #fff9,0 3px 0 #70511d,0 4px 12px #e1b55c25;color:#38290d}.seat.taken .no{color:#2e240f;font-weight:600}.seat.taken svg{fill:#4b3510;width:15px;height:15px;filter:none}.seat.self{border:2px solid #fff5ce;box-shadow:0 0 0 1px #f6db98,0 0 16px #e6ba6855}.seat.hero{background:linear-gradient(145deg,#b9ebff,#5d9cb7 65%,#38637c);border-color:#daf4ff;color:#112a38}.seat.hero .no{color:#133547}.seat.hero svg{fill:#1b4359}.seat .badge{background:#f4d583;color:#3a290e;border:1px solid #fff0ae;padding:0 4px;bottom:-7px;line-height:13px}.seat.hero .badge{background:#bae8ff;border-color:#ecfaff;color:#153243}
body[data-arena="silver"] .seat.taken{border-color:#c7edff;background:linear-gradient(145deg,#dbeaf3,#a2c7d7 60%,#56798b);color:#173c4d;box-shadow:inset 0 1px 0 #fff9,0 3px 0 #31596c,0 4px 12px #a4ddff22}body[data-arena="silver"] .seat.taken .no,body[data-arena="silver"] .seat.taken svg{color:#1b3946;fill:#274d60}
body[data-arena="elite"] .seat.taken{background:linear-gradient(145deg,#fbd993,#c9903b 60%,#7c481b);border-color:#ffdf9b;box-shadow:inset 0 1px 0 #fff8,0 3px 0 #6e3e13,0 4px 12px #f9b85033}
.arena-footer{min-height:20px;gap:6px;margin-top:-8px}.remaining{font-size:11px;color:#bdbab0}.live-dot{background:var(--concept-accent)}.gesture-btn{font-size:10px;color:#d6ba75}
.entry-panel{padding:0;background:none;border:0;box-shadow:none;border-radius:0;gap:12px}.fee{min-height:46px;background:linear-gradient(135deg,#454648,#262729);border:1px solid #91908b80;border-radius:14px;display:flex;justify-content:center;gap:13px;padding:8px 9px;box-shadow:inset 0 1px 0 #fff1}.fee>div{display:flex;gap:5px;align-items:baseline}.fee span{font-size:12px;color:#deddd7}.fee b{font-size:20px;line-height:26px;color:#f3d790;font-weight:600}.fee .fee-total{border-left:1px solid #aaa39435;padding-left:10px}.fee .fee-total span{display:none}.fee .fee-total b{font-size:19px}.fee small{font-size:10px;color:#cec6b4}.fee>div:nth-child(2)::before{content:"+";font-size:14px;color:#deddd7;position:relative;left:-3px}
.btn-primary{background:linear-gradient(180deg,#f5dca0 0%,#dfb960 52%,#b78a31 100%);min-height:52px;border:1px solid #ffe9ae;border-radius:12px;color:#251b08;box-shadow:inset 0 1px 0 #fff9,0 2px 0 #71541e,0 0 16px #d7ad5626;text-shadow:0 1px 0 #fff3;font-size:18px;font-weight:600;letter-spacing:1px}.btn-primary::after{display:none}.btn-primary.state-joined{background:linear-gradient(160deg,#353737,#222524);color:#cdbb8a;border-color:#a7945d;box-shadow:inset 0 1px 0 #fff2;text-shadow:none}.btn-primary:disabled{filter:saturate(.5) brightness(.7)}.btn-secondary{background:linear-gradient(160deg,#3b3d3e,#252729);border:1px solid #92938d70;color:#dddad1;border-radius:12px}
.rules{padding:0 2px 4px;gap:0;color:#9f9e99;font-size:10px;line-height:16px}.rules .link{font-size:10px;line-height:16px;min-height:20px;color:#c9b681}
.tabs{background:linear-gradient(145deg,#292b2de8,#17191bf5);border:1px solid #92938a80;border-bottom:0;border-radius:22px 22px 0 0;box-shadow:0 -3px 17px #0005;max-width:480px}.tab{color:#c1c1bc;font-size:11px}.tab[aria-current="page"]{color:#f5d78b}.tab[aria-current="page"]::before{display:none}.tab[aria-current="page"]::after{content:"";position:absolute;width:29px;height:1px;background:#c6a65a;bottom:4px;box-shadow:0 0 8px #ddb96766}.tab[aria-current="page"] svg{filter:drop-shadow(0 0 7px #ddb96755)}
.page-title{text-align:center;font-size:27px;line-height:38px;color:#f2e4c3;margin-bottom:10px}.panel{background:linear-gradient(140deg,#353638,#202325);border:1px solid #8386816b;box-shadow:inset 0 1px 0 #fff1}.claim-hero{background:none;border:0;padding:0;gap:10px;box-shadow:none}.claim-cat{width:180px;height:180px;margin:0;filter:drop-shadow(0 12px 14px #77c6ec25)}.claim-value{display:grid;justify-items:center;text-align:center;width:100%;padding:18px 16px;background:linear-gradient(135deg,#33373a,#202528);border:1px solid #9da2a778;border-radius:18px;box-shadow:inset 0 1px 0 #fff1}.claim-value .label{font-size:16px;color:#e4e5df}.claim-value .amount{font-size:48px;line-height:60px;color:#f4d893}.claim-hero .btn-primary{margin-top:0}.stats3{padding:14px 7px}.stats3 .label{font-size:12px;color:#c8cac5}.stats3 b{font-size:19px;color:#f0ce82}.stats3>div+div{border-color:#8e918744}.plan,.rows,.wallet-main,.me-card{background:linear-gradient(145deg,#303235,#1d2224);border-color:#8c92836b}.wallet-sub,.rows li,.set-row{border-color:#8c928336}.settings{background:linear-gradient(145deg,#2a2e30,#1e2426);border-color:#8c92836b}.network-card{background:linear-gradient(145deg,#303236,#202426);border-color:#8c92836b}.empty{background:#292c2d66;border-color:#8c928344}.notice{background:#ba9e5710}.motion-settings{background:#252b2d}.input-wrap{background:#171d20;border-color:#8c928366}.sheet{background:linear-gradient(140deg,#35383c,#20262b);border-color:#8c928366}.kv{background:#1d252a;border-color:#8c928355}.kv div{border-top-color:#8c928333}.kv dt{color:#c6c9c8}.sheet-art{width:170px;height:170px}.sheet-head h2.hero-title{font-size:25px;color:#f1e9d5}.sheet .note{color:#bdc2c1}.result-total{text-align:center;font-size:44px;line-height:54px;font-weight:600;color:#f7d582}.result-total small{font-size:15px;color:#cdd4d5;margin-left:8px;font-weight:400}.toast{background:#303536;border-color:#85917c55}
@media(max-width:350px){.top .logo{width:112px}.top .balance{max-width:70px;font-size:9px}.demo-mini{display:none}.scenes{gap:6px}.scene strong{font-size:19px}.scene small{font-size:11px}.fee{gap:7px}.fee span{font-size:11px}.fee b{font-size:18px}.fee .fee-total{padding-left:6px}.fee .fee-total b{font-size:17px}.lobby-intro h1{font-size:26px}.mascot-caption{font-size:9px}.claim-value .amount{font-size:44px}}
@media(min-width:600px){.top{height:76px}.top .balance{top:25px}.header-lang{top:21px}.demo-mini{top:29px}.app{border-color:#85867d20}.scene{min-height:44px}.lobby-intro{min-height:54px}.top .logo{width:145px}}
@media(prefers-reduced-motion:reduce){.mascot-visual{animation:none}}

@media(max-width:350px){.lobby-intro::after{left:-12px;right:-12px}}