/* Group by purpose. Navigation, filters, selectable examples and reading surfaces have distinct roles. Formula 2: D1 (Dark) + L1 3-Tier (Light). */
:is(.contract-study,.catalogue-page){--dc-panel:var(--aku-d1-card);--dc-card:rgb(11,27,48);--dc-ink:var(--aku-d1-text);--dc-muted:var(--aku-d1-sub);--dc-edge:rgba(96,165,250,.42);--dc-blue:rgb(12,31,58);--dc-mint:rgb(9,41,38);--dc-surface:var(--aku-d1-stage);--dc-shadow:rgba(2,6,23,.72);--dc-good:var(--aku-d1-green-num);--dc-warn:var(--aku-d1-amber-sub);--dc-bad:var(--aku-d1-red-sub);--dc-head-sky:rgb(125,211,252)}
.contract-study{box-sizing:border-box;max-width:1180px;margin:0 auto;padding:30px 24px 72px;color:var(--dc-ink);font:400 1rem/1.65 var(--aku-font-body)}
html[data-theme=light] :is(.contract-study,.catalogue-page){--dc-panel:var(--aku-l1-card);--dc-card:rgb(241,245,249);--dc-ink:var(--aku-l1-text);--dc-muted:var(--aku-l1-sub);--dc-edge:rgba(37,99,235,.36);--dc-blue:rgb(219,234,254);--dc-mint:rgb(209,250,229);--dc-surface:var(--aku-l1-stage);--dc-shadow:rgba(15,23,42,.14);--dc-good:rgb(6,95,70);--dc-warn:rgb(30,64,175);--dc-bad:rgb(159,18,57);--dc-head-sky:rgb(3,105,161)}
body.aku-page{margin:0;min-height:100vh}body:has(.contract-study) #slime-mate{display:none!important}
.contract-study *{box-sizing:border-box}.contract-study [hidden]{display:none!important}
.contract-study :is(h1,h2,h3,h4,p,figure){margin:0}.contract-study :is(button,input,select,summary):not(.aku-control){font:inherit}
.contract-study button{cursor:pointer}.contract-study :is(a,button,input,select,summary):focus-visible{outline:3px solid var(--dc-ink);outline-offset:4px}
.contract-study :is(a,button,summary){-webkit-tap-highlight-color:transparent}
.contract-study-hero,.dc-workspace,.dc-index,.dc-inspector,.study-lab{background:var(--dc-surface);border:1px solid var(--dc-edge);border-radius:20px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 36px -22px var(--dc-shadow)}
.contract-study-hero{background:radial-gradient(ellipse at 90% 30%,color-mix(in srgb,var(--dc-mint) 75%,transparent),transparent 58%),var(--dc-surface)}
.dc-index,.dc-tone-shared{--dc-tone-fill:var(--dc-panel);--dc-tone-ink:var(--dc-ink);--dc-tone-muted:var(--dc-muted);--dc-tone-edge:var(--dc-edge)}
.dc-index{--dc-ink:var(--dc-tone-ink);--dc-muted:var(--dc-tone-muted);--dc-edge:var(--dc-tone-edge);color:var(--dc-ink);background:var(--dc-panel);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 36px -22px var(--dc-shadow)}
html[data-theme=light] .dc-index{background:var(--dc-panel);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 18px 36px -22px var(--dc-shadow)}
.contract-study-hero{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:26px 32px;margin-bottom:24px;overflow:hidden}
.contract-study-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--dc-muted);font-size:.88rem;font-weight:500;margin-bottom:8px}
.contract-study-kicker::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--aku-primary)}
.contract-study-hero h1{font:700 clamp(1.8rem,3.2vw,2.65rem)/1.25 var(--aku-font-head);color:var(--dc-ink);letter-spacing:-.025em}
.contract-study-hero h1 em{font-style:normal;color:var(--dc-ink);text-decoration:underline;text-decoration-color:var(--aku-primary);text-decoration-thickness:4px;text-underline-offset:8px}
.contract-study-hero p{max-width:55ch;margin-top:12px;color:var(--dc-muted)}
.contract-study-hero a{display:inline-flex;align-items:center;gap:8px;margin-top:14px;color:var(--dc-ink);font-size:.9rem;font-weight:600;text-underline-offset:4px;transition:translate .18s ease,color .18s ease}.contract-study-hero a:hover{translate:3px 0;color:var(--dc-head-sky)}
.contract-study-hero img{display:block;width:126px;max-width:26%;height:auto;flex:none;object-fit:contain;filter:drop-shadow(0 8px 8px var(--dc-shadow));animation:dcGuide 6s ease-in-out infinite}
.dc-workspace{position:relative;z-index:20;padding:22px;margin-bottom:24px;overflow:visible}.dc-nav-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.dc-nav-heading h2{font:700 1.25rem/1.4 var(--aku-font-head);color:var(--dc-ink)}.dc-nav-heading p{font-size:.88rem;color:var(--dc-muted)}
.dc-nav-arrows{display:flex;gap:8px}.dc-nav-arrows button{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--dc-edge);border-radius:50%;background:var(--dc-card);color:var(--dc-ink);font-size:1.1rem;transition:translate .18s ease,background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}
.dc-nav-arrows button:hover{translate:0 -2px;background:var(--dc-blue);border-color:var(--aku-primary);color:var(--dc-head-sky);box-shadow:0 4px 10px -4px var(--dc-shadow)}.dc-nav-arrows button:disabled{opacity:.55;cursor:default;translate:none;background:var(--dc-card);border-color:var(--dc-edge);color:var(--dc-muted);box-shadow:none}
.dc-families{display:flex;flex-wrap:wrap;gap:10px}
.dc-sprite{display:inline-grid;place-items:center;flex:none;line-height:0}.dc-root .ak-px,.dc-root .ak-px *{animation:none!important}
.dc-toolbar{display:flex;align-items:end;gap:18px;justify-content:space-between;margin-top:22px;padding-top:20px;border-top:1px solid var(--dc-edge)}
.dc-search{flex:1;min-width:180px;max-width:550px}.dc-search label{display:block;margin-bottom:7px;font-size:.88rem;font-weight:600;color:var(--dc-ink)}
.dc-search-line{display:flex;align-items:stretch;gap:10px}.dc-search input{display:block;width:100%;min-width:0;height:2.5rem;min-height:2.5rem;padding:0 12px;border:1px solid var(--dc-edge);border-radius:9px;background:var(--dc-card);color:var(--dc-ink);font-size:1rem;line-height:1.25}
.dc-search input::placeholder{color:var(--dc-muted);opacity:1}.dc-reset{flex:none;align-self:center}
.dc-filter-tools{display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:flex-end}
.dc-visual-filter{flex:none}
.dc-sort{position:relative;flex:none;z-index:35}.dc-sort>summary{list-style:none;user-select:none}.dc-sort>summary::-webkit-details-marker{display:none}
.dc-sort>summary>span[aria-hidden=true]{display:inline-block;transition:transform .2s ease}.dc-sort[open]>summary>span[aria-hidden=true]{transform:rotate(180deg)}
.dc-sort-menu{position:absolute;z-index:50;right:0;top:calc(100% + 8px);display:grid;gap:4px;min-width:196px;padding:8px;border:1px solid var(--dc-edge);border-radius:12px;background:var(--dc-card);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 36px -8px var(--dc-shadow);transform-origin:top right;animation:dcReveal .16s ease}
.dc-sort:not([open]) .dc-sort-menu{display:none}
.contract-study .dc-sort-menu button{display:flex;align-items:center;justify-content:flex-start;gap:10px;width:100%;height:auto;min-height:38px;border:1px solid transparent;background:transparent;color:var(--dc-ink);text-align:left;border-radius:8px;padding:8px 12px;font-size:.94rem;font-weight:500;text-decoration:none;box-shadow:none;transition:translate .16s ease,background .16s ease,border-color .16s ease,color .16s ease}.contract-study .dc-sort-menu button::after{display:none!important}.contract-study .dc-sort-menu button:hover{translate:2px 0;background:var(--dc-blue);border-color:rgba(56,189,248,.38);color:var(--dc-head-sky);text-decoration:none}.contract-study .dc-sort-menu button[aria-pressed=true]{background:rgba(56,189,248,.14);border-color:rgba(56,189,248,.45);color:var(--dc-head-sky);font-weight:700}.contract-study .dc-sort-menu button::before{content:'✓';visibility:hidden;font-weight:700}.contract-study .dc-sort-menu button[aria-pressed=true]::before{visibility:visible}
html[data-theme=light] .contract-study .dc-sort-menu button:hover{background:var(--dc-blue);border-color:rgba(2,132,199,.35);color:rgb(12,74,110)}
html[data-theme=light] .contract-study .dc-sort-menu button[aria-pressed=true]{background:rgba(2,132,199,.12);border-color:rgba(2,132,199,.42);color:rgb(12,74,110)}
.dc-retired{margin-bottom:24px!important;border-left:3px solid var(--dc-warn);padding:12px 18px;background:var(--dc-panel);border-radius:0 10px 10px 0;font-size:.88rem;color:var(--dc-muted)}
.dc-layout{display:block}.dc-index{padding:22px;min-width:0}.dc-collection-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}
.dc-button-lab{container-type:inline-size;margin-bottom:24px;padding:22px;border:1px solid var(--dc-edge);border-radius:20px;background:var(--dc-surface);color:var(--dc-ink);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 36px -22px var(--dc-shadow);scroll-margin-top:90px}
.dc-button-lab>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:40px;list-style:none;cursor:pointer;color:var(--dc-ink);transition:color .18s ease}.dc-button-lab>summary::-webkit-details-marker{display:none}.dc-button-title{display:flex;align-items:center;gap:10px;font-size:1.25rem;font-weight:700;color:var(--dc-ink);transition:color .18s ease}.dc-button-fold{padding:5px 12px;border:1px solid var(--dc-edge);background:var(--dc-card);color:var(--dc-ink);border-radius:24px;font-size:.875rem;white-space:nowrap;transition:translate .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.dc-button-lab>summary:hover .dc-button-title{color:var(--dc-head-sky)}.dc-button-lab>summary:hover .dc-button-fold{translate:0 -2px;background:var(--dc-blue);border-color:var(--aku-primary);box-shadow:0 4px 10px -4px var(--dc-shadow)}.dc-button-lab[open] .dc-button-fold{font-size:0}.dc-button-lab[open] .dc-button-fold::after{content:'ย่อ ▴';font-size:.875rem}
.dc-button-intro{display:grid;gap:5px;margin-top:16px;color:var(--dc-muted);font-size:.875rem}.dc-button-outcome{margin-top:16px!important;padding:12px 16px;border-left:3px solid var(--dc-edge);background:var(--dc-card);font-size:.875rem;color:var(--dc-ink)}
.dc-button-columns{display:grid;grid-template-columns:170px repeat(4,minmax(0,1fr));gap:20px;padding:24px 0 14px;color:var(--dc-muted);font-size:.8125rem}.dc-button-columns>span:not(:first-child){text-align:center}
.dc-button-row{display:grid;grid-template-columns:170px minmax(0,1fr);gap:20px;padding:24px 0;border-top:1px solid var(--dc-edge);scroll-margin-top:90px}.dc-button-job h3{font:600 1.25rem/1.5 var(--aku-font-head);color:var(--dc-ink)}.dc-button-job p{margin-top:7px;font-size:.875rem;color:var(--dc-muted);line-height:1.6}.dc-button-states{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:20px;align-items:center;min-width:0}.dc-button-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:94px;min-width:0}.dc-button-state-label{display:none;font-size:.8125rem;color:var(--dc-muted)}.dc-button-na{display:grid;gap:6px;text-align:center;font-size:.875rem;color:var(--dc-muted);line-height:1.6}.dc-button-na>span{font-size:.8125rem}
.dc-button-delete-demo{grid-column:2;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;border-top:1px dashed var(--dc-edge);padding-top:16px;font-size:.875rem;color:var(--dc-muted)}
.dc-button-state:has(:disabled){cursor:not-allowed}.dc-button-lab .aku-cta:focus-visible{outline-color:var(--dc-ink)!important}
/* Formula 2 (D1 Dark / L1 Light) control polarity inside contract-study */
.contract-study .aku-control{--control-ink:var(--dc-ink);--control-copy:var(--dc-muted);color:var(--control-ink)}
.contract-study .aku-control:focus-visible{outline-color:var(--dc-ink)}
.contract-study .aku-control--nav{--nav-bg1:rgb(6,95,70);--nav-bg2:rgb(13,148,136);--nav-edge:rgb(52,211,153);--nav-ink:rgb(236,253,245);border-color:var(--dc-edge);background:linear-gradient(175deg,rgb(15,35,66),rgb(10,24,46));color:var(--dc-ink);box-shadow:0 3px 0 rgba(2,6,23,.65)}
.contract-study [data-dc-family=foundations]{--nav-bg1:rgb(7,89,133);--nav-bg2:rgb(3,105,161);--nav-edge:rgb(56,189,248);--nav-ink:rgb(240,249,255)}
.contract-study [data-dc-family=navigation]{--nav-bg1:rgb(21,94,117);--nav-bg2:rgb(14,116,144);--nav-edge:rgb(34,211,238);--nav-ink:rgb(236,254,255)}
.contract-study [data-dc-family=actions]{--nav-bg1:rgb(120,53,15);--nav-bg2:rgb(146,64,14);--nav-edge:rgb(251,191,36);--nav-ink:rgb(254,243,199)}
.contract-study [data-dc-family=structure]{--nav-bg1:rgb(49,46,129);--nav-bg2:rgb(67,56,202);--nav-edge:rgb(129,140,248);--nav-ink:rgb(238,242,255)}
.contract-study [data-dc-family=surfaces]{--nav-bg1:rgb(6,78,59);--nav-bg2:rgb(4,120,87);--nav-edge:rgb(52,211,153);--nav-ink:rgb(236,253,245)}
.contract-study [data-dc-family=data]{--nav-bg1:rgb(88,28,135);--nav-bg2:rgb(109,40,217);--nav-edge:rgb(192,132,252);--nav-ink:rgb(250,245,255)}
.contract-study [data-dc-family=inputs]{--nav-bg1:rgb(124,45,18);--nav-bg2:rgb(154,52,18);--nav-edge:rgb(251,146,60);--nav-ink:rgb(255,237,213)}
.contract-study [data-dc-family=identity]{--nav-bg1:rgb(131,24,67);--nav-bg2:rgb(157,23,77);--nav-edge:rgb(244,114,182);--nav-ink:rgb(253,242,248)}
.contract-study [data-dc-family=motion]{--nav-bg1:rgb(12,74,110);--nav-bg2:rgb(2,132,199);--nav-edge:rgb(56,189,248);--nav-ink:rgb(240,249,255)}
.contract-study [data-dc-family=objects]{--nav-bg1:rgb(136,19,55);--nav-bg2:rgb(159,18,57);--nav-edge:rgb(251,113,133);--nav-ink:rgb(255,228,230)}
.contract-study .aku-control--nav:is(:hover,:focus-visible,[data-preview-hover]):not(:disabled){background:linear-gradient(135deg,var(--nav-bg1),var(--nav-bg2));color:var(--nav-ink);border-color:var(--nav-edge);box-shadow:0 5px 0 rgba(2,6,23,.75),0 0 14px -3px var(--nav-edge)}
.contract-study .aku-control--nav:is([aria-pressed=true],[aria-selected=true]){background:linear-gradient(135deg,var(--nav-bg1),var(--nav-bg2));color:var(--nav-ink);border-color:var(--nav-edge);box-shadow:0 3px 0 rgba(2,6,23,.75)}
html[data-theme=light] .contract-study .aku-control--nav{--nav-bg1:rgb(167,243,208);--nav-bg2:rgb(153,246,228);--nav-edge:rgb(16,185,129);--nav-ink:rgb(6,78,59);border-color:rgba(37,99,235,.42);background:linear-gradient(175deg,rgb(255,255,255),rgb(240,249,255));color:var(--dc-ink);box-shadow:0 3px 0 rgba(30,58,138,.18)}
html[data-theme=light] .contract-study [data-dc-family=foundations]{--nav-bg1:rgb(186,230,253);--nav-bg2:rgb(224,242,254);--nav-edge:rgb(2,132,199);--nav-ink:rgb(12,74,110)}
html[data-theme=light] .contract-study [data-dc-family=navigation]{--nav-bg1:rgb(165,243,252);--nav-bg2:rgb(207,250,254);--nav-edge:rgb(8,145,178);--nav-ink:rgb(22,78,99)}
html[data-theme=light] .contract-study [data-dc-family=actions]{--nav-bg1:rgb(253,230,138);--nav-bg2:rgb(254,243,199);--nav-edge:rgb(217,119,6);--nav-ink:rgb(120,53,15)}
html[data-theme=light] .contract-study [data-dc-family=structure]{--nav-bg1:rgb(199,210,254);--nav-bg2:rgb(224,231,255);--nav-edge:rgb(79,70,229);--nav-ink:rgb(49,46,129)}
html[data-theme=light] .contract-study [data-dc-family=surfaces]{--nav-bg1:rgb(167,243,208);--nav-bg2:rgb(209,250,229);--nav-edge:rgb(5,150,105);--nav-ink:rgb(6,78,59)}
html[data-theme=light] .contract-study [data-dc-family=data]{--nav-bg1:rgb(233,213,255);--nav-bg2:rgb(243,232,255);--nav-edge:rgb(147,51,234);--nav-ink:rgb(88,28,135)}
html[data-theme=light] .contract-study [data-dc-family=inputs]{--nav-bg1:rgb(254,215,170);--nav-bg2:rgb(255,237,213);--nav-edge:rgb(234,88,12);--nav-ink:rgb(124,45,18)}
html[data-theme=light] .contract-study [data-dc-family=identity]{--nav-bg1:rgb(251,207,232);--nav-bg2:rgb(252,231,243);--nav-edge:rgb(219,39,119);--nav-ink:rgb(131,24,67)}
html[data-theme=light] .contract-study [data-dc-family=motion]{--nav-bg1:rgb(186,230,253);--nav-bg2:rgb(224,242,254);--nav-edge:rgb(2,132,199);--nav-ink:rgb(12,74,110)}
html[data-theme=light] .contract-study [data-dc-family=objects]{--nav-bg1:rgb(254,205,211);--nav-bg2:rgb(255,228,230);--nav-edge:rgb(225,29,72);--nav-ink:rgb(136,19,55)}
html[data-theme=light] .contract-study .aku-control--nav:is(:hover,:focus-visible,[data-preview-hover]):not(:disabled){background:linear-gradient(135deg,var(--nav-bg1),var(--nav-bg2));color:var(--nav-ink);border-color:var(--nav-edge);box-shadow:0 5px 0 rgba(30,58,138,.22)}
html[data-theme=light] .contract-study .aku-control--nav:is([aria-pressed=true],[aria-selected=true]){background:linear-gradient(135deg,var(--nav-bg1),var(--nav-bg2));color:var(--nav-ink);border-color:var(--nav-edge);box-shadow:0 3px 0 rgba(6,95,70,.24)}
.contract-study .aku-control--quiet{color:var(--dc-muted)}
.contract-study .aku-control--quiet:is(:hover,:focus-visible,[data-preview-hover]):not(:disabled){color:var(--aku-primary)}
html[data-theme=light] .contract-study .aku-control--quiet:is(:hover,:focus-visible,[data-preview-hover]):not(:disabled){color:rgb(180,83,9)}
.contract-study .aku-control--filter{color:var(--dc-ink);border:0;border-bottom:2.5px solid rgba(52,211,153,.58);border-radius:0;padding-inline:6px;box-shadow:none}
.contract-study .aku-control--filter:is(:hover,:focus-visible,[data-preview-hover]):not(:disabled){border-bottom-color:rgb(52,211,153);color:rgb(110,231,183);background:radial-gradient(75% 90% at 50% 100%,rgba(52,211,153,.18),transparent 75%);box-shadow:none}
.contract-study .aku-control--filter[aria-pressed=true]{border-bottom-color:rgb(52,211,153);color:rgb(110,231,183);background:radial-gradient(75% 90% at 50% 100%,rgba(52,211,153,.22),transparent 75%);box-shadow:none}
html[data-theme=light] .contract-study .aku-control--filter{border-bottom-color:rgba(16,185,129,.58)}
html[data-theme=light] .contract-study .aku-control--filter:is(:hover,:focus-visible,[data-preview-hover],[aria-pressed=true]):not(:disabled){border-bottom-color:rgb(5,150,105);color:rgb(6,95,70);background:radial-gradient(75% 90% at 50% 100%,rgba(16,185,129,.18),transparent 75%);box-shadow:none}
.contract-study .aku-control-check{color:currentColor;border-color:currentColor}
.contract-study .aku-control--filter[aria-pressed=true]>.aku-control-check{background:rgb(16,185,129);border-color:rgb(52,211,153);color:rgb(2,44,34)}
.contract-study .aku-control--sort{border:0;border-bottom:2.5px solid rgba(56,189,248,.62);border-radius:0;color:var(--dc-ink);padding-inline:6px;box-shadow:none}
.contract-study .aku-control--sort:is(:hover,:focus-visible,[data-preview-hover],[aria-pressed=true]):not(:disabled),.contract-study .dc-sort[open]>.aku-control--sort{border-bottom-color:rgb(56,189,248);color:rgb(125,211,252);background:radial-gradient(75% 90% at 50% 100%,rgba(56,189,248,.18),transparent 75%);box-shadow:none}
html[data-theme=light] .contract-study .aku-control--sort{border-bottom-color:rgba(2,132,199,.58)}
html[data-theme=light] .contract-study .aku-control--sort:is(:hover,:focus-visible,[data-preview-hover],[aria-pressed=true]):not(:disabled),html[data-theme=light] .contract-study .dc-sort[open]>.aku-control--sort{border-bottom-color:rgb(2,132,199);color:rgb(12,74,110);background:radial-gradient(75% 90% at 50% 100%,rgba(2,132,199,.16),transparent 75%);box-shadow:none}
.contract-study .aku-control--disclosure{border-color:var(--dc-edge);background:var(--dc-card);color:var(--dc-ink)}
.contract-study .aku-control--disclosure:is(:hover,:focus-visible,[data-preview-hover]):not(:disabled){background:var(--dc-blue);box-shadow:0 3px 0 var(--dc-shadow)}
.contract-study .aku-control--disclosure[aria-expanded=true]{background:var(--dc-mint);border-color:var(--dc-ink)}
.contract-study .aku-control--danger{color:var(--dc-bad)}
.contract-study .aku-control--danger:is(:hover,:focus-visible,[data-preview-hover]):not(:disabled){text-decoration:underline;text-underline-offset:5px;background:rgba(136,19,55,.38);color:rgb(255,228,230)}
html[data-theme=light] .contract-study .aku-control--danger:is(:hover,:focus-visible,[data-preview-hover]):not(:disabled){background:rgb(255,228,230);color:rgb(136,19,55)}
.contract-study .aku-control:disabled{color:rgb(186,214,247);background:rgb(12,27,48);border:1px dashed rgba(147,197,253,.55);box-shadow:none}
.contract-study .aku-control:disabled .aku-control-check{background:transparent;color:rgb(186,214,247)}
html[data-theme=light] .contract-study .aku-control:disabled{color:rgb(51,65,85);background:rgb(226,232,240);border:1px dashed rgb(100,116,139);box-shadow:none}
html[data-theme=light] .contract-study .aku-control:disabled .aku-control-check{background:transparent;color:rgb(51,65,85)}
.contract-study .aku-cta:is(:disabled,[aria-disabled=true]){--c:rgb(15,33,58);--c2:rgb(10,23,42);--ink:rgb(186,214,247);--edge:rgba(147,197,253,.55)}
html[data-theme=light] .contract-study .aku-cta:is(:disabled,[aria-disabled=true]){--c:rgb(241,245,249);--c2:rgb(226,232,240);--ink:rgb(51,65,85);--edge:rgb(100,116,139)}
@media(max-width:1000px){.dc-button-columns{display:none}.dc-button-row{grid-template-columns:1fr;gap:16px}.dc-button-job{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 16px}.dc-button-job p{margin:0}.dc-button-state-label{display:block}.dc-button-delete-demo{grid-column:1}}
@media(max-width:900px){.dc-button-states{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.dc-button-state{min-height:112px}.dc-button-lab{padding:18px;border-radius:16px}.dc-button-title{font-size:1.25rem}.dc-button-row{padding:22px 0}.dc-button-intro{margin-top:14px}}
@media(max-width:359px){.dc-button-states{grid-template-columns:1fr}.dc-button-title{font-size:1rem}.dc-button-title .dc-sprite{display:none}}
.dc-collection-head h2{font:700 1.25rem/1.4 var(--aku-font-head);color:var(--dc-ink)}.dc-result-count{font-size:.88rem;color:var(--dc-muted)}
.dc-list-group+ .dc-list-group{margin-top:28px}.dc-list-group>h3{font:600 1rem/1.4 var(--aku-font-head);color:var(--dc-muted);margin-bottom:12px}
.dc-list-group ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;list-style:none;padding:0;margin:0}.dc-list-group li{min-width:0}
.dc-list-group button{position:relative;display:flex;flex-direction:column;width:100%;height:100%;text-align:left;padding:0;border:1px solid var(--dc-edge);border-radius:16px;background:linear-gradient(180deg,rgb(8,17,32) 0%,rgb(4,9,18) 100%);color:var(--dc-ink);overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 24px -12px var(--dc-shadow);transition:translate .2s ease,box-shadow .2s ease,border-color .2s ease}
html[data-theme=light] .dc-list-group button{background:linear-gradient(180deg,rgb(222,235,248) 0%,rgb(208,225,243) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 10px 22px -12px var(--dc-shadow)}
.dc-list-group button:hover{translate:0 -4px;border-color:var(--aku-primary);box-shadow:0 16px 30px -12px var(--dc-shadow)}.dc-list-group button[aria-pressed=true]{border-color:var(--aku-primary);box-shadow:0 0 0 2px var(--aku-primary),0 12px 24px -12px var(--dc-shadow)}
.dc-card-art{display:grid;align-content:center;justify-items:center;width:100%;aspect-ratio:1.45;min-height:120px;padding:14px;background:radial-gradient(125% 100% at 50% 0%,rgba(56,189,248,.28) 0%,rgba(37,99,235,.12) 55%,transparent 80%),linear-gradient(165deg,rgb(28,64,118) 0%,rgb(18,43,82) 100%);border-bottom:1px solid rgba(96,165,250,.48);overflow:hidden;color:var(--dc-ink);transition:filter .22s ease}
html[data-theme=light] .dc-card-art{background:radial-gradient(125% 100% at 50% 0%,rgba(56,189,248,.2) 0%,transparent 72%),linear-gradient(165deg,rgb(255,255,255) 0%,rgb(244,250,255) 100%);border-bottom-color:rgba(37,99,235,.36)}
.dc-list-group button:hover .dc-card-art{filter:brightness(1.06)}
.dc-card-art>img{display:block;width:100%;height:100%;max-height:160px;object-fit:contain}.dc-card-art.dc-card-screenshot{display:block;aspect-ratio:auto;min-height:0;padding:10px;background:radial-gradient(125% 100% at 50% 0%,rgba(56,189,248,.24) 0%,transparent 75%),linear-gradient(165deg,rgb(26,58,108) 0%,rgb(16,38,74) 100%)}.dc-card-art.dc-card-screenshot>img{position:static;width:100%;height:auto;max-height:none;object-fit:contain;border-radius:6px}.dc-card-art.dc-card-asset>img{width:110px}
html[data-theme=light] .dc-card-art.dc-card-screenshot{background:linear-gradient(165deg,rgb(255,255,255) 0%,rgb(244,250,255) 100%)}
.dc-card-copy{display:grid;grid-template-rows:auto 1fr auto;gap:8px;padding:16px 16px 15px;flex:1;width:100%;background:transparent}.dc-card-copy strong{font-size:1.04rem;font-weight:700;line-height:1.45;color:var(--dc-ink)}.dc-card-copy small{font-size:.88rem;font-weight:400;color:var(--dc-muted);line-height:1.6}
.dc-card-action{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:6px;width:fit-content;border:0;background:transparent;box-shadow:none;color:var(--dc-head-sky);font-size:.88rem;font-weight:600;transition:color .18s ease,translate .18s ease}
html[data-theme=light] .dc-card-action{color:var(--dc-head-sky)}
.dc-row-arrow{display:inline-block;font-size:.95rem;font-weight:700;line-height:1;transition:transform .2s cubic-bezier(.22,1,.36,1),color .18s ease}
.dc-list-group button:hover .dc-card-action{color:var(--aku-primary);translate:2px 0}
html[data-theme=light] .dc-list-group button:hover .dc-card-action{color:rgb(29,78,216)}
.dc-list-group button:hover .dc-row-arrow{transform:translateX(4px)}
.dc-card-art.dc-card-demo{aspect-ratio:auto;min-height:190px}.dc-card-demo{background:radial-gradient(125% 100% at 50% 0%,rgba(56,189,248,.28) 0%,rgba(37,99,235,.12) 55%,transparent 80%),linear-gradient(165deg,rgb(28,64,118) 0%,rgb(18,43,82) 100%);padding:22px;color:var(--dc-ink)}
html[data-theme=light] .dc-card-demo{background:radial-gradient(125% 100% at 50% 0%,rgba(56,189,248,.2) 0%,transparent 72%),linear-gradient(165deg,rgb(255,255,255) 0%,rgb(244,250,255) 100%)}
.dc-mini-caption{font-size:.82rem;color:var(--dc-muted);margin-top:12px}
.dc-mini-pairs{display:flex;width:100%;justify-content:center;gap:12px}.dc-mini-pairs>span{display:grid;gap:10px;padding:16px 10px;border:1px solid rgba(96,165,250,.45);border-radius:12px;background:rgb(10,19,36);color:rgb(248,250,252);flex:1;text-align:center;box-shadow:0 6px 14px -8px rgba(2,6,23,.6)}.dc-mini-pairs>span+span{background:rgb(255,255,255);color:rgb(9,13,22);border-color:rgba(37,99,235,.35)}.dc-mini-pairs b{font-size:1.3rem}.dc-mini-pairs small{font-size:.82rem;color:inherit;opacity:.88}
.dc-mini-status{display:grid;gap:10px;min-width:70%}.dc-mini-status>span{padding:6px 12px;border-radius:8px;background:rgba(9,20,38,.82);font-size:.88rem;font-weight:600;border:1px solid rgba(125,211,252,.28);border-left:4px solid currentColor;color:var(--dc-good)}.dc-mini-status>span:nth-child(2){color:var(--dc-warn)}.dc-mini-status>span:nth-child(3){color:var(--dc-bad)}
html[data-theme=light] .dc-mini-status>span{background:rgb(255,255,255);border-color:rgba(37,99,235,.28)}
.dc-mini-width{display:grid;gap:10px;width:100%;padding:0 12px;border-inline:2px solid var(--dc-edge)}.dc-mini-width>b{font-size:1.2rem;color:var(--dc-ink)}.dc-mini-width>span{background:rgba(9,20,38,.82);color:var(--dc-ink);border:1px solid rgba(125,211,252,.35);border-radius:6px;padding:8px;font-size:.82rem}.dc-mini-width>i{text-align:center;font-style:normal;font-size:2rem;line-height:1;color:var(--dc-ink)}
html[data-theme=light] .dc-mini-width>span{background:rgb(255,255,255);border-color:rgba(37,99,235,.32)}
.dc-mini-spacing{display:grid;justify-items:center;gap:10px;width:100%}.dc-mini-spacing>span{padding:8px 18px;background:rgba(9,20,38,.84);color:var(--dc-ink);border:1px solid rgba(125,211,252,.42);border-radius:8px;font-size:.88rem;font-weight:600;box-shadow:0 4px 10px -4px rgba(2,6,23,.55)}.dc-mini-spacing>b{font-size:1.5rem;line-height:1;color:var(--dc-good)}
html[data-theme=light] .dc-mini-spacing>span{background:rgb(255,255,255);border-color:rgba(37,99,235,.36);box-shadow:0 3px 8px -4px rgba(15,23,42,.14)}
.dc-mini-hierarchy{display:grid;gap:12px;width:100%;text-align:left;color:var(--dc-ink)}.dc-mini-hierarchy>b{font:700 1.8rem/1.2 var(--aku-font-head)}.dc-mini-hierarchy>strong{font-size:1.1rem}.dc-mini-hierarchy>small{font-size:.82rem;color:var(--dc-muted)}
.dc-mini-reading{font-size:1.1rem;line-height:1.8;width:100%;color:var(--dc-ink)}.dc-mini-reading>span{display:flex;justify-content:space-between;border-top:1px solid var(--dc-edge);padding-top:12px;margin-top:12px;font-size:.82rem;color:var(--dc-muted)}.dc-mini-reading mark{background:var(--aku-primary);color:var(--aku-primary-ink);padding:0 4px;border-radius:3px}
.dc-mini-route{display:flex;align-items:center;gap:8px;font-size:.88rem;color:var(--dc-ink)}.dc-mini-route>span{padding:8px;border-radius:8px;background:rgba(9,20,38,.82);color:var(--dc-ink);border:1px solid rgba(125,211,252,.38)}
html[data-theme=light] .dc-mini-route>span{background:rgb(255,255,255);border-color:rgba(37,99,235,.32)}
.dc-mini-action{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;gap:10px;min-height:42px;padding:5px 7px 5px 8px;border:1px solid rgba(255,250,230,.88);border-radius:999px;background:linear-gradient(180deg,rgb(254,242,204) 0%,rgb(235,198,118) 45%,rgb(212,164,74) 100%);color:rgb(38,24,4);font-size:.94rem;font-weight:700;box-shadow:inset 0 1.5px 0 rgba(255,255,255,.88),inset 0 -2px 0 rgba(146,92,18,.42),0 3.5px 0 rgb(154,104,24),0 10px 22px -6px rgba(230,191,111,.55);transition:translate .22s cubic-bezier(.16,1,.3,1),box-shadow .22s ease,filter .22s ease}
.dc-mini-action::before{content:"";position:absolute;inset:-2px;z-index:0;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.72) 50%,transparent 62%);translate:-135% 0;animation:akuCtaSweep 4.2s cubic-bezier(.45,0,.2,1) infinite;pointer-events:none}
.dc-mini-action::after{content:"✦";position:absolute;top:3px;right:34px;z-index:2;font-size:.62rem;line-height:1;color:rgb(255,255,255);text-shadow:0 0 6px rgb(255,255,255),0 0 10px rgb(251,191,36);opacity:.9;animation:dcSparkTwinkle 2.8s ease-in-out infinite;pointer-events:none}
.dc-mini-action-ic{position:relative;z-index:1;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgb(255,255,255);box-shadow:0 2px 4px rgba(0,0,0,.22),inset 0 1px 0 rgb(255,255,255);transition:rotate .26s cubic-bezier(.16,1,.3,1),scale .26s cubic-bezier(.16,1,.3,1),box-shadow .22s ease}
.dc-mini-action-tx{position:relative;z-index:1;padding-inline:2px;line-height:1.5;letter-spacing:-.01em}
.dc-mini-action-ar{position:relative;z-index:1;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.45);border:1px solid rgba(255,255,255,.68);box-shadow:inset 0 1px 0 rgba(255,255,255,.8);overflow:hidden;font-size:.9rem;font-weight:800;line-height:1;transition:background .22s ease,color .22s ease,box-shadow .22s ease}
.dc-mini-action-ar>b{display:block;font-weight:800;transition:translate .22s cubic-bezier(.16,1,.3,1)}
.dc-list-group button:hover .dc-mini-action{translate:0 -3px;filter:saturate(1.08) brightness(1.04);box-shadow:inset 0 1.5px 0 rgba(255,255,255,.94),inset 0 -2px 0 rgba(146,92,18,.45),0 5px 0 rgb(154,104,24),0 16px 28px -6px rgba(230,191,111,.78)}
.dc-list-group button:hover .dc-mini-action::before{animation:akuCtaGlint 600ms ease-out}
.dc-list-group button:hover .dc-mini-action-ic{rotate:-12deg;scale:1.08;box-shadow:0 3px 8px rgba(0,0,0,.28)}
.dc-list-group button:hover .dc-mini-action-ar{background:rgb(255,255,255);color:rgb(146,64,14);box-shadow:0 2px 8px rgba(120,53,15,.28)}
.dc-list-group button:hover .dc-mini-action-ar>b{animation:akuCtaArrow 520ms cubic-bezier(.16,1,.3,1)}
@keyframes dcSparkTwinkle{0%,100%{opacity:.35;scale:.8;rotate:0deg}50%{opacity:1;scale:1.2;rotate:20deg}}
.dc-mini-data{display:grid;gap:10px;width:100%;padding:12px 14px;border-radius:12px;background:rgba(9,20,38,.82);border:1px solid rgba(125,211,252,.35);font-size:.86rem;color:var(--dc-ink);box-shadow:0 6px 14px -8px rgba(2,6,23,.55)}.dc-mini-data-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.dc-mini-data-top>b{font:700 1.05rem/1.2 var(--aku-font-mono);color:var(--dc-ink)}.dc-mini-badge-good,.dc-mini-badge-sky{padding:2px 8px;border-radius:999px;font-size:.76rem;font-weight:700;font-style:normal;background:rgba(16,185,129,.18);border:1px solid rgba(52,211,153,.45);color:var(--dc-good)}.dc-mini-badge-sky{background:rgba(56,189,248,.18);border-color:rgba(56,189,248,.45);color:var(--dc-head-sky)}.dc-mini-data>i{position:relative;display:block;height:10px;border-radius:999px;background:rgba(148,163,184,.24);overflow:hidden}.dc-mini-data>i>b{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,rgb(16,185,129),rgb(56,189,248));transition:width .35s cubic-bezier(.22,1,.36,1)}.dc-list-group button:hover .dc-mini-data>i>b{width:90%!important}.dc-mini-data>small{font-size:.78rem;color:var(--dc-muted)}
html[data-theme=light] .dc-mini-data{background:rgb(255,255,255);border-color:rgba(37,99,235,.32);box-shadow:0 6px 14px -8px rgba(15,23,42,.12)}
.dc-mini-table{display:grid;gap:8px;width:100%}.dc-mini-table>span{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:8px 12px;border-radius:9px;background:rgba(9,20,38,.82);border:1px solid rgba(125,211,252,.34);font-size:.84rem}.dc-mini-table b{font:700 .9rem/1.2 var(--aku-font-mono);color:var(--dc-ink)}.dc-mini-table em{font:700 .84rem/1.2 var(--aku-font-mono);font-style:normal;color:var(--dc-good)}.dc-mini-table i{font-style:normal;font-size:.76rem;color:var(--dc-muted)}
html[data-theme=light] .dc-mini-table>span{background:rgb(255,255,255);border-color:rgba(37,99,235,.3)}
.dc-mini-pill{display:inline-block;padding:2px 10px;border-radius:999px;background:rgba(56,189,248,.18);border:1px solid rgba(56,189,248,.45);color:var(--dc-head-sky);font-size:.78rem;transition:translate .2s ease,background .2s ease}.dc-list-group button:hover .dc-mini-pill{translate:0 -2px;background:rgba(56,189,248,.3)}
.dc-mini-form{display:grid;gap:10px;width:100%;font-size:.82rem;color:var(--dc-ink)}.dc-mini-form>b{border:1px solid rgba(125,211,252,.38);border-radius:7px;background:rgba(9,20,38,.82);color:var(--dc-ink);padding:10px;font-weight:400}.dc-mini-form>small{color:var(--dc-good);background:rgba(9,20,38,.82);border:1px solid rgba(52,211,153,.35);padding:3px 8px;border-radius:6px;justify-self:start;font-weight:600}
html[data-theme=light] .dc-mini-form>b,html[data-theme=light] .dc-mini-form>small{background:rgb(255,255,255);border-color:rgba(37,99,235,.32)}
.dc-mini-motion{display:flex;align-items:center;gap:14px;height:70px;color:var(--dc-ink)}
.dc-inspector{min-width:0;padding:24px}.dc-inspector-head{display:flex;gap:13px;align-items:center;margin-bottom:14px}.dc-inspector-art{display:grid;place-items:center;flex:none;width:48px;height:48px}.dc-eyebrow{font-size:.82rem;color:var(--dc-muted);font-weight:600}
.dc-inspector h3{font:700 clamp(1.45rem,2.2vw,1.75rem)/1.35 var(--aku-font-head);color:var(--dc-ink)}#dc-inspector-title:is(:focus,:focus-visible){outline:none!important}.dc-inspector h4{font:700 1.22rem/1.35 var(--aku-font-head);letter-spacing:-.01em;color:var(--dc-head-sky)}
.dc-inspector p{color:var(--dc-muted);font-size:.95rem;line-height:1.68;overflow-wrap:anywhere}.dc-inspector .dc-conclusion{margin:10px 0 6px;color:var(--dc-ink);font-size:1.05rem}.dc-conclusion strong{font-weight:600}.dc-status{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;background:rgba(251,191,36,.12);border:1px solid rgba(251,191,36,.38);font-size:.86rem;font-weight:600;color:var(--dc-warn)!important;margin-bottom:18px!important}
html[data-theme=light] .dc-status{background:rgba(59,130,246,.12);border-color:rgba(37,99,235,.36);color:rgb(30,64,175)!important}
.dc-visual{margin:18px 0!important;padding:16px 0;border-block:1px solid color-mix(in srgb,var(--dc-edge) 55%,transparent);min-width:0}.dc-visual>a{display:block;background:transparent;border:0;border-radius:0;padding:0}.dc-visual>a>img{display:block;width:auto;height:auto;max-width:100%;max-height:54dvh;margin:0 auto;object-fit:contain;border-radius:10px;border:1px solid var(--dc-edge);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.dc-visual>a:hover>img{transform:translateY(-2px) scale(1.01);border-color:var(--aku-primary);box-shadow:0 10px 22px -10px var(--dc-shadow)}
.dc-visual figcaption{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin-top:12px;font-size:.82rem;color:var(--dc-muted)}.dc-visual figcaption strong{font-weight:600;color:var(--dc-ink)}.dc-visual a,.dc-inspector a{color:var(--dc-ink);font-weight:600;text-underline-offset:4px;transition:color .18s ease,translate .18s ease}.dc-visual a:hover,.dc-inspector a:hover{color:var(--dc-head-sky)}
.dc-specimen{padding:4px 0;border:0;border-radius:0;background:transparent;color:var(--dc-ink);min-height:0;display:grid;align-content:center}.dc-specimen :is(label,output){display:block;font-weight:600;color:var(--dc-ink)}
.dc-pair-specimen{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:16px}.dc-pair-specimen>section{display:grid;gap:6px;align-content:center;min-height:96px;padding:16px 18px;border-radius:12px}
.dc-pair-sky{background:linear-gradient(145deg,rgb(10,19,36),rgb(16,30,54));color:rgb(248,250,252);border:1px solid rgba(96,165,250,.45);border-left:4px solid rgb(56,189,248)}.dc-pair-reading{background:linear-gradient(145deg,rgb(255,255,255),rgb(225,236,247));color:rgb(9,13,22);border:1px solid rgba(37,99,235,.35);border-left:4px solid rgb(2,132,199)}.dc-pair-specimen span{font-size:.88rem;opacity:.92}
.dc-type-specimen>span,.dc-type-specimen small{display:block;font-size:.88rem;color:var(--dc-muted);margin-bottom:10px}.dc-type-specimen h4{font-size:1.3rem;margin-bottom:10px;color:var(--dc-ink)}.dc-type-specimen h5{font-size:1rem;color:var(--dc-ink);margin:16px 0 6px}.dc-type-specimen mark{padding:0 4px;background:var(--aku-primary);color:var(--aku-primary-ink);border-radius:3px}
.dc-width-line{display:block;height:9px;background:linear-gradient(90deg,var(--aku-primary),var(--aku-accent));border-radius:5px;margin:18px 0}.dc-spacing-specimen{display:grid;gap:20px}.dc-spacing-specimen nav,.dc-nav-specimen nav{display:flex;gap:18px;flex-wrap:wrap;margin:12px 0}
.dc-meaning-specimen{display:grid;gap:16px}.dc-meaning-specimen p{display:grid;gap:4px}.dc-meaning-specimen b{color:var(--dc-ink)}.dc-meaning-specimen .dc-example-good{color:var(--dc-good)}.dc-meaning-specimen .dc-example-bad{color:var(--dc-bad)}
.dc-action-specimen{display:grid;gap:18px;justify-items:start}.dc-action-specimen .aku-cta{color:var(--aku-primary-ink)}
.dc-data-specimen{display:grid;gap:16px}.dc-data-kpis{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:12px}.dc-data-kpi{display:grid;align-content:start;gap:6px;padding:14px 16px;border-radius:12px;background:var(--dc-card);border:1px solid var(--dc-edge);box-shadow:inset 0 1px 0 rgba(255,255,255,.06);transition:background .22s ease,border-color .22s ease,box-shadow .22s ease}.dc-data-kpi--main{border-left:4px solid rgb(16,185,129);border-color:rgba(52,211,153,.48);background:linear-gradient(135deg,rgba(16,185,129,.24) 0%,rgba(6,78,59,.32) 55%,rgb(11,27,48) 100%)}.dc-data-kpi--main[data-tone=warn]{border-left-color:rgb(245,158,11);border-color:rgba(251,191,36,.52);background:linear-gradient(135deg,rgba(245,158,11,.26) 0%,rgba(120,53,15,.34) 55%,rgb(11,27,48) 100%)}.dc-data-kpi--main[data-tone=bad]{border-left-color:rgb(244,63,94);border-color:rgba(244,63,94,.58);background:linear-gradient(135deg,rgba(244,63,94,.28) 0%,rgba(136,19,55,.38) 55%,rgb(11,27,48) 100%)}.dc-data-kpi--delta{border-color:rgba(52,211,153,.36);background:linear-gradient(135deg,rgba(16,185,129,.14) 0%,rgb(11,27,48) 85%)}.dc-data-kpi--delta[data-tone=warn]{border-color:rgba(251,191,36,.38);background:linear-gradient(135deg,rgba(245,158,11,.15) 0%,rgb(11,27,48) 85%)}.dc-data-kpi--delta[data-tone=bad]{border-color:rgba(244,63,94,.42);background:linear-gradient(135deg,rgba(244,63,94,.16) 0%,rgb(11,27,48) 85%)}.dc-data-kpi-label{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:600;color:var(--dc-muted);transition:color .2s ease}.dc-data-kpi--main .dc-data-kpi-label,.dc-data-kpi--delta .dc-data-kpi-label,.dc-data-kpi--delta small{color:rgb(167,243,208)}.dc-data-kpi--main[data-tone=warn] .dc-data-kpi-label,.dc-data-kpi--delta[data-tone=warn] .dc-data-kpi-label,.dc-data-kpi--delta[data-tone=warn] small{color:rgb(253,230,138)}.dc-data-kpi--main[data-tone=bad] .dc-data-kpi-label,.dc-data-kpi--delta[data-tone=bad] .dc-data-kpi-label,.dc-data-kpi--delta[data-tone=bad] small{color:rgb(254,205,211)}.dc-data-kpi output{font:700 1.35rem/1.2 var(--aku-font-mono);color:rgb(209,250,229);transition:color .2s ease}.dc-data-kpi--main[data-tone=warn] output{color:rgb(254,243,199)}.dc-data-kpi--main[data-tone=bad] output{color:rgb(255,228,230)}.dc-data-kpi strong{font:700 1.05rem/1.3 var(--aku-font-head);color:var(--dc-head-sky);transition:color .2s ease}.dc-data-kpi strong[data-dc-range-delta]{color:var(--dc-good)}.dc-data-kpi strong[data-dc-range-delta][data-tone=warn]{color:rgb(253,224,71)}.dc-data-kpi strong[data-dc-range-delta][data-tone=bad]{color:var(--dc-bad)}.dc-data-kpi small{font-size:.8rem;color:var(--dc-muted)}.dc-data-verdict{display:inline-flex;align-items:center;width:fit-content;padding:3px 10px;border-radius:999px;font-size:.8rem;font-weight:700;background:rgba(16,185,129,.18);border:1px solid rgba(52,211,153,.48);color:var(--dc-good)}.dc-data-verdict[data-tone=warn]{background:rgba(245,158,11,.2);border-color:rgba(251,191,36,.52);color:rgb(253,224,71)}.dc-data-verdict[data-tone=bad]{background:rgba(244,63,94,.2);border-color:rgba(244,63,94,.52);color:var(--dc-bad)}
.dc-data-control{padding:14px 16px;border-radius:12px;background:var(--dc-card);border:1px solid rgba(52,211,153,.36);transition:border-color .22s ease,background .22s ease}.dc-data-control[data-tone=warn]{border-color:rgba(251,191,36,.42)}.dc-data-control[data-tone=bad]{border-color:rgba(244,63,94,.46)}.dc-data-control-head label{font-size:.92rem;color:var(--dc-ink)}
.dc-specimen input[type=range]{width:100%;margin:12px 0 8px;accent-color:rgb(16,185,129);cursor:pointer}.dc-specimen input[type=range]:is(:focus,:focus-visible){outline:none!important}.dc-data-control[data-tone=warn] input[type=range]{accent-color:rgb(245,158,11)}.dc-data-control[data-tone=bad] input[type=range]{accent-color:rgb(244,63,94)}.dc-example-track{position:relative;height:16px;border:1px solid var(--dc-edge);background:rgba(2,6,23,.45);border-radius:999px;overflow:hidden;margin:6px 0 8px;box-shadow:inset 0 2px 4px rgba(0,0,0,.35)}.dc-example-track>span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,rgb(5,150,105) 0%,rgb(16,185,129) 55%,rgb(52,211,153) 100%);box-shadow:0 0 14px rgba(52,211,153,.55);transition:width .18s ease,background .22s ease,box-shadow .22s ease}.dc-example-track>span[data-tone=warn]{background:linear-gradient(90deg,rgb(217,119,6) 0%,rgb(245,158,11) 55%,rgb(251,191,36) 100%);box-shadow:0 0 14px rgba(251,191,36,.55)}.dc-example-track>span[data-tone=bad]{background:linear-gradient(90deg,rgb(190,18,60) 0%,rgb(244,63,94) 55%,rgb(251,113,133) 100%);box-shadow:0 0 14px rgba(244,63,94,.55)}.dc-track-mid{position:absolute;left:50%;top:0;bottom:0;width:2px;background:rgba(255,255,255,.65)}.dc-track-scale{display:flex;justify-content:space-between;font:600 .76rem/1.2 var(--aku-font-mono);color:var(--dc-muted)}
html[data-theme=light] .dc-data-kpi,html[data-theme=light] .dc-data-control{background:rgb(255,255,255)}html[data-theme=light] .dc-data-kpi--main{border-color:rgba(16,185,129,.48);border-left-color:rgb(5,150,105);background:linear-gradient(135deg,rgba(16,185,129,.18) 0%,rgb(236,253,245) 65%,rgb(255,255,255) 100%)}html[data-theme=light] .dc-data-kpi--main[data-tone=warn]{border-color:rgba(217,119,6,.48);border-left-color:rgb(217,119,6);background:linear-gradient(135deg,rgba(245,158,11,.2) 0%,rgb(254,243,199) 65%,rgb(255,255,255) 100%)}html[data-theme=light] .dc-data-kpi--main[data-tone=bad]{border-color:rgba(225,29,72,.48);border-left-color:rgb(225,29,72);background:linear-gradient(135deg,rgba(244,63,94,.18) 0%,rgb(255,228,230) 65%,rgb(255,255,255) 100%)}html[data-theme=light] .dc-data-kpi--delta{border-color:rgba(16,185,129,.36);background:linear-gradient(135deg,rgba(16,185,129,.1) 0%,rgb(255,255,255) 85%)}html[data-theme=light] .dc-data-kpi--delta[data-tone=warn]{border-color:rgba(217,119,6,.36);background:linear-gradient(135deg,rgba(245,158,11,.12) 0%,rgb(255,255,255) 85%)}html[data-theme=light] .dc-data-kpi--delta[data-tone=bad]{border-color:rgba(225,29,72,.36);background:linear-gradient(135deg,rgba(244,63,94,.12) 0%,rgb(255,255,255) 85%)}html[data-theme=light] .dc-data-kpi output{color:rgb(6,78,59)}html[data-theme=light] .dc-data-kpi--main .dc-data-kpi-label,html[data-theme=light] .dc-data-kpi--delta .dc-data-kpi-label,html[data-theme=light] .dc-data-kpi--delta small{color:rgb(6,95,70)}html[data-theme=light] .dc-data-kpi--main[data-tone=warn] output,html[data-theme=light] .dc-data-kpi--main[data-tone=warn] .dc-data-kpi-label,html[data-theme=light] .dc-data-kpi--delta[data-tone=warn] .dc-data-kpi-label,html[data-theme=light] .dc-data-kpi--delta[data-tone=warn] small{color:rgb(120,53,15)}html[data-theme=light] .dc-data-kpi--main[data-tone=bad] output,html[data-theme=light] .dc-data-kpi--main[data-tone=bad] .dc-data-kpi-label,html[data-theme=light] .dc-data-kpi--delta[data-tone=bad] .dc-data-kpi-label,html[data-theme=light] .dc-data-kpi--delta[data-tone=bad] small{color:rgb(136,19,55)}html[data-theme=light] .dc-data-kpi strong[data-dc-range-delta][data-tone=warn]{color:rgb(146,64,14)}html[data-theme=light] .dc-data-kpi strong[data-dc-range-delta][data-tone=bad]{color:rgb(159,18,57)}html[data-theme=light] .dc-data-verdict[data-tone=warn]{background:rgba(245,158,11,.18);border-color:rgba(217,119,6,.48);color:rgb(120,53,15)}html[data-theme=light] .dc-data-verdict[data-tone=bad]{background:rgba(244,63,94,.16);border-color:rgba(225,29,72,.48);color:rgb(136,19,55)}html[data-theme=light] .dc-example-track{background:rgb(226,232,240);box-shadow:inset 0 1px 3px rgba(15,23,42,.12)}html[data-theme=light] .dc-track-mid{background:rgba(15,23,42,.45)}
.dc-input-specimen{display:grid;gap:10px;padding:16px;border-radius:12px;background:var(--dc-card);border:1px solid var(--dc-edge)}.dc-input-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.dc-input-badge{padding:3px 10px;border-radius:999px;font-size:.78rem;font-weight:600;background:rgba(16,185,129,.15);border:1px solid rgba(52,211,153,.4);color:var(--dc-good)}
.dc-specimen input[type=text]{width:100%;min-height:44px;padding:10px 14px;background:var(--dc-panel);color:var(--dc-ink);border:1px solid var(--dc-edge);border-radius:9px;margin:4px 0;transition:border-color .18s ease,box-shadow .18s ease}.dc-specimen input[type=text]:focus{border-color:var(--dc-head-sky);box-shadow:0 0 0 3px rgba(56,189,248,.22);outline:none}
.dc-input-states{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.dc-state-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:999px;font-size:.8rem;font-weight:600;border:1px solid var(--dc-edge);background:var(--dc-panel);color:var(--dc-ink)}.dc-state-chip--wait{border-color:rgba(56,189,248,.45);color:var(--dc-head-sky)}.dc-state-chip--ok{border-color:rgba(52,211,153,.45);color:var(--dc-good)}.dc-state-chip--empty{border-color:rgba(148,163,184,.4);color:var(--dc-muted)}
html[data-theme=light] .dc-input-specimen{background:rgb(255,255,255)}html[data-theme=light] .dc-specimen input[type=text]{background:rgb(248,250,252)}
.dc-icon-specimen{display:flex;align-items:center;justify-content:space-around;gap:18px}.dc-icon-specimen>span{display:grid;justify-items:center;gap:14px;color:var(--dc-ink)}.dc-icon-specimen small{font-size:.88rem;color:var(--dc-muted)}
.dc-motion-specimen{display:grid;gap:14px;padding:2px 0;border:0;border-radius:0;background:transparent;text-decoration:none!important;color:var(--dc-ink)}.dc-motion-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.dc-motion-head span{font-size:.9rem;color:var(--dc-muted)}.dc-motion-head strong{font-size:.95rem;color:var(--dc-head-sky);transition:translate .2s ease}.dc-motion-specimen:hover .dc-motion-head strong{translate:4px 0}
.dc-motion-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.dc-motion-stage{display:grid;align-content:space-between;justify-items:start;gap:12px;padding:14px;border-radius:11px;background:var(--dc-panel);border:1px solid color-mix(in srgb,var(--dc-edge) 70%,transparent);transition:translate .22s ease,border-color .22s ease}.dc-motion-specimen:hover .dc-motion-stage{translate:0 -2px;border-color:var(--dc-head-sky)}.dc-motion-tag{font-size:.78rem;font-weight:700;color:var(--dc-head-sky)}.dc-motion-specimen:hover .dc-mini-action{translate:0 -3px;filter:saturate(1.08) brightness(1.04)}.dc-motion-specimen:hover .dc-mini-action-ic{rotate:-12deg;scale:1.08}.dc-motion-specimen:hover .dc-mini-action-ar{background:rgb(255,255,255);color:rgb(146,64,14)}
.dc-motion-meter{display:grid;gap:6px;width:100%}.dc-motion-meter-head{display:flex;justify-content:space-between;font-size:.82rem}.dc-motion-meter-head strong{font-family:var(--aku-font-mono);color:var(--dc-good)}.dc-motion-guide{display:flex;align-items:center;gap:10px;height:26px;width:100%}.dc-motion-guide>i{height:8px;width:45%;border-radius:999px;background:linear-gradient(90deg,rgb(16,185,129),rgb(56,189,248));transition:width .35s cubic-bezier(.22,1,.36,1)}.dc-motion-specimen:hover .dc-motion-guide>i{width:78%}.dc-motion-guide>b{font-size:1.35rem;color:var(--dc-good);transition:translate .3s cubic-bezier(.22,1,.36,1)}.dc-motion-specimen:hover .dc-motion-guide>b{translate:10px 0}
.dc-motion-scene{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.82rem;font-weight:600}.dc-motion-scene>span:first-child{padding:5px 10px;border-radius:8px;background:rgb(10,19,36);color:rgb(248,250,252);border:1px solid rgba(96,165,250,.45)}.dc-motion-scene>span:last-child{padding:5px 10px;border-radius:8px;background:rgb(255,255,255);color:rgb(15,23,42);border:1px solid rgba(37,99,235,.35)}.dc-motion-scene>b{color:var(--dc-head-sky);transition:rotate .3s ease}.dc-motion-specimen:hover .dc-motion-scene>b{rotate:180deg}
html[data-theme=light] .dc-motion-stage{background:rgb(255,255,255)}
.dc-showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%}
.dc-width-tier{display:grid;gap:6px;padding:10px 14px;border-radius:10px;background:var(--dc-card);border:1px solid var(--dc-edge)}.dc-width-tier>span{font-size:.82rem;font-weight:600;color:var(--dc-ink)}.dc-width-bar{display:block;height:10px;border-radius:999px;background:linear-gradient(90deg,rgb(16,185,129),rgb(56,189,248))}.dc-width-bar--full{width:100%}.dc-width-bar--read{width:64%;background:linear-gradient(90deg,rgb(245,158,11),rgb(251,191,36))}.dc-width-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.dc-width-cols>i{display:block;height:14px;border-radius:6px;background:rgba(56,189,248,.28);border:1px solid rgba(56,189,248,.55)}
.dc-spacing-row{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:6px 12px;padding:10px 14px;border-radius:10px;background:var(--dc-card);border:1px solid var(--dc-edge)}.dc-spacing-badge{grid-row:span 2;padding:4px 10px;border-radius:999px;font:700 .8rem/1.2 var(--aku-font-mono);background:rgba(16,185,129,.18);border:1px solid rgba(52,211,153,.48);color:var(--dc-good)}.dc-spacing-row strong{font-size:.92rem;color:var(--dc-ink)}.dc-spacing-row small{font-size:.8rem;color:var(--dc-muted)}
.dc-type-row{display:grid;gap:4px;padding:8px 12px;border-left:3px solid var(--dc-head-sky);background:rgba(56,189,248,.06);border-radius:0 8px 8px 0;margin-bottom:8px}.dc-type-tag{font:700 .74rem/1.2 var(--aku-font-mono);color:var(--dc-head-sky)}.dc-type-h4{font:700 1.2rem/1.35 var(--aku-font-head);color:var(--dc-head-sky)}.dc-mini-fold-demo{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding:8px 12px;border-radius:10px;background:var(--dc-card);border:1px solid var(--dc-edge);font-size:.86rem;font-weight:600;color:var(--dc-ink)}
.dc-sc-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.dc-sc-world{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:4px 12px;border-radius:999px;font-size:.84rem;font-weight:700;color:rgb(236,253,245);background:linear-gradient(135deg,rgb(6,95,70),rgb(16,185,129));border:1px solid rgb(52,211,153);box-shadow:0 3px 0 rgba(2,6,23,.6),0 8px 16px -6px rgba(16,185,129,.45);transition:translate .2s ease,box-shadow .2s ease,filter .2s ease}.dc-sc-world--wl{color:rgb(255,228,230);background:linear-gradient(135deg,rgb(159,18,57),rgb(225,29,72));border-color:rgb(251,113,133);box-shadow:0 3px 0 rgba(2,6,23,.6),0 8px 16px -6px rgba(244,63,94,.45)}.dc-sc-world b{transition:translate .2s ease}:is(.dc-showcase-card:hover,.dc-list-group button:hover) .dc-sc-world{translate:0 -2px;filter:brightness(1.08)}:is(.dc-showcase-card:hover,.dc-list-group button:hover) .dc-sc-world b{translate:3px 0}
.dc-btn-cyber{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:5px 14px;border-radius:999px;background:linear-gradient(180deg,rgb(15,35,66),rgb(9,20,38));border:1.5px solid rgba(56,189,248,.65);color:rgb(240,249,255);font-size:.86rem;font-weight:700;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 0 14px -4px rgba(56,189,248,.5);transition:translate .2s ease,border-color .2s ease,box-shadow .2s ease}.dc-btn-cyber>i{font-style:normal;color:rgb(52,211,153);font-size:.72rem}.dc-btn-cyber>b{color:rgb(125,211,252);transition:translate .2s ease}:is(.dc-showcase-card:hover,.dc-list-group button:hover,.dc-motion-stage:hover) .dc-btn-cyber{translate:0 -2px;border-color:rgb(125,211,252);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 0 20px -2px rgba(56,189,248,.75)}:is(.dc-showcase-card:hover,.dc-list-group button:hover,.dc-motion-stage:hover) .dc-btn-cyber>b{translate:4px 0}
html[data-theme=light] .dc-btn-cyber{background:linear-gradient(180deg,rgb(255,255,255),rgb(224,242,254));border-color:rgb(2,132,199);color:rgb(12,74,110);box-shadow:0 4px 12px -4px rgba(2,132,199,.25)}html[data-theme=light] .dc-btn-cyber>b{color:rgb(2,132,199)}
.dc-btn-ticket{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;min-height:38px;padding:6px 12px;border-radius:8px;border:1px solid rgba(251,191,36,.5);border-left:4px solid rgb(245,158,11);background:linear-gradient(135deg,rgba(245,158,11,.2),rgb(11,27,48));color:rgb(254,243,199);font-size:.86rem;font-weight:700;transition:translate .2s ease,border-color .2s ease}.dc-btn-ticket kbd{padding:2px 7px;border-radius:5px;background:rgba(251,191,36,.22);border:1px solid rgba(251,191,36,.48);font:700 .76rem/1.2 var(--aku-font-mono);color:rgb(253,224,71)}:is(.dc-showcase-card:hover,.dc-motion-stage:hover) .dc-btn-ticket{translate:0 -2px;border-color:rgb(251,191,36)}
html[data-theme=light] .dc-btn-ticket{background:linear-gradient(135deg,rgba(245,158,11,.18),rgb(255,251,235));color:rgb(120,53,15)}html[data-theme=light] .dc-btn-ticket kbd{background:rgb(254,243,199);color:rgb(146,64,14)}
.dc-sc-disclosure{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:4px 12px;border-radius:999px;background:var(--dc-card);border:1px solid var(--dc-edge);color:var(--dc-ink);font-size:.84rem;font-weight:600;transition:translate .2s ease,border-color .2s ease}.dc-sc-disclosure em{font-style:normal;padding:2px 8px;border-radius:999px;background:rgba(56,189,248,.18);border:1px solid rgba(56,189,248,.45);color:var(--dc-head-sky);font:700 .74rem/1.2 var(--aku-font-mono)}.dc-sc-disclosure b{transition:translate .2s ease}:is(.dc-showcase-card:hover,.dc-list-group button:hover) .dc-sc-disclosure{translate:0 -2px;border-color:var(--aku-primary)}:is(.dc-showcase-card:hover,.dc-list-group button:hover) .dc-sc-disclosure b{translate:0 2px}
.dc-sc-danger{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;background:rgba(244,63,94,.18);border:1px solid rgba(244,63,94,.48);color:var(--dc-bad);font-size:.82rem;font-weight:700;transition:translate .2s ease,background .2s ease}.dc-sc-undo{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;background:rgba(16,185,129,.16);border:1px solid rgba(52,211,153,.45);color:var(--dc-good);font-size:.82rem;font-weight:700;transition:translate .2s ease}:is(.dc-showcase-card:hover,.dc-list-group button:hover) .dc-sc-danger{translate:0 -2px;background:rgba(244,63,94,.28)}:is(.dc-showcase-card:hover,.dc-list-group button:hover) .dc-sc-undo{translate:0 -2px}
.dc-box-demo{display:grid;gap:5px;padding:12px 14px;border-radius:11px;background:var(--dc-card);border:1px solid var(--dc-edge);text-align:left;transition:translate .2s ease,border-color .2s ease}.dc-box-demo strong{font-size:.9rem;color:var(--dc-ink)}.dc-box-demo small{font-size:.78rem;color:var(--dc-muted)}.dc-box-demo--zone{border-top:3px solid var(--aku-primary);background:radial-gradient(110% 90% at 0% 0%,rgba(230,192,117,.18),transparent 70%),var(--dc-card)}.dc-box-demo--cat{background:var(--dc-card)}.dc-sc-cat-head{display:block;font:700 .95rem/1.3 var(--aku-font-head);color:var(--dc-head-sky)!important;padding-bottom:6px;border-bottom:1.5px solid rgba(56,189,248,.38)}.dc-sc-cat-row{display:flex;justify-content:space-between;gap:8px;padding-top:4px;font-size:.8rem}.dc-box-demo--strip{border:0;border-left:4px solid var(--dc-good);border-radius:0 10px 10px 0;background:linear-gradient(90deg,rgba(16,185,129,.16),transparent 92%)}
html[data-theme=light] .dc-box-demo--zone,html[data-theme=light] .dc-box-demo--cat{background:rgb(255,255,255)}html[data-theme=light] .dc-box-demo--strip{background:linear-gradient(90deg,rgba(16,185,129,.14),rgba(255,255,255,.88) 92%)}
.dc-sc-kpi-pair{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;width:100%}.dc-sc-kpi{display:grid;gap:3px;padding:8px 9px;border-radius:9px;border:1px solid var(--dc-edge);border-left:3.5px solid var(--dc-good)}.dc-sc-kpi b{font:700 .92rem/1.1 var(--aku-font-mono)}.dc-sc-kpi small{font-size:.7rem;font-weight:700}.dc-sc-kpi--good{border-color:rgba(52,211,153,.45);border-left-color:rgb(16,185,129);background:linear-gradient(135deg,rgba(16,185,129,.22),rgba(11,27,48,.92));color:rgb(209,250,229)}.dc-sc-kpi--warn{border-color:rgba(251,191,36,.48);border-left-color:rgb(245,158,11);background:linear-gradient(135deg,rgba(245,158,11,.24),rgba(11,27,48,.92));color:rgb(254,243,199)}.dc-sc-kpi--bad{border-color:rgba(244,63,94,.52);border-left-color:rgb(244,63,94);background:linear-gradient(135deg,rgba(244,63,94,.26),rgba(11,27,48,.92));color:rgb(255,228,230)}
html[data-theme=light] .dc-sc-kpi--good{background:linear-gradient(135deg,rgba(16,185,129,.18),rgb(255,255,255));color:rgb(6,78,59)}html[data-theme=light] .dc-sc-kpi--warn{background:linear-gradient(135deg,rgba(245,158,11,.2),rgb(255,255,255));color:rgb(120,53,15)}html[data-theme=light] .dc-sc-kpi--bad{background:linear-gradient(135deg,rgba(244,63,94,.18),rgb(255,255,255));color:rgb(136,19,55)}
.dc-sc-twozone{width:100%;border-radius:10px;overflow:hidden;border:1px solid var(--dc-edge)}.dc-sc-twozone-top{padding:10px 12px;background:radial-gradient(120% 100% at 50% 0%,rgba(56,189,248,.3),transparent 80%),linear-gradient(165deg,rgb(28,64,118),rgb(18,43,82));font-size:.8rem;font-weight:600;color:rgb(240,249,255);border-bottom:1px solid rgba(96,165,250,.42)}.dc-sc-twozone-bot{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;background:linear-gradient(180deg,rgb(8,17,32),rgb(4,9,18));font-size:.8rem}.dc-sc-twozone-bot strong{color:rgb(248,250,252)}.dc-sc-twozone-bot span{color:rgb(125,211,252);font-weight:700}
html[data-theme=light] .dc-sc-twozone-top{background:linear-gradient(165deg,rgb(255,255,255),rgb(240,249,255));color:rgb(15,23,42);border-bottom-color:rgba(37,99,235,.32)}html[data-theme=light] .dc-sc-twozone-bot{background:linear-gradient(180deg,rgb(222,235,248),rgb(208,225,243))}html[data-theme=light] .dc-sc-twozone-bot strong{color:rgb(15,23,42)}html[data-theme=light] .dc-sc-twozone-bot span{color:rgb(3,105,161)}
.dc-sc-vs{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;width:100%}.dc-sc-vs-side{display:grid;gap:2px;padding:8px 10px;border-radius:9px;font-size:.8rem}.dc-sc-vs-side b{font-size:.84rem}.dc-sc-vs-side--bull{background:rgba(16,185,129,.16);border:1px solid rgba(52,211,153,.45);color:var(--dc-good)}.dc-sc-vs-side--bear{background:rgba(244,63,94,.16);border:1px solid rgba(244,63,94,.45);color:var(--dc-bad);text-align:right}.dc-sc-vs-badge{padding:3px 7px;border-radius:999px;background:var(--dc-card);border:1px solid var(--dc-edge);font:800 .72rem/1 var(--aku-font-mono);color:var(--aku-primary)}
.dc-nav-demo-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:10px;font-size:.8rem;font-weight:700;border:1px solid rgba(52,211,153,.55);background:linear-gradient(135deg,rgb(6,95,70),rgb(13,148,136));color:rgb(236,253,245);box-shadow:0 3px 0 rgba(2,6,23,.65);transition:translate .18s ease}.dc-nav-demo-pill--gold{border-color:rgb(251,191,36);background:linear-gradient(135deg,rgb(120,53,15),rgb(180,83,9));color:rgb(254,243,199)}.dc-nav-demo-pill--sky{border-color:rgb(56,189,248);background:linear-gradient(135deg,rgb(12,74,110),rgb(2,132,199));color:rgb(240,249,255)}:is(.dc-showcase-card:hover,.dc-motion-stage:hover) .dc-nav-demo-pill{translate:0 -2px}
.dc-sc-skynav{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;padding:5px 8px;border-radius:999px;background:rgba(9,20,38,.72);border:1px solid rgba(96,165,250,.38);font-size:.78rem;font-weight:600;color:var(--dc-ink)}.dc-sc-skynav>span{padding:4px 10px;border-radius:999px}.dc-sc-skynav>span.is-on{background:rgba(16,185,129,.22);border:1px solid rgba(52,211,153,.5);color:var(--dc-good)}.dc-sc-skynav>i{width:1.5px;height:18px;background:rgba(96,165,250,.45)}
html[data-theme=light] .dc-sc-skynav{background:rgb(255,255,255);border-color:rgba(37,99,235,.32)}
.dc-nav-demo-underline{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:.82rem;font-weight:600;color:var(--dc-muted)}.dc-nav-demo-underline>b{padding:4px 6px;border-bottom:2.5px solid rgb(52,211,153);color:var(--dc-good);background:radial-gradient(75% 90% at 50% 100%,rgba(52,211,153,.2),transparent 75%)}.dc-nav-demo-underline>span{padding:4px 6px;border-bottom:2px solid rgba(56,189,248,.42);color:var(--dc-ink)}
.dc-sc-stepper{display:flex;align-items:center;gap:6px;width:100%;font-size:.78rem;font-weight:600;color:var(--dc-muted)}.dc-sc-stepper>span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.dc-sc-stepper b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--dc-card);border:1px solid var(--dc-edge);font:700 .72rem/1 var(--aku-font-mono)}.dc-sc-stepper>span.is-done{color:var(--dc-good)}.dc-sc-stepper>span.is-done b{background:rgba(16,185,129,.22);border-color:rgb(52,211,153);color:var(--dc-good)}.dc-sc-stepper>span.is-now{color:var(--dc-ink);font-weight:700}.dc-sc-stepper>span.is-now b{background:var(--aku-primary);border-color:var(--aku-primary);color:var(--aku-primary-ink)}.dc-sc-stepper>i{flex:1;height:2px;min-width:12px;background:linear-gradient(90deg,rgb(16,185,129),rgba(96,165,250,.4))}
.dc-nav-demo-seg{display:inline-flex;align-items:center;gap:4px;padding:4px;border-radius:999px;background:rgba(9,20,38,.78);border:1px solid var(--dc-edge);font-size:.8rem;font-weight:600}.dc-nav-demo-seg>b{padding:5px 12px;border-radius:999px;background:linear-gradient(135deg,rgb(12,74,110),rgb(2,132,199));color:rgb(240,249,255);box-shadow:0 2px 6px rgba(2,6,23,.45)}.dc-nav-demo-seg>span{padding:5px 12px;color:var(--dc-muted)}
html[data-theme=light] .dc-nav-demo-seg{background:rgb(226,232,240)}
.dc-sc-bread{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:7px 11px;border-radius:9px;background:rgba(9,20,38,.76);border:1px solid var(--dc-edge);font-size:.8rem;color:var(--dc-muted)}.dc-sc-bread b{color:var(--dc-ink)}.dc-sc-bread kbd{padding:2px 8px;border-radius:6px;background:var(--dc-card);border:1px solid var(--dc-edge);font:600 .76rem/1.2 var(--aku-font-mono);color:var(--dc-head-sky)}
html[data-theme=light] .dc-sc-bread{background:rgb(255,255,255)}
.dc-sc-meter{display:grid;gap:6px;width:100%}.dc-sc-meter-top{display:flex;justify-content:space-between;font-size:.8rem}.dc-sc-meter-top b{color:var(--dc-ink)}.dc-sc-meter-top em{font-style:normal;font-weight:700;color:var(--dc-good)}
.dc-sc-ruler{display:grid;gap:7px;width:100%;padding:8px 10px;border-radius:9px;background:rgba(9,20,38,.78);border:1px solid var(--dc-edge)}.dc-sc-ruler-labels{display:flex;justify-content:space-between;font:600 .75rem/1.2 var(--aku-font-mono)}.dc-sc-ruler-labels .is-sup{color:var(--dc-good)}.dc-sc-ruler-labels .is-cur{color:var(--aku-primary)}.dc-sc-ruler-labels .is-res{color:var(--dc-bad)}.dc-sc-ruler-track{position:relative;height:8px;border-radius:999px;background:linear-gradient(90deg,rgba(16,185,129,.45),rgba(251,191,36,.45),rgba(244,63,94,.45))}.dc-sc-ruler-track>i{position:absolute;top:-3px;width:14px;height:14px;border-radius:50%;background:rgb(255,255,255);border:3px solid rgb(245,158,11);box-shadow:0 0 8px rgba(251,191,36,.8)}
html[data-theme=light] .dc-sc-ruler{background:rgb(255,255,255)}
.dc-mini-table em.is-bad{color:var(--dc-bad)}
.dc-sc-flow{display:flex;align-items:center;gap:6px;flex-wrap:wrap;width:100%;font-size:.78rem;font-weight:600}.dc-sc-flow>span{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:8px;background:rgba(9,20,38,.8);border:1px solid var(--dc-edge);color:var(--dc-ink)}.dc-sc-flow>span.is-end{border-color:rgba(52,211,153,.5);background:rgba(16,185,129,.16);color:var(--dc-good)}.dc-sc-flow b{font:700 .74rem/1 var(--aku-font-mono);color:var(--dc-head-sky)}.dc-sc-flow>i{font-style:normal;color:var(--dc-head-sky);transition:translate .2s ease}:is(.dc-showcase-card:hover) .dc-sc-flow>i{translate:3px 0}
html[data-theme=light] .dc-sc-flow>span{background:rgb(255,255,255)}
.dc-sc-badges{display:flex;flex-wrap:wrap;gap:6px}.dc-sc-badges>span{padding:4px 10px;border-radius:999px;font-size:.76rem;font-weight:700;background:rgba(16,185,129,.18);border:1px solid rgba(52,211,153,.48);color:var(--dc-good)}.dc-sc-badges>span[data-tone=warn]{background:rgba(245,158,11,.2);border-color:rgba(251,191,36,.5);color:rgb(253,224,71)}.dc-sc-badges>span[data-tone=bad]{background:rgba(244,63,94,.2);border-color:rgba(244,63,94,.5);color:var(--dc-bad)}.dc-sc-badges>span[data-tone=info]{background:rgba(56,189,248,.18);border-color:rgba(56,189,248,.48);color:var(--dc-head-sky)}
html[data-theme=light] .dc-sc-badges>span[data-tone=warn]{color:rgb(146,64,14)}
.dc-sc-alert{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:9px 12px;border-radius:0 10px 10px 0;border-left:4px solid rgb(245,158,11);background:linear-gradient(90deg,rgba(245,158,11,.2),rgba(11,27,48,.92));font-size:.8rem;color:var(--dc-ink)}.dc-sc-alert em{font-style:normal;font-weight:700;color:var(--aku-primary);white-space:nowrap}
html[data-theme=light] .dc-sc-alert{background:linear-gradient(90deg,rgba(245,158,11,.18),rgb(255,255,255))}
/* New Buttons G-J */
.dc-btn-brass{position:relative;display:inline-flex;align-items:center;gap:12px;padding:8px 14px 8px 16px;border-radius:7px;background:linear-gradient(180deg,rgb(252,238,198),rgb(226,196,128));border:1px solid rgb(168,125,52);box-shadow:inset 0 0 0 2.5px rgb(252,238,198),inset 0 0 0 3.5px rgba(168,125,52,.7),0 6px 14px -6px rgba(2,6,23,.65);color:rgb(58,38,10);overflow:hidden;transition:translate .2s ease,box-shadow .2s ease}.dc-btn-brass small{display:block;font:700 .66rem/1.1 var(--aku-font-mono);letter-spacing:.06em;color:rgb(122,84,24)}.dc-btn-brass b{font-size:.84rem;color:rgb(46,29,6)}.dc-btn-brass i{font-style:normal;font-weight:800;color:rgb(122,84,24);transition:translate .22s ease}.dc-btn-brass::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 38%,rgba(255,255,255,.6) 50%,transparent 62%);translate:-120% 0;animation:akuCtaSweep 4.4s ease-in-out infinite;pointer-events:none}:is(.dc-showcase-card:hover) .dc-btn-brass{translate:0 -3px}:is(.dc-showcase-card:hover) .dc-btn-brass i{translate:4px 0}
.dc-btn-ribbon{display:inline-flex;align-items:center;gap:10px;min-height:38px;padding:0 24px 0 14px;background:linear-gradient(180deg,rgb(190,18,60),rgb(136,19,55));color:rgb(255,241,242);font-size:.84rem;font-weight:700;clip-path:polygon(0 0,100% 0,calc(100% - 12px) 50%,100% 100%,0 100%);box-shadow:0 6px 14px -6px rgba(136,19,55,.7);transition:translate .22s ease,padding .22s ease}.dc-btn-ribbon i{font-style:normal;transition:translate .22s ease}:is(.dc-showcase-card:hover) .dc-btn-ribbon{translate:4px 0;padding-right:30px}:is(.dc-showcase-card:hover) .dc-btn-ribbon i{translate:4px 0}
.dc-btn-film{display:inline-flex;align-items:center;gap:10px;min-height:38px;padding:4px 12px;border-radius:8px;background:rgba(8,15,28,.92);border-top:3px dotted rgba(251,191,36,.55);border-bottom:3px dotted rgba(251,191,36,.55);color:rgb(254,243,199);font-size:.84rem;transition:translate .2s ease,border-color .2s ease}.dc-btn-film-ic{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(245,158,11,.22);transition:scale .22s ease}.dc-btn-film small{padding:2px 6px;border-radius:4px;background:rgba(255,255,255,.1);font:600 .72rem/1 var(--aku-font-mono);color:rgb(253,224,71)}:is(.dc-showcase-card:hover) .dc-btn-film{translate:0 -2px;border-color:rgb(251,191,36)}:is(.dc-showcase-card:hover) .dc-btn-film-ic{scale:1.18}
.dc-btn-beacon{display:inline-flex;align-items:center;gap:10px;min-height:38px;padding:5px 14px;border-radius:999px;background:linear-gradient(135deg,rgb(6,78,59),rgb(15,118,110));border:1.5px solid rgb(52,211,153);color:rgb(236,253,245);font-size:.84rem;font-weight:700;box-shadow:0 0 18px -4px rgba(16,185,129,.65);transition:translate .2s ease}.dc-beacon-dot{position:relative;width:10px;height:10px;border-radius:50%;background:rgb(110,231,183)}.dc-beacon-dot::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid rgb(52,211,153);animation:dcPingRing 1.8s ease-out infinite}:is(.dc-showcase-card:hover) .dc-btn-beacon{translate:0 -2px}
/* New Boxes G-J */
.dc-box-quest{position:relative;display:grid;gap:4px;width:100%;padding:16px 14px 12px;border-radius:12px;border:1.5px solid rgb(245,158,11);background:radial-gradient(100% 90% at 50% 0%,rgba(245,158,11,.18),transparent 75%),rgba(9,20,38,.88);text-align:left;box-shadow:0 0 18px -6px rgba(245,158,11,.45)}.dc-quest-banner{position:absolute;top:-10px;left:50%;translate:-50% 0;padding:2px 12px;border-radius:999px;background:linear-gradient(180deg,rgb(253,224,71),rgb(217,119,6));color:rgb(46,29,6);font:800 .72rem/1.3 var(--aku-font-head);white-space:nowrap}.dc-quest-close{position:absolute;top:-10px;right:10px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:rgb(15,23,42);border:1px solid rgb(245,158,11);color:rgb(253,224,71);font-size:.68rem}.dc-box-quest strong{font-size:.84rem;color:rgb(254,243,199)}.dc-box-quest small{font-size:.75rem;color:var(--dc-muted)}
html[data-theme=light] .dc-box-quest{background:rgb(255,251,235)}html[data-theme=light] .dc-box-quest strong{color:rgb(120,53,15)}
.dc-box-pass{display:grid;grid-template-columns:1fr auto;align-items:center;width:100%;border-radius:11px;border:1px solid rgba(56,189,248,.48);background:linear-gradient(135deg,rgb(12,31,58),rgb(8,19,36));overflow:hidden}.dc-pass-main{display:grid;gap:3px;padding:10px 12px;text-align:left}.dc-pass-main small{font:700 .68rem/1 var(--aku-font-mono);color:rgb(56,189,248)}.dc-pass-main strong{font-size:.84rem;color:var(--dc-ink)}.dc-pass-stub{display:grid;place-items:center;padding:10px 14px;border-left:2px dashed rgba(56,189,248,.48);background:rgba(16,185,129,.18);color:var(--dc-good)}.dc-pass-stub span{font-size:.68rem}.dc-pass-stub b{font:800 .92rem/1.1 var(--aku-font-mono)}
html[data-theme=light] .dc-box-pass{background:rgb(255,255,255)}
.dc-box-folder{display:grid;width:100%;text-align:left}.dc-folder-tab{justify-self:start;padding:3px 12px;border-radius:8px 8px 0 0;background:rgb(16,185,129);color:rgb(4,47,46);font:800 .72rem/1.2 var(--aku-font-head)}.dc-folder-body{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:0 10px 10px 10px;border:1px solid rgba(52,211,153,.5);border-bottom:3.5px solid rgb(16,185,129);background:rgba(9,24,38,.9)}.dc-folder-body strong{display:block;font-size:.84rem;color:var(--dc-ink)}.dc-folder-body small{font-size:.74rem;color:var(--dc-muted)}.dc-folder-go{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:rgba(16,185,129,.22);border:1px solid rgb(52,211,153);font-style:normal;color:var(--dc-good);transition:translate .2s ease}:is(.dc-showcase-card:hover) .dc-folder-go{translate:3px 0}
html[data-theme=light] .dc-box-folder .dc-folder-body{background:rgb(255,255,255)}
.dc-box-trisplit{display:grid;gap:5px;width:100%}.dc-tri-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:5px 9px;border-radius:7px;background:rgba(9,20,38,.82);border-left:3.5px solid rgb(16,185,129);font-size:.76rem}.dc-tri-row.is-am{border-left-color:rgb(245,158,11)}.dc-tri-row.is-sk{border-left-color:rgb(56,189,248)}.dc-tri-row i{font-style:normal;padding:2px 6px;border-radius:4px;background:rgba(255,255,255,.08);color:var(--dc-ink);font-weight:700}.dc-tri-row b{font:600 .75rem/1 var(--aku-font-mono);color:var(--dc-muted)}.dc-tri-row span{font-weight:700;color:var(--dc-ink)}
html[data-theme=light] .dc-tri-row{background:rgb(255,255,255)}html[data-theme=light] .dc-tri-row i{background:rgb(226,232,240)}
/* New Navigators G-J */
.dc-nav-dock{display:inline-flex;align-items:center;gap:8px;padding:5px 8px;border-radius:999px;background:rgba(8,17,32,.84);border:1px solid var(--dc-edge)}.dc-nav-dock-icons{display:inline-flex;gap:4px;padding:2px;border-radius:999px;background:rgba(255,255,255,.06)}.dc-nav-dock-icons span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:var(--dc-ink);font-size:.82rem;transition:background .18s ease}:is(.dc-showcase-card:hover) .dc-nav-dock-icons span:first-child{background:rgba(251,191,36,.24);color:rgb(253,224,71)}.dc-nav-dock-acct{padding:5px 12px;border-radius:999px;background:linear-gradient(180deg,rgb(246,224,170),rgb(214,170,88));color:rgb(46,29,6);font-size:.78rem;font-weight:700}
html[data-theme=light] .dc-nav-dock{background:rgb(255,255,255)}html[data-theme=light] .dc-nav-dock-icons{background:rgb(241,245,249)}
.dc-nav-maptrail{display:flex;align-items:center;gap:5px;width:100%;font-size:.74rem;font-weight:700}.dc-map-node{padding:5px 8px;border-radius:999px;background:rgba(9,20,38,.84);border:1px solid var(--dc-edge);color:var(--dc-muted);white-space:nowrap}.dc-map-node.is-done{border-color:rgba(52,211,153,.5);color:var(--dc-good)}.dc-map-node.is-now{background:linear-gradient(135deg,rgb(120,53,15),rgb(180,83,9));border-color:rgb(251,191,36);color:rgb(254,243,199);box-shadow:0 0 12px rgba(245,158,11,.5);animation:dcGuide 2.2s ease-in-out infinite}.dc-map-path{flex:1;height:3px;min-width:10px;background:rgb(16,185,129)}.dc-map-path.is-dim{background:rgba(148,163,184,.35)}
html[data-theme=light] .dc-map-node:not(.is-now){background:rgb(255,255,255)}
.dc-nav-halo{display:inline-flex;gap:8px;flex-wrap:wrap}.dc-halo-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:rgba(9,20,38,.82);border:1px solid var(--dc-edge);font-size:.78rem;font-weight:700;color:var(--dc-muted)}.dc-halo-pill em{font-style:normal;padding:1px 6px;border-radius:999px;background:rgba(255,255,255,.1);font:700 .7rem/1.2 var(--aku-font-mono)}.dc-halo-pill.is-active{background:linear-gradient(135deg,rgba(245,158,11,.24),rgba(16,185,129,.2));border-color:rgb(251,191,36);color:rgb(254,243,199);box-shadow:0 0 0 2px rgba(251,191,36,.28),0 6px 14px -4px rgba(245,158,11,.5)}
html[data-theme=light] .dc-halo-pill{background:rgb(255,255,255)}html[data-theme=light] .dc-halo-pill.is-active{color:rgb(120,53,15)}
.dc-nav-tocrail{display:grid;gap:7px;width:100%;padding:8px 11px;border-radius:10px;background:rgba(9,20,38,.82);border:1px solid var(--dc-edge)}.dc-tocrail-bar{height:5px;border-radius:999px;background:rgba(148,163,184,.22);overflow:hidden}.dc-tocrail-bar>i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,rgb(56,189,248),rgb(16,185,129));animation:dcBarPulse 2.6s ease-in-out infinite}.dc-tocrail-items{display:flex;justify-content:space-between;font-size:.74rem;color:var(--dc-muted)}.dc-tocrail-items .is-pass{color:var(--dc-good)}.dc-tocrail-items .is-cur{color:var(--dc-head-sky)}
html[data-theme=light] .dc-nav-tocrail{background:rgb(255,255,255)}
/* Animated Data & Infographics (DATA-A to DATA-J) */
.dc-tug-arena{display:grid;gap:7px;width:100%;padding:9px 11px;border-radius:11px;background:rgba(7,16,30,.88);border:1px solid rgba(96,165,250,.38)}.dc-tug-top{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;font-weight:700}.dc-tug-top .is-bull{color:rgb(52,211,153)}.dc-tug-top .is-bear{color:rgb(251,113,133)}.dc-tug-spark{padding:2px 8px;border-radius:999px;background:rgba(245,158,11,.22);border:1px solid rgba(251,191,36,.55);color:rgb(253,224,71);font:700 .72rem/1.2 var(--aku-font-mono)}.dc-tug-track{position:relative;display:flex;height:14px;border-radius:999px;overflow:visible;background:rgb(15,23,42);box-shadow:inset 0 1px 3px rgba(0,0,0,.6)}.dc-tug-fill-bull{height:100%;border-radius:999px 0 0 999px;background:repeating-linear-gradient(-45deg,rgb(16,185,129) 0 8px,rgb(5,150,105) 8px 16px);background-size:24px 24px;animation:dcStripeMove 1.2s linear infinite;box-shadow:0 0 12px rgba(16,185,129,.55)}.dc-tug-fill-bear{height:100%;border-radius:0 999px 999px 0;background:repeating-linear-gradient(45deg,rgb(244,63,94) 0 8px,rgb(190,18,60) 8px 16px);background-size:24px 24px;animation:dcStripeMove 1.2s linear infinite}.dc-tug-core{position:absolute;top:50%;translate:-50% -50%;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:radial-gradient(circle,rgb(254,243,199),rgb(245,158,11));border:2px solid rgb(255,255,255);color:rgb(46,29,6);font-style:normal;font-size:.75rem;box-shadow:0 0 14px rgb(251,191,36);animation:dcClashPulse 1.5s ease-in-out infinite}.dc-tug-chips{display:flex;gap:5px;flex-wrap:wrap}.dc-tug-chips>span{padding:2px 7px;border-radius:6px;font:700 .68rem/1.2 var(--aku-font-mono)}.dc-tug-chips .is-bull{background:rgba(16,185,129,.18);border:1px solid rgba(52,211,153,.42);color:rgb(110,231,183)}.dc-tug-chips .is-bear{background:rgba(244,63,94,.18);border:1px solid rgba(244,63,94,.42);color:rgb(253,164,175)}
html[data-theme=light] .dc-tug-arena{background:rgb(255,255,255)}html[data-theme=light] .dc-tug-top .is-bull,html[data-theme=light] .dc-tug-chips .is-bull{color:rgb(6,95,70)}html[data-theme=light] .dc-tug-top .is-bear,html[data-theme=light] .dc-tug-chips .is-bear{color:rgb(159,18,57)}html[data-theme=light] .dc-tug-spark{color:rgb(146,64,14)}
.dc-gauge-widget{display:grid;place-items:center;gap:2px;width:100%}.dc-gauge-svg{width:156px;height:82px;overflow:visible;filter:drop-shadow(0 4px 10px rgba(16,185,129,.25))}.dc-gauge-needle{transform-origin:90px 84px;animation:dcNeedleSweep 3.2s ease-in-out infinite}:is(.dc-showcase-card:hover) .dc-gauge-needle{transform:rotate(12deg)}.dc-gauge-readout{display:flex;align-items:center;gap:8px;font-size:.78rem}.dc-gauge-readout strong{font:800 .92rem/1 var(--aku-font-mono);color:var(--dc-ink)}.dc-gauge-readout span{color:var(--dc-good);font-weight:700}
.dc-skyline-stage{position:relative;display:grid;align-items:end;width:100%;height:96px;padding:10px 12px 6px;border-radius:11px;background:linear-gradient(180deg,rgba(7,16,30,.92),rgba(12,31,58,.92));border:1px solid rgba(96,165,250,.38);overflow:hidden}.dc-skyline-laser{position:absolute;left:0;right:0;top:36%;border-top:1.5px dashed rgb(251,191,36);z-index:2;display:flex;justify-content:flex-end;padding-right:8px}.dc-skyline-laser span{translate:0 -50%;padding:1px 7px;border-radius:999px;background:rgb(245,158,11);color:rgb(46,29,6);font:800 .66rem/1.2 var(--aku-font-mono);box-shadow:0 0 10px rgba(251,191,36,.7)}.dc-skyline-bars{display:grid;grid-template-columns:repeat(6,1fr);align-items:end;gap:7px;height:76px;z-index:1}.dc-skyline-bars>i{position:relative;display:flex;justify-content:center;height:var(--h);border-radius:5px 5px 0 0;font-style:normal;transform-origin:bottom;animation:dcTowerGrow 2.8s ease-in-out infinite}.dc-skyline-bars>i.is-put{background:linear-gradient(180deg,rgb(244,63,94),rgba(159,18,57,.4));border-top:2px solid rgb(253,164,175)}.dc-skyline-bars>i.is-mid{background:linear-gradient(180deg,rgb(56,189,248),rgba(2,132,199,.35));border-top:2px solid rgb(186,230,253)}.dc-skyline-bars>i.is-call{background:linear-gradient(180deg,rgb(16,185,129),rgba(6,95,70,.4));border-top:2px solid rgb(167,243,208)}.dc-skyline-bars>i.is-wall{box-shadow:0 0 16px rgba(16,185,129,.7)}.dc-skyline-bars span,.dc-skyline-bars b{position:absolute;top:-16px;font:700 .64rem/1 var(--aku-font-mono);color:rgb(254,243,199);white-space:nowrap}
html[data-theme=light] .dc-skyline-stage{background:linear-gradient(180deg,rgb(240,249,255),rgb(224,242,254))}html[data-theme=light] .dc-skyline-bars span,html[data-theme=light] .dc-skyline-bars b{color:rgb(15,23,42)}
.dc-lift-stage{display:grid;gap:5px;width:100%;padding:8px 10px;border-radius:11px;background:rgba(7,16,30,.88);border:1px solid rgba(96,165,250,.38)}.dc-lift-ceil{display:flex;justify-content:space-between;align-items:center;padding:3px 8px;border-radius:6px;background:rgba(245,158,11,.2);border-top:2.5px solid rgb(251,191,36);font-size:.72rem;font-weight:700;color:rgb(253,224,71)}.dc-lift-sparks{font-style:normal;animation:dcClashPulse 1.2s ease-in-out infinite}.dc-lift-shaft{position:relative;padding:4px 0;border-left:2px dashed rgba(96,165,250,.4);border-right:2px dashed rgba(96,165,250,.4);display:grid;place-items:center}.dc-lift-cabin{display:flex;align-items:center;justify-content:space-between;gap:10px;width:88%;padding:6px 10px;border-radius:8px;background:linear-gradient(135deg,rgb(6,95,70),rgb(16,185,129));border:1.5px solid rgb(110,231,183);color:rgb(236,253,245);box-shadow:0 6px 16px -4px rgba(16,185,129,.7);animation:dcLiftRide 2.6s ease-in-out infinite}.dc-lift-cabin b{font:800 .8rem/1 var(--aku-font-mono)}.dc-lift-cabin small{font-size:.7rem;font-weight:700}.dc-lift-floor{padding:3px 8px;border-radius:6px;background:rgba(16,185,129,.16);border-bottom:2.5px solid rgb(16,185,129);font-size:.72rem;font-weight:700;color:rgb(110,231,183);text-align:center}
html[data-theme=light] .dc-lift-stage{background:rgb(255,255,255)}html[data-theme=light] .dc-lift-ceil{color:rgb(146,64,14)}html[data-theme=light] .dc-lift-floor{color:rgb(6,95,70)}
.dc-wave-stage{display:grid;gap:4px;width:100%;padding:8px 10px 4px;border-radius:11px;background:rgba(7,16,30,.88);border:1px solid rgba(52,211,153,.4)}.dc-wave-hud{display:flex;justify-content:space-between;align-items:center;font-size:.76rem}.dc-wave-hud b{font:800 .84rem/1 var(--aku-font-mono);color:var(--dc-ink)}.dc-wave-hud em{font-style:normal;padding:2px 7px;border-radius:999px;background:rgba(16,185,129,.2);color:rgb(52,211,153);font:700 .7rem/1.1 var(--aku-font-mono)}.dc-wave-svg{width:100%;height:56px;overflow:visible}.dc-wave-line{stroke-dasharray:260;stroke-dashoffset:0;animation:dcWaveGlow 3s ease-in-out infinite}.dc-wave-ping{transform-origin:204px 12px;animation:dcPingRing 1.8s ease-out infinite}
html[data-theme=light] .dc-wave-stage{background:rgb(255,255,255)}html[data-theme=light] .dc-wave-hud em{color:rgb(6,95,70)}
.dc-wind-stage{position:relative;display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border-radius:11px;background:rgba(7,16,30,.88);border:1px solid rgba(56,189,248,.4);overflow:hidden}.dc-wind-svg{width:112px;height:56px;flex:none;overflow:visible}.dc-wind-curve{stroke-dasharray:22 12;animation:dcStreamDash 1.8s linear infinite}.dc-wind-curve.is-c2{animation-duration:2.3s}.dc-wind-cone{transform-origin:22px 27px;animation:dcSockFlutter 1.6s ease-in-out infinite}.dc-wind-hud{display:grid;gap:3px;text-align:left}.dc-wind-hud strong{font-size:.8rem;color:rgb(110,231,183)}.dc-wind-hud small{font-size:.72rem;color:var(--dc-muted)}
html[data-theme=light] .dc-wind-stage{background:rgb(255,255,255)}html[data-theme=light] .dc-wind-hud strong{color:rgb(6,95,70)}
.dc-sankey-stage{position:relative;display:grid;width:100%;padding:8px 10px;border-radius:11px;background:rgba(7,16,30,.9);border:1px solid rgba(52,211,153,.42);overflow:hidden}.dc-sankey-svg{width:100%;height:68px;overflow:visible}.dc-sankey-pulse{stroke-dasharray:26 34;animation:dcStreamDash 1.6s linear infinite;filter:drop-shadow(0 0 6px rgb(52,211,153))}.dc-sankey-pulse.is-p2{animation-duration:2.1s;filter:drop-shadow(0 0 6px rgb(56,189,248))}.dc-sankey-labels{position:absolute;inset:8px 10px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.dc-sankey-src{display:grid;padding:5px 8px;border-radius:8px;background:rgba(9,22,42,.92);border:1px solid rgba(56,189,248,.5);font-size:.68rem;color:var(--dc-muted);text-align:left}.dc-sankey-src b{font:800 .82rem/1.1 var(--aku-font-mono);color:var(--dc-ink)}.dc-sankey-targets{display:grid;gap:3px;text-align:right;font:700 .68rem/1.2 var(--aku-font-mono)}.dc-sankey-targets b{padding:2px 7px;border-radius:6px;background:rgba(9,22,42,.88)}.dc-sankey-targets .is-em{color:rgb(110,231,183);border:1px solid rgba(52,211,153,.45)}.dc-sankey-targets .is-sky{color:rgb(186,230,253);border:1px solid rgba(56,189,248,.45)}.dc-sankey-targets .is-am{color:rgb(253,224,71);border:1px solid rgba(251,191,36,.45)}
html[data-theme=light] .dc-sankey-stage{background:rgb(255,255,255)}html[data-theme=light] .dc-sankey-src,html[data-theme=light] .dc-sankey-targets b{background:rgba(255,255,255,.94)}html[data-theme=light] .dc-sankey-targets .is-em{color:rgb(6,95,70)}html[data-theme=light] .dc-sankey-targets .is-sky{color:rgb(12,74,110)}html[data-theme=light] .dc-sankey-targets .is-am{color:rgb(146,64,14)}
.dc-treemap-stage{display:grid;grid-template-columns:1.35fr 1fr;gap:5px;width:100%;min-height:86px}.dc-tree-hero{display:flex;flex-direction:column;justify-content:space-between;padding:8px 10px;border-radius:9px;background:radial-gradient(110% 90% at 0% 0%,rgba(52,211,153,.35),transparent 75%),linear-gradient(145deg,rgb(6,95,70),rgb(5,46,36));border:1.5px solid rgb(52,211,153);text-align:left;color:rgb(236,253,245);box-shadow:inset 0 1px 0 rgba(255,255,255,.2);animation:dcClashPulse 2.8s ease-in-out infinite}.dc-tree-hero span{font-size:.68rem;color:rgb(167,243,208)}.dc-tree-hero strong{font:800 .8rem/1.15 var(--aku-font-mono)}.dc-tree-hero small{font:600 .66rem/1.1 var(--aku-font-mono);color:rgb(209,250,229)}.dc-tree-side{display:grid;grid-template-rows:1.2fr 1fr;gap:5px}.dc-tree-mid{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;border-radius:8px;background:linear-gradient(135deg,rgb(12,74,110),rgb(8,47,73));border:1px solid rgb(56,189,248);color:rgb(224,242,254);font-size:.7rem;font-weight:700}.dc-tree-mid b{font:800 .74rem/1 var(--aku-font-mono);color:rgb(125,211,252)}.dc-tree-sub{display:grid;grid-template-columns:1fr 1fr;gap:4px;font:700 .64rem/1.15 var(--aku-font-mono)}.dc-tree-sub>span{display:grid;place-items:center;padding:4px;border-radius:6px;text-align:center}.dc-tree-sub .is-am{background:rgba(146,64,14,.55);border:1px solid rgba(251,191,36,.5);color:rgb(254,243,199)}.dc-tree-sub .is-bad{background:rgba(159,18,57,.55);border:1px solid rgba(244,63,94,.55);color:rgb(254,205,211)}
html[data-theme=light] .dc-tree-hero{background:linear-gradient(145deg,rgb(187,247,208),rgb(220,252,231));color:rgb(6,78,59)}html[data-theme=light] .dc-tree-hero span,html[data-theme=light] .dc-tree-hero small{color:rgb(4,120,87)}html[data-theme=light] .dc-tree-mid{background:rgb(224,242,254);color:rgb(12,74,110)}html[data-theme=light] .dc-tree-mid b{color:rgb(3,105,161)}html[data-theme=light] .dc-tree-sub .is-am{background:rgb(254,243,199);color:rgb(146,64,14)}html[data-theme=light] .dc-tree-sub .is-bad{background:rgb(255,228,230);color:rgb(159,18,57)}
@keyframes dcStreamDash{from{stroke-dashoffset:60}to{stroke-dashoffset:0}}
.dc-radar-stage{display:flex;align-items:center;gap:12px;width:100%;padding:8px 11px;border-radius:11px;background:rgba(7,16,30,.9);border:1px solid rgba(52,211,153,.45)}.dc-radar-dome{position:relative;width:68px;height:68px;flex:none;border-radius:50%;background:radial-gradient(circle,rgba(16,185,129,.2) 0%,rgba(6,78,59,.4) 70%),rgb(4,12,24);border:1.5px solid rgb(16,185,129);box-shadow:inset 0 0 12px rgba(16,185,129,.45);overflow:hidden}.dc-radar-dome::before{content:"";position:absolute;inset:14px;border-radius:50%;border:1px dashed rgba(52,211,153,.45)}.dc-radar-sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,rgba(52,211,153,.55),transparent 35%);animation:dcRadarSpin 2.8s linear infinite}.dc-radar-blip{position:absolute;width:6px;height:6px;border-radius:50%;background:rgb(253,224,71);box-shadow:0 0 8px rgb(253,224,71);animation:dcClashPulse 1.4s ease-in-out infinite}.dc-radar-blip.is-b1{top:18px;left:42px}.dc-radar-blip.is-b2{top:44px;left:20px;background:rgb(52,211,153)}.dc-radar-blip.is-b3{top:28px;left:16px;background:rgb(56,189,248)}.dc-radar-info{display:grid;gap:3px;text-align:left}.dc-radar-info strong{font-size:.82rem;color:var(--dc-ink)}.dc-radar-info span{font-size:.75rem;font-weight:700;color:rgb(52,211,153)}.dc-radar-info small{font-size:.72rem;color:var(--dc-muted)}
html[data-theme=light] .dc-radar-stage{background:rgb(255,255,255)}html[data-theme=light] .dc-radar-info span{color:rgb(6,95,70)}
.dc-conduit-stage{position:relative;display:grid;align-items:center;width:100%;padding:10px 8px;border-radius:11px;background:rgba(7,16,30,.88);border:1px solid rgba(96,165,250,.4)}.dc-conduit-pipe{position:absolute;left:16%;right:16%;top:50%;height:6px;translate:0 -50%;border-radius:999px;background:rgba(15,23,42,.9);border:1px solid rgba(56,189,248,.45);overflow:hidden}.dc-conduit-plasma{display:block;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(56,189,248),rgb(253,224,71),rgb(16,185,129),transparent);background-size:200% 100%;animation:dcPlasmaFlow 2s linear infinite}.dc-conduit-nodes{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.dc-conduit-orb{display:grid;place-items:center;gap:2px;padding:7px 5px;border-radius:10px;background:rgb(9,22,42);border:1.5px solid rgba(56,189,248,.55);box-shadow:0 4px 12px -4px rgba(2,6,23,.7);text-align:center}.dc-conduit-orb.is-gold{border-color:rgba(251,191,36,.65)}.dc-conduit-orb.is-em{border-color:rgb(52,211,153);background:linear-gradient(135deg,rgb(6,78,59),rgb(9,28,44));box-shadow:0 0 14px -4px rgba(16,185,129,.65)}.dc-conduit-orb span{font-size:.66rem;color:var(--dc-muted)}.dc-conduit-orb b{font-size:.74rem;color:var(--dc-ink)}.dc-conduit-orb.is-em b{color:rgb(167,243,208)}
html[data-theme=light] .dc-conduit-stage{background:rgb(255,255,255)}html[data-theme=light] .dc-conduit-orb{background:rgb(240,249,255)}html[data-theme=light] .dc-conduit-orb.is-em{background:rgb(209,250,229)}html[data-theme=light] .dc-conduit-orb.is-em b{color:rgb(6,78,59)}
.dc-sig-deck{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;width:100%}.dc-sig-card{display:grid;gap:2px;padding:6px 9px;border-radius:8px;text-align:left;font-size:.73rem;border:1px solid var(--dc-edge)}.dc-sig-card span{font-weight:700}.dc-sig-card b{font:700 .74rem/1.1 var(--aku-font-mono)}.dc-sig-card.is-news{border-left:3.5px solid rgb(56,189,248);background:rgba(12,74,110,.35);color:rgb(186,230,253)}.dc-sig-card.is-setup{border-left:3.5px solid rgb(16,185,129);background:rgba(6,95,70,.35);color:rgb(167,243,208)}.dc-sig-card.is-ind{border-left:3.5px solid rgb(245,158,11);background:rgba(120,53,15,.35);color:rgb(254,243,199)}.dc-sig-card.is-warn{border-left:3.5px solid rgb(244,63,94);background:repeating-linear-gradient(-45deg,rgba(159,18,57,.38) 0 6px,rgba(88,10,34,.38) 6px 12px);color:rgb(254,205,211)}
html[data-theme=light] .dc-sig-card.is-news{background:rgb(224,242,254);color:rgb(12,74,110)}html[data-theme=light] .dc-sig-card.is-setup{background:rgb(209,250,229);color:rgb(6,78,59)}html[data-theme=light] .dc-sig-card.is-ind{background:rgb(254,243,199);color:rgb(120,53,15)}html[data-theme=light] .dc-sig-card.is-warn{background:rgb(255,228,230);color:rgb(159,18,57)}
.dc-podium-stage{display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:8px;width:100%;min-height:94px;padding:8px 10px 0;border-radius:11px;background:rgba(7,16,30,.88);border:1px solid rgba(96,165,250,.38)}.dc-podium-col{display:grid;justify-items:center;gap:2px;text-align:center}.dc-podium-col span{font-size:.7rem;font-weight:700;color:var(--dc-ink)}.dc-podium-col b{font:800 .76rem/1 var(--aku-font-mono);color:rgb(52,211,153)}.dc-podium-col>i{display:block;width:100%;border-radius:7px 7px 0 0;transform-origin:bottom;animation:dcTowerGrow 2.8s ease-in-out infinite}.dc-podium-col.is-p2>i{height:34px;background:linear-gradient(180deg,rgb(56,189,248),rgba(2,132,199,.35));border-top:2px solid rgb(186,230,253)}.dc-podium-col.is-p1>i{height:50px;background:linear-gradient(180deg,rgb(245,158,11),rgba(16,185,129,.5));border-top:2.5px solid rgb(254,243,199);box-shadow:0 0 16px rgba(245,158,11,.55)}.dc-podium-col.is-p3>i{height:24px;background:linear-gradient(180deg,rgb(16,185,129),rgba(6,95,70,.35));border-top:2px solid rgb(167,243,208)}.dc-podium-crown{font-style:normal;font-size:.86rem;animation:dcGuide 2s ease-in-out infinite}
html[data-theme=light] .dc-podium-stage{background:rgb(255,255,255)}html[data-theme=light] .dc-podium-col b{color:rgb(6,95,70)}
/* Interactive Scenes & Mascot Widgets (SCENE-A to SCENE-J) */
.dc-scene-bubble{display:flex;align-items:center;gap:10px;width:100%}.dc-bubble-avatar{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:50%;background:radial-gradient(circle,rgba(251,191,36,.35),rgba(16,185,129,.2));border:1.5px solid rgb(251,191,36);animation:dcGuide 2.4s ease-in-out infinite}.dc-bubble-box{display:grid;gap:2px;padding:8px 12px;border-radius:12px 12px 12px 2px;background:rgb(255,251,235);border:1.5px solid rgb(245,158,11);color:rgb(46,29,6);text-align:left;box-shadow:0 6px 14px -6px rgba(0,0,0,.45)}.dc-bubble-box strong{font-size:.8rem;color:rgb(120,53,15)}.dc-bubble-box small{font-size:.72rem;color:rgb(92,64,28)}
.dc-scene-orbit{position:relative;display:grid;place-items:center;width:100%;height:88px}.dc-orbit-ring{position:absolute;width:150px;height:66px;border-radius:50%;border:1px dashed rgba(96,165,250,.45)}.dc-orbit-core{padding:5px 12px;border-radius:999px;background:radial-gradient(circle,rgba(251,191,36,.35),rgba(15,23,42,.9));border:1px solid rgb(251,191,36);font-size:.78rem;color:rgb(254,243,199);box-shadow:0 0 18px rgba(251,191,36,.45)}.dc-orbit-moon{position:absolute;padding:3px 9px;border-radius:999px;font-style:normal;font-size:.7rem;font-weight:700;backdrop-filter:blur(4px);animation:dcGuide 2.6s ease-in-out infinite}.dc-orbit-moon.is-m1{top:4px;left:14%;background:rgba(16,185,129,.25);color:rgb(167,243,208);box-shadow:0 0 12px rgba(16,185,129,.5)}.dc-orbit-moon.is-m2{bottom:4px;right:14%;background:rgba(56,189,248,.25);color:rgb(186,230,253);box-shadow:0 0 12px rgba(56,189,248,.5);animation-delay:-.8s}.dc-orbit-moon.is-m3{top:8px;right:16%;background:rgba(244,63,94,.25);color:rgb(254,205,211);box-shadow:0 0 12px rgba(244,63,94,.45);animation-delay:-1.5s}
html[data-theme=light] .dc-orbit-moon.is-m1{color:rgb(6,78,59)}html[data-theme=light] .dc-orbit-moon.is-m2{color:rgb(12,74,110)}html[data-theme=light] .dc-orbit-moon.is-m3{color:rgb(159,18,57)}
.dc-scene-desk{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;width:100%}.dc-desk-unit{position:relative;display:grid;justify-items:center;gap:3px;padding:9px 8px;border-radius:10px;background:rgba(8,17,32,.88);border:1px solid rgba(56,189,248,.4);border-bottom:3px solid rgb(245,158,11)}.dc-desk-unit b{font-size:.76rem;color:var(--dc-ink)}.dc-desk-live{font-style:normal;font-size:.68rem;font-weight:700;color:rgb(52,211,153);animation:dcClashPulse 1.8s ease-in-out infinite}.dc-desk-live.is-wait{color:rgb(253,224,71)}
html[data-theme=light] .dc-desk-unit{background:rgb(255,255,255)}html[data-theme=light] .dc-desk-live{color:rgb(6,95,70)}html[data-theme=light] .dc-desk-live.is-wait{color:rgb(146,64,14)}
.dc-scene-gallery{display:grid;grid-template-columns:1.6fr 1fr;gap:6px;width:100%}.dc-gal-main{display:flex;flex-direction:column;justify-content:space-between;padding:10px;border-radius:9px;background:linear-gradient(135deg,rgba(16,185,129,.25),rgba(12,74,110,.5));border:1px solid rgba(52,211,153,.5);text-align:left;font-size:.76rem;font-weight:700;color:var(--dc-ink)}.dc-gal-main kbd{align-self:flex-end;padding:2px 7px;border-radius:5px;background:rgba(9,20,38,.8);font:700 .68rem/1.2 var(--aku-font-mono);color:rgb(253,224,71)}.dc-gal-side{display:grid;gap:6px}.dc-gal-side>span{display:grid;place-items:center;padding:6px;border-radius:7px;background:rgba(9,20,38,.82);border:1px solid var(--dc-edge);font-size:.72rem;color:var(--dc-muted)}
html[data-theme=light] .dc-gal-side>span{background:rgb(255,255,255)}
.dc-scene-slip{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:10px 12px;border-radius:10px;background:rgba(7,22,18,.88);border:1.5px dashed rgb(16,185,129);text-align:left}.dc-slip-info small{display:block;font:700 .66rem/1 var(--aku-font-mono);color:rgb(52,211,153)}.dc-slip-info strong{font-size:.82rem;color:var(--dc-ink)}.dc-slip-stamp{padding:4px 9px;border-radius:6px;border:1.5px solid rgb(52,211,153);background:rgba(16,185,129,.2);color:rgb(167,243,208);font:800 .72rem/1 var(--aku-font-head);rotate:-6deg}
html[data-theme=light] .dc-scene-slip{background:rgb(236,253,245)}html[data-theme=light] .dc-slip-stamp{color:rgb(6,78,59)}
.dc-scene-portal{position:relative;display:grid;place-items:center;width:100%;padding:12px;border-radius:12px;overflow:hidden}.dc-portal-glow{position:absolute;bottom:4px;width:80%;height:26px;border-radius:50%;background:radial-gradient(ellipse,rgba(16,185,129,.65),transparent 72%);filter:blur(4px);animation:dcClashPulse 2.2s ease-in-out infinite}.dc-portal-content{position:relative;z-index:1;display:flex;align-items:center;gap:10px;font-size:.82rem;color:var(--dc-ink)}.dc-portal-content span{padding:3px 9px;border-radius:999px;background:rgba(16,185,129,.22);border:1px solid rgb(52,211,153);color:var(--dc-good);font-size:.74rem;font-weight:700}
.dc-scene-sim{display:grid;gap:7px;width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(52,211,153,.5);border-left:4px solid rgb(16,185,129);background:linear-gradient(135deg,rgba(16,185,129,.22),rgba(9,20,38,.9))}.dc-sim-top{display:flex;justify-content:space-between;font-size:.76rem}.dc-sim-top b{color:var(--dc-ink)}.dc-sim-top span{font-weight:700;color:var(--dc-good)}.dc-sim-bar{position:relative;height:8px;border-radius:999px;background:rgba(15,23,42,.75)}.dc-sim-bar>i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,rgb(16,185,129),rgb(52,211,153))}.dc-sim-bar>b{position:absolute;left:68%;top:50%;translate:-50% -50%;width:16px;height:16px;border-radius:50%;background:rgb(255,255,255);border:3px solid rgb(16,185,129);box-shadow:0 0 8px rgba(16,185,129,.8)}
html[data-theme=light] .dc-scene-sim{background:linear-gradient(135deg,rgba(16,185,129,.18),rgb(255,255,255))}
.dc-scene-split{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;width:100%}.dc-split-old,.dc-split-new{display:grid;gap:2px;padding:8px;border-radius:8px;font-size:.75rem}.dc-split-old{background:rgba(15,23,42,.7);border:1px dashed rgba(148,163,184,.4);color:var(--dc-muted)}.dc-split-new{background:linear-gradient(135deg,rgba(16,185,129,.22),rgba(56,189,248,.2));border:1px solid rgb(52,211,153);color:var(--dc-ink);font-weight:700}.dc-split-divider{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--aku-primary);color:var(--aku-primary-ink);font-style:normal;font-weight:800;font-size:.76rem}
html[data-theme=light] .dc-split-old{background:rgb(241,245,249)}html[data-theme=light] .dc-split-new{background:rgb(209,250,229)}
.dc-scene-drawer{display:flex;align-items:center;justify-content:flex-end;gap:6px;width:100%}.dc-drawer-tab{padding:6px 10px;border-radius:10px 0 0 10px;background:linear-gradient(135deg,rgb(12,74,110),rgb(2,132,199));color:rgb(240,249,255);font-size:.74rem;font-weight:700}.dc-drawer-body{display:grid;gap:2px;padding:7px 11px;border-radius:9px;background:rgba(9,20,38,.9);border:1px solid rgba(56,189,248,.5);text-align:left;font-size:.75rem}.dc-drawer-body b{color:var(--dc-ink)}.dc-drawer-body small{color:var(--dc-muted)}
html[data-theme=light] .dc-drawer-body{background:rgb(255,255,255)}
.dc-scene-sky{position:relative;display:grid;place-items:center;gap:4px;width:100%;height:84px;padding:10px;border-radius:11px;background:linear-gradient(180deg,rgb(5,12,26),rgb(12,28,54));border:1px solid rgba(96,165,250,.4);overflow:hidden}.dc-sky-north{color:rgb(254,243,199);font-size:.82rem;font-weight:700;text-shadow:0 0 10px rgb(253,224,71);animation:dcClashPulse 2s ease-in-out infinite}.dc-sky-comet{position:absolute;top:18px;left:-30%;width:72px;height:2px;background:linear-gradient(90deg,transparent,rgb(255,255,255));rotate:18deg;animation:dcCometFly 2.8s ease-in-out infinite}.dc-scene-sky small{font-size:.72rem;color:rgb(186,230,253)}
@keyframes dcStripeMove{from{background-position:0 0}to{background-position:24px 0}}
@keyframes dcClashPulse{0%,100%{scale:1;opacity:.92}50%{scale:1.12;opacity:1}}
@keyframes dcNeedleSweep{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}
@keyframes dcTowerGrow{0%,100%{transform:scaleY(.92)}50%{transform:scaleY(1.04)}}
@keyframes dcLiftRide{0%,100%{translate:0 2px}50%{translate:0 -3px}}
@keyframes dcWaveGlow{0%,100%{filter:drop-shadow(0 0 3px rgba(52,211,153,.4))}50%{filter:drop-shadow(0 0 9px rgba(52,211,153,.95))}}
@keyframes dcPingRing{0%{transform:scale(.8);opacity:.9}100%{transform:scale(1.85);opacity:0}}
@keyframes dcWindGust{from{translate:-60% 0;opacity:0}50%{opacity:1}to{translate:180% 0;opacity:0}}
@keyframes dcSockFlutter{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(4deg)}}
@keyframes dcRadarSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes dcPlasmaFlow{from{background-position:200% 0}to{background-position:-200% 0}}
@keyframes dcCometFly{0%,30%{translate:0 0;opacity:0}50%{opacity:1}100%{translate:280px 44px;opacity:0}}
@keyframes dcTickerMove{0%{translate:0 0}50%{translate:-18% 0}100%{translate:0 0}}
@keyframes dcTimerShrink{0%{transform:scaleX(1)}50%{transform:scaleX(.28)}100%{transform:scaleX(1)}}
/* Heroes (HERO-A to HERO-J) */
.dc-hero-spot{position:relative;display:grid;place-items:center;gap:4px;width:100%;padding:12px 10px;border-radius:11px;background:rgba(7,16,30,.92);border:1px solid rgba(251,191,36,.45);overflow:hidden;text-align:center}.dc-hero-beam{position:absolute;top:-24px;left:50%;translate:-50% 0;width:140px;height:68px;background:radial-gradient(ellipse at top,rgba(251,191,36,.48),transparent 72%);pointer-events:none;animation:dcClashPulse 2.4s ease-in-out infinite}.dc-hero-live{position:relative;padding:2px 8px;border-radius:999px;background:rgba(16,185,129,.22);border:1px solid rgb(52,211,153);color:rgb(110,231,183);font:700 .66rem/1.2 var(--aku-font-mono);font-style:normal}.dc-hero-spot strong{position:relative;font-size:.86rem;color:rgb(254,243,199)}
html[data-theme=light] .dc-hero-spot{background:rgb(255,251,235)}html[data-theme=light] .dc-hero-live{color:rgb(6,95,70)}html[data-theme=light] .dc-hero-spot strong{color:rgb(120,53,15)}
.dc-hero-split{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:8px;width:100%;padding:9px 11px;border-radius:11px;background:rgba(7,16,30,.9);border:1px solid rgba(56,189,248,.42)}.dc-hero-split-l{display:grid;gap:2px;text-align:left}.dc-hero-split-l small{font:700 .64rem/1 var(--aku-font-mono);color:rgb(56,189,248)}.dc-hero-split-l strong{font-size:.78rem;color:var(--dc-ink)}.dc-hero-split-r{display:grid;place-items:center;padding:6px 8px;border-radius:9px;background:linear-gradient(135deg,rgb(6,95,70),rgb(4,47,46));border:1px solid rgb(52,211,153);color:rgb(236,253,245)}.dc-hero-split-r b{font:800 .94rem/1.1 var(--aku-font-mono);animation:dcClashPulse 2.2s ease-in-out infinite}.dc-hero-split-r span{font-size:.66rem;color:rgb(167,243,208)}
html[data-theme=light] .dc-hero-split{background:rgb(255,255,255)}
.dc-hero-ticker{display:grid;gap:7px;width:100%;padding:8px 10px;border-radius:11px;background:rgba(7,16,30,.9);border:1px solid rgba(251,191,36,.42);overflow:hidden}.dc-ticker-belt{overflow:hidden;padding:3px 6px;border-radius:6px;background:rgba(15,23,42,.9);border:1px solid rgba(96,165,250,.32)}.dc-ticker-track{display:flex;gap:12px;white-space:nowrap;font:700 .68rem/1.2 var(--aku-font-mono);color:var(--dc-muted);animation:dcTickerMove 4.5s ease-in-out infinite}.dc-ticker-track b{color:rgb(52,211,153)}.dc-hero-gold{font-size:.84rem;color:rgb(253,224,71);text-align:center}
html[data-theme=light] .dc-hero-ticker{background:rgb(255,255,255)}html[data-theme=light] .dc-ticker-belt{background:rgb(241,245,249)}html[data-theme=light] .dc-ticker-track b{color:rgb(6,95,70)}html[data-theme=light] .dc-hero-gold{color:rgb(146,64,14)}
.dc-hero-mag{display:grid;gap:5px;width:100%;padding:9px 12px;border-radius:10px;background:linear-gradient(135deg,rgb(15,23,42),rgb(9,20,38));border-top:3.5px solid rgb(245,158,11);border-bottom:1.5px solid rgba(251,191,36,.45);text-align:left}.dc-mag-top{display:flex;justify-content:space-between;font:700 .66rem/1 var(--aku-font-mono);color:var(--dc-muted)}.dc-mag-top b{color:rgb(253,224,71)}.dc-hero-mag strong{font-size:.84rem;color:var(--dc-ink)}
html[data-theme=light] .dc-hero-mag{background:rgb(255,251,235)}html[data-theme=light] .dc-mag-top b{color:rgb(146,64,14)}
.dc-hero-kinetic{position:relative;display:grid;place-items:center;width:100%;height:78px;padding:8px;border-radius:11px;background:rgba(7,16,30,.9);border:1px solid rgba(52,211,153,.42);overflow:hidden}.dc-kinetic-ring{position:absolute;width:96px;height:96px;border-radius:50%;border:2px dashed rgba(52,211,153,.45);animation:dcRadarSpin 8s linear infinite}.dc-kinetic-copy{position:relative;z-index:1;display:grid;gap:2px;text-align:center}.dc-kinetic-copy small{font:700 .64rem/1 var(--aku-font-mono);color:rgb(52,211,153)}.dc-kinetic-copy strong{font-size:.84rem;color:var(--dc-ink)}
html[data-theme=light] .dc-hero-kinetic{background:rgb(255,255,255)}html[data-theme=light] .dc-kinetic-copy small{color:rgb(6,95,70)}
.dc-hero-hud{display:grid;gap:5px;width:100%;padding:9px 12px;border-radius:8px;background:rgba(6,18,34,.92);border-left:3px solid rgb(56,189,248);border-right:3px solid rgb(56,189,248);box-shadow:inset 0 0 12px rgba(56,189,248,.2)}.dc-hud-meta{display:flex;justify-content:space-between;font:700 .68rem/1 var(--aku-font-mono);color:rgb(56,189,248)}.dc-hud-meta em{font-style:normal;color:rgb(52,211,153)}.dc-hero-hud strong{font-size:.82rem;color:var(--dc-ink);text-align:left}
html[data-theme=light] .dc-hero-hud{background:rgb(240,249,255)}html[data-theme=light] .dc-hud-meta{color:rgb(3,105,161)}html[data-theme=light] .dc-hud-meta em{color:rgb(6,95,70)}
.dc-hero-marquee{display:flex;align-items:center;gap:10px;width:100%;padding:8px 11px;border-radius:11px;background:radial-gradient(90% 100% at 0% 50%,rgba(245,158,11,.25),transparent 70%),rgba(9,20,38,.9);border:1.5px solid rgb(245,158,11)}.dc-marquee-mascot{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(245,158,11,.24);border:1px solid rgb(253,224,71);animation:dcGuide 2s ease-in-out infinite}.dc-marquee-box{display:grid;gap:2px;text-align:left}.dc-marquee-box small{font:800 .64rem/1 var(--aku-font-mono);color:rgb(253,224,71)}.dc-marquee-box strong{font-size:.82rem;color:var(--dc-ink)}
html[data-theme=light] .dc-hero-marquee{background:rgb(255,251,235)}html[data-theme=light] .dc-marquee-box small{color:rgb(146,64,14)}
.dc-hero-laser{display:grid;gap:5px;width:100%;padding:9px 11px;border-radius:10px;background:rgba(7,16,30,.9);border:1px solid var(--dc-edge);text-align:center}.dc-hero-laser strong{font-size:.8rem;color:var(--dc-ink)}.dc-laser-bar{display:block;height:3px;border-radius:999px;background:linear-gradient(90deg,transparent,rgb(56,189,248),rgb(253,224,71),rgb(16,185,129),transparent);background-size:200% 100%;animation:dcPlasmaFlow 2.2s linear infinite}.dc-hero-laser small{font-size:.7rem;color:var(--dc-muted)}
html[data-theme=light] .dc-hero-laser{background:rgb(255,255,255)}
.dc-hero-deck{position:relative;width:100%;padding-top:6px}.dc-deck-back{position:absolute;top:0;left:8px;right:8px;height:100%;border-radius:10px;background:rgba(56,189,248,.22);border:1px solid rgba(56,189,248,.45);rotate:-1.5deg;transition:rotate .2s ease}:is(.dc-showcase-card:hover) .dc-deck-back{rotate:-3deg}.dc-deck-front{position:relative;display:grid;gap:2px;padding:9px 12px;border-radius:10px;background:rgb(9,22,42);border:1px solid rgb(56,189,248);text-align:left}.dc-deck-front small{font:700 .64rem/1 var(--aku-font-mono);color:rgb(56,189,248)}.dc-deck-front strong{font-size:.82rem;color:var(--dc-ink)}
html[data-theme=light] .dc-deck-front{background:rgb(255,255,255)}
.dc-hero-giant{display:grid;gap:4px;width:100%;padding:8px 11px;border-radius:11px;background:radial-gradient(80% 90% at 50% 0%,rgba(16,185,129,.25),transparent 75%),rgba(7,16,30,.9);border:1px solid rgb(52,211,153);text-align:center}.dc-giant-num{display:flex;align-items:center;justify-content:center;gap:8px}.dc-giant-num b{font:800 1.25rem/1 var(--aku-font-mono);color:rgb(110,231,183);text-shadow:0 0 12px rgba(16,185,129,.5)}.dc-giant-num span{padding:2px 8px;border-radius:999px;background:rgba(16,185,129,.2);color:rgb(167,243,208);font-size:.72rem;font-weight:700}.dc-hero-giant small{font-size:.7rem;color:var(--dc-muted)}
html[data-theme=light] .dc-hero-giant{background:rgb(236,253,245)}html[data-theme=light] .dc-giant-num b,html[data-theme=light] .dc-giant-num span{color:rgb(6,95,70)}
/* Domain Cards (CARD-A to CARD-J) */
.dc-card-stock,.dc-card-news,.dc-card-learn,.dc-card-vinyl,.dc-card-quote,.dc-card-short,.dc-card-deal,.dc-card-xp,.dc-card-atlas,.dc-card-earn{display:grid;gap:6px;width:100%;padding:9px 11px;border-radius:11px;background:rgba(8,18,34,.9);border:1px solid var(--dc-edge);text-align:left}
html[data-theme=light] :is(.dc-card-stock,.dc-card-news,.dc-card-learn,.dc-card-vinyl,.dc-card-quote,.dc-card-short,.dc-card-deal,.dc-card-xp,.dc-card-atlas,.dc-card-earn){background:rgb(255,255,255)}
.dc-cstock-top{display:flex;justify-content:space-between;font:800 .82rem/1 var(--aku-font-mono);color:var(--dc-ink)}.dc-cstock-top em{font-style:normal;color:rgb(52,211,153)}.dc-cstock-bar{position:relative;height:7px;border-radius:999px;background:rgba(148,163,184,.25)}.dc-cstock-bar>i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,rgb(56,189,248),rgb(16,185,129))}.dc-cstock-bar>b{position:absolute;top:50%;translate:-50% -50%;width:13px;height:13px;border-radius:50%;background:rgb(255,255,255);border:2.5px solid rgb(16,185,129);box-shadow:0 0 8px rgb(52,211,153);animation:dcClashPulse 1.6s ease-in-out infinite}.dc-cstock-sub{display:flex;justify-content:space-between;font-size:.68rem;color:var(--dc-muted)}
html[data-theme=light] .dc-cstock-top em{color:rgb(6,95,70)}
.dc-cnews-top{display:flex;justify-content:space-between;align-items:center;font-size:.7rem}.dc-cnews-tag{padding:2px 7px;border-radius:999px;background:rgba(245,158,11,.22);color:rgb(253,224,71);font-weight:700}.dc-cnews-top b{font:700 .72rem/1 var(--aku-font-mono);color:rgb(52,211,153)}.dc-card-news strong{font-size:.8rem;color:var(--dc-ink)}.dc-cnews-chips{display:flex;gap:5px;font:700 .68rem/1.1 var(--aku-font-mono)}.dc-cnews-chips span{padding:2px 6px;border-radius:5px;background:rgba(16,185,129,.18);color:rgb(110,231,183)}
html[data-theme=light] .dc-cnews-tag{color:rgb(146,64,14)}html[data-theme=light] .dc-cnews-top b,html[data-theme=light] .dc-cnews-chips span{color:rgb(6,95,70)}
.dc-clearn-lv{display:flex;gap:4px;font-size:.66rem;font-weight:700}.dc-clearn-lv span{padding:2px 7px;border-radius:999px;background:rgba(148,163,184,.18);color:var(--dc-muted)}.dc-clearn-lv span.is-on{background:rgba(56,189,248,.22);color:rgb(125,211,252)}.dc-card-learn strong{font-size:.8rem;color:var(--dc-ink)}.dc-clearn-prog{height:6px;border-radius:999px;background:rgba(148,163,184,.22);overflow:hidden}.dc-clearn-prog>i{display:block;height:100%;background:linear-gradient(90deg,rgb(56,189,248),rgb(16,185,129));animation:dcStripeMove 1.6s linear infinite}
html[data-theme=light] .dc-clearn-lv span.is-on{color:rgb(3,105,161)}
.dc-card-vinyl{display:flex;align-items:center;gap:10px}.dc-vinyl-disc{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:50%;background:radial-gradient(circle,rgb(245,158,11) 0 18%,rgb(15,23,42) 20% 45%,rgb(51,65,85) 47% 50%,rgb(15,23,42) 52% 100%);border:1.5px solid rgb(251,191,36);animation:dcRadarSpin 4s linear infinite}.dc-vinyl-disc i{width:8px;height:8px;border-radius:50%;background:rgb(255,255,255)}.dc-vinyl-info{display:grid;gap:2px}.dc-vinyl-info strong{font-size:.8rem;color:var(--dc-ink)}.dc-vinyl-info span{font-size:.73rem;color:var(--dc-muted)}.dc-vinyl-info b{color:rgb(253,224,71)}
html[data-theme=light] .dc-vinyl-info b{color:rgb(146,64,14)}
.dc-card-quote{border-left:3.5px solid rgb(245,158,11)}.dc-card-quote blockquote{margin:0;font-size:.78rem;font-weight:700;color:var(--dc-ink)}.dc-cquote-foot{display:flex;justify-content:space-between;font-size:.7rem;color:var(--dc-muted)}.dc-cquote-foot b{color:rgb(253,224,71)}
html[data-theme=light] .dc-cquote-foot b{color:rgb(146,64,14)}
.dc-card-short{display:flex;align-items:center;gap:10px}.dc-cshort-wave{display:flex;align-items:end;gap:3px;height:32px;padding:4px 7px;border-radius:8px;background:rgba(16,185,129,.18);border:1px solid rgba(52,211,153,.45)}.dc-cshort-wave i{width:4px;height:22px;border-radius:999px;background:rgb(52,211,153);transform-origin:bottom;animation:dcTowerGrow 1.1s ease-in-out infinite}.dc-cshort-wave i:nth-child(2){height:14px;animation-delay:-.3s}.dc-cshort-wave i:nth-child(3){height:24px;animation-delay:-.6s}.dc-cshort-wave i:nth-child(4){height:16px;animation-delay:-.2s}.dc-cshort-copy{display:grid;gap:2px}.dc-cshort-copy strong{font-size:.8rem;color:var(--dc-ink)}.dc-cshort-copy small{font-size:.7rem;color:var(--dc-muted)}
.dc-cdeal-top{display:flex;justify-content:space-between;align-items:center;gap:6px}.dc-cdeal-top strong{font-size:.8rem;color:var(--dc-ink)}.dc-cdeal-top span{padding:2px 7px;border-radius:999px;background:rgba(16,185,129,.2);color:rgb(52,211,153);font-size:.68rem;font-weight:700;white-space:nowrap}.dc-cdeal-specs{display:flex;gap:6px;flex-wrap:wrap}.dc-cdeal-specs small{padding:2px 7px;border-radius:6px;background:rgba(56,189,248,.15);color:var(--dc-ink);font-size:.68rem}
html[data-theme=light] .dc-cdeal-top span{color:rgb(6,95,70)}
.dc-cxp-top{display:flex;justify-content:space-between;font-size:.76rem}.dc-cxp-top strong{color:var(--dc-ink)}.dc-cxp-top b{font:700 .72rem/1 var(--aku-font-mono);color:rgb(52,211,153)}.dc-cxp-bar{height:8px;border-radius:999px;background:rgba(148,163,184,.22);overflow:hidden}.dc-cxp-bar>i{display:block;height:100%;border-radius:999px;background:repeating-linear-gradient(-45deg,rgb(16,185,129) 0 8px,rgb(52,211,153) 8px 16px);background-size:24px 24px;animation:dcStripeMove 1.4s linear infinite}.dc-card-xp small{font-size:.68rem;color:var(--dc-muted)}
html[data-theme=light] .dc-cxp-top b{color:rgb(6,95,70)}
.dc-catlas-nodes{display:flex;align-items:center;gap:4px;font-size:.68rem}.dc-catlas-nodes span{display:grid;padding:4px 7px;border-radius:7px;background:rgba(15,23,42,.8);border:1px solid var(--dc-edge);color:var(--dc-muted)}.dc-catlas-nodes span b{font:800 .72rem/1 var(--aku-font-mono);color:var(--dc-ink)}.dc-catlas-nodes span.is-now{border-color:rgb(251,191,36);background:rgba(245,158,11,.22);color:rgb(254,243,199)}.dc-catlas-nodes>i{flex:1;height:2px;background:rgb(56,189,248)}.dc-card-atlas small{font-size:.68rem;color:var(--dc-muted)}
html[data-theme=light] .dc-catlas-nodes span{background:rgb(241,245,249)}html[data-theme=light] .dc-catlas-nodes span.is-now{background:rgb(254,243,199);color:rgb(120,53,15)}
.dc-cearn-top{display:flex;justify-content:space-between;align-items:center}.dc-cearn-top strong{font-size:.8rem;color:var(--dc-ink)}.dc-cearn-beat{padding:2px 8px;border-radius:999px;background:rgba(16,185,129,.22);border:1px solid rgb(52,211,153);color:rgb(110,231,183);font:800 .68rem/1.1 var(--aku-font-mono)}.dc-cearn-bars{display:grid;gap:4px}.dc-cearn-row{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:6px;font-size:.68rem}.dc-cearn-row small{color:var(--dc-muted)}.dc-cearn-row i{display:block;height:8px;border-radius:999px}.dc-cearn-row i.is-est{background:rgba(148,163,184,.45)}.dc-cearn-row i.is-act{background:linear-gradient(90deg,rgb(16,185,129),rgb(52,211,153));box-shadow:0 0 10px rgba(16,185,129,.5)}.dc-cearn-row b{font:700 .7rem/1 var(--aku-font-mono);color:var(--dc-ink)}
html[data-theme=light] .dc-cearn-beat{color:rgb(6,95,70)}
/* Interactive Controls & Calculators (CTRL-A to CTRL-J) */
.dc-ctrl-search,.dc-ctrl-rr,.dc-ctrl-arm,.dc-ctrl-tf,.dc-ctrl-conv,.dc-ctrl-copy,.dc-ctrl-mag,.dc-ctrl-size,.dc-ctrl-poll,.dc-ctrl-xray{width:100%;padding:8px 11px;border-radius:11px;background:rgba(8,18,34,.9);border:1px solid var(--dc-edge);text-align:left}
html[data-theme=light] :is(.dc-ctrl-search,.dc-ctrl-rr,.dc-ctrl-arm,.dc-ctrl-tf,.dc-ctrl-conv,.dc-ctrl-copy,.dc-ctrl-mag,.dc-ctrl-size,.dc-ctrl-poll,.dc-ctrl-xray){background:rgb(255,255,255)}
.dc-ctrl-search{display:grid;gap:6px}.dc-csearch-box{display:flex;justify-content:space-between;align-items:center;padding:5px 9px;border-radius:8px;background:rgba(15,23,42,.85);border:1px solid rgba(56,189,248,.45);font-size:.74rem;color:var(--dc-muted)}.dc-csearch-box kbd{padding:1px 6px;border-radius:5px;background:rgba(56,189,248,.2);color:rgb(125,211,252);font:700 .68rem/1.2 var(--aku-font-mono)}.dc-csearch-chips{display:flex;gap:5px;font-size:.68rem;font-weight:700}.dc-csearch-chips span{padding:2px 7px;border-radius:999px;background:rgba(245,158,11,.18);color:rgb(253,224,71)}
html[data-theme=light] .dc-csearch-box{background:rgb(241,245,249)}html[data-theme=light] .dc-csearch-box kbd{color:rgb(3,105,161)}html[data-theme=light] .dc-csearch-chips span{color:rgb(146,64,14)}
.dc-ctrl-rr{display:grid;gap:5px}.dc-crr-top{display:flex;justify-content:space-between;font-size:.68rem;font-weight:700;color:var(--dc-muted)}.dc-crr-top b{color:rgb(253,224,71)}.dc-crr-bar{display:flex;height:18px;border-radius:999px;overflow:hidden;font:800 .66rem/18px var(--aku-font-mono);text-align:center}.dc-crr-bar .is-risk{background:rgb(225,29,72);color:rgb(255,255,255)}.dc-crr-bar .is-rew{background:linear-gradient(90deg,rgb(16,185,129),rgb(5,150,105));color:rgb(236,253,245)}
html[data-theme=light] .dc-crr-top b{color:rgb(146,64,14)}
.dc-ctrl-arm{display:flex;justify-content:space-between;align-items:center;gap:8px}.dc-carm-copy{display:grid;gap:2px}.dc-carm-copy strong{font-size:.78rem;color:var(--dc-ink)}.dc-carm-copy small{font-size:.68rem;color:var(--dc-muted)}.dc-carm-switch{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:999px;background:rgba(16,185,129,.24);border:1.5px solid rgb(52,211,153);color:rgb(110,231,183);font:800 .72rem/1 var(--aku-font-mono)}.dc-carm-switch i{width:9px;height:9px;border-radius:50%;background:rgb(52,211,153);box-shadow:0 0 8px rgb(52,211,153);animation:dcClashPulse 1.4s ease-in-out infinite}
html[data-theme=light] .dc-carm-switch{color:rgb(6,95,70)}
.dc-ctrl-tf{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;text-align:center}.dc-ctrl-tf>span{display:grid;padding:5px 4px;border-radius:8px;background:rgba(15,23,42,.75);border:1px solid var(--dc-edge)}.dc-ctrl-tf>span.is-on{background:rgba(16,185,129,.22);border-color:rgb(52,211,153)}.dc-ctrl-tf b{font:800 .74rem/1.1 var(--aku-font-mono);color:var(--dc-ink)}.dc-ctrl-tf em{font:700 .64rem/1.1 var(--aku-font-mono);font-style:normal;color:rgb(52,211,153)}
html[data-theme=light] .dc-ctrl-tf>span:not(.is-on){background:rgb(241,245,249)}html[data-theme=light] .dc-ctrl-tf em{color:rgb(6,95,70)}
.dc-ctrl-conv{display:flex;align-items:center;justify-content:space-between;gap:10px}.dc-cconv-bars{display:flex;align-items:end;gap:4px;height:34px}.dc-cconv-bars i{width:8px;height:var(--h);border-radius:3px;background:rgba(148,163,184,.3)}.dc-cconv-bars i.is-on{background:linear-gradient(180deg,rgb(52,211,153),rgb(16,185,129));box-shadow:0 0 8px rgba(16,185,129,.5)}.dc-cconv-meta{display:grid;gap:2px}.dc-cconv-meta strong{font-size:.78rem;color:var(--dc-ink)}.dc-cconv-meta span{font-size:.7rem;font-weight:700;color:rgb(52,211,153)}
html[data-theme=light] .dc-cconv-meta span{color:rgb(6,95,70)}
.dc-ctrl-copy{display:flex;justify-content:space-between;align-items:center;gap:8px}.dc-ctrl-copy code{font:600 .7rem/1.2 var(--aku-font-mono);color:rgb(186,230,253)}.dc-ccopy-btn{padding:4px 9px;border-radius:999px;background:rgba(16,185,129,.22);border:1px solid rgb(52,211,153);color:rgb(110,231,183);font-size:.7rem;font-weight:700;white-space:nowrap}
html[data-theme=light] .dc-ctrl-copy code{color:rgb(12,74,110)}html[data-theme=light] .dc-ccopy-btn{color:rgb(6,95,70)}
.dc-ctrl-mag{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap}.dc-cmag-chip{padding:3px 8px;border-radius:999px;background:rgba(56,189,248,.2);border:1px solid rgba(56,189,248,.5);color:var(--dc-ink);font-size:.72rem;font-weight:700}.dc-cmag-chip b{color:rgb(251,113,133)}.dc-cmag-clear{font-style:normal;font-size:.7rem;font-weight:700;color:rgb(253,224,71)}
html[data-theme=light] .dc-cmag-clear{color:rgb(146,64,14)}
.dc-ctrl-size{display:flex;align-items:center;justify-content:space-between;gap:8px}.dc-csize-stepper{display:inline-flex;align-items:center;gap:6px;padding:3px 7px;border-radius:8px;background:rgba(15,23,42,.85);border:1px solid var(--dc-edge);font:800 .76rem/1 var(--aku-font-mono);color:var(--dc-ink)}.dc-csize-stepper span{display:grid;place-items:center;width:20px;height:20px;border-radius:5px;background:rgba(56,189,248,.22);color:rgb(125,211,252)}.dc-csize-guard{display:grid;text-align:right;font-size:.68rem;color:var(--dc-muted)}.dc-csize-guard em{font-style:normal;font-weight:700;color:rgb(52,211,153)}
html[data-theme=light] .dc-csize-stepper{background:rgb(241,245,249)}html[data-theme=light] .dc-csize-stepper span{color:rgb(3,105,161)}html[data-theme=light] .dc-csize-guard em{color:rgb(6,95,70)}
.dc-ctrl-poll{display:grid;gap:6px}.dc-cpoll-btns{display:flex;justify-content:space-between;font-size:.74rem;font-weight:700}.dc-cpoll-btns .is-bull{color:rgb(52,211,153)}.dc-cpoll-btns .is-bear{color:rgb(251,113,133)}.dc-cpoll-bar{height:8px;border-radius:999px;background:rgba(244,63,94,.35);overflow:hidden}.dc-cpoll-bar>i{display:block;height:100%;background:linear-gradient(90deg,rgb(16,185,129),rgb(52,211,153))}
html[data-theme=light] .dc-cpoll-btns .is-bull{color:rgb(6,95,70)}html[data-theme=light] .dc-cpoll-btns .is-bear{color:rgb(159,18,57)}
.dc-ctrl-xray{display:grid;gap:3px;border-color:rgba(56,189,248,.55);background:radial-gradient(90% 90% at 100% 0%,rgba(56,189,248,.22),transparent 70%),rgba(8,18,34,.92)}.dc-cxray-badge{justify-self:start;padding:1px 7px;border-radius:999px;background:rgba(56,189,248,.22);color:rgb(125,211,252);font:800 .64rem/1.2 var(--aku-font-mono)}.dc-ctrl-xray strong{font-size:.78rem;color:var(--dc-ink)}.dc-ctrl-xray small{font-size:.68rem;color:var(--dc-muted)}
html[data-theme=light] .dc-cxray-badge{color:rgb(3,105,161)}
/* Radar Tables, Leaderboards & Timelines (TBL-A to TBL-J) */
.dc-tbl-ruler,.dc-tbl-climb,.dc-tbl-butterfly,.dc-tbl-cal,.dc-tbl-gate,.dc-tbl-ledger,.dc-tbl-flow,.dc-tbl-vocab,.dc-tbl-port,.dc-tbl-kanban{width:100%;padding:8px 11px;border-radius:11px;background:rgba(8,18,34,.9);border:1px solid var(--dc-edge);text-align:left}
html[data-theme=light] :is(.dc-tbl-ruler,.dc-tbl-climb,.dc-tbl-butterfly,.dc-tbl-cal,.dc-tbl-gate,.dc-tbl-ledger,.dc-tbl-flow,.dc-tbl-vocab,.dc-tbl-port,.dc-tbl-kanban){background:rgb(255,255,255)}
.dc-tbl-ruler{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px}.dc-tbl-ruler b{font:800 .8rem/1 var(--aku-font-mono);color:var(--dc-ink)}.dc-truler-bar{position:relative;height:6px;border-radius:999px;background:linear-gradient(90deg,rgba(244,63,94,.4),rgba(251,191,36,.4),rgba(16,185,129,.5))}.dc-truler-bar i{position:absolute;top:50%;translate:-50% -50%;width:12px;height:12px;border-radius:50%;background:rgb(255,255,255);border:2.5px solid rgb(16,185,129)}.dc-truler-tag{font-size:.7rem;font-weight:700;color:rgb(52,211,153)}
html[data-theme=light] .dc-truler-tag{color:rgb(6,95,70)}
.dc-tbl-climb{display:flex;align-items:center;justify-content:space-between;gap:8px}.dc-tclimb-rank{padding:3px 7px;border-radius:7px;background:rgba(245,158,11,.2);color:rgb(253,224,71);font:800 .74rem/1 var(--aku-font-mono)}.dc-tclimb-rank em{font-style:normal;color:rgb(52,211,153)}.dc-tbl-climb strong{font-size:.8rem;color:var(--dc-ink)}.dc-tclimb-val{font:800 .82rem/1 var(--aku-font-mono);color:rgb(52,211,153)}
html[data-theme=light] .dc-tclimb-rank{color:rgb(146,64,14)}html[data-theme=light] .dc-tclimb-rank em,html[data-theme=light] .dc-tclimb-val{color:rgb(6,95,70)}
.dc-tbl-butterfly{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px;font:700 .7rem/1 var(--aku-font-mono)}.dc-tbf-side{display:flex;align-items:center;gap:5px}.dc-tbf-side.is-l{justify-content:flex-end;color:rgb(52,211,153)}.dc-tbf-side.is-r{color:rgb(56,189,248)}.dc-tbf-side i{display:block;height:8px;border-radius:999px}.dc-tbf-side.is-l i{background:rgb(16,185,129)}.dc-tbf-side.is-r i{background:rgb(56,189,248)}.dc-tbf-mid{padding:2px 6px;border-radius:5px;background:rgba(148,163,184,.18);color:var(--dc-ink);font-size:.66rem}
html[data-theme=light] .dc-tbf-side.is-l{color:rgb(6,95,70)}html[data-theme=light] .dc-tbf-side.is-r{color:rgb(3,105,161)}
.dc-tbl-cal{display:grid;gap:3px;border-left:3.5px solid rgb(245,158,11)}.dc-tcal-time{font:700 .68rem/1 var(--aku-font-mono);color:rgb(253,224,71)}.dc-tbl-cal strong{font-size:.78rem;color:var(--dc-ink)}.dc-tcal-hot{font-style:normal;font-size:.68rem;font-weight:700;color:rgb(251,113,133)}
html[data-theme=light] .dc-tcal-time{color:rgb(146,64,14)}html[data-theme=light] .dc-tcal-hot{color:rgb(159,18,57)}
.dc-tbl-gate{display:grid;gap:5px}.dc-tgate-items{display:flex;gap:5px;flex-wrap:wrap;font-size:.66rem;font-weight:700}.dc-tgate-items span{padding:2px 6px;border-radius:5px;background:rgba(16,185,129,.18);color:rgb(110,231,183)}.dc-tgate-ok{font-size:.74rem;color:rgb(52,211,153)}
html[data-theme=light] .dc-tgate-items span,html[data-theme=light] .dc-tgate-ok{color:rgb(6,95,70)}
.dc-tbl-ledger{display:flex;align-items:center;justify-content:space-between;gap:8px}.dc-tled-win{padding:3px 8px;border-radius:6px;background:rgb(16,185,129);color:rgb(4,47,46);font:800 .7rem/1 var(--aku-font-mono)}.dc-tbl-ledger strong{font-size:.78rem;color:var(--dc-ink)}.dc-tbl-ledger b{font:800 .78rem/1 var(--aku-font-mono);color:rgb(52,211,153)}.dc-tbl-ledger em{font-style:normal;font-size:.68rem;color:var(--dc-muted)}
html[data-theme=light] .dc-tbl-ledger b{color:rgb(6,95,70)}
.dc-tbl-flow{display:flex;align-items:center;justify-content:space-between;gap:6px}.dc-tflow-call{padding:2px 6px;border-radius:5px;background:rgba(16,185,129,.22);border:1px solid rgb(52,211,153);color:rgb(110,231,183);font:800 .64rem/1.1 var(--aku-font-mono)}.dc-tbl-flow strong{font-size:.78rem;color:var(--dc-ink)}.dc-tflow-bars{display:flex;gap:2px}.dc-tflow-bars i{width:4px;height:12px;border-radius:2px;background:rgb(52,211,153)}.dc-tbl-flow b{font:800 .76rem/1 var(--aku-font-mono);color:rgb(253,224,71)}
html[data-theme=light] .dc-tflow-call{color:rgb(6,95,70)}html[data-theme=light] .dc-tbl-flow b{color:rgb(146,64,14)}
.dc-tbl-vocab{display:grid;gap:3px}.dc-tvoc-top{display:flex;justify-content:space-between;font-size:.78rem}.dc-tvoc-top strong{color:rgb(125,211,252)}.dc-tvoc-top span{font-weight:700;color:var(--dc-ink)}.dc-tbl-vocab small{font-size:.68rem;color:var(--dc-muted)}
html[data-theme=light] .dc-tvoc-top strong{color:rgb(3,105,161)}
.dc-tbl-port{display:grid;gap:6px}.dc-tport-bar{display:flex;height:9px;border-radius:999px;overflow:hidden;gap:2px}.dc-tport-bar .is-em{background:rgb(16,185,129)}.dc-tport-bar .is-am{background:rgb(245,158,11)}.dc-tport-bar .is-sk{background:rgb(56,189,248)}.dc-tport-leg{display:flex;justify-content:space-between;font-size:.66rem;font-weight:700;color:var(--dc-ink)}
.dc-tbl-kanban{display:flex;align-items:center;justify-content:space-between;gap:4px;font-size:.7rem;font-weight:700}.dc-tbl-kanban span{padding:4px 7px;border-radius:6px;background:rgba(15,23,42,.8);border:1px solid var(--dc-edge)}.dc-tbl-kanban span.is-done{color:rgb(52,211,153);border-color:rgba(52,211,153,.45)}.dc-tbl-kanban span.is-now{background:rgba(245,158,11,.22);border-color:rgb(251,191,36);color:rgb(254,243,199)}.dc-tbl-kanban i{font-style:normal;color:var(--dc-muted)}
html[data-theme=light] .dc-tbl-kanban span{background:rgb(241,245,249)}html[data-theme=light] .dc-tbl-kanban span.is-done{color:rgb(6,95,70)}html[data-theme=light] .dc-tbl-kanban span.is-now{background:rgb(254,243,199);color:rgb(120,53,15)}
/* Live Badges, Seals, Alerts & States (BDG-A to BDG-J) */
.dc-bdg-live{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:rgba(6,95,70,.45);border:1.5px solid rgb(52,211,153);color:rgb(236,253,245);font-size:.76rem;box-shadow:0 0 14px rgba(16,185,129,.45)}
html[data-theme=light] .dc-bdg-live{background:rgb(209,250,229);color:rgb(6,78,59)}
.dc-bdg-seal,.dc-bdg-toast,.dc-bdg-skel,.dc-bdg-empty,.dc-bdg-source,.dc-bdg-tminus,.dc-bdg-streak{width:100%;padding:8px 11px;border-radius:11px;background:rgba(8,18,34,.9);border:1px solid var(--dc-edge);text-align:left}
html[data-theme=light] :is(.dc-bdg-seal,.dc-bdg-toast,.dc-bdg-skel,.dc-bdg-empty,.dc-bdg-source,.dc-bdg-tminus,.dc-bdg-streak){background:rgb(255,255,255)}
.dc-bdg-seal{display:flex;align-items:center;gap:8px}.dc-seal-coin{padding:4px 8px;border-radius:999px;background:linear-gradient(135deg,rgb(253,224,71),rgb(217,119,6));color:rgb(46,29,6);font:800 .66rem/1 var(--aku-font-mono);white-space:nowrap}.dc-bdg-seal strong{font-size:.76rem;color:var(--dc-ink)}
.dc-bdg-hazard{width:100%;padding:8px 11px;border-radius:9px;background:repeating-linear-gradient(-45deg,rgba(180,83,9,.38) 0 10px,rgba(15,23,42,.92) 10px 20px);background-size:28px 28px;border:1.5px solid rgb(251,191,36);color:rgb(254,243,199);font-size:.74rem;font-weight:700;text-align:center;animation:dcStripeMove 1.4s linear infinite}
html[data-theme=light] .dc-bdg-hazard{background:repeating-linear-gradient(-45deg,rgb(254,243,199) 0 10px,rgb(253,230,138) 10px 20px);color:rgb(120,53,15)}
.dc-bdg-toast{display:grid;gap:6px;overflow:hidden}.dc-btoast-row{display:flex;justify-content:space-between;font-size:.74rem;color:var(--dc-ink)}.dc-btoast-row b{color:rgb(56,189,248)}.dc-btoast-timer{display:block;height:3px;border-radius:999px;background:rgb(52,211,153);transform-origin:left;animation:dcTimerShrink 3s ease-in-out infinite}
html[data-theme=light] .dc-btoast-row b{color:rgb(3,105,161)}
.dc-bdg-skel{display:grid;gap:5px}.dc-bskel-line{height:8px;border-radius:999px;background:linear-gradient(90deg,rgba(56,189,248,.18),rgba(251,191,36,.38),rgba(56,189,248,.18));background-size:200% 100%;animation:dcPlasmaFlow 1.8s linear infinite}.dc-bskel-line.is-w80{width:80%}.dc-bskel-line.is-w55{width:55%}.dc-bdg-skel small{font-size:.68rem;color:var(--dc-muted)}
.dc-bdg-empty{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.72rem;color:var(--dc-muted)}.dc-bempty-btn{padding:3px 8px;border-radius:999px;background:rgba(56,189,248,.22);border:1px solid rgba(56,189,248,.5);color:rgb(125,211,252);white-space:nowrap}
html[data-theme=light] .dc-bempty-btn{color:rgb(3,105,161)}
.dc-bdg-tiers{display:flex;gap:5px;flex-wrap:wrap;font-size:.7rem;font-weight:700}.dc-bdg-tiers span{padding:4px 8px;border-radius:8px}.dc-bdg-tiers .is-lv1{background:rgba(16,185,129,.2);border:1px solid rgba(52,211,153,.5);color:rgb(110,231,183)}.dc-bdg-tiers .is-lv2{background:rgba(56,189,248,.2);border:1px solid rgba(56,189,248,.5);color:rgb(186,230,253)}.dc-bdg-tiers .is-lv3{background:rgba(245,158,11,.22);border:1px solid rgba(251,191,36,.55);color:rgb(253,224,71)}
html[data-theme=light] .dc-bdg-tiers .is-lv1{color:rgb(6,95,70)}html[data-theme=light] .dc-bdg-tiers .is-lv2{color:rgb(12,74,110)}html[data-theme=light] .dc-bdg-tiers .is-lv3{color:rgb(146,64,14)}
.dc-bdg-source{display:flex;justify-content:space-between;align-items:center;font-size:.7rem;color:var(--dc-muted)}.dc-bdg-source b{color:rgb(52,211,153)}
html[data-theme=light] .dc-bdg-source b{color:rgb(6,95,70)}
.dc-bdg-tminus{display:flex;justify-content:space-between;align-items:center;font-size:.72rem}.dc-bdg-tminus span{color:var(--dc-muted)}.dc-bdg-tminus b{padding:3px 8px;border-radius:6px;background:rgba(245,158,11,.2);border:1px solid rgba(251,191,36,.5);font:800 .74rem/1 var(--aku-font-mono);color:rgb(253,224,71)}
html[data-theme=light] .dc-bdg-tminus b{color:rgb(146,64,14)}
.dc-bdg-streak{display:flex;justify-content:space-between;align-items:center;gap:6px;border-color:rgba(251,191,36,.5)}.dc-bstreak-fire{padding:3px 8px;border-radius:999px;background:linear-gradient(135deg,rgb(245,158,11),rgb(225,29,72));color:rgb(255,255,255);font-size:.7rem;font-weight:800;white-space:nowrap;animation:dcClashPulse 1.8s ease-in-out infinite}.dc-bdg-streak b{font-size:.72rem;color:var(--dc-ink)}
/* 100-Design Showcase Studio (#dc-showcase) & High-Craft Beauty Lab (#dc-beauty-lab) */
.dc-beauty-upgrade{display:grid;gap:20px;margin-top:16px;padding:24px;border-radius:18px;border:1.5px solid rgba(251,191,36,.55);background:radial-gradient(120% 90% at 15% 0%,rgba(245,158,11,.16),transparent 65%),radial-gradient(100% 80% at 90% 100%,rgba(16,185,129,.15),transparent 70%),linear-gradient(180deg,rgb(7,15,28),rgb(4,9,18));box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 18px 36px -14px rgba(2,6,23,.8)}
html[data-theme=light] .dc-beauty-upgrade{background:radial-gradient(120% 90% at 15% 0%,rgba(251,191,36,.18),transparent 65%),linear-gradient(180deg,rgb(248,250,252),rgb(240,249,255));box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 14px 28px -14px rgba(15,23,42,.16)}
.dc-beauty-head{display:grid;gap:8px}.dc-beauty-head-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.dc-beauty-head-top>div{flex:1 1 540px}.dc-beauty-kicker{display:inline-flex;align-self:start;padding:4px 12px;border-radius:999px;background:rgba(245,158,11,.22);border:1px solid rgb(251,191,36);color:rgb(254,243,199);font:700 .78rem/1.3 var(--aku-font-head)}.dc-beauty-head h3{margin:8px 0 6px;font:800 1.32rem/1.35 var(--aku-font-head);color:var(--dc-ink)}.dc-beauty-head p{margin:0;font-size:.92rem;line-height:1.65;color:var(--dc-muted)}
html[data-theme=light] .dc-beauty-kicker{color:rgb(120,53,15)}
.dc-cond-autoplay-btn{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 16px;border-radius:999px;border:1.5px solid rgb(251,191,36);background:linear-gradient(135deg,rgb(253,224,71),rgb(245,158,11));color:rgb(28,18,4);font:800 .84rem/1.2 var(--aku-font-head);cursor:pointer;box-shadow:0 8px 20px -6px rgba(245,158,11,.6);transition:translate .18s ease,box-shadow .18s ease}.dc-cond-autoplay-btn:hover{translate:0 -2px;box-shadow:0 12px 24px -6px rgba(245,158,11,.8)}.dc-cond-autoplay-btn[aria-pressed=true]{background:linear-gradient(135deg,rgb(16,185,129),rgb(5,150,105));border-color:rgb(110,231,183);color:rgb(236,253,245);box-shadow:0 8px 22px -6px rgba(16,185,129,.7)}
.dc-beauty-grid{display:grid;grid-template-columns:1fr;gap:22px}
.dc-beauty-card{display:flex;flex-direction:column;min-width:0;border-radius:16px;border:1.5px solid rgba(71,85,105,.65);background:rgb(7,11,19);overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 18px 36px -14px rgba(2,6,23,.85);transition:border-color .25s ease,box-shadow .25s ease}.dc-beauty-card:hover{border-color:rgba(251,191,36,.8)}
html[data-theme=light] .dc-beauty-card{border-color:rgba(59,130,246,.42);box-shadow:0 14px 28px -12px rgba(15,23,42,.22)}
.dc-beauty-card>.dc-showcase-meta{display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;padding:14px 22px;background:rgba(15,23,42,.95);border-top:1px solid rgba(100,116,139,.35)}.dc-beauty-card>.dc-showcase-meta .dc-showcase-copy{flex:1 1 520px}
html[data-theme=light] .dc-beauty-card>.dc-showcase-meta{background:rgb(241,245,249);border-top-color:rgba(148,163,184,.4)}
/* Unified Atmospheric Stage */
.dc-beauty-stage{position:relative;display:grid;gap:14px;min-width:0;padding:22px 26px;color:rgb(241,245,249);background:radial-gradient(120% 90% at 15% 0%,rgba(16,185,129,.22),transparent 65%),linear-gradient(165deg,rgb(10,18,32),rgb(6,10,18));overflow:hidden;isolation:isolate;transition:background .45s ease}
.dc-beauty-stage>*:not(.dc-rsi-weather-fx){position:relative;z-index:2}
@keyframes dcAuraSweep{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-3%,2%) scale(1.08)}}
@keyframes dcParticleRise{0%{transform:translateY(0) scale(.6);opacity:0}25%{opacity:.85}100%{transform:translateY(-190px) scale(1.25);opacity:0}}
@keyframes dcShockExpand{0%{transform:scale(.55);opacity:.95}100%{transform:scale(1.65);opacity:0}}
/* Interactive Condition Trigger Bar (Frameless — Zero Box-in-Box) */
.dc-cond-bar{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px;padding:0;background:transparent;border:0;box-shadow:none}
.dc-cond-bar-lbl{padding:0 4px 0 0;font:700 .75rem/1 var(--aku-font-body);color:rgb(203,213,225)}
.dc-cond-btn{display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:4px 12px;border-radius:999px;border:1px solid rgba(148,163,184,.36);background:rgba(15,23,42,.65);color:rgb(226,232,240);font:700 .75rem/1.1 var(--aku-font-body);cursor:pointer;transition:transform .16s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.dc-cond-btn:hover{transform:translateY(-1px);border-color:rgb(251,191,36)}
.dc-cond-btn.is-bull.is-active{background:linear-gradient(135deg,rgb(5,150,105),rgb(16,185,129));border-color:rgb(110,231,183);color:rgb(255,255,255);box-shadow:0 0 14px rgba(16,185,129,.65)}
.dc-cond-btn.is-sky.is-active{background:linear-gradient(135deg,rgb(2,132,199),rgb(56,189,248));border-color:rgb(186,230,253);color:rgb(255,255,255);box-shadow:0 0 14px rgba(56,189,248,.65)}
.dc-cond-btn.is-warn.is-active{background:linear-gradient(135deg,rgb(217,119,6),rgb(245,158,11));border-color:rgb(254,240,138);color:rgb(255,255,255);box-shadow:0 0 16px rgba(245,158,11,.7)}
.dc-cond-btn.is-bear.is-active{background:linear-gradient(135deg,rgb(225,29,72),rgb(249,115,22));border-color:rgb(253,224,71);color:rgb(255,255,255);box-shadow:0 0 16px rgba(249,115,22,.7)}
.dc-px-badge{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:8px;background:rgba(245,158,11,.18);border:1px solid rgba(251,191,36,.48)}

/* SCENE 1: CRAFT-A — Authentic 0DTE SPY Session Price Journey Curve + Dynamic 3-Tier Quota Color (Green -> Fiery Orange-Red -> Amber) */
.dc-beauty-stage.is-craft-journey.is-cond-afterhours{background:radial-gradient(110% 90% at 85% 20%,rgba(192,132,252,.18),rgba(56,189,248,.12) 45%,transparent 70%),linear-gradient(165deg,rgb(11,18,32),rgb(6,10,18))}
.dc-beauty-stage.is-craft-journey.is-cond-liveopen{background:radial-gradient(110% 90% at 85% 15%,rgba(249,115,22,.26),rgba(16,185,129,.14) 55%,transparent 70%),linear-gradient(165deg,rgb(24,16,28),rgb(6,11,20))}
.dc-beauty-stage.is-craft-journey.is-cond-gapfill{background:radial-gradient(110% 90% at 80% 15%,rgba(245,158,11,.22),rgba(56,189,248,.18) 55%,transparent 70%),linear-gradient(165deg,rgb(12,22,38),rgb(6,11,20))}
.dc-journey-top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap;padding-bottom:12px;border-bottom:1px solid rgba(148,163,184,.22)}
.dc-journey-brand{display:grid;gap:4px}.dc-journey-title-line{display:flex;align-items:center;gap:8px;font-size:1rem}.dc-journey-title-line strong{font:800 1.15rem/1.2 var(--aku-font-head);color:rgb(248,250,252)}.dc-journey-sess{font-size:.86rem;color:rgb(148,163,184)}
.dc-journey-hero-px{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.dc-j-bigpx{font:900 2.45rem/1 var(--aku-font-mono);color:rgb(248,250,252);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.dc-j-chg{padding:3px 9px;border-radius:6px;font:800 .95rem/1.2 var(--aku-font-mono)}.dc-j-chg.is-up{background:rgba(16,185,129,.22);color:rgb(110,231,183)}.dc-j-chg.is-sky{background:rgba(56,189,248,.22);color:rgb(125,211,252)}.dc-j-chg.is-dn{background:rgba(244,63,94,.22);color:rgb(253,164,175)}
.dc-j-ext{font-size:.84rem;font-weight:600;color:rgb(226,232,240)}.dc-j-ext b{font-family:var(--aku-font-mono);color:rgb(254,240,138)}
.dc-journey-canvas{display:grid;gap:10px}
.dc-journey-svg{width:100%;height:auto;max-height:175px;display:block;overflow:visible}
.dc-journey-svg:not(.is-active),.dc-journey-svg[hidden]{display:none!important}
.dc-svg-flow-line{stroke-dasharray:8 6;animation:dcSvgFlowDash 2.1s linear infinite;filter:drop-shadow(0 2px 6px rgba(56,189,248,.28))}
.dc-svg-pulse-ring{transform-box:fill-box;transform-origin:center;animation:dcSvgRingPulse 2.2s ease-out infinite}
@keyframes dcSvgFlowDash{from{stroke-dashoffset:28}to{stroke-dashoffset:0}}
@keyframes dcSvgRingPulse{0%{transform:scale(.68);opacity:.95}100%{transform:scale(1.62);opacity:0}}
/* Dynamic 3-State Quota Strip (Green < 75% · Amber 75-99% · Hot Orange-Red >= 100%) */
.dc-journey-quota{display:grid;gap:6px;padding-top:8px;border-top:1px solid rgba(148,163,184,.18);font-size:.82rem;color:rgb(203,213,225)}
.dc-jq-row{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.dc-jq-tag{padding:3px 11px;border-radius:999px;font-weight:800;font-size:.78rem;transition:background .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}
.dc-jq-tag.is-tone-green{background:rgba(16,185,129,.2);border:1px solid rgba(52,211,153,.52);color:rgb(167,243,208)}
.dc-jq-tag.is-tone-amber{background:rgba(245,158,11,.24);border:1px solid rgba(251,191,36,.6);color:rgb(254,240,138);box-shadow:0 0 12px rgba(245,158,11,.28)}
.dc-jq-tag.is-tone-hot{background:linear-gradient(90deg,rgba(249,115,22,.32),rgba(225,29,72,.32));border:1px solid rgb(251,146,60);color:rgb(254,215,170);box-shadow:0 0 14px rgba(249,115,22,.48)}
.dc-jq-track{height:8px;border-radius:999px;background:rgba(148,163,184,.2);overflow:hidden}
.dc-jq-track>i{display:block;height:100%;border-radius:999px;transition:width .45s cubic-bezier(.22,1,.36,1),background .35s ease,box-shadow .35s ease}
.dc-jq-track>i.is-tone-green{background:linear-gradient(90deg,rgb(16,185,129),rgb(52,211,153))}
.dc-jq-track>i.is-tone-amber{background:linear-gradient(90deg,rgb(16,185,129),rgb(245,158,11) 62%,rgb(253,224,71) 100%);box-shadow:0 0 10px rgba(245,158,11,.45)}
.dc-jq-track>i.is-tone-hot{background:linear-gradient(90deg,rgb(16,185,129),rgb(245,158,11) 45%,rgb(249,115,22) 76%,rgb(244,63,94) 100%);box-shadow:0 0 14px rgba(249,115,22,.7)}

/* SCENE 2: CRAFT-B — Authentic 0DTE 2-Frame 16-Bit Mascot Duel + SVG Mach-3 Thruster Chevrons + Clash Hit-Sparks + Approved 2-Column Roster */
.dc-beauty-stage.is-craft-clash.is-cond-bull{background:radial-gradient(100% 90% at 15% 40%,rgba(16,185,129,.26),transparent 62%),linear-gradient(165deg,rgb(8,22,34),rgb(6,11,20))}
.dc-beauty-stage.is-craft-clash.is-cond-clash{background:radial-gradient(90% 90% at 50% 45%,rgba(251,191,36,.24),rgba(56,189,248,.2) 48%,transparent 72%),linear-gradient(165deg,rgb(14,22,38),rgb(7,11,20))}
.dc-beauty-stage.is-craft-clash.is-cond-bear{background:radial-gradient(100% 90% at 85% 40%,rgba(244,63,94,.28),transparent 62%),linear-gradient(165deg,rgb(26,12,22),rgb(7,10,18))}
.dc-clash-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;padding-bottom:10px;border-bottom:1px solid rgba(148,163,184,.22)}
.dc-clash-title-group{display:flex;align-items:center;gap:10px}.dc-clash-title-group h4{margin:0;font:800 1.05rem/1.3 var(--aku-font-head);color:rgb(248,250,252)}.dc-clash-chips{display:flex;gap:6px;margin-top:4px;flex-wrap:wrap}
.dc-c-chip{padding:2px 9px;border-radius:999px;font:800 .72rem/1.2 var(--aku-font-mono)}.dc-c-chip.is-up{background:rgba(16,185,129,.22);border:1px solid rgba(52,211,153,.55);color:rgb(110,231,183)}.dc-c-chip.is-dn{background:rgba(244,63,94,.22);border:1px solid rgba(251,113,133,.55);color:rgb(253,164,175)}

/* Authentic 0DTE .sca-fighters Header */
.dc-sca-fighters{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center}
.dc-sca-fighter{display:flex;flex-direction:column;gap:3px}
.dc-sca-fighter.is-bear{align-items:flex-end;text-align:right}
.dc-sca-kicker{display:inline-flex;align-items:center;gap:6px;font-size:.76rem;font-weight:700;color:rgb(203,213,225)}
.dc-sca-kicker.is-right{justify-content:flex-end}
.dc-sca-fighter strong{font-size:.86rem;font-weight:800}
.dc-sca-fighter strong.is-up{color:rgb(110,231,183)}
.dc-sca-fighter strong.is-dn{color:rgb(253,164,175)}
.dc-sca-center-badge{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 14px;border-radius:10px;background:rgba(15,23,42,.82);border:1px solid rgba(148,163,184,.25);text-align:center}
.dc-sca-center-badge small{font-size:.74rem;color:rgb(203,213,225);font-weight:600}
.dc-sca-center-badge strong{font-size:.86rem;font-weight:800}
.dc-sca-center-badge strong.is-up{color:rgb(110,231,183)}
.dc-sca-center-badge strong.is-sky{color:rgb(253,224,71)}
.dc-sca-center-badge strong.is-dn{color:rgb(253,164,175)}

/* Authentic 0DTE .sca-battle-stage */
.dc-sca-battle-stage{display:grid;grid-template-columns:auto minmax(260px,1fr) auto;gap:12px;align-items:center;padding:12px 14px;border-radius:14px;background:radial-gradient(ellipse at 50% 50%,rgba(250,204,21,.08),transparent 70%),linear-gradient(90deg,rgba(16,185,129,.12),rgba(15,23,42,.85) 50%,rgba(244,63,94,.12));border:1px solid rgba(148,163,184,.24);overflow:hidden}
.dc-sca-duelist{display:flex;flex-direction:column;align-items:center;gap:5px;position:relative;min-width:118px;padding:4px 6px}
.dc-sca-fx-badge{font-size:.7rem;font-weight:800;padding:2px 9px;border-radius:999px;letter-spacing:.01em;white-space:nowrap}
.dc-sca-fx-badge.is-fire{background:rgba(16,185,129,.22);color:rgb(167,243,208);border:1px solid rgba(52,211,153,.5);box-shadow:0 0 12px rgba(16,185,129,.32)}
.dc-sca-fx-badge.is-fire-bear{background:rgba(244,63,94,.24);color:rgb(254,205,211);border:1px solid rgba(251,113,133,.55);box-shadow:0 0 12px rgba(244,63,94,.35)}
.dc-sca-fx-badge.is-sweat{background:rgba(148,163,184,.16);color:rgb(203,213,225);border:1px solid rgba(148,163,184,.32)}
.dc-sca-char-rig{display:flex;align-items:center;gap:2px;position:relative;min-height:62px}
.dc-sca-sprite-stack{position:relative;width:60px;height:60px;flex-shrink:0;display:inline-grid;place-items:center}
.dc-sca-char-sprite{grid-area:1/1;width:60px;height:60px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 5px 10px rgba(0,0,0,.55));user-select:none}
.dc-sca-char-sprite.frame-a{animation:dcScaPoseFrameA 1.36s steps(1,end) infinite}
.dc-sca-char-sprite.frame-b{animation:dcScaPoseFrameB 1.36s steps(1,end) infinite}
.dc-sca-char-rig.is-kungki .dc-sca-sprite-stack{animation:dcKungkiBodyLunge .68s ease-in-out infinite}
.dc-sca-char-rig.is-poojang .dc-sca-sprite-stack{animation:dcPoojangBodyLunge .68s ease-in-out infinite}
.dc-sca-char-sprite.is-flip-x{transform:scaleX(-1)}

/* Articulated 16-Bit Alternating Claw Thrusts + 3 Palm Waves */
.dc-sca-push-rig{width:64px;height:52px;overflow:visible;flex-shrink:0;filter:drop-shadow(0 3px 8px rgba(0,0,0,.5))}
.dc-sca-push-rig.is-bull{margin-left:-10px}
.dc-sca-push-rig.is-bear{margin-right:-10px}
.dc-sca-push-rig.is-bull .hand-top{animation:dcKungkiHandPushR1 .52s cubic-bezier(.22,1,.36,1) infinite}
.dc-sca-push-rig.is-bull .hand-bot{animation:dcKungkiHandPushR2 .52s cubic-bezier(.22,1,.36,1) infinite}
.dc-sca-push-rig.is-bear .hand-top{animation:dcPoojangHandPushL1 .52s cubic-bezier(.22,1,.36,1) infinite}
.dc-sca-push-rig.is-bear .hand-bot{animation:dcPoojangHandPushL2 .52s cubic-bezier(.22,1,.36,1) infinite}
.dc-sca-push-rig.is-bull .rig-wave{animation:dcScaPalmWaveR .62s ease-out infinite}
.dc-sca-push-rig.is-bear .rig-wave{animation:dcScaPalmWaveL .62s ease-out infinite}
.dc-sca-push-rig .rig-wave.w2{animation-delay:.18s}
.dc-sca-push-rig .rig-wave.w3{animation-delay:.36s}

/* Ground Dust Puffs under Boots */
.dc-sca-dust{position:absolute;bottom:0;display:flex;gap:3px;pointer-events:none;z-index:3}
.dc-sca-dust.is-bull{left:4px}
.dc-sca-dust.is-bear{right:4px}
.dc-sca-dust i{width:5px;height:5px;background:rgba(226,232,240,.75);box-shadow:2px 0 0 rgba(148,163,184,.55);image-rendering:pixelated}
.dc-sca-dust.is-bull .d1{animation:dcScaDustKickL .58s steps(3,end) infinite}
.dc-sca-dust.is-bull .d2{animation:dcScaDustKickL .58s steps(3,end) infinite .15s}
.dc-sca-dust.is-bull .d3{animation:dcScaDustKickL .58s steps(3,end) infinite .3s}
.dc-sca-dust.is-bear .d1{animation:dcScaDustKickR .58s steps(3,end) infinite}
.dc-sca-dust.is-bear .d2{animation:dcScaDustKickR .58s steps(3,end) infinite .15s}
.dc-sca-dust.is-bear .d3{animation:dcScaDustKickR .58s steps(3,end) infinite .3s}

/* Winning & Straining State Choreographies */
.dc-sca-duelist.is-winning .dc-sca-char-sprite{filter:drop-shadow(0 0 14px rgba(250,204,21,.68))}
.dc-sca-duelist.is-bull.is-winning .dc-sca-char-rig.is-kungki .dc-sca-sprite-stack{animation-duration:.48s}
.dc-sca-duelist.is-bull.is-winning .dc-sca-push-rig.is-bull .hand-top,.dc-sca-duelist.is-bull.is-winning .dc-sca-push-rig.is-bull .hand-bot{animation-duration:.38s}
.dc-sca-duelist.is-bull.is-winning .dc-sca-push-rig.is-bull .rig-wave{animation-duration:.44s}
.dc-sca-duelist.is-bear.is-winning .dc-sca-char-rig.is-poojang .dc-sca-sprite-stack{animation-duration:.48s}
.dc-sca-duelist.is-bear.is-winning .dc-sca-push-rig.is-bear .hand-top,.dc-sca-duelist.is-bear.is-winning .dc-sca-push-rig.is-bear .hand-bot{animation-duration:.38s}
.dc-sca-duelist.is-bear.is-winning .dc-sca-push-rig.is-bear .rig-wave{animation-duration:.44s}
.dc-sca-duelist.is-straining .dc-sca-char-rig{animation:dcScaStrainTremble .42s ease-in-out infinite}
.dc-sca-duelist.is-straining .dc-sca-push-rig .rig-wave{opacity:.28}
.dc-sca-sweat-drops{position:absolute;top:-2px;left:4px;display:flex;gap:3px;pointer-events:none;z-index:4}
.dc-sca-sweat-drops.is-right{left:auto;right:4px}
.dc-sca-sweat-drops[hidden]{display:none!important}
.dc-sca-sweat-drops i{width:4px;height:7px;border-radius:50% 50% 60% 60%;background:rgb(56,189,248);box-shadow:0 0 6px rgba(56,189,248,.8);animation:dcScaSweatFly .75s ease-out infinite}
.dc-sca-sweat-drops i:nth-child(2){animation-delay:.32s;margin-top:4px}

/* Center Energy HUD + 36px Plasma Bar + Upgraded SVG Mach-3 Thruster Chevrons + Clash Hit-Sparks */
.dc-sca-energy-center{display:flex;flex-direction:column;gap:6px;min-width:0}
.dc-sca-energy-hud{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:0 4px}
.dc-sca-hud-mid{font-size:.73rem;font-weight:700;color:rgb(254,240,138);padding:2px 10px;border-radius:999px;background:rgba(15,23,42,.82);border:1px solid rgba(251,191,36,.38)}
.dc-sca-beam-pct{font-family:var(--aku-font-mono);font-size:.82rem;font-weight:800;letter-spacing:.01em;white-space:nowrap;padding:2px 10px;border-radius:999px}
.dc-sca-beam-pct.is-bull-pct{justify-self:start;color:rgb(236,253,245);background:rgba(16,185,129,.22);border:1px solid rgba(52,211,153,.45)}
.dc-sca-beam-pct.is-bear-pct{justify-self:end;color:rgb(255,241,242);background:rgba(244,63,94,.22);border:1px solid rgba(251,113,133,.45)}
.dc-sca-energy-bar{position:relative;height:36px;border-radius:999px;background:rgba(2,6,23,.92);border:2px solid rgba(148,163,184,.36);display:flex;overflow:visible;box-shadow:inset 0 3px 10px rgba(0,0,0,.85),0 0 22px rgba(16,185,129,.18)}
.dc-sca-beam{position:relative;height:100%;display:flex;align-items:center;overflow:hidden;transition:width .55s cubic-bezier(.22,1,.36,1)}
.dc-sca-beam.is-bull{background:linear-gradient(90deg,rgb(6,95,70) 0%,rgb(16,185,129) 55%,rgb(110,231,183) 100%);border-radius:999px 0 0 999px;justify-content:flex-end;padding-right:16px;box-shadow:inset 0 2px 6px rgba(255,255,255,.32),0 0 18px rgba(16,185,129,.45)}
.dc-sca-beam.is-bear{background:linear-gradient(270deg,rgb(159,18,57) 0%,rgb(244,63,94) 55%,rgb(253,164,175) 100%);border-radius:0 999px 999px 0;justify-content:flex-start;padding-left:16px;box-shadow:inset 0 2px 6px rgba(255,255,255,.32),0 0 18px rgba(244,63,94,.45)}
.dc-sca-beam-plasma{position:absolute;inset:0;background:repeating-linear-gradient(115deg,rgba(255,255,255,0) 0px,rgba(255,255,255,0) 10px,rgba(255,255,255,.22) 10px,rgba(255,255,255,.22) 20px);background-size:28px 28px;pointer-events:none}
.dc-sca-beam.is-bull .dc-sca-beam-plasma{animation:dcScaPlasmaRight .65s linear infinite}
.dc-sca-beam.is-bear .dc-sca-beam-plasma{animation:dcScaPlasmaLeft .65s linear infinite}
.dc-sca-beam-laser{position:absolute;top:50%;translate:0 -50%;height:4px;left:0;right:0;pointer-events:none;z-index:1;opacity:.88}
.dc-sca-beam-laser.is-bull{background:linear-gradient(90deg,transparent 5%,rgba(167,243,208,.65) 45%,rgb(254,240,138) 92%,rgb(255,255,255) 100%);box-shadow:0 0 10px rgb(52,211,153)}
.dc-sca-beam-laser.is-bear{background:linear-gradient(270deg,transparent 5%,rgba(254,205,211,.65) 45%,rgb(254,240,138) 92%,rgb(255,255,255) 100%);box-shadow:0 0 10px rgb(251,113,133)}

/* Upgraded SVG Mach-3 Plasma Thruster Chevrons */
.dc-thruster-jet{position:relative;z-index:2;display:inline-flex;align-items:center}
.dc-thruster-jet[hidden]{display:none!important}
.dc-thruster-svg{width:84px;height:24px;overflow:visible;filter:drop-shadow(0 0 8px rgba(254,240,138,.85))}
.dc-thruster-svg.is-bull{animation:dcThrusterSurgeR .56s cubic-bezier(.22,1,.36,1) infinite}
.dc-thruster-svg.is-bear{animation:dcThrusterSurgeL .56s cubic-bezier(.22,1,.36,1) infinite}
.dc-thruster-svg .t-chev.c1{animation:dcChevIgnite .66s ease-in-out infinite 0s}
.dc-thruster-svg .t-chev.c2{animation:dcChevIgnite .66s ease-in-out infinite .14s}
.dc-thruster-svg .t-chev.c3{animation:dcChevIgnite .66s ease-in-out infinite .28s}
.dc-thruster-svg .t-spear{transform-box:fill-box;transform-origin:center;animation:dcSpearPulse .44s ease-in-out infinite}
.dc-thruster-svg .t-speed{stroke-dasharray:10 8;animation:dcSpeedStream .45s linear infinite}

/* Midline & 52px Vertical Laser Clash Flare + 6 Pixel Hit-Sparks */
.dc-sca-midline{position:absolute;left:50%;top:-5px;bottom:-5px;width:2px;background:rgba(248,250,252,.65);z-index:3;pointer-events:none}
.dc-sca-clash-core{position:absolute;top:50%;transform:translate(-50%,-50%);width:40px;height:40px;display:grid;place-items:center;z-index:5;pointer-events:none;transition:left .55s cubic-bezier(.22,1,.36,1)}
.dc-sca-clash-flare{position:absolute;width:8px;height:52px;border-radius:999px;background:linear-gradient(180deg,transparent,rgb(254,240,138) 25%,rgb(255,255,255) 50%,rgb(254,240,138) 75%,transparent);box-shadow:0 0 18px rgb(250,204,21),0 0 30px rgb(249,115,22);animation:dcScaFlarePulse .5s ease-in-out infinite alternate}
.dc-sca-clash-ring{position:absolute;inset:0;border-radius:999px;border:2px solid rgba(250,204,21,.9);box-shadow:0 0 16px rgba(250,204,21,.85);animation:dcScaClashRing 1.15s ease-out infinite}
.dc-sca-clash-ring.r2{animation-delay:.55s;border-color:rgba(255,255,255,.85)}
.dc-sca-clash-sparks{position:absolute;inset:0;pointer-events:none}
.dc-sca-clash-sparks i{position:absolute;left:50%;top:50%;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;background:rgb(254,240,138);box-shadow:0 0 8px rgb(250,204,21),0 0 12px rgb(255,255,255)}
.dc-sca-clash-sparks .sp1{animation:dcClashSp1 .58s ease-out infinite}
.dc-sca-clash-sparks .sp2{animation:dcClashSp2 .58s ease-out infinite .12s;background:rgb(110,231,183)}
.dc-sca-clash-sparks .sp3{animation:dcClashSp3 .58s ease-out infinite .24s;background:rgb(253,164,175)}
.dc-sca-clash-sparks .sp4{animation:dcClashSp4 .58s ease-out infinite .08s}
.dc-sca-clash-sparks .sp5{animation:dcClashSp5 .58s ease-out infinite .2s;background:rgb(110,231,183)}
.dc-sca-clash-sparks .sp6{animation:dcClashSp6 .58s ease-out infinite .32s;background:rgb(253,164,175)}
.dc-sca-clash-hex{position:relative;width:28px;height:28px;border-radius:999px;background:radial-gradient(circle,rgb(254,249,195) 0%,rgb(245,158,11) 68%,rgb(180,83,9) 100%);border:2px solid rgb(255,255,255);display:grid;place-items:center;font-size:.92rem;box-shadow:0 0 20px rgba(250,204,21,.95);animation:dcScaCoreJitter .36s ease-in-out infinite alternate}

/* Keyframes for Authentic 0DTE 2-Frame Mascot Duel + Upgraded SVG Thruster Chevrons + Clash Hit-Sparks */
@keyframes dcScaPoseFrameA{0%,49.9%{opacity:1}50%,100%{opacity:0}}
@keyframes dcScaPoseFrameB{0%,49.9%{opacity:0}50%,100%{opacity:1}}
@keyframes dcKungkiBodyLunge{0%,100%{transform:translate(0,0) rotate(-3deg) scale(1)}50%{transform:translate(6px,-2px) rotate(5deg) scale(1.06,0.96)}}
@keyframes dcPoojangBodyLunge{0%,100%{transform:translate(0,0) rotate(3deg) scale(1)}50%{transform:translate(-6px,-2px) rotate(-5deg) scale(1.06,0.96)}}
@keyframes dcKungkiHandPushR1{0%,100%{transform:translateX(0) scaleX(1)}50%{transform:translateX(9px) scaleX(1.12)}}
@keyframes dcKungkiHandPushR2{0%,100%{transform:translateX(8px) scaleX(1.1)}50%{transform:translateX(-1px) scaleX(.96)}}
@keyframes dcPoojangHandPushL1{0%,100%{transform:translateX(0) scaleX(1)}50%{transform:translateX(-9px) scaleX(1.12)}}
@keyframes dcPoojangHandPushL2{0%,100%{transform:translateX(-8px) scaleX(1.1)}50%{transform:translateX(1px) scaleX(.96)}}
@keyframes dcScaPalmWaveR{0%{transform:translateX(-6px) scaleY(.7);opacity:0}35%{opacity:1}100%{transform:translateX(11px) scaleY(1.18);opacity:0}}
@keyframes dcScaPalmWaveL{0%{transform:translateX(6px) scaleY(.7);opacity:0}35%{opacity:1}100%{transform:translateX(-11px) scaleY(1.18);opacity:0}}
@keyframes dcScaDustKickL{0%{transform:translate(0,0) scale(.6);opacity:.9}100%{transform:translate(-14px,-7px) scale(1.35);opacity:0}}
@keyframes dcScaDustKickR{0%{transform:translate(0,0) scale(.6);opacity:.9}100%{transform:translate(14px,-7px) scale(1.35);opacity:0}}
@keyframes dcScaStrainTremble{0%,100%{transform:translateX(0)}25%{transform:translateX(-2px) translateY(1px)}75%{transform:translateX(2px)}}
@keyframes dcScaSweatFly{0%{transform:translate(0,0) scale(.7);opacity:0}30%{opacity:1}100%{transform:translate(6px,12px) scale(1.05);opacity:0}}
@keyframes dcScaPlasmaRight{from{background-position:0 0}to{background-position:28px 0}}
@keyframes dcScaPlasmaLeft{from{background-position:0 0}to{background-position:-28px 0}}
@keyframes dcThrusterSurgeR{0%,100%{transform:translateX(0) scaleX(1)}50%{transform:translateX(7px) scaleX(1.08)}}
@keyframes dcThrusterSurgeL{0%,100%{transform:translateX(0) scaleX(1)}50%{transform:translateX(-7px) scaleX(1.08)}}
@keyframes dcChevIgnite{0%,100%{opacity:.35;filter:brightness(.9)}50%{opacity:1;filter:brightness(1.35) drop-shadow(0 0 6px rgb(254,240,138))}}
@keyframes dcSpearPulse{0%,100%{transform:scale(.92);opacity:.85}50%{transform:scale(1.22);opacity:1}}
@keyframes dcSpeedStream{to{stroke-dashoffset:-18}}
@keyframes dcScaFlarePulse{from{transform:scaleY(.82) scaleX(.9);opacity:.8}to{transform:scaleY(1.22) scaleX(1.25);opacity:1}}
@keyframes dcScaClashRing{0%{transform:scale(.55);opacity:.95}100%{transform:scale(1.85);opacity:0}}
@keyframes dcScaCoreJitter{from{transform:scale(.94) rotate(-8deg)}to{transform:scale(1.12) rotate(8deg)}}
@keyframes dcClashSp1{0%{transform:translate(0,0) scale(1);opacity:1}100%{transform:translate(-22px,-18px) scale(.3);opacity:0}}
@keyframes dcClashSp2{0%{transform:translate(0,0) scale(1);opacity:1}100%{transform:translate(22px,-16px) scale(.3);opacity:0}}
@keyframes dcClashSp3{0%{transform:translate(0,0) scale(1);opacity:1}100%{transform:translate(-20px,18px) scale(.3);opacity:0}}
@keyframes dcClashSp4{0%{transform:translate(0,0) scale(1);opacity:1}100%{transform:translate(20px,19px) scale(.3);opacity:0}}
@keyframes dcClashSp5{0%{transform:translate(0,0) scale(1);opacity:1}100%{transform:translate(0,-25px) scale(.3);opacity:0}}
@keyframes dcClashSp6{0%{transform:translate(0,0) scale(1);opacity:1}100%{transform:translate(0,25px) scale(.3);opacity:0}}

/* Approved Frameless Hairline 2-Column Asset Roster */
.dc-clash-roster{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-top:10px;border-top:1px solid rgba(148,163,184,.22)}
.dc-roster-col{display:grid;align-content:start;gap:6px}.dc-roster-head{display:flex;justify-content:space-between;align-items:center;font-size:.78rem;padding-bottom:6px;border-bottom:1px solid rgba(148,163,184,.2)}.dc-roster-head span{font-weight:700;color:rgb(226,232,240)}.dc-roster-head b.is-up{color:rgb(110,231,183)}.dc-roster-head b.is-dn{color:rgb(253,164,175)}
.dc-roster-list{display:grid;gap:0}
.dc-asset-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 6px 8px 10px;border-radius:0;background:transparent;border:0;border-bottom:1px solid rgba(148,163,184,.16);border-left:3.5px solid rgb(16,185,129)}.dc-asset-row:last-child{border-bottom:0}.dc-asset-row.is-bear{border-left-color:rgb(244,63,94)}
.dc-ar-ico{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:6px;background:rgba(30,41,59,.9)}.dc-ar-txt{display:grid;flex:1;min-width:0}.dc-ar-txt b{font:800 .8rem/1.2 var(--aku-font-mono);color:rgb(248,250,252)}.dc-ar-txt small{font-size:.7rem;color:rgb(148,163,184);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dc-asset-row em{font:800 .78rem/1 var(--aku-font-mono);font-style:normal;padding:4px 8px;border-radius:6px}.dc-asset-row em.is-up{background:rgba(16,185,129,.2);color:rgb(110,231,183)}.dc-asset-row em.is-dn{background:rgba(244,63,94,.2);color:rgb(253,164,175)}

/* SCENE 3: CRAFT-C — RSI 5m Thermal & Rebound Weather Chamber with Concentric Ripple Rings (.dc-rsi-wave w1..w3 + .dc-rsi-contact-ring r1..r3) */
.dc-beauty-stage.is-craft-rsi{padding:22px 26px;background-size:220% 220%}
.dc-beauty-stage.is-craft-rsi.is-cond-overbought,.dc-beauty-stage.is-craft-rsi:has([data-craft-cond="overbought"]:hover){background:radial-gradient(95% 95% at 45% 25%,rgba(249,115,22,.36),rgba(225,29,72,.28) 52%,transparent 80%),linear-gradient(135deg,rgb(46,14,18),rgb(22,12,20));animation:dcRsiOverBorderPulse 1.8s ease-in-out infinite}
.dc-beauty-stage.is-craft-rsi.is-cond-graze,.dc-beauty-stage.is-craft-rsi:has([data-craft-cond="graze"]:hover){background:radial-gradient(95% 95% at 45% 25%,rgba(245,158,11,.34),rgba(249,115,22,.22) 52%,transparent 80%),linear-gradient(135deg,rgb(38,22,12),rgb(16,14,24));animation:dcRsiOverBorderPulse 2.1s ease-in-out infinite}
.dc-beauty-stage.is-craft-rsi.is-cond-oversold,.dc-beauty-stage.is-craft-rsi:has([data-craft-cond="oversold"]:hover){background:radial-gradient(95% 95% at 45% 25%,rgba(16,185,129,.36),rgba(6,182,212,.26) 52%,transparent 80%),linear-gradient(135deg,rgb(6,36,34),rgb(9,20,30));animation:dcRsiUnderBorderPulse 1.8s ease-in-out infinite}
.dc-beauty-stage.is-craft-rsi.is-cond-neutral{background:radial-gradient(95% 95% at 50% 25%,rgba(56,189,248,.28),transparent 75%),linear-gradient(135deg,rgb(12,26,46),rgb(7,14,26))}
.dc-rsi-weather-fx{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}
.dc-rsi-aura{position:absolute;left:43%;right:auto;top:6px;width:160px;height:130px;transform:translateX(-50%);border-radius:50%;filter:blur(14px);background:radial-gradient(circle,rgba(249,115,22,.48) 0%,rgba(239,68,68,.24) 55%,transparent 75%);animation:dcRsiAuraPulse 1.6s ease-in-out infinite}
.dc-beauty-stage.is-cond-graze .dc-rsi-aura{background:radial-gradient(circle,rgba(251,191,36,.46) 0%,rgba(249,115,22,.24) 55%,transparent 75%)}
.dc-beauty-stage.is-cond-oversold .dc-rsi-aura{background:radial-gradient(circle,rgba(16,185,129,.48) 0%,rgba(6,182,212,.26) 55%,transparent 75%)}
.dc-beauty-stage.is-cond-neutral .dc-rsi-aura{background:radial-gradient(circle,rgba(56,189,248,.24) 0%,transparent 70%)}
/* Restored 0DTE Concentric Expanding Circular Ripple Waves (.rbf-wave -> .dc-rsi-wave w1, w2, w3) */
.dc-rsi-wave{display:none!important}
.dc-rsi-wave.w2{animation-delay:.7s}
.dc-rsi-wave.w3{animation-delay:1.4s}
.dc-beauty-stage.is-cond-graze .dc-rsi-wave{display:none!important}
.dc-beauty-stage.is-cond-oversold .dc-rsi-wave{display:none!important}
.dc-beauty-stage.is-cond-neutral .dc-rsi-wave{display:none!important}
.dc-beauty-stage.is-cond-neutral:has([data-craft-cond="overbought"]:hover) .dc-rsi-wave,.dc-beauty-stage.is-cond-neutral:has([data-craft-cond="graze"]:hover) .dc-rsi-wave{display:none!important}
.dc-beauty-stage.is-cond-neutral:has([data-craft-cond="oversold"]:hover) .dc-rsi-wave{display:none!important}
@keyframes dcRsiAuraPulse{0%,100%{transform:scale(.92);opacity:.48}50%{transform:scale(1.2);opacity:.9}}
@keyframes dcRsiWaveRipple{0%{transform:translate(50%,-50%) scale(.38);opacity:.88}100%{transform:translate(50%,-50%) scale(2.45);opacity:0}}
@keyframes dcRsiOverBorderPulse{0%,100%{box-shadow:inset 0 0 0 1px rgba(249,115,22,.42),0 10px 26px -10px rgba(249,115,22,.35)}50%{box-shadow:inset 0 0 0 2px rgba(251,191,36,.85),0 14px 32px -8px rgba(239,68,68,.55)}}
@keyframes dcRsiUnderBorderPulse{0%,100%{box-shadow:inset 0 0 0 1px rgba(16,185,129,.42),0 10px 26px -10px rgba(16,185,129,.35)}50%{box-shadow:inset 0 0 0 2px rgba(52,211,153,.85),0 14px 32px -8px rgba(6,182,212,.55)}}
.dc-rsi-particles i{position:absolute;bottom:-14px;width:7px;height:7px;border-radius:50%;background:rgb(253,224,71);box-shadow:0 0 12px rgb(249,115,22),0 0 20px rgb(239,68,68);opacity:0;animation:dcParticleRise 2.6s ease-in infinite}
.dc-beauty-stage.is-cond-graze .dc-rsi-particles i{background:rgb(254,240,138);box-shadow:0 0 12px rgb(245,158,11)}
.dc-beauty-stage.is-cond-oversold .dc-rsi-particles i{background:rgb(110,231,183);box-shadow:0 0 12px rgb(16,185,129),0 0 20px rgb(6,182,212)}
.dc-beauty-stage.is-cond-neutral .dc-rsi-particles i{background:rgb(125,211,252);box-shadow:0 0 10px rgb(56,189,248);animation-duration:4.2s}
.dc-rsi-particles .p1{left:8%;animation-delay:0s}.dc-rsi-particles .p2{left:19%;animation-delay:.4s;width:5px;height:5px}.dc-rsi-particles .p3{left:31%;animation-delay:.9s;width:8px;height:8px}.dc-rsi-particles .p4{left:44%;animation-delay:.2s}.dc-rsi-particles .p5{left:37%;animation-delay:1.2s;width:6px;height:6px}.dc-rsi-particles .p6{left:46%;animation-delay:.6s;width:8px;height:8px}.dc-rsi-particles .p7{left:51%;animation-delay:1.5s}.dc-rsi-particles .p8{left:24%;animation-delay:.8s;width:5px;height:5px}
.dc-rsi-chamber-grid{display:grid;grid-template-columns:1.55fr 1fr;align-items:center;gap:24px}
.dc-rsi-main{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.dc-rsi-copy{display:grid;gap:8px;flex:1 1 290px}.dc-rsi-kicker{display:inline-flex;align-items:center;gap:8px;font:700 .8rem/1.2 var(--aku-font-body);color:rgb(226,232,240)}.dc-rsi-sim-badge{padding:2px 8px;border-radius:999px;background:rgba(16,185,129,.25);border:1px solid rgb(52,211,153);color:rgb(209,250,229);font-size:.7rem;font-weight:800}
.dc-rsi-hero-line{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.dc-rsi-bignum{font:900 3.1rem/1 var(--aku-font-mono);letter-spacing:-.04em;font-variant-numeric:tabular-nums}.dc-rsi-bignum.is-ob{color:rgb(251,113,133);text-shadow:0 0 24px rgba(249,115,22,.65)}.dc-rsi-bignum.is-graze{color:rgb(253,224,71);text-shadow:0 0 24px rgba(245,158,11,.7)}.dc-rsi-bignum.is-os{color:rgb(52,211,153);text-shadow:0 0 24px rgba(16,185,129,.65)}.dc-rsi-bignum.is-mid{color:rgb(125,211,252);text-shadow:0 0 20px rgba(56,189,248,.55)}
.dc-rsi-verdict{font:800 .98rem/1.35 var(--aku-font-head);font-style:normal}.dc-rsi-verdict.is-ob{color:rgb(253,186,116)}.dc-rsi-verdict.is-graze{color:rgb(254,240,138)}.dc-rsi-verdict.is-os{color:rgb(110,231,183)}.dc-rsi-verdict.is-mid{color:rgb(186,230,253)}
.dc-rsi-dial-wrap{flex:0 0 auto;display:grid;place-items:center}.dc-rsi-dial-svg{width:210px;height:116px;overflow:visible;filter:drop-shadow(0 6px 18px rgba(0,0,0,.45))}
.dc-rsi-needle-rig{transition:transform .65s cubic-bezier(.22,1,.36,1)}
.dc-rsi-needle-flutter{transform-origin:105px 86px;animation:dcRsiNeedleFlutter 1.8s ease-in-out infinite}
/* Concentric Circular Shockwave Rings at Needle Tip & Boundary Gate Beacons */
.dc-rsi-tip-aura{transform-box:fill-box;transform-origin:center;animation:dcRsiAuraPulse 1.2s ease-in-out infinite}
.dc-rsi-contact-ring{transform-box:fill-box;transform-origin:center;animation:dcRsiContactRing 1.35s ease-out infinite}
.dc-rsi-contact-ring.r2{animation-delay:.42s}
.dc-rsi-contact-ring.r3{animation-delay:.84s}
.dc-rsi-gate-beacon{transform-box:fill-box;transform-origin:center;opacity:0}
.dc-beauty-stage.is-cond-overbought .dc-rsi-gate-beacon.is-ob-gate,.dc-beauty-stage.is-cond-graze .dc-rsi-gate-beacon.is-ob-gate{opacity:1;animation:dcRsiContactRing 1.15s ease-out infinite}
.dc-beauty-stage.is-cond-oversold .dc-rsi-gate-beacon.is-os-gate{opacity:1;animation:dcRsiContactRing 1.15s ease-out infinite}
.dc-rsi-flame-p{transform-box:fill-box;transform-origin:center;animation:dcRsiFlameRise 1.05s ease-out infinite}
.dc-rsi-flame-p.f2{animation-delay:.32s}
.dc-rsi-flame-p.f3{animation-delay:.64s}
@keyframes dcRsiNeedleFlutter{0%,100%{transform:rotate(-1.5deg)}50%{transform:rotate(1.5deg)}}
@keyframes dcRsiContactRing{0%{transform:scale(.45);opacity:.95}100%{transform:scale(1.95);opacity:0}}
@keyframes dcRsiFlameRise{0%{transform:translateY(2px) scale(.85);opacity:.95}100%{transform:translateY(-11px) scale(1.3);opacity:0}}
.dc-beauty-stage.is-cond-graze .dc-rsi-tip-aura{fill:rgba(245,158,11,.42)}
.dc-beauty-stage.is-cond-graze .dc-rsi-contact-ring.r1{stroke:rgb(254,240,138)}
.dc-beauty-stage.is-cond-graze .dc-rsi-contact-ring.r2{stroke:rgb(251,191,36)}
.dc-beauty-stage.is-cond-graze .dc-rsi-contact-ring.r3{stroke:rgb(249,115,22)}
.dc-beauty-stage.is-cond-oversold .dc-rsi-tip-aura{fill:rgba(16,185,129,.42)}
.dc-beauty-stage.is-cond-oversold .dc-rsi-contact-ring.r1{stroke:rgb(167,243,208)}
.dc-beauty-stage.is-cond-oversold .dc-rsi-contact-ring.r2{stroke:rgb(52,211,153)}
.dc-beauty-stage.is-cond-oversold .dc-rsi-contact-ring.r3{stroke:rgb(6,182,212)}
.dc-beauty-stage.is-cond-oversold .dc-rsi-flame-p{fill:rgb(110,231,183)}
.dc-beauty-stage.is-cond-neutral .dc-rsi-tip-aura{fill:rgba(56,189,248,.28)}
.dc-beauty-stage.is-cond-neutral .dc-rsi-contact-ring{stroke:rgba(56,189,248,.45);animation-duration:2.4s}
.dc-beauty-stage.is-cond-neutral .dc-rsi-flame-p{opacity:0}
.dc-rsi-side-stack{display:grid;gap:8px;padding-left:20px;border-left:1px solid rgba(148,163,184,.25)}
.dc-rsi-side-row{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px 10px;padding-bottom:8px;border-bottom:1px solid rgba(148,163,184,.16)}.dc-rsi-side-row:last-child{padding-bottom:0;border-bottom:0}
.dc-rsi-side-row>small{font-size:.74rem;font-weight:700;color:rgb(203,213,225)}
.dc-rsi-pill{justify-self:start;padding:2px 9px;border-radius:999px;font:800 .7rem/1.2 var(--aku-font-body)}.dc-rsi-pill.is-bull{background:rgba(16,185,129,.22);border:1px solid rgba(52,211,153,.55);color:rgb(110,231,183)}.dc-rsi-pill.is-bear{background:rgba(244,63,94,.22);border:1px solid rgba(251,113,133,.55);color:rgb(253,164,175)}.dc-rsi-pill.is-mid{background:rgba(56,189,248,.22);border:1px solid rgba(56,189,248,.55);color:rgb(186,230,253)}
.dc-rsi-side-row>b{grid-column:1/-1;font:800 .86rem/1.2 var(--aku-font-mono);color:rgb(248,250,252)}.dc-rsi-side-row>b small{font-weight:600;color:rgb(148,163,184)}
.dc-rsi-extreme-banner{padding:8px 14px;border-radius:0;border:0;border-top:1px solid rgba(148,163,184,.25);border-left:4px solid rgb(251,146,60);font:800 .82rem/1.35 var(--aku-font-body);text-align:left;transition:background .3s ease,border-color .3s ease,color .3s ease}
.dc-rsi-extreme-banner.is-ob{background:linear-gradient(90deg,rgba(249,115,22,.24),transparent 90%);border-left-color:rgb(251,146,60);color:rgb(254,243,199);box-shadow:none}
.dc-rsi-extreme-banner.is-graze{background:linear-gradient(90deg,rgba(245,158,11,.26),transparent 90%);border-left-color:rgb(253,224,71);color:rgb(254,240,138);box-shadow:none}
.dc-rsi-extreme-banner.is-os{background:linear-gradient(90deg,rgba(16,185,129,.24),transparent 90%);border-left-color:rgb(52,211,153);color:rgb(209,250,229);box-shadow:none}
.dc-rsi-extreme-banner.is-mid{background:linear-gradient(90deg,rgba(56,189,248,.2),transparent 90%);border-left-color:rgb(56,189,248);color:rgb(186,230,253)}
@media(max-width:980px){.dc-sca-fighters,.dc-clash-roster,.dc-rsi-chamber-grid{grid-template-columns:1fr}.dc-rsi-side-stack{padding-left:0;padding-top:12px;border-left:0;border-top:1px solid rgba(148,163,184,.25)}.dc-sca-battle-stage{grid-template-columns:1fr}}
.dc-showcase-top{display:grid;gap:14px;margin-top:18px;padding-bottom:16px;border-bottom:1px solid var(--dc-edge)}.dc-showcase-top>p{font-size:.92rem;color:var(--dc-muted)}.dc-showcase-tabs{display:flex;flex-wrap:wrap;gap:10px}.dc-showcase-picked{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:10px 14px;border-radius:10px;border-left:4px solid var(--aku-primary);background:var(--dc-card);font-size:.88rem;font-weight:600;color:var(--dc-ink)}.dc-showcase-picked-actions{display:flex;gap:8px}
.dc-showcase-body{display:grid;gap:26px;padding-top:20px}.dc-showcase-section{display:grid;gap:14px}.dc-showcase-head{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px}.dc-showcase-head h3{font:700 1.18rem/1.35 var(--aku-font-head);color:var(--dc-head-sky)}.dc-showcase-head span{font-size:.82rem;color:var(--dc-muted)}
.dc-showcase-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.dc-showcase-card{display:flex;flex-direction:column;border-radius:16px;border:1px solid var(--dc-edge);background:linear-gradient(180deg,rgb(8,17,32) 0%,rgb(4,9,18) 100%);overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 12px 24px -12px var(--dc-shadow);transition:translate .2s ease,border-color .2s ease,box-shadow .2s ease,opacity .2s ease}.dc-showcase-card:hover{translate:0 -4px;border-color:var(--aku-primary);box-shadow:0 18px 30px -12px var(--dc-shadow)}.dc-showcase-card.is-picked{border-color:rgba(52,211,153,.75);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 0 0 1.5px rgba(16,185,129,.65),0 14px 26px -12px rgba(16,185,129,.35)}.dc-showcase-card.is-unpicked{opacity:.68;border-style:dashed}
html[data-theme=light] .dc-showcase-card{background:linear-gradient(180deg,rgb(222,235,248) 0%,rgb(208,225,243) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.88),0 10px 20px -12px var(--dc-shadow)}
.dc-showcase-stage{display:grid;place-items:center;min-height:132px;padding:18px;background-image:radial-gradient(rgba(148,163,184,.14) 1px,transparent 1px),radial-gradient(125% 100% at 50% 0%,rgba(56,189,248,.26) 0%,rgba(37,99,235,.12) 55%,transparent 80%),linear-gradient(165deg,rgb(24,56,104) 0%,rgb(14,34,68) 100%);background-size:16px 16px,100% 100%,100% 100%;border-bottom:1px solid rgba(96,165,250,.45)}
html[data-theme=light] .dc-showcase-stage{background-image:radial-gradient(rgba(37,99,235,.1) 1px,transparent 1px),radial-gradient(125% 100% at 50% 0%,rgba(56,189,248,.18) 0%,transparent 75%),linear-gradient(165deg,rgb(255,255,255) 0%,rgb(244,250,255) 100%);border-bottom-color:rgba(37,99,235,.32)}
.dc-showcase-meta{display:flex;flex-direction:column;justify-content:space-between;gap:12px;padding:14px 15px;flex:1}.dc-showcase-copy{display:grid;gap:5px}.dc-showcase-copy strong{font-size:.96rem;line-height:1.4;color:var(--dc-ink)}.dc-showcase-copy small{font-size:.82rem;line-height:1.5;color:var(--dc-muted)}
.dc-sc-pick-btn{align-self:flex-start;min-height:32px;padding:4px 12px;border-radius:999px;border:1px solid rgba(251,191,36,.5);background:rgba(245,158,11,.14);color:rgb(254,243,199);font-size:.8rem;font-weight:700;transition:translate .18s ease,background .18s ease,border-color .18s ease}.dc-sc-pick-btn:hover{translate:0 -2px;background:rgba(245,158,11,.26);border-color:rgb(251,191,36)}.dc-sc-pick-btn[aria-pressed=true]{background:linear-gradient(135deg,rgb(6,95,70),rgb(16,185,129));border-color:rgb(52,211,153);color:rgb(236,253,245)}
html[data-theme=light] .dc-sc-pick-btn{background:rgba(245,158,11,.16);border-color:rgba(217,119,6,.48);color:rgb(120,53,15)}html[data-theme=light] .dc-sc-pick-btn[aria-pressed=true]{background:linear-gradient(135deg,rgb(6,95,70),rgb(16,185,129));border-color:rgb(5,150,105);color:rgb(255,255,255)}
@media(max-width:1020px){.dc-beauty-card{grid-template-columns:1fr}.dc-beauty-stage{border-right:0;border-bottom:1px solid rgba(96,165,250,.42)}.dc-showcase-cards,.dc-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.dc-craft-instrument,.dc-craft-subcards,.dc-data-kpis,.dc-motion-stages,.dc-showcase-cards,.dc-showcase-grid{grid-template-columns:1fr}}
.dc-primary-rules{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:16px 22px;margin-top:22px}.dc-primary-rules>section{display:grid;align-content:start;gap:6px;padding:12px 16px;border-radius:0 12px 12px 0;border-left:4px solid var(--dc-edge)}
.dc-primary-rules>.dc-rule-use{border-left-color:var(--dc-good)}.dc-primary-rules>.dc-rule-use{background:linear-gradient(90deg,rgba(16,185,129,.12),rgba(16,185,129,.02) 88%,transparent)}.dc-primary-rules>.dc-rule-use h4{color:var(--dc-good)}.dc-primary-rules>.dc-rule-use p{color:var(--dc-ink)}
.dc-primary-rules>.dc-rule-avoid{border-left-color:var(--dc-bad)}.dc-primary-rules>.dc-rule-avoid{background:linear-gradient(90deg,rgba(244,63,94,.12),rgba(244,63,94,.02) 88%,transparent)}.dc-primary-rules>.dc-rule-avoid h4{color:var(--dc-bad)}.dc-primary-rules>.dc-rule-avoid p{color:var(--dc-ink)}
.dc-first{margin-top:18px;padding:12px 16px;border-radius:0 12px 12px 0;border-left:4px solid var(--dc-warn);background:linear-gradient(90deg,rgba(56,189,248,.12),rgba(56,189,248,.02) 88%,transparent)}.dc-first>h4{color:var(--dc-warn)}.dc-first ul{color:var(--dc-ink)!important}
html[data-theme=light] .dc-primary-rules>.dc-rule-use{background:linear-gradient(90deg,rgba(16,185,129,.14),rgba(255,255,255,.8) 90%)}
html[data-theme=light] .dc-primary-rules>.dc-rule-avoid{background:linear-gradient(90deg,rgba(244,63,94,.12),rgba(255,255,255,.8) 90%)}
html[data-theme=light] .dc-first{border-left-color:rgb(37,99,235);background:linear-gradient(90deg,rgba(59,130,246,.14),rgba(255,255,255,.85) 90%)}html[data-theme=light] .dc-first>h4{color:rgb(30,64,175)}
.dc-inspector ul{padding-left:20px;margin:8px 0 0;color:var(--dc-ink);font-size:.95rem;line-height:1.65}.dc-inspector li+li{margin-top:6px}
.dc-reference{margin-top:24px;padding-top:18px;border-top:1px solid var(--dc-edge)}.dc-reference>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;color:var(--dc-ink);font:700 1.15rem/1.4 var(--aku-font-head);transition:color .18s ease}.dc-reference>summary::-webkit-details-marker{display:none}.dc-reference>summary:hover{color:var(--dc-head-sky)}
.dc-disclosure{display:inline-flex;gap:6px;align-items:center;justify-content:center;min-height:32px;padding:0 14px;background:var(--dc-card);color:var(--dc-ink);border:1px solid var(--dc-edge);border-radius:999px;font-size:.84rem;font-weight:600;line-height:1;transition:translate .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.dc-reference>summary:hover .dc-disclosure{translate:0 -2px;background:var(--dc-blue);border-color:var(--aku-primary);box-shadow:0 4px 10px -4px var(--dc-shadow)}.dc-chevron{display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;line-height:0;transition:transform .2s ease}.dc-reference>summary:hover .dc-chevron{transform:translateY(2px)}.dc-open{display:none}.dc-reference[open] .dc-open{display:inline}.dc-reference[open] .dc-closed{display:none}.dc-reference[open] .dc-chevron{transform:rotate(180deg)}.dc-reference[open]>summary:hover .dc-chevron{transform:rotate(180deg) translateY(2px)}
.dc-reference-body{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:16px;padding-top:18px}.dc-reference-body>section{display:flex;flex-direction:column;gap:8px;padding:16px 18px;border-radius:12px;background:var(--dc-card);border:1px solid var(--dc-edge);transition:translate .18s ease,border-color .18s ease,box-shadow .18s ease}.dc-reference-body>section:hover{translate:0 -2px;border-color:var(--dc-head-sky);box-shadow:0 8px 18px -10px var(--dc-shadow)}.dc-reference-body>section>h4{display:flex;align-items:center;gap:8px;font:700 1.2rem/1.35 var(--aku-font-head);color:var(--dc-head-sky);padding-bottom:10px;margin-bottom:4px;border-bottom:1.5px solid color-mix(in srgb,currentColor 38%,transparent)}.dc-reference-body>.dc-ref-semantic>h4,.dc-reference-body>.dc-ref-motion>h4{color:var(--dc-good)}.dc-reference-body>.dc-ref-states>h4,.dc-reference-body>.dc-ref-folded>h4,.dc-reference-body>.dc-ref-theme>h4{color:var(--dc-warn)}.dc-reference-body>.dc-ref-files{grid-column:1/-1}.dc-inspector dl{display:grid;gap:3px;margin:4px 0 0}.dc-inspector dt{font:700 .82rem/1.35 var(--aku-font-body);color:var(--dc-muted);letter-spacing:.01em}.dc-inspector dd{margin:0;color:var(--dc-ink);font-size:.95rem;line-height:1.6;overflow-wrap:anywhere}.dc-inspector dd+dt{margin-top:12px;padding-top:10px;border-top:1px dashed color-mix(in srgb,var(--dc-edge) 45%,transparent)}.dc-reference-scope{font-size:.86rem;color:var(--dc-muted)!important}.dc-source-list code{white-space:normal;overflow-wrap:anywhere;font:400 .82rem/1.7 var(--aku-font-mono);color:var(--dc-ink)}
.dc-assets{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:18px;margin:18px 0!important}.dc-assets figure{min-width:0}.dc-assets img{display:block;width:145px;max-width:100%;height:145px;margin:0 auto 10px;object-fit:contain}.dc-assets figcaption{font-size:.82rem;text-align:center;color:var(--dc-muted)}.dc-assets figcaption :is(strong,span){display:block}.dc-assets figcaption strong{color:var(--dc-ink)}
.dc-empty{padding:25px 0;text-align:center}.dc-empty h3{font-size:1.2rem;color:var(--dc-ink)}.dc-empty p{margin:10px 0 20px;color:var(--dc-muted)}
.dc-mobile-dialog{width:min(1040px,calc(100vw - 24px));max-height:calc(100dvh - 28px);padding:0;border:1px solid var(--dc-edge);border-radius:18px;background:var(--dc-surface);color:var(--dc-ink);overflow:auto;box-shadow:0 24px 70px var(--dc-shadow);cursor:pointer}
.dc-mobile-dialog:not([open]){display:none}.dc-mobile-dialog::backdrop{background:color-mix(in srgb,var(--aku-night) 82%,transparent);backdrop-filter:blur(5px);cursor:pointer}.dc-dialog-top{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;background:var(--dc-panel);color:var(--dc-ink);border-bottom:1px solid var(--dc-edge);font-size:.88rem;font-weight:600;cursor:auto}
.dc-dialog-top button{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--dc-edge);background:var(--dc-card);color:var(--dc-ink);border-radius:50%;font-size:1.25rem;font-weight:700;line-height:1;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 2px 6px rgba(2,6,23,.3);transition:transform .22s cubic-bezier(.22,1,.36,1),background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}.dc-dialog-top button:hover{transform:translateY(-1px) rotate(90deg) scale(1.08);background:rgba(244,63,94,.22);border-color:var(--dc-bad);color:var(--dc-bad);box-shadow:0 6px 14px -4px rgba(244,63,94,.45)}
html[data-theme=light] .dc-dialog-top button:hover{background:rgb(255,228,230);border-color:rgb(225,29,72);color:rgb(159,18,57);box-shadow:0 6px 14px -4px rgba(225,29,72,.28)}
.dc-dialog-top button:active{transform:translateY(1px) rotate(90deg) scale(.96)}
.dc-mobile-dialog .dc-inspector{position:static;max-height:none;overflow:visible;border:0;border-radius:0;box-shadow:none;background:transparent;padding:20px;cursor:auto}
.study-lab{margin-top:24px;padding:24px}.study-lab>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none;cursor:pointer;min-height:40px;font:700 1.25rem/1.4 var(--aku-font-head);color:var(--dc-ink);transition:color .18s ease}.study-lab>summary::-webkit-details-marker{display:none}.study-lab>summary:hover{color:var(--dc-head-sky)}.study-lab>summary::after{content:'เปิดทดลอง ▾';font:600 .88rem/1.3 var(--aku-font-body);padding:8px 13px;border-radius:999px;background:var(--aku-primary);color:var(--aku-primary-ink);white-space:nowrap;transition:translate .18s ease,box-shadow .18s ease}.study-lab>summary:hover::after{translate:0 -2px;box-shadow:0 4px 10px -4px var(--dc-shadow)}.study-lab[open]>summary::after{content:'ปิด ▴'}
.study-lab>p{margin:16px 0;color:var(--dc-muted);max-width:68ch}.study-lab-controls{display:flex;flex-wrap:wrap;gap:12px;border:0;padding:0;margin:18px 0}.study-lab-controls legend{color:var(--dc-muted);font-size:.88rem;margin-bottom:10px}
.study-lab-controls label{display:flex;align-items:center;gap:8px;min-height:40px;padding:8px 14px;border:1px solid var(--dc-edge);border-radius:10px;background:var(--dc-card);color:var(--dc-ink);font-size:1rem;cursor:pointer;transition:translate .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.study-lab-controls label:hover{translate:0 -2px;border-color:var(--aku-primary);background:var(--dc-blue);box-shadow:0 4px 10px -4px var(--dc-shadow)}.study-lab-controls label:has(:checked){background:var(--aku-primary);color:var(--aku-primary-ink);border-color:var(--aku-warn-ink)}.study-lab-controls input{accent-color:var(--aku-warn-ink)}
.study-lab-canvas{--study-canvas:var(--aku-sky-3);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:28px;padding:28px;border:1px solid var(--dc-edge);border-radius:14px;background:var(--study-canvas);color:var(--aku-text);transition:background .25s}
.study-lab-canvas[data-pair=graphite]{--study-canvas:oklch(from var(--aku-sky-3) l .008 h)}.study-lab-canvas[data-pair=deeper]{--study-canvas:oklch(from var(--aku-sky-3) calc(l * .7) calc(c * .7) h)}
.study-lab-canvas>div:first-child{padding:22px;border:1px solid var(--dc-edge);border-radius:12px;background:var(--dc-panel);color:var(--dc-ink)}.study-lab-canvas h3{font:600 1.25rem/1.4 var(--aku-font-head);color:var(--dc-ink);margin-bottom:10px}.study-lab-canvas>div>p{color:var(--dc-muted)}.study-specimen{padding:24px;border-radius:12px;border:1px solid rgba(37,99,235,.36);background:var(--aku-l1-card);color:var(--aku-l1-text);box-shadow:0 8px 0 rgba(15,23,42,.35)}
.study-specimen strong{font:600 1.25rem/1.5 var(--aku-font-head);color:var(--aku-l1-text)}.study-lab-canvas .study-specimen p{margin-top:10px;color:var(--aku-l1-sub)}.study-lab-status{font-size:.88rem;color:var(--dc-muted)}.study-lab-status strong{color:var(--dc-ink)}.contract-study-note{padding:18px 22px;margin-top:24px!important;border:1px solid var(--dc-edge);border-radius:14px;background:var(--dc-surface);color:var(--dc-muted);font-size:.88rem}.contract-study-note a{color:var(--dc-ink);font-weight:600;text-underline-offset:4px;transition:color .18s ease}.contract-study-note a:hover{color:var(--dc-head-sky)}
.dc-enter{animation:dcReveal .2s ease}@keyframes dcReveal{from{opacity:.75;translate:0 5px}to{opacity:1;translate:0 0}}@keyframes dcGuide{0%,100%{translate:0 0}50%{translate:0 -4px}}@keyframes dcPlusPulse{0%,100%{box-shadow:0 2px 6px rgba(2,6,23,.35),0 0 0 0 rgba(230,192,117,0)}50%{box-shadow:0 2px 8px rgba(2,6,23,.45),0 0 0 4px rgba(230,192,117,.22)}}
@media(max-width:1020px){.dc-toolbar{flex-wrap:wrap;align-items:center}.dc-search{max-width:none;flex:1 1 55%}.dc-filter-tools{justify-content:flex-start}.dc-index,.dc-inspector{padding:18px}.dc-list-group ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.contract-study{padding:20px 14px 48px}.contract-study-hero{padding:20px;gap:16px;margin-bottom:18px;border-radius:16px}.contract-study-hero img{width:84px;max-width:25%}.contract-study-hero h1{font-size:1.8rem}.contract-study-hero p{font-size:1rem}.contract-study-kicker{font-size:.82rem}.dc-workspace{padding:18px;margin-bottom:18px;border-radius:16px}.dc-nav-heading{margin-bottom:12px}.dc-nav-heading p{display:none}.dc-families{flex-wrap:nowrap;overflow-x:auto;padding:3px 2px 9px;scrollbar-width:thin;scroll-snap-type:x proximity}.dc-families button{flex:none;scroll-snap-align:start}.dc-toolbar{gap:14px;margin-top:14px;padding-top:16px}.dc-search{flex-basis:100%;min-width:0}.dc-filter-tools{width:100%;justify-content:space-between;gap:10px}.dc-search label{font-size:.88rem}.dc-layout{display:block}.dc-index{padding:18px;border-radius:16px}.dc-layout>.dc-inspector{display:none}.dc-list-group ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dc-card-art{min-height:100px;aspect-ratio:1.25;padding:12px}.dc-card-art>img{max-height:115px}.dc-card-copy{padding:13px 11px;gap:7px}.dc-card-copy strong{font-size:1rem}.dc-card-copy small{font-size:.82rem}.dc-card-action{font-size:.82rem}.dc-card-art.dc-card-demo{min-height:170px}.dc-card-demo{padding:14px}.dc-mini-motion{gap:8px}.dc-mini-motion>i{width:15px;height:15px}.dc-mini-motion>b{font-size:1.4rem}.dc-mini-pairs{gap:7px}.dc-mini-pairs>span{padding:12px 5px}.dc-mini-pairs b{font-size:1rem}.dc-mini-hierarchy>b{font-size:1.4rem}.dc-mini-action{padding:8px 10px;gap:8px}.dc-mini-route{gap:4px;font-size:.76rem}.dc-mini-route>span{padding:5px}.dc-mini-reading{font-size:.94rem}.dc-collection-head{align-items:start}.dc-result-count{font-size:.82rem;white-space:nowrap}.dc-list-group li:has(.dc-card-screenshot){grid-column:1/-1}.dc-inspector h3{font-size:1.4rem}.study-lab{padding:20px;border-radius:16px;margin-top:18px}.study-lab>summary{font-size:1.25rem;align-items:center}.study-lab>summary::after{font-size:.82rem;padding:8px 10px}.study-lab-canvas{grid-template-columns:1fr;padding:20px;gap:22px}.study-lab-controls{display:grid}.study-lab-controls label{width:100%}.study-specimen{padding:20px}.contract-study-note{margin-top:18px!important;padding:18px}}
@media(max-width:359px){.dc-list-group ul{grid-template-columns:1fr}.dc-card-art{aspect-ratio:1.7}.contract-study-hero{align-items:flex-start}.contract-study-hero img{width:64px}.dc-filter-tools{gap:12px;flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.contract-study *,.contract-study *::before,.contract-study *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.contract-study *{translate:none!important;rotate:none!important}}
html[data-motion=paused] .contract-study *,html[data-motion=paused] .contract-study *::before,html[data-motion=paused] .contract-study *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}

@container(max-width:60rem){.dc-button-columns{display:none}.dc-button-row{grid-template-columns:1fr;gap:16px}.dc-button-job{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 16px}.dc-button-job p{margin:0}.dc-button-state-label{display:block}.dc-button-delete-demo{grid-column:1}}
@container(max-width:19rem){.dc-button-states{grid-template-columns:1fr}}

.dc-cond-btn:is(:focus,:focus-visible),.dc-cond-autoplay-btn:is(:focus,:focus-visible){outline:none!important}


/* ==========================================================================
   CRAFT-D (Chibi Gojo vs Chibi Sukuna Sector Clash + Proportional Treemap),
   CRAFT-E (Price Elevator + Ranked Wall Armor Barriers + Clash/Breakout FX),
   & CRAFT-F (9-Strike GEX Skyline + Orbiting Laser Wall Frame + Internal Bar Flow + Cluster Bar)
   ========================================================================== */
.dc-beauty-stage.is-craft-secflow,.dc-beauty-stage.is-craft-elevator,.dc-beauty-stage.is-craft-skyline{padding:22px 24px;display:grid;gap:16px}
.dc-beauty-stage.is-craft-secflow.is-cond-inflow{background:radial-gradient(90% 90% at 22% 20%,rgba(14,165,233,.32),rgba(59,130,246,.16) 48%,transparent 70%),radial-gradient(80% 80% at 82% 80%,rgba(225,29,72,.18),transparent 65%),linear-gradient(135deg,rgb(6,20,38),rgb(14,12,30))}
.dc-beauty-stage.is-craft-secflow.is-cond-rotation{background:radial-gradient(90% 90% at 50% 30%,rgba(168,85,247,.32),rgba(56,189,248,.18) 48%,transparent 72%),linear-gradient(135deg,rgb(18,12,40),rgb(10,16,34))}
.dc-beauty-stage.is-craft-secflow.is-cond-outflow{background:radial-gradient(90% 90% at 78% 20%,rgba(225,29,72,.34),rgba(147,51,234,.18) 48%,transparent 70%),radial-gradient(80% 80% at 20% 80%,rgba(14,165,233,.14),transparent 65%),linear-gradient(135deg,rgb(36,10,24),rgb(12,14,28))}

.dc-sf-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-bottom:12px;border-bottom:1px solid rgba(148,163,184,.18)}
.dc-sf-title-block{display:grid;gap:5px;flex:1 1 420px}
.dc-sf-kicker{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;font:800 .8rem/1.3 var(--aku-font-body);color:rgb(226,232,240)}
.dc-sf-kicker b{color:rgb(186,230,253)}
.dc-sf-badge{padding:2px 9px;border-radius:999px;background:rgba(56,189,248,.16);border:1px solid rgba(56,189,248,.42);color:rgb(186,230,253);font-size:.71rem;font-weight:700}
.dc-sf-badge.is-jjk-badge{background:rgba(168,85,247,.2);border-color:rgba(192,132,252,.5);color:rgb(233,213,255)}
.dc-sf-verdict{font:800 .98rem/1.35 var(--aku-font-head)}
.dc-sf-verdict.is-up{color:rgb(110,231,183);text-shadow:0 0 18px rgba(16,185,129,.35)}
.dc-sf-verdict.is-jjk-blue{color:rgb(125,211,252);text-shadow:0 0 18px rgba(14,165,233,.45)}
.dc-sf-verdict.is-jjk-purple{color:rgb(216,180,254);text-shadow:0 0 18px rgba(168,85,247,.5)}
.dc-sf-verdict.is-dn{color:rgb(253,164,175);text-shadow:0 0 18px rgba(244,63,94,.35)}
.dc-sf-verdict.is-sky{color:rgb(186,230,253);text-shadow:0 0 18px rgba(56,189,248,.35)}

.dc-sf-hero-strip{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center}
.dc-sf-wing{display:grid;gap:4px;padding:10px 14px;border-radius:12px;background:rgba(15,23,42,.52)}
.dc-sf-wing.is-gojo-wing{border-left:3.5px solid rgb(56,189,248);box-shadow:inset 12px 0 22px -14px rgba(14,165,233,.35)}
.dc-sf-wing.is-sukuna-wing{border-right:3.5px solid rgb(244,63,94);text-align:right;box-shadow:inset -12px 0 22px -14px rgba(225,29,72,.35)}
.dc-sf-wing-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.dc-sf-wing-top.is-right{justify-content:flex-end;gap:12px}
.dc-sf-wing-lbl{font:800 .9rem/1.3 var(--aku-font-head);color:rgb(241,245,249)}
.dc-sf-wing-lbl b{font-family:var(--aku-font-mono);font-size:1.05rem}
.dc-sf-wing-lbl em{font-style:normal;font-family:var(--aku-font-mono);font-weight:900}
.dc-sf-wing-lbl em.is-sky{color:rgb(56,189,248)}
.dc-sf-wing-lbl em.is-up{color:rgb(52,211,153)}
.dc-sf-wing-lbl em.is-dn{color:rgb(251,113,133)}
.dc-sf-wing-sub{font-size:.78rem;color:rgb(203,213,225)}
.dc-sf-wing-sub b{color:rgb(248,250,252)}
.dc-sca-fx-badge.is-jjk-blue{background:rgba(14,165,233,.25);border:1px solid rgb(56,189,248);color:rgb(224,242,254);box-shadow:0 0 12px rgba(14,165,233,.4)}

/* Chibi Gojo vs Chibi Sukuna Kamehameha Stage */
.dc-sca-battle-stage.is-jjk-kame-stage{background:linear-gradient(90deg,rgba(14,165,233,.16) 0%,rgba(88,28,135,.22) 50%,rgba(225,29,72,.18) 100%);border:1px solid rgba(125,211,252,.28)}
.dc-sca-sprite-stack.is-chibi-stack{width:64px;height:64px}
.dc-sca-char-sprite.is-chibi-avatar{width:64px;height:64px;image-rendering:auto!important;object-fit:contain;filter:drop-shadow(0 0 10px rgba(56,189,248,.55))}
.dc-sca-duelist.is-bear .dc-sca-char-sprite.is-chibi-avatar{filter:drop-shadow(0 0 10px rgba(244,63,94,.55))}
.dc-kame-orb,.dc-kame-core{transform-box:fill-box;transform-origin:center;animation:dcRsiAuraPulse .95s ease-in-out infinite}
.dc-sca-beam-pct.is-jjk-blue-pct{background:rgba(14,165,233,.24);border-color:rgba(56,189,248,.6);color:rgb(186,230,253)}
.dc-sca-beam-pct.is-jjk-red-pct{background:rgba(225,29,72,.24);border-color:rgba(251,113,133,.6);color:rgb(254,205,211)}
.dc-sca-hud-mid.is-jjk-mid{background:rgba(88,28,135,.45);border-color:rgba(192,132,252,.65);color:rgb(233,213,255)}

.dc-sca-energy-bar.is-jjk-kame-bar .dc-sca-beam.is-gojo-beam{background:linear-gradient(90deg,rgb(2,132,199) 0%,rgb(14,165,233) 42%,rgb(56,189,248) 78%,rgb(186,230,253) 100%);box-shadow:0 0 20px rgba(14,165,233,.6),inset 0 2px 6px rgba(255,255,255,.65)}
.dc-sca-energy-bar.is-jjk-kame-bar .dc-sca-beam.is-sukuna-beam{background:linear-gradient(270deg,rgb(88,28,135) 0%,rgb(190,18,60) 45%,rgb(244,63,94) 82%,rgb(253,164,175) 100%);box-shadow:0 0 20px rgba(244,63,94,.6),inset 0 2px 6px rgba(255,255,255,.55)}
.dc-jjk-spiral-stream{position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.45) 0 12px,transparent 12px 26px);background-size:52px 100%;animation:dcJjkStream 0.65s linear infinite;pointer-events:none}
.dc-jjk-spiral-stream.is-crimson{animation-direction:reverse}
@keyframes dcJjkStream{0%{background-position:0 0}100%{background-position:52px 0}}
.dc-jjk-wave-svg{display:block;overflow:visible;filter:drop-shadow(0 0 6px rgba(56,189,248,.8))}
.dc-jjk-wave-svg.is-crimson{filter:drop-shadow(0 0 6px rgba(244,63,94,.8))}
.dc-jjk-wave-svg .jw-ring{transform-box:fill-box;transform-origin:center;animation:dcRsiAuraPulse .8s ease-in-out infinite}
.dc-jjk-wave-svg .jw-ring.r2{animation-delay:.22s}
.dc-jjk-wave-svg .jw-ring.r3{animation-delay:.44s}

