/* Sentinel by Lucidity v4: glass / 3D in Lucidity red-to-black. Fonts: Unbounded (display) + Manrope (text), both OFL, self-hosted.
   Text contrast (WCAG AA) checked on the darkest-to-reddest surfaces: --ink 10:1+, --mist 7.6:1+, --dim 5.4:1+, status text 5.4:1+. */
@font-face{font-family:"Unbounded";src:url(fonts/Unbounded-latin.woff2) format("woff2");font-weight:200 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Manrope";src:url(fonts/Manrope-latin.woff2) format("woff2");font-weight:200 800;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
 --bg:#0b0204;--wine:#24070d;--deep:#5a0f1c;--red:#d91c33;--red2:#ff4458;--rose:#ffb3bc;
 --ink:#fff4f4;--mist:#f3cfd3;--dim:#e0a9b0;
 --lo:#57e3a8;--mid:#ffcc66;--hi:#ff9aa8;--on:#1a0508;
 --ok:#24a874;--warn:#d9921a;--bad:#e5223a;--muted:#e0a9b0;
 --edge:rgba(255,170,178,.18);--edge2:rgba(255,170,178,.3);
 --ic-bg:rgba(255,59,78,.16);--ic-ln:#ffd5d9;--ic-ac:#ff4a5c;--ic-ac2:#7d0d18;--ic-rim:rgba(255,120,130,.3);--logo-bg:#b3121f;
 --disp:"Unbounded",system-ui,sans-serif;--sans:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
 --pad:clamp(16px,4vw,56px);--max:1360px;
 --hk1:#8b929c;--hk2:#e2e6eb;--hk3:#ffffff;--hk-line:rgba(255,255,255,.95);--hk-lw:3px;
 --hk-glow1:rgba(255,40,64,.78);--hk-glow2:rgba(190,12,36,.32);
 --hk-fx:drop-shadow(0 0 1.5px #fff) drop-shadow(0 0 22px rgba(255,60,80,.95)) drop-shadow(0 22px 30px rgba(0,0,0,.65));
 --hex:url(hex-lines.svg);
 color-scheme:dark;
}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--bg);overflow-x:clip;scroll-padding-top:90px}
body{color:var(--ink);font:500 15px/1.55 var(--sans);-webkit-font-smoothing:antialiased;min-height:100vh;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0}
img{display:block;max-width:100%}
h1,h2,h3{font-family:var(--disp);letter-spacing:-.02em;line-height:1.08}
:focus-visible{outline:2px solid var(--rose);outline-offset:2px;border-radius:8px}
.skip{position:absolute;left:-999px;top:8px;z-index:99;padding:10px 14px;border-radius:10px;background:var(--red);color:#fff;font-weight:800}
.skip:focus{left:8px}
#sprite{display:none}
.mono{font-family:var(--mono)}.break{word-break:break-all}.muted{color:var(--dim)}.small{font-size:13px}
.u{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}.u.xs{width:15px;height:15px}.u.sm{width:18px;height:18px}.u.flip{transform:scaleX(-1)}
.ic{width:24px;height:24px;flex:none}.ic.xs{width:16px;height:16px}.ic.sm{width:20px;height:20px}.ic.md{width:28px;height:28px}.ic.lg{width:40px;height:40px}.ic.xl{width:56px;height:56px}
.mk{width:18px;height:18px;flex:none}
.m-only{display:none}
.tinggi{--r:var(--hi)}.sedang{--r:var(--mid)}.rendah{--r:var(--lo)}

/* background: red-to-black + Lucidity hex lines */
.aurora{position:fixed;inset:0;z-index:-1;overflow:hidden;background:
 radial-gradient(1100px 760px at 0% 100%,rgba(217,28,51,.42),transparent 62%),
 radial-gradient(900px 640px at 100% 0%,rgba(122,14,30,.55),transparent 60%),
 linear-gradient(160deg,#1c0408 0%,var(--bg) 46%,#130306 100%)}
.aurora i{position:absolute;border-radius:50%;background:radial-gradient(closest-side,var(--c),transparent)}
.aurora i:nth-child(1){--c:rgba(229,34,58,.35);width:760px;height:760px;left:-220px;top:52%}
.aurora i:nth-child(2){--c:rgba(150,12,32,.4);width:820px;height:820px;right:-260px;top:-160px}
.aurora i:nth-child(3){--c:rgba(255,68,88,.14);width:600px;height:600px;left:42%;top:30%}
.aurora b{position:absolute;inset:0;background:var(--hex) 0 0/118px 204px;opacity:.75;-webkit-mask-image:radial-gradient(1200px 900px at 10% 90%,#000,transparent 70%);mask-image:radial-gradient(1200px 900px at 10% 90%,#000,transparent 70%)}

/* glass */
.glass{background:linear-gradient(160deg,rgba(255,120,130,.14),rgba(255,255,255,.035) 42%,rgba(255,68,88,.07));border:1px solid var(--edge);border-radius:24px;box-shadow:inset 0 1px 0 rgba(255,210,214,.2),0 30px 70px -40px rgba(0,0,0,.9)}
.nav.glass,.eyebrow.glass,.sbox.glass,.stats .glass,.hint.glass,.dcard.glass,.mnav.glass,.toast.glass{backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4)}
.box.glass,.tile.glass,.card.glass,.rc.glass,.note.glass,.flag-banner.glass,.empty.glass{background:linear-gradient(160deg,rgba(120,22,36,.5),rgba(36,8,14,.78) 44%,rgba(60,10,20,.68))}

/* nav */
.nav{position:fixed;top:14px;left:50%;transform:translateX(-50%);z-index:30;display:flex;align-items:center;gap:22px;padding:8px 10px 8px 16px;border-radius:999px;width:min(1200px,calc(100% - 24px));background:linear-gradient(160deg,rgba(60,10,18,.72),rgba(20,4,8,.72))}
.brand{display:flex;align-items:center;gap:10px}
.brand-mark{width:30px;height:30px;filter:drop-shadow(0 0 10px rgba(255,68,88,.7))}
.bn{display:flex;align-items:baseline;gap:8px}
.bn b{font:700 15px var(--disp);letter-spacing:.01em}
.bn small{font-size:12px;color:var(--dim);font-weight:600}
nav.links{display:flex;gap:4px;margin-left:8px}
nav.links a,.mnav a{padding:8px 14px;border-radius:999px;color:var(--mist);font-weight:700;font-size:14px}
nav.links a:hover{color:var(--ink);background:rgba(255,120,130,.1)}
nav.links a.on,.mnav a.on{background:linear-gradient(135deg,rgba(255,68,88,.3),rgba(140,14,30,.45));color:var(--ink);box-shadow:inset 0 1px 0 rgba(255,210,214,.25)}
.upd{display:flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:rgba(255,68,88,.12);border:1px solid rgba(255,90,105,.35);font-size:13px;font-weight:700;color:var(--rose);white-space:nowrap}
.upd i{width:7px;height:7px;border-radius:50%;background:var(--red2);box-shadow:0 0 10px var(--red2);animation:pulse 2s ease-in-out infinite}
@keyframes pulse{50%{opacity:.35}}
.menu-btn{display:none;width:40px;height:40px;border-radius:50%;background:rgba(255,120,130,.12);border:1px solid var(--edge);flex-direction:column;gap:5px;align-items:center;justify-content:center}
.menu-btn i{width:16px;height:2px;border-radius:2px;background:var(--ink)}
.mnav{position:fixed;top:72px;left:12px;right:12px;z-index:29;display:grid;gap:4px;padding:10px;border-radius:22px;background:linear-gradient(160deg,rgba(70,12,22,.9),rgba(20,4,8,.92))}
.mnav[hidden]{display:none}
.mnav a{padding:12px 16px;font-size:15px}

/* hero + stage */
.hero{position:relative;height:880px;overflow:hidden}
.stage{position:absolute;inset:0;overflow:hidden}
.stage-gl{position:absolute;inset:0;width:100%!important;height:100%!important;opacity:0;transition:opacity .9s}
.gl-on .stage-gl{opacity:1}
.gl-on .hawk-static,.gl-on .hexbg{opacity:0;transition:opacity .9s}
.hexbg{position:absolute;left:-10%;right:-10%;bottom:-2%;height:56%;background:var(--hex) 0 0/88px 152px;opacity:.9;transform:perspective(700px) rotateX(58deg);transform-origin:50% 100%;-webkit-mask-image:linear-gradient(transparent,#000 40%,#000 70%,transparent);mask-image:linear-gradient(transparent,#000 40%,#000 70%,transparent)}
.hexbg::after{content:"";position:absolute;inset:0;background:radial-gradient(40% 55% at 70% 40%,rgba(255,52,72,.5),transparent 70%)}
.hawk-static{position:absolute;right:6%;top:120px;width:min(520px,44vw);aspect-ratio:1;animation:float 7s ease-in-out infinite}
.hawk-static::before{content:"";position:absolute;inset:-18%;border-radius:50%;background:radial-gradient(closest-side,var(--hk-glow1),var(--hk-glow2) 52%,transparent);z-index:-1}
.hawk-static svg{filter:var(--hk-fx)}
.hk-body{stroke:var(--hk-line);stroke-width:var(--hk-lw);stroke-linejoin:round;paint-order:stroke fill}
.hawk-static svg{width:100%;height:100%}
@keyframes float{50%{transform:translateY(-12px) rotate(-1.5deg)}}
.hero::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(760px 640px at 16% 42%,rgba(11,2,4,.85),rgba(11,2,4,.4) 60%,transparent 82%)}
.hero::after,.dhero::after,.phead::after{content:"";position:absolute;left:0;right:0;bottom:0;height:220px;background:linear-gradient(transparent,var(--bg) 94%);pointer-events:none;z-index:1}
.hero-in{position:relative;z-index:2;padding:170px var(--pad) 0;max-width:820px}
.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;border-radius:999px;font-size:13px;font-weight:700;color:var(--ink)}
.eyebrow b{padding:3px 10px;border-radius:999px;background:linear-gradient(90deg,var(--red2),var(--red));color:#fff;font-weight:800;font-size:12px;letter-spacing:.04em}
.hero h1,.phead h1{font-weight:800;font-size:clamp(40px,5.6vw,84px);line-height:1.02;letter-spacing:-.035em;margin:22px 0 18px}
.hero h1 em,.phead h1 em{font-style:normal;background:linear-gradient(100deg,#ff5468 5%,#ff8b98 45%,#ffd0d5 85%);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:18px;color:var(--mist);max-width:560px}
.lead b{color:var(--ink)}
.sbox{display:flex;align-items:center;gap:10px;margin-top:28px;padding:7px 7px 7px 18px;border-radius:999px;max-width:580px;background:rgba(30,6,10,.6)}
.sbox input{flex:1;min-width:0;background:none;border:0;outline:0;font-size:16px;font-weight:600}
.sbox input::placeholder{color:var(--dim)}
.sbox button{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:999px;background:var(--red);color:#fff;font-weight:800;font-size:14px;box-shadow:0 10px 30px -10px rgba(255,52,72,.8)}
.sbox button:hover{background:#e8283f}
.stats{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}
.stats div{display:flex;align-items:baseline;gap:8px;padding:10px 16px;border-radius:18px;background:rgba(30,6,10,.5)}
.stats dd{font:700 20px var(--disp)}
.stats dt{font-size:13px;color:var(--mist);font-weight:600}
.hint{position:absolute;z-index:2;right:var(--pad);bottom:150px;display:none;align-items:center;gap:8px;padding:9px 15px;border-radius:999px;font-size:13px;color:var(--mist);background:rgba(30,6,10,.5)}
.gl-on~.hint{display:flex}

/* layout */
.wrap{position:relative;z-index:3;max-width:var(--max);margin:0 auto;padding:0 var(--pad)}
.wrap.lift{margin-top:-110px}
.wrap.top{padding-top:110px}
.wrap.narrow{max-width:860px}
.narrow-ish{max-width:1100px}
.loading{padding:160px var(--pad);color:var(--mist);text-align:center}

/* risk cards + rings */
.risk{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.rc{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;padding:22px;transition:transform .3s,border-color .3s}
.rc:hover{transform:translateY(-3px);border-color:var(--edge2)}
.rc h3{font-size:19px;font-weight:700}
.rc p{color:var(--mist);font-size:14px;margin-top:4px}
.rc .rng{display:block;margin-top:8px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--r)}
.ring{--v:0;--sz:64px;width:var(--sz);height:var(--sz);flex:none;border-radius:50%;position:relative;display:grid;place-items:center;
 background:conic-gradient(var(--r,var(--red2)) calc(var(--v)*1turn),rgba(255,200,205,.1) 0);filter:drop-shadow(0 0 12px color-mix(in srgb,var(--r,var(--red2)) 40%,transparent))}
.ring::before{content:"";position:absolute;inset:7px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#3a0b14,#140306)}
.ring .n{position:relative;text-align:center;line-height:1}
.ring b{font:700 16px var(--disp)}
.ring small{display:block;font-size:10px;color:var(--dim);font-weight:700;margin-top:2px}
.ring.sm{--sz:84px}.ring.sm b{font-size:20px}.ring.sm::before{inset:9px}
.ring.xl{--sz:150px}.ring.xl::before{inset:12px}.ring.xl b{font-size:40px;letter-spacing:-.03em}.ring.xl small{font-size:12px;margin-top:6px}
.note{display:flex;gap:16px;align-items:flex-start;padding:18px 22px;margin:16px 0}
.note p{color:var(--mist);font-size:14.5px}.note p b{color:var(--ink)}.note p+p{margin-top:6px}
.note.compact p{font-size:14px}

/* list panel */
.panel{margin-top:16px;padding:18px;border-radius:28px;border:1px solid var(--edge);background:linear-gradient(160deg,rgba(110,18,32,.5),rgba(26,5,10,.82) 40%,rgba(44,8,16,.76));box-shadow:inset 0 1px 0 rgba(255,210,214,.18),0 40px 90px -50px #000}
.p-head{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:6px 6px 14px}
.p-head h2{font-size:24px;font-weight:700;margin-right:auto}
.p-head h2 small{font:600 13px var(--sans);color:var(--dim);margin-left:10px;letter-spacing:0}
.search{display:flex;align-items:center;gap:10px;padding:0 16px;height:46px;border-radius:999px;min-width:min(420px,100%);background:rgba(20,4,8,.6)}
.search input{flex:1;min-width:0;background:none;border:0;outline:0;font-size:15px;font-weight:600}
.search input::placeholder{color:var(--dim)}
.more-f{border-top:1px solid var(--edge);border-bottom:1px solid var(--edge);margin:0 6px}
.more-f summary{display:flex;align-items:center;gap:8px;padding:12px 0;font-weight:800;font-size:13px;color:var(--mist);cursor:pointer;list-style:none;letter-spacing:.04em;text-transform:uppercase}
.more-f summary::-webkit-details-marker{display:none}
.f-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 22px;padding:2px 0 16px}
.f{display:grid;gap:7px;min-width:0}
.f-l{font-size:12px;font-weight:800;color:var(--dim);letter-spacing:.06em;text-transform:uppercase}
.seg{display:inline-flex;flex-wrap:wrap;gap:2px;padding:4px;border-radius:999px;background:rgba(10,2,4,.45);border:1px solid var(--edge);max-width:100%}
.seg button{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:999px;font-size:13px;font-weight:700;color:var(--mist);white-space:nowrap}
.seg button.on{background:linear-gradient(135deg,rgba(255,68,88,.42),rgba(150,14,32,.55));color:#fff;box-shadow:inset 0 1px 0 rgba(255,210,214,.3)}
.select{position:relative}
.select select,.dates input{width:100%;height:40px;padding:0 12px;border-radius:12px;background:rgba(10,2,4,.5);border:1px solid var(--edge);color:var(--ink);font-weight:600;font-size:14px;color-scheme:dark}
.select select option{background:#24070d}
.dates{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.range{position:relative;height:40px;--a:0%;--b:100%}
.range::before{content:"";position:absolute;left:0;right:0;top:18px;height:4px;border-radius:4px;background:linear-gradient(90deg,rgba(255,200,205,.15) var(--a),var(--red2) var(--a),var(--red2) var(--b),rgba(255,200,205,.15) var(--b))}
.range input{position:absolute;inset:0;width:100%;appearance:none;-webkit-appearance:none;background:none;pointer-events:none}
.range input::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid var(--red);cursor:pointer}
.range input::-moz-range-thumb{pointer-events:auto;width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid var(--red);cursor:pointer}
.range-out{color:var(--ink);text-transform:none;letter-spacing:0;margin-left:6px}
.list-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 6px 10px}
.count{font-weight:800}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.chip{display:inline-flex;gap:6px;align-items:center;padding:5px 12px;border-radius:999px;background:rgba(255,68,88,.16);border:1px solid rgba(255,90,105,.35);font-size:13px;font-weight:700}
.chip.clear{background:none}
.views{display:flex;gap:6px;margin-left:auto}
.tgl{padding:8px 14px;border-radius:999px;border:1px solid var(--edge);font-size:13px;font-weight:700;color:var(--mist)}
.tgl[aria-pressed=true]{background:var(--ink);color:var(--on);border-color:var(--ink)}
.sort{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--dim);font-weight:700}
.sort .select select{height:36px;min-width:190px}

/* table */
.tbl-wrap{overflow-x:auto;border-radius:18px;scrollbar-color:rgba(255,120,130,.3) transparent}
.tbl{width:100%;border-collapse:separate;border-spacing:0;font-variant-numeric:tabular-nums}
.tbl th{position:sticky;top:0;z-index:2;text-align:left;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--dim);padding:10px 12px;background:#22060c;border-bottom:1px solid var(--edge);white-space:nowrap}
.tbl th button{display:inline-flex;gap:6px;align-items:center;letter-spacing:inherit;text-transform:inherit;font-weight:inherit;color:inherit}
.tbl th[aria-sort=ascending],.tbl th[aria-sort=descending]{color:var(--rose)}
.tbl th .ar{font-size:10px;opacity:.8}
.tbl td{padding:11px 12px;border-bottom:1px solid rgba(255,170,178,.08);vertical-align:middle}
.tbl tr.trow{cursor:pointer;transition:background .25s}
.tbl tr.trow:hover td{background:rgba(255,90,105,.08)}
.tbl tr.trow:hover td:first-child{box-shadow:inset 3px 0 0 var(--red2)}
.tbl tr.in{animation:rin .5s both;animation-delay:calc(var(--i)*18ms)}
@keyframes rin{from{opacity:0;transform:translateY(8px)}}
.num,th.num{text-align:right;white-space:nowrap}
td.up{color:var(--lo);font-weight:700}
.tok-a{display:flex;align-items:center;gap:12px;min-width:0}
.tok-t{display:grid;min-width:0}
.tok-t b{font:700 15px var(--disp);letter-spacing:-.01em;display:flex;align-items:center;gap:8px;white-space:nowrap}
.tok-t small{color:var(--mist);font-size:13px;font-weight:700;font-family:var(--mono);letter-spacing:.02em}
.c-tok{min-width:230px}
.c-sum2{min-width:280px;max-width:460px}
.sum2{color:var(--mist);font-size:13.5px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.c-date{white-space:nowrap;color:var(--mist);font-size:13.5px}
.prov{display:block;color:var(--mid);font-size:12px;font-weight:700}
.av{position:relative;width:40px;height:40px;border-radius:13px;overflow:hidden;flex:none;display:grid;place-items:center;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,200,205,.18),0 8px 20px -10px #000}
.av img{width:100%;height:100%;object-fit:cover}
.av.xl{width:88px;height:88px;border-radius:26px}
.ini{width:100%;height:100%;display:grid;place-items:center;font:700 13px var(--disp);color:#fff;background:linear-gradient(135deg,hsl(var(--h) 55% 38%),hsl(calc(var(--h) + 40) 60% 22%))}
.av.xl .ini{font-size:26px}
.tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12.5px;font-weight:700;background:rgba(255,200,205,.08);border:1px solid var(--edge);color:var(--mist);white-space:nowrap}
.tag.ok{color:var(--lo);border-color:rgba(87,227,168,.4)}
.tag.chain-sol .u{color:#ffb3bc}.tag.chain-rh .u{color:var(--lo)}
.band{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--r)}
.band i{width:9px;height:9px;border-radius:3px;transform:rotate(45deg);background:var(--r);box-shadow:0 0 10px var(--r)}
.flag-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px 2px 4px;border-radius:999px;font:800 10.5px var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--on);background:var(--hi);white-space:nowrap}
.flag-badge.larp{background:var(--mid)}
.flag-badge .ic{--ic-bg:rgba(0,0,0,.12);--ic-ln:#1a0508;--ic-ac:#1a0508;--ic-rim:transparent}
.pill-sc{display:inline-flex;align-items:center;gap:8px;padding:4px 4px 4px 11px;border-radius:999px;background:rgba(10,2,4,.4);border:1px solid color-mix(in srgb,var(--r) 50%,transparent)}
.pill-sc .pl{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--r)}
.pill-sc .sc{min-width:44px;text-align:center;padding:4px 8px;border-radius:999px;background:var(--r);color:var(--on);font:700 13px var(--disp)}
.copy{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;border:1px solid var(--edge);font-size:12.5px;font-weight:700;color:var(--mist);white-space:nowrap}
.copy:hover{border-color:var(--edge2);color:var(--ink)}
.copy.done{color:var(--lo);border-color:rgba(87,227,168,.5)}
.empty{display:grid;justify-items:center;gap:10px;text-align:center;padding:50px 20px;color:var(--mist)}
.empty b{color:var(--ink);font-size:17px}

/* cards */
.cards{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.card{transition:transform .3s,border-color .3s}
.card:hover{transform:translateY(-3px);border-color:var(--edge2)}
.card-a{display:flex;flex-direction:column;gap:12px;padding:20px;height:100%}
.c-top{display:flex;align-items:center;gap:12px}
.c-name{display:grid;min-width:0;margin-right:auto}
.c-name b{font:700 16px var(--disp);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c-name small{color:var(--mist);font:700 13px var(--mono)}
.c-meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.c-sum{color:var(--mist);font-size:14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.c-foot{margin-top:auto;display:flex;justify-content:space-between;gap:10px;font-size:13px;color:var(--dim);border-top:1px solid var(--edge);padding-top:12px}
.c-foot b{color:var(--ink)}
.more-btn{display:block;margin:18px auto 4px;padding:13px 24px;border-radius:999px;font-weight:800;font-size:14px}
.more-btn.sm{margin:12px 0 0;padding:9px 16px;font-size:13px;border:1px solid var(--edge)}

/* detail */
.dhero{position:relative;min-height:760px;padding-bottom:150px;overflow:hidden}
.dhero::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(720px 620px at 22% 42%,rgba(11,2,4,.72),transparent 76%)}
.dhero .hawk-static{right:8%;top:110px;width:min(440px,38vw)}
.dcard{position:relative;z-index:2;margin:110px 0 0 var(--pad);max-width:640px;padding:28px;background:linear-gradient(160deg,rgba(90,16,28,.62),rgba(24,5,9,.74) 50%,rgba(50,9,17,.66))}
.back{display:inline-flex;gap:8px;align-items:center;color:var(--mist);font-size:13px;font-weight:800;margin-bottom:18px}
.back:hover{color:var(--ink)}
.d-head{display:flex;gap:18px;align-items:center}
.d-title{min-width:0}
.d-title h1{font-size:clamp(32px,4vw,50px);font-weight:800;letter-spacing:-.03em;overflow-wrap:anywhere}
.d-tags{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:8px}
.d-name{font-weight:700;color:var(--mist);margin-right:2px}
.d-sum{font-size:17px;line-height:1.55;margin-top:20px}
.ca-box{display:flex;align-items:center;gap:10px;margin-top:16px;padding:10px 10px 10px 14px;border-radius:16px;background:rgba(10,2,4,.45);border:1px solid var(--edge)}
.ca-l{font-size:11px;font-weight:800;color:var(--dim);letter-spacing:.08em}
.ca-box code{flex:1;font-size:13px;color:var(--mist);min-width:0}
.sline{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center;margin-top:22px;padding-top:22px;border-top:1px solid var(--edge)}
.sline p{color:var(--mist);font-size:14px;margin-top:6px}
.sline p b{color:var(--ink)}
.sline .band{font-size:15px}
.warnline{color:var(--mid)!important}
.dgrid{position:relative;z-index:3;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;max-width:var(--max);margin:-110px auto 0;padding:0 var(--pad)}
.dgrid>*{min-width:0}
.c5{grid-column:span 5}.c6{grid-column:span 6}.c7{grid-column:span 7}.c12{grid-column:1/-1}
.tile{grid-column:span 3;padding:18px 20px}
.tile span{display:block;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}
.tile b{display:block;font:700 28px var(--disp);letter-spacing:-.02em;margin-top:8px}
.tile.up b{color:var(--lo)}
.tile small{color:var(--dim);font-size:12.5px}
.stack{display:grid;gap:16px;align-content:start}
.box{padding:22px 24px}
.box-h{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;margin-bottom:14px}
.box-h i{font:800 11px var(--sans);font-style:normal;color:#fff;background:var(--red);border-radius:8px;padding:3px 7px;letter-spacing:.02em}
.box h3{font-size:14px;font-weight:700;margin:16px 0 8px;color:var(--rose)}
.box p,.prose{color:var(--mist);line-height:1.6}
.quick{list-style:none;display:grid;gap:8px}
.quick li{display:grid;grid-template-columns:22px 104px 1fr;gap:10px;align-items:start;padding:11px 12px;border-radius:14px;background:rgba(10,2,4,.32);font-size:14px}
.quick b{font-weight:800}
.quick span{color:var(--mist)}
.claims{list-style:none;display:grid;gap:8px}
.claims li{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:start;padding:12px 14px;border-radius:14px;background:rgba(10,2,4,.32)}
.claims.clip li:nth-child(n+7){display:none}
.c-claim{color:var(--ink)!important;font-weight:700;font-size:14.5px}
.c-proof{color:var(--dim)!important;font-size:13px;margin-top:4px;overflow-wrap:anywhere}
.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 6px;border-radius:999px;font-size:11.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border:1px solid}
.pill.ok{color:var(--lo);border-color:rgba(87,227,168,.4);background:rgba(87,227,168,.08)}
.pill.mid{color:var(--mid);border-color:rgba(255,204,102,.4);background:rgba(255,204,102,.08)}
.pill.bad{color:var(--hi);border-color:rgba(255,154,168,.45);background:rgba(255,154,168,.08)}
.pill.na{color:var(--dim);border-color:var(--edge)}
.pill .mk{width:15px;height:15px}
.pmx{list-style:none;display:grid;gap:11px}
.pmx li{display:grid;grid-template-columns:22px 1fr;gap:10px;color:var(--mist);font-size:14.5px;line-height:1.5}
.pmx b{color:var(--ink)}
.dots{padding-left:18px;display:grid;gap:6px;color:var(--mist)}
.dots li::marker{color:var(--red2)}
.flags-blk{border-color:rgba(255,154,168,.4)}
.flag-list{list-style:none;display:grid;gap:8px}
.flag-list li{padding:10px 14px;border-radius:12px;background:rgba(255,68,88,.12);border-left:3px solid var(--red2);color:var(--ink)}
.flag-banner{display:flex;gap:16px;align-items:flex-start;padding:20px 22px;border-color:rgba(255,154,168,.45)}
.flag-banner h2{font-size:18px;color:var(--hi)}
.flag-banner p{color:var(--mist);margin-top:4px}
.gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.gal button{display:grid;gap:8px;text-align:left;padding:8px;border-radius:16px;background:rgba(10,2,4,.4);border:1px solid var(--edge)}
.gal img{width:100%;height:150px;object-fit:cover;object-position:top;border-radius:10px}
.gal span{font-size:12.5px;color:var(--mist)}
ul.links{list-style:none;display:grid;gap:8px}
ul.links a{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:14px;background:rgba(10,2,4,.32);border:1px solid var(--edge)}
ul.links a:hover{border-color:var(--edge2)}
ul.links span{display:grid;flex:1;min-width:0}
ul.links b{font-size:14px}
ul.links small{color:var(--dim);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hist{list-style:none;display:grid;gap:6px;margin-top:12px}
.hist li{display:flex;align-items:center;gap:12px;font-size:13.5px;color:var(--mist)}
.hist time{flex:1}
.hist .sc{font:700 14px var(--disp);color:var(--r)}
.chart{width:100%;height:170px;display:block}
.chart text{font-family:var(--sans)}
details.more{border-top:1px solid var(--edge);padding:10px 0}
details.more summary{cursor:pointer;font-weight:800;display:flex;justify-content:space-between;color:var(--ink)}
details.more .n{color:var(--dim);font-size:13px}
details.more ul{margin-top:8px}

/* page heads (performa / larp / metode) */
.phead{position:relative;padding:150px 0 180px;overflow:hidden}
.phead-bg{position:absolute;inset:0}
.phead-bg .hexbg{height:70%}
.phead-bg .hawk-static{right:6%;top:96px;width:min(360px,30vw);opacity:.85}
.phead .wrap{z-index:2}
.phead h1{max-width:900px}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.kpis.two{grid-template-columns:1fr 1fr}
.kpis .tile{grid-column:auto}
.kpis+.box,.kpis+.panel{margin-top:16px}
.box+.panel,.box+.box,.note+.box,.box+.two-col,.two-col+.two-col{margin-top:16px}
.dgrid>*,.two-col>*,.stack>*{margin-top:0!important}
.bars{display:grid;gap:12px}
.bar{display:grid;grid-template-columns:140px 1fr 50px;gap:14px;align-items:center;font-size:14px;color:var(--mist);font-weight:700}
.bar>i{height:14px;border-radius:8px;background:rgba(255,200,205,.08);overflow:hidden}
.bar>i>i{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,var(--deep),var(--red2));box-shadow:0 0 14px rgba(255,68,88,.5)}
.bar b{text-align:right;font:700 15px var(--disp);color:var(--ink)}
.steps{list-style:none;counter-reset:s;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.steps li{counter-increment:s;display:grid;gap:6px;padding:16px;border-radius:16px;background:rgba(10,2,4,.32)}
.steps li::before{content:counter(s,decimal-leading-zero);font:800 12px var(--disp);color:var(--red2)}
.steps span{color:var(--mist);font-size:14px}
.bands{list-style:none;display:grid;gap:10px}
.bands li{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;padding:16px 18px;border-radius:18px}
.bands li p{color:var(--mist);margin-top:4px}
.bands .ring b{font-size:15px}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.lnk{display:inline-flex;gap:8px;align-items:center;margin-top:14px;padding:9px 16px;border-radius:999px;border:1px solid var(--edge2);font-weight:800;font-size:13.5px}
.lnk:hover{background:rgba(255,68,88,.15)}

/* footer, toast, lightbox */
.foot{position:relative;z-index:3;margin-top:70px;border-top:1px solid var(--edge);background:linear-gradient(transparent,rgba(10,2,4,.6))}
.foot-in{max-width:var(--max);margin:0 auto;padding:34px var(--pad) 44px;display:grid;grid-template-columns:auto 1fr;gap:16px 40px;align-items:start}
.foot-brand{display:flex;gap:12px;align-items:center}
.foot-brand b{display:block;font:700 14px var(--disp)}
.foot-brand span{font-size:13px;color:var(--dim)}
.disc{color:var(--mist);font-size:13.5px;max-width:820px}
.disc b{color:var(--ink)}
.foot-meta{grid-column:2;color:var(--dim);font-size:13px}
.foot-meta a{text-decoration:underline;text-underline-offset:3px}
.toast{position:fixed;left:50%;bottom:24px;z-index:60;transform:translate(-50%,30px);opacity:0;display:flex;gap:10px;align-items:center;padding:12px 18px;border-radius:999px;transition:.3s;background:rgba(40,8,14,.9)}
.toast.show{opacity:1;transform:translate(-50%,0)}
.toast .tick{width:10px;height:10px;border-radius:50%;background:var(--lo)}
.toast .mono{color:var(--dim);font-size:12.5px}
.lb{position:fixed;inset:0;z-index:70;background:rgba(5,1,2,.88);display:grid;place-items:center;padding:20px}
.lb[hidden]{display:none}
.lb figure{max-width:min(1200px,96vw);display:grid;gap:10px}
.lb img{max-height:84vh;width:auto;margin:0 auto;border-radius:12px}
.lb figcaption{color:var(--mist);text-align:center}
.lb-x{position:absolute;top:16px;right:16px;padding:10px 16px;border-radius:999px;background:var(--red);color:#fff;font-weight:800}

/* responsive */
@media (max-width:1100px){
 nav.links a{padding:8px 10px}
 .risk{grid-template-columns:1fr}
 .f-grid{grid-template-columns:1fr 1fr}
 .c5,.c6,.c7{grid-column:1/-1}
 .tile{grid-column:span 6}
 .kpis{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
 nav.links,.upd{display:none}
 .menu-btn{display:flex}
 .theme-btn{width:40px;height:40px}
 .hero{height:auto;min-height:0;padding-bottom:140px}
 .hero .stage{bottom:auto;height:380px}
 .hero .hawk-static{left:50%;right:auto;top:84px;width:250px;transform:translateX(-50%);animation:none}
 .hero .hexbg{height:200px;bottom:auto;top:230px}
 .hero::before{background:linear-gradient(180deg,transparent 30%,rgba(11,2,4,.7) 60%,rgba(11,2,4,.4))}
 .hero-in{padding-top:350px}
 .hero h1{font-size:38px;margin:16px 0 14px}
 .lead{font-size:15.5px}
 .sbox button span{display:none}
 .sbox button{padding:12px 14px}
 .hint{display:none!important}
 .wrap.lift{margin-top:-90px}
 .rc{padding:16px;gap:14px}
 .panel{padding:12px;border-radius:22px}
 .p-head h2{width:100%}
 .search{min-width:0;width:100%}
 .f-grid{grid-template-columns:1fr}
 .seg{flex-wrap:nowrap;overflow-x:auto}
 .views{margin-left:0}
 .sort{width:100%}.sort .select{flex:1}.sort .select select{min-width:0}
 .tbl thead{display:none}
 .tbl,.tbl tbody{display:block}
 .tbl tr.trow{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"tok sc" "sum sum";gap:8px 10px;padding:12px 10px;border-bottom:1px solid rgba(255,170,178,.1)}
 .tbl td{display:none;padding:0;border:0;background:none!important;box-shadow:none!important}
 .tbl td.c-tok{display:block;grid-area:tok;min-width:0}
 .tbl td.c-score{display:block;grid-area:sc;align-self:center}
 .tbl td.c-sum2{display:block;grid-area:sum;min-width:0;max-width:none}
 .tbl.perf-tbl tr.trow{grid-template-areas:"tok sc" "x x"}
 .tbl.perf-tbl td.x{display:block;grid-area:x;text-align:left;color:var(--mist)}
 .tbl.perf-tbl td.x::before{content:"x maks sejak scan: ";color:var(--dim);font-weight:600}
 .m-only{display:inline}
 .c-tok{min-width:0}
 .tok-t b{white-space:normal}
 .pill-sc .pl{display:none}.pill-sc{padding:3px}
 .dhero{min-height:0;padding-bottom:90px}
 .dhero .stage{bottom:auto;height:420px}
 .dhero .hawk-static{left:50%;right:auto;top:80px;width:230px;transform:translateX(-50%);animation:none}
 .dhero .hexbg{height:200px;bottom:auto;top:220px}
 .dhero::before{background:linear-gradient(180deg,transparent 35%,rgba(11,2,4,.6) 60%)}
 .dcard{margin:290px 12px 0;padding:20px}
 .d-head{gap:14px}
 .av.xl{width:68px;height:68px;border-radius:20px}
 .sline{grid-template-columns:1fr;justify-items:start}
 .dgrid{gap:12px;margin-top:-60px}
 .tile{grid-column:span 6;padding:14px 16px}
 .tile b{font-size:21px}
 .quick li{grid-template-columns:22px 1fr}
 .quick li span{grid-column:2}
 .claims li{grid-template-columns:1fr}
 .phead{padding:110px 0 150px}
 .phead-bg .hawk-static{width:170px;right:-20px;top:70px;opacity:.5;animation:none}
 .phead h1{font-size:34px}
 .steps{grid-template-columns:1fr}
 .two-col{grid-template-columns:1fr}
 .bar{grid-template-columns:100px 1fr 36px;font-size:13px}
 .foot-in{grid-template-columns:1fr}
 .foot-meta{grid-column:1}
}
@media (max-width:420px){.bn small{display:none}.stats div{padding:8px 12px}.stats dd{font-size:17px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* theme toggle (custom hex icon: moon in dark, sun in light) */
.theme-btn{margin-left:auto;width:38px;height:38px;flex:none;border-radius:50%;display:grid;place-items:center;color:var(--ink);background:rgba(255,120,130,.12);border:1px solid var(--edge)}
.theme-btn:hover{border-color:var(--edge2)}
.th-ic{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.th-hex{stroke:var(--red2);opacity:.9}
.th-moon{fill:currentColor;stroke:none}
.th-sun{display:none}.th-sun circle{fill:currentColor;stroke:none}
.bm-light{display:none}

/* ---------- LIGHT: warm off-white, faint red hex mesh, frosted white glass, deep red accents ---------- */
[data-theme=light]{
 --bg:#fbf3f2;--wine:#f3dfe1;--deep:#8a0f1e;--red:#c8102e;--red2:#e5223a;--rose:#9c1224;
 --ink:#1d0a0d;--mist:#4a2a2f;--dim:#6b4249;
 --lo:#08704a;--mid:#7a5000;--hi:#b0122a;--on:#ffffff;
 --ok:#16915f;--warn:#c98a10;--bad:#d41e2c;--muted:#6b4249;
 --edge:rgba(150,20,36,.16);--edge2:rgba(150,20,36,.32);
 --ic-bg:#fdeeef;--ic-ln:#5e0b12;--ic-ac:#d41e2c;--ic-ac2:#f7c6c9;--ic-rim:rgba(94,11,18,.14);--logo-bg:#b3121f;
 --hk1:#120204;--hk2:#4a0710;--hk3:#a51328;--hk-line:#ff3550;--hk-lw:4px;
 --hk-glow1:rgba(255,90,110,.42);--hk-glow2:rgba(255,160,172,.2);
 --hk-fx:drop-shadow(0 0 1px #fff) drop-shadow(0 1px 0 rgba(255,255,255,.9)) drop-shadow(0 20px 26px rgba(90,8,20,.38));
 --hex:url(hex-lines-light.svg);
 color-scheme:light;
}
[data-theme=light] html,html[data-theme=light]{background:var(--bg)}
[data-theme=light] .bm-dark{display:none}[data-theme=light] .bm-light{display:block}
[data-theme=light] .th-moon{display:none}[data-theme=light] .th-sun{display:inline}
[data-theme=light] .aurora{background:
 radial-gradient(1100px 760px at 0% 100%,rgba(229,34,58,.13),transparent 62%),
 radial-gradient(900px 640px at 100% 0%,rgba(229,34,58,.12),transparent 60%),
 linear-gradient(160deg,#fff7f6 0%,var(--bg) 50%,#f8e9ea 100%)}
[data-theme=light] .aurora i:nth-child(1){--c:rgba(229,34,58,.1)}
[data-theme=light] .aurora i:nth-child(2){--c:rgba(200,16,46,.09)}
[data-theme=light] .aurora i:nth-child(3){--c:rgba(255,120,135,.08)}
[data-theme=light] .glass,
[data-theme=light] .box.glass,[data-theme=light] .tile.glass,[data-theme=light] .card.glass,[data-theme=light] .rc.glass,[data-theme=light] .note.glass,[data-theme=light] .flag-banner.glass,[data-theme=light] .empty.glass{
 background:linear-gradient(160deg,rgba(255,255,255,.9),rgba(255,248,248,.74) 50%,rgba(255,236,238,.78));border-color:rgba(150,20,36,.14);
 box-shadow:inset 0 1px 0 #fff,0 24px 50px -32px rgba(120,10,25,.4)}
[data-theme=light] .nav{background:rgba(255,255,255,.78)}
[data-theme=light] .mnav{background:rgba(255,255,255,.95)}
[data-theme=light] .dcard{background:linear-gradient(160deg,rgba(255,255,255,.88),rgba(255,246,247,.8))}
[data-theme=light] nav.links a:hover{background:rgba(200,16,46,.07)}
[data-theme=light] nav.links a.on,[data-theme=light] .mnav a.on{background:linear-gradient(135deg,#e5223a,#a80d24);color:#fff;box-shadow:none}
[data-theme=light] .upd{background:rgba(200,16,46,.07);border-color:rgba(200,16,46,.25)}
[data-theme=light] .menu-btn,[data-theme=light] .theme-btn{background:#fff}
[data-theme=light] .sbox,[data-theme=light] .stats div,[data-theme=light] .hint,[data-theme=light] .search{background:rgba(255,255,255,.85)}
[data-theme=light] .hero::before{background:radial-gradient(760px 640px at 16% 42%,rgba(251,243,242,.92),rgba(251,243,242,.5) 60%,transparent 82%)}
[data-theme=light] .dhero::before{background:radial-gradient(720px 620px at 22% 42%,rgba(251,243,242,.75),transparent 76%)}
[data-theme=light] .hero h1 em,[data-theme=light] .phead h1 em{background:linear-gradient(100deg,#c8102e 5%,#e5223a 50%,#9c1224 95%);-webkit-background-clip:text;background-clip:text}
[data-theme=light] .hexbg{opacity:1}
[data-theme=light] .hexbg::after{background:radial-gradient(40% 55% at 70% 40%,rgba(255,60,80,.16),transparent 70%)}
[data-theme=light] .ring{background:conic-gradient(var(--r,var(--red2)) calc(var(--v)*1turn),rgba(150,20,36,.1) 0);filter:none}
[data-theme=light] .ring::before{background:radial-gradient(circle at 30% 25%,#fff,#f8eaec)}
[data-theme=light] .panel{background:linear-gradient(160deg,rgba(255,255,255,.92),rgba(255,247,247,.86));box-shadow:inset 0 1px 0 #fff,0 30px 70px -45px rgba(120,10,25,.45)}
[data-theme=light] .seg,[data-theme=light] .select select,[data-theme=light] .dates input,[data-theme=light] .ca-box{background:#fff}
[data-theme=light] .select select option{background:#fff}
[data-theme=light] .seg button.on{background:linear-gradient(135deg,#e5223a,#a80d24);color:#fff;box-shadow:none}
[data-theme=light] .range::before{background:linear-gradient(90deg,rgba(150,20,36,.14) var(--a),var(--red) var(--a),var(--red) var(--b),rgba(150,20,36,.14) var(--b))}
[data-theme=light] .chip{background:rgba(200,16,46,.07);border-color:rgba(200,16,46,.25)}
[data-theme=light] .tgl[aria-pressed=true]{background:var(--ink);color:#fff}
[data-theme=light] .tbl th{background:#f7e8ea}
[data-theme=light] .tbl td{border-bottom-color:rgba(150,20,36,.09)}
[data-theme=light] .tbl tr.trow:hover td{background:rgba(229,34,58,.05)}
[data-theme=light] .av{background:#fff;box-shadow:inset 0 0 0 1px rgba(150,20,36,.14),0 6px 14px -8px rgba(90,8,20,.4)}
[data-theme=light] .tag{background:#fff}
[data-theme=light] .tag.ok{border-color:rgba(8,112,74,.35)}
[data-theme=light] .tag.chain-sol .u{color:#9c1224}
[data-theme=light] .band i{box-shadow:none}
[data-theme=light] .pill-sc{background:#fff}
[data-theme=light] .copy{background:#fff}
[data-theme=light] .quick li,[data-theme=light] .claims li,[data-theme=light] .steps li,[data-theme=light] .gal button,[data-theme=light] ul.links a{background:rgba(253,238,240,.75)}
[data-theme=light] .pill.ok{border-color:rgba(8,112,74,.35);background:rgba(8,112,74,.06)}
[data-theme=light] .pill.mid{border-color:rgba(122,80,0,.35);background:rgba(201,138,16,.08)}
[data-theme=light] .pill.bad{border-color:rgba(176,18,42,.35);background:rgba(176,18,42,.06)}
[data-theme=light] .flag-list li{background:rgba(229,34,58,.07)}
[data-theme=light] .bar>i{background:rgba(150,20,36,.08)}
[data-theme=light] .bar>i>i{background:linear-gradient(90deg,#f08592,#c8102e);box-shadow:none}
[data-theme=light] .foot{background:linear-gradient(transparent,rgba(243,223,225,.6))}
[data-theme=light] .toast{background:rgba(255,255,255,.96)}
[data-theme=light] .eyebrow b,[data-theme=light] .box-h i{background:var(--red)}
[data-theme=light] .upd i{box-shadow:0 0 6px var(--red2)}
@media (max-width:860px){
 [data-theme=light] .hero::before{background:linear-gradient(180deg,transparent 30%,rgba(251,243,242,.85) 60%,rgba(251,243,242,.5))}
 [data-theme=light] .dhero::before{background:linear-gradient(180deg,transparent 35%,rgba(251,243,242,.7) 60%)}
}

/* ---------- C3: seamless hero -> sections (both themes). The 3D canvas / static stage and the readability veil fade to
   transparent instead of ending on a solid colour, so the same fixed .aurora background + hex mesh runs straight through. */
.stage,.phead-bg,.hero::before,.dhero::before{-webkit-mask-image:linear-gradient(#000 0,#000 calc(100% - 360px),rgba(0,0,0,.55) calc(100% - 200px),transparent calc(100% - 24px));mask-image:linear-gradient(#000 0,#000 calc(100% - 360px),rgba(0,0,0,.55) calc(100% - 200px),transparent calc(100% - 24px))}
.hero::after,.dhero::after,.phead::after{content:none}
.aurora b{-webkit-mask-image:radial-gradient(1400px 1100px at 30% 75%,#000,rgba(0,0,0,.35) 60%,transparent 85%);mask-image:radial-gradient(1400px 1100px at 30% 75%,#000,rgba(0,0,0,.35) 60%,transparent 85%)}
@media (max-width:860px){
 .hero .stage,.dhero .stage{-webkit-mask-image:linear-gradient(#000 0,#000 55%,transparent 100%);mask-image:linear-gradient(#000 0,#000 55%,transparent 100%)}
 .hero::before,.dhero::before{-webkit-mask-image:linear-gradient(#000 0,#000 calc(100% - 300px),transparent calc(100% - 20px));mask-image:linear-gradient(#000 0,#000 calc(100% - 300px),transparent calc(100% - 20px))}
}

/* ---------- MC since scan (historical info, never part of the score) ---------- */
.na{color:var(--dim);opacity:.8}
td.c-perf{white-space:nowrap}
td.c-gain.up,.c-mcs .g.up dd,.tile.gain.up b{color:var(--lo);font-weight:800}
td.c-gain.flat,.c-mcs .g.flat dd{color:var(--mist)}
td.c-cur small.vs{display:block;font-size:11.5px;font-weight:700;margin-top:2px}
.vs.up,.c-mcs dd.up,.tile.cur.up b{color:var(--lo)}
.vs.down,.c-mcs dd.down,.tile.cur.down b{color:var(--hi);opacity:.9}
.vs.flat{color:var(--dim)}
.c-mcs{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;margin:2px 0 12px;padding:10px 12px;border-radius:14px;background:rgba(255,120,130,.06);border:1px solid var(--edge)}
.c-mcs dt{font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}
.c-mcs dd{font:700 14.5px var(--disp);letter-spacing:-.01em;margin-top:2px;font-variant-numeric:tabular-nums}
.c-foot .muted{color:var(--dim);font-size:12px}
.tile.mc b{font-size:30px}
.tile.mc small{display:block;margin-top:4px}
.tile.gain.up{box-shadow:inset 0 0 0 1px rgba(87,227,168,.35),0 30px 70px -40px rgba(0,0,0,.9)}
.mc-note{font-size:12.5px;color:var(--dim);line-height:1.5;margin-top:12px}
.mc-note b{color:var(--mist)}
.dgrid .mc-note{margin-top:-4px!important;padding:0 4px}
@media (min-width:861px){ .tbl.with-perf .c-chain{display:none} .tbl.with-perf .c-ca{display:none} .tbl.with-perf .c-sum2{min-width:190px;max-width:300px} .tbl.with-perf .c-tok{min-width:190px} .tbl.with-perf td,.tbl.with-perf th{padding-left:10px;padding-right:10px} }
@media (max-width:860px){
 .tbl.with-perf tr.trow,.tbl.perf-tbl tr.trow{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"tok tok sc" "sum sum sum" "mc gn cur"}
 .tbl.perf-tbl tr.trow{grid-template-areas:"tok tok sc" "mc gn cur"}
 .tbl.with-perf td.c-mc,.tbl.with-perf td.c-gain,.tbl.with-perf td.c-cur,.tbl.perf-tbl td.c-mc,.tbl.perf-tbl td.c-gain,.tbl.perf-tbl td.c-cur{display:block;text-align:left;font-size:13px;font-weight:700}
 .tbl td.c-mc{grid-area:mc}.tbl td.c-gain{grid-area:gn}.tbl td.c-cur{grid-area:cur}
 .tbl.with-perf td.c-mc::before,.tbl.with-perf td.c-gain::before,.tbl.with-perf td.c-cur::before,.tbl.perf-tbl td.c-mc::before,.tbl.perf-tbl td.c-gain::before,.tbl.perf-tbl td.c-cur::before{display:block;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--dim);margin-bottom:1px}
 .tbl td.c-mc::before{content:"MC discan"}.tbl td.c-gain::before{content:"Naik maks"}.tbl td.c-cur::before{content:"Sekarang"}
 .tbl td.c-cur small.vs{display:inline;margin-left:4px} .vs-l{display:none}
 .tbl.perf-tbl td.x{display:none}
 .tile.mc b{font-size:21px}
}
[data-theme=light] .c-mcs{background:rgba(200,16,46,.04);border-color:rgba(150,20,36,.12)}
[data-theme=light] .tile.gain.up{box-shadow:inset 0 0 0 1px rgba(16,128,82,.3),0 24px 50px -32px rgba(120,10,25,.4)}
@media (min-width:861px){ .tbl.with-perf td.c-tok{max-width:240px} .tbl.with-perf .tok-t b{white-space:normal;line-height:1.25} .tbl.with-perf th.c-perf{white-space:normal;line-height:1.25;min-width:96px} .tbl.with-perf th.c-perf button{text-align:right} }

/* ---------- Wide screens (2026-10-18 ~21:30 WIB): hero text + hawk live in the same centred column as the cards below.
   Background (gradient, hex mesh, 3D canvas) stays full-bleed; only text/hawk/hint/veil anchor to the column. <=1440 unchanged. */
.hero-in{max-width:var(--max);margin:0 auto}
.hero-in h1{max-width:708px}
.dcard{margin-left:calc(max(0px,(100% - var(--max)) / 2) + var(--pad))}
.hint{right:calc(max(0px,(100% - var(--max)) / 2) + var(--pad))}
@media (min-width:1441px){
 .hero .hawk-static{right:auto;left:calc(50% + 114px)}
 .dhero .hawk-static{right:auto;left:calc(50% + 167px)}
 .phead-bg .hawk-static{right:auto;left:calc(50% + 269px)}
 .hero .hexbg::after,.dhero .hexbg::after{background:radial-gradient(28% 55% at calc(50% + 374px) 40%,rgba(255,52,72,.5),transparent 70%)}
 [data-theme=light] .hero .hexbg::after,[data-theme=light] .dhero .hexbg::after{background:radial-gradient(28% 55% at calc(50% + 374px) 40%,rgba(255,60,80,.16),transparent 70%)}
 .hero::before{background:radial-gradient(760px 640px at calc(50% - 490px) 42%,rgba(11,2,4,.85),rgba(11,2,4,.4) 60%,transparent 82%)}
 .dhero::before{background:radial-gradient(720px 620px at calc(50% - 403px) 42%,rgba(11,2,4,.72),transparent 76%)}
 [data-theme=light] .hero::before{background:radial-gradient(760px 640px at calc(50% - 490px) 42%,rgba(251,243,242,.92),rgba(251,243,242,.5) 60%,transparent 82%)}
 [data-theme=light] .dhero::before{background:radial-gradient(720px 620px at calc(50% - 403px) 42%,rgba(251,243,242,.75),transparent 76%)}
}
@media (max-width:860px){ .dcard{margin:290px 12px 0} .hint{right:var(--pad)} }
/* candle-derived MC values (≈) + n/a (2026-10-18) */
.est{white-space:nowrap;cursor:help}
.est-m{font-style:normal;opacity:.55;margin-right:2px;font-weight:600}
.na{cursor:help;font-weight:600;letter-spacing:.02em}