:root{--shadow: #102b27;--jade: #24594a;--teal: #47bdb0;--lagoon: #123f52;--gold: #d6a84b;--clay: #c86c45;--text: #f3ead2}*{box-sizing:border-box}html,body{margin:0;height:100%;height:100dvh;background:var(--shadow);color:var(--text);font-family:Inter,var(--fb),sans-serif;overflow:hidden}#game{position:fixed;inset:0}.panel{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;background:#102b27f0;border:2px solid var(--gold);border-radius:14px;padding:24px;box-shadow:0 20px 60px #00000080}h1,h2{font-family:Cinzel,var(--fb),serif;color:var(--gold);margin:0;letter-spacing:2px}h1{font-size:34px;text-align:center}.sub{text-align:center;color:var(--teal);margin:4px 0 18px}label,.label{display:block;font-weight:600;margin:14px 0 6px}input{width:100%;padding:10px;border-radius:8px;border:1px solid var(--jade);background:var(--lagoon);color:var(--text);font:inherit}.choices{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}.choice{padding:10px;border-radius:8px;border:1px solid var(--jade);background:#24594a66;cursor:pointer;text-align:center;font-size:13px}.choice.on{border-color:var(--gold);background:#d6a84b33}.choice b{display:block;font-size:14px}button{margin-top:18px;width:100%;padding:12px;border:0;border-radius:10px;background:var(--gold);color:var(--shadow);font:800 16px Cinzel,var(--fb),serif;cursor:pointer}.note{font-size:12px;opacity:.7;text-align:center}#hud{position:fixed;top:12px;left:50%;transform:translate(-50%);display:flex;gap:16px;font:600 16px Cinzel,var(--fb),serif;background:#102b27cc;padding:8px 16px;border-radius:10px;border:1px solid var(--gold)}table{width:100%;border-collapse:collapse;margin-top:12px;font-size:14px}td,th{padding:6px;border-bottom:1px solid var(--jade);text-align:left}tr.me td{color:var(--gold);font-weight:600}#lobby{width:min(760px,calc(100vw - 32px))}.hero-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}@media(max-width:640px){.hero-grid{grid-template-columns:repeat(3,1fr)}}.hero-card{padding:8px;border-radius:10px;border:1px solid var(--jade);background:#24594a59;cursor:pointer;text-align:center;font-size:12px}.hero-card.on{border-color:var(--gold);background:#d6a84b2e;box-shadow:0 0 14px #d6a84b59}.hero-card img{width:100%;aspect-ratio:1;object-fit:contain;display:block}.hero-card b{display:block;font:800 12px Cinzel,var(--fb),serif;color:var(--gold);margin-top:2px}.hero-card em{display:block;font-style:normal;color:var(--teal);margin-bottom:4px}.stat{display:flex;align-items:center;gap:4px;height:10px;margin-top:3px}.stat span{width:28px;font-size:9px;text-align:left;opacity:.8}.stat i{display:block;height:5px;border-radius:3px;background:linear-gradient(90deg,var(--teal),var(--gold))}.blurb{min-height:18px;text-align:center;color:var(--text);opacity:.85;font-size:13px;margin:8px 0 0}body.in-match #game{cursor:none}.hud-root{position:fixed;inset:0;pointer-events:none;font-family:Inter,var(--fb),sans-serif}.hud-feed{position:absolute;top:60px;right:12px;display:flex;flex-direction:column;gap:4px;align-items:flex-end}.feed-row{background:#102b27d1;border:1px solid var(--jade);border-radius:8px;padding:3px 8px;font-size:13px;display:flex;align-items:center;gap:4px;animation:feedin .25s ease-out}.feed-row img{width:22px;height:22px;object-fit:contain}.feed-row b.me{color:var(--gold)}@keyframes feedin{0%{opacity:0;transform:translate(20px)}}.hud-board{position:absolute;top:12px;left:12px;min-width:190px;background:#102b27d1;border:1px solid var(--jade);border-radius:10px;padding:6px 10px;font-size:13px}.board-title{font:800 12px Cinzel,var(--fb),serif;color:var(--gold);margin-bottom:2px}.board-row{display:flex;justify-content:space-between;gap:12px}.board-row.me{color:var(--gold);font-weight:600}.board-row.dead{opacity:.45}.hud-mini{position:absolute;right:12px;bottom:12px;border:1px solid var(--gold);border-radius:8px}.hud-self{position:absolute;left:12px;bottom:12px;display:flex;gap:8px;align-items:center;background:#102b27d1;border:1px solid var(--gold);border-radius:12px;padding:6px 10px 6px 6px}.hud-portrait{width:56px;height:56px;object-fit:contain}.hud-bars{width:190px;display:flex;flex-direction:column;gap:6px}.hud-bar{position:relative;height:14px;border-radius:7px;background:#00000073;overflow:hidden}.hud-bar .fill{position:absolute;inset:0 auto 0 0}.hud-hp .fill{background:linear-gradient(90deg,#2e8f6f,var(--teal));transition:width .15s}.hud-hp .txt{position:absolute;inset:0;text-align:center;font-size:10px;line-height:14px;font-weight:600}.hud-cd{height:7px}.hud-cd .fill{background:var(--clay)}.hud-cd .fill.ready{background:var(--gold)}.hud-banner{position:absolute;top:34%;left:50%;transform:translate(-50%);font:800 22px Cinzel,var(--fb),serif;color:var(--gold);text-shadow:0 2px 8px #000;background:#102b2799;padding:8px 18px;border-radius:10px}.hud-cross{position:fixed;left:-14px;top:-14px;width:28px;height:28px;pointer-events:none;z-index:5;border:2px solid rgba(243,234,210,.9);border-radius:50%;box-shadow:0 0 6px #47bdb0cc}.hud-cross:after{content:"";position:absolute;left:11px;top:11px;width:2px;height:2px;background:var(--gold);box-shadow:0 0 0 1px var(--gold)}#hud{top:12px}@media(max-width:640px){.hud-board{min-width:140px;font-size:11px}.hud-mini{width:132px;height:88px;top:60px;bottom:auto}.hud-self{bottom:auto;top:160px;left:12px;transform:scale(.8);transform-origin:left top}.hud-feed{top:156px}}.touch-stick{position:fixed;width:112px;height:112px;border-radius:50%;border:2px solid rgba(214,168,75,.6);background:#102b2759;touch-action:none;z-index:6}.touch-left{left:28px;bottom:28px}.touch-right{right:28px;bottom:28px;border-color:#c86c45cc}.touch-stick.on{opacity:1}.touch-knob{position:absolute;left:34px;top:34px;width:44px;height:44px;border-radius:50%;background:#d6a84bd9}.touch-right .touch-knob{background:#c86c45e6}body.in-match{touch-action:none}.hud-xp{height:5px}.hud-xp .fill{background:linear-gradient(90deg,#8a5cd6,#d6a84b)}.hud-lvl{position:absolute;left:6px;top:-10px;font:800 12px Cinzel,var(--fb),serif;color:var(--shadow);background:var(--gold);border-radius:8px;padding:1px 6px}.note a{color:var(--gold)}.ios-hint{margin:12px 0 0;padding:8px 10px;border:1px solid var(--gold);border-radius:8px;background:#d6a84b1f;font-size:12px;text-align:center}.lb{margin-top:12px}.lb summary{cursor:pointer;font:800 14px Cinzel,var(--fb),serif;color:var(--gold)}.lb table{font-size:12px}.mini-btn{margin:0;width:auto;padding:2px 10px;font:600 12px Inter,var(--fb),sans-serif;border-radius:6px;pointer-events:auto}@media(max-width:640px){#hud{top:auto;bottom:150px;font-size:13px;padding:4px 10px;gap:8px}.mini-btn{font-size:10px;padding:1px 6px}}.hero-card small{display:block;font-size:10px;color:var(--gold);opacity:.85;margin-bottom:3px}.hud-skillbar{position:absolute;left:12px;bottom:92px;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.hud-skillhint{font:800 12px Cinzel,var(--fb),serif;color:var(--shadow);background:var(--gold);border-radius:8px;padding:2px 10px;animation:skpulse .9s ease-in-out infinite alternate}.hud-skillrow{display:flex;align-items:flex-end;gap:8px}.hud-sk{position:relative;width:58px;height:58px;border-radius:50%}.hud-sk.ult{width:66px;height:66px}.hud-sk .ico{position:absolute;inset:0;width:auto;height:auto;margin:0;background:none}.hud-sk .ico .skill-icon{width:100%;height:100%}.hud-sk .ico svg{width:100%;height:100%;display:block;filter:drop-shadow(0 2px 3px rgba(0,0,0,.6))}.hud-sk:after{content:"";position:absolute;inset:0;border-radius:50%;background:#0000009e;clip-path:inset(0 0 calc(100% - var(--cd, 0%)) 0);pointer-events:none}.hud-sk.ready .ico svg{filter:drop-shadow(0 0 6px rgba(255,217,106,.95))}.hud-sk.locked .ico{filter:grayscale(1) brightness(.55)}.hud-sk .cdn{position:absolute;inset:0;display:grid;place-items:center;z-index:2;font:800 20px Cinzel,var(--fb),serif;color:#fff;text-shadow:0 1px 4px #000}.hud-sk .key{position:absolute;left:-2px;top:-4px;z-index:3;min-width:18px;text-align:center;font:800 12px Cinzel,var(--fb),serif;color:var(--shadow);background:var(--gold);border-radius:6px;padding:0 4px}.hud-sk .pips{position:absolute;left:0;right:0;bottom:-7px;z-index:3;display:flex;justify-content:center;gap:3px}.hud-sk .pips i{width:8px;height:8px;border-radius:50%;background:#000000b3;border:1px solid var(--gold)}.hud-sk .pips i.on{background:var(--gold);box-shadow:0 0 4px #ffd96ae6}.hud-sk .plus{position:absolute;right:-6px;top:-8px;z-index:4;width:24px;height:24px;margin:0;padding:0;border-radius:50%;pointer-events:auto;font:800 18px/22px Cinzel,var(--fb),serif;color:var(--shadow);background:radial-gradient(circle at 40% 35%,#ffe9a0,var(--gold));border:2px solid #fff6;cursor:pointer;animation:skpulse .9s ease-in-out infinite alternate}@keyframes skpulse{0%{transform:scale(.92);box-shadow:0 0 4px #ffd96a66}to{transform:scale(1.08);box-shadow:0 0 14px #ffd96a}}.hud-skillutil{display:flex;flex-direction:column;gap:4px;margin-left:4px}.ult-flash{position:fixed;inset:0;z-index:8;pointer-events:none;box-shadow:inset 0 0 140px 40px var(--ult-c, #ffd96a);opacity:0;animation:ultflash .55s ease-out}@keyframes ultflash{0%{opacity:.9}to{opacity:0}}.hud-slot{position:relative;width:74px;height:26px;border-radius:6px;border:1px solid var(--jade);background:#0006;overflow:hidden;display:flex;align-items:center;gap:4px;padding:0 5px;font-size:10px}.hud-slot:before{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--cd, 0%);background:#0000008c}.hud-slot b{position:relative;color:var(--gold);font:800 12px Cinzel,var(--fb),serif}.hud-slot span{position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-slot.ready{border-color:var(--gold);box-shadow:0 0 8px #d6a84b99}.hud-slot.dash.used{opacity:.4}.touch-btn{position:fixed;width:66px;height:66px;border-radius:50%;display:grid;place-items:center;font:800 12px Cinzel,var(--fb),serif;color:var(--shadow);background:radial-gradient(circle,var(--gold) 55%,#9b7a2f);border:2px solid #fff3;z-index:7;touch-action:none;overflow:hidden}.touch-btn:after{content:"";position:absolute;inset:0;background:#0000008c;clip-path:inset(0 0 calc(100% - var(--cd, 0%)) 0)}.touch-dash{background:radial-gradient(circle,var(--teal) 55%,#2b7d74)}.touch-dash.used{opacity:.35}[hidden]{display:none!important}button:disabled{opacity:.6;cursor:wait}.touch-left{left:70px;bottom:60px;top:auto;opacity:.55}.touch-left.on{opacity:1}.touch-attack{right:34px;bottom:34px;width:104px;height:104px;font-size:14px;background:radial-gradient(circle at 40% 35%,#f0c56a 0%,var(--gold) 45%,#8f6a22 100%)}.touch-attack.on,.touch-skill.on{transform:scale(.92);filter:brightness(1.2)}.touch-skill{right:var(--x);bottom:var(--y);width:58px;height:58px;overflow:visible;background:none;border:0}.touch-skill:after{border-radius:50%}.touch-sk0{--x: 177px;--y: 57px}.touch-sk1{--x: 161px;--y: 117px}.touch-sk2{--x: 117px;--y: 161px}.touch-sk3{--x: 51px;--y: 171px;width:70px;height:70px}.touch-dash{right:var(--x);bottom:var(--y);--x: 250px;--y: 40px;width:48px;height:48px;font-size:10px}.touch-jump{right:var(--x);bottom:var(--y);--x: 250px;--y: 96px;width:48px;height:48px;font-size:10px;background:radial-gradient(circle,#b9d77a 55%,#5d7f2e)}.touch-skill .sk-ico{position:absolute;inset:0;pointer-events:none}.touch-skill .sk-ico svg{width:100%;height:100%;display:block;filter:drop-shadow(0 2px 3px rgba(0,0,0,.6))}.touch-skill .sk-key{position:absolute;left:-2px;top:-4px;z-index:2;min-width:16px;text-align:center;font:800 11px Cinzel,var(--fb),serif;color:var(--shadow);background:var(--gold);border-radius:6px;padding:0 3px;pointer-events:none}.touch-skill .sk-plus{position:absolute;right:-8px;top:-10px;z-index:3;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;touch-action:none;font:800 20px Cinzel,var(--fb),serif;color:var(--shadow);background:radial-gradient(circle at 40% 35%,#ffe9a0,var(--gold));border:2px solid #fff6;animation:skpulse .9s ease-in-out infinite alternate}.touch-skill.ready .sk-ico svg{filter:drop-shadow(0 0 8px rgba(255,217,106,.95))}.touch-skill.locked .sk-ico{filter:grayscale(1) brightness(.55)}.touch-skill.absent{display:none}@media(orientation:portrait){body.touch .touch-attack{bottom:40px}body.touch.in-match:after{content:attr(data-rotate);position:fixed;top:8px;left:50%;transform:translate(-50%);font:600 11px Inter,var(--fb),sans-serif;background:#102b27cc;color:var(--text);padding:3px 10px;border-radius:10px;z-index:8;pointer-events:none}body.touch #hud{bottom:210px}}@media(orientation:landscape)and (max-height:500px){.hud-board{transform:scale(.75);transform-origin:left top}.hud-self{bottom:8px;top:auto;left:210px;transform:scale(.72);transform-origin:left bottom}.hud-skillbar{left:210px;bottom:70px;transform:scale(.8);transform-origin:left bottom}.hud-mini{width:150px;height:auto;top:8px;bottom:auto;right:8px}.hud-feed{top:120px;transform:scale(.85);transform-origin:right top}#hud{top:6px;bottom:auto;font-size:12px;padding:3px 10px}}.settings{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:#0000008c}.settings-box{width:min(440px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:auto;background:#102b27f7;border:2px solid var(--gold);border-radius:14px;padding:18px}.set-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid rgba(36,89,74,.6);font-size:14px}.set-row div{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.set-row button{width:auto;margin:0;padding:5px 9px;font:600 12px Inter,var(--fb),sans-serif;background:#24594a99;color:var(--text);border-radius:6px}.set-row button.on{background:var(--gold);color:var(--shadow)}.set-close{margin-top:14px}.link-btn{width:auto;margin:10px auto 0;display:block;padding:4px 14px;background:transparent;border:1px solid var(--gold);color:var(--gold);font:600 13px Inter,var(--fb),sans-serif}.touch-btn,.touch-stick{opacity:var(--btn-alpha, .75)}.touch-attack,.touch-skill,.touch-dash,.touch-jump{transform:scale(var(--btn-scale, 1));transform-origin:bottom right}.touch-attack.on,.touch-skill.on{transform:scale(calc(var(--btn-scale, 1) * .92))}body.lefty .touch-attack,body.lefty .touch-skill,body.lefty .touch-dash,body.lefty .touch-jump{right:auto;transform-origin:bottom left}body.lefty .touch-attack{left:34px}body.lefty .touch-skill,body.lefty .touch-dash,body.lefty .touch-jump{left:var(--x)}body.lefty .touch-left{left:auto;right:70px}body.touch:not(.show-board) .hud-board,body.touch:not(.show-board) .hud-feed{display:none}body.touch .hud-board{transform:scale(.7);transform-origin:left top;top:56px}body.touch .hud-feed{left:8px;right:auto;top:150px;align-items:flex-start;transform:scale(.7);transform-origin:left top}body.touch .hud-mini{width:120px;height:auto;top:8px;bottom:auto;right:8px;opacity:.85}body.touch .hud-self{transform:scale(.62);transform-origin:left top;top:8px;bottom:auto;left:8px}body.touch #hud{top:6px;bottom:auto;gap:6px;font-size:12px;padding:3px 8px}body.touch .mini-btn{font-size:10px;padding:1px 6px}@media(orientation:portrait){body.touch .hud-self{top:42px}body.touch .hud-mini{top:44px}body.touch.in-match:after{top:auto;bottom:230px}}.hero-big.swap{animation:heroswap .32s cubic-bezier(.2,.8,.3,1.2)}.hero-big.swap:after{content:"";position:absolute;inset:-10%;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(255,230,150,.85) 0%,rgba(155,255,242,.35) 35%,transparent 65%);animation:herolight .45s ease-out forwards;mix-blend-mode:screen}@keyframes heroswap{0%{opacity:0;transform:translate(40px) rotateY(55deg) scale(.9)}}@keyframes herolight{0%{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(1.4)}}.mu{display:flex;align-items:center;gap:4px;margin-top:6px;font-size:11px}.mu span{width:62px;color:var(--teal)}.mu img{width:28px;height:28px;object-fit:contain;background:#0000004d;border-radius:6px}.mode-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:12px 0 6px}.mode-tabs button{margin:0;padding:7px 4px;font:700 12px Cinzel,var(--fb),serif;background:#24594a8c;color:var(--text);border-radius:8px}.mode-tabs button.on{background:var(--gold);color:var(--shadow)}.map-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.map-card{border:1px solid var(--jade);border-radius:8px;padding:4px;cursor:pointer;background:#24594a59;font-size:11px;text-align:center}.map-card.on{border-color:var(--gold);box-shadow:0 0 10px #d6a84b80}.map-card img{width:100%;aspect-ratio:3 / 2;object-fit:cover;border-radius:5px;display:block}.map-card b{display:block;font:700 11px Cinzel,var(--fb),serif;color:var(--gold);margin-top:3px}.map-card span{opacity:.75;font-size:10px}.chips{display:flex;flex-wrap:wrap;gap:4px}.chips button{width:auto;margin:0;padding:5px 12px;font:600 12px Inter,var(--fb),sans-serif;background:#24594a8c;color:var(--text);border-radius:14px}.chips button.on{background:var(--gold);color:var(--shadow)}.check{display:flex;align-items:center;gap:8px;font-weight:400;font-size:13px}.check input{width:auto}.label small{font-weight:400;opacity:.7;font-size:11px}.open-rooms{display:flex;flex-direction:column;gap:5px;max-height:210px;overflow:auto}.open-room{display:flex;align-items:center;gap:8px;background:#24594a66;border:1px solid var(--jade);border-radius:8px;padding:4px}.open-room img{width:64px;height:42px;object-fit:cover;border-radius:4px}.open-room div{flex:1;font-size:12px}.open-room b{display:block;font:700 12px Cinzel,var(--fb),serif;color:var(--gold)}.open-room button{width:auto;margin:0;padding:5px 12px;font-size:12px}.lobby-error{color:#ffb4a0;background:#781e1473;border-radius:8px;padding:6px 10px;font-size:13px;margin:8px 0 0}.waiting{z-index:10;width:min(480px,calc(100vw - 24px))}.waiting #w-map{width:100%;aspect-ratio:3 / 2;object-fit:cover;border-radius:10px;border:1px solid var(--gold);margin:10px 0 6px}.w-row{display:flex;justify-content:space-between;font-size:14px;margin:4px 0}.w-row span:first-child{font:700 15px Cinzel,var(--fb),serif;color:var(--gold)}.w-code{font-size:14px;margin:6px 0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.w-code b{font:800 26px Cinzel,var(--fb),serif;letter-spacing:4px;color:var(--teal)}.w-code .link-btn{margin:0}.w-players{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:4px;max-height:180px;overflow:auto;margin-top:6px}.w-players div{display:flex;align-items:center;gap:6px;font-size:13px;background:#24594a66;border-radius:6px;padding:2px 6px}.w-players div.me{color:var(--gold);font-weight:600}.w-players img{width:26px;height:26px;object-fit:contain}.w-players em{font-style:normal;font-size:10px;color:var(--teal)}#net{font:600 11px Inter,var(--fb),sans-serif;color:var(--teal);align-self:center;min-width:38px}#net.meh{color:var(--gold)}#net.bad{color:#ff8a70}.tut p{margin:6px 0;font-size:14px}.tut b{color:var(--gold)}.tut-controls{margin-top:10px;padding-top:8px;border-top:1px solid rgba(214,168,75,.35)}.tut-controls p{font-size:12px;opacity:.85}:root{--sat: env(safe-area-inset-top, 0px);--sar: env(safe-area-inset-right, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px)}.hud-root{top:var(--sat);right:var(--sar);bottom:var(--sab);left:var(--sal)}#hud{margin-top:var(--sat)}#lobby{padding-top:calc(24px + var(--sat));padding-bottom:calc(24px + var(--sab));padding-left:calc(4vw + var(--sal));padding-right:calc(4vw + var(--sar))}.touch-attack,.touch-skill,.touch-dash,.touch-jump{translate:calc(-1 * var(--sar)) calc(-1 * var(--sab))}body.lefty .touch-attack,body.lefty .touch-skill,body.lefty .touch-dash,body.lefty .touch-jump{translate:var(--sal) calc(-1 * var(--sab))}.touch-left:not(.on){translate:var(--sal) calc(-1 * var(--sab))}body.lefty .touch-left:not(.on){translate:calc(-1 * var(--sar)) calc(-1 * var(--sab))}.big-countdown{position:fixed;left:50%;top:42%;transform:translate(-50%,-50%);z-index:9;pointer-events:none;font:800 clamp(96px,22vmin,220px) Cinzel,var(--fb),serif;color:var(--gold);line-height:1;-webkit-text-stroke:4px #1c1206;paint-order:stroke fill;text-shadow:0 0 28px rgba(0,0,0,.75),0 6px 18px #000,0 0 40px rgba(255,217,106,.45)}.big-countdown.fight{font-size:clamp(64px,14vmin,150px);color:#fff3c4}.big-countdown.pop{animation:cdpop .9s ease-out both}@keyframes cdpop{0%{opacity:0;transform:translate(-50%,-50%) scale(1.8)}18%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:.9;transform:translate(-50%,-50%) scale(.92)}}.big-countdown.fight.pop{animation:fightpop .9s ease-out both}@keyframes fightpop{0%{opacity:0;transform:translate(-50%,-50%) scale(1.8)}20%{opacity:1;transform:translate(-50%,-50%) scale(1)}70%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}to{opacity:0;transform:translate(-50%,-50%) scale(1.25)}}.team-strip{position:fixed;top:54px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:6px 12px;background:#102b27d9;border:1px solid var(--gold);border-radius:10px;font:600 13px Inter,var(--fb),sans-serif;z-index:4;pointer-events:none;white-space:nowrap}.team-strip .me-team{font:800 14px Cinzel,var(--fb),serif}.team-strip .pip{position:relative;width:34px;height:24px;border-radius:6px;background:#d6a84b59;border:2px solid transparent;display:grid;place-items:center;overflow:hidden}.team-strip .pip b{position:relative;z-index:1;font:800 13px Cinzel,var(--fb),serif;color:#fff;text-shadow:0 1px 2px #000}.team-strip .pip i{position:absolute;left:0;bottom:0;height:5px}.team-strip .pip.front{border-color:#fff;box-shadow:0 0 8px #fff9}.team-strip .goal{color:var(--gold);font-size:12px}.shop-btn{position:fixed;top:92px;left:50%;transform:translate(-50%);width:auto;margin:0;padding:4px 14px;font:800 13px Cinzel,var(--fb),serif;border-radius:8px;z-index:6;pointer-events:auto}.shop-btn b{color:#6b3a00}.shop-panel{position:fixed;top:128px;left:50%;transform:translate(-50%);width:min(420px,calc(100vw - 24px));max-height:calc(100dvh - 140px);overflow:auto;background:#102b27f7;border:2px solid var(--gold);border-radius:12px;padding:10px;z-index:8;pointer-events:auto}.shop-head{display:flex;align-items:center;gap:10px;margin-bottom:6px}.shop-head b{font:800 16px Cinzel,var(--fb),serif;color:var(--gold)}.shop-head span{flex:1;color:var(--gold);font-weight:600}.shop-head .shop-close{width:28px;margin:0;padding:2px;font-size:14px}.shop-item{display:grid;grid-template-columns:1fr auto auto;grid-template-rows:auto auto;column-gap:10px;padding:7px 8px;margin:4px 0;border:1px solid var(--gold);border-radius:8px;background:#d6a84b1f;cursor:pointer}.shop-item b{font-size:13px}.shop-item span{grid-row:2;font-size:11px;opacity:.8}.shop-item em{grid-row:1 / 3;grid-column:2;display:flex;gap:3px;align-items:center}.shop-item em i{width:9px;height:9px;border-radius:50%;border:1px solid var(--gold)}.shop-item em i.on{background:var(--gold)}.shop-item u{grid-row:1 / 3;grid-column:3;align-self:center;text-decoration:none;font:800 13px Cinzel,var(--fb),serif;color:var(--gold)}.shop-item.off{opacity:.45;cursor:default;border-color:var(--jade)}.w-team{display:flex;gap:4px}.w-team>b{font:800 14px Cinzel,var(--fb),serif}.w-team>div{border:1px solid;color:var(--text)}@media(max-width:860px),(orientation:portrait){.team-strip{top:46px;font-size:11px;gap:5px;padding:4px 8px}.team-strip .goal{display:none}.team-strip .pip{width:26px;height:20px}.shop-btn{inset:auto 34px 230px auto;transform:none}.shop-panel{top:80px;max-height:calc(100dvh - 90px)}}.w-players:has(.w-team){grid-template-columns:1fr 1fr;max-height:260px}.w-players .w-team{flex-direction:column;align-items:stretch;background:none;padding:0}.ico{display:inline-block;width:22px;height:22px;vertical-align:middle;margin-right:4px}.ico.big{width:40px;height:40px}.shop-tabs{display:flex;gap:6px;margin-bottom:6px}.shop-tabs button{margin:0;padding:5px;font-size:13px;background:#d6a84b40;color:var(--text)}.shop-tabs button.on{background:var(--gold);color:var(--shadow)}.shop-item.potion{grid-template-columns:auto 1fr auto}.shop-item.potion .ico{grid-row:1 / 3;grid-column:1;margin-right:8px}.shop-item.potion b,.shop-item.potion span{grid-column:2}.shop-item.potion u{grid-column:3}.shop-item .lv{font-size:10px;font-weight:800;color:var(--shadow);background:var(--clay);border-radius:6px;padding:0 5px;margin-left:4px}.item-slots{position:fixed;bottom:14px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:6;pointer-events:auto}.item-slots .slot{position:relative;width:54px;height:54px;border-radius:10px;border:2px solid var(--gold);background:#102b27d9;display:grid;place-items:center;overflow:hidden;cursor:pointer}.item-slots .slot.empty{border-color:#d6a84b4d;cursor:default}.item-slots .slot .ico{width:44px;height:44px;margin:0}.item-slots .slot b{position:absolute;right:3px;bottom:1px;font:800 12px Inter,var(--fb),sans-serif;text-shadow:0 1px 2px #000}.item-slots .slot kbd{position:absolute;left:3px;top:1px;font:700 10px Inter,var(--fb),sans-serif;color:var(--gold)}.item-slots .slot s{position:absolute;left:0;right:0;bottom:0;background:#0009;text-decoration:none}.item-slots .slot em{position:absolute;font:800 16px Cinzel,var(--fb),serif;font-style:normal;color:#fff;text-shadow:0 1px 3px #000}.item-slots .slot.locked .ico{filter:grayscale(1) brightness(.6)}.item-slots .slot u{position:absolute;top:2px;right:2px;text-decoration:none;font:800 9px Inter,var(--fb),sans-serif;background:var(--clay);color:var(--shadow);border-radius:4px;padding:0 3px}.shop-btn .ico{width:18px;height:18px}@media(max-width:860px),(orientation:portrait){.item-slots{bottom:10px;gap:5px}.item-slots .slot{width:46px;height:46px}.item-slots .slot .ico{width:38px;height:38px}}.town{position:fixed;inset:0;z-index:15;background:#0b211d;display:flex;flex-direction:column;color:var(--text)}.town-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;background:#102b27f5;border-bottom:2px solid var(--gold)}.town-bar button{width:auto;margin:0;padding:6px 12px;font-size:13px}.town-bar .town-back{background:transparent;color:var(--gold);border:1px solid var(--gold)}.town-title{font:800 20px Cinzel,var(--fb),serif;color:var(--gold);margin-right:4px}.town-search{flex:1 1 180px;width:auto;padding:7px 10px}.town-cur{padding:6px;border-radius:8px;background:var(--lagoon);color:var(--text);border:1px solid var(--jade);font:inherit}.town-bal{margin-left:auto;display:flex;gap:12px;font-weight:700}.money{display:inline-flex;align-items:center;gap:2px;white-space:nowrap;font-weight:700;color:#ffe6a6}.money .ico{width:20px;height:20px;margin:0}.town-note{margin:0;padding:6px 12px;font-size:11px;opacity:.7;text-align:center}.town-empty{text-align:center;opacity:.8;padding:20px}.town-msg{min-height:1.2em;margin:6px 0 0;text-align:center;color:var(--gold);font-weight:600}.plaza-view{position:relative;flex:1;min-height:0;overflow:hidden;background:#1c3a22;cursor:pointer;touch-action:manipulation}.plaza-world{position:absolute;left:0;top:0;transform-origin:0 0;background:url(/assets/maps/bazaar/arena.webp) 0 0 / 100% 100% no-repeat;box-shadow:0 0 0 4000px #163020}@media(max-width:860px){.plaza-world{background-image:url(/assets/maps/bazaar/arena-low.webp)}}.plaza-count,.plaza-more{position:absolute;right:10px;bottom:8px;padding:3px 10px;border-radius:8px;background:#102b27d9;border:1px solid var(--gold);font-size:12px;font-weight:700}.plaza-more{right:auto;left:10px}.plaza-zoom{position:absolute;right:10px;top:10px;display:flex;flex-direction:column;gap:6px;z-index:5}.plaza-zoom button{width:44px;height:44px;margin:0;padding:0;font:800 26px Inter,var(--fb),sans-serif;border-radius:10px}.plaza-more:empty{display:none}.stall{position:absolute;width:320px;height:380px;transform:translate(-50%,-70px);cursor:pointer;border-radius:16px;transition:background .15s,opacity .2s,filter .2s}.stall:hover{background:#ffe9a024}.stall-sign{position:absolute;left:50%;top:70px;transform:translate(-50%,-50%);max-width:176px;padding:0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:800 34px Cinzel,var(--fb),serif;color:#3a1d06;text-shadow:0 1px 0 rgba(255,230,170,.6)}.stall.mine .stall-sign{color:#7a2a00}.stall-goods{position:absolute;left:50%;top:-6px;transform:translate(-50%,-100%);display:flex;gap:6px;padding:6px 10px;border-radius:14px;background:#102b27d1;border:2px solid var(--gold);white-space:nowrap}.stall-goods:empty{display:none}.stall.side-top .stall-goods{top:auto;bottom:10px;transform:translate(-50%,100%)}.stall.side-left .stall-goods{left:100%;top:190px;transform:translateY(-50%)}.stall.side-right .stall-goods{left:auto;right:100%;top:190px;transform:translateY(-50%)}.stall-goods .ico{width:72px;height:72px;margin:0}.stall-goods em{font:800 32px Cinzel,var(--fb),serif;font-style:normal;color:#ffe6a6}.stall.match{background:#ffd96a47;box-shadow:0 0 40px #ffd96acc}.stall.dim{opacity:.35}.person{position:absolute;left:0;top:0;pointer-events:none;z-index:3}.person .portrait{position:absolute;width:180px;left:-90px;top:-190px;filter:drop-shadow(0 8px 5px rgba(0,0,0,.5))}.person.animated .portrait{display:none}.person .spr{position:absolute;background-repeat:no-repeat;filter:drop-shadow(0 8px 5px rgba(0,0,0,.45))}.person span{position:absolute;left:0;top:-224px;transform:translate(-50%);white-space:nowrap;padding:2px 14px;border-radius:10px;background:#102b27cc;font:700 30px Inter,var(--fb),sans-serif}.person.me span{color:var(--gold);border:3px solid var(--gold);font:800 32px Cinzel,var(--fb),serif}.person.walking .portrait{animation:person-bob .3s ease-in-out infinite alternate}@keyframes person-bob{to{margin-top:-6px}}.brazier{position:absolute;width:0;height:0;pointer-events:none;z-index:2}.brazier .glow{position:absolute;left:-170px;top:-150px;width:340px;height:300px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,190,90,.55),rgba(255,140,40,.18) 55%,transparent);mix-blend-mode:screen;animation:glow-flicker 1.7s ease-in-out infinite alternate;animation-delay:var(--d)}.brazier .flame{position:absolute;left:-48px;top:-150px;width:96px;height:122px;background:url(/assets/fx/fire.png) 0 0 / 800% 100% no-repeat;mix-blend-mode:screen;animation:flame-run .7s steps(8) infinite;animation-delay:var(--d);filter:drop-shadow(0 0 14px rgba(255,160,50,.9))}@keyframes flame-run{0%{background-position:0 0}to{background-position:-768px 0}}@keyframes glow-flicker{0%{opacity:.65;transform:scale(.94)}35%{opacity:1;transform:scale(1.04)}60%{opacity:.75;transform:scale(.98)}to{opacity:.95;transform:scale(1.06)}}.town-list{flex:1;min-height:0;overflow:auto;padding:10px 12px;display:flex;flex-direction:column;gap:6px;width:min(720px,100%);margin:0 auto}.trow{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--jade);border-radius:10px;background:#24594a59}.trow .ico.big{width:40px;height:40px;margin:0;flex:none}.trow-txt{flex:1;min-width:0;display:flex;flex-direction:column}.trow-txt span{font-size:12px;opacity:.8}.trow button{width:auto;margin:0;padding:6px 14px;font-size:13px}.trow .town-cancel{background:transparent;color:var(--gold);border:1px solid var(--gold)}.lv{font-size:10px;font-weight:800;color:var(--shadow);background:var(--clay);border-radius:6px;padding:0 5px;margin-left:4px;vertical-align:middle}.town-panel{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(520px,calc(100vw - 24px));max-height:calc(100dvh - 40px);overflow:auto;z-index:16;background:#102b27fa;border:2px solid var(--gold);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:6px;box-shadow:0 20px 60px #0009}.panel-head{display:flex;align-items:center;justify-content:space-between}.panel-head b{font:800 18px Cinzel,var(--fb),serif;color:var(--gold)}.panel-head .town-x{width:30px;margin:0;padding:2px}.sell-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px}.sell-item{margin:0;display:flex;align-items:center;gap:6px;font-weight:600;font-size:12px;padding:6px;border:1px solid var(--jade);border-radius:8px;cursor:pointer}.sell-item input{width:auto}.sell-item .ico.big{width:32px;height:32px;margin:0}.sell-row{display:flex;gap:8px;flex-wrap:wrap}.sell-row label{flex:1 1 120px;margin:4px 0;font-size:12px}.sell-row select{width:100%;padding:9px;border-radius:8px;background:var(--lagoon);color:var(--text);border:1px solid var(--jade);font:inherit}.mine-scene{flex:1;min-height:0;overflow:auto;padding:16px;background:linear-gradient(#0818148c,#081814d9),url(/assets/maps/temples/arena-low.webp) 0% 100% / 300% auto}.mine-trips{font-weight:600;color:var(--teal)}.mine-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;max-width:900px;margin:0 auto}.mine-card{display:flex;flex-direction:column;gap:6px;padding:14px;border:2px solid var(--gold);border-radius:14px;background:#102b27eb;box-shadow:0 10px 30px #00000080}.mine-card>b{font:800 20px Cinzel,var(--fb),serif;color:var(--gold)}.mine-blurb{font-size:13px;opacity:.85}.mine-time{font-size:12px;color:var(--teal);font-weight:600}.mine-yields{display:flex;flex-wrap:wrap;gap:6px}.yield{display:inline-flex;align-items:center;font-weight:700;font-size:13px;padding:2px 6px 2px 2px;border-radius:8px;background:#0000004d}.yield .ico{width:30px;height:30px;margin:0}.mine-card button{margin-top:6px;display:flex;align-items:center;justify-content:center;gap:6px}.mine-card .money{color:var(--shadow)}.mine-collect{background:var(--teal)}.mine-progress{position:relative;height:26px;margin-top:6px;border-radius:8px;background:#00000073;overflow:hidden}.mine-progress i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#2e8f6f,var(--teal))}.mine-progress span{position:relative;display:block;text-align:center;line-height:26px;font-size:12px;font-weight:700}.bag-grid{flex:1;min-height:0;overflow:auto;padding:14px;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;align-content:start;max-width:960px;width:100%;margin:0 auto}.bag-item{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;padding:12px 8px;border:1px solid var(--gold);border-radius:12px;background:#24594a59}.bag-item .ico.big{width:56px;height:56px;margin:0}.bag-item span{font-size:11px;opacity:.8}.bag-item em{position:absolute;top:8px;right:10px;font:800 16px Cinzel,var(--fb),serif;font-style:normal;color:var(--gold)}.bag-item button{margin-top:4px;padding:5px;font-size:12px}@media(max-width:640px){.town-bar{gap:6px;padding:6px 8px}.town-title{font-size:16px}.town-bal{margin-left:0;width:100%;justify-content:flex-end;order:-1}}.lobby-tabs .guide-ico{display:inline-grid;place-items:center;width:20px;height:20px;margin-right:3px;border-radius:50%;background:var(--shadow);color:var(--gold);font:800 13px Inter,var(--fb),sans-serif}.guide{flex:1;min-height:0;overflow:auto;padding:14px;width:min(720px,100%);margin:0 auto;display:flex;flex-direction:column;gap:8px}.guide-tabs{display:flex;gap:8px}.guide-tabs button{margin:0;padding:8px;font-size:14px;background:#d6a84b40;color:var(--text)}.guide-tabs button.on{background:var(--gold);color:var(--shadow)}.guide-row{padding:10px 14px;border:1px solid var(--jade);border-radius:12px;background:#24594a59}.guide-row b{font:800 16px Cinzel,var(--fb),serif;color:var(--gold)}.guide-row p{margin:4px 0 0;font-size:14px;line-height:1.45}.mine-view{position:relative;flex:1;min-height:0;overflow:hidden;background:#163020;cursor:grab;touch-action:none}.mine-view:active{cursor:grabbing}.mine-world{position:absolute;left:0;top:0;transform-origin:0 0;background:#163020}.mine-zone{position:absolute;background:url(/assets/mine/valley.webp) 0 0 / 100% 100% no-repeat}.mine-lock{position:absolute;z-index:6000;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#0a1614c7,#060e0eeb);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none}.mine-lock span{padding:18px 40px;border:4px solid var(--gold);border-radius:22px;background:#102b27d9;font:800 64px Cinzel,var(--fb),serif;color:var(--gold);text-align:center}.shaft-sale{position:absolute;left:50%;top:-6px;transform:translate(-50%);white-space:nowrap;padding:2px 12px;border-radius:10px;background:var(--gold);color:var(--shadow);font:800 22px Inter,var(--fb),sans-serif;font-style:normal}.trade-box{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,217,106,.35)}.trade-row{display:flex;gap:6px;align-items:center;margin-top:4px}.trade-row input{flex:1 1 auto;width:auto;min-width:90px;padding:7px 10px}.trade-row button{flex:0 0 auto;width:auto;margin:0;padding:8px 14px;font-size:13px}.trade-row span{flex:1}.bag-item .bag-sell.floor{font-size:11px}.shaft{position:absolute;width:330px;transform:translate(-50%,-62%);cursor:pointer;z-index:2}.shaft>img{width:100%;display:block;filter:drop-shadow(0 14px 10px rgba(0,0,0,.5));transition:filter .15s}.shaft:hover>img{filter:drop-shadow(0 14px 10px rgba(0,0,0,.5)) brightness(1.15)}.shaft.mine>img{filter:drop-shadow(0 0 22px rgba(255,217,106,.85))}.shaft-sign{position:absolute;left:50%;top:17%;transform:translate(-50%,-50%);max-width:46%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:800 20px Cinzel,var(--fb),serif;color:#3a1d06;text-shadow:0 1px 0 rgba(255,230,170,.6)}.shaft-tag{position:absolute;left:50%;bottom:-34px;transform:translate(-50%);white-space:nowrap;padding:2px 12px;border-radius:10px;background:#102b27d9;border:2px solid var(--gold);font:700 22px Inter,var(--fb),sans-serif;font-style:normal}.shaft.mine .shaft-tag{color:var(--gold)}.shaft-closing{position:absolute;left:50%;top:-30px;transform:translate(-50%);white-space:nowrap;padding:2px 10px;border-radius:8px;background:var(--clay);color:var(--shadow);font:700 20px Inter,var(--fb),sans-serif;font-style:normal}.shaft-worker{position:absolute;right:-40px;bottom:6px;display:flex;flex-direction:column;align-items:center}.shaft-worker img{width:96px;animation:miner-dig .6s ease-in-out infinite alternate;transform-origin:50% 100%}.shaft-worker span{margin-top:2px;padding:2px 10px;border-radius:10px;background:#102b27e6;border:2px solid var(--teal);font:800 22px Inter,var(--fb),sans-serif}.shaft-worker span.ready{border-color:var(--gold);color:var(--gold);animation:ready-pulse .8s ease-in-out infinite alternate}@keyframes miner-dig{to{transform:rotate(-6deg) translateY(-3px)}}@keyframes ready-pulse{to{box-shadow:0 0 18px #ffd96ae6}}.plot-free{position:absolute;width:260px;height:220px;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:22px;border:4px dashed rgba(255,230,170,.55);background:#102b272e;cursor:pointer;z-index:1;transition:background .15s}.plot-free:hover{background:#ffd96a33}.plot-free b{font:800 64px Inter,var(--fb),sans-serif;color:#ffe6a6;line-height:1;text-shadow:0 2px 6px #000}.plot-free span{font:800 24px Cinzel,var(--fb),serif;color:#ffe6a6;text-shadow:0 2px 6px #000}.miner{position:absolute;left:0;top:0;pointer-events:none;z-index:1}.miner img{position:absolute;width:96px;left:-48px;top:-150px;filter:drop-shadow(0 6px 4px rgba(0,0,0,.45))}.miner.walking img{animation:person-bob .28s ease-in-out infinite alternate}.build-kinds{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.build-kind{margin:0;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 6px;border:2px solid var(--jade);border-radius:10px;cursor:pointer;text-align:center;font-size:12px}.build-kind:has(input:checked){border-color:var(--gold);background:#d6a84b26}.build-kind input{width:auto}.build-kind img{width:100%;max-width:120px}.town-panel .mine-yields{display:flex;flex-wrap:wrap;gap:6px}.shaft-sign.long{font-size:15px}.mine-value{margin:4px 0;font-size:13px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.mine-value b.up{color:#7fe0a0}.mine-value b.down{color:#ff8a7a}.acct{display:flex;align-items:center;gap:8px;margin:6px 0 0;font-size:12px}.acct #acct-lv{font:800 13px Cinzel,var(--fb),serif;color:var(--gold);white-space:nowrap}.acct-bar{flex:1;height:8px;border-radius:4px;background:#24594a8c;overflow:hidden}.acct-bar i{display:block;height:100%;width:0;background:var(--gold)}.acct small{opacity:.8;white-space:nowrap}.choices .grp{grid-column:1 / -1;margin:6px 0 0;font:800 11px Cinzel,var(--fb),serif;color:var(--gold);letter-spacing:1px}.choice.off{opacity:.45;cursor:not-allowed}.choice small{display:block;font-size:10px;opacity:.8;margin-top:2px}.badge{display:inline-block;padding:0 6px;margin-left:4px;border-radius:8px;font-size:10px;background:#24594ab3}.badge.off{background:#e8493d73}.shop-sub{margin:10px 0 4px;font:800 12px Cinzel,var(--fb),serif;color:var(--gold)}.shop-item.market{border-color:var(--jade);background:#24594a59}.market-toast{position:fixed;left:50%;bottom:90px;transform:translate(-50%);padding:8px 14px;border-radius:10px;border:1px solid var(--gold);background:#102b27f2;color:var(--text);font-size:13px;z-index:60;pointer-events:none}.hero-info{max-height:min(62vh,520px);overflow-y:auto;scrollbar-width:thin}#learn-bar{position:fixed;top:calc(62px + var(--sat));left:50%;transform:translate(-50%);display:flex;gap:6px;padding:5px 8px;z-index:20;background:#102b27cc;border:1px solid var(--gold);border-radius:10px}#learn-bar[hidden]{display:none}#learn-bar button{width:44px;height:44px;padding:0;border-radius:8px;border:2px solid var(--jade);background:var(--shadow);cursor:pointer;overflow:hidden}#learn-bar button.on{border-color:var(--gold);box-shadow:0 0 8px var(--gold)}#learn-bar img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}@media(max-width:640px){#learn-bar{top:auto;bottom:calc(8px + var(--sab))}#learn-bar button{width:36px;height:36px}}.social{position:fixed;right:calc(12px + var(--sar));bottom:calc(12px + var(--sab));z-index:30;width:min(320px,calc(100vw - 24px));display:flex;flex-direction:column;background:#0b211df0;border:1px solid var(--gold);border-radius:12px;font:13px Inter,var(--fb),sans-serif;color:var(--text);box-shadow:0 8px 24px #00000073}body.in-match .social{display:none}.social button{margin:0;width:auto;padding:6px 10px;border-radius:8px;font:700 12px Inter,var(--fb),sans-serif}.social button.ghost{background:transparent;color:var(--text);border:1px solid var(--jade)}.social input{padding:7px 9px;font-size:13px}.social small{opacity:.55;font-weight:400}.social-head{display:flex;align-items:center;gap:6px;padding:6px 8px;border-bottom:1px solid var(--jade)}.social.collapsed .social-head{border-bottom:0}.social-head [data-soc-tab]{background:transparent;color:var(--text);opacity:.7;font:800 13px Cinzel,var(--fb),serif;padding:4px 6px;position:relative}.social-head [data-soc-tab].on{opacity:1;color:var(--gold)}.social.collapsed .social-head [data-soc-tab].on{color:var(--text)}.soc-unread,.soc-badge{display:inline-block;min-width:16px;padding:0 4px;margin-left:2px;border-radius:8px;background:var(--teal);color:var(--shadow);font:800 10px Inter,var(--fb),sans-serif;text-align:center}.soc-badge.alert{background:var(--clay);color:var(--text)}.soc-unread[hidden],.soc-badge[hidden]{display:none}.soc-me{margin-left:auto;font-size:11px;opacity:.75;cursor:copy;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}.social .soc-toggle{background:transparent;color:var(--gold);padding:2px 6px;font-size:14px;transition:transform .2s}.social.collapsed .soc-toggle{transform:rotate(180deg)}.social.collapsed .soc-body{display:none}.soc-pane{display:flex;flex-direction:column;gap:6px;padding:8px}.soc-pane[hidden]{display:none}.soc-log,.soc-list{height:220px;overflow-y:auto;scrollbar-width:thin}.soc-log p{margin:0 0 4px;line-height:1.35;word-wrap:break-word}.soc-log p b{color:var(--teal);margin-right:4px}.soc-log p.me b{color:var(--gold)}.social p.sys{margin:0 0 4px;font-size:12px;font-style:italic;color:var(--gold);opacity:.85}.soc-send,.soc-add{display:flex;gap:6px;margin:0}.soc-list h4{margin:8px 0 4px;font:800 12px Cinzel,var(--fb),serif;color:var(--gold)}.soc-list h4:first-child{margin-top:0}.soc-row{display:flex;align-items:center;gap:6px;padding:4px 2px;border-bottom:1px solid rgba(36,89,74,.5)}.soc-row span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.soc-row em{display:block;font-size:11px;font-style:normal;opacity:.6}.soc-row img{width:24px;height:24px;border-radius:6px;object-fit:cover;object-position:top}.soc-row .dot{width:8px;height:8px;border-radius:50%;background:#6b7a75;flex:none}.soc-row.lobby .dot{background:var(--teal)}.soc-row.match .dot{background:var(--gold)}.soc-row.offline span{opacity:.55}.social button.x{padding:0 8px;font-size:15px;line-height:22px}.soc-empty{font-size:12px;opacity:.65}.friend-ask{position:fixed;z-index:60;display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;border:1px solid var(--gold);background:#102b27f5;color:var(--text);font:13px Inter,var(--fb),sans-serif;pointer-events:auto}.friend-ask[hidden]{display:none}.friend-ask button{margin:0;width:auto;padding:5px 10px;font:700 12px Inter,var(--fb),sans-serif;border-radius:8px}.friend-ask button.ghost{background:transparent;color:var(--text);border:1px solid var(--jade)}.hud-board [data-seat]{pointer-events:auto;cursor:pointer}.hud-board [data-seat]:hover .n{text-decoration:underline}#result-table tr[data-seat]{cursor:pointer}.tip{position:fixed;left:0;top:0;z-index:90;max-width:260px;padding:7px 10px;border-radius:8px;pointer-events:none;background:#0b211df7;border:1px solid var(--gold);color:var(--text);font:12px/1.4 Inter,var(--fb),sans-serif;box-shadow:0 6px 18px #00000080}.tip[hidden]{display:none}.tip b{display:block;font:800 13px Cinzel,var(--fb),serif;color:var(--gold);margin-bottom:2px}.tip span{display:block}.tip i{font-style:normal;opacity:.65;font-size:11px}.hud-sk,.hud-slot,.hud-self{pointer-events:auto}.leave-box{max-width:360px;text-align:center}.leave-box p{margin:10px 0 4px}.leave-row{display:flex;flex-direction:column;align-items:center;gap:4px}.leave-row .link-btn{margin-top:6px}#lobby{position:fixed;inset:0;z-index:4;width:auto;max-height:none;transform:none;padding:0;overflow:hidden;display:flex;flex-direction:column;background:linear-gradient(90deg,#0a181626,#0a181699),url(/assets/ui/lobby-bg.webp) center / cover no-repeat,var(--shadow)}.lobby-top{flex:none;display:flex;align-items:center;gap:12px;position:relative;z-index:2;padding:calc(8px + var(--sat)) calc(16px + var(--sar)) 8px calc(16px + var(--sal));background:linear-gradient(180deg,#061210f0,#061210b3);border-bottom:1px solid rgba(214,168,75,.4);box-shadow:0 6px 18px #00000059}.lobby-tabs{display:flex;align-items:center;gap:4px;min-width:0;overflow-x:auto;scrollbar-width:none}.lobby-tabs::-webkit-scrollbar{display:none}.lobby-tabs button{flex:none;width:auto;margin:0;display:flex;align-items:center;gap:5px;padding:7px 14px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--text);font:800 14px Cinzel,var(--fb),serif;letter-spacing:.5px}.lobby-tabs button:hover{border-color:#d6a84b8c;background:#24594a59}.lobby-tabs button.on{background:linear-gradient(180deg,#f0c766,var(--gold));color:var(--shadow)}.lobby-tabs .ico{width:22px;height:22px}.tab-sep{flex:none;width:1px;height:24px;margin:0 6px;background:#d6a84b73}.lobby-me{margin-left:auto;display:flex;align-items:center;gap:10px;flex:none}.lobby-me #name{width:140px;padding:6px 9px;font-size:14px}.lobby-me .acct{width:170px;margin:0}.top-btn{flex:none;width:36px;height:36px;margin:0;padding:7px;border-radius:50%;background:#24594ab3;border:1px solid rgba(214,168,75,.55)}.top-btn svg{display:block;width:100%;height:100%;fill:var(--gold)}.top-btn:hover{background:#24594a}.page{flex:1;min-height:0;display:grid;gap:3vw;padding:10px calc(4vw + var(--sar)) calc(12px + var(--sab)) calc(4vw + var(--sal))}.page[hidden]{display:none}.play-page{grid-template-columns:minmax(0,1fr) minmax(360px,460px)}.lobby-show{min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.lobby-show .logo-wrap{width:min(92%,400px,36vh)}.lobby-show .lobby-logo{display:block;width:100%;height:auto;filter:drop-shadow(0 0 18px rgba(4,14,12,.85)) drop-shadow(0 8px 14px rgba(0,0,0,.6))}.stage-row{display:flex;align-items:center;gap:22px;min-height:0}.quick-heroes{display:flex;flex-direction:column;gap:8px}.qh{width:54px;height:54px;margin:0;padding:0;overflow:hidden;border-radius:10px;border:2px solid var(--jade);background:#102b27d9}.qh img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 12%}.qh:hover{border-color:#d6a84bb3}.qh.on{border-color:var(--gold);box-shadow:0 0 12px #d6a84bbf}.stage-name{text-align:center;margin-top:10px;position:relative;z-index:3}.stage-name b{display:block;font:800 22px Cinzel,var(--fb),serif;color:var(--gold);text-shadow:0 2px 6px #000}.stage-name em{font-style:normal;font-size:13px;color:var(--teal);text-shadow:0 1px 4px #000}.stage-name .link-btn{margin-top:6px;font-size:12px;background:#102b27b3}.hero-stage{--hs: clamp(160px, 31vh, 320px);position:relative;display:flex;flex-direction:column;align-items:center;perspective:600px}.hero-stage.big{--hs: clamp(200px, 43vh, 400px)}.hero-big{position:relative;z-index:2;width:var(--hs);aspect-ratio:1;background:center bottom / contain no-repeat;filter:drop-shadow(0 8px 10px rgba(0,0,0,.55))}.pedestal{position:relative;z-index:1;width:calc(var(--hs) * 1.18);aspect-ratio:640 / 530;margin-top:calc(var(--hs) * -.56);background:url(/assets/ui/pedestal.webp) center / contain no-repeat;filter:brightness(.62) saturate(.75) drop-shadow(0 14px 18px rgba(0,0,0,.6));opacity:.85;-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 55%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 55%,transparent 100%)}.champ-stage{--hs: clamp(250px, 52vh, 520px);margin-top:4px}.champ-stage .hero-big{filter:drop-shadow(0 0 16px rgba(90,255,230,.35)) drop-shadow(0 14px 16px rgba(0,0,0,.6))}.champ-aura{position:absolute;z-index:1;left:50%;top:52%;width:calc(var(--hs) * 1.05);aspect-ratio:1;translate:-50% -50%;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(120,255,235,.38) 0%,rgba(255,200,100,.16) 38%,transparent 68%);filter:blur(6px);animation:champ-aura 3.2s ease-in-out infinite alternate}@keyframes champ-aura{0%{opacity:.65;scale:.94}to{opacity:1;scale:1.04}}.champ-rings{position:absolute;z-index:1;left:50%;bottom:2%;width:calc(var(--hs) * .9);height:calc(var(--hs) * .16);translate:-50% 0;pointer-events:none}.champ-rings i{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(150,255,240,.55);box-shadow:0 0 12px #78ffeb59;opacity:0;animation:champ-ring 3.6s ease-out infinite}.champ-rings i:nth-child(2){animation-delay:1.2s}.champ-rings i:nth-child(3){animation-delay:2.4s}@keyframes champ-ring{0%{opacity:.9;scale:.35}to{opacity:0;scale:1.25}}.lobby-show .stage-name{margin-top:2px}.lobby-show .stage-name b{font:900 clamp(28px,4.2vw,48px)/1.05 Cinzel,var(--fb),serif;letter-spacing:1px;text-shadow:none;background:linear-gradient(180deg,#fff2c2,#f1c25a 45%,#b9791f);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 #3a2508) drop-shadow(0 6px 10px rgba(0,0,0,.7))}.lobby-show .stage-name em{display:block;margin-top:2px;font-size:14px;letter-spacing:1px}.champ-skills{display:flex;justify-content:center;gap:8px;margin:10px 0 6px}.champ-skill{display:block;width:42px;height:42px;border-radius:10px;overflow:hidden;border:1px solid rgba(214,168,75,.7);box-shadow:0 4px 10px #00000080}.champ-skill svg{display:block;width:100%;height:100%}.lobby-show .quick-heroes{flex-direction:row;margin-top:10px}@media(prefers-reduced-motion:reduce){.champ-aura,.champ-rings i{animation:none}}.lobby-panel{min-height:0;max-height:100%;align-self:center;display:flex;flex-direction:column;border:40px solid transparent;border-image:url(/assets/ui/panel-frame.webp) 138 fill / 32px stretch;padding:0;margin:0;overflow:hidden}.lobby-panel .mode-tabs{flex:none;margin:0 0 8px}.lobby-panel .mode{flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-width:thin;padding-right:2px}.room-groups{display:flex;flex-direction:column;gap:6px}.rgrp{border:1px solid rgba(36,89,74,.9);border-radius:10px;background:#0a1e1a8c;overflow:hidden}.rgrp.open{border-color:#d6a84bb3}.rgrp-head{width:100%;margin:0;display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:0;background:transparent;color:var(--text);text-align:left}.rgrp-head span{flex:1;min-width:0}.rgrp-head b{display:block;font:800 14px Cinzel,var(--fb),serif;color:var(--gold)}.rgrp-head small{display:block;font:12px Inter,var(--fb),sans-serif;opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rgrp-head .chev{width:9px;height:9px;flex:none;border-right:2px solid var(--gold);border-bottom:2px solid var(--gold);rotate:-45deg;transition:rotate .2s}.rgrp.open .rgrp-head .chev{rotate:45deg}.rgrp-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease-out}.rgrp.open .rgrp-body{grid-template-rows:1fr}.rgrp-body>.choices{min-height:0;overflow:hidden;margin:0;padding:0 8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.rgrp.open .rgrp-body>.choices{padding:0 8px 8px}#lobby .room-groups .choice{position:relative;text-align:left;padding:7px 9px;font-size:11px}#lobby .room-groups .choice b{display:block;font:700 13px Inter,var(--fb),sans-serif;padding-right:54px}#lobby .room-groups .choice small{display:block;margin-top:2px;font-size:11px;opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#lobby .room-groups .choice u{position:absolute;right:7px;top:7px;text-decoration:none;font:700 10px Inter,var(--fb),sans-serif;padding:1px 6px;border-radius:8px;background:#47bdb040;color:var(--teal)}#lobby .room-groups .choice u.paid{background:#d6a84b40;color:var(--gold)}.panel-foot{flex:none;display:flex;flex-direction:column;align-items:center;padding-top:8px;border-top:1px solid rgba(214,168,75,.25);margin-top:8px}.panel-foot .note{margin:4px 0 0;font-size:11px}.pick-line{display:flex;align-items:center;gap:8px;font-size:12px;opacity:.9;min-height:26px}.pick-line img{width:26px;height:26px;border-radius:6px;object-fit:cover;object-position:center 12%;border:1px solid var(--gold)}.pick-line b{color:var(--gold)}#join{width:min(340px,100%);height:auto;aspect-ratio:1100 / 337;margin:6px auto 0;padding:0 0 4px;border:0;border-radius:0;overflow:visible;background:url(/assets/ui/btn-enter.webp) center / contain no-repeat;color:#fff6dc;font:800 21px Cinzel,var(--fb),serif;letter-spacing:1px;text-shadow:0 2px 4px #12302a,0 0 10px rgba(0,0,0,.6);transition:transform .12s,filter .12s}#join:hover:not(:disabled){transform:translateY(-1px) scale(1.03);filter:brightness(1.12) drop-shadow(0 0 10px rgba(255,210,120,.45))}#join:disabled{filter:grayscale(.6) brightness(.8)}#lobby.fx #join{overflow:visible}#lobby.fx #join:after{display:none}.heroes-page{grid-template-columns:minmax(0,1fr) minmax(320px,440px);grid-template-rows:minmax(0,1fr) auto;align-items:center}.heroes-page .hero-stage{justify-self:center}.hero-poster{display:none;position:relative;height:min(64vh,580px);aspect-ratio:1122 / 1402;border-radius:16px;overflow:hidden;border:2px solid rgba(232,190,96,.9);box-shadow:0 0 0 4px #0b211dd9,0 0 28px #ffc45c59,0 22px 40px #0009;transform:perspective(900px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transition:transform .25s ease-out}.hero-poster img{display:block;width:100%;height:100%;object-fit:cover}.hero-poster .poster-glare{position:absolute;inset:0;pointer-events:none;mix-blend-mode:soft-light;background:radial-gradient(circle at var(--gx, 30%) var(--gy, 20%),rgba(255,240,200,.55),transparent 55%)}.hero-poster.swap{animation:poster-in .45s ease-out}@keyframes poster-in{0%{opacity:0;transform:perspective(900px) rotateY(-18deg) scale(.94)}to{opacity:1}}.hero-stage.has-poster .hero-poster{display:block}.hero-stage.has-poster .hero-big,.hero-stage.has-poster .pedestal{display:none}@media(prefers-reduced-motion:reduce){.hero-poster,.hero-poster.swap{transform:none;animation:none}}.heroes-page .hero-info{width:auto;max-height:100%;overflow-y:auto;margin:0;padding:14px 16px;border-radius:14px;background:#0b211de0;border:1px solid rgba(214,168,75,.7);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);scrollbar-width:thin}.heroes-page .blurb{margin:6px 0 4px;font-size:13px;opacity:.85}.heroes-foot{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;gap:16px;padding-left:280px}.heroes-foot .hero-card{border:2px solid var(--jade);border-radius:10px;background:#0b211dd1}.heroes-foot .hero-card.on{border-color:var(--gold);box-shadow:0 0 12px #d6a84b99}.heroes-foot .hero-grid{display:flex;gap:8px}.heroes-foot .hero-card{width:92px;padding:4px}.heroes-foot .hero-card img{width:100%;aspect-ratio:1;object-fit:cover;object-position:center 12%}.heroes-foot .hero-card b{font-size:10px;line-height:1.15}.pick-btn{width:auto;margin:0;padding:12px 22px}#hero-title b{display:block;font:800 22px Cinzel,var(--fb),serif;color:var(--gold)}#hero-title em{font-style:normal;color:var(--teal);font-size:13px}#hero-stats .stat{height:12px;margin-top:5px}#hero-stats .stat span{width:34px;font-size:10px}#hero-stats .stat i{height:6px}#hero-stats .skill{font-size:12px;margin:8px 0 0;line-height:1.35}#hero-stats .skill b{color:var(--gold);display:block}#hero-stats .sk-row{display:flex;gap:8px;align-items:flex-start}#hero-stats .sk-row .sk-ico{flex:none;width:34px;height:34px}#hero-stats .sk-row .sk-ico svg{width:100%;height:100%;display:block}#hero-stats .sk-row b em{font-style:normal;font-weight:600;font-size:10px;color:var(--teal)}body:not(.in-match) .social{left:calc(12px + var(--sal));right:auto}@media(max-width:860px),(orientation:portrait){.lobby-top{flex-wrap:wrap;gap:6px 8px;padding:calc(6px + var(--sat)) 10px 6px}.lobby-tabs{order:2;width:100%}.lobby-tabs button{padding:6px 10px;font-size:12px}.lobby-me{margin-left:0;width:100%;gap:6px}.lobby-me #name{flex:1;width:auto;min-width:0}.lobby-me .acct{width:120px}.page{gap:8px;padding:8px 10px calc(8px + var(--sab))}.play-page{padding-bottom:calc(52px + var(--sab))}.panel-foot .note{display:none}.play-page{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.lobby-show .logo-wrap{width:min(80%,320px)}.stage-row{gap:10px}.quick-heroes{flex-direction:row;order:2}.stage-row{flex-direction:column}.qh{width:40px;height:40px}.hero-stage{--hs: clamp(120px, 21vh, 190px)}.stage-name{display:none}.champ-stage{--hs: clamp(150px, 26vh, 230px)}.lobby-panel{align-self:stretch;border-width:26px;border-image-width:22px}.rgrp-body>.choices{grid-template-columns:repeat(2,minmax(0,1fr))}#join{width:min(260px,80%);font-size:18px}.heroes-page{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) auto}.hero-stage.big{--hs: clamp(110px, 21vh, 200px)}.hero-poster{height:min(38vh,340px)}.heroes-foot{flex-direction:column;gap:8px;padding-left:0}.heroes-foot .hero-card{width:58px}.heroes-foot .hero-card b{display:none}body:not(.in-match) .social{left:auto;right:8px;bottom:8px}}@media(max-height:520px)and (orientation:landscape){.lobby-top{padding-top:calc(4px + var(--sat));padding-bottom:4px}.lobby-me .acct{display:none}.lobby-show .logo-wrap{width:min(80%,220px)}.hero-stage{--hs: clamp(120px, 40vh, 200px)}.stage-name em,.stage-name .link-btn{display:none}.lobby-panel{border-width:24px;border-image-width:20px}#join{width:220px;font-size:16px}}#learn-guide{position:fixed;top:calc(120px + var(--sat));right:calc(12px + var(--sar));width:min(280px,calc(100vw - 24px));max-height:max(120px,calc(100vh - 220px));display:flex;flex-direction:column;z-index:20;overflow:hidden;background:#0b211deb;border:1px solid var(--gold);border-radius:12px;font:12px/1.4 Inter,var(--fb),sans-serif;color:var(--text);box-shadow:0 8px 24px #00000073}#learn-guide[hidden]{display:none}#learn-guide button{margin:0;width:auto;padding:3px 10px;border-radius:6px;border:1px solid var(--jade);background:#24594ab3;color:var(--text);font:700 12px Inter,var(--fb),sans-serif;cursor:pointer}.lg-head{display:flex;align-items:center;gap:8px;padding:8px 10px;cursor:pointer;-webkit-user-select:none;user-select:none}.lg-title{flex:1;min-width:0;font:800 14px Cinzel,var(--fb),serif;color:var(--gold)}.lg-count{font-weight:700;color:var(--teal)}.lg-body{flex:1;min-height:0;overflow-y:auto;padding:0 10px 10px;scrollbar-width:thin}#learn-guide.collapsed .lg-body{display:none}.lg-skill{display:flex;gap:8px;align-items:flex-start;padding:6px 0;border-top:1px solid rgba(36,89,74,.7)}.lg-ico{flex:none;width:34px;height:34px}.lg-ico svg{width:100%;height:100%;display:block}.lg-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.lg-txt b{color:var(--gold)}.lg-txt em{font-style:normal;color:var(--teal)}.lg-check{flex:none;position:relative;width:18px;height:18px;border-radius:50%;border:2px solid var(--jade)}.lg-skill.done .lg-check{background:var(--teal);border-color:var(--teal)}.lg-skill.done .lg-check:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid var(--shadow);border-width:0 2px 2px 0;transform:rotate(45deg)}.lg-basics{padding-top:8px;border-top:1px solid rgba(36,89,74,.7)}.lg-basics b{color:var(--gold)}.lg-basics ul{margin:4px 0 0;padding-left:16px}.lg-done{margin:8px 0 0;font-weight:700;color:var(--teal);text-align:center}.guide-tabs{flex-wrap:wrap}.guide-tabs button{flex:1 1 auto;width:auto;min-width:0}@media(max-width:480px){.guide-tabs button{padding:7px 6px;font-size:12px}}.town-bar .mine-help{width:30px;height:30px;padding:0;border-radius:50%;background:transparent;border:1px solid var(--gold);color:var(--gold);font-size:14px;font-weight:800}.mine-intro{position:absolute;inset:0;z-index:30;display:grid;place-items:center;padding:12px;background:#0009}.mine-intro-card{width:min(440px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;display:flex;flex-direction:column;gap:8px;padding:18px;background:#102b27fa;border:2px solid var(--gold);border-radius:14px;box-shadow:0 20px 60px #0009}.mine-intro-card small{color:var(--teal);font-weight:700}.mine-intro-card b{font:800 20px Cinzel,var(--fb),serif;color:var(--gold)}.mine-intro-card p{margin:0;font-size:14px;line-height:1.5}.mine-intro-card button{margin:4px 0 0}.mi-dots{display:flex;gap:6px;justify-content:center}.mi-dots i{width:8px;height:8px;border-radius:50%;background:var(--jade)}.mi-dots i.on{background:var(--gold)}.rooms-title{font:800 13px Cinzel,var(--fb),serif;letter-spacing:1px;color:var(--text);opacity:.85;margin:0 2px 2px}.rgrp-head .rr-live{flex:none}.rgrp-body>.room-list{min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:4px;padding:0 8px}.rgrp.open .rgrp-body>.room-list{padding:0 8px 8px}.room-row{display:flex;align-items:center;gap:8px;padding:6px 6px 6px 10px;border-radius:8px;border:1px solid rgba(36,89,74,.9);background:#24594a59}.room-row:hover{border-color:#d6a84bb3;background:#24594a8c}.room-row.off{opacity:.5}.rr-main{flex:1;min-width:0}.rr-main b{display:block;font:700 13px Inter,var(--fb),sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rr-main small{display:block;font-size:11px;opacity:.72;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rr-live{font:600 10px Inter,var(--fb),sans-serif;color:var(--teal);white-space:nowrap}.rr-live.hot{color:#9dffb0}.rr-live:empty{display:none}.room-row u{flex:none;text-decoration:none;font:700 10px Inter,var(--fb),sans-serif;padding:1px 6px;border-radius:8px;background:#47bdb040;color:var(--teal)}.room-row u.paid{background:#d6a84b40;color:var(--gold)}.rr-play{flex:none;width:auto;margin:0;padding:6px 14px;border-radius:8px;font:800 13px Cinzel,var(--fb),serif;background:linear-gradient(180deg,#f0c766,var(--gold));color:var(--shadow)}.rr-play:hover:not(:disabled){filter:brightness(1.12)}.rr-play:disabled{opacity:.5;cursor:not-allowed}.badge.ranked{background:#c86c4573}@media(max-width:860px),(orientation:portrait){.room-row{gap:6px;padding-left:8px}.rr-live{display:none}}.floor-tabs{display:inline-flex;gap:4px;flex-wrap:wrap}.floor-tabs button{width:auto;margin:0;padding:4px 10px;border-radius:14px;font:700 11px Inter,var(--fb),sans-serif;background:#24594ab3;color:var(--text);border:1px solid rgba(214,168,75,.35)}.floor-tabs button.on{background:linear-gradient(180deg,#f0c766,var(--gold));color:var(--shadow);border-color:var(--gold)}.floor-tabs button.locked{opacity:.5;cursor:not-allowed}:root{--fb: system-ui, "Noto Sans SC", "Noto Sans JP", "Noto Sans KR"}:root:lang(ja){--fb: "Noto Sans JP", "Noto Sans SC", "Noto Sans KR"}:root:lang(ko){--fb: "Noto Sans KR", "Noto Sans SC", "Noto Sans JP"}:root:lang(zh){--fb: "Noto Sans SC", "Noto Sans JP", "Noto Sans KR"}:root:is(:lang(ja),:lang(ko),:lang(zh)) :is(h1,h2,.rooms-title,.lobby-tabs button,#join,.ts-enter,.tour-bubble b,.gp-tours p,.w-code b,.w-dial b){letter-spacing:0}:root:is(:lang(ja),:lang(ko),:lang(zh)) button{line-height:1.3}.lang-pick,.set-lang{flex:none;width:auto;max-width:118px;margin:0;padding:5px 6px;border-radius:8px;background:var(--lagoon);color:var(--text);border:1px solid rgba(214,168,75,.55);font:600 12px Inter,var(--fb),sans-serif;cursor:pointer}.lang-pick option,.set-lang option{background:var(--lagoon);color:var(--text)}.set-lang{max-width:150px}.lobby-tabs button{white-space:nowrap}.lobby-me{min-width:0}.lobby-me .ea-btn{max-width:170px;overflow:hidden;text-overflow:ellipsis}.mode-tabs button{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rooms-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rgrp-head>span:first-child{overflow:hidden}.rgrp-head b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rr-main{overflow:hidden}.room-row u{max-width:84px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rr-play{white-space:nowrap}.rr-live{max-width:96px;overflow:hidden;text-overflow:ellipsis}.pick-line{flex-wrap:wrap;justify-content:center;text-align:center}.hero-card b,.map-card b,.map-card span{overflow-wrap:anywhere}.chips button,.set-row button,.pick-btn{white-space:normal}.set-row span{min-width:0;overflow-wrap:anywhere}.tour-bubble{max-height:calc(100dvh - 16px);overflow-y:auto;overflow-wrap:anywhere}.guide-panel .gp-tours button{white-space:normal}.gp-item p,.guide-row p,.town-note,.town-empty{overflow-wrap:anywhere}.social-head [data-soc-tab]{min-width:0;flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-head .soc-me{flex:1 1 0;min-width:0;text-align:right}.social button{white-space:nowrap}.hud-banner{max-width:92vw}.team-strip{max-width:calc(100vw - 16px)}.team-strip .goal{min-width:0;overflow:hidden;text-overflow:ellipsis}@media(max-width:860px),(orientation:portrait){.lobby-me{flex-wrap:wrap}.lobby-me #name{flex:1 1 110px}}@media(max-width:480px){.lang-pick{max-width:96px}.lobby-me .ea-btn{max-width:130px}}.one-tap{position:relative;z-index:3;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:12px;width:min(560px,100%)}.tap-col{flex:1 1 220px;display:flex;flex-direction:column;gap:5px;min-width:0}.tap-btn{width:100%;margin:0;display:flex;flex-direction:column;align-items:center;gap:2px;padding:9px 12px;border-radius:12px;border:2px solid var(--gold);background:linear-gradient(180deg,#24594af2,#102b27f2);color:var(--text);box-shadow:0 6px 18px #00000059}.tap-btn b{font:800 16px Cinzel,var(--fb),serif;letter-spacing:.5px;color:var(--gold)}.tap-btn small{font-size:11.5px;opacity:.9}.tap-btn.tap-battle{background:linear-gradient(180deg,#c86c45eb,#6e301ef2)}.tap-btn.tap-battle b{color:#ffe3b0}.tap-btn.ready{animation:tap-pulse 1.4s ease-in-out infinite}.tap-btn:disabled{opacity:.6;filter:saturate(.6);cursor:default}@keyframes tap-pulse{50%{box-shadow:0 0 0 4px #d6a84b59,0 6px 18px #00000059}}.tap-kinds{display:flex;gap:4px;justify-content:center}.tap-kind{width:auto;margin:0;padding:2px 9px;font-size:11px;border-radius:10px;background:#102b27d9;border:1px solid var(--jade);color:var(--text)}.tap-kind.on{border-color:var(--gold);color:var(--gold)}.tap-items{width:auto;margin:0 auto;display:flex;align-items:center;gap:3px;padding:2px 8px;border-radius:10px;background:#102b27d9;border:1px solid var(--jade);color:var(--text);font-size:11px}.tap-items .ico{width:20px;height:20px}.tap-items u{margin-left:4px;text-decoration:none;color:var(--teal)}.tap-picker{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);width:min(380px,calc(100vw - 24px));z-index:6;padding:8px 10px;border-radius:10px;border:1px solid var(--gold);background:#102b27f7;box-shadow:0 10px 28px #00000080;text-align:center}.tap-picker p{margin:0 0 6px;font-size:12px}.tap-picked,.tap-pool{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin-bottom:6px}.tap-picked{padding-bottom:6px;border-bottom:1px solid rgba(36,89,74,.8)}.tap-pick{position:relative;width:38px;height:38px;margin:0;padding:2px;border-radius:8px;background:#24594ab3;border:1px solid var(--jade)}.tap-pick.on{border-color:var(--gold)}.tap-pick .ico{width:32px;height:32px}.tap-pick b{position:absolute;right:2px;bottom:0;font-size:10px;color:var(--text);text-shadow:0 1px 2px #000}.tap-msg{flex-basis:100%;margin:0;text-align:center;font-size:12px;color:var(--teal);text-shadow:0 1px 3px rgba(0,0,0,.8)}.tap-holder{color:var(--gold);font-weight:700}@media(max-width:860px),(orientation:portrait){.one-tap{margin-top:6px;gap:6px;order:3}.tap-col{flex-basis:150px}.tap-btn{padding:6px 8px}.tap-btn b{font-size:13px}.tap-btn small{font-size:10.5px}}@media(max-height:520px)and (orientation:landscape){.tap-kinds,.tap-items{display:none}}.lb-pool{margin:0 0 8px;font-size:12.5px;text-align:center}.lb-pool b{color:var(--gold)}.lb-pool small{opacity:.75}.lb-ok{color:var(--teal);font-weight:800;cursor:help}.lb-prize{color:var(--gold);opacity:.85}.town-bar .mine-go{background:var(--gold);color:var(--shadow);font-weight:800}.town-bar .mine-rank-btn{background:transparent;border:1px solid var(--gold);color:var(--gold)}.mine-rank{width:100%;border-collapse:collapse;font-size:12.5px}.mine-rank th,.mine-rank td{padding:4px 6px;border-bottom:1px solid rgba(36,89,74,.7);text-align:left}.mine-rank tr.me td{color:var(--gold)}.mine-rank small{opacity:.7}.shaft-level{margin-left:auto;margin-right:8px;padding:1px 7px;border-radius:8px;border:1px solid var(--gold);color:var(--gold);font-size:11px;font-weight:700}.shaft-share{flex:1;min-width:0;accent-color:var(--gold)}.shaft-share-out{min-width:36px;text-align:right;font-weight:700;color:var(--gold)}.lobby-show:has(.one-tap){padding-bottom:46px}.lobby-show:has(.one-tap) .champ-stage{--hs: clamp(190px, 38vh, 440px)}@media(max-width:860px),(orientation:portrait){.lobby-show:has(.one-tap){padding-bottom:0}.lobby-show:has(.one-tap) .champ-stage{--hs: clamp(130px, 21vh, 200px)}}.vault-btn{display:inline-flex;align-items:center;gap:6px;width:auto;margin:0;padding:4px 6px 4px 8px;border-radius:999px;border:1px solid rgba(214,168,75,.6);background:linear-gradient(180deg,#24594ae6,#102b27f2);color:var(--text);font-size:13px}.vault-btn .ico{width:20px;height:20px}.vault-btn b{font-weight:800;color:#fff0c4;font-variant-numeric:tabular-nums}.vault-btn span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--gold);color:var(--shadow);font-weight:900;line-height:1}.vault-btn:hover{border-color:#ffe39a}.vault .vault-box{width:min(460px,calc(100vw - 24px));padding:18px 18px 16px;border:1px solid rgba(214,168,75,.55);border-radius:18px;text-align:left}.vault-head{display:flex;align-items:center;gap:10px}.vault-head h2{margin:0;font:800 20px Cinzel,var(--fb, serif),serif;color:var(--gold)}.vault-test{padding:2px 8px;border-radius:999px;background:#c86c4540;border:1px solid rgba(200,108,69,.6);font-size:11px;font-weight:700;color:#ffc9a8}.vault-x{margin:0 0 0 auto;width:30px;height:30px;padding:0;border-radius:50%;background:transparent;border:1px solid rgba(214,168,75,.5);color:var(--gold);font-size:18px}.vault-balance{display:flex;align-items:center;gap:12px;margin:14px 0 6px;padding:14px;border-radius:14px;background:radial-gradient(ellipse at 20% 0%,rgba(214,168,75,.2),transparent 70%),#061613b3;border:1px solid rgba(214,168,75,.25)}.vault-balance .ico{width:44px;height:44px}.vault-balance small{display:block;font-size:11px;letter-spacing:1px;text-transform:uppercase;opacity:.7}.vault-balance b{font:800 30px Cinzel,var(--fb, serif),serif;color:#fff0c4;font-variant-numeric:tabular-nums}.vault-balance em{margin-left:6px;font-style:normal;color:var(--gold);font-weight:700}.vault-pending{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 8px;font-size:12px}.vault-pending .in{color:#8ff3e6}.vault-pending .out{color:#ffc9a8}.vault-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:10px 0;padding:4px;border-radius:12px;background:#061613b3}.vault-tabs button{margin:0;width:auto;padding:8px 6px;border:0;border-radius:9px;background:transparent;color:var(--text);font-size:13px;font-weight:700}.vault-tabs button.on{background:var(--gold);color:var(--shadow)}.vault-wallet{display:flex;justify-content:space-between;align-items:center;margin:0 0 10px;font-size:12.5px;opacity:.9}.vault-wallet b{font-family:ui-monospace,monospace;color:#8ff3e6}.vault-wallet.none{color:#ffc9a8}.vault-form label span{display:block;margin-bottom:6px;font-size:12px;opacity:.8}.vault-amount{width:100%;box-sizing:border-box;padding:12px 14px;border-radius:12px;border:1px solid rgba(214,168,75,.45);background:#04100dcc;color:#fff0c4;font:800 22px Inter,var(--fb, sans-serif),sans-serif;font-variant-numeric:tabular-nums}.vault-amount:focus{outline:none;border-color:#ffe39a;box-shadow:0 0 0 3px #d6a84b2e}.vault-chips{display:flex;gap:6px;margin:8px 0 12px}.vault-chips button{flex:1;margin:0;width:auto;padding:6px 4px;border-radius:9px;border:1px solid rgba(214,168,75,.35);background:#102b27e6;color:var(--text);font-size:12.5px}.vault-go{width:100%;margin:0;padding:12px;border-radius:12px;font:800 15px Cinzel,var(--fb, serif),serif}.vault-go:disabled{opacity:.5}.vault-note{margin:10px 0 0;font-size:11.5px;line-height:1.5;opacity:.7}.vault-msg{min-height:16px;margin:8px 0 0;font-size:12.5px;color:#8ff3e6}.vault-msg.err{color:#ff9b80}.vault-ca small{display:block;margin-bottom:6px;font-size:12px;opacity:.8}.vault-ca-row{display:flex;gap:6px}.vault-ca-row code{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;padding:11px 12px;border-radius:10px;background:#04100dcc;border:1px dashed rgba(214,168,75,.45);color:#8ff3e6;font-size:12.5px;white-space:nowrap}.vault-ca-row button{margin:0;width:auto;padding:0 14px;border-radius:10px}.vault-warn{margin:8px 0 12px;font-size:11.5px;color:#ffc9a8}.vault-tx{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px 10px;margin-top:8px;padding:10px 12px;border-radius:12px;background:#061613bf;border:1px solid rgba(71,189,176,.3)}.vault-tx.withdraw{border-color:#c86c4566}.vault-tx b{font-variant-numeric:tabular-nums;color:#8ff3e6}.vault-tx.withdraw b{color:#ffc9a8}.vault-tx span{font-size:12.5px}.vault-steps{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.vault-steps u{height:4px;border-radius:2px;background:#f3ead226;text-decoration:none;transition:background .4s}.vault-steps u.on{background:linear-gradient(90deg,#47bdb0,#8ff3e6)}.vault-tx.withdraw .vault-steps u.on{background:linear-gradient(90deg,#c86c45,#ffc9a8)}.vault h4{margin:16px 0 6px;font:700 12px Inter,var(--fb, sans-serif),sans-serif;letter-spacing:1px;text-transform:uppercase;opacity:.7}.vault-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;padding:7px 2px;border-bottom:1px solid rgba(36,89,74,.6);font-size:13px}.vault-row em{font-style:normal;font-size:11.5px;opacity:.55}.vault-row b{font-variant-numeric:tabular-nums}.vault-row.plus b{color:#8ff3e6}.vault-row.minus b{color:#ffc9a8}@media(max-width:860px),(orientation:portrait){.vault-btn{font-size:12px}.vault-btn .ico{width:18px;height:18px}}.home-page{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(10px,2.4vh,22px);overflow-y:auto}.home-logo{width:min(80%,380px,34vh);height:auto;filter:drop-shadow(0 0 18px rgba(4,14,12,.85)) drop-shadow(0 8px 14px rgba(0,0,0,.6))}.hub{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.4vw,18px);width:min(1180px,100%)}.hub-card{position:relative;width:auto;margin:0;padding:0;aspect-ratio:3 / 4;max-height:52vh;border-radius:18px;overflow:hidden;text-align:left;cursor:pointer;border:2px solid rgba(214,168,75,.85);background:var(--shadow);color:var(--text);box-shadow:0 0 0 4px #0b211dd9,0 18px 34px #0000008c;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.hub-art{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.04);transition:transform .5s ease}.hub-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#06120f00 30%,#06120fd1 64%,#06120ff5)}.hub-text{position:absolute;left:0;right:0;bottom:0;z-index:1;display:flex;flex-direction:column;gap:4px;padding:14px 16px 16px}.hub-text b{font:800 clamp(20px,2vw,28px) Cinzel,var(--fb),serif;letter-spacing:1px;color:var(--gold);text-shadow:0 2px 8px #000}.hub-text em{font-style:normal;font-size:13px;line-height:1.3;opacity:.88}.hub-text small{align-self:flex-start;margin-top:4px;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:600;background:#102b27e6;border:1px solid var(--jade);color:var(--teal)}.hub-text small:empty{display:none}.hub-text small.hot{border-color:var(--gold);color:#ffe39a;animation:tap-pulse 1.4s ease-in-out infinite}.hub-card:hover,.hub-card:focus-visible{transform:translateY(-6px);border-color:#ffe39a;box-shadow:0 0 0 4px #0b211dd9,0 0 26px #ffc45c59,0 24px 40px #0009}.hub-card:hover .hub-art{transform:scale(1.1)}.hub-play .hub-art{background-position:50% 100%;background-size:auto 150%}.hub-hunt .hub-art{background-position:72% 50%}@media(prefers-reduced-motion:reduce){.hub-card,.hub-art{transition:none}.hub-text small.hot{animation:none}}@media(max-width:860px),(orientation:portrait){.home-page{justify-content:flex-start}.hub{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hub-card{aspect-ratio:4 / 3;max-height:none;border-radius:14px}.hub-text{padding:10px 12px 12px}.hub-text b{font-size:18px}.hub-text em{display:none}}@media(max-height:520px)and (orientation:landscape){.home-logo{display:none}.hub{grid-template-columns:repeat(4,minmax(0,1fr))}.hub-card{aspect-ratio:auto;height:calc(100vh - 90px)}.hub-text em{display:none}}.hunt-page{grid-template-columns:minmax(0,1fr) minmax(320px,460px);align-items:center}.hunt-stage{display:flex;flex-direction:column;align-items:center;gap:12px;min-height:0}.hunt-stage .hero-poster{height:min(56vh,520px)}.hunt-heroes{flex-direction:row;justify-content:center}.hunt-panel{display:flex;flex-direction:column;gap:10px;padding:16px 18px;border-radius:16px;background:#0b211de6;border:1px solid rgba(214,168,75,.7);box-shadow:0 18px 34px #00000073;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.hunt-panel h2{margin:0;font:800 26px Cinzel,var(--fb),serif;letter-spacing:1px;color:var(--gold)}.hunt-text{margin:0;font-size:13.5px;line-height:1.45;opacity:.9}.hunt-panel .one-tap{width:100%;margin-top:4px}.hunt-panel .tap-col{flex-basis:100%}.hunt-panel .tap-btn{padding:14px 12px}.hunt-panel .tap-btn b{font-size:20px}.hunt-panel .tap-picker{bottom:auto;top:calc(100% + 8px)}@media(max-width:860px),(orientation:portrait){.hunt-page{grid-template-columns:1fr;align-content:start;overflow-y:auto}.hunt-stage .hero-poster{height:min(36vh,320px)}.hunt-panel{padding:12px 14px}}.lobby-tabs .tab-mini{padding:7px 9px}.lobby-tabs .tab-mini>span{display:none}.lobby-tabs .tab-mini .guide-ico{margin-right:0}.lobby-tabs .tab-svg{display:inline-grid;width:20px;height:20px}.lobby-tabs .tab-svg svg{width:100%;height:100%;fill:currentColor}@media(max-width:1500px){.lobby-tabs button:not(.tab-mini) .ico{display:none}}.quick-fight{width:auto;margin:0;display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 34px;border-radius:14px;cursor:pointer;border:2px solid #ffe39a;background:linear-gradient(180deg,#f0c766,var(--gold) 55%,#a87a2a);color:var(--shadow);box-shadow:0 0 0 4px #0b211dd9,0 0 26px #ffc45c66,0 14px 26px #00000080;animation:tap-pulse 2.2s ease-in-out infinite}.quick-fight b{font:800 clamp(20px,2.2vw,28px) Cinzel,var(--fb),serif;letter-spacing:1.5px}.quick-fight small{font-size:12.5px;font-weight:600;opacity:.85}.quick-fight:hover{filter:brightness(1.08)}@media(prefers-reduced-motion:reduce){.quick-fight{animation:none}}.auto-btn.on{background:linear-gradient(180deg,#f0c766,var(--gold));color:var(--shadow);border-color:#ffe39a}.home-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:12px;max-width:100%}.collect-all{width:auto;margin:0;display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 26px;border-radius:14px;cursor:pointer;border:2px solid var(--gold);background:linear-gradient(180deg,#24594af5,#102b27f5);color:var(--text);box-shadow:0 0 0 4px #0b211dd9,0 14px 26px #00000080}.collect-all b{font:800 clamp(18px,1.9vw,24px) Cinzel,var(--fb),serif;letter-spacing:1px;color:var(--gold)}.collect-all small{font-size:12px;font-weight:600;opacity:.85}.collect-all.ready{border-color:#ffe39a;animation:tap-pulse 1.4s ease-in-out infinite}.collect-all.busy{opacity:.7;cursor:wait}.hub{grid-template-columns:repeat(5,minmax(0,1fr))}.hub-treasury .hub-art{background-image:url(/assets/ui/pedestal.webp),radial-gradient(circle at 50% 40%,#47bdb059,#0b211d00 62%);background-color:#0b211d;background-size:118% auto,cover;background-position:50% 18%,center;background-repeat:no-repeat}@media(max-width:860px),(orientation:portrait){.hub{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-treasury{grid-column:span 2;aspect-ratio:8 / 3}.hub-treasury .hub-art{background-size:auto 150%,cover;background-position:85% 30%,center}.home-actions{width:100%}.home-actions>button{flex:1 1 150px;padding:10px 12px}}@media(max-height:520px)and (orientation:landscape){.hub{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.collect-all.ready{animation:none}}.treasury-page{display:block;overflow-y:auto}.trs{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,380px);gap:18px;align-items:start;width:min(1180px,100%);margin:0 auto;padding-bottom:12px}.trs.busy{cursor:progress}.trs-main,.trs-altar{display:flex;flex-direction:column;gap:12px;min-width:0;padding:16px 18px;border-radius:16px;background:#0b211de6;border:1px solid rgba(214,168,75,.7);box-shadow:0 18px 34px #00000073}.trs h2{margin:0;font:800 26px Cinzel,var(--fb),serif;letter-spacing:1px;color:var(--gold)}.trs h3{margin:0 0 8px;font:800 17px Cinzel,var(--fb),serif;color:var(--gold)}.trs p{margin:0}.trs-head p{margin-top:6px;font-size:13.5px;line-height:1.45;opacity:.9}.trs-head .trs-note{font-size:12px;color:var(--teal);opacity:1}.trs-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.trs-stat{display:flex;flex-direction:column;gap:2px;min-width:0;padding:9px 11px;border-radius:12px;background:#102b27e6;border:1px solid var(--jade)}.trs-stat span{font-size:11.5px;opacity:.75}.trs-stat b{font-size:18px;color:var(--text);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.trs-stat small{font-size:11px;color:var(--teal)}.trs-claim{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:14px;border:1px solid var(--gold);background:linear-gradient(180deg,#d6a84b24,#102b2799)}.trs-due{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}.trs-due span{font-size:13px;opacity:.85}.trs-due b{font:800 clamp(24px,3vw,32px) Cinzel,var(--fb),serif;color:#ffe39a;font-variant-numeric:tabular-nums}.trs-claim-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px}.trs-claim-btns .tap-btn{padding:14px 10px}.trs-claim-btns .tap-btn b{font-size:19px}.trs-restake{background:linear-gradient(180deg,#d6a84b59,#6e4e1ee6)}.trs-restake b{color:#ffe9bd}.trs-soon{font-size:14px;color:var(--teal)}.trs-box{padding:12px;border-radius:14px;background:#102b27b3;border:1px solid var(--jade)}.trs-locks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.trs-chip{width:auto;margin:0;display:flex;flex-direction:column;align-items:center;gap:1px;padding:8px 6px;border-radius:12px;border:2px solid var(--jade);background:#0b211de6;color:var(--text);font:inherit}.trs-chip b{font:800 15px Cinzel,var(--fb),serif}.trs-chip small{font-size:11.5px;color:var(--teal)}.trs-chip.on{border-color:var(--gold);background:#d6a84b33}.trs-chip.on small{color:#ffe39a}.trs-row{display:flex;gap:8px;margin-top:10px}.trs-row input{flex:1 1 auto;min-width:0;padding:10px 12px;border-radius:10px;border:1px solid var(--jade);background:#0b211d;color:var(--text);font:600 16px var(--fb),sans-serif}.trs-row .tap-btn{width:auto;flex:0 0 auto;padding:10px 16px}.trs-row .tap-btn b{font-size:15px}.trs .trs-hint{margin-top:6px;font-size:12px;opacity:.75}.trs-list{display:flex;flex-direction:column;gap:8px}.trs-empty{font-size:13px;opacity:.75}.trs-pos{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;border-radius:12px;background:#0b211de6;border:1px solid rgba(71,189,176,.35)}.trs-pos.armed{border-color:var(--clay)}.trs-pos-info{display:flex;flex-direction:column;gap:2px;min-width:0}.trs-pos-info b{font-size:14px}.trs-pos-info small{font-size:12px;opacity:.8;font-variant-numeric:tabular-nums}.trs .trs-warn{font-size:12px;color:#ffc9a8;line-height:1.4}.trs-unstake{width:auto;flex:0 0 auto;margin:0;padding:7px 12px;border-radius:10px;border:1px solid var(--clay);background:#c86c452e;color:#ffd9c4;font:700 13px var(--fb),sans-serif}.trs-pos.armed .trs-unstake{background:var(--clay);color:#fff}.trs-how summary{cursor:pointer;font-size:13px;color:var(--teal)}.trs-how p{margin-top:6px;font-size:12.5px;line-height:1.45;opacity:.85}.trs.soon .trs-stake,.trs.soon .altar-offers{opacity:.55}.trs-altar{position:relative;overflow:hidden}.trs-altar-art{display:block;height:150px;margin:-6px -8px 0;background:url(/assets/ui/pedestal.webp) center / contain no-repeat;filter:drop-shadow(0 10px 18px rgba(0,0,0,.6))}.trs-altar>p{font-size:13px;line-height:1.45;opacity:.9}.altar-offers{display:flex;flex-direction:column;gap:8px}.altar-btn{padding:11px 12px}.trs .altar-left{font-size:12.5px;color:var(--teal)}.altar-badge{display:flex;flex-direction:column;gap:6px}.altar-badge small{font-size:12px;opacity:.8}.badge-row{display:flex;gap:6px;flex-wrap:wrap}.badge{padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid rgba(243,234,210,.25);opacity:.45}.badge.on{opacity:1}.badge.b1.on{border-color:#c8834a;color:#f0b27c;background:#c8834a2e}.badge.b2.on{border-color:#cfd6dc;color:#eef3f6;background:#cfd6dc29}.badge.b3.on{border-color:var(--gold);color:#ffe39a;background:#d6a84b33}.badge-bar{height:6px;border-radius:999px;background:#f3ead21f;overflow:hidden}.badge-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--teal),var(--gold));transition:width .4s ease}@media(max-width:860px),(orientation:portrait){.trs{grid-template-columns:minmax(0,1fr);gap:10px}.trs-main,.trs-altar{padding:12px}.trs h2{font-size:22px}.trs-stats{gap:6px}.trs-stat{padding:7px 8px}.trs-stat b{font-size:15px}.trs-row{flex-wrap:wrap}.trs-row .tap-btn{flex:1 1 100%}.trs-altar-art{height:110px}}@media(prefers-reduced-motion:reduce){.badge-bar i{transition:none}}.ea-box{position:relative;width:min(520px,calc(100vw - 24px))}.ea-close{position:absolute;right:10px;top:8px;width:32px;height:32px;margin:0;padding:0;border-radius:50%;background:transparent;color:var(--gold);font:700 22px Inter,var(--fb),sans-serif}.ea-box h2,.ea-page h2{margin:0 0 4px;font:800 24px Cinzel,var(--fb),serif;color:var(--gold)}.ea-lead{margin:0 0 10px;font-size:13px;opacity:.85}.ea-standing{margin:0 0 12px;padding:8px 12px;border-radius:10px;border:1px solid rgba(214,168,75,.6);background:#d6a84b1f;font-size:13px}.ea-standing b{color:var(--gold);font-size:16px}.ea-standing.ok{border-color:var(--teal);background:#47bdb026}.ea-standing.ok b{color:var(--teal)}.ea-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.ea-steps li{display:flex;gap:10px;padding:10px;border-radius:10px;border:1px solid rgba(36,89,74,.9);background:#24594a40;opacity:.6}.ea-steps li.now{opacity:1;border-color:#d6a84bb3}.ea-steps li.done{opacity:1;border-color:var(--teal)}.ea-steps li>i{flex:none;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;font:800 13px Inter,var(--fb),sans-serif;font-style:normal;background:var(--jade);color:var(--text)}.ea-steps li.done>i{background:var(--teal);color:var(--shadow)}.ea-steps li.now>i{background:var(--gold);color:var(--shadow)}.ea-steps li>div{flex:1;min-width:0}.ea-steps b{display:block;font:800 14px Cinzel,var(--fb),serif}.ea-steps span{display:block;font-size:12px;opacity:.85;margin-top:2px;word-break:break-all}.ea-code{display:inline!important;font:800 15px Inter,var(--fb),sans-serif!important;color:var(--gold);letter-spacing:1px}.ea-wallets,.ea-share{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.ea-steps button{width:auto;margin:8px 0 0;padding:7px 12px;border-radius:8px;font:700 12px Inter,var(--fb),sans-serif}.ea-wallets button,.ea-share button{margin:0}.ea-steps button.ghost{background:transparent;color:var(--text);border:1px solid var(--jade)}.ea-steps button:disabled{opacity:.45;cursor:not-allowed}.ea-wallet{display:inline-flex;align-items:center;gap:6px}.ea-wallet img{width:18px;height:18px}.ea-note{min-height:18px;margin:10px 0 0;font-size:12px}.ea-note.ok{color:var(--teal)}.ea-note.err{color:#ff8a73}.ea-dialog[hidden]{display:none}.ea-btn{flex:none;width:auto;margin:0;padding:7px 12px;border-radius:18px;font:800 12px Cinzel,var(--fb),serif;white-space:nowrap;background:linear-gradient(180deg,#5fe0d2,var(--teal));color:var(--shadow);box-shadow:0 0 12px #47bdb073}.ea-btn.granted{background:#24594acc;color:var(--teal);box-shadow:none;border:1px solid var(--teal)}