.dc-sca-clash-core.is-hollow-purple-core .dc-sca-clash-hex.is-purple-hex{background:radial-gradient(circle,rgb(243,232,255) 0%,rgb(168,85,247) 52%,rgb(88,28,135) 100%);border-color:rgb(216,180,254);box-shadow:0 0 22px rgb(168,85,247),0 0 36px rgba(56,189,248,.7)}
.dc-sca-clash-ring.is-purple-ring{border-color:rgb(192,132,252)}
.dc-sca-clash-flare.is-purple-flare{background:linear-gradient(180deg,transparent,rgb(192,132,252),rgb(255,255,255),rgb(56,189,248),transparent)}

.dc-sf-flow-dots{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.dc-sf-flow-dots i{position:absolute;top:50%;width:7px;height:7px;border-radius:50%;transform:translateY(-50%);opacity:0}
.dc-sf-flow-dots.is-in i{background:rgb(224,242,254);box-shadow:0 0 10px rgb(56,189,248),0 0 16px rgb(168,85,247);animation:dcSfDotIn 1.5s linear infinite}
.dc-sf-flow-dots.is-in i:nth-child(2){animation-delay:.38s;top:30%}
.dc-sf-flow-dots.is-in i:nth-child(3){animation-delay:.76s;top:70%}
.dc-sf-flow-dots.is-in i:nth-child(4){animation-delay:1.14s}
.dc-sf-flow-dots.is-out i{background:rgb(254,205,211);box-shadow:0 0 10px rgb(244,63,94);animation:dcSfDotOut 1.7s linear infinite}
.dc-sf-flow-dots.is-out i:nth-child(2){animation-delay:.55s;top:32%}
.dc-sf-flow-dots.is-out i:nth-child(3){animation-delay:1.1s;top:68%}
@keyframes dcSfDotIn{0%{left:4%;opacity:0;transform:translateY(-50%) scale(.6)}20%{opacity:.95}85%{opacity:.95}100%{left:92%;opacity:0;transform:translateY(-50%) scale(1.15)}}
@keyframes dcSfDotOut{0%{right:4%;opacity:0;transform:translateY(-50%) scale(.6)}20%{opacity:.9}85%{opacity:.9}100%{right:92%;opacity:0;transform:translateY(-50%) scale(1.1)}}

/* Proportional 11-Sector Treemap Heatmap Strip in CRAFT-D */
.dc-jjk-heatmap-strip{display:grid;gap:10px;padding-top:10px;border-top:1px solid rgba(148,163,184,.18)}
.dc-jhs-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:.78rem;color:rgb(226,232,240)}
.dc-jhs-head small{color:rgb(186,230,253);font-weight:700}
.dc-jhs-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:8px}
.dc-jhs-tile{display:grid;gap:4px;padding:9px 11px;border-radius:10px;border:1px solid rgba(148,163,184,.2);transition:transform .2s ease}
.dc-jhs-tile:hover{transform:translateY(-2px)}
.dc-jhs-tile.is-xl{grid-column:span 3}
.dc-jhs-tile.is-lg{grid-column:span 2}
.dc-jhs-tile.is-md{grid-column:span 2}
.dc-jhs-tile.is-sm{grid-column:span 1;grid-column:span 1}
.dc-jhs-grid>.dc-jhs-tile:nth-child(1){grid-column:span 3}
.dc-jhs-grid>.dc-jhs-tile:nth-child(2){grid-column:span 2}
.dc-jhs-grid>.dc-jhs-tile:nth-child(3){grid-column:span 2}
.dc-jhs-grid>.dc-jhs-tile:nth-child(4){grid-column:span 2}
.dc-jhs-grid>.dc-jhs-tile:nth-child(5){grid-column:span 2}
.dc-jhs-grid>.dc-jhs-tile:nth-child(6){grid-column:span 1;min-width:120px}
.dc-jhs-grid{grid-template-columns:2.4fr 1.5fr 1.35fr 1.55fr 1.6fr 1.4fr}
.dc-jhs-grid>.dc-jhs-tile{grid-column:auto!important;min-width:0}
.dc-jhs-tile.is-in{background:linear-gradient(135deg,rgba(14,165,233,.22),rgba(16,185,129,.16));border-color:rgba(56,189,248,.45)}
.dc-jhs-tile.is-out{background:linear-gradient(135deg,rgba(225,29,72,.24),rgba(136,19,55,.2));border-color:rgba(251,113,133,.45)}
.dc-jhs-top{display:flex;align-items:center;justify-content:space-between;gap:4px;font-size:.71rem;color:rgb(203,213,225);white-space:nowrap;overflow:hidden}
.dc-jhs-top b{color:rgb(248,250,252);font-size:.74rem;overflow:hidden;text-overflow:ellipsis}
.dc-jhs-top span{font-family:var(--aku-font-mono);font-size:.66rem;color:rgb(186,230,253)}
.dc-jhs-main{display:flex;align-items:baseline;justify-content:space-between;gap:6px;flex-wrap:wrap}
.dc-jhs-main strong{font:900 .9rem/1.1 var(--aku-font-mono)}
.dc-jhs-main strong.is-up{color:rgb(52,211,153)}
.dc-jhs-main strong.is-dn{color:rgb(251,113,133)}
.dc-jhs-main em{font-style:normal;font-size:.68rem;font-weight:700;color:rgb(226,232,240)}

