.bkroot{--gold:#ffce5c;--green:#2fd07a;--red:#ff5d6c;--txt:#dff0e8;--muted:#8fb3a3;--line:#78c8a024;--line2:#78c8a03d}.bkroot,.bkroot *{box-sizing:border-box}.bkroot,.bkroot{height:100%;margin:0}.bkroot{color:var(--txt);-webkit-font-smoothing:antialiased;background:radial-gradient(95% 75% at 50% 28%,#15543f 0%,#0e4231 34%,#093020 58%,#061d16 82%,#03110c 100%),#061d16;min-height:100%;font-family:ui-sans-serif,system-ui,Arial,sans-serif;overflow-x:hidden}.bkroot .hud{border-bottom:1px solid var(--line);background:linear-gradient(#082e2199,#061c1433);flex-wrap:wrap;align-items:center;gap:12px;padding:12px 18px;display:flex}.bkroot .logo{letter-spacing:.34em;color:#eafff4;font-size:20px;font-weight:800}.bkroot .pill{border:1px solid var(--line);color:var(--muted);background:#00000047;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:13px;display:inline-flex}.bkroot .pill b{color:var(--gold);font-weight:800}.bkroot .headernav{gap:6px;margin-left:auto;display:flex}.bkroot .hbtn{border:1px solid var(--line);color:#bfe0d0;cursor:pointer;background:#00000040;border-radius:10px;padding:7px 13px;font-size:13px;font-weight:700}.bkroot .hbtn:hover{color:#fff;background:#0006}.bkroot .wrap{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:18px;max-width:1000px;margin:0 auto;padding:18px 16px 40px;display:flex}.bkroot .playwrap{border:1px solid var(--line2);aspect-ratio:1;background:#03120c8c;border-radius:16px;flex:1;min-width:300px;max-width:620px;overflow:hidden;box-shadow:0 24px 60px #00000080,inset 0 0 60px #00000059}.bkroot #game{width:100%;height:100%;display:block}.bkroot .shop{border:1px solid var(--line);background:#061e1699;border-radius:16px;flex:1;min-width:260px;max-width:340px;padding:16px}.bkroot .shop h3{letter-spacing:.1em;color:#eafff4;margin:0 0 10px;font-size:14px}.bkroot .uprow{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:10px 0;display:flex}.bkroot .upinfo{flex:1}.bkroot .upname{color:#fff;font-size:13.5px;font-weight:700}.bkroot .uplevel{color:var(--gold);margin-left:6px;font-size:11px;font-weight:700}.bkroot .updesc{color:var(--muted);margin-top:2px;font-size:11.5px;line-height:1.4}.bkroot .buybtn{background:var(--gold);color:#3a2c00;cursor:pointer;border:0;border-radius:9px;flex-direction:column;flex:none;align-items:center;min-width:72px;padding:8px 12px;font-size:12px;font-weight:800;line-height:1.15;display:flex}.bkroot .buybtn small{opacity:.85;font-size:10px;font-weight:600}.bkroot .buybtn:disabled{color:var(--muted);cursor:not-allowed;background:#ffffff14}.bkroot .buybtn.maxed{color:var(--green);background:#2fd07a2e}@media (max-width:560px){.bkroot .logo{letter-spacing:.2em;font-size:15px}}.bkroot .i{display:inline-flex}.bkroot .iconsvg{vertical-align:-.16em;width:1.05em;height:1.05em}.bkroot .pill .iconsvg{color:var(--gold)}.bkroot .upname .iconsvg{vertical-align:-.2em;width:1.15em;height:1.15em;margin-right:4px}.bkroot .tabs{gap:6px;margin-bottom:12px;display:flex}.bkroot .tab{border:1px solid var(--line2);color:#cfe9dd;cursor:pointer;background:#00000047;border-radius:9px;flex:1;padding:9px 0;font-size:13px;font-weight:800}.bkroot .tab.on{color:var(--gold);background:#ffce5c29;border-color:#ffce5c80}.bkroot .tab b{color:inherit}.bkroot .modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#020c08a8;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.bkroot .modal.open{animation:.18s bk-mfade;display:flex}@keyframes bk-mfade{0%{opacity:0}to{opacity:1}}.bkroot .sheet{border:1px solid var(--line2);background:linear-gradient(#0e3d2c,#0a2c20);border-radius:18px;width:100%;max-width:420px;padding:22px;animation:.22s cubic-bezier(.2,.9,.2,1.2) bk-mpop;box-shadow:0 30px 90px #000000a6}@keyframes bk-mpop{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:none}}.bkroot .sheet h3{letter-spacing:.06em;color:#eafff4;margin:0 0 8px;font-size:18px}.bkroot .sheet .lead{color:#bcd9cb;margin:0 0 16px;font-size:14px;line-height:1.55}.bkroot .sheet .lead b{color:var(--gold)}.bkroot .modalbtns{gap:8px;display:flex}.bkroot .btn{cursor:pointer;border:0;border-radius:11px;flex:1;padding:12px;font-size:14px;font-weight:800;transition:filter .12s}.bkroot .btn.primary{color:#06231a;background:linear-gradient(#46e08a,#1fae63)}.bkroot .btn.ghost{color:#dff0e8;background:#ffffff14}.bkroot .btn:hover{filter:brightness(1.07)}.bkroot .toasts{z-index:210;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.bkroot .toast{border:1px solid var(--line2);color:#eafff4;background:#061e16f5;border-radius:999px;padding:10px 16px;font-size:13px;font-weight:700;animation:.25s bk-tin;box-shadow:0 10px 30px #00000080}@keyframes bk-tin{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.bkroot .buymode{color:var(--muted);align-items:center;gap:6px;margin-bottom:10px;font-size:12px;display:flex}.bkroot .buymode span{text-transform:uppercase;letter-spacing:.05em;margin-right:auto}.bkroot .buymode button{border:1px solid var(--line2);color:#cfe9dd;cursor:pointer;background:#00000047;border-radius:8px;padding:5px 11px;font-size:12px;font-weight:800}.bkroot .buymode button.on{color:var(--gold);background:#ffce5c29;border-color:#ffce5c80}.bkroot .buybtn .iconsvg{vertical-align:-.14em;width:12px;height:12px}.bkroot{min-height:100vh}.bkroot .bkhome{color:#bfe0d0;border:1px solid var(--line);background:#00000047;border-radius:999px;align-items:center;gap:6px;margin-right:12px;padding:6px 13px;font-size:13px;font-weight:700;text-decoration:none;transition:color .15s,border-color .15s;display:inline-flex}.bkroot .bkhome:hover{color:var(--gold);border-color:var(--line2)}