:root {
  color-scheme: dark;
  --bg: #090b10;
  --surface: #11141b;
  --surface-2: #171b24;
  --surface-3: #202633;
  --line: #2a3140;
  --text: #f6f7fb;
  --muted: #9aa4b5;
  --accent: #F966F2;
  --accent-2: #F966F2;
  --green: #45d483;
  --red: #ff5d67;
  --blue: #6c9cff;
  --radius: 14px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}


/* Candy Mountain brand layer */
body{background:#180d21}.login-shell{position:relative;overflow:hidden;background:radial-gradient(circle at 16% 18%,#ffd9fc 0 4%,transparent 4.2%),radial-gradient(circle at 88% 12%,#d9c5ff 0 5%,transparent 5.2%),linear-gradient(155deg,#5f286b 0%,#291035 55%,#160b20 100%)}.login-shell:before,.login-shell:after{content:"";position:absolute;left:-10%;right:-10%;bottom:-18%;height:48%;clip-path:polygon(0 100%,0 75%,15% 20%,29% 67%,46% 5%,64% 62%,78% 24%,100% 78%,100% 100%)}.login-shell:before{background:#f966f23b;transform:translateY(-35px)}.login-shell:after{background:#a67cf044}.login-card{position:relative;z-index:1;border-color:#ffffff26;background:linear-gradient(145deg,#32163edd,#1f102add);backdrop-filter:blur(22px);box-shadow:0 35px 100px #140819aa,inset 0 1px #ffffff24}
.candy-logo{position:relative;overflow:hidden;isolation:isolate;background:repeating-linear-gradient(135deg,#f966f2 0 9px,#ffb2fa 9px 17px,#fff7ff 17px 23px,#9d72ef 23px 32px);color:#5a1f5d;box-shadow:0 10px 30px #f966f249,inset 0 0 0 1px #ffffffa6}.candy-logo:before{content:"";position:absolute;inset:6px;z-index:-1;border-radius:11px;background:#fff8ffdd}.candy-logo span{font-weight:1000;letter-spacing:-.1em;transform:translateX(-1px)}.candy-logo.small:before{inset:4px;border-radius:8px}.brand{height:66px;align-items:flex-start}.brand>span:last-child{display:grid;line-height:1.05;padding-top:4px}.brand strong{font-size:.92rem}.brand small{margin-top:5px;color:#d79ed5;font-size:.53rem;letter-spacing:.16em}.user-avatar{width:34px;height:34px;display:grid;place-items:center;overflow:hidden;border:2px solid #f966f2;border-radius:50%;color:#521e55;background:#fff1fe;font-weight:900;box-shadow:0 0 0 4px #f966f21a}.user-avatar img{width:100%;height:100%;object-fit:cover}
.candy-mode{background:#f9effb}.candy-mode .app-shell{background:#f9effb}.candy-mode .sidebar{background:linear-gradient(180deg,#2a1236 0%,#1d0e29 62%,#34133e 100%);border-right-color:#ffffff12;box-shadow:14px 0 45px #6f397020}.candy-mode .nav-button{color:#cdb1d0}.candy-mode .nav-button:hover{color:#fff;background:#ffffff0d}.candy-mode .nav-button.active{color:#4a194d;background:linear-gradient(100deg,#fff7ff,#ffdafa);box-shadow:0 10px 30px #0d06142b,inset 4px 0 #f966f2;font-weight:850}.candy-mode main{color:#3a183f;background:radial-gradient(circle at 83% 7%,#fbc9f855 0 11%,transparent 28%),radial-gradient(circle at 30% 22%,#d7c5ff55 0 9%,transparent 24%),linear-gradient(180deg,#fff9ff 0%,#f8eefb 38%,#f5ecfa 100%)}.candy-mode .topbar{border-bottom-color:#693b6b16;background:#fff9ffcc;box-shadow:0 8px 30px #5f286b0c}.candy-mode .selectors label{color:#815f83}.candy-mode select,.candy-mode input,.candy-mode textarea{color:#3a183f;background:#fff;border-color:#d9c2dd}.candy-mode .button.subtle{color:#674568;border-color:#dac6dd}.candy-mode .content{max-width:1480px}.candy-mode .eyebrow{color:#b22eaa}
.candy-mode .bank-loading{color:#77587a}.candy-mode .bank-hero{min-height:330px;isolation:isolate;padding:clamp(34px,5vw,64px);border:0;border-radius:34px;color:#fff;background:linear-gradient(120deg,#52245d 0%,#8e3f91 42%,#f966f2 100%);box-shadow:0 26px 65px #7e367e33,inset 0 1px #ffffff6b}.candy-mode .bank-hero:before{content:"";position:absolute;inset:0;z-index:-3;opacity:.24;background:repeating-linear-gradient(115deg,transparent 0 26px,#fff 26px 28px,transparent 28px 54px);mask-image:linear-gradient(90deg,transparent,#000)}.candy-mode .bank-hero:after{inset:auto -5% -45% 28%;z-index:-1;height:270px;transform:rotate(-5deg);background:radial-gradient(ellipse,#fff7ff38,transparent 68%)}.bank-hero-copy{max-width:720px;position:relative;z-index:3}.candy-mode .bank-hero .eyebrow{color:#fff;opacity:.78}.candy-mode .bank-hero h1{max-width:700px;margin-top:10px;font-size:clamp(2.7rem,5.4vw,5.2rem);line-height:.92;text-wrap:balance;text-shadow:0 7px 30px #4a184d40}.candy-mode .bank-hero h1 em{color:#ffe66d;font-style:normal;text-shadow:0 3px 0 #ce7390}.candy-mode .bank-hero p:not(.eyebrow){max-width:590px;color:#fff5ff;font-size:1.03rem;line-height:1.55}.candy-mode .bank-hero p strong{color:#ffe66d}.candy-mode .bank-chip{border-color:#ffffff3d;color:#fff;background:#521d5b4f;backdrop-filter:blur(8px)}.candy-mode .bank-chip.online{color:#efffe9;border-color:#c2ffbe73;background:#3475524a}.candy-mode .bank-chip.offline{color:#fff;border-color:#ffd0d5;background:#8b31514d}.candy-refresh{margin-top:18px;border-color:#ffffff75;color:#57205c;background:#fff8ff;box-shadow:0 10px 25px #4b1a4c2e}.candy-refresh:hover{transform:translateY(-2px)}.candy-refresh.spinning span{display:inline-block;animation:bank-spin .7s linear infinite}
.candy-scenery{position:absolute;z-index:-2;right:-2%;bottom:-2px;width:48%;height:82%;pointer-events:none}.mountain{position:absolute;right:0;bottom:0;clip-path:polygon(0 100%,26% 44%,39% 68%,58% 12%,100% 100%)}.mountain-back{width:100%;height:86%;background:linear-gradient(145deg,#cda6ff 0 45%,#9c67d5 46%);opacity:.78}.mountain-front{width:78%;height:67%;background:linear-gradient(145deg,#ffc3fa 0 43%,#db6ccf 44%);filter:drop-shadow(-18px 4px 25px #4b184145)}.candy-sun{position:absolute;top:5%;right:12%;width:70px;height:70px;border-radius:50%;background:#ffe76f;box-shadow:0 0 0 12px #ffe76f25,0 0 55px #fff09b9c}.candy-cloud{position:absolute;z-index:2;width:70px;height:24px;border-radius:999px;background:#fff9ffcb;box-shadow:17px -13px 0 -2px #fff9ffcb,38px -5px 0 1px #fff9ffcb;opacity:.82}.cloud-one{top:17%;right:36%}.cloud-two{top:35%;right:10%;transform:scale(.72);opacity:.55}.candy-mode .bank-vault-mark{z-index:4;align-self:flex-start;width:132px;margin-top:10px;border:2px solid #ffffff91;color:#5a225f;background:repeating-linear-gradient(135deg,#fff 0 10px,#ffd9fb 10px 20px,#fff 20px 30px);box-shadow:0 0 0 10px #ffffff1c,0 22px 45px #511b512e;transform:rotate(5deg)}.candy-mode .bank-vault-mark span{color:#8c3189}.candy-mode .bank-vault-mark small{color:#9a5498;font-weight:900;letter-spacing:.16em}
.candy-mode .bank-stat-grid{gap:16px}.candy-mode .bank-stat{position:relative;overflow:hidden;min-height:112px;padding:23px;border:1px solid #ffffffa3;color:#3b1d40;background:#fff;box-shadow:0 16px 35px #63316b12,inset 0 1px #fff;transition:transform .2s ease,box-shadow .2s ease}.candy-mode .bank-stat:hover{transform:translateY(-4px) rotate(-.3deg);box-shadow:0 22px 42px #63316b1f}.candy-mode .bank-stat:nth-child(1){background:linear-gradient(145deg,#ffe5fc,#fff8ff)}.candy-mode .bank-stat:nth-child(2){background:linear-gradient(145deg,#fff1b8,#fffaf0)}.candy-mode .bank-stat:nth-child(3){background:linear-gradient(145deg,#ddd0ff,#f6f1ff)}.candy-mode .bank-stat:nth-child(4){background:linear-gradient(145deg,#c8f5e3,#f2fff9)}.candy-mode .bank-stat-icon{z-index:1;color:#fff;background:linear-gradient(145deg,#f966f2,#9c4fc0);box-shadow:0 9px 20px #ad43aa36}.candy-mode .bank-stat small{color:#876689}.candy-mode .bank-stat strong{font-size:1.65rem}.candy-mode .bank-stat i{position:absolute;width:80px;height:80px;right:-25px;bottom:-35px;border-radius:50%;background:#f966f212;box-shadow:-25px -10px 0 #ffffff4f}
.candy-mode .bank-section{position:relative;margin-top:54px}.candy-mode .bank-section-head h2{color:#3c1a41;font-size:1.65rem;letter-spacing:-.025em}.candy-mode .bank-section-head>span{color:#876b89}.queue-filters{display:flex;gap:8px;margin:-2px 0 18px;padding:6px;width:fit-content;max-width:100%;overflow-x:auto;border:1px solid #ead9ec;border-radius:999px;background:#ffffffb8;box-shadow:0 8px 22px #6d376d0b}.queue-filter{flex:0 0 auto;padding:9px 14px;border:0;border-radius:999px;color:#805e82;background:transparent;font-size:.76rem;font-weight:800}.queue-filter:hover{color:#8b2d87;background:#fce9fb}.queue-filter.active{color:#fff;background:linear-gradient(120deg,#f966f2,#b357ca);box-shadow:0 6px 16px #d74bcf36}.candy-mode .bank-card,.candy-mode .bank-panel{border:1px solid #ead7ec;color:#432247;background:linear-gradient(155deg,#fff,#fff8ff);box-shadow:0 15px 36px #63316b10}.candy-mode .bank-card{min-height:230px;padding:22px;border-radius:23px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.candy-mode .bank-card:hover{transform:translateY(-5px);border-color:#f294ed;box-shadow:0 24px 45px #7736761d}.candy-mode .bank-card-head small{color:#947696}.candy-mode .bank-card li{border-bottom-color:#eaddeb;color:#604063}.candy-mode .queue-type{display:inline-flex;padding:5px 8px;border-radius:999px;color:#a22b9d;background:#fce7fb}.candy-mode .queue-card p{color:#947696}.candy-mode .queue-orb{border:0;color:#fff;background:linear-gradient(145deg,#f966f2,#9f4dc3);box-shadow:0 9px 23px #c441bf33}.candy-mode .button.bank-primary{border:0;color:#fff;background:linear-gradient(120deg,#f966f2,#b24dca);box-shadow:0 8px 18px #c949c43b}.candy-mode .button.bank-primary:hover{transform:translateY(-1px);box-shadow:0 11px 24px #c949c451}.candy-mode .button.bank-ghost{color:#9d438f;border-color:#e4cce5}.candy-mode .danger-text{color:#bd4a70}.candy-mode .bank-empty{color:#876889;border-color:#ddbddd;background:#fff9ff}.candy-mode .bank-manage{border-color:#e6d2e8;color:#68486b;background:#fff9ff}.candy-mode .bank-manage summary{color:#8d3d89}.candy-mode .bank-panel{padding:23px;border-radius:24px}.candy-mode .bank-panel>h3{font-size:1.1rem}.candy-mode .claim-row{border-color:#eaddeb;background:#fff}.candy-mode .claim-row small{color:#3d9a76}.candy-mode .claim-row.disabled{background:#f7f0f8}.candy-mode .zone-status{border-color:#eaddeb;background:linear-gradient(145deg,#fff8ff,#f7edfb)}.candy-mode .teleport-card{border-color:#e5d1e8;color:#462049;background:linear-gradient(145deg,#fff,#fcecff);box-shadow:0 8px 20px #6530690c}.candy-mode .teleport-card:hover{border-color:#f966f2;box-shadow:0 12px 25px #bb45b51c}.candy-mode .teleport-card span,.candy-mode .teleport-card small{color:#967498}
@media(max-width:900px){.candy-scenery{width:62%;opacity:.72}.cloud-one{right:27%}.candy-mode .bank-vault-mark{display:none}}@media(max-width:780px){.brand{height:60px}.candy-mode .bank-hero{min-height:390px;padding:34px 25px 145px;border-radius:27px}.candy-mode .bank-hero h1{font-size:clamp(2.65rem,13vw,4rem)}.candy-scenery{width:108%;height:47%;opacity:.9}.candy-cloud{display:none}.candy-refresh{width:100%}.queue-filters{width:100%}.candy-mode .topbar{background:#fff9fff2}.user-avatar{width:32px;height:32px}}
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--text); min-height: 100vh; }
button, input, select, textarea { font: inherit; }
button, select { cursor: pointer; }
.hidden { display: none !important; }
.muted { color: var(--muted); line-height: 1.55; }
.eyebrow { color: var(--accent-2); font-size: .72rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; margin: 0 0 7px; }

.login-shell { min-height: 100vh; display: grid; place-items: center; padding: 24px; background: radial-gradient(circle at 50% 20%, #42163f 0, var(--bg) 45%); }
.login-card { width: min(510px, 100%); padding: 52px; border: 1px solid var(--line); border-radius: 24px; background: rgba(17,20,27,.94); box-shadow: 0 30px 90px #0009; }
.login-card h1 { font-size: clamp(2rem, 6vw, 3.4rem); line-height: 1.02; margin: 10px 0 20px; letter-spacing: -.05em; }
.brand-mark { width: 58px; height: 58px; display: grid; place-items: center; background: linear-gradient(135deg, #F966F2, #c23fbc); color: #210620; border-radius: 16px; font-weight: 950; letter-spacing: -.08em; box-shadow: 0 0 28px #f966f245; }
.brand-mark.small { width: 38px; height: 38px; border-radius: 11px; font-size: .9rem; }

.app-shell { min-height: 100vh; display: grid; grid-template-columns: 250px minmax(0, 1fr); }
.sidebar { position: sticky; top: 0; height: 100vh; padding: 22px 14px; background: #0d1016; border-right: 1px solid var(--line); display: flex; flex-direction: column; z-index: 20; }
.brand { height: 52px; display: flex; align-items: center; gap: 12px; padding: 0 8px 18px; font-weight: 850; }
#navigation { margin-top: 20px; display: grid; gap: 5px; }
.sidebar-foot { margin-top: auto; display: grid; gap: 5px; }
.nav-button { width: 100%; border: 0; color: var(--muted); background: transparent; padding: 11px 13px; border-radius: 10px; text-align: left; transition: .15s ease; }
.nav-button:hover { color: var(--text); background: var(--surface-2); }
.nav-button.active { color: #fff; background: #32152f; box-shadow: inset 3px 0 var(--accent); }

main { min-width: 0; }
.topbar { min-height: 82px; position: sticky; top: 0; z-index: 15; padding: 14px 28px; border-bottom: 1px solid var(--line); background: rgba(9,11,16,.92); backdrop-filter: blur(16px); display: flex; align-items: center; gap: 18px; }
.selectors { display: flex; gap: 10px; }
.selectors label { color: var(--muted); font-size: .68rem; text-transform: uppercase; letter-spacing: .08em; font-weight: 750; }
.selectors select { display: block; min-width: 170px; margin-top: 4px; }
select, input, textarea { color: var(--text); background: var(--surface-2); border: 1px solid var(--line); border-radius: 9px; padding: 10px 11px; outline: none; }
select:focus, input:focus, textarea:focus { border-color: var(--accent); box-shadow: 0 0 0 3px #f966f224; }
.search-wrap { flex: 1; min-width: 180px; max-width: 620px; display: flex; align-items: center; gap: 8px; padding: 0 12px; border: 1px solid var(--line); border-radius: 11px; background: var(--surface); }
.search-wrap input { width: 100%; border: 0; background: transparent; box-shadow: none; }
.user-menu { margin-left: auto; display: flex; align-items: center; gap: 12px; white-space: nowrap; }
.content { padding: 36px 38px 70px; max-width: 1500px; margin: 0 auto; }
.page-head { display: flex; justify-content: space-between; align-items: end; margin-bottom: 30px; gap: 20px; }
.page-head h1 { font-size: clamp(2rem, 4vw, 3.2rem); letter-spacing: -.04em; margin: 0; }
.page-head p { margin: 8px 0 0; }
.count { color: var(--muted); font-size: .9rem; }

.stat-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 14px; margin-bottom: 36px; }
.stat-card, .control-card, .table-shell { border: 1px solid var(--line); background: linear-gradient(150deg, var(--surface-2), var(--surface)); border-radius: var(--radius); }
.stat-card { padding: 20px; }
.stat-card span { color: var(--muted); font-size: .78rem; }
.stat-card strong { display: block; margin-top: 8px; font-size: 1.6rem; }
.status-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 7px; background: var(--green); box-shadow: 0 0 12px var(--green); }
.section-block { margin-top: 34px; }
.section-title { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 14px; }
.section-title h2 { margin: 0; font-size: 1.15rem; }
.control-grid { display: grid; grid-template-columns: repeat(3, minmax(250px, 1fr)); gap: 13px; }
.control-card { padding: 18px; text-align: left; color: inherit; transition: transform .15s, border-color .15s; }
.control-card:hover { transform: translateY(-2px); border-color: #4a556b; }
.control-card:disabled { cursor: not-allowed; opacity: .55; transform: none; }
.control-card.danger { border-color: #5b292d; background: linear-gradient(150deg, #281519, var(--surface)); }
.control-card h3 { margin: 0 0 8px; font-size: 1rem; }
.control-card p { margin: 0; color: var(--muted); font-size: .84rem; line-height: 1.45; min-height: 38px; }
.card-meta { display: flex; gap: 7px; margin-top: 15px; flex-wrap: wrap; }
.pill, .scope-badge { display: inline-flex; align-items: center; border: 1px solid var(--line); border-radius: 999px; padding: 5px 8px; color: var(--muted); font-size: .7rem; background: #0d1016; }
.pill.orange { color: var(--accent-2); border-color: #623517; }

.button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 1px solid var(--line); color: var(--text); background: var(--surface-2); padding: 10px 14px; border-radius: 9px; text-decoration: none; font-weight: 750; }
.button:hover { filter: brightness(1.12); }
.button.primary { background: var(--accent); border-color: var(--accent); color: #210620; }
.button.danger { background: #552127; border-color: #7a3038; color: #ffd9dc; }
.button.subtle { background: transparent; }
.button.large { padding: 13px 18px; margin-top: 18px; }
.button.full { width: 100%; margin-top: 18px; }
.icon-button { border: 0; color: var(--text); background: transparent; font-size: 1.5rem; padding: 6px; }

.notice { position: fixed; right: 24px; top: 96px; z-index: 60; max-width: 430px; padding: 13px 16px; border: 1px solid #23613f; background: #123120; color: #bdffd8; border-radius: 10px; box-shadow: 0 10px 35px #0008; }
.notice.error { border-color: #793138; background: #35191c; color: #ffd2d5; }

.drawer-backdrop { position: fixed; inset: 0; z-index: 40; background: #0009; backdrop-filter: blur(3px); }
.drawer { position: fixed; z-index: 45; top: 0; right: 0; width: min(580px, 100%); height: 100vh; overflow-y: auto; background: #0e1118; border-left: 1px solid var(--line); padding: 28px 30px 50px; box-shadow: -30px 0 80px #0009; }
.drawer-head { display: flex; align-items: start; justify-content: space-between; gap: 20px; }
.drawer h2 { margin: 0; font-size: 1.8rem; }
.scope-badge { margin: 10px 0 24px; color: var(--blue); border-color: #304a79; }
.field { margin: 0 0 19px; }
.field-head { display: flex; justify-content: space-between; gap: 15px; margin-bottom: 7px; }
.field label { font-size: .86rem; font-weight: 750; }
.field small { color: var(--muted); }
.field input:not([type=checkbox]), .field select, .field textarea { width: 100%; }
.field textarea { min-height: 90px; resize: vertical; }
.slider-row { display: grid; grid-template-columns: 1fr 100px; gap: 12px; align-items: center; }
input[type=range] { padding: 0; accent-color: var(--accent); box-shadow: none; border: 0; }
.switch-row { display: flex; align-items: center; gap: 10px; padding: 12px; background: var(--surface-2); border: 1px solid var(--line); border-radius: 9px; }
.switch-row input { width: 20px; height: 20px; accent-color: var(--accent); }
.current-values { border: 1px solid #304a79; background: #111b2e; padding: 14px; border-radius: 10px; margin-bottom: 20px; font-size: .82rem; }
.current-values dl { margin: 8px 0 0; display: grid; grid-template-columns: 1fr 1fr; gap: 6px 12px; }
.current-values dt { color: var(--muted); }
.current-values dd { margin: 0; overflow-wrap: anywhere; }
.danger-confirm { padding: 14px; border: 1px solid #793138; border-radius: 10px; background: #251417; margin-top: 10px; }
.danger-confirm input { width: 100%; margin-top: 8px; }
.review-box { margin-top: 22px; border-top: 1px solid var(--line); padding-top: 18px; }
.review-box p { color: var(--muted); line-height: 1.5; }
.command-result { white-space: pre-wrap; overflow-wrap: anywhere; margin-top: 18px; padding: 14px; border-radius: 10px; background: #090b10; border: 1px solid var(--line); color: #c8fbdc; max-height: 280px; overflow: auto; }

.table-shell { overflow: auto; }
table { width: 100%; border-collapse: collapse; }
th, td { padding: 13px 15px; border-bottom: 1px solid var(--line); text-align: left; font-size: .85rem; vertical-align: top; }
th { color: var(--muted); font-size: .72rem; text-transform: uppercase; letter-spacing: .08em; }
.access-form { display: grid; grid-template-columns: 1fr 1fr auto; gap: 10px; margin-bottom: 20px; }
.ok { color: var(--green); }.fail { color: var(--red); }
.empty { color: var(--muted); padding: 45px; text-align: center; border: 1px dashed var(--line); border-radius: var(--radius); }
.mobile-only { display: none; }

/* Player bank */
.bank-loading{min-height:55vh;display:grid;place-content:center;justify-items:center;color:var(--muted)}.bank-spinner{width:42px;height:42px;border:3px solid #f966f225;border-top-color:var(--accent);border-radius:50%;animation:bank-spin .8s linear infinite}@keyframes bank-spin{to{transform:rotate(360deg)}}
.bank-hero{position:relative;overflow:hidden;min-height:250px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:clamp(28px,5vw,58px);margin:-8px 0 20px;border:1px solid #6b2b67;border-radius:26px;background:radial-gradient(circle at 82% 20%,#f966f23d,transparent 29%),linear-gradient(135deg,#281225,#11141b 62%);box-shadow:0 24px 70px #0006,inset 0 1px #ffffff10}.bank-hero> *{position:relative;z-index:1}.bank-hero h1{max-width:780px;margin:5px 0 10px;font-size:clamp(2.1rem,5vw,4rem);line-height:1;letter-spacing:-.055em}.bank-hero p:not(.eyebrow){color:#d6bad4;margin:0}.bank-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.bank-chip{padding:7px 10px;border:1px solid #ffffff1d;border-radius:999px;background:#090b1070;color:#d9c6d8;font-size:.74rem;font-weight:750}.bank-chip.online{color:#a6f7c8;border-color:#45d48355}.bank-chip.offline{color:#ffb3b9;border-color:#ff5d6755}.bank-vault-mark{width:145px;aspect-ratio:1;flex:0 0 auto;display:grid;place-content:center;text-align:center;border:1px solid #f966f26b;border-radius:50%;background:radial-gradient(circle,#f966f22c,#080a0f 68%);box-shadow:0 0 0 12px #f966f20c,0 0 70px #f966f22c}.bank-vault-mark span{color:var(--accent);font-weight:950;font-size:2.7rem;letter-spacing:-.12em}.bank-vault-mark small{color:#dca6d9;letter-spacing:.28em;font-size:.58rem}
.bank-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:44px}.bank-stat{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,#1a1720,#11141b)}.bank-stat-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;color:#260823;background:var(--accent);font-weight:950;box-shadow:0 7px 22px #f966f229}.bank-stat small{display:block;color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.bank-stat strong{display:block;margin-top:3px;font-size:1.35rem}.bank-section{margin-top:42px}.bank-section-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:16px}.bank-section-head h2{margin:2px 0 0;font-size:1.45rem}.bank-section-head>span{color:var(--muted);font-size:.78rem}
.bank-card-grid{display:grid;grid-template-columns:repeat(3,minmax(250px,1fr));gap:13px}.bank-card,.bank-panel{position:relative;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#191720,#101319)}.bank-card{min-height:210px;padding:19px}.bank-card:hover{border-color:#f966f264}.bank-card-head{display:flex;justify-content:space-between;gap:15px}.bank-card-head small{color:var(--muted);font-size:.68rem;text-align:right}.bank-card h3{margin:5px 0 12px}.bank-card ul{list-style:none;padding:0;margin:0 0 18px}.bank-card li{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid #ffffff0a;color:#d9dbe3;font-size:.84rem}.queue-type{color:var(--accent);font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;font-weight:850}.queue-card{padding-right:82px}.queue-card p{color:var(--muted);font-size:.8rem}.queue-orb{position:absolute;top:17px;right:17px;width:48px;height:48px;display:grid;place-items:center;border:1px solid #f966f273;border-radius:50%;color:var(--accent);background:#f966f212;font-weight:900}.button.bank-primary{color:#240721;background:var(--accent);border-color:var(--accent)}.button.bank-ghost{margin-left:6px;background:transparent}.danger-text{color:#ff8d95}.bank-empty{grid-column:1/-1;padding:38px;text-align:center;color:var(--muted);border:1px dashed #f966f238;border-radius:16px;background:#f966f207}.bank-empty.compact{padding:22px}
.bank-manage{margin-top:13px;padding:14px 18px;border:1px solid var(--line);border-radius:13px;background:#101319}.bank-manage summary{cursor:pointer;color:#d6bad4;font-weight:750}.bank-manage-grid{display:grid;gap:8px;margin-top:14px}.bank-manage-grid>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:8px;border-top:1px solid var(--line)}.bank-manage-grid small{color:var(--muted)}.bank-split{display:grid;grid-template-columns:1fr 1fr;gap:14px}.bank-panel{padding:20px}.bank-panel>h3{margin:0 0 16px}.claim-list{display:grid;gap:9px}.claim-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;border:1px solid #ffffff0c;border-radius:11px;background:#0b0e13}.claim-row small{display:block;margin-top:4px;color:var(--green)}.claim-row.disabled{opacity:.62}.claim-row.disabled small{color:var(--muted)}
.zone-status{display:flex;gap:11px;align-items:center;padding:16px;border:1px solid #ffffff0d;border-radius:12px;background:#0b0e13}.zone-status small{display:block;color:var(--muted);margin-top:4px}.zone-light{width:11px;height:11px;border-radius:50%;background:var(--red);box-shadow:0 0 14px var(--red)}.zone-light.online{background:var(--green);box-shadow:0 0 14px var(--green)}.zone-actions{margin-top:15px}.teleport-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.teleport-card{padding:13px;text-align:left;color:var(--text);border:1px solid #f966f22b;border-radius:11px;background:#f966f209}.teleport-card:hover{border-color:var(--accent);transform:translateY(-1px)}.teleport-card span,.teleport-card small{display:block;color:var(--muted);font-size:.68rem}.teleport-card strong{display:block;margin:5px 0}

@media (max-width: 1050px) {
  .control-grid { grid-template-columns: repeat(2, minmax(240px,1fr)); }
  .stat-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .user-menu span { display: none; }
  .bank-card-grid { grid-template-columns: repeat(2, minmax(240px,1fr)); }
}
@media (max-width: 780px) {
  .app-shell { grid-template-columns: 1fr; }
  .sidebar { position: fixed; transform: translateX(-100%); transition: .2s; width: 250px; }
  .sidebar.open { transform: translateX(0); }
  .mobile-only { display: block; }
  .topbar { padding: 11px 14px; flex-wrap: wrap; }
  .selectors { flex: 1; }
  .selectors label { width: 50%; }
  .selectors select { min-width: 0; width: 100%; }
  .search-wrap { order: 3; min-width: 100%; }
  .content { padding: 26px 17px 60px; }
  .control-grid, .stat-grid { grid-template-columns: 1fr; }
  .access-form { grid-template-columns: 1fr; }
  .drawer { padding: 24px 18px 45px; }
  .bank-hero{min-height:auto;padding:30px 24px}.bank-vault-mark{display:none}.bank-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bank-card-grid,.bank-split{grid-template-columns:1fr}.bank-section-head{align-items:start}.bank-section-head>span{display:none}.bank-manage-grid>div{align-items:start;flex-direction:column}
}

/* Keep the Candy Mountain shell above the legacy base rules in this upload bundle. */
.login-shell.login-shell{position:relative;overflow:hidden;background:radial-gradient(circle at 16% 18%,#ffd9fc 0 4%,transparent 4.2%),radial-gradient(circle at 88% 12%,#d9c5ff 0 5%,transparent 5.2%),linear-gradient(155deg,#5f286b 0%,#291035 55%,#160b20 100%)}
.login-card.login-card{position:relative;z-index:1;border-color:#ffffff26;background:linear-gradient(145deg,#32163edd,#1f102add);backdrop-filter:blur(22px);box-shadow:0 35px 100px #140819aa,inset 0 1px #ffffff24}
.brand-mark.candy-logo{position:relative;overflow:hidden;isolation:isolate;background:repeating-linear-gradient(135deg,#f966f2 0 9px,#ffb2fa 9px 17px,#fff7ff 17px 23px,#9d72ef 23px 32px);color:#5a1f5d;box-shadow:0 10px 30px #f966f249,inset 0 0 0 1px #ffffffa6}
.brand.brand{height:66px;align-items:flex-start}.user-menu .user-avatar{width:34px;height:34px;display:grid}
.candy-mode .search-wrap{display:none}

/* Portal areas, theme switch, and illustrated roll-kit cards */
.area-hidden{display:none!important}.area-switcher{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:10px 5px 4px;padding:4px;border:1px solid var(--line);border-radius:13px;background:#080a0f80}.area-switcher button{border:0;border-radius:9px;padding:9px 7px;color:var(--muted);background:transparent;font-size:.7rem;font-weight:850}.area-switcher button:hover{color:var(--text)}.area-switcher button.active{color:#2b0c2c;background:linear-gradient(120deg,#fff,#ffd7fb);box-shadow:0 5px 16px #0003}#navigation{margin-top:12px}
.theme-switcher{position:relative;z-index:4;display:grid;grid-template-columns:1fr 1fr;gap:3px;width:174px;padding:4px;border:1px solid var(--line);border-radius:999px;background:var(--surface);box-shadow:0 8px 25px #0002;pointer-events:auto}.theme-switcher button{min-height:36px;border:0;border-radius:999px;padding:7px 9px;color:var(--muted);background:transparent;font-size:.7rem;font-weight:850;white-space:nowrap;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.theme-switcher button.active{color:#3b153d;background:linear-gradient(120deg,#fff,#ffd9fb);box-shadow:0 4px 12px #35103720}
.queue-card{padding:0 19px 19px;overflow:hidden}.queue-art{position:relative;height:145px;margin:0 -19px 18px;overflow:hidden;background:linear-gradient(145deg,#5b245f,#f966f2)}.queue-art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,#160a1b6b);pointer-events:none}.queue-art img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .25s ease}.queue-card:hover .queue-art img{transform:scale(1.035)}.queue-art-fallback{display:none;width:100%;height:100%;place-items:center;color:#fff;font-size:2.4rem;font-weight:1000;letter-spacing:-.12em;background:repeating-linear-gradient(135deg,#f966f2 0 20px,#d78ae9 20px 40px,#8d54bb 40px 60px)}.queue-art.fallback .queue-art-fallback{display:grid}.queue-card .queue-orb{z-index:3;background:#160a1bd9;backdrop-filter:blur(8px)}.candy-mode .queue-card{padding:0 22px 22px}.candy-mode .queue-art{margin:0 -22px 20px}
body[data-theme="light"]:not(.candy-mode){color-scheme:light;--bg:#faf4fb;--surface:#fff;--surface-2:#f7edf8;--surface-3:#efdfef;--line:#e0cde2;--text:#381b3b;--muted:#816b84}body[data-theme="light"]:not(.candy-mode) .app-shell{background:#faf4fb}body[data-theme="light"]:not(.candy-mode) .sidebar{background:linear-gradient(180deg,#fff,#f5e9f7);box-shadow:12px 0 35px #5125570c}body[data-theme="light"]:not(.candy-mode) .topbar{background:#fffafbe8}body[data-theme="light"]:not(.candy-mode) .nav-button.active{color:#fff;background:linear-gradient(120deg,#c64bc1,#8f48b2)}body[data-theme="light"]:not(.candy-mode) .pill,body[data-theme="light"]:not(.candy-mode) .scope-badge{background:#fff}body[data-theme="light"]:not(.candy-mode) .drawer{background:#fffafc}body[data-theme="light"]:not(.candy-mode) .current-values{background:#f1f5ff}body[data-theme="light"]:not(.candy-mode) .command-result{background:#24132a}
body.candy-mode[data-theme="dark"]{color-scheme:dark;--surface:#17101b;--surface-2:#211426;--line:#47284b;--text:#fff7ff;--muted:#c2a8c5;background:#100914}body.candy-mode[data-theme="dark"] .app-shell{background:#100914}body.candy-mode[data-theme="dark"] main{color:#fff7ff;background:radial-gradient(circle at 83% 7%,#72286b35 0 12%,transparent 29%),radial-gradient(circle at 26% 25%,#523b8438 0 10%,transparent 25%),linear-gradient(180deg,#160b1c,#0e0a12)}body.candy-mode[data-theme="dark"] .topbar{border-bottom-color:#ffffff12;background:#120b17e8;box-shadow:0 8px 30px #0004}body.candy-mode[data-theme="dark"] .selectors label{color:#c2a8c5}body.candy-mode[data-theme="dark"] select,body.candy-mode[data-theme="dark"] input,body.candy-mode[data-theme="dark"] textarea{color:#fff7ff;background:#211426;border-color:#56305a}body.candy-mode[data-theme="dark"] .button.subtle{color:#ead7ec;border-color:#553459}body.candy-mode[data-theme="dark"] .bank-stat{border-color:#4b2a4e;color:#fff;background:linear-gradient(145deg,#27142c,#17101b);box-shadow:0 16px 35px #0003}body.candy-mode[data-theme="dark"] .bank-stat:nth-child(n){background:linear-gradient(145deg,#2b1830,#17101b)}body.candy-mode[data-theme="dark"] .bank-stat small,body.candy-mode[data-theme="dark"] .bank-section-head>span{color:#c2a8c5}body.candy-mode[data-theme="dark"] .bank-section-head h2{color:#fff7ff}body.candy-mode[data-theme="dark"] .queue-filters{border-color:#4b2b50;background:#1c1021cc}body.candy-mode[data-theme="dark"] .queue-filter{color:#c9accb}body.candy-mode[data-theme="dark"] .queue-filter:hover{color:#fff;background:#39203c}body.candy-mode[data-theme="dark"] .bank-card,body.candy-mode[data-theme="dark"] .bank-panel{border-color:#48284c;color:#fff7ff;background:linear-gradient(155deg,#25152a,#160f1a);box-shadow:0 15px 36px #0003}body.candy-mode[data-theme="dark"] .bank-card li{border-bottom-color:#ffffff0d;color:#eadcec}body.candy-mode[data-theme="dark"] .queue-type{color:#ff9afa;background:#5d275a}body.candy-mode[data-theme="dark"] .queue-card p{color:#c2a8c5}body.candy-mode[data-theme="dark"] .bank-empty,body.candy-mode[data-theme="dark"] .bank-manage,body.candy-mode[data-theme="dark"] .claim-row,body.candy-mode[data-theme="dark"] .zone-status{color:#d8c4da;border-color:#49284d;background:#1a101f}body.candy-mode[data-theme="dark"] .teleport-card{border-color:#4b2c50;color:#fff;background:linear-gradient(145deg,#29152d,#1a101e)}body.candy-mode[data-theme="dark"] .teleport-card span,body.candy-mode[data-theme="dark"] .teleport-card small{color:#bfa5c2}
@media(min-width:1181px){.topbar{display:grid;grid-template-columns:minmax(340px,1fr) auto minmax(260px,1fr)}.selectors{grid-column:1;grid-row:1}.theme-switcher{grid-column:2;grid-row:1;justify-self:center}.user-menu{grid-column:3;grid-row:1;justify-self:end}.search-wrap{grid-column:1/-1;grid-row:2;width:min(620px,100%);max-width:none;justify-self:center}}@media(max-width:1180px){.theme-switcher{margin-left:auto}.search-wrap{order:3;min-width:100%;max-width:none}.topbar{flex-wrap:wrap}}@media(max-width:780px){.theme-switcher{order:2;width:170px}.theme-switcher button{min-height:44px;padding:9px 10px;font-size:.74rem}.user-menu{order:2}.queue-art{height:175px}}