/* ==========================================================================
   CRAFT-E: Spatial Price Elevator & Ranked Wall Armor Barrier Cards
   ========================================================================== */
.dc-beauty-stage.is-craft-elevator.is-cond-pullup{background:radial-gradient(85% 85% at 75% 18%,rgba(16,185,129,.25),transparent 65%),linear-gradient(135deg,rgb(8,26,34),rgb(11,16,30))}
.dc-beauty-stage.is-craft-elevator.is-cond-test770{background:radial-gradient(85% 85% at 75% 15%,rgba(245,158,11,.34),rgba(249,115,22,.2) 48%,transparent 72%),linear-gradient(135deg,rgb(32,22,10),rgb(12,16,30))}
.dc-beauty-stage.is-craft-elevator.is-cond-break770{background:radial-gradient(90% 90% at 75% 10%,rgba(16,185,129,.38),rgba(56,189,248,.22) 50%,transparent 75%),linear-gradient(135deg,rgb(6,34,32),rgb(9,18,32))}
.dc-beauty-stage.is-craft-elevator.is-cond-pulldown{background:radial-gradient(85% 85% at 75% 82%,rgba(244,63,94,.32),transparent 65%),linear-gradient(135deg,rgb(36,10,20),rgb(11,15,28))}

.dc-elev-arch-grid{display:grid;grid-template-columns:.88fr 1.32fr;gap:18px;align-items:stretch}
.dc-elev-wing-left{display:grid;gap:12px;align-content:space-between}
.dc-elev-gate{display:grid;gap:6px;padding:12px 15px;border-radius:14px;background:rgba(15,23,42,.55);border:1px solid rgba(148,163,184,.22);transition:border-color .3s ease,box-shadow .3s ease}
.dc-elev-gate.is-ceiling{border-left:4px solid rgb(52,211,153)}
.dc-elev-gate.is-ground{border-left:4px solid rgb(251,113,133)}
.dc-elev-gate.is-ceiling.is-favored{border-color:rgba(52,211,153,.7);box-shadow:0 8px 24px -10px rgba(16,185,129,.45),inset 0 0 18px rgba(16,185,129,.14)}
.dc-elev-gate.is-ground.is-favored{border-color:rgba(251,113,133,.7);box-shadow:0 8px 24px -10px rgba(244,63,94,.45),inset 0 0 18px rgba(244,63,94,.14)}
.dc-eg-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.dc-eg-title{font:800 .83rem/1.25 var(--aku-font-head);color:rgb(241,245,249)}
.dc-eg-fav{padding:2px 9px;border-radius:999px;font:800 .71rem/1.2 var(--aku-font-body)}
.dc-eg-fav.is-up{background:rgba(16,185,129,.24);border:1px solid rgb(52,211,153);color:rgb(167,243,208)}
.dc-eg-fav.is-dn{background:rgba(244,63,94,.24);border:1px solid rgb(251,113,133);color:rgb(254,205,211)}
.dc-eg-fav.is-muted{background:rgba(148,163,184,.16);border:1px solid rgba(148,163,184,.35);color:rgb(203,213,225)}
.dc-eg-px{font:900 1.25rem/1.1 var(--aku-font-mono);font-variant-numeric:tabular-nums}
.dc-eg-px.is-up{color:rgb(52,211,153)}
.dc-eg-px.is-dn{color:rgb(251,113,133)}
.dc-eg-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:.77rem;color:rgb(203,213,225)}
.dc-eg-dist.is-up b{color:rgb(110,231,183);font-family:var(--aku-font-mono)}
.dc-eg-dist.is-dn b{color:rgb(253,164,175);font-family:var(--aku-font-mono)}
.dc-eg-tier{padding:2px 8px;border-radius:6px;background:rgba(30,41,59,.8);font-weight:700;font-size:.71rem;color:rgb(226,232,240)}
.dc-eg-tier.is-tier-s{color:rgb(253,224,71);border:1px solid rgba(250,204,21,.38)}
.dc-eg-route{display:grid;gap:2px;padding-top:6px;border-top:1px dashed rgba(148,163,184,.2);font-size:.74rem;color:rgb(203,213,225)}
.dc-eg-step b{color:rgb(254,240,138);font-family:var(--aku-font-mono)}
.dc-eg-route small{font-size:.7rem;color:rgb(148,163,184)}

