/* Shared composition for the two themes. Decoration never contains player data. */
body.workspace-page {
  --visual-cool: rgba(69, 143, 212, .19);
  --visual-warm: rgba(230, 161, 80, .12);
  --visual-panel: #121e2d;
  --visual-panel-end: #101923;
  --visual-inset: rgba(13, 23, 36, .90);
  --visual-border: rgba(154, 186, 218, .20);
  --visual-shadow: 0 16px 42px rgba(0, 5, 12, .24), inset 0 1px 0 rgba(216, 233, 255, .06);
  --visual-line: #7fa6c9;
  --visual-photo: .62;
  --visual-plot: .23;
  --workspace-nav: rgba(17, 29, 44, .72);
  background-color: #0a1220;
  background-image: radial-gradient(ellipse at 100% 0, var(--visual-cool), transparent 48%), radial-gradient(ellipse at 0 65%, var(--visual-warm), transparent 52%), linear-gradient(180deg, rgba(9, 17, 30, .85), rgba(9, 17, 30, .96)), url('/bg.webp');
  background-size: auto, auto, auto, 1800px auto;
  background-repeat: no-repeat;
  background-position: top right, bottom left, center, center top;
}
body.workspace-page.theme-light {
  --visual-cool: rgba(81, 142, 235, .13);
  --visual-warm: rgba(216, 171, 104, .12);
  --visual-panel: #ffffff;
  --visual-panel-end: #f6f9ff;
  --visual-inset: rgba(255, 255, 255, .90);
  --visual-border: rgba(140, 166, 207, .25);
  --visual-shadow: 0 12px 36px rgba(48, 79, 129, .07), inset 0 1px 0 #fff;
  --visual-line: #4275ba;
  --visual-photo: .21;
  --visual-plot: .14;
  --workspace-nav: rgba(255, 255, 255, .64);
  background-color: #edf3fb;
  background-image: radial-gradient(ellipse at 95% 0, rgba(110, 162, 241, .19), transparent 50%), radial-gradient(ellipse at 5% 55%, rgba(235, 210, 172, .15), transparent 46%), linear-gradient(160deg, #f7faff, #edf3fb 65%, #f5f7fb);
}
body.workspace-page :is(.card, .rental-account-card, .oc-card, .tp-order-card, .wotb-stat, .wotb-chart-panel, .wotb-cn-panel, .wotb-meta-panel, .wotb-ranking-panel) {
  background: radial-gradient(ellipse at 100% 0, var(--visual-cool), transparent 70%), linear-gradient(145deg, var(--visual-panel), var(--visual-panel-end));
  border-color: var(--visual-border);
  box-shadow: var(--visual-shadow);
}
body.workspace-page :is(.top-bar, .wotb-topbar, .workspace-sidebar, .payment-page > header) { border-color: var(--visual-border); }
body.workspace-page .home-welcome { position: relative; padding: 14px 0 12px 22px; border-left: 3px solid var(--accent); }
.workspace-page .home-welcome .hero-eyebrow { letter-spacing: .18em; }
.workspace-page .home-welcome h1 { font-weight: 800; }
body.workspace-page .home-data-entry { position: relative; isolation: isolate; overflow: hidden; min-height: 310px; border-color: var(--visual-border); background: radial-gradient(ellipse at 0 0, var(--visual-warm), transparent 55%), linear-gradient(125deg, var(--visual-panel), var(--visual-panel-end)); box-shadow: var(--visual-shadow); }
.workspace-page .home-data-entry::before { content: ''; position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; width: 64%; pointer-events: none; background: url('/bg.webp') 72% 65% / cover; opacity: var(--visual-photo); -webkit-mask-image: linear-gradient(90deg, transparent, #000 58%); mask-image: linear-gradient(90deg, transparent, #000 58%); }
.workspace-page .home-data-entry::after { content: ''; position: absolute; z-index: -1; inset: 0; pointer-events: none; background: url('/images/tactical-grid.svg') right center / auto 180% no-repeat; opacity: .25; }
.workspace-page .home-data-copy { align-self: center; }
.workspace-page .home-data-copy h2 { max-width: 470px; font-size: clamp(1.7rem, 2.6vw, 2.3rem); }
.workspace-page .home-data-shortcuts a { background: var(--visual-inset); border-color: var(--visual-border); box-shadow: inset 0 1px 0 rgba(198, 217, 241, .08); }
.workspace-page .home-data-shortcuts a:hover { border-color: var(--accent); box-shadow: var(--shadow-md); }
body.workspace-page .main-menu .home-service-card { position: relative; isolation: isolate; overflow: hidden; min-height: 142px; border-color: var(--visual-border); background: linear-gradient(120deg, var(--visual-panel), var(--visual-panel-end)); box-shadow: var(--visual-shadow); }
body.workspace-page .main-menu .home-service-card::before { content: ''; position: absolute; display: block; inset: 0; z-index: -1; border-radius: inherit; pointer-events: none; background: radial-gradient(ellipse at 100% 100%, var(--visual-cool), transparent 70%), repeating-linear-gradient(125deg, transparent 0 54px, var(--visual-border) 55px, transparent 56px 110px); opacity: .6; }
body.workspace-page .main-menu .home-order-card::before { background: radial-gradient(ellipse at 0 0, var(--visual-warm), transparent 70%), repeating-linear-gradient(125deg, transparent 0 54px, var(--visual-border) 55px, transparent 56px 110px); }
body.workspace-page .main-menu .home-service-card strong { font-size: 1.15rem; font-weight: 750; }
body.workspace-page .data-home-hero > * { border-color: var(--visual-border); box-shadow: var(--visual-shadow); background: radial-gradient(ellipse at 100% 0, var(--visual-cool), transparent 65%), linear-gradient(145deg, var(--visual-panel), var(--visual-panel-end)); }
.workspace-page .data-home-copy { position: relative; isolation: isolate; overflow: hidden; }
.workspace-page .data-home-copy::before { content: ''; position: absolute; z-index: -1; right: 0; top: 0; width: 52%; height: 150px; background: var(--visual-line); -webkit-mask: url('/images/workspace-trend.svg') center / contain no-repeat; mask: url('/images/workspace-trend.svg') center / contain no-repeat; opacity: var(--visual-plot); pointer-events: none; }
body.workspace-page .data-link { position: relative; overflow: hidden; background: radial-gradient(ellipse at 100% 0, var(--visual-cool), transparent 85%), var(--visual-panel); border-color: var(--visual-border); box-shadow: var(--visual-shadow); }
.workspace-page .data-link::after { content: ''; position: absolute; width: 96px; height: 96px; right: -30px; bottom: -40px; border: 1px solid var(--visual-border); border-radius: 50%; box-shadow: 0 0 0 14px var(--accent-soft); pointer-events: none; }
body.workspace-page .data-home-hero .home-binding-card { border-top: 2px solid var(--accent); background: radial-gradient(ellipse at 100% 0, var(--visual-warm), transparent 80%), linear-gradient(145deg, var(--visual-panel), var(--visual-panel-end)); }
body.workspace-page #sectionTools > .section-top { padding-bottom: 16px; }
body.workspace-page .panel-top .tools-submenu { align-items: stretch; grid-auto-rows: 1fr; border: 1px solid var(--visual-border); border-radius: 18px; padding: 6px; background: var(--visual-inset); box-shadow: var(--visual-shadow); }
body.workspace-page .tools-submenu .tool-tab { border-radius: 12px; }
body.workspace-page .tools-submenu .tool-tab.active { background: var(--accent-soft); box-shadow: inset 0 1px 0 var(--visual-border); }
body.workspace-page #toolCalculator .community-card-heading { position: relative; isolation: isolate; padding: 4px 180px 22px 0; margin-bottom: 24px; border-bottom: 1px solid var(--visual-border); }
.workspace-page #toolCalculator .community-card-heading::before { content: ''; position: absolute; z-index: -1; right: 0; top: -12px; width: 190px; height: 100px; background: var(--visual-line); -webkit-mask: url('/images/workspace-trend.svg') center / contain no-repeat; mask: url('/images/workspace-trend.svg') center / contain no-repeat; opacity: .38; pointer-events: none; }
body.workspace-page #toolChestSim .supply-account { border-top: 2px solid var(--accent); }
.workspace-page #toolChestSim .supply-account-title { position: relative; isolation: isolate; padding-right: 104px; }
.workspace-page #toolChestSim .supply-account-title::before { content: ''; position: absolute; z-index: -1; right: 0; top: -8px; width: 108px; height: 108px; background: url('/images/chests/chest_1.png') center / contain no-repeat; opacity: .55; pointer-events: none; }
.workspace-page #toolChestSim .supply-hero { padding: 18px; border: 1px solid var(--visual-border); border-radius: 18px; background: radial-gradient(ellipse at 50% 55%, var(--visual-warm), transparent 72%), var(--surface-muted); }
.workspace-page #toolChestSim .supply-hero img { filter: drop-shadow(0 12px 20px rgba(10, 25, 45, .16)); }
.workspace-page #toolRandomTank .tank-picker > .game-block-heading { padding: 8px 20px 20px; border-bottom: 1px solid var(--visual-border); background: radial-gradient(ellipse at 100% 0, var(--visual-cool), transparent 70%); border-radius: 16px 16px 0 0; }
.workspace-page #toolRandomTank .tank-reel-window { background: radial-gradient(ellipse at 50% 50%, var(--visual-cool), transparent 75%), var(--surface-inset); }
.workspace-page .rental-tool-heading { padding: 16px 18px; border: 1px solid var(--visual-border); border-radius: 18px; background: linear-gradient(125deg, var(--visual-panel), var(--visual-panel-end)); box-shadow: var(--visual-shadow); }
.workspace-page .rental-account-card img { border-radius: 12px; }
.workspace-page .profile-welcome { padding: 22px; border: 1px solid var(--visual-border); border-radius: 22px; background: radial-gradient(ellipse at 100% 0, var(--visual-cool), transparent 60%), linear-gradient(125deg, var(--visual-panel), var(--visual-panel-end)); box-shadow: var(--visual-shadow); }
.workspace-page .profile-avatar { background: linear-gradient(145deg, var(--accent-soft), var(--visual-panel)); box-shadow: inset 0 1px 0 var(--visual-border); }
body.workspace-page #sectionProfile .profile-points-card { background: radial-gradient(ellipse at 0 0, var(--visual-warm), transparent 70%), linear-gradient(145deg, var(--visual-panel), var(--visual-panel-end)); }
.workspace-page .boost-form .card-header { padding-left: 12px; border-left: 2px solid var(--accent); }
body.workspace-page .boost-summary .price-box { background: linear-gradient(125deg, var(--accent-soft), var(--surface-inset)); }
.workspace-page .wotb-hero { position: relative; isolation: isolate; overflow: hidden; border: 1px solid var(--visual-border); border-radius: 24px; padding: 30px; margin-top: 24px; background: radial-gradient(ellipse at 100% 0, var(--visual-cool), transparent 65%), var(--visual-panel); box-shadow: var(--visual-shadow); }
.workspace-page .wotb-hero::before { content: ''; position: absolute; z-index: -1; right: 0; top: 0; bottom: 0; width: 55%; background: url('/bg.webp') 70% 70% / cover; opacity: var(--visual-photo); -webkit-mask-image: linear-gradient(90deg, transparent, #000); mask-image: linear-gradient(90deg, transparent, #000); pointer-events: none; }
.workspace-page .wotb-hero-mark { background: var(--visual-inset); border-color: var(--visual-border); }
body.workspace-page .wotb-search-form { background: var(--visual-inset); border-color: var(--visual-border); box-shadow: var(--visual-shadow); }
body.workspace-page .wotb-stat { border-top: 2px solid var(--accent-border); }
body.workspace-page.payment-page > main > section { background: radial-gradient(ellipse at 100% 0, var(--visual-cool), transparent 70%), linear-gradient(145deg, var(--visual-panel), var(--visual-panel-end)); border-color: var(--visual-border); box-shadow: var(--visual-shadow); }
body.workspace-page.payment-page > main > h1 { padding-left: 16px; border-left: 3px solid var(--accent); }
@media (min-width: 1024px) {
  .workspace-page .workspace-sidebar { box-shadow: 0 20px 54px rgba(16, 35, 66, .12), inset 0 1px 0 var(--workspace-edge); }
  .workspace-page .wotb-hero { padding: 32px; }
}
@media (max-width: 600px) {
  body.workspace-page { background-size: auto, auto, auto, 1000px auto; }
  body.workspace-page .home-welcome { padding-left: 16px; }
  body.workspace-page .home-welcome h1 { font-size: 1.8rem; }
  body.workspace-page .home-data-entry { min-height: 0; padding: 24px 20px; }
  .workspace-page .home-data-entry::before { width: 100%; opacity: calc(var(--visual-photo) * .6); }
  .workspace-page .home-data-copy h2 { font-size: 1.6rem; }
  body.workspace-page .main-menu .home-service-card { min-height: 126px; }
  body.workspace-page .panel-top .tools-submenu { padding: 6px; }
  body.workspace-page #toolCalculator .community-card-heading { padding-right: 0; }
  .workspace-page #toolCalculator .community-card-heading::before { width: 110px; height: 75px; opacity: .10; }
  .workspace-page #toolChestSim .supply-account-title { padding-right: 72px; }
  .workspace-page #toolChestSim .supply-account-title::before { width: 80px; height: 80px; opacity: .3; }
  .workspace-page .profile-welcome { padding: 18px; flex-wrap: wrap; }
  .workspace-page .rental-tool-heading { padding: 14px; }
  .workspace-page .wotb-hero { margin-top: 16px; padding: 22px 18px; }
  .workspace-page #toolRandomTank .tank-picker > .game-block-heading { padding: 4px 0 16px; }
}
@media (prefers-contrast: more), (prefers-reduced-transparency: reduce) {
  body.workspace-page, body.workspace-page.theme-light { background: var(--bg); --visual-inset: var(--card-bg); --workspace-nav: var(--card-bg); }
  body.workspace-page :is(.home-data-entry, .home-service-card, .data-home-copy, .community-card-heading, .supply-account-title, .wotb-hero)::before,
  body.workspace-page :is(.home-data-entry, .data-link)::after { display: none; }
  body.workspace-page :is(.card, .home-data-entry, .data-link, .home-service-card, .profile-welcome, .rental-tool-heading) { background: var(--card-bg); box-shadow: none; }
}