:root{--safe-top: var(--tg-content-safe-area-inset-top, env(safe-area-inset-top, 0px));--safe-bot: var(--tg-content-safe-area-inset-bottom, env(safe-area-inset-bottom, 0px))}@keyframes pulse-glow{0%,to{box-shadow:0 5px #7a2e00,0 8px 20px #0006,inset 0 2px #ffffff59,0 0 #ffb43c00}50%{box-shadow:0 5px #7a2e00,0 8px 28px #ff8c288c,inset 0 2px #ffffff73,0 0 30px #ffb43c66}}@keyframes float-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:42px;height:42px;border:4px solid rgba(20,30,72,.15);border-top-color:#ff7a1a;border-radius:50%;animation:spin .9s linear infinite}.scene-root{position:fixed;top:0;right:0;bottom:0;left:0;background:#5ab3ff;overflow:hidden;animation:float-in .5s ease-out}.backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.hud-top{position:absolute;top:max(100px,calc(12px + var(--safe-top)));left:10px;right:10px;display:flex;gap:8px;z-index:10}.chip{flex:1;display:flex;align-items:center;gap:6px;padding:6px 8px;background:linear-gradient(180deg,#242e5af2,#141e48f2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid #4a90ff;border-radius:14px;box-shadow:0 3px #0006,0 5px 14px #00000059,inset 0 1px #ffffff38;font-weight:800;color:#fff;font-size:14px}.chip-ic{font-size:20px;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.4))}.chip-ic svg{width:20px;height:20px}.chip-val{flex:1;text-align:center;text-shadow:1px 1px 0 rgba(0,0,0,.5);letter-spacing:.3px}.chip-plus{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#62de7e,#2fa154);border-radius:7px;color:#fff;font-size:14px;font-weight:900;box-shadow:0 2px #1d6b36,inset 0 1px #ffffff80;cursor:pointer;transition:transform .08s}.chip-plus:active{transform:translateY(1px)}.rail-right{position:absolute;right:10px;top:max(160px,calc(72px + var(--safe-top)));display:flex;flex-direction:column;gap:8px;z-index:10}.rail-btn{width:46px;height:46px;background:linear-gradient(180deg,#9d80e0,#6242b0);border:2px solid #4a2b87;border-radius:14px;box-shadow:0 3px #2d1c58,0 6px 14px #00000059,inset 0 1px #ffffff4d;color:#fff;font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .08s;filter:drop-shadow(0 0 1px rgba(0,0,0,.2))}.rail-btn:active{transform:translateY(2px);box-shadow:0 1px #2d1c58,0 3px 8px #0000004d}.rail-btn svg{width:22px;height:22px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}.stage{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.stage canvas{pointer-events:auto}.name-tag{position:absolute;left:0;right:0;bottom:calc(195px + var(--safe-bot));text-align:center;pointer-events:none;z-index:3;animation:float-in .6s ease-out}.tier-label{display:inline-block;padding:4px 16px;background:linear-gradient(180deg,#ffe070,#f5a623 80%,#d48010);border:2px solid #8a5710;border-radius:999px;color:#4a2300;font-size:11px;font-weight:900;letter-spacing:2.5px;box-shadow:0 3px #6a3f08,0 5px 12px #0000004d,inset 0 1px #ffffff80;text-shadow:0 1px 0 rgba(255,255,255,.3)}.king-name{margin-top:10px;font-size:30px;font-weight:900;color:#fff;text-shadow:-2px 0 #1a1a2e,2px 0 #1a1a2e,0 -2px #1a1a2e,0 2px #1a1a2e,-2px -2px #1a1a2e,2px 2px #1a1a2e,-2px 2px #1a1a2e,2px -2px #1a1a2e,3px 4px 0 rgba(0,0,0,.4);letter-spacing:.3px}.stats-row{margin-top:8px;display:inline-flex;gap:6px;flex-wrap:wrap;justify-content:center}.stat-pill{background:#140e28bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:3px 9px;font-size:12px;font-weight:700;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.4);display:inline-flex;align-items:center;gap:4px}.stat-pill svg{width:14px;height:14px;flex-shrink:0}.battle-wrap{position:absolute;left:0;right:0;bottom:calc(108px + var(--safe-bot));display:flex;justify-content:center;z-index:10;animation:float-in .7s ease-out}.battle-btn{min-width:220px;padding:18px 48px;background:linear-gradient(180deg,#ffce5b,#ff8a2a,#ff5e0b);background-size:100% 200%;border:3px solid #b24500;border-radius:18px;color:#fff;font-size:26px;font-weight:900;letter-spacing:3px;text-shadow:2px 3px 0 rgba(0,0,0,.4);cursor:pointer;display:inline-flex;align-items:center;gap:12px;transition:transform .08s,background-position .4s;animation:pulse-glow 2.4s ease-in-out infinite}.battle-btn:hover{background-position:0 100%}.battle-btn:active{transform:translateY(3px);animation:none;box-shadow:0 2px #7a2e00,0 4px 10px #0006,inset 0 2px #ffffff59}.battle-btn svg{filter:drop-shadow(0 2px 2px rgba(0,0,0,.4))}.tab-bar{position:absolute;left:0;right:0;bottom:0;padding:8px 6px calc(8px + var(--safe-bot));display:flex;gap:4px;background:linear-gradient(180deg,#1c1232eb,#0f081efa);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:2px solid rgba(122,93,199,.5);box-shadow:0 -8px 24px #0000004d;z-index:9}.tab-btn{flex:1;background:transparent;border:none;color:#ffffffa6;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;border-radius:10px;cursor:pointer;transition:background .12s,color .12s,transform .08s}.tab-btn.active{color:#ffd54a;background:#ffd25a1a}.tab-btn.center{background:linear-gradient(180deg,#ffe070,#f5a623);color:#4a2300;border:2px solid #8a5710;border-radius:14px;box-shadow:0 3px #6a3f08,0 5px 14px #f5a62366,inset 0 1px #ffffff80;transform:translateY(-10px);padding:10px 2px 8px}.tab-btn:active{transform:translateY(1px)}.tab-btn.center:active{transform:translateY(-7px)}.tab-ic{font-size:22px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3));display:inline-flex;align-items:center;justify-content:center}.tab-ic svg{width:22px;height:22px}.tab-lbl{font-size:10px;font-weight:800;letter-spacing:.3px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:grid;place-items:center;padding:16px;z-index:100;animation:float-in .25s ease-out}.modal-box{background:linear-gradient(180deg,#2a3a6b,#1d2a52);border:3px solid #4a90ff;border-radius:22px;padding:18px 18px 14px;max-width:360px;width:100%;box-shadow:0 5px #0000004d,0 20px 50px #0009,inset 0 1px #ffffff26;color:#fff}.modal-title{font-size:22px;font-weight:900;margin-bottom:12px;text-shadow:2px 2px 0 rgba(0,0,0,.4);letter-spacing:.5px;display:flex;align-items:center;gap:10px}.modal-ic{display:inline-flex;align-items:center;color:#ffd54a}.modal-ic svg{width:26px;height:26px}.modal-body{line-height:1.5;font-size:14px;opacity:.92}.modal-btn{width:100%;padding:13px;border-radius:13px;font-size:15px;font-weight:900;cursor:pointer;margin-top:12px;letter-spacing:.5px}.modal-btn.primary{background:linear-gradient(180deg,#ffce5b,#ff7a1a);color:#fff;border:2px solid #b24500;box-shadow:0 3px #7a2e00,inset 0 1px #ffffff59;text-shadow:1px 1px 0 rgba(0,0,0,.3)}.modal-btn.primary:disabled{opacity:.55;cursor:not-allowed}.modal-btn.ghost{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.25)}.modal-btn.ghost:active{background:#ffffff0f}.admin-box{background:linear-gradient(180deg,#1a1528,#0d0818);border:2px solid #ffd54a;border-radius:18px;padding:18px 16px 14px;max-width:360px;width:100%;box-shadow:0 5px #00000080,0 20px 50px #ffb43c26,inset 0 1px #ffffff1a;color:#fff}.admin-title{font-size:20px;font-weight:900;color:#ffd54a;display:flex;align-items:center;gap:10px;text-shadow:2px 2px 0 rgba(0,0,0,.5);letter-spacing:.5px}.admin-title svg{width:22px;height:22px}.admin-sub{font-size:11px;opacity:.45;margin-top:2px;letter-spacing:.5px}.admin-section-title{margin-top:14px;font-size:11px;font-weight:800;letter-spacing:1.5px;color:#ffd54ab3;text-transform:uppercase}.admin-tier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}.admin-tier-btn{padding:9px 4px;background:#ffffff0f;border:1.5px solid rgba(255,255,255,.14);border-radius:9px;color:#fff;font-size:12px;font-weight:700;cursor:pointer;transition:all .12s}.admin-tier-btn:hover{background:#ffffff1a}.admin-tier-btn.active{background:linear-gradient(180deg,#ffd54a,#f5a623);color:#3a1c00;border-color:#8a5710;box-shadow:0 2px #6a3f08,inset 0 1px #ffffff80;text-shadow:0 1px 0 rgba(255,255,255,.25)}.admin-clear-btn{margin-top:8px;width:100%;padding:8px;background:transparent;color:#fff9;border:1.5px dashed rgba(255,255,255,.2);border-radius:9px;font-size:11px;font-weight:600;cursor:pointer}.admin-clear-btn:disabled{opacity:.4;cursor:default}.admin-clear-btn:not(:disabled):hover{color:#fff;border-color:#ffd54a80}.admin-info{margin-top:12px;padding:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;font-size:11px;line-height:1.65;color:#ffffffbf}.admin-info code{color:#ffd54a;font-family:SF Mono,Consolas,monospace;font-size:11px}