.dc-elev-chain-core{display:grid;gap:8px;padding:10px 14px;border-radius:12px;background:linear-gradient(90deg,rgba(16,185,129,.14),rgba(15,23,42,.65));border:1px solid rgba(52,211,153,.38)}
.dc-beauty-stage.is-cond-test770 .dc-elev-chain-core{background:linear-gradient(90deg,rgba(245,158,11,.18),rgba(15,23,42,.65));border-color:rgba(251,191,36,.48)}
.dc-beauty-stage.is-cond-pulldown .dc-elev-chain-core{background:linear-gradient(90deg,rgba(244,63,94,.18),rgba(15,23,42,.65));border-color:rgba(251,113,133,.48)}
.dc-ecc-top{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.dc-ecc-badge{font:800 .84rem/1.2 var(--aku-font-head);color:rgb(110,231,183)}
.dc-beauty-stage.is-cond-test770 .dc-ecc-badge{color:rgb(253,224,71)}
.dc-beauty-stage.is-cond-pulldown .dc-ecc-badge{color:rgb(253,164,175)}
.dc-ecc-top small{font-size:.71rem;color:rgb(203,213,225)}
.dc-ecc-factors{display:flex;flex-wrap:wrap;gap:6px}
.dc-ecc-chip{padding:3px 8px;border-radius:999px;font:700 .71rem/1.2 var(--aku-font-body)}
.dc-ecc-chip.is-up{background:rgba(16,185,129,.22);border:1px solid rgba(52,211,153,.55);color:rgb(167,243,208)}
.dc-ecc-chip.is-dn{background:rgba(244,63,94,.22);border:1px solid rgba(251,113,133,.55);color:rgb(254,205,211)}

.dc-elev-wing-right{display:grid;grid-template-columns:80px 1fr;gap:14px;align-items:stretch;padding:12px 14px;border-radius:14px;background:rgba(9,14,26,.68);border:1px solid rgba(148,163,184,.2)}
.dc-elev-shaft-col{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:6px;padding:6px 4px;border-radius:12px;background:rgba(15,23,42,.88);border:1px solid rgba(148,163,184,.24)}
.dc-es-cap{font:800 .72rem/1 var(--aku-font-mono);padding:3px 6px;border-radius:6px}
.dc-es-cap.is-top{color:rgb(110,231,183);background:rgba(16,185,129,.16)}
.dc-es-cap.is-bot{color:rgb(253,164,175);background:rgba(244,63,94,.16)}
.dc-es-track{position:relative;flex:1 1 auto;width:100%;min-height:220px;display:flex;justify-content:center}
.dc-es-track::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;transform:translateX(-50%);background:rgba(148,163,184,.25)}
.dc-es-chain{position:absolute;left:50%;width:6px;transform:translateX(-50%);background:repeating-linear-gradient(180deg,rgb(52,211,153) 0 6px,rgba(15,23,42,.2) 6px 11px);box-shadow:0 0 10px rgba(16,185,129,.6);animation:dcElevChainMove 1.1s linear infinite;transition:height .6s ease}
.dc-es-chain.is-fast{animation-duration:.5s}
.dc-es-chain.is-dn{background:repeating-linear-gradient(180deg,rgb(251,113,133) 0 6px,rgba(15,23,42,.2) 6px 11px);box-shadow:0 0 10px rgba(244,63,94,.6);animation-direction:reverse}
@keyframes dcElevChainMove{0%{background-position:0 11px}100%{background-position:0 0}}
.dc-es-cabin{position:absolute;left:50%;transform:translate(-50%,50%);display:grid;place-items:center;padding:4px 7px;border-radius:9px;background:rgb(6,46,38);border:1.8px solid rgb(52,211,153);box-shadow:0 0 16px rgba(16,185,129,.65);transition:bottom .65s cubic-bezier(.22,1,.36,1);z-index:3;white-space:nowrap}
.dc-es-cabin.is-clash{background:rgb(66,32,6);border-color:rgb(251,191,36);box-shadow:0 0 20px rgba(245,158,11,.85)}
.dc-es-cabin.is-dn{background:rgb(56,12,24);border-color:rgb(251,113,133);box-shadow:0 0 16px rgba(244,63,94,.65)}
.dc-es-cabin-ring{position:absolute;inset:-4px;border-radius:11px;border:1.5px solid rgba(52,211,153,.65);opacity:0;pointer-events:none;animation:dcCabinRingPulse 1.5s ease-out infinite}
.dc-es-cabin-ring.r2{animation-delay:.75s}
.dc-es-cabin.is-clash .dc-es-cabin-ring{border-color:rgb(253,224,71)}
.dc-es-cabin.is-dn .dc-es-cabin-ring{border-color:rgb(251,113,133)}
@keyframes dcCabinRingPulse{0%{transform:scale(.95);opacity:.85}100%{transform:scale(1.38);opacity:0}}
.dc-es-cabin-dir{font-style:normal;font-size:.68rem;line-height:1;color:rgb(167,243,208)}
.dc-es-cabin.is-dn .dc-es-cabin-dir{color:rgb(254,205,211)}
.dc-es-cabin b{font:900 .74rem/1.1 var(--aku-font-mono);color:rgb(248,250,252)}

