@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@600&family=Cinzel:wght@700&family=Cormorant+Garamond:wght@600&family=Oswald:wght@500;600&family=Press+Start+2P&family=Share+Tech+Mono&family=Stardos+Stencil&family=Tilt+Neon&display=swap');
:root{
  /* Film grain, multiplied over surfaces to break the flat "vector" look. */
  --noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 .7 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  --brick:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='104' height='52'%3E%3Crect width='104' height='52' fill='%23231512'/%3E%3Crect x='1' y='1' width='50' height='24' rx='1' fill='%23683324'/%3E%3Crect x='53' y='1' width='50' height='24' rx='1' fill='%235c2c20'/%3E%3Crect x='0' y='27' width='24' height='24' rx='1' fill='%23602f22'/%3E%3Crect x='27' y='27' width='50' height='24' rx='1' fill='%236f3727'/%3E%3Crect x='79' y='27' width='25' height='24' rx='1' fill='%23552a1f'/%3E%3C/svg%3E");
}
/* ===== Shared realism primitives ===== */
.skin-layout{isolation:isolate;overflow:hidden}
/* Drop a real photo or 3D render behind any skin: .theme-ecg{--photo:url(assets/skins/ecg.webp)} */
.photo-layer{position:absolute;inset:0;z-index:-1;pointer-events:none;background:var(--photo,none) center/cover no-repeat}
.grain{position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:var(--noise) 0 0/180px;opacity:.38;mix-blend-mode:overlay}
.glass{position:absolute;inset:0;z-index:4;pointer-events:none;border-radius:inherit;background:linear-gradient(158deg,#ffffff30 0,#ffffff0b 28%,transparent 44%,transparent 82%,#ffffff0a);box-shadow:inset 0 1px 0 #ffffff33,inset 0 0 0 1px #ffffff12,inset 0 -12px 28px #00000066}
.screw,.rivet{position:absolute;z-index:6;border-radius:50%;pointer-events:none}
.screw{width:12px;height:12px;background:radial-gradient(circle at 35% 30%,#fafafa,#9a9fa6 45%,#4b5057 82%);box-shadow:0 1px 1px #000a,inset 0 -1px 1px #0006}
.screw::after{content:"";position:absolute;left:2px;right:2px;top:calc(50% - .75px);height:1.5px;background:#34383d;box-shadow:0 1px 0 #ffffff55;transform:rotate(35deg)}
.screw.tr::after{transform:rotate(-20deg)}.screw.bl::after{transform:rotate(80deg)}
.rivet{width:7px;height:7px;background:radial-gradient(circle at 35% 30%,#f2f2f2,#8b8f95 50%,#3d4045 88%);box-shadow:0 1px 1px #000a}
.screw.tl,.rivet.tl{top:7px;left:7px}.screw.tr,.rivet.tr{top:7px;right:7px}.screw.bl,.rivet.bl{bottom:7px;left:7px}.screw.br,.rivet.br{bottom:7px;right:7px}
.seg{position:relative;display:inline-block;font-family:"Share Tech Mono",monospace;line-height:1;white-space:pre;letter-spacing:.04em}
.seg::before{content:attr(data-ghost);position:absolute;inset:0;opacity:.1}
.ring{display:block;transform:rotate(-90deg);overflow:visible}
.ring circle{fill:none;stroke-width:9}
.ring-track{stroke:#ffffff14}
.ring-fill,.ring-core{stroke:var(--accent);stroke-linecap:round;transition:stroke-dashoffset .6s cubic-bezier(.4,0,.2,1)}
.blocks{display:flex;gap:3px;flex:1}
.blocks i{flex:1;height:12px;transition:background .25s,box-shadow .25s}
.trace{overflow:hidden;height:46px}
.trace svg{display:block;width:200%;height:100%}
.trace path{fill:none;stroke-width:2;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.phase-scanning .trace svg{animation:traceScroll 3s linear infinite}
@keyframes traceScroll{to{transform:translateX(-50%)}}
.preview-ribbon{position:absolute;top:10px;left:50%;transform:translateX(-50%);z-index:8;background:#ffd24d;color:#2b1d00;font:900 11px Inter,sans-serif;letter-spacing:1.5px;padding:5px 12px;border-radius:20px;box-shadow:0 4px 14px #0008;white-space:nowrap;animation:blink 1.6s ease-in-out infinite}

/* ===== Shop ===== */
.skin-picker{padding:14px 16px 26px;max-height:72svh;overflow:auto}
.shop-heading{margin:18px 2px 10px;font-size:13px;letter-spacing:1.2px;text-transform:uppercase;color:#9fc3dc}
.skin-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.skin-choice{position:relative;display:block;border:2px solid #305672;border-radius:16px;padding:6px;text-align:left;color:white;background:#132638;overflow:hidden}
.skin-choice.selected{border-color:#51f4c7;box-shadow:0 0 0 1px #51f4c760}
.skin-choice.focused{border-color:#ffd24d}
.mini{display:block;position:relative;height:150px;border-radius:11px;overflow:hidden;background:var(--bg)}
.mini-stage{position:absolute;top:0;left:50%;width:400px;transform:translateX(-50%) scale(.37);transform-origin:top center;pointer-events:none}
.skin-choice.is-locked .mini::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 50%,#000b)}
.badge{position:absolute;top:12px;right:12px;z-index:2;font-style:normal;font-size:11px;font-weight:900;padding:4px 8px;border-radius:20px;letter-spacing:.3px;box-shadow:0 2px 8px #0007}
.badge.free{background:#0d9e79;color:#fff}.badge.price{background:#ffd24d;color:#2b1d00}.badge.owned{background:#1f6fb6;color:#fff}
.skin-choice-info{display:block;padding:8px 4px 2px}
.skin-choice-info strong{display:block;font-size:13px;line-height:1.3}
.skin-choice-info small{display:block;margin-top:4px;color:#a9c1d5;font-size:11px;line-height:1.3}
.shop-bundle{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-radius:16px;background:linear-gradient(135deg,#3a1d7a,#b4246f 55%,#f0a030);color:#fff;box-shadow:0 8px 24px #b4246f55}
.shop-bundle div{display:flex;flex-direction:column;gap:3px;min-width:0}
.shop-bundle em{font-style:normal;font-size:11px;font-weight:900;letter-spacing:1.5px;color:#ffe9a8}
.shop-bundle strong{font-size:16px}
.shop-bundle small{font-size:12px}
.shop-bundle s{opacity:.7}
.shop-bundle.owned{justify-content:center;background:#0d5e48;box-shadow:none;font-weight:800}
.shop-buy{flex:0 0 auto;border:0;border-radius:12px;min-height:46px;padding:8px 14px;font-weight:900;background:#ffd24d;color:#2b1d00;box-shadow:0 4px 0 #b08a12}
.shop-buy:active{transform:translateY(2px);box-shadow:0 2px 0 #b08a12}
.shop-try{border:1px solid #5aa9d6;border-radius:12px;min-height:46px;padding:8px 12px;font-weight:800;background:#12344f;color:#e5f6ff}
.shop-detail{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:10px;margin-bottom:14px;border:2px solid #ffd24d;border-radius:16px;background:#13263a}
.shop-detail .mini{height:180px}
.shop-detail-info{display:flex;flex-direction:column;gap:6px;min-width:0}
.shop-detail-info strong{font-size:16px}
.shop-detail-info small{font-size:12px;color:#a9c1d5;line-height:1.35}
.shop-actions{display:flex;flex-direction:column;gap:8px;margin-top:auto}
.shop-message{margin:0 0 12px;padding:10px 12px;border-radius:12px;background:#12344f;color:#e5f6ff;font-size:13px;line-height:1.4}
.shop-code{margin-top:20px;padding-top:14px;border-top:1px solid #2a4357}
.shop-code label{display:block;margin-bottom:8px;font-weight:800;font-size:13px}
.shop-code div{display:flex;gap:8px}
.shop-code input{flex:1;min-width:0;min-height:46px;border-radius:12px;border:1px solid #2b597a;background:#06111d;color:#fff;padding:0 12px;text-transform:uppercase;letter-spacing:1px}
.shop-code button{border:0;border-radius:12px;padding:0 16px;font-weight:900;background:#187cb6;color:#fff}

/* ===== 1. NEON SCAN (free): real neon tubes mounted on a brick wall ===== */
.theme-neon{--bg:#120a08;--text:#f3e9e4;--muted:#a58f86;--accent:#ff3fd4;--accent2:#22e6ff;--surface:#1a0f0c;--line:#4a2a22}
.nn-layout{--neon:#ff3fd4;padding:14px;display:flex;flex-direction:column;gap:12px;background:radial-gradient(70% 42% at 50% 27%,color-mix(in srgb,var(--neon) 24%,transparent),transparent 72%),radial-gradient(60% 35% at 50% 62%,#22e6ff1c,transparent 70%),linear-gradient(#000000a0,#000000b8),var(--brick) 0 0/104px 52px,#2a1712;box-shadow:inset 0 0 90px #000d}
.verdict-lie .nn-layout{--neon:#ff2d43}.verdict-truth .nn-layout{--neon:#35ff8a}
.nn-core{position:relative;height:218px;display:grid;place-items:center}
.nn-ring{position:absolute;width:204px;height:204px;filter:drop-shadow(0 0 3px var(--neon)) drop-shadow(0 0 12px var(--neon)) drop-shadow(0 0 30px color-mix(in srgb,var(--neon) 60%,transparent))}
.nn-ring .ring-track{stroke:#ffffff1c;stroke-width:7}
.nn-ring .ring-fill{stroke:var(--neon);stroke-width:7}
.nn-ring .ring-core{stroke:#fff3fb;stroke-width:2.2}
.phase-scanning .nn-ring{animation:neonBuzz 1.3s ease-in-out infinite}
@keyframes neonBuzz{50%{filter:drop-shadow(0 0 4px var(--neon)) drop-shadow(0 0 18px var(--neon)) drop-shadow(0 0 44px var(--neon))}}
.nn-clip{position:absolute;z-index:2;width:16px;height:7px;border-radius:2px;background:linear-gradient(#e3e6ea,#7b8087);box-shadow:0 2px 3px #000c}
.nn-clip.r1{top:calc(50% - 105px);left:calc(50% - 8px)}.nn-clip.r2{top:calc(50% + 98px);left:calc(50% - 8px)}.nn-clip.r3{top:calc(50% - 4px);left:calc(50% - 109px);transform:rotate(90deg)}
.nn-sign{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;max-width:172px;text-align:center}
.nn-sign strong{font:400 clamp(24px,6.6vw,32px) "Tilt Neon",sans-serif;line-height:1.05;color:#fff4fb;text-shadow:0 0 2px #fff,0 0 8px var(--neon),0 0 18px var(--neon),0 0 38px var(--neon);animation:neonFlicker 7s infinite}
.nn-sign small{font:400 12px "Tilt Neon",sans-serif;letter-spacing:1px;color:#e2fdff;text-shadow:0 0 6px #22e6ff,0 0 14px #22e6ff}
@keyframes neonFlicker{0%,19%,21%,23%,62%,64%,100%{opacity:1}20%,22%,63%{opacity:.5}}
.nn-tubes{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.nn-tube{position:relative}
.nn-label{display:flex;justify-content:space-between;gap:6px;margin-bottom:7px;font:600 10px Oswald,sans-serif;letter-spacing:1.4px;color:#e9d6cf;text-shadow:0 1px 2px #000}
.nn-label b{font:400 13px "Tilt Neon",sans-serif;color:#e2fdff;text-shadow:0 0 6px #22e6ff}
.nn-glass{position:relative;height:9px;border-radius:6px;background:#ffffff16;box-shadow:inset 0 1px 0 #ffffff33,inset 0 -1px 2px #0009}
.nn-glass span{position:absolute;inset:0 auto 0 0;border-radius:6px;background:#d8fbff;box-shadow:0 0 3px #22e6ff,0 0 12px #22e6ff,0 0 26px #22e6ff99;transition:width .45s cubic-bezier(.4,0,.2,1)}
.nn-tube+.nn-tube .nn-glass span{background:#ffe3f8;box-shadow:0 0 3px #ff3fd4,0 0 12px #ff3fd4,0 0 26px #ff3fd499}
.nn-tube .nn-clip{bottom:-4px;width:6px;height:17px;background:linear-gradient(90deg,#7b8087,#e3e6ea,#6f747b)}
.nn-tube .nn-clip.c1{left:22%}.nn-tube .nn-clip.c2{left:74%}
.nn-box{position:relative;padding:14px 14px 12px;border-radius:5px;background:linear-gradient(#2a2d31,#15171a);box-shadow:0 8px 16px #000d,inset 0 1px 0 #ffffff1f}
.nn-box-head{display:flex;justify-content:space-between;margin:0 6px 6px;font:600 10px Oswald,sans-serif;letter-spacing:1.5px;color:#b9bec5}
.nn-rec{color:#ff4040}
/* Neon voice waves: three bent tubes (white core + colored halo) drifting through each other. */
.nn-voice{position:relative;height:74px;overflow:hidden;border-radius:3px;background:radial-gradient(ellipse at 50% 50%,#1a0b1c,#050607 75%);box-shadow:inset 0 2px 6px #000}
.nn-waves{position:absolute;inset:0;-webkit-mask:linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent);mask:linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent);transform:scaleY(var(--amp));transition:transform .7s cubic-bezier(.4,0,.2,1)}
.nn-wave{position:absolute;inset:0;transform-origin:50% 50%;animation:waveBreathe var(--breath) ease-in-out infinite alternate}
.nn-wave svg{display:block;width:200%;height:100%;overflow:visible;filter:drop-shadow(0 0 3px var(--c)) drop-shadow(0 0 9px var(--c));animation:traceScroll var(--speed) linear infinite}
.nn-wave path{fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke}
.nn-wave .glow{stroke:var(--c);stroke-width:3.5}
.nn-wave .core{stroke:#fff6fd;stroke-width:1.2}
.nn-wave.w1{--c:var(--neon);--speed:3.4s;--breath:1.3s}
.nn-wave.w2{--c:#22e6ff;--speed:5.2s;--breath:1.9s;animation-delay:-.7s}
.nn-wave.w3{--c:#9b5cff;--speed:2.3s;--breath:1.1s;animation-delay:-.4s;opacity:.8}
.nn-wave.w2 svg{animation-direction:reverse}
.phase-scanning .nn-wave.w1{--speed:1.6s}.phase-scanning .nn-wave.w2{--speed:2.4s}.phase-scanning .nn-wave.w3{--speed:1.1s}
@keyframes waveBreathe{from{transform:scaleY(calc(.45 * var(--mic-energy)))}to{transform:scaleY(calc(1.05 * var(--mic-energy)))}}
.nn-plaques{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.nn-plaque{position:relative;display:flex;flex-direction:column;align-items:center;padding:12px 4px 8px;border-radius:4px;background:repeating-linear-gradient(90deg,#ffffff12 0 1px,transparent 1px 3px),linear-gradient(160deg,#cdd1d6,#7d838a 55%,#a9aeb4);box-shadow:0 5px 12px #000d,inset 0 1px 0 #fffa}
.nn-plaque .rivet{width:5px;height:5px}
.nn-plaque .rivet.tl,.nn-plaque .rivet.tr{top:4px}.nn-plaque .rivet.bl,.nn-plaque .rivet.br{bottom:4px}
.nn-plaque .rivet.tl,.nn-plaque .rivet.bl{left:4px}.nn-plaque .rivet.tr,.nn-plaque .rivet.br{right:4px}
.nn-plaque small,.nn-plaque em{font:600 8px Oswald,sans-serif;letter-spacing:1px;color:#2b2f34;text-transform:uppercase;font-style:normal}
.nn-plaque .seg{margin:3px 0;padding:2px 6px;border-radius:2px;font-size:24px;color:#ff4a2a;background:#1a0705;text-shadow:0 0 6px #ff4a2a;box-shadow:inset 0 1px 3px #000}

/* ===== 2. POLYGRAPH (free): walnut case, brass bezels under glass, chart recorder ===== */
.theme-polygraph{--bg:#1d140c;--text:#3d2a18;--muted:#7d6244;--accent:#8d4b1c;--accent2:#b9873a;--surface:#d9c49b;--line:#7a5e3a;--success:#3f7a33;--danger:#a32a22;color-scheme:light}
.theme-polygraph .brand-word{font-family:Georgia,serif;letter-spacing:1px;color:#ffe2a3;text-shadow:0 2px 7px #000}
.theme-polygraph .brand-word span{color:#f8e5be}
.theme-polygraph .brand-subtitle,.theme-polygraph .disclaimer{color:#d0b487}
.theme-polygraph .status-strip{color:#ead5ae;background:#48311c}
.theme-polygraph .status-name{color:#ffdb9f}
.theme-polygraph .status-time,.theme-polygraph .verdict-message{color:#f2e3c2}
.theme-polygraph .verdict-eyebrow{color:#ffcf86}
.theme-polygraph .icon-button{background:#5a4124;color:#ffdb9f}
.pg-layout{padding:12px;display:flex;flex-direction:column;gap:10px;background:linear-gradient(90deg,#0000004d,transparent 25%,#ffffff0d 60%,#0000004d),repeating-linear-gradient(88deg,#5a3418 0 2px,#6e4220 2px 5px,#4f2d14 5px 6px,#7a4b26 6px 11px,#643b1c 11px 14px);box-shadow:inset 0 0 40px #000a}
.pg-layout>.grain{opacity:.55}
.pg-meter{position:relative;padding:10px;border-radius:12px;background:conic-gradient(from 210deg,#f6d68a,#9a6b25,#e8c06a,#7a5218,#f2cf7c,#9a6b25,#f6d68a);box-shadow:0 8px 16px #000b,inset 0 1px 1px #fff8,inset 0 -2px 3px #0006}
.pg-meter .screw{width:10px;height:10px}
.pg-face{position:relative;height:140px;overflow:hidden;border-radius:6px;background:radial-gradient(40% 30% at 22% 70%,#b0884a1f,transparent),radial-gradient(30% 25% at 80% 30%,#9a6b2a18,transparent),radial-gradient(ellipse at 50% 100%,#f6ecd0 0 40%,#e8d9b0 80%,#d6c294);box-shadow:inset 0 3px 10px #0008}
.pg-scale{position:absolute;left:21%;right:21%;top:13%;bottom:0;border-radius:300px 300px 0 0;background:conic-gradient(from 270deg at 50% 100%,#4a8a44 0 60deg,#d9b546 60deg 120deg,#a8382a 120deg 180deg,transparent 180deg)}
.pg-scale::before{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;background:repeating-conic-gradient(from 270deg at 50% 100%,#2e2012 0 .7deg,transparent .7deg 9deg)}
.pg-scale::after{content:"";position:absolute;inset:14px 14px 0;z-index:2;border-radius:300px 300px 0 0;background:#f1e5c4}
.pg-truth,.pg-lie{position:absolute;z-index:3;top:9px;max-width:40%;font:700 clamp(11px,3.2vw,14px) Georgia,serif;letter-spacing:1px;color:#2f6d2a}
.pg-truth{left:10px}.pg-lie{right:10px;color:#9d2a20;text-align:right}
.pg-maker{position:absolute;z-index:2;left:0;right:0;bottom:32px;text-align:center;font:italic 8px Georgia,serif;letter-spacing:1px;color:#6b5236}
.pg-needle{position:absolute;z-index:3;left:calc(50% - 1.5px);bottom:0;width:3px;height:80%;border-radius:3px 3px 0 0;background:linear-gradient(90deg,#3a0d07,#c0321f 50%,#5e1610);transform-origin:50% 100%;transform:rotate(var(--needle));transition:transform .9s cubic-bezier(.25,1.4,.45,1);box-shadow:2px 3px 3px #0005}
.pg-pivot{position:absolute;z-index:4;bottom:-12px;left:calc(50% - 14px);width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fbe3a4,#a37630 55%,#4a2e14);box-shadow:0 2px 3px #0008}
.pg-plate{position:relative;align-self:center;min-width:62%;padding:8px 26px;text-align:center;border-radius:3px;background:repeating-linear-gradient(0deg,#ffffff14 0 1px,transparent 1px 2px),linear-gradient(#ecd08a,#b88a3c 50%,#d9b363);box-shadow:0 4px 8px #000a,inset 0 1px 0 #fff6,inset 0 -1px 0 #0005}
.pg-plate .rivet{width:6px;height:6px;top:calc(50% - 3px)!important;bottom:auto!important}
.pg-plate .rivet.bl,.pg-plate .rivet.br{display:none}
.pg-plate span{font:700 18px Cinzel,Georgia,serif;letter-spacing:3px;text-transform:uppercase;color:#3a2810;text-shadow:0 1px 0 #f8e3a8,0 -1px 0 #5a3e1888}
.verdict-lie .pg-plate span{color:#7a1a10}.verdict-truth .pg-plate span{color:#1f4d1a}
.pg-recorder{display:grid;grid-template-columns:14px 1fr 14px;height:118px;overflow:hidden;border-radius:6px;box-shadow:0 5px 12px #000b}
.pg-roller{background:linear-gradient(90deg,#2e3236,#d7dbe0 40%,#8a9097 62%,#2e3236)}
.pg-paper{position:relative;padding:4px 0;background:repeating-linear-gradient(0deg,transparent 0 11px,#c98d6a55 12px),repeating-linear-gradient(90deg,transparent 0 11px,#c98d6a55 12px),#f3e7c8;box-shadow:inset 0 0 14px #8a6a3a66}
.pg-label{text-align:center;font:600 10px Oswald,sans-serif;letter-spacing:1.5px;color:#6b381e}
.pg-trace-a path{stroke:#8b2e20}.pg-trace-b path{stroke:#2d5f8a}
.pg-pen{position:absolute;right:12%;width:3px;height:26px;border-radius:2px;background:linear-gradient(90deg,#111,#666 50%,#111);transform:rotate(-24deg);box-shadow:2px 2px 2px #0005}
.pg-pen.p1{top:20px}.pg-pen.p2{top:66px}
.pg-dials{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.pg-dial{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px 6px;border-radius:8px;background:linear-gradient(#2a1d12,#130c06);box-shadow:0 5px 10px #000b,inset 0 1px 0 #ffffff1c}
.pg-dial-face{position:relative;width:min(100%,70px);aspect-ratio:1;overflow:hidden;border:4px solid transparent;border-radius:50%;background:repeating-conic-gradient(from 240deg,#4f3e29 0 1deg,transparent 1deg 20deg) padding-box,radial-gradient(circle,#f3e7c6 0 60%,#e2cfa6) padding-box,conic-gradient(#f6d68a,#9a6b25,#e8c06a,#7a5218,#f6d68a) border-box}
.pg-dial-needle{position:absolute;left:calc(50% - 1px);bottom:50%;width:2px;height:42%;background:#b83221;transform-origin:bottom;transform:rotate(var(--needle));transition:transform .7s cubic-bezier(.3,1.35,.5,1);box-shadow:1px 1px 1px #0004}
.pg-dial-pin{position:absolute;inset:calc(50% - 4px);border-radius:50%;background:radial-gradient(circle at 35% 35%,#e9c77a,#5c4226)}
.pg-dial small{font:600 8px Oswald,sans-serif;line-height:1.1;letter-spacing:.5px;text-transform:uppercase;text-align:center;color:#d9c39a}
.pg-dial strong{font:600 14px "Share Tech Mono",monospace;color:#f3e2bd}

/* ===== 3. PIXEL 8-BIT (free): retro pocket console, green LCD, D-pad and buttons ===== */
.theme-pixel{--bg:#17181c;--text:#eceae4;--muted:#9a9890;--accent:#9bbc0f;--accent2:#c2346b;--surface:#22242a;--line:#4c4f5c;--success:#9bbc0f;--danger:#c2346b}
.px-layout{padding:14px 12px;display:flex;justify-content:center;background:radial-gradient(circle at 50% 28%,#40434b,#17181c 72%)}
.px-device{position:relative;isolation:isolate;width:100%;max-width:340px;padding:14px 16px 20px;border-radius:26px;background:linear-gradient(160deg,#2f8f8c,#1f6e6c 58%,#165553);box-shadow:0 16px 30px #000c,inset 0 2px 0 #ffffff55,inset 0 -4px 6px #0004}
.px-device>.grain{opacity:.3}
.px-bezel{padding:9px 14px 12px;border-radius:14px;background:#1b1d22;box-shadow:inset 0 2px 6px #000b,0 1px 0 #ffffff33}
.px-bezel-top{display:flex;align-items:center;gap:8px;margin-bottom:8px;font:italic 700 7px Arial,sans-serif;letter-spacing:.4px;color:#babdcc}
.px-led{width:7px;height:7px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#ff9a9a,#d81e1e 60%);box-shadow:0 0 6px #ff2a2a}
.phase-scanning .px-led{animation:blink .5s steps(2) infinite}
.px-screen{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:7px;padding:8px;border-radius:2px;font-family:"Press Start 2P",monospace;color:#0f380f;background:linear-gradient(#0f380f12 1px,transparent 1px) 0 0/3px 3px,linear-gradient(90deg,#0f380f12 1px,transparent 1px) 0 0/3px 3px,#9bbc0f;box-shadow:inset 0 0 14px #306230aa}
.px-hud{display:flex;justify-content:space-between;gap:6px;font-size:6px}
.px-hp{display:flex;align-items:center;gap:6px;font-size:7px}
.px-screen .blocks i{height:8px;background:#8bac0f;box-shadow:inset 0 0 0 1px #306230}
.px-screen .blocks i.on{background:#0f380f}
.px-stage{display:flex;align-items:center;justify-content:center;gap:12px;height:74px;border:2px solid #306230;background:#8bac0f}
.px-sprite{display:grid;grid-template-columns:repeat(8,6px);grid-auto-rows:6px;animation:pixBob 1.2s steps(2) infinite}
.px-sprite i.on{background:#0f380f}
.px-banner{max-width:60%;padding:5px 6px;text-align:center;font-size:8px;line-height:1.35;color:#9bbc0f;background:#0f380f}
.verdict-lie .px-banner{animation:pixShake .25s steps(2) infinite}
.px-stats{display:flex;flex-direction:column;gap:5px}
.px-stat{display:grid;grid-template-columns:72px 1fr 24px;align-items:center;gap:5px;font-size:5.5px}
.px-stat>span{overflow:hidden;white-space:nowrap}
.px-stat b{text-align:right;font-size:7px;font-weight:400}
.px-screen .glass{background:linear-gradient(158deg,#ffffff38 0,#ffffff0c 30%,transparent 46%)}
.px-brand{margin:10px 0 0;text-align:center;font:600 13px Oswald,sans-serif;letter-spacing:4px;color:#d7f2ef;text-shadow:0 -1px 0 #0006}
.px-brand em{font-style:normal;color:#ffb347}
.px-controls{display:flex;justify-content:space-between;align-items:center;margin:14px 8px 0}
.px-dpad{position:relative;width:76px;height:76px}
.px-dpad::before,.px-dpad::after{content:"";position:absolute;border-radius:4px;background:linear-gradient(#34363c,#1b1c20);box-shadow:0 4px 0 #0b0b0d,0 6px 10px #0006}
.px-dpad::before{left:26px;top:0;width:24px;height:76px}
.px-dpad::after{top:26px;left:0;width:76px;height:24px}
.px-ab{display:flex;gap:12px}
.px-ab i{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;font:600 11px Oswald,sans-serif;font-style:normal;color:#3a1a00;background:radial-gradient(circle at 35% 30%,#ffd08a,#f08a1a 65%);box-shadow:0 4px 0 #8a4a08,0 6px 10px #0006}
.px-ab i:last-child{transform:translateY(-12px)}
.px-pills{display:flex;justify-content:center;gap:18px;margin-top:14px}
.px-pills i{position:relative;width:44px;padding-top:13px;text-align:center;font:600 7px Oswald,sans-serif;font-style:normal;letter-spacing:1px;color:#bfe6e2}
.px-pills i::before{content:"";position:absolute;top:0;left:0;right:0;height:9px;border-radius:6px;background:linear-gradient(#2a2c31,#141518);box-shadow:0 2px 0 #0b0b0d}
.px-speaker{position:absolute;left:50%;bottom:14px;width:60px;height:8px;transform:translateX(-50%);border-radius:4px;background:repeating-linear-gradient(90deg,#0b2e2d 0 4px,transparent 4px 8px)}
@keyframes pixBob{50%{transform:translateY(-3px)}}
@keyframes pixShake{50%{transform:translateX(3px)}}

/* ===== 4. SECRET AGENT (premium): carbon briefcase, CRT radar, glass fingerprint pad ===== */
.theme-agent{--bg:#0c0d0e;--text:#d6dbe0;--muted:#7b8289;--accent:#45f59c;--accent2:#ffb02e;--surface:#141618;--line:#3a3e44;--success:#45f59c;--danger:#ff4f5e}
.ag-layout{padding:16px 14px 14px;display:flex;flex-direction:column;gap:10px;background:radial-gradient(#0d0d0d 15%,transparent 16%) 0 0/8px 8px,radial-gradient(#0d0d0d 15%,transparent 16%) 4px 4px/8px 8px,radial-gradient(#ffffff16 15%,transparent 20%) 0 1px/8px 8px,radial-gradient(#ffffff16 15%,transparent 20%) 4px 5px/8px 8px,#232323;box-shadow:inset 0 0 0 5px #9ea3aa,inset 0 0 0 6px #50555c,inset 0 0 50px #000}
.ag-stamp{position:absolute;z-index:6;top:16px;right:14px;padding:2px 8px;border:3px solid #c0202c;border-radius:4px;font:400 14px "Stardos Stencil",Impact,sans-serif;letter-spacing:2px;color:#c0202c;transform:rotate(-11deg);opacity:.9;background:#0000;text-shadow:0 0 1px #c0202c;box-shadow:0 0 0 1px #c0202c55}
.ag-top{display:grid;grid-template-columns:1.2fr .8fr;gap:12px;align-items:center;margin-top:8px}
.ag-crt{position:relative;padding:8px;border-radius:50%;background:linear-gradient(145deg,#565a61,#1b1d20);box-shadow:0 7px 14px #000d,inset 0 1px 0 #ffffff2a}
.ag-crt>.glass{inset:8px;border-radius:50%}
.ag-radar{position:relative;aspect-ratio:1;overflow:hidden;border-radius:50%;background:radial-gradient(circle,transparent 24%,#2fd07a33 24.6%,transparent 25.4%,transparent 49%,#2fd07a2a 49.6%,transparent 50.4%,transparent 74%,#2fd07a40 74.6%,transparent 75.4%),linear-gradient(90deg,transparent 49.6%,#2fd07a44 50%,transparent 50.4%),linear-gradient(transparent 49.6%,#2fd07a44 50%,transparent 50.4%),radial-gradient(circle,#0b2c19,#020a05 78%);box-shadow:inset 0 0 26px #000}
.ag-sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 270deg,#45f59c0c 285deg,#45f59c90 358deg,transparent 360deg);animation:rotate 4s linear infinite}
.phase-scanning .ag-sweep{animation-duration:1.6s}
.ag-blip{position:absolute;width:6px;height:6px;border-radius:50%;background:#c9ffdc;box-shadow:0 0 8px #45f59c,0 0 16px #45f59c;animation:blink 2s infinite}
.ag-blip.b1{top:26%;left:58%}.ag-blip.b2{top:62%;left:30%;animation-delay:-.7s}.ag-blip.b3{top:44%;left:72%;animation-delay:-1.3s}
.ag-pad{position:relative;aspect-ratio:3/4;overflow:hidden;border-radius:10px;background:radial-gradient(circle at 50% 55%,#10222d,#05090c 75%);box-shadow:0 0 0 4px #7a8087,0 0 0 5px #2a2d31,0 7px 14px #000d}
.ag-print{position:absolute;inset:16% 22% 22%;border-radius:50% 50% 45% 45%;background:repeating-radial-gradient(ellipse at 50% 62%,transparent 0 3px,#a6dcff44 3.5px 4.5px)}
.ag-scan{position:absolute;left:0;right:0;top:-10%;height:24px;background:linear-gradient(transparent,#5ec8ff4d 70%,#d6f1ff 92%,transparent);animation:padScan 2.4s ease-in-out infinite alternate}
.phase-scanning .ag-scan{animation-duration:.9s}
@keyframes padScan{to{top:85%}}
.ag-pad small{position:absolute;z-index:5;bottom:6px;left:0;right:0;text-align:center;font:600 8px Oswald,sans-serif;letter-spacing:1.5px;color:#8fd3ff}
.dymo{display:inline-block;padding:3px 8px;border-radius:2px;font:600 11px Oswald,Arial,sans-serif;letter-spacing:1.6px;text-transform:uppercase;color:#f4f4f4;background:#151515;box-shadow:0 1px 2px #000b,inset 0 1px 0 #ffffff1c;text-shadow:0 -1px 0 #000a,0 1px 0 #ffffff45}
.dymo.red{padding:4px 14px;font-size:clamp(18px,5.6vw,24px);background:#b3161f}
.verdict-truth .dymo.red{background:#1d6a33}
.ag-intercept{position:relative;overflow:hidden;padding:8px;border-radius:4px;background:radial-gradient(ellipse,#06200f,#020a05 80%);box-shadow:0 0 0 3px #3a3e44,0 0 0 4px #15171a,inset 0 0 20px #000}
.ag-head{display:flex;justify-content:space-between;font:400 10px "Share Tech Mono",monospace;letter-spacing:1px;color:#45f59c}
.ag-rec{color:#ff4f5e}
.ag-intercept .wave-bars{height:48px}
.ag-intercept .wave-bars i{background:#45f59c;box-shadow:0 0 8px #45f59c}
.ag-reads{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ag-read{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:7px;border-radius:4px;background:linear-gradient(#2c2f34,#16181b);box-shadow:inset 0 1px 0 #ffffff17,0 3px 6px #000a}
.ag-read .dymo{padding:2px 5px;font-size:9px}
.ag-read .seg{padding:1px 5px;border-radius:2px;font-size:22px;color:#ffb02e;background:#140d02;text-shadow:0 0 6px #ffb02e99;box-shadow:inset 0 1px 3px #000}
.ag-leds{width:100%;gap:3px}
.ag-leds i{height:7px;border-radius:2px;background:#202326;box-shadow:inset 0 1px 1px #000}
.ag-leds i.on{background:radial-gradient(circle at 50% 35%,#d4ffe2,#2bd26f 60%);box-shadow:0 0 6px #2bd26f}

/* ===== 5. ER MONITOR (premium): medical-grade housing, glass screen, hard keys, alarm lamp ===== */
.theme-ecg{--bg:#2a3036;--text:#e8fff0;--muted:#8a96a0;--accent:#3dff7a;--accent2:#2ee6ff;--surface:#1c2126;--line:#4a535c;--success:#3dff7a;--danger:#ff3b4e}
.ec-layout{padding:10px;display:flex;background:linear-gradient(160deg,#5c6670,#2e353c)}
.ec-case{position:relative;isolation:isolate;flex:1;display:flex;flex-direction:column;gap:8px;padding:10px 12px 12px;border-radius:16px;background:linear-gradient(170deg,#e6e9ec,#c5cacf 60%,#aab0b6);box-shadow:0 10px 22px #000b,inset 0 2px 0 #fff,inset 0 -3px 6px #0003}
.ec-case>.grain{opacity:.25}
.ec-top{display:flex;justify-content:space-between;align-items:center;padding:0 4px}
.ec-brand{font:600 11px Oswald,sans-serif;letter-spacing:2px;color:#5b636c}
.ec-brand b{color:#1f6fb6}
.ec-lamp{width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#ffb3b3,#7a1d1d 60%,#4a0f0f);box-shadow:inset 0 -2px 3px #0006,0 1px 0 #fff}
.verdict-lie .ec-lamp{background:radial-gradient(circle at 40% 35%,#fff,#ff2a2a 45%,#a10e0e);box-shadow:0 0 14px #ff2a2a,0 0 30px #ff2a2a88;animation:blink .6s steps(2) infinite}
.verdict-truth .ec-lamp{background:radial-gradient(circle at 40% 35%,#eaffef,#2bd26f 50%,#0f6b33);box-shadow:0 0 12px #2bd26f}
.ec-screen{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:6px;font-family:"Share Tech Mono",monospace;background:#020403;box-shadow:0 0 0 6px #2b3036,0 0 0 7px #8a9097,inset 0 0 18px #000}
.ec-head{display:flex;justify-content:space-between;gap:8px;padding-bottom:4px;border-bottom:1px solid #1d3326;font-size:10px;letter-spacing:.5px;color:#9fb8a8}
.ec-head span:last-child{color:var(--accent);text-align:right}
.ec-row{display:grid;grid-template-columns:1fr 84px;gap:6px}
.ec-strip{display:flex;align-items:center;height:76px;overflow:hidden;background:linear-gradient(#0f3a1f40 1px,transparent 1px) 0 0/100% 12px,linear-gradient(90deg,#0f3a1f40 1px,transparent 1px) 0 0/12px 100%,#000}
.ec-strip .trace{width:100%;height:68px}
.ec-trace svg,.ec-pleth svg{animation:traceScroll 4s linear infinite}
.phase-scanning .ec-trace svg,.phase-scanning .ec-pleth svg{animation-duration:2.2s}
.ec-trace svg{filter:drop-shadow(0 0 3px #3dff7a)}
.ec-trace path{stroke:#3dff7a;stroke-width:2.2}
.ec-pleth svg{filter:drop-shadow(0 0 3px #2ee6ff)}
.ec-pleth path{stroke:#2ee6ff}
.verdict-lie .ec-trace path{stroke:#ff3b4e}
.ec-hr{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;color:#3dff7a}
.ec-hr .seg{font-size:38px;text-shadow:0 0 8px #3dff7a99}
.ec-hr small{font-size:9px}
.ec-heart{font-size:16px;animation:heartBeat 1s infinite}
.ec-hr.pleth{color:#2ee6ff}
.ec-hr.pleth small{font-size:7px;text-align:right}
.ec-hr.pleth .seg{font-size:28px;text-shadow:0 0 8px #2ee6ff99}
@keyframes heartBeat{0%,40%,100%{transform:scale(1)}15%{transform:scale(1.35)}}
.ec-vitals{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.ec-vital{display:flex;flex-direction:column;padding:5px 6px;border:1px solid currentColor;border-radius:3px;background:#020a05}
.ec-vital small{font-size:8px;letter-spacing:.4px;opacity:.85}
.ec-vital .seg{font-size:28px;text-shadow:0 0 8px currentColor}
.ec-vital em{align-self:flex-end;margin-top:-12px;font-size:9px;font-style:normal}
.ec-vital.cyan{color:#2ee6ff}.ec-vital.yellow{color:#ffe23d}.ec-vital.magenta{color:#ff5cf0}
.ec-alarm{padding:5px;border-radius:3px;text-align:center;font-size:14px;letter-spacing:2px;color:#6f8a7a;background:#0b1a10}
.phase-scanning .ec-alarm{color:var(--accent)}
.verdict-lie .ec-alarm{color:#fff;background:var(--danger);animation:blink .6s steps(2) infinite}
.verdict-truth .ec-alarm{color:#eafff0;background:#0f6b33}
.ec-keys{display:flex;justify-content:center;align-items:center;gap:9px;padding-top:4px}
.ec-keys i{width:38px;height:16px;border-radius:5px;background:linear-gradient(#f6f7f8,#c5cacf);box-shadow:0 2px 0 #8b9198,0 4px 6px #0004}
.ec-knob{width:30px;height:30px;margin-left:8px;border-radius:50%;background:repeating-conic-gradient(#c9cdd2 0 4deg,#aab0b6 4deg 8deg);box-shadow:0 3px 5px #0006,inset 0 0 0 4px #dfe2e6}

/* ===== 6. MILITARY (premium): olive armor plate, CRT oscilloscope, LED lenses, stencils ===== */
.theme-military{--bg:#1c1f15;--text:#dfe6c8;--muted:#8f9a72;--accent:#a8ff6a;--accent2:#e8b923;--surface:#2a2f1f;--line:#4d5638;--success:#a8ff6a;--danger:#ff4a3a}
.ml-layout{padding:18px 14px 14px;display:flex;flex-direction:column;gap:10px;background:radial-gradient(ellipse at 30% 10%,#ffffff12,transparent 60%),linear-gradient(160deg,#5b6340,#40472f 60%,#353b28);box-shadow:inset 0 0 0 3px #262a1b,inset 0 0 50px #0009}
.ml-layout>.grain{opacity:.6}
.ml-tape{display:flex;justify-content:space-between;gap:8px;padding:5px 8px;background:repeating-linear-gradient(-45deg,#e8b923 0 12px,#1a1a14 12px 24px);box-shadow:0 2px 3px #0009}
.ml-tape span{padding:0 6px;font:400 13px "Stardos Stencil",Impact,sans-serif;letter-spacing:1px;color:#111;background:#e8b923}
.ml-bezel{position:relative;display:grid;grid-template-columns:1fr 34px;gap:8px;padding:10px;border-radius:10px;background:linear-gradient(#2f3523,#1c2016);box-shadow:inset 0 1px 0 #ffffff1c,0 5px 12px #000b}
.ml-crt{position:relative;height:172px;overflow:hidden;border-radius:24px/18px;background:radial-gradient(ellipse at 50% 45%,#133a1b,#041006 76%);box-shadow:inset 0 0 30px #000,inset 0 0 70px #000b}
.ml-crt::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 2px,#0000003d 2px 3px)}
.ml-crt>.glass{border-radius:24px/18px}
.ml-grid{position:absolute;inset:0;background:linear-gradient(#a8ff6a1f 1px,transparent 1px) 0 0/100% 25%,linear-gradient(90deg,#a8ff6a1f 1px,transparent 1px) 0 0/12.5% 100%}
.ml-amp{position:absolute;left:0;right:0;top:50%;height:120px;transform:translateY(-50%) scaleY(var(--amp));transition:transform .5s ease}
.ml-amp .trace{height:100%}
.ml-trace svg{filter:drop-shadow(0 0 3px #a8ff6a) drop-shadow(0 0 8px #a8ff6a88);animation:traceScroll 2.6s linear infinite}
.phase-scanning .ml-trace svg{animation-duration:1.1s}
.ml-trace path{stroke:#d4ffb0;stroke-width:2.2}
.verdict-lie .ml-trace path{stroke:#ffb0a6}
.verdict-lie .ml-trace svg{filter:drop-shadow(0 0 3px #ff4a3a) drop-shadow(0 0 8px #ff4a3a88)}
.ml-cross{position:absolute;inset:0;background:linear-gradient(90deg,transparent calc(50% - 1px),#a8ff6a4d 50%,transparent calc(50% + 1px)),linear-gradient(transparent calc(50% - 1px),#a8ff6a4d 50%,transparent calc(50% + 1px))}
.ml-verdict{position:absolute;z-index:2;left:12px;bottom:10px;padding:1px 8px;font:400 20px "Stardos Stencil",Impact,sans-serif;letter-spacing:2px;color:#d4ffb0;text-shadow:0 0 8px #a8ff6a;border:1px solid #a8ff6a55;background:#020802b0}
.verdict-lie .ml-verdict{color:#ffb0a6;border-color:#ff4a3a;text-shadow:0 0 8px #ff4a3a}
.ml-knobs{display:flex;flex-direction:column;justify-content:space-around;align-items:center}
.ml-knobs i{position:relative;width:28px;height:28px;border-radius:50%;background:repeating-conic-gradient(#1b1d18 0 6deg,#30342a 6deg 12deg);box-shadow:0 3px 5px #000c,inset 0 1px 0 #ffffff26}
.ml-knobs i::after{content:"";position:absolute;top:3px;left:calc(50% - 1px);width:2px;height:8px;background:#e8e8d8}
.ml-knobs i:nth-child(2){transform:rotate(70deg)}.ml-knobs i:nth-child(3){transform:rotate(-40deg)}
.ml-ladders{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.ml-ladder{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border-radius:6px;background:linear-gradient(#262b1d,#151910);box-shadow:inset 0 1px 0 #ffffff17,0 3px 6px #000a}
.ml-leds{display:flex;flex-direction:column;gap:3px}
.ml-leds i{width:22px;height:8px;border-radius:2px;background:#13160f;box-shadow:inset 0 1px 2px #000}
.ml-leds i.on{background:radial-gradient(ellipse at 50% 30%,#eaffd0,#58e01e 60%,#2c7a0c);box-shadow:0 0 6px #58e01e}
.ml-leds i.on:nth-child(n+4):nth-child(-n+6){background:radial-gradient(ellipse at 50% 30%,#fff3c0,#f2c230 60%,#8a6a08);box-shadow:0 0 6px #f2c230}
.ml-leds i.on:nth-child(-n+3){background:radial-gradient(ellipse at 50% 30%,#ffd6cf,#ff3a2a 60%,#8a120a);box-shadow:0 0 6px #ff3a2a}
.ml-ladder small{min-height:20px;text-align:center;font:400 9px "Stardos Stencil",Impact,sans-serif;line-height:1.1;letter-spacing:.5px;color:#c9d4ae}
.ml-ladder .seg{padding:1px 4px;font-size:17px;color:#ff6a2a;background:#140602;text-shadow:0 0 5px #ff6a2a;box-shadow:inset 0 1px 2px #000}

/* ===== 7. MAD LAB (premium): tiled lab wall, glassware, copper Tesla coil, chalkboard ===== */
.theme-lab{--bg:#0b1d1b;--text:#e6fff8;--muted:#8fb8ae;--accent:#5effd0;--accent2:#c46bff;--surface:#102826;--line:#2a5650;--success:#5effd0;--danger:#ff5577}
.lb-layout{padding:12px;display:flex;flex-direction:column;gap:10px;background:linear-gradient(transparent 60%,#0008),repeating-linear-gradient(0deg,#0b2321 0 1px,transparent 1px 32px),repeating-linear-gradient(90deg,#0b2321 0 1px,transparent 1px 32px),radial-gradient(circle at 30% 18%,#3a756c,#123330 70%)}
.lb-top{display:grid;grid-template-columns:104px 1fr;gap:12px;align-items:end;height:188px}
.lb-coil{position:relative;height:100%}
.lb-torus{position:absolute;z-index:2;top:12%;left:calc(50% - 34px);width:68px;height:26px;border-radius:50%;background:radial-gradient(ellipse at 50% 30%,#fff,#c9ced4 25%,#6d737a 62%,#2d3136);box-shadow:0 4px 8px #0009}
.phase-scanning .lb-torus{box-shadow:0 4px 8px #0009,0 0 24px #c46bff,0 0 50px #c46bff88}
.lb-winding{position:absolute;bottom:22px;left:calc(50% - 15px);width:30px;height:98px;border-radius:4px;background:linear-gradient(90deg,#00000070,#ffffff40 38%,#00000060),repeating-linear-gradient(0deg,#e2955a 0 1.5px,#8a4a1c 1.5px 3px)}
.lb-winding::before{content:"";position:absolute;top:-22px;left:calc(50% - 3px);width:6px;height:22px;background:linear-gradient(90deg,#55595f,#d7dbe0,#55595f)}
.lb-base{position:absolute;bottom:4px;left:calc(50% - 42px);width:84px;height:20px;border-radius:4px;background:linear-gradient(#4a3422,#1d140d);box-shadow:0 5px 8px #000b,inset 0 1px 0 #ffffff1c}
.lb-arc{position:absolute;z-index:1;top:20%;left:calc(50% - 7px);width:14px;height:58px;opacity:0;transform-origin:50% 0;background:linear-gradient(#fff,#d7b4ff 60%,#c46bff);clip-path:polygon(50% 0,80% 20%,30% 40%,75% 60%,25% 80%,60% 100%,45% 100%,10% 80%,60% 60%,15% 40%,65% 20%,35% 0);animation:zap 1.4s steps(1) infinite}
.lb-arc.a1{transform:rotate(62deg)}.lb-arc.a2{transform:rotate(-66deg);animation-delay:-.5s}.lb-arc.a3{transform:rotate(158deg);animation-delay:-.9s}
.phase-scanning .lb-arc{animation-duration:.45s}
@keyframes zap{0%,100%{opacity:0}10%{opacity:1}22%{opacity:0}48%{opacity:.9}55%{opacity:0}}
.lb-board{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:8px solid #6e4a26;border-radius:4px;background:var(--noise) 0 0/160px,#26332e;box-shadow:inset 0 0 22px #000a,0 6px 12px #000b;font-family:Caveat,cursive;color:#f1f1ea;text-shadow:0 0 1px #fff9}
.lb-board small{font-size:17px;opacity:.75}
.lb-board strong{font-size:clamp(28px,8vw,38px);font-weight:600;line-height:1;overflow-wrap:anywhere}
.lb-board span{font-size:18px;color:#d9c8ff}
.verdict-lie .lb-board strong{color:#ffb3c2}.verdict-truth .lb-board strong{color:#c8ffe8}
.lb-rack{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:0 10px 4px}
.lb-rack::before,.lb-rack::after{content:"";position:absolute;z-index:3;left:0;right:0;height:14px;border-radius:2px;background:linear-gradient(#8a5a30,#5a3818);box-shadow:0 4px 6px #0009,inset 0 1px 0 #ffffff26}
.lb-rack::before{top:26px}.lb-rack::after{top:122px;height:10px}
.lb-tube{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}
.lb-tube.green{--liquid:#46ff8a}.lb-tube.purple{--liquid:#b65bff}.lb-tube.orange{--liquid:#ff9a3d}.lb-tube.blue{--liquid:#3dc6ff}
.lb-glass{position:relative;width:32px;height:140px;margin-top:6px;overflow:hidden;border-radius:0 0 16px 16px;background:linear-gradient(90deg,#ffffff1c,#ffffff06 30%,#ffffff03 70%,#ffffff16);box-shadow:inset 0 0 0 1.5px #d8f3ef5c,inset 3px 0 4px #ffffff22}
.lb-liquid{position:absolute;left:0;right:0;bottom:0;overflow:hidden;background:linear-gradient(90deg,color-mix(in srgb,var(--liquid) 62%,#000),var(--liquid) 40%,color-mix(in srgb,var(--liquid) 78%,#fff) 62%,color-mix(in srgb,var(--liquid) 62%,#000));box-shadow:0 0 18px color-mix(in srgb,var(--liquid) 60%,transparent);transition:height .6s cubic-bezier(.4,0,.2,1)}
.lb-liquid::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:color-mix(in srgb,var(--liquid) 55%,#fff);opacity:.8}
.lb-liquid i{position:absolute;bottom:0;width:5px;height:5px;border-radius:50%;opacity:0;background:#ffffffb0;animation:bubble 2.2s ease-in infinite}
.lb-liquid i:nth-child(1){left:7px}.lb-liquid i:nth-child(2){left:16px;animation-delay:-.8s}.lb-liquid i:nth-child(3){left:22px;width:3px;height:3px;animation-delay:-1.5s}
.phase-scanning .lb-liquid i{animation-duration:.9s}
@keyframes bubble{0%{transform:translateY(0);opacity:0}15%{opacity:.9}100%{transform:translateY(-130px);opacity:0}}
.lb-shine{position:absolute;z-index:2;top:8px;bottom:12px;left:5px;width:3px;border-radius:3px;background:linear-gradient(#ffffff80,#ffffff10)}
.lb-tube small{min-height:20px;font:500 9px Oswald,sans-serif;line-height:1.1;letter-spacing:.5px;color:#b8d8d0}
.lb-tube strong{font:400 15px "Share Tech Mono",monospace}

/* ===== 8. ALIEN UFO (premium): alloy console, emitter dish, volumetric hologram ===== */
.theme-alien{--bg:#0b0c12;--text:#e9e4ff;--muted:#8f8fb0;--accent:#7cf7ff;--accent2:#b36bff;--surface:#14151d;--line:#3d4052;--success:#7cffb6;--danger:#ff5fa8}
.al-layout{padding:12px;display:flex;flex-direction:column;gap:10px;background:repeating-linear-gradient(90deg,#ffffff05 0 1px,transparent 1px 3px),radial-gradient(ellipse at 50% 30%,#1d2240,transparent 60%),linear-gradient(160deg,#2a2d3a,#111219 60%,#1b1d27);box-shadow:inset 0 0 0 2px #4b4f63,inset 0 0 60px #000}
.al-stage{position:relative;display:grid;place-items:center;height:228px}
.al-beam{position:absolute;bottom:20px;left:50%;width:220px;height:210px;transform:translateX(-50%);background:linear-gradient(0deg,#7cf7ff55,#7cf7ff0a 80%,transparent);clip-path:polygon(42% 100%,58% 100%,100% 0,0 0)}
.al-holo{position:relative;display:grid;place-items:center;width:200px;height:190px;margin-bottom:26px;animation:holoFlicker 5s infinite}
.al-holo::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 2px,#0b0c1255 2px 3px)}
@keyframes holoFlicker{0%,47%,53%,100%{opacity:.95}50%{opacity:.55}}
.al-pulse{position:absolute;width:180px;height:180px;border-radius:50%;border:2px solid #7cf7ff;opacity:0;animation:holoPulse 3s ease-out infinite}
.al-pulse.p2{animation-delay:-1s}.al-pulse.p3{animation-delay:-2s}
.phase-scanning .al-pulse{animation-duration:1.4s}
@keyframes holoPulse{0%{transform:scale(.35);opacity:.9}100%{transform:scale(1.12);opacity:0}}
.al-tri{position:absolute;width:150px;height:150px;opacity:.7;mix-blend-mode:screen;background:conic-gradient(#7cf7ff44,#b36bff88,#7cf7ff44);clip-path:polygon(50% 4%,96% 86%,4% 86%);animation:rotate 12s linear infinite}
.phase-scanning .al-tri{animation-duration:3s}
.al-core{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:120px;height:120px;padding:10px;text-align:center;border-radius:50%;border:1px solid #7cf7ff70;background:radial-gradient(circle,#0b0c30cc,#0b0c3066);box-shadow:0 0 30px #7cf7ff44,inset 0 0 20px #7cf7ff22}
.al-core small{font-size:10px;letter-spacing:2px;color:var(--accent2)}
.al-core strong{font:600 clamp(16px,4.8vw,20px) Oswald,sans-serif;line-height:1.05;letter-spacing:.5px;color:#e3fdff;text-shadow:0 0 10px #7cf7ff,0 0 22px #7cf7ff88}
.verdict-lie .al-core strong{color:#ffd0e6;text-shadow:0 0 12px var(--danger)}.verdict-truth .al-core strong{color:#d6ffe8;text-shadow:0 0 12px var(--success)}
.al-emitter{position:absolute;bottom:2px;left:calc(50% - 64px);display:flex;justify-content:space-evenly;align-items:center;width:128px;height:28px;padding:0 14px;border-radius:50%;background:radial-gradient(ellipse at 50% 35%,#a7adc4,#3b3f52 52%,#14151d);box-shadow:0 7px 12px #000b,inset 0 2px 0 #ffffff3a}
.al-emitter i{width:5px;height:5px;border-radius:50%;background:#7cf7ff;box-shadow:0 0 8px #7cf7ff;animation:blink 1.4s infinite}
.al-emitter i:nth-child(2n){animation-delay:-.5s}.al-emitter i:nth-child(3n){animation-delay:-.9s}
.al-pods{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.al-pod{position:relative;display:grid;place-items:center;width:100%;max-width:98px;aspect-ratio:1;margin:auto;overflow:hidden;border-radius:50%;background:radial-gradient(circle,#0b0a22,#05040f 72%);box-shadow:0 0 0 5px #5f647b,0 0 0 6px #1f2130,0 7px 12px #000d}
.al-pod .ring{position:absolute;inset:5px;width:calc(100% - 10px);height:calc(100% - 10px);filter:drop-shadow(0 0 4px var(--accent))}
.al-pod .ring-fill{stroke-width:7}
.al-pod:nth-child(2) .ring-fill{stroke:var(--accent2)}.al-pod:nth-child(3) .ring-fill{stroke:var(--success)}
.al-pod>.glass{border-radius:50%}
.al-pod div{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}
.al-pod strong{font:400 20px "Share Tech Mono",monospace}
.al-pod small{max-width:64px;font-size:7px;line-height:1.1;letter-spacing:.4px;color:var(--muted)}
.al-screen{position:relative;overflow:hidden;padding:8px;border-radius:8px;background:#07071a;box-shadow:0 0 0 3px #4b4f63,0 0 0 4px #15161e,inset 0 0 20px #000}
.al-head{display:flex;justify-content:space-between;font:400 10px "Share Tech Mono",monospace;letter-spacing:1px;color:var(--accent)}
.al-screen .wave-bars{height:44px}
.al-screen .wave-bars i{background:linear-gradient(var(--accent),var(--accent2));box-shadow:0 0 8px #7cf7ff66}

/* ===== 9. GOLD & DIAMOND (premium): luxury watch on stitched leather ===== */
.theme-gold{--bg:#120b07;--text:#f6e7bf;--muted:#b09670;--accent:#f2c56d;--accent2:#a77b37;--surface:#1a110b;--line:#5e4520;--success:#d9f2c0;--danger:#ffb3a3}
.theme-gold .brand-word{font-family:"Cormorant Garamond",Georgia,serif;letter-spacing:3px}
.gd-layout{padding:14px 14px 16px;display:flex;flex-direction:column;gap:14px;background:radial-gradient(circle at 50% 35%,#4a2e1e,#21140d 65%,#120b07)}
.gd-layout>.grain{opacity:.7}
.gd-layout::before{content:"";position:absolute;inset:7px;border:1.5px dashed #c89a5a55;border-radius:12px;pointer-events:none}
.gd-watch{position:relative;width:min(100%,262px);aspect-ratio:1;margin:20px auto 8px}
.gd-lug{position:absolute;left:50%;width:118px;height:36px;transform:translateX(-50%);background:linear-gradient(90deg,#7a5418,#f6d98c 28%,#b8862f 52%,#fff1c2 70%,#8a6224);box-shadow:0 6px 10px #000a}
.gd-lug.top{top:-20px;border-radius:12px 12px 0 0}.gd-lug.bottom{bottom:-20px;border-radius:0 0 12px 12px}
.gd-crown{position:absolute;right:-12px;top:calc(50% - 12px);width:16px;height:24px;border-radius:4px;background:repeating-linear-gradient(0deg,#8a6224 0 2px,#f6d98c 2px 4px);box-shadow:0 3px 5px #000a}
.gd-bezel{position:absolute;inset:0;z-index:1;border-radius:50%;background:conic-gradient(from 20deg,#fff4c9,#b8862f 12%,#6e4a14 25%,#f6d98c 40%,#a8742a 55%,#fff4c9 68%,#8a6224 82%,#fff4c9);box-shadow:0 14px 30px #000d,inset 0 0 0 2px #fff4c966,inset 0 -4px 8px #0006}
.gd-dial{position:absolute;inset:15px;z-index:2;overflow:hidden;border-radius:50%;background:radial-gradient(circle at 50% 38%,#ffffff18,transparent 58%),repeating-conic-gradient(#173156 0 .5deg,#10213d .5deg 1deg);box-shadow:inset 0 0 0 1px #f6d98c66,inset 0 4px 14px #000b}
.gd-indices i{position:absolute;inset:7px;transform:rotate(var(--a))}
.gd-indices i::before{content:"";position:absolute;top:0;left:calc(50% - 2.5px);width:5px;height:16px;border-radius:1px;background:linear-gradient(90deg,#8a6224,#fff1c2,#b8862f);box-shadow:0 1px 2px #000b}
.gd-indices i:first-child::before{display:none}
.gd-diamond{position:absolute;top:9px;left:calc(50% - 8px);width:16px;height:16px;transform:rotate(45deg);border:1px solid #f6d98c;background:conic-gradient(from 45deg,#fff,#bfe3ff,#fff,#9fc7ea,#fff,#d8f0ff,#fff,#a7d0f0);box-shadow:0 0 6px #fff,0 0 14px #9fd3ff99;animation:sparkle 3s ease-in-out infinite}
@keyframes sparkle{50%{filter:brightness(1.5);box-shadow:0 0 10px #fff,0 0 26px #bfe3ff}}
.gd-sub{position:absolute;width:26%;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#0d1a30 0 1px,#18305a 1px 2px);box-shadow:inset 0 0 0 1.5px #c9a35a,inset 0 2px 5px #000a}
.gd-sub.s1{left:13%;top:37%}.gd-sub.s2{right:13%;top:37%}.gd-sub.s3{left:37%;bottom:15%}
.gd-sub-hand{position:absolute;left:calc(50% - 1px);bottom:50%;width:2px;height:40%;background:linear-gradient(90deg,#b8862f,#fff1c2);transform-origin:bottom;transform:rotate(var(--needle));transition:transform .7s cubic-bezier(.3,1.3,.5,1)}
.gd-sub-pin{position:absolute;inset:calc(50% - 3px);border-radius:50%;background:#f6d98c}
.gd-sub small{position:absolute;bottom:-13px;left:50%;transform:translateX(-50%);white-space:nowrap;font:600 6.5px Inter,sans-serif;letter-spacing:.4px;color:#d9c08a}
.gd-verdict{position:absolute;z-index:5;top:20%;left:50%;transform:translateX(-50%);white-space:nowrap;font:600 clamp(14px,4.4vw,18px) "Cormorant Garamond",Georgia,serif;letter-spacing:2px;text-transform:uppercase;color:#f6d98c;text-shadow:0 1px 2px #000}
.verdict-lie .gd-verdict{color:var(--danger)}.verdict-truth .gd-verdict{color:var(--success)}
.gd-brand{position:absolute;z-index:3;top:28%;left:0;right:0;text-align:center;font:600 8px/1.3 "Cormorant Garamond",Georgia,serif;letter-spacing:2.5px;color:#c9ad6e}
.gd-hand{position:absolute;z-index:4;left:calc(50% - 4px);bottom:50%;width:8px;height:41%;background:linear-gradient(90deg,#9a6e2a 50%,#fff4c9 50%);clip-path:polygon(50% 0,100% 82%,50% 100%,0 82%);transform-origin:bottom;transform:rotate(var(--needle));transition:transform 1s cubic-bezier(.25,1.3,.45,1)}
.gd-second{position:absolute;z-index:4;left:calc(50% - .5px);bottom:44%;width:1px;height:50%;background:#e85a3c;transform-origin:50% 88%;animation:rotate 60s steps(60) infinite}
.phase-scanning .gd-second{animation:rotate 6s linear infinite}
.gd-pin{position:absolute;z-index:5;left:calc(50% - 6px);top:calc(50% - 6px);width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff4c9,#8a6224)}
.gd-dial>.glass{z-index:6;border-radius:50%;background:linear-gradient(135deg,#ffffff3d 0,#ffffff12 32%,transparent 48%),radial-gradient(circle at 70% 85%,#ffffff12,transparent 30%)}
.gd-plate{display:flex;flex-direction:column;gap:10px;padding:11px 14px;border-radius:6px;background:repeating-linear-gradient(90deg,#ffffff14 0 1px,transparent 1px 3px),linear-gradient(#e2bf6e,#a8792f 50%,#cfa257);box-shadow:0 7px 14px #000b,inset 0 1px 0 #fff4c9,inset 0 -1px 0 #5e4520}
.gd-line{display:grid;grid-template-columns:92px 1fr 46px;align-items:center;gap:10px;font:700 9px Inter,sans-serif;letter-spacing:1px;text-transform:uppercase;color:#3a2810;text-shadow:0 1px 0 #f6d98c}
.gd-line strong{text-align:right;font:600 17px "Cormorant Garamond",Georgia,serif;color:#2b1d08}
.gd-rail{position:relative;height:3px;border-radius:2px;background:#5e4520;box-shadow:0 1px 0 #f6d98c99}
.gd-rail i{position:absolute;top:50%;width:11px;height:11px;transform:translate(-50%,-50%) rotate(45deg);border:1px solid #8a6224;background:conic-gradient(from 45deg,#fff,#bfe3ff,#fff,#9fc7ea,#fff,#d8f0ff);box-shadow:0 0 8px #fff;transition:left .6s cubic-bezier(.4,0,.2,1)}

/* ===== 10. INFERNO (premium): carved stone altar, lava in the grooves, fire and embers ===== */
.theme-inferno{--bg:#0e0b0a;--text:#ffe6d6;--muted:#b08a70;--accent:#ff5a1a;--accent2:#ffb347;--surface:#1b1715;--line:#4a3a32;--success:#ffd24d;--danger:#ff2a1a}
.if-layout{padding:12px;display:flex;flex-direction:column;gap:12px;background:radial-gradient(ellipse at 50% 120%,#ff5a1a66,transparent 58%),radial-gradient(circle at 50% 38%,#3d3530,#1d1916 60%,#0d0b0a)}
.if-layout>.grain{opacity:.75}
/* WebGL fire (fire.js); the CSS flames below remain for shop previews and devices without WebGL. */
.if-fire-gl{position:absolute;inset:0;z-index:-1;display:block;width:100%;height:100%;pointer-events:none}
#instrument.fire-gl .if-flames,#instrument.fire-gl .if-fire{display:none}
.if-flames{position:absolute;z-index:-1;left:-10%;right:-10%;bottom:-10px;height:150px;display:flex;justify-content:space-around;align-items:flex-end;pointer-events:none}
.if-flames i{width:18%;height:70%;transform-origin:50% 100%;border-radius:50% 50% 30% 30%/70% 70% 30% 30%;background:radial-gradient(ellipse at 50% 92%,#fff6d0 0 8%,#ffd24d 18%,#ff7a1a 40%,#c2180a 62%,transparent 72%);filter:blur(5px);mix-blend-mode:screen;animation:flame 1.6s ease-in-out infinite alternate}
.if-flames i:nth-child(2n){height:92%;animation-delay:-.6s;animation-duration:1.2s}.if-flames i:nth-child(3n){height:58%;animation-delay:-1.1s}
.phase-scanning .if-flames i{animation-duration:.6s}
@keyframes flame{0%{transform:scaleY(.82) skewX(-5deg)}100%{transform:scaleY(1.16) scaleX(.86) skewX(6deg)}}
.if-embers i{position:absolute;z-index:-1;bottom:10px;width:3px;height:3px;border-radius:50%;background:#ffc46b;box-shadow:0 0 6px #ff7a1a,0 0 12px #ff4a10;opacity:0;animation:ember 5s linear infinite}
.if-embers i:nth-child(1){left:12%}.if-embers i:nth-child(2){left:28%;animation-delay:-1.2s;animation-duration:6s}.if-embers i:nth-child(3){left:41%;animation-delay:-2.5s}.if-embers i:nth-child(4){left:55%;animation-delay:-.6s;animation-duration:4.4s}
.if-embers i:nth-child(5){left:66%;animation-delay:-3.1s}.if-embers i:nth-child(6){left:78%;animation-delay:-1.8s;animation-duration:5.6s}.if-embers i:nth-child(7){left:88%;animation-delay:-4s}.if-embers i:nth-child(8){left:35%;animation-delay:-3.7s;animation-duration:6.4s}
@keyframes ember{0%{transform:translate(0,0);opacity:0}10%{opacity:1}100%{transform:translate(26px,-400px);opacity:0}}
.if-main{position:relative;display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:center;height:268px}
.if-thermo{display:flex;flex-direction:column;align-items:center;gap:8px;height:100%}
.if-tube{position:relative;flex:1;width:20px;overflow:hidden;border-radius:12px;background:linear-gradient(90deg,#ffffff12,#ffffff04 40%,#ffffff14);box-shadow:0 0 0 4px #2b2420,0 0 0 5px #0a0808,inset 0 0 8px #000}
.if-lava{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(#fff2b0,#ffb347 12%,#ff5a1a 40%,#a80f06);box-shadow:0 0 16px #ff5a1a;transition:height .6s cubic-bezier(.4,0,.2,1);animation:lavaGlow 1.2s ease-in-out infinite alternate}
@keyframes lavaGlow{to{filter:brightness(1.35)}}
.if-thermo small{font:700 8px Cinzel,serif;letter-spacing:1px;color:#d99a6a}
/* Ring of fire: 18 flame tongues rooted on the seal's rim, each flickering on its own clock. */
.if-fire{position:absolute;inset:0;z-index:-1;pointer-events:none}
.if-fire i{position:absolute;left:calc(50% - 21px);top:calc(50% - 56px);width:42px;height:56px;transform-origin:50% 100%;transform:rotate(var(--a)) translateY(-44cqw) scale(1,var(--h))}
.if-fire b{display:block;width:100%;height:100%;transform-origin:50% 100%;border-radius:50% 50% 40% 40%/80% 80% 20% 20%;background:radial-gradient(ellipse at 50% 90%,#fff8dc 0 8%,#ffd24d 20%,#ff7a1a 40%,#d01c08 60%,transparent 72%);filter:blur(4.5px);mix-blend-mode:screen;animation:flick var(--t) ease-in-out infinite alternate;animation-delay:var(--d)}
.if-fire::after{content:"";position:absolute;inset:-4%;border-radius:50%;background:radial-gradient(circle,transparent 52%,#ffb347aa 56%,#ff5a1a77 62%,transparent 72%);filter:blur(6px);mix-blend-mode:screen;animation:lavaGlow .9s ease-in-out infinite alternate}
@keyframes flick{0%{transform:scaleY(.68) scaleX(1.06) skewX(-7deg);opacity:.8}50%{transform:scaleY(1.02) scaleX(.94) skewX(3deg);opacity:1}100%{transform:scaleY(1.18) scaleX(.84) skewX(8deg);opacity:.92}}
.phase-scanning .if-fire b{animation-name:flickHot;animation-duration:.42s}
@keyframes flickHot{0%{transform:scaleY(.9) scaleX(1.05) skewX(-9deg)}100%{transform:scaleY(1.55) scaleX(.82) skewX(9deg)}}
.verdict-lie .if-fire b{background:radial-gradient(ellipse at 50% 88%,#fff 0 8%,#ffb347 20%,#ff3a0a 42%,#a80000 66%,transparent 74%);animation-name:flickHot;animation-duration:.5s}
.verdict-truth .if-fire b{background:radial-gradient(ellipse at 50% 88%,#fffbe6 0 12%,#ffe27a 28%,#ffaa2a 50%,#c25a08 68%,transparent 74%);animation-duration:1.4s}
.if-seal::before{content:"";position:absolute;inset:-7%;z-index:-2;border-radius:50%;background:radial-gradient(circle,transparent 58%,#ff5a1a66 66%,transparent 76%);filter:blur(5px);animation:lavaGlow 1.1s ease-in-out infinite alternate}
.if-seal{container-type:inline-size;position:relative;display:grid;place-items:center;width:min(100%,186px);aspect-ratio:1;margin:auto;border-radius:50%;background:radial-gradient(circle at 50% 40%,#3a332e,#211c19 72%);box-shadow:inset 0 6px 14px #000d,inset 0 -2px 4px #ffffff12,0 2px 0 #ffffff0a,0 10px 24px #000b}
.if-star{position:absolute;inset:6%;width:88%;height:88%;filter:drop-shadow(0 0 5px #ff4a10) drop-shadow(0 0 12px #ff4a1088);animation:rotate 40s linear infinite}
.if-groove circle,.if-groove polygon{fill:none;stroke:#090706;stroke-width:4.5}
.if-lavaline circle,.if-lavaline polygon{fill:none;stroke:#ff6a1a;stroke-width:1.6;transition:stroke .4s}
.phase-scanning .if-lavaline circle,.phase-scanning .if-lavaline polygon{stroke:#ffb347}
.phase-scanning .if-star{animation-duration:8s;filter:drop-shadow(0 0 7px #ff7a1a) drop-shadow(0 0 20px #ff4a10)}
.verdict-lie .if-lavaline circle,.verdict-lie .if-lavaline polygon{stroke:#ff2a1a}
.if-core{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}
.if-core strong{max-width:156px;font:700 clamp(16px,4.8vw,21px) Cinzel,serif;line-height:1.1;color:#ffd7a8;text-shadow:0 0 10px #ff5a1a,0 0 24px #ff3a0a}
.verdict-truth .if-core strong{color:#fff0b8}
.if-core small{font:700 9px Cinzel,serif;letter-spacing:2px;color:#d99a6a}
.if-heats{position:relative;display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:8px;background:#0d0b0ad8;box-shadow:inset 0 2px 6px #000,0 1px 0 #ffffff12}
.if-heat{display:grid;grid-template-columns:96px 1fr 40px;align-items:center;gap:8px;font:700 9px Cinzel,serif;letter-spacing:.6px;color:#d99a6a}
.if-heat strong{text-align:right;font-size:13px;color:#ffd7a8}
.if-crack{height:10px;overflow:hidden;border-radius:5px;background:#1a1513;box-shadow:inset 0 2px 3px #000}
.if-crack i{display:block;height:100%;background:linear-gradient(90deg,#7a1006,#ff4a10 50%,#ffb347);box-shadow:0 0 10px #ff4a10;transition:width .45s cubic-bezier(.4,0,.2,1)}

@media(max-width:355px){
  .px-stat{grid-template-columns:62px 1fr 22px;font-size:5px}
  .shop-detail{grid-template-columns:1fr}
}