/* Redesigned Wall Strength Barrier Cards ($770, $769, $768, $766) */
.dc-elev-ladder.is-barrier-ladder{display:grid;gap:8px;align-content:space-between}
.dc-el-barrier{position:relative;overflow:hidden;display:grid;gap:6px;padding:9px 13px;border-radius:11px;background:rgba(15,23,42,.58);border:1px solid rgba(148,163,184,.2);border-left:4px solid rgba(148,163,184,.45);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.dc-el-barrier.is-res-wall{border-left-color:rgb(52,211,153);background:linear-gradient(90deg,rgba(16,185,129,.16),rgba(15,23,42,.6))}
.dc-el-barrier.is-fortress-wall{border-left-color:rgb(251,146,60);background:linear-gradient(90deg,rgba(249,115,22,.18),rgba(15,23,42,.62))}
.dc-el-barrier.is-minor-wall{border-left-color:rgb(56,189,248);background:linear-gradient(90deg,rgba(56,189,248,.12),rgba(15,23,42,.55))}

/* Active Clash / Breakout / Breakdown Animations on Barrier Floors */
.dc-el-barrier.is-active-clash{border-color:rgba(251,191,36,.8);box-shadow:0 0 20px rgba(245,158,11,.35);animation:dcBarrierClashPulse 1.3s ease-in-out infinite}
.dc-el-barrier.is-broken-up{border-color:rgb(52,211,153);border-left-color:rgb(52,211,153);background:linear-gradient(90deg,rgba(16,185,129,.28),rgba(6,182,212,.18));box-shadow:0 0 22px rgba(16,185,129,.45)}
.dc-el-barrier.is-broken-dn{border-color:rgba(251,113,133,.8);border-left-color:rgb(244,63,94);background:linear-gradient(90deg,rgba(244,63,94,.24),rgba(15,23,42,.65));box-shadow:0 0 18px rgba(244,63,94,.35)}
.dc-elb-fx-wave{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(253,224,71,.22) 50%,transparent 100%);transform:translateX(-100%);pointer-events:none}
.dc-el-barrier.is-active-clash .dc-elb-fx-wave{animation:dcBarrierWaveSweep 1.5s ease-in-out infinite}
.dc-el-barrier.is-broken-up .dc-elb-fx-wave{background:linear-gradient(90deg,transparent 0%,rgba(52,211,153,.3) 50%,transparent 100%);animation:dcBarrierWaveSweep 1.2s ease-in-out infinite}
@keyframes dcBarrierClashPulse{0%,100%{box-shadow:0 0 12px rgba(245,158,11,.25)}50%{box-shadow:0 0 24px rgba(251,191,36,.65),inset 0 0 14px rgba(245,158,11,.22)}}
@keyframes dcBarrierWaveSweep{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}

.dc-elb-top{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;position:relative;z-index:1}
.dc-elb-id{display:inline-flex;align-items:center;gap:7px;flex-wrap:wrap}
.dc-elb-px{font:900 1rem/1 var(--aku-font-mono);color:rgb(248,250,252)}
.dc-elb-role{padding:2px 8px;border-radius:6px;font:800 .68rem/1.15 var(--aku-font-body)}
.dc-elb-role.is-cw{background:rgba(16,185,129,.24);border:1px solid rgba(52,211,153,.5);color:rgb(167,243,208)}
.dc-elb-role.is-fort{background:rgba(249,115,22,.24);border:1px solid rgba(251,146,60,.55);color:rgb(254,215,170)}
.dc-elb-role.is-sup{background:rgba(56,189,248,.18);border:1px solid rgba(56,189,248,.4);color:rgb(186,230,253)}
.dc-elb-role.is-clash-badge{background:rgba(245,158,11,.32);border:1px solid rgb(253,224,71);color:rgb(254,249,195)}
.dc-elb-role.is-broken-badge{background:rgba(244,63,94,.28);border:1px solid rgb(251,113,133);color:rgb(254,205,211)}
.dc-elb-rank{padding:2px 7px;border-radius:999px;font:700 .66rem/1.15 var(--aku-font-body)}
.dc-elb-rank.is-rank-2{background:rgba(250,204,21,.18);border:1px solid rgba(250,204,21,.45);color:rgb(254,240,138)}
.dc-elb-rank.is-rank-3{background:rgba(249,115,22,.2);border:1px solid rgba(251,146,60,.45);color:rgb(253,186,116)}
.dc-elb-rank.is-rank-minor{background:rgba(148,163,184,.16);color:rgb(203,213,225)}
.dc-elb-dist{font:800 .76rem/1 var(--aku-font-mono);font-style:normal;white-space:nowrap}
.dc-elb-dist.is-up{color:rgb(52,211,153)}
.dc-elb-dist.is-clash{color:rgb(253,224,71)}
.dc-elb-dist.is-dn{color:rgb(251,113,133)}

.dc-elb-armor-row{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:10px;position:relative;z-index:1}
.dc-elb-armor-track{height:7px;border-radius:999px;background:rgba(15,23,42,.85);border:1px solid rgba(148,163,184,.25);overflow:hidden}
.dc-elb-armor-track i{display:block;height:100%;border-radius:999px}
.dc-elb-armor-track i.is-cw-bar{background:linear-gradient(90deg,rgb(16,185,129),rgb(110,231,183));box-shadow:0 0 10px rgba(16,185,129,.6)}
.dc-elb-armor-track i.is-fort-bar{background:linear-gradient(90deg,rgb(245,158,11),rgb(253,224,71));box-shadow:0 0 10px rgba(245,158,11,.6)}
.dc-elb-armor-track i.is-sup-bar{background:linear-gradient(90deg,rgb(14,165,233),rgb(125,211,252))}
.dc-elb-factors{font-size:.71rem;color:rgb(203,213,225);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.dc-el-cabin-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:8px 12px;border-radius:10px;background:linear-gradient(90deg,rgba(16,185,129,.28),rgba(6,182,212,.2));border:1.5px solid rgb(52,211,153);box-shadow:0 0 18px rgba(16,185,129,.28)}
.dc-beauty-stage.is-cond-test770 .dc-el-cabin-banner{background:linear-gradient(90deg,rgba(245,158,11,.32),rgba(249,115,22,.22));border-color:rgb(253,224,71);box-shadow:0 0 20px rgba(245,158,11,.38)}
.dc-beauty-stage.is-cond-pulldown .dc-el-cabin-banner{background:linear-gradient(90deg,rgba(244,63,94,.28),rgba(249,115,22,.18));border-color:rgb(251,113,133);box-shadow:0 0 18px rgba(244,63,94,.28)}
.dc-ecb-pulse{width:8px;height:8px;border-radius:50%;background:rgb(52,211,153);box-shadow:0 0 10px rgb(52,211,153);animation:dcRsiAuraPulse 1.2s ease-in-out infinite}
.dc-beauty-stage.is-cond-test770 .dc-ecb-pulse{background:rgb(253,224,71);box-shadow:0 0 10px rgb(253,224,71)}
.dc-beauty-stage.is-cond-pulldown .dc-ecb-pulse{background:rgb(251,113,133);box-shadow:0 0 10px rgb(251,113,133)}
.dc-el-cabin-banner strong{font:900 .85rem/1.2 var(--aku-font-mono);color:rgb(248,250,252)}
.dc-ecb-chain-tag{font:700 .73rem/1.2 var(--aku-font-body);color:rgb(167,243,208)}
.dc-beauty-stage.is-cond-test770 .dc-ecb-chain-tag{color:rgb(254,240,138)}
.dc-beauty-stage.is-cond-pulldown .dc-ecb-chain-tag{color:rgb(254,205,211)}

/* ==========================================================================
   CRAFT-F: 9-Strike 3D GEX Skyline + Orbiting Laser Wall Frame (NO BAR ZOOM)
   + Internal Plasma Flow + High-Density Cluster Strip
   ========================================================================== */
.dc-beauty-stage.is-craft-skyline.is-cond-fortress{background:radial-gradient(90% 80% at 50% 25%,rgba(245,158,11,.18),rgba(56,189,248,.12) 55%,transparent 75%),linear-gradient(135deg,rgb(10,18,34),rgb(8,13,24))}
.dc-beauty-stage.is-craft-skyline.is-cond-callsqueeze{background:radial-gradient(90% 80% at 68% 25%,rgba(16,185,129,.26),transparent 70%),linear-gradient(135deg,rgb(7,26,30),rgb(9,15,28))}
.dc-beauty-stage.is-craft-skyline.is-cond-puttest{background:radial-gradient(90% 80% at 18% 25%,rgba(244,63,94,.26),transparent 70%),linear-gradient(135deg,rgb(32,12,20),rgb(9,15,28))}

/* High-Density Confluence Cluster & Gravity Centers Strip */
.dc-gsky-cluster-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 14px;border-radius:12px;background:linear-gradient(90deg,rgba(245,158,11,.18),rgba(16,185,129,.14) 55%,rgba(15,23,42,.7));border:1px solid rgba(251,191,36,.45)}
.dc-gsc-main{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.dc-gsc-badge{padding:3px 9px;border-radius:999px;background:rgba(245,158,11,.28);border:1px solid rgb(251,191,36);color:rgb(254,240,138);font:800 .72rem/1.15 var(--aku-font-body)}
.dc-gsc-main strong{font:800 .84rem/1.2 var(--aku-font-head);color:rgb(248,250,252)}
.dc-gsc-main small{font-size:.72rem;color:rgb(203,213,225)}
.dc-gsc-centers{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.dc-gsc-pill{padding:3px 9px;border-radius:8px;font-size:.71rem;font-weight:700;background:rgba(15,23,42,.75);border:1px solid rgba(148,163,184,.3);color:rgb(226,232,240)}
.dc-gsc-pill b{font-family:var(--aku-font-mono)}
.dc-gsc-pill.is-pw{border-color:rgba(251,113,133,.55);color:rgb(254,205,211)}
.dc-gsc-pill.is-spot{border-color:rgba(52,211,153,.55);color:rgb(167,243,208)}
.dc-gsc-pill.is-zg{border-color:rgba(56,189,248,.55);color:rgb(186,230,253)}

.dc-gex-sky-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:8px;align-items:stretch}
.dc-gsky-col{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:6px;padding:10px 7px;border-radius:12px;background:rgba(15,23,42,.58);border:1px solid rgba(148,163,184,.16);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;z-index:1}
.dc-gsky-col>*{position:relative;z-index:2}
.dc-gsky-col:hover{transform:translateY(-3px);border-color:rgba(186,230,253,.55);box-shadow:0 10px 22px -10px rgba(56,189,248,.4)}

/* Orbiting 360-Degree Laser Border Around Put Wall ($765), Call Wall ($770), and Spot ($769) Cards! */
.dc-gsky-col.is-orbit-wall{border-color:transparent!important}
.dc-gsky-col.is-orbit-wall::before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;z-index:0;animation:dcWallOrbitSpin 3.2s linear infinite;pointer-events:none}
.dc-gsky-col.is-pw.is-orbit-wall::before{background:conic-gradient(from 0deg,transparent 0deg 200deg,rgb(244,63,94) 260deg,rgb(254,240,138) 320deg,rgb(251,113,133) 360deg)}
.dc-gsky-col.is-cw.is-orbit-wall::before{background:conic-gradient(from 180deg,transparent 0deg 200deg,rgb(16,185,129) 260deg,rgb(254,240,138) 320deg,rgb(52,211,153) 360deg)}
.dc-gsky-col.is-spot.is-orbit-wall::before{background:conic-gradient(from 90deg,transparent 0deg 210deg,rgb(245,158,11) 275deg,rgb(254,249,195) 330deg,rgb(251,191,36) 360deg)}
.dc-gsky-col.is-orbit-wall::after{content:"";position:absolute;inset:2px;border-radius:10px;z-index:1;pointer-events:none}
.dc-gsky-col.is-pw.is-orbit-wall::after{background:linear-gradient(180deg,rgb(42,12,24) 0%,rgb(15,20,36) 100%)}
.dc-gsky-col.is-cw.is-orbit-wall::after{background:linear-gradient(180deg,rgb(8,38,32) 0%,rgb(15,20,36) 100%)}
.dc-gsky-col.is-spot.is-orbit-wall::after{background:linear-gradient(180deg,rgb(42,28,10) 0%,rgb(15,20,36) 100%)}
@keyframes dcWallOrbitSpin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}

.dc-gsky-col.is-anchor{border-color:rgba(56,189,248,.35)}
.dc-gsky-col.is-in-cluster{box-shadow:0 0 18px -6px rgba(251,191,36,.35)}
.dc-beauty-stage.is-cond-callsqueeze .dc-gsky-col[data-sky-k="770"],.dc-beauty-stage.is-cond-callsqueeze .dc-gsky-col[data-sky-k="771"],.dc-beauty-stage.is-cond-callsqueeze .dc-gsky-col[data-sky-k="772"]{transform:translateY(-3px);box-shadow:0 0 22px rgba(16,185,129,.5)}
.dc-beauty-stage.is-cond-puttest .dc-gsky-col[data-sky-k="765"],.dc-beauty-stage.is-cond-puttest .dc-gsky-col[data-sky-k="769"]{transform:translateY(-3px);box-shadow:0 0 22px rgba(244,63,94,.5)}

.dc-gsky-crown{align-self:center;padding:2px 6px;border-radius:999px;font:800 .62rem/1.15 var(--aku-font-body);white-space:nowrap}
.dc-gsky-crown.is-pw{background:rgba(244,63,94,.28);border:1px solid rgb(251,113,133);color:rgb(254,205,211)}
.dc-gsky-crown.is-cw{background:rgba(16,185,129,.28);border:1px solid rgb(52,211,153);color:rgb(167,243,208)}
.dc-gsky-crown.is-spot{background:rgba(245,158,11,.28);border:1px solid rgb(251,191,36);color:rgb(254,240,138)}
.dc-gsky-crown.is-star{background:rgba(56,189,248,.2);border:1px solid rgba(56,189,248,.5);color:rgb(186,230,253)}
.dc-gsky-crown.is-empty{opacity:0;user-select:none}

.dc-gsky-gex{text-align:center;font:800 .74rem/1 var(--aku-font-mono);font-variant-numeric:tabular-nums}
.dc-gsky-gex.is-pos{color:rgb(52,211,153)}
.dc-gsky-gex.is-neg{color:rgb(251,113,133)}

/* 3D GEX Towers — NO SCALE/ZOOM! Instead, Internal Flowing Plasma & Laser Scanline */
.dc-gsky-tower-wrap{height:76px;display:flex;align-items:flex-end;justify-content:center;padding:0 8px;border-bottom:1px solid rgba(148,163,184,.24)}
.dc-gsky-tower{width:100%;max-width:34px;border-radius:6px 6px 0 0;position:relative;overflow:hidden;transition:height .5s ease}
.dc-gsky-tower::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;border-radius:6px 6px 0 0;background:rgba(255,255,255,.8);z-index:3}
.dc-gsky-tower.is-pos{background:linear-gradient(180deg,rgb(52,211,153),rgba(5,150,105,.38));box-shadow:0 0 14px rgba(16,185,129,.45)}
.dc-gsky-tower.is-neg{background:linear-gradient(180deg,rgb(251,113,133),rgba(225,29,72,.38));box-shadow:0 0 14px rgba(244,63,94,.42)}
.dc-gsky-tower.is-spot-bar{background:linear-gradient(180deg,rgb(253,224,71),rgba(245,158,11,.4));box-shadow:0 0 16px rgba(245,158,11,.55)}

/* Internal Rising Plasma Bands & Laser Scanline Inside Put Wall / Call Wall / Spot Towers */
.dc-gsky-tower-stream{position:absolute;inset:0;background:repeating-linear-gradient(180deg,rgba(255,255,255,.32) 0 6px,transparent 6px 14px);background-size:100% 28px;animation:dcTowerStreamRise 1.2s linear infinite;pointer-events:none;z-index:1}
.dc-gsky-tower-scan{position:absolute;left:0;right:0;height:8px;background:linear-gradient(180deg,rgba(255,255,255,.85),transparent);filter:blur(.5px);animation:dcTowerScanUp 1.9s ease-in-out infinite;pointer-events:none;z-index:2}
.dc-gsky-tower-cap{position:absolute;top:0;left:0;right:0;height:4px;background:rgb(255,255,255);box-shadow:0 0 12px rgb(255,255,255);z-index:4}
@keyframes dcTowerStreamRise{0%{background-position:0 28px}100%{background-position:0 0}}
@keyframes dcTowerScanUp{0%{bottom:-10%;opacity:0}25%{opacity:.95}80%{opacity:.95}100%{bottom:100%;opacity:0}}

.dc-gsky-k-box{display:grid;place-items:center;gap:2px;padding-bottom:6px;border-bottom:1px dashed rgba(148,163,184,.2)}
.dc-gsky-k{font:900 1.08rem/1 var(--aku-font-mono);color:rgb(248,250,252)}
.dc-gsky-col.is-pw .dc-gsky-k{color:rgb(253,164,175)}
.dc-gsky-col.is-cw .dc-gsky-k{color:rgb(110,231,183)}
.dc-gsky-col.is-spot .dc-gsky-k{color:rgb(254,240,138)}
.dc-gsky-pt{font-size:.66rem;color:rgb(148,163,184)}
.dc-gsky-pt b{color:rgb(226,232,240);font-family:var(--aku-font-mono)}
.dc-gsky-rank{margin-top:2px;padding:2px 6px;border-radius:5px;font:800 .62rem/1.15 var(--aku-font-body);background:rgba(249,115,22,.26);border:1px solid rgba(251,146,60,.6);color:rgb(254,215,170);white-space:nowrap}

.dc-gsky-factors{display:grid;gap:4px;align-content:start}
.dc-gsky-f{display:flex;align-items:center;justify-content:space-between;gap:3px;padding:3px 4px;border-radius:5px;background:rgba(9,14,26,.55);border-left:2.5px solid rgba(148,163,184,.45);font-size:.61rem;line-height:1.15;color:rgb(226,232,240);white-space:nowrap}
.dc-gsky-f.is-t1{border-left-color:rgb(250,204,21);background:rgba(245,158,11,.14);color:rgb(254,249,195)}
.dc-gsky-f.is-t2{border-left-color:rgb(56,189,248);background:rgba(56,189,248,.12)}
.dc-gsky-f b{font-family:var(--aku-font-mono);font-size:.64rem;color:rgb(110,231,183)}
.dc-gsky-f.is-t1 b{color:rgb(253,224,71)}

.dc-gsky-legend{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:10px;border-top:1px solid rgba(148,163,184,.18);font-size:.73rem;color:rgb(203,213,225)}
.dc-gsl-lead{color:rgb(241,245,249)}
.dc-gsl-chip{padding:3px 9px;border-radius:999px;font-size:.7rem;font-weight:700}
.dc-gsl-chip.is-fire{background:rgba(249,115,22,.2);border:1px solid rgba(251,146,60,.45);color:rgb(254,215,170)}
.dc-gsl-chip.is-t1{background:rgba(245,158,11,.16);border:1px solid rgba(250,204,21,.4);color:rgb(254,240,138)}
.dc-gsl-chip.is-t2{background:rgba(56,189,248,.16);border:1px solid rgba(56,189,248,.4);color:rgb(186,230,253)}

@media (max-width:1100px){
 .dc-elev-arch-grid,.dc-sf-hero-strip,.dc-jhs-grid{grid-template-columns:1fr}
 .dc-gex-sky-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
.dc-sca-battle-stage.is-jjk-kame-stage .dc-sca-energy-hud{margin-bottom:10px}
.dc-sca-battle-stage.is-jjk-kame-stage .dc-sca-hud-mid{white-space:nowrap}
.dc-jjk-treemap-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
.dc-jjk-tm-cell{grid-column:span 1!important}
.dc-jjk-tm-top strong{overflow:visible!important;text-overflow:clip!important}
.dc-elb-tags{white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
.dc-jhs-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
.dc-jhs-tile{grid-column:span 1!important}
.dc-jhs-top b{overflow:visible!important;text-overflow:clip!important}

/* === v28 UPGRADE: CRAFT-E Confluence Infographic & CRAFT-F High-Intensity Dual-Laser Orbiting Wall Frames === */
.dc-ecc-spot-hero{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:9px 12px;margin-bottom:4px;border-radius:10px;background:linear-gradient(90deg,rgba(16,185,129,.2),rgba(56,189,248,.12));border:1px solid rgba(52,211,153,.45);box-shadow:0 4px 14px rgba(16,185,129,.14)}
.dc-ecc-spot-top{display:flex;align-items:center;gap:8px}
.dc-ecc-spot-top strong{font:800 .86rem/1.2 var(--aku-font-mono);color:rgb(167,243,208)}
.dc-ecc-spot-route{font:700 .74rem/1.25 var(--aku-font-body);color:rgb(224,242,254);padding:3px 9px;border-radius:999px;background:rgba(15,23,42,.68);border:1px solid rgba(125,211,252,.32)}
.dc-el-section-tag{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:5px 10px;border-radius:8px;font:600 .72rem/1.25 var(--aku-font-body)}
.dc-el-section-tag.is-res-tag{background:rgba(244,63,94,.11);border-left:3.5px solid rgb(251,113,133);color:rgb(254,205,211)}
.dc-el-section-tag.is-sup-tag{background:rgba(16,185,129,.11);border-left:3.5px solid rgb(52,211,153);color:rgb(167,243,208)}
.dc-el-section-tag small{font:600 .68rem/1.2 var(--aku-font-body);color:rgb(203,213,225)}
.dc-el-barrier.is-major-wall{padding:12px 14px;border-width:1.5px}
.dc-elb-overlap-ribbon{display:flex;align-items:center;gap:6px;padding:4px 10px;margin-bottom:6px;border-radius:7px;background:linear-gradient(90deg,rgba(245,158,11,.24),rgba(251,191,36,.08));border:1px solid rgba(251,191,36,.48);font:700 .72rem/1.25 var(--aku-font-body);color:rgb(254,240,138)}
.dc-elb-confluence-vis{display:grid;gap:7px;margin-top:4px}
.dc-elb-seg-bar{display:flex;align-items:stretch;height:22px;border-radius:7px;overflow:hidden;border:1px solid rgba(148,163,184,.3);background:rgba(2,6,23,.85)}
.dc-elb-seg{display:flex;align-items:center;justify-content:center;font:800 .66rem/1 var(--aku-font-body);white-space:nowrap;padding:0 6px;border-right:1px solid rgba(2,6,23,.75)}
.dc-elb-seg.is-gex{background:linear-gradient(90deg,rgba(16,185,129,.42),rgba(52,211,153,.62));color:rgb(236,253,245)}
.dc-elb-seg.is-gap{background:linear-gradient(90deg,rgba(245,158,11,.42),rgba(251,191,36,.6));color:rgb(254,252,232)}
.dc-elb-seg.is-touch{background:linear-gradient(90deg,rgba(56,189,248,.35),rgba(96,165,250,.5));color:rgb(224,242,254)}
.dc-elb-seg.is-ema{background:linear-gradient(90deg,rgba(245,158,11,.48),rgba(251,191,36,.68));color:rgb(254,252,232)}
.dc-elb-seg.is-vwap{background:linear-gradient(90deg,rgba(56,189,248,.42),rgba(14,165,233,.62));color:rgb(224,242,254)}
.dc-elb-seg.is-orb{background:linear-gradient(90deg,rgba(168,85,247,.38),rgba(192,132,252,.56));color:rgb(250,245,255)}
.dc-elb-seg.is-low{background:linear-gradient(90deg,rgba(16,185,129,.38),rgba(52,211,153,.55));color:rgb(236,253,245)}
.dc-elb-pill-list{display:flex;flex-wrap:wrap;gap:5px}
.dc-elb-fchip{padding:3px 8px;border-radius:6px;font:600 .68rem/1.25 var(--aku-font-body);background:rgba(15,23,42,.82);border:1px solid rgba(148,163,184,.26);color:rgb(226,232,240)}
.dc-elb-fchip.is-gex{border-color:rgba(52,211,153,.45);color:rgb(167,243,208)}
.dc-elb-fchip.is-gap,.dc-elb-fchip.is-ema{border-color:rgba(251,191,36,.45);color:rgb(254,240,138)}
.dc-elb-fchip.is-vwap{border-color:rgba(56,189,248,.45);color:rgb(186,230,253)}
.dc-elb-fchip.is-orb{border-color:rgba(192,132,252,.45);color:rgb(233,213,255)}
.dc-elb-fchip.is-low{border-color:rgba(52,211,153,.42);color:rgb(167,243,208)}
.dc-el-laser-sightline{display:flex;align-items:center;gap:8px;padding:2px 0}
.dc-els-beam{flex:1;height:2px;background:linear-gradient(90deg,transparent,rgb(52,211,153),rgb(56,189,248),transparent);box-shadow:0 0 10px rgba(52,211,153,.6)}
.dc-els-pill{padding:4px 12px;border-radius:999px;background:rgba(6,78,59,.88);border:1.5px solid rgb(52,211,153);font:700 .72rem/1.2 var(--aku-font-body);color:rgb(236,253,245);box-shadow:0 0 14px rgba(16,185,129,.35);white-space:nowrap}
.dc-el-minor-cushions-wrap{display:grid;gap:6px;padding:8px 10px;border-radius:11px;background:rgba(9,16,29,.65);border:1px dashed rgba(148,163,184,.28)}
.dc-el-minor-head{font:600 .7rem/1.25 var(--aku-font-body);color:rgb(148,163,184)}
.dc-el-minor-head b{color:rgb(226,232,240)}
.dc-el-minor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.dc-elb-minor-meta{display:grid;gap:4px}

/* CRAFT-F: High-Intensity Dual-Beam 3.5px Orbiting Laser Frame + Elevated Pedestals vs Recessed Minor Columns */
.dc-gsky-col.is-minor{opacity:.64;transform:scale(.96);filter:saturate(.75);transition:opacity .25s ease,transform .25s ease}
.dc-gsky-col.is-minor:hover{opacity:.92;transform:scale(.99)}
.dc-gsky-col.is-orbit-wall{padding:11px 7px;transform:translateY(-6px);z-index:4}
.dc-gsky-col.is-orbit-wall::after{inset:3.2px!important;border-radius:9.5px!important}
.dc-gsky-col.is-pw.is-orbit-wall{box-shadow:0 0 28px rgba(244,63,94,.48),0 0 52px rgba(244,63,94,.22),inset 0 0 22px rgba(244,63,94,.22)!important}
.dc-gsky-col.is-pw.is-orbit-wall::before{background:conic-gradient(from 0deg,transparent 0deg 20deg,rgba(244,63,94,.95) 35deg 130deg,rgb(254,240,138) 145deg 168deg,rgb(255,255,255) 172deg 180deg,transparent 180deg 200deg,rgba(244,63,94,.95) 215deg 310deg,rgb(254,240,138) 325deg 348deg,rgb(255,255,255) 352deg 360deg)!important;animation:dcWallOrbitSpin 2.3s linear infinite!important}
.dc-gsky-col.is-cw.is-orbit-wall{box-shadow:0 0 28px rgba(16,185,129,.52),0 0 54px rgba(56,189,248,.24),inset 0 0 22px rgba(16,185,129,.22)!important}
.dc-gsky-col.is-cw.is-orbit-wall::before{background:conic-gradient(from 90deg,transparent 0deg 20deg,rgba(16,185,129,.95) 35deg 130deg,rgb(125,211,252) 145deg 168deg,rgb(255,255,255) 172deg 180deg,transparent 180deg 200deg,rgba(16,185,129,.95) 215deg 310deg,rgb(254,240,138) 325deg 348deg,rgb(255,255,255) 352deg 360deg)!important;animation:dcWallOrbitSpin 2.3s linear infinite!important}
.dc-gsky-col.is-spot.is-orbit-wall{box-shadow:0 0 26px rgba(251,191,36,.46),0 0 48px rgba(245,158,11,.2),inset 0 0 20px rgba(251,191,36,.2)!important}
.dc-gsky-col.is-spot.is-orbit-wall::before{background:conic-gradient(from 180deg,transparent 0deg 25deg,rgba(245,158,11,.95) 40deg 130deg,rgb(254,240,138) 145deg 168deg,rgb(255,255,255) 172deg 180deg,transparent 180deg 205deg,rgba(245,158,11,.95) 220deg 310deg,rgb(254,240,138) 325deg 348deg,rgb(255,255,255) 352deg 360deg)!important;animation:dcWallOrbitSpin 2.6s linear infinite!important}
@media (max-width:720px){.dc-el-minor-grid{grid-template-columns:1fr}}

/* === v29 POLISH: Quad-Beam 360 Orbiting Laser Wall Frame (4 Laser Heads on All 4 Edges) & CRAFT-E Dynamic Sightline === */
.dc-elb-overlap-ribbon{display:block!important;line-height:1.35!important}
.dc-elb-seg{overflow:hidden;text-overflow:ellipsis}
.dc-ecc-spot-hero.is-clash{background:linear-gradient(90deg,rgba(245,158,11,.25),rgba(251,191,36,.12));border-color:rgba(251,191,36,.6);box-shadow:0 4px 16px rgba(245,158,11,.22)}
.dc-ecc-spot-hero.is-clash .dc-ecc-spot-top strong{color:rgb(254,240,138)}
.dc-ecc-spot-hero.is-dn{background:linear-gradient(90deg,rgba(244,63,94,.24),rgba(225,29,72,.12));border-color:rgba(251,113,133,.6);box-shadow:0 4px 16px rgba(244,63,94,.22)}
.dc-ecc-spot-hero.is-dn .dc-ecc-spot-top strong{color:rgb(254,205,211)}
.dc-el-laser-sightline.is-clash .dc-els-beam{background:linear-gradient(90deg,transparent,rgb(251,191,36),rgb(254,240,138),transparent);box-shadow:0 0 12px rgba(251,191,36,.75)}
.dc-el-laser-sightline.is-clash .dc-els-pill{background:rgba(120,53,15,.92);border-color:rgb(251,191,36);color:rgb(254,240,138);box-shadow:0 0 16px rgba(245,158,11,.45)}
.dc-el-laser-sightline.is-dn .dc-els-beam{background:linear-gradient(90deg,transparent,rgb(244,63,94),rgb(251,113,133),transparent);box-shadow:0 0 12px rgba(244,63,94,.75)}
.dc-el-laser-sightline.is-dn .dc-els-pill{background:rgba(136,19,55,.92);border-color:rgb(251,113,133);color:rgb(254,226,226);box-shadow:0 0 16px rgba(244,63,94,.45)}

/* CRAFT-F: 4-Head Quad-Laser Conic Gradient so ALL 4 SIDES of Put Wall, Call Wall, and Spot glow with running light beams simultaneously! */
.dc-gsky-col.is-orbit-wall{padding:12px 9px!important}
.dc-gsky-col.is-orbit-wall .dc-gsky-f{padding:3px 6px!important}
.dc-gsky-col.is-orbit-wall::after{inset:3.6px!important;border-radius:9px!important}
.dc-gsky-col.is-pw.is-orbit-wall{box-shadow:0 0 32px rgba(244,63,94,.65),0 0 64px rgba(244,63,94,.32),inset 0 0 26px rgba(244,63,94,.28)!important}
.dc-gsky-col.is-pw.is-orbit-wall::before{background:conic-gradient(from 0deg,rgba(225,29,72,.55) 0deg 28deg,rgb(244,63,94) 28deg 58deg,rgb(251,146,60) 58deg 76deg,rgb(255,255,255) 76deg 90deg,rgba(225,29,72,.55) 90deg 118deg,rgb(244,63,94) 118deg 148deg,rgb(251,146,60) 148deg 166deg,rgb(255,255,255) 166deg 180deg,rgba(225,29,72,.55) 180deg 208deg,rgb(244,63,94) 208deg 238deg,rgb(251,146,60) 238deg 256deg,rgb(255,255,255) 256deg 270deg,rgba(225,29,72,.55) 270deg 298deg,rgb(244,63,94) 298deg 328deg,rgb(251,146,60) 328deg 346deg,rgb(255,255,255) 346deg 360deg)!important;animation:dcWallOrbitSpin 2.2s linear infinite!important}
.dc-gsky-col.is-cw.is-orbit-wall{box-shadow:0 0 32px rgba(16,185,129,.68),0 0 64px rgba(56,189,248,.34),inset 0 0 26px rgba(16,185,129,.28)!important}
.dc-gsky-col.is-cw.is-orbit-wall::before{background:conic-gradient(from 45deg,rgba(5,150,105,.55) 0deg 28deg,rgb(16,185,129) 28deg 58deg,rgb(56,189,248) 58deg 76deg,rgb(255,255,255) 76deg 90deg,rgba(5,150,105,.55) 90deg 118deg,rgb(16,185,129) 118deg 148deg,rgb(56,189,248) 148deg 166deg,rgb(255,255,255) 166deg 180deg,rgba(5,150,105,.55) 180deg 208deg,rgb(16,185,129) 208deg 238deg,rgb(56,189,248) 238deg 256deg,rgb(255,255,255) 256deg 270deg,rgba(5,150,105,.55) 270deg 298deg,rgb(16,185,129) 298deg 328deg,rgb(56,189,248) 328deg 346deg,rgb(255,255,255) 346deg 360deg)!important;animation:dcWallOrbitSpin 2.2s linear infinite!important}
.dc-gsky-col.is-spot.is-orbit-wall{box-shadow:0 0 30px rgba(251,191,36,.62),0 0 58px rgba(245,158,11,.3),inset 0 0 24px rgba(251,191,36,.25)!important}
.dc-gsky-col.is-spot.is-orbit-wall::before{background:conic-gradient(from 22deg,rgba(180,83,9,.55) 0deg 28deg,rgb(245,158,11) 28deg 58deg,rgb(254,240,138) 58deg 76deg,rgb(255,255,255) 76deg 90deg,rgba(180,83,9,.55) 90deg 118deg,rgb(245,158,11) 118deg 148deg,rgb(254,240,138) 148deg 166deg,rgb(255,255,255) 166deg 180deg,rgba(180,83,9,.55) 180deg 208deg,rgb(245,158,11) 208deg 238deg,rgb(254,240,138) 238deg 256deg,rgb(255,255,255) 256deg 270deg,rgba(180,83,9,.55) 270deg 298deg,rgb(245,158,11) 298deg 328deg,rgb(254,240,138) 328deg 346deg,rgb(255,255,255) 346deg 360deg)!important;animation:dcWallOrbitSpin 2.5s linear infinite!important}
.dc-gex-sky-grid{grid-template-columns:1.22fr .86fr .9fr .86fr 1.25fr 1.25fr .96fr .96fr .86fr!important;gap:7px!important}
@media (max-width:1100px){.dc-gex-sky-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
.dc-gex-sky-grid{grid-template-columns:1.24fr .84fr .88fr .84fr 1.28fr 1.28fr .96fr .96fr .84fr!important;gap:7px!important}
@media (max-width:1100px){.dc-gex-sky-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
.dc-gsky-col.is-minor{padding:8px 4px!important}
.dc-gsky-col.is-minor .dc-gsky-f{padding:2px 4px!important;font-size:.58rem!important}
.dc-gsky-col.is-minor .dc-gsky-f b{font-size:.6rem!important}

/* === v32: SPACIOUS NON-REDUNDANT CRAFT-E INFOGRAPHIC & SLOW CALM ORBITING LASER BORDERS ON CRAFT-F === */
.dc-elev-ladder.is-clean-infographic{display:flex;flex-direction:column;justify-content:space-between;gap:12px}
.dc-elev-ladder.is-clean-infographic .dc-el-barrier.is-major-wall{padding:14px 16px;gap:10px;border-radius:14px}
.dc-elb-meter-line{height:6px;border-radius:999px;background:rgba(15,23,42,.9);border:1px solid rgba(148,163,184,.2);overflow:hidden}
.dc-elb-meter-line.is-thin{height:4.5px}
.dc-elb-meter-line>i{display:block;height:100%;border-radius:999px}
.dc-elb-meter-line>i.is-cw-bar{background:linear-gradient(90deg,rgb(16,185,129),rgb(52,211,153),rgb(125,211,252));box-shadow:0 0 10px rgba(52,211,153,.5)}
.dc-elb-meter-line>i.is-fort-bar{background:linear-gradient(90deg,rgb(245,158,11),rgb(251,191,36),rgb(254,240,138));box-shadow:0 0 10px rgba(251,191,36,.5)}
.dc-elb-meter-line>i.is-sup-bar{background:linear-gradient(90deg,rgb(14,165,233),rgb(56,189,248))}
.dc-elb-clean-grid{display:grid;gap:8px}
.dc-elb-clean-grid.is-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.dc-elb-clean-grid.is-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.dc-elb-stat{display:flex;flex-direction:column;gap:3px;padding:8px 10px;border-radius:9px;background:rgba(9,15,28,.78);border:1px solid rgba(148,163,184,.22)}
.dc-elb-stat span{font:600 .68rem/1.2 var(--aku-font-body);color:rgb(203,213,225)}
.dc-elb-stat b{font:800 .78rem/1.2 var(--aku-font-mono);color:rgb(248,250,252)}
.dc-elb-stat.is-gex{border-left:3px solid rgb(52,211,153);background:rgba(6,78,59,.22)}
.dc-elb-stat.is-gex b{color:rgb(167,243,208)}
.dc-elb-stat.is-gap,.dc-elb-stat.is-ema{border-left:3px solid rgb(251,191,36);background:rgba(120,53,15,.22)}
.dc-elb-stat.is-gap b,.dc-elb-stat.is-ema b{color:rgb(254,240,138)}
.dc-elb-stat.is-vwap,.dc-elb-stat.is-touch{border-left:3px solid rgb(56,189,248);background:rgba(12,74,110,.22)}
.dc-elb-stat.is-vwap b,.dc-elb-stat.is-touch b{color:rgb(186,230,253)}
.dc-elb-stat.is-orb{border-left:3px solid rgb(192,132,252);background:rgba(88,28,135,.22)}
.dc-elb-stat.is-orb b{color:rgb(233,213,255)}
.dc-elb-stat.is-low{border-left:3px solid rgb(52,211,153);background:rgba(6,78,59,.2)}
.dc-elb-stat.is-low b{color:rgb(167,243,208)}
.dc-elb-minor-tags{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font:600 .7rem/1.25 var(--aku-font-body);color:rgb(203,213,225)}
.dc-elb-minor-tags b{font:800 .72rem/1.2 var(--aku-font-mono);color:rgb(186,230,253)}

/* CRAFT-F: SLOW DOWN ORBITING LASER BORDERS (From 2.2s -> 9s calm luxury orbit!) */
.dc-gsky-col.is-pw.is-orbit-wall::before{animation:dcWallOrbitSpin 9s linear infinite!important}
.dc-gsky-col.is-cw.is-orbit-wall::before{animation:dcWallOrbitSpin 9s linear infinite!important}
.dc-gsky-col.is-spot.is-orbit-wall::before{animation:dcWallOrbitSpin 10.5s linear infinite!important}
.dc-gsky-tower-stream{animation-duration:5.5s!important}
.dc-gsky-tower-scan{animation-duration:6s!important}
@media (max-width:860px){.dc-elb-clean-grid.is-cols-3,.dc-elb-clean-grid.is-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* === v33: TACTILE IMPACT TREMOR / SHAKE ON COLLIDING WALL BARRIERS (.dc-el-barrier.is-active-clash) === */
@keyframes dcBarrierImpactShake {
  0%, 100% {
    transform: translate3d(0, 0, 0) rotate(0deg);
    border-color: rgba(251, 191, 36, 0.78);
    box-shadow: 0 0 18px rgba(245, 158, 11, 0.24), inset 0 0 14px rgba(245, 158, 11, 0.12);
  }
  4% {
    transform: translate3d(-3.5px, -1.5px, 0) rotate(-0.45deg);
    border-color: rgb(254, 240, 138);
    box-shadow: 0 0 32px rgba(251, 191, 36, 0.72), 0 0 54px rgba(245, 158, 11, 0.35), inset 0 0 24px rgba(254, 240, 138, 0.32);
  }
  8% {
    transform: translate3d(3.5px, 1.5px, 0) rotate(0.45deg);
  }
  12% {
    transform: translate3d(-3px, 1px, 0) rotate(-0.35deg);
  }
  16% {
    transform: translate3d(2.8px, -1px, 0) rotate(0.3deg);
    border-color: rgb(253, 224, 71);
    box-shadow: 0 0 26px rgba(251, 191, 36, 0.58), inset 0 0 18px rgba(251, 191, 36, 0.22);
  }
  20% {
    transform: translate3d(-2px, 0.8px, 0) rotate(-0.2deg);
  }
  24% {
    transform: translate3d(1.5px, -0.5px, 0) rotate(0.15deg);
  }
  28% {
    transform: translate3d(-0.8px, 0.3px, 0) rotate(0deg);
  }
  32% {
    transform: translate3d(0, 0, 0) rotate(0deg);
  }
}

@keyframes dcArmorBarImpact {
  0%, 32%, 100% { filter: brightness(1); transform: scaleY(1); }
  6%, 14% { filter: brightness(1.55) drop-shadow(0 0 8px rgb(254, 240, 138)); transform: scaleY(1.32); }
}

@keyframes dcCabinRamUp {
  0%, 32%, 100% { transform: translateY(50%); }
  6% { transform: translateY(calc(50% - 6px)) scale(1.06); }
  14% { transform: translateY(calc(50% + 2px)) scale(0.98); }
  22% { transform: translateY(calc(50% - 3px)); }
}

.dc-el-barrier.is-active-clash {
  animation: dcBarrierImpactShake 1.45s cubic-bezier(.36,.07,.19,.97) infinite!important;
  will-change: transform, box-shadow;
}
.dc-el-barrier.is-active-clash .dc-elb-meter-line > i {
  animation: dcArmorBarImpact 1.45s ease-out infinite!important;
}
.dc-el-barrier.is-active-clash .dc-elb-fx-wave {
  animation: dcBarrierWaveSweep 1.45s ease-out infinite!important;
}
.dc-es-cabin.is-clash {
  animation: dcCabinRamUp 1.45s cubic-bezier(.36,.07,.19,.97) infinite!important;
}

/* === v34/v35: INTERMEDIATE FLOOR TICKS ON THE ELEVATOR SHAFT (.dc-es-tick) — ZERO LINE OVERLAP ON CABIN === */
.dc-elev-wing-right.is-ticked-shaft-layout{grid-template-columns:160px minmax(0,1fr)!important;gap:14px!important}
.dc-elev-wing-right.is-ticked-shaft-layout .dc-elev-shaft-col{padding:10px 6px;border-radius:14px;background:rgba(4,9,20,.92);border:1px solid rgba(148,163,184,.24);position:relative}
.dc-elev-wing-right.is-ticked-shaft-layout .dc-es-track{width:100%;position:relative}
.dc-elev-wing-right.is-ticked-shaft-layout .dc-es-track::before{left:34px!important;transform:none!important;width:3px;background:rgba(148,163,184,.3)}
.dc-elev-wing-right.is-ticked-shaft-layout .dc-es-chain{left:32.5px!important;transform:none!important;width:6px}
.dc-elev-wing-right.is-ticked-shaft-layout .dc-es-cabin{left:4px!important;right:auto!important;width:62px;padding:4px 4px;transform:translateY(50%);z-index:12!important;background:rgb(6,46,38)}
.dc-elev-wing-right.is-ticked-shaft-layout .dc-es-cabin.is-clash{background:rgb(66,32,6)!important}
.dc-elev-wing-right.is-ticked-shaft-layout .dc-es-cabin.is-dn{background:rgb(56,12,24)!important}
.dc-elev-wing-right.is-ticked-shaft-layout .dc-es-cabin b{font:800 .74rem/1.1 var(--aku-font-head)!important;font-variant-numeric:tabular-nums}
.dc-es-tick{position:absolute;left:34px;right:2px;display:flex;align-items:center;gap:4px;transform:translateY(50%);z-index:3;pointer-events:none;transition:transform .25s ease,filter .25s ease}
.dc-est-line{width:38px;height:3.5px;border-radius:999px;background:rgba(148,163,184,.55);flex-shrink:0;box-shadow:0 0 6px rgba(148,163,184,.3);transition:width .25s ease,margin-left .25s ease}
.dc-est-tag{display:flex;flex-direction:column;align-items:flex-start;padding:2.5px 6px;border-radius:6px;background:rgba(15,23,42,.96);border:1px solid rgba(148,163,184,.34);line-height:1.1;margin-left:auto;min-width:64px}
.dc-est-tag b{font:800 .7rem/1.1 var(--aku-font-head);font-variant-numeric:tabular-nums;color:rgb(248,250,252)}
.dc-est-tag small{font:700 .55rem/1.1 var(--aku-font-body);color:rgb(148,163,184);white-space:nowrap}
.dc-es-tick.is-cw .dc-est-line{height:4px;background:rgb(52,211,153);box-shadow:0 0 10px rgba(52,211,153,.7)}
.dc-es-tick.is-cw .dc-est-tag{border-color:rgba(52,211,153,.55);background:rgba(6,78,59,.72)}
.dc-es-tick.is-cw .dc-est-tag small{color:rgb(167,243,208)}
.dc-es-tick.is-fort .dc-est-line{height:4px;background:rgb(251,191,36);box-shadow:0 0 10px rgba(251,191,36,.7)}
.dc-es-tick.is-fort .dc-est-tag{border-color:rgba(251,191,36,.55);background:rgba(120,53,15,.72)}
.dc-es-tick.is-fort .dc-est-tag small{color:rgb(254,240,138)}
.dc-es-tick.is-minor .dc-est-line{height:3px;background:rgb(56,189,248)}
.dc-es-tick.is-minor .dc-est-tag{border-color:rgba(56,189,248,.4);background:rgba(12,74,110,.58)}
.dc-es-tick.is-minor .dc-est-tag small{color:rgb(186,230,253)}
.dc-es-tick.is-broken .dc-est-line{background:rgb(244,63,94);box-shadow:0 0 10px rgba(244,63,94,.7)}
.dc-es-tick.is-broken .dc-est-tag{border-color:rgba(251,113,133,.65);background:rgba(136,19,55,.76)}
.dc-es-tick.is-broken .dc-est-tag small{color:rgb(254,205,211)}
@keyframes dcShaftTickShake {
  0%, 32%, 100% { transform: translateY(50%) translateX(0); }
  5% { transform: translateY(calc(50% - 2px)) translateX(-2px); filter: brightness(1.5); }
  10% { transform: translateY(calc(50% + 2px)) translateX(2.5px); }
  16% { transform: translateY(calc(50% - 1.5px)) translateX(-1.5px); }
  22% { transform: translateY(calc(50% + 1px)) translateX(1.5px); }
}
.dc-es-tick.is-hit{z-index:4!important;animation:dcShaftTickShake 1.45s cubic-bezier(.36,.07,.19,.97) infinite!important}
.dc-es-tick.is-hit .dc-est-tag{border-color:rgb(254,240,138);box-shadow:0 0 16px rgba(251,191,36,.75)}
.dc-es-tick.is-hit .dc-est-line{margin-left:32px;width:10px;background:rgb(254,240,138);box-shadow:0 0 14px rgb(254,240,138)}

/* === v36: SINGLE ACTIVE SITUATION HUD PILL (.dc-sca-energy-hud.is-single-status) === */
.dc-sca-energy-hud.is-single-status{display:flex;align-items:center;min-height:28px}
.dc-sca-energy-hud.is-single-status > [hidden]{display:none!important}
.dc-sca-energy-hud.is-single-status > [data-sf-hud-in],
.dc-sca-energy-hud.is-single-status > [data-c-bull-pct]{margin-right:auto;padding:4px 12px;border-radius:999px;font-size:.8rem;box-shadow:0 0 14px rgba(56,189,248,.24)}
.dc-sca-energy-hud.is-single-status > [data-sf-hud-mid],
.dc-sca-energy-hud.is-single-status > [data-c-hud-mid]{margin-inline:auto;padding:4px 14px;border-radius:999px;font-size:.8rem;font-weight:800;color:rgb(254,240,138);background:rgba(120,53,15,.65);border:1px solid rgba(251,191,36,.6);box-shadow:0 0 14px rgba(251,191,36,.28)}
.dc-sca-energy-hud.is-single-status > [data-sf-hud-out],
.dc-sca-energy-hud.is-single-status > [data-c-bear-pct]{margin-left:auto;padding:4px 12px;border-radius:999px;font-size:.8rem;box-shadow:0 0 14px rgba(244,63,94,.28)}

/* === v37: ANTI-WHIPSAW 5M CANDLE LOCK & 3-STEP USAGE STRIP (.dc-elev-howto-bar) === */
.dc-elev-howto-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;padding:10px 14px;border-radius:12px;background:linear-gradient(90deg,rgba(15,23,42,.92) 0%,rgba(8,22,42,.88) 100%);border:1px solid rgba(56,189,248,.32);border-left:4px solid rgb(56,189,248)}
.dc-ehb-lock{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.dc-ehb-badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;font:800 .72rem/1.2 var(--aku-font-body);color:rgb(224,242,254);background:rgba(3,105,161,.55);border:1px solid rgba(56,189,248,.5)}
.dc-ehb-lock small{font:600 .78rem/1.35 var(--aku-font-body);color:rgb(226,232,240)}
.dc-ehb-lock small b{color:rgb(254,240,138);font-weight:800}
.dc-ehb-steps{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.dc-ehb-step{padding:3px 9px;border-radius:7px;background:rgba(15,23,42,.78);border:1px solid rgba(148,163,184,.22);font:600 .73rem/1.3 var(--aku-font-body);color:rgb(203,213,225)}
.dc-ehb-step b{color:rgb(125,211,252);font-weight:800}