:root{
--crumple:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='500' height='500'%3E%3Cfilter id='f' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='turbulence' baseFrequency='.018 .026' numOctaves='4' seed='11' result='t'/%3E%3CfeDiffuseLighting in='t' lighting-color='white' surfaceScale='4' diffuseConstant='1.1'%3E%3CfeDistantLight azimuth='235' elevation='68'/%3E%3C/feDiffuseLighting%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E");
--grain:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 .9 0 0 0 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
--torn:polygon(0 1.2%,3% 0,8% 1.4%,14% 0,22% 1%,30% 0,40% 1.3%,52% 0,63% 1%,74% 0,85% 1.4%,93% 0,100% 1%,99% 12%,100% 25%,98.6% 40%,100% 58%,99% 74%,100% 90%,98% 100%,88% 98.8%,78% 100%,66% 98.8%,54% 100%,42% 98.9%,30% 100%,18% 98.8%,8% 100%,1% 98.8%,0 88%,1.2% 72%,0 55%,1% 38%,0 20%)}
.sticky{background:var(--stk,#d8c37a);color:var(--stkc,#3b3114)}
.sticky.alt{background:var(--stk2,#c9a79b)}
.ld-ico .tico,.ld-name,.ld-bar i{transition:none}

[data-theme=detective]{--cardimg:var(--crumple);--cardbm:multiply;--clip:var(--torn);--fwf:drop-shadow(0 10px 8px rgba(0,0,0,.5));--tape:block;--pin:block;--rot1:-1.1deg;--rot2:.8deg;--rot3:-.4deg;--fxc:'✦';--shadow:0 10px 0 -4px rgba(0,0,0,.28),0 14px 30px rgba(0,0,0,.45)}
[data-theme=detective] .ld-ico i{display:block;animation:sc 1.4s ease-in-out infinite alternate}
@keyframes sc{from{top:0}to{top:calc(100% - 3px)}}

[data-theme=shooter]{--bg:#0d1012;--bg2:#151a1c;--bg3:#1d2427;--text:#c9d0c6;--muted:#7f897f;--accent:#e8a317;--accent2:#7a8f5a;--line:#2a3330;
--card:#171d1f;--cardimg:repeating-linear-gradient(135deg,rgba(255,255,255,.025) 0 2px,transparent 2px 7px),linear-gradient(180deg,rgba(255,255,255,.05),transparent);--cardbm:normal;--ink:#d5dbd0;--inkm:#8b968b;--cline:#33403b;--inp:rgba(255,255,255,.05);
--btn:#e8a317;--btnt:#111;--r:0;--clip:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);--shadow:0 0 0 1px #2c3a35;--cb:1px solid #33403b;--fwf:drop-shadow(0 10px 10px rgba(0,0,0,.65));--hdr:rgba(13,16,18,.92);--hdrb:2px solid #e8a317;--fxc:'⌖';--stk:#e8a317;--stkc:#111;--stk2:#7a8f5a;--sn:#c9b45a}
[data-theme=shooter] .btn{clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);text-transform:uppercase;letter-spacing:.5px;border-radius:0}
[data-theme=shooter] .btn.red{color:#111;background:#ff4a3a;border-color:#ff4a3a}
[data-theme=shooter] .sh::after{height:6px;width:140px;background:repeating-linear-gradient(45deg,#e8a317 0 8px,#111 8px 16px)}
[data-theme=shooter] .hero h1{letter-spacing:1px}
[data-theme=shooter] .hero h1 em{border:0;background:#e8a317;color:#111;padding:0 14px;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}
[data-theme=shooter] .stamp{border-radius:0;transform:none;font-size:16px;letter-spacing:2px;background:rgba(232,163,23,.1)}
[data-theme=shooter] .stamp::after{display:none}
[data-theme=shooter] .ld-ico .tico{transform:scale(calc(1.7 - var(--p)*.7)) rotate(calc(var(--p)*180deg));color:var(--accent)}
[data-theme=shooter] .ld-x{display:flex}
[data-theme=shooter] .ld-x b{width:10px;height:28px;border-radius:2px;background:#33403b}
[data-theme=shooter] .ld-x b.on{background:var(--accent)}
[data-theme=shooter] .ld-card{clip-path:var(--clip)}
[data-theme=shooter] .ld-cur{background:#0a0c0d repeating-linear-gradient(0deg,#0a0c0d 0 38px,#151a1c 38px 40px);top:0;bottom:50%;width:100%;left:0;right:0}
[data-theme=shooter] .ld-cur.r{top:50%;bottom:0}
[data-theme=shooter] #load.done .ld-cur.l{transform:translateY(-101%)}
[data-theme=shooter] #load.done .ld-cur.r{transform:translateY(101%)}

[data-theme=racing]{--bg:#0b0d12;--bg2:#12151d;--bg3:#1a1e29;--text:#e6e9f0;--muted:#8a91a3;--accent:#ff2d2d;--accent2:#ffd400;--line:#262b38;
--card:#141821;--cardimg:repeating-linear-gradient(45deg,rgba(255,255,255,.04) 0 3px,transparent 3px 6px);--cardbm:normal;--ink:#e9ecf3;--inkm:#9aa1b3;--cline:#2d3342;--inp:rgba(255,255,255,.05);
--btn:#ff2d2d;--btnt:#fff;--r:0;--clip:polygon(16px 0,100% 0,calc(100% - 16px) 100%,0 100%);--shadow:none;--cb:0;--fwf:drop-shadow(0 10px 10px rgba(0,0,0,.65));--hdr:rgba(11,13,18,.92);--hdrb:3px solid #ff2d2d;--fxc:'➤';--stk:#ffd400;--stkc:#111;--stk2:#ff2d2d;--sn:#ffd400}
[data-theme=racing] .btn{clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);border-radius:0;font-style:italic;text-transform:uppercase}
[data-theme=racing] .btn.ghost{background:#1a1e29;border-color:#1a1e29;color:#ffd400}
[data-theme=racing] .hero h1,[data-theme=racing] .ph h1{font-style:italic;transform:skewX(-8deg);transform-origin:right}
[data-theme=racing] .hero h1 em{border:0;background:#ff2d2d;color:#fff;padding:0 16px}
[data-theme=racing] .sh::after{width:160px;height:8px;background:linear-gradient(90deg,#ff2d2d 0 33%,#fff 33% 66%,#ffd400 66%);transform:skewX(-30deg)}
[data-theme=racing] .foot{border-top:0;position:relative}
[data-theme=racing] .foot::before{content:'';position:absolute;top:0;left:0;right:0;height:14px;background:conic-gradient(#fff 25%,#111 0 50%,#fff 0 75%,#111 0) 0 0/14px 14px}
[data-theme=racing] .stamp{border-radius:0;transform:skewX(-14deg);font-size:15px}
[data-theme=racing] .stamp::after{display:none}
[data-theme=racing] .ld-ico .tico{transform:rotate(calc(var(--p)*720deg));color:var(--accent2)}
[data-theme=racing] .ld-x{display:flex;gap:14px}
[data-theme=racing] .ld-x b{width:30px;height:30px;background:#2a1010}
[data-theme=racing] .ld-x b.on{background:#ff2d2d}
[data-theme=racing] #load.fin .ld-x b{background:#2bd96a}
[data-theme=racing] .ld-card{clip-path:var(--clip);padding-inline:44px}
[data-theme=racing] .ld-cur{background:conic-gradient(#111 25%,#1d212d 0 50%,#111 0 75%,#1d212d 0) 0 0/48px 48px}

[data-theme=clash]{--bg:#2b1b10;--bg2:#3a2514;--bg3:#4a2f1a;--text:#f5e6c8;--muted:#c9ad84;--accent:#e63946;--accent2:#f5b82e;--line:#5a3a20;
--card:#f3dfa6;--cardimg:radial-gradient(ellipse at 30% 15%,rgba(255,255,255,.4),transparent 60%),var(--crumple);--cardbm:multiply;--ink:#4a2e12;--inkm:#7a5a30;--cline:#b88a4a;--inp:rgba(255,248,225,.85);
--btn:#4a9a14;--btnt:#fff;--r:14px;--clip:none;--shadow:0 0 0 4px #7a4a1c,0 0 0 7px #24150a,0 12px 24px rgba(0,0,0,.55);--cb:0;--fwf:none;--hdr:rgba(58,37,20,.95);--hdrb:5px solid #7a4a1c;--fxc:'★';--stk:#f5b82e;--stkc:#4a2e12;--stk2:#e63946;--sn:#f3dfa6;--ldbg:#3b2411}
body[data-bg]{background-image:radial-gradient(circle at 50% 0,rgba(245,184,46,.07),transparent 60%)}
[data-theme=clash] .hero h1,[data-theme=clash] .sh,[data-theme=clash] .ph h1,[data-theme=clash] .step h3,[data-theme=clash] .feat h3{text-shadow:0 3px 0 #000,3px 0 0 #000,-3px 0 0 #000,0 -3px 0 #000,3px 3px 0 #000,-3px -3px 0 #000}
[data-theme=clash] .crumple h1,[data-theme=clash] .crumple h2,[data-theme=clash] .crumple h3{text-shadow:none}
[data-theme=clash] .btn{background:linear-gradient(#8ee03a,#4a9a14);border:3px solid #24500a;color:#fff;text-shadow:0 2px 0 #1d4204;border-radius:12px;box-shadow:0 5px 0 #24500a;font-weight:800}
[data-theme=clash] .btn:hover{transform:translateY(3px);box-shadow:0 2px 0 #24500a;background:linear-gradient(#8ee03a,#4a9a14);color:#fff}
[data-theme=clash] .btn.red{background:linear-gradient(#ff6b6b,#d62839);border-color:#6b0f1a;box-shadow:0 5px 0 #6b0f1a}
[data-theme=clash] .btn.ghost{background:linear-gradient(#8a5a2b,#5e3a17);border-color:#f5b82e;color:#ffe9b0;box-shadow:0 5px 0 #24150a}
[data-theme=clash] .crumple .btn.ghost{color:#ffe9b0;background:linear-gradient(#8a5a2b,#5e3a17)}
[data-theme=clash] .hero h1 em{border:0;color:#f5b82e;background:none}
[data-theme=clash] .stamp{border-radius:20px;background:#e63946;color:#fff;border-color:#6b0f1a;transform:rotate(-3deg);text-shadow:0 2px 0 #6b0f1a}
[data-theme=clash] .stamp::after{display:none}
[data-theme=clash] .sh::after{background:#f5b82e;height:6px;border-radius:6px;width:120px}
[data-theme=clash] .num{background:linear-gradient(#f5b82e,#c98a12);color:#4a2e12;border:4px solid #7a4a1c;border-radius:14px}
[data-theme=clash] .feat,[data-theme=clash] .faq details{background:#4a2f1a;border:3px solid #7a4a1c;border-radius:14px}
[data-theme=clash] .ld-ico .tico{color:#f5b82e;fill:rgba(245,184,46,.18);animation:pulse 1s ease-in-out infinite}
@keyframes pulse{50%{transform:scale(1.1)}}
[data-theme=clash] .ld-x{display:flex}
[data-theme=clash] .ld-x b{background:#7a5a30;border:3px solid #4a2e12;width:26px;height:26px}
[data-theme=clash] .ld-x b.on{background:#f5b82e}
[data-theme=clash] .ld-bar{border-radius:12px;border-color:#4a2e12;background:#7a5a30}
[data-theme=clash] .ld-bar i{background:linear-gradient(#8ee03a,#4a9a14);border-radius:8px}
[data-theme=clash] .ld-cur{background:repeating-linear-gradient(90deg,#5a3a1a 0 44px,#3b2411 44px 48px)}
[data-theme=clash] .ld-cur::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,transparent 18%,#222 18% 22%,transparent 22% 78%,#222 78% 82%,transparent 82%)}

[data-theme=studio]{--bg:#0f1220;--bg2:#161a2e;--bg3:#1d2240;--text:#e8eaf6;--muted:#8d93b8;--accent:#6c5ce7;--accent2:#00d1b2;--line:#252b4a;
--card:#ffffff;--cardimg:none;--cardbm:normal;--ink:#1b1f3a;--inkm:#5a6090;--cline:#d9dcf0;--inp:#f4f5fd;--btn:#6c5ce7;--btnt:#fff;--r:18px;--clip:none;--shadow:0 18px 40px rgba(6,8,30,.5);--cb:0;--fwf:none;--hdr:rgba(15,18,32,.78);--hdrb:1px solid #252b4a;--fxc:'✦';--stk:#6c5ce7;--stkc:#fff;--stk2:#00d1b2;--ldbg:#0f1220}
[data-theme=studio] .btn{background:linear-gradient(135deg,#6c5ce7,#8e7dff);border:0;border-radius:30px;padding-inline:28px;box-shadow:0 8px 20px rgba(108,92,231,.4);color:#fff}
[data-theme=studio] .btn:hover{transform:translateY(-3px);background:linear-gradient(135deg,#6c5ce7,#00d1b2);color:#fff}
[data-theme=studio] .btn.ghost{background:transparent;border:2px solid #6c5ce7;box-shadow:none;color:#a99dff}
[data-theme=studio] .crumple .btn.ghost{color:#6c5ce7;border-color:#6c5ce7}
[data-theme=studio] .btn.red{background:linear-gradient(135deg,#ff6b81,#ff4757);box-shadow:0 8px 20px rgba(255,71,87,.35)}
[data-theme=studio] .hero h1 em{background:linear-gradient(90deg,#8e7dff,#00d1b2);-webkit-background-clip:text;background-clip:text;color:transparent;border:0}
[data-theme=studio] .stamp{border-radius:30px;transform:none;background:rgba(108,92,231,.14);border-width:1px;font-size:14px;font-family:var(--fb);font-weight:600;padding:2px 16px}
[data-theme=studio] .stamp::after{display:none}
[data-theme=studio] .in .stamp:not(.sm),[data-theme=studio] .stamp.rv.in{animation:none}
[data-theme=studio] .sh::after{background:linear-gradient(90deg,#6c5ce7,#00d1b2);height:4px;border-radius:4px}
[data-theme=studio] .file,[data-theme=studio] .paper,[data-theme=studio] .memo{border:1px solid #eceefb}
[data-theme=studio] .file:hover{box-shadow:0 24px 50px rgba(108,92,231,.35)}
[data-theme=studio] .ld-ico .tico{color:#6c5ce7;animation:bob 1.2s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(-8px) rotate(-4deg)}}
[data-theme=studio] .ld-x{display:flex}
[data-theme=studio] .ld-x b{background:#dcd9fa;width:12px;height:12px}
[data-theme=studio] .ld-x b.on{background:#6c5ce7;transform:scale(1.4)}
[data-theme=studio] .ld-bar{border:0;border-radius:10px;background:#e4e6f8;height:10px}
[data-theme=studio] .ld-bar i{background:linear-gradient(90deg,#6c5ce7,#00d1b2);border-radius:10px}
[data-theme=studio] .ld-top{border:0;background:#eeecfd;color:#6c5ce7;border-radius:20px}
[data-theme=studio] .ld-name{border-color:#6c5ce7}
[data-theme=studio] .ld-cur{background:#0f1220}
[data-theme=studio] #load.done .ld-cur{transform:none!important;opacity:0}

[data-theme=action]{--bg:#0e0e10;--bg2:#17171a;--bg3:#202024;--text:#fff;--muted:#b5b5bb;--accent:#ff3b1f;--accent2:#ffe600;--line:#2d2d33;
--card:#fff;--cardimg:radial-gradient(circle,rgba(0,0,0,.1) 1px,transparent 1.6px);--cardsz:9px 9px;--cardbm:normal;--ink:#111;--inkm:#444;--cline:#111;--inp:#fff;--btn:#ffe600;--btnt:#111;--r:0;--clip:none;--shadow:7px 7px 0 #000;--cb:4px solid #111;--fwf:none;--rot1:-1deg;--rot2:1deg;--rot3:-.5deg;--hdr:#0e0e10;--hdrb:5px solid #ffe600;--fxc:'💥';--stk:#ffe600;--stkc:#111;--stk2:#ff3b1f;--ldbg:#ff3b1f}
[data-theme=action] body,[data-theme=action]{background-image:radial-gradient(circle,rgba(255,255,255,.05) 1.5px,transparent 2px);background-size:14px 14px}
[data-theme=action] .btn{border:3px solid #111;box-shadow:4px 4px 0 #111;border-radius:0;text-transform:uppercase;font-weight:800}
[data-theme=action] .btn:hover{background:#ff3b1f;color:#fff;border-color:#111;transform:translate(3px,3px);box-shadow:1px 1px 0 #111}
[data-theme=action] .btn.ghost{background:#fff;color:#111;border-color:#111}
[data-theme=action] .btn.red{background:#ff3b1f;color:#fff}
[data-theme=action] .hero h1,[data-theme=action] .ph h1{transform:skew(-6deg);text-shadow:4px 4px 0 #ff3b1f}
[data-theme=action] .hero h1 em{background:#ffe600;color:#111;border:4px solid #111;padding:0 14px;text-shadow:none;transform:rotate(-2deg);display:inline-block}
[data-theme=action] .sh{border-bottom:5px solid #fff;text-shadow:3px 3px 0 #ff3b1f}
[data-theme=action] .sh::after{display:none}
[data-theme=action] .stamp{background:#ffe600;color:#111;border:4px solid #111;border-radius:0;transform:rotate(-3deg);box-shadow:4px 4px 0 #111;clip-path:polygon(0 8%,10% 0,22% 6%,36% 0,50% 6%,64% 0,78% 6%,90% 0,100% 8%,100% 92%,90% 100%,78% 94%,64% 100%,50% 94%,36% 100%,22% 94%,10% 100%,0 92%)}
[data-theme=action] .stamp::after{display:none}
[data-theme=action] .file h3,[data-theme=action] .upd h3{text-shadow:2px 2px 0 #ffe600}
[data-theme=action] .feat,[data-theme=action] .faq details{background:#17171a;border:3px solid #fff;box-shadow:5px 5px 0 #ff3b1f}
[data-theme=action] .ld-ico .tico{color:#111;fill:#ffe600;animation:shake .25s infinite}
@keyframes shake{25%{transform:translate(2px,-2px) rotate(2deg)}75%{transform:translate(-2px,2px) rotate(-2deg)}}
[data-theme=action] .ld-ico{overflow:visible}
[data-theme=action] .ld-ico::before,[data-theme=action] .ld-ico::after{content:'';position:absolute;inset:0;border:4px solid #ff3b1f;border-radius:50%;animation:ring 1.2s ease-out infinite}
[data-theme=action] .ld-ico::after{animation-delay:.6s}
@keyframes ring{from{transform:scale(.4);opacity:1}to{transform:scale(2.2);opacity:0}}
[data-theme=action] .ld-x{display:flex}
[data-theme=action] .ld-x b{width:24px;height:24px;border-radius:0;background:#ddd;border:3px solid #111;transform:rotate(45deg)}
[data-theme=action] .ld-x b.on{background:#ffe600}
[data-theme=action] .ld-bar{border-width:4px}
[data-theme=action] .ld-bar i{background:repeating-linear-gradient(45deg,#ff3b1f 0 8px,#111 8px 16px)}
[data-theme=action] .ld-cur{background:#ff3b1f repeating-linear-gradient(135deg,#ff3b1f 0 30px,#e02e12 30px 60px)}

[data-theme=cyber]{--bg:#07060f;--bg2:#0d0b1c;--bg3:#151230;--text:#d8f6ff;--muted:#7a86b3;--accent:#ff2bd6;--accent2:#00f0ff;--line:#2a2260;
--card:rgba(16,12,40,.85);--cardimg:linear-gradient(135deg,rgba(0,240,255,.07),rgba(255,43,214,.07));--cardbm:normal;--ink:#d8f6ff;--inkm:#8aa0cc;--cline:#2f2a70;--inp:rgba(0,240,255,.07);--btn:#00f0ff;--btnt:#07060f;--r:0;
--clip:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);--shadow:none;--cb:1px solid rgba(0,240,255,.5);--fwf:drop-shadow(0 0 10px rgba(0,240,255,.25));--hdr:rgba(7,6,15,.88);--hdrb:1px solid #00f0ff;--fxc:'◆';--stk:#ff2bd6;--stkc:#fff;--stk2:#00f0ff;--ldbg:#07060f}
[data-theme=cyber] .hero h1,[data-theme=cyber] .ph h1,[data-theme=cyber] .sh{text-shadow:0 0 14px rgba(0,240,255,.75)}
[data-theme=cyber] .hero h1 em{color:#ff2bd6;border-color:#ff2bd6;text-shadow:0 0 14px rgba(255,43,214,.9)}
[data-theme=cyber] .btn{clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);border-radius:0;box-shadow:0 0 16px rgba(0,240,255,.5);text-transform:uppercase;letter-spacing:1px}
[data-theme=cyber] .btn:hover{background:#ff2bd6;border-color:#ff2bd6;color:#fff;box-shadow:0 0 22px rgba(255,43,214,.7)}
[data-theme=cyber] .btn.red{background:#ff2bd6;border-color:#ff2bd6;color:#fff}
[data-theme=cyber] .btn.ghost{background:transparent;color:#00f0ff;box-shadow:none}
[data-theme=cyber] .crumple .btn.ghost{color:#00f0ff;border-color:#00f0ff}
[data-theme=cyber] .crumple .btn.ghost:hover{background:#00f0ff;color:#07060f}
[data-theme=cyber] .stamp{border-radius:0;transform:none;border-color:#00f0ff;color:#00f0ff;font-size:14px;letter-spacing:2px;text-shadow:0 0 8px #00f0ff}
[data-theme=cyber] .stamp::after{display:none}
[data-theme=cyber] .sh::after{background:linear-gradient(90deg,#ff2bd6,#00f0ff);box-shadow:0 0 10px #ff2bd6;height:3px;width:160px}
[data-theme=cyber] .feat,[data-theme=cyber] .faq details{background:rgba(16,12,40,.7);border:1px solid rgba(0,240,255,.4);border-radius:0}
[data-theme=cyber] .num{border-radius:0;border-color:#ff2bd6;box-shadow:0 0 12px #ff2bd6;color:#00f0ff}
html[data-theme=cyber]:not([data-q=low]) body::after{content:'';position:fixed;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.16) 0 1px,transparent 1px 3px);pointer-events:none;z-index:9998}
html[data-theme=cyber][data-q=high] .hero h1{animation:glt 4s infinite}
@keyframes glt{0%,93%,100%{text-shadow:0 0 14px rgba(0,240,255,.75)}94%{text-shadow:-4px 0 #ff2bd6,4px 0 #00f0ff}96%{text-shadow:3px 0 #ff2bd6,-3px 0 #00f0ff}}
[data-theme=cyber] .ld-ico .tico{color:#00f0ff;filter:drop-shadow(0 0 8px #00f0ff)}
[data-theme=cyber] .ld-ico i{display:block;left:0;right:0;height:2px;background:#ff2bd6;box-shadow:0 0 10px #ff2bd6;animation:sc 1s linear infinite alternate}
[data-theme=cyber] .ld-name{text-shadow:-3px 0 #ff2bd6,3px 0 #00f0ff;border-color:#00f0ff}
[data-theme=cyber] .ld-x{display:flex}
[data-theme=cyber] .ld-x b{width:36px;height:6px;border-radius:0;background:#2a2260}
[data-theme=cyber] .ld-x b.on{background:#00f0ff;box-shadow:0 0 10px #00f0ff}
[data-theme=cyber] .ld-card{clip-path:var(--clip);border:0;background:#0d0b1c}
[data-theme=cyber] .ld-bar{border-color:#00f0ff}
[data-theme=cyber] .ld-bar i{background:repeating-linear-gradient(90deg,#00f0ff 0 8px,#ff2bd6 8px 12px)}
[data-theme=cyber] .ld-cur{top:0;bottom:50%;width:100%;left:0;right:0;border-bottom:2px solid #00f0ff}
[data-theme=cyber] .ld-cur.r{top:50%;bottom:0;border:0;border-top:2px solid #ff2bd6}
[data-theme=cyber] #load.done .ld-cur.l{transform:translateY(-101%)}
[data-theme=cyber] #load.done .ld-cur.r{transform:translateY(101%)}

[data-theme=retro]{--bg:#120a24;--bg2:#1c1038;--bg3:#271750;--text:#fff4d6;--muted:#a79bd0;--accent:#ff4d6d;--accent2:#ffcc00;--line:#3b2a78;
--card:#1d1240;--cardimg:none;--cardbm:normal;--ink:#fff4d6;--inkm:#b6a8e6;--cline:#ffcc00;--inp:#120a24;--btn:#ffcc00;--btnt:#120a24;--r:0;--clip:none;
--shadow:0 0 0 4px #ffcc00,6px 6px 0 4px #000;--cb:0;--fwf:none;--hdr:#120a24;--hdrb:4px solid #ffcc00;--hfs:.5;--fxc:'■';--stk:#ffcc00;--stkc:#120a24;--stk2:#ff4d6d;--ldbg:#120a24}
[data-theme=retro] *{image-rendering:pixelated}
[data-theme=retro] .hero h1{font-size:clamp(20px,4.2vw,42px);line-height:1.7}
[data-theme=retro] .sh{font-size:clamp(15px,2.4vw,20px)}
[data-theme=retro] .ph h1{font-size:clamp(18px,3.6vw,30px);line-height:1.7}
[data-theme=retro] .file h3,[data-theme=retro] .upd h3,[data-theme=retro] .feat h3,[data-theme=retro] .step h3,[data-theme=retro] .cta h2,[data-theme=retro] .post h1,[data-theme=retro] .gd h1{font-size:14px;line-height:1.9}
[data-theme=retro] .post h1,[data-theme=retro] .gd h1{font-size:18px}
[data-theme=retro] .brand,[data-theme=retro] .tk-l{font-size:13px}
[data-theme=retro] .btn{font-family:var(--fm);font-size:11px;border-radius:0;box-shadow:0 4px 0 #8a6d00;text-transform:uppercase}
[data-theme=retro] .btn:hover{background:#ff4d6d;border-color:#ff4d6d;color:#fff;transform:translateY(2px);box-shadow:0 2px 0 #8a2036}
[data-theme=retro] .btn.red{background:#ff4d6d;border-color:#ff4d6d;color:#fff;box-shadow:0 4px 0 #8a2036}
[data-theme=retro] .stamp{font-family:var(--fm);font-size:10px;border-radius:0;transform:none;border-width:3px;color:#ffcc00;border-color:#ffcc00;animation:blk 1s steps(2) infinite}
@keyframes blk{50%{opacity:.3}}
[data-theme=retro] .stamp::after{display:none}
[data-theme=retro] .stamp.sm{animation:none}
[data-theme=retro] .in .stamp:not(.sm),[data-theme=retro] .stamp.rv.in{animation:blk 1s steps(2) infinite}
[data-theme=retro] .sh::after{height:8px;background:repeating-linear-gradient(90deg,#ffcc00 0 8px,transparent 8px 12px);width:160px}
[data-theme=retro] .feat,[data-theme=retro] .faq details{border:4px solid #3b2a78;border-radius:0;background:#1c1038}
[data-theme=retro] .num{border-radius:0;border:4px solid #ffcc00;font-size:20px}
[data-theme=retro] .rv{transition-timing-function:steps(6)}
html[data-theme=retro]:not([data-q=low]) body::after{content:'';position:fixed;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.22) 0 2px,transparent 2px 4px);pointer-events:none;z-index:9998}
[data-theme=retro] .ld-ico .tico{color:#ffcc00;animation:inv .8s steps(2) infinite}
@keyframes inv{0%{transform:translateX(-10px)}100%{transform:translateX(10px)}}
[data-theme=retro] .ld-top{animation:blk 1s steps(2) infinite;color:#ffcc00;border-color:#ffcc00}
[data-theme=retro] .ld-name{font-size:clamp(22px,7vw,36px);border-color:#ff4d6d}
[data-theme=retro] .ld-log{font-size:12px}
[data-theme=retro] .ld-x{display:flex}
[data-theme=retro] .ld-x b{width:20px;height:20px;border-radius:0;background:#3b2a78}
[data-theme=retro] .ld-x b.on{background:#ff4d6d}
[data-theme=retro] .ld-bar{border:4px solid #ffcc00;padding:2px;height:22px}
[data-theme=retro] .ld-bar i{background:repeating-linear-gradient(90deg,#ffcc00 0 10px,transparent 10px 14px)}
[data-theme=retro] .ld-cur{background:#120a24}
[data-theme=retro] #load.done .ld-cur{transform:none!important;opacity:0;transition:opacity .9s steps(8)}

[data-theme=horror]{--bg:#080505;--bg2:#120a09;--bg3:#1b100e;--text:#d6cdbd;--muted:#8a7d70;--accent:#b3121b;--accent2:#d6cdbd;--line:#2a1a17;
--card:#1a1210;--cardimg:var(--crumple);--cardbm:multiply;--ink:#d6cdbd;--inkm:#9c8f80;--cline:#3a2420;--inp:rgba(0,0,0,.4);--btn:#b3121b;--btnt:#fff;--r:2px;--clip:var(--torn);
--shadow:inset 0 0 40px rgba(0,0,0,.6);--cb:0;--fwf:drop-shadow(0 10px 10px rgba(0,0,0,.85));--hdr:rgba(8,5,5,.92);--hdrb:2px solid #b3121b;--fxc:'☠';--stk:#8c1b1b;--stkc:#e8dcc8;--stk2:#4a3a30;--sn:#c9b8a0;--ldbg:#050303}
[data-theme=horror] .btn{background:#b3121b;border-color:#b3121b;color:#fff;text-shadow:0 0 6px #000}
[data-theme=horror] .btn:hover{background:#000;color:#b3121b}
[data-theme=horror] .btn.ghost{background:transparent;color:#d6cdbd;border-color:#6b5a50}
[data-theme=horror] .crumple .btn.ghost{color:#d6cdbd;border-color:#6b5a50}
[data-theme=horror] .hero h1 em{color:#b3121b;border-color:#6d0b11}
[data-theme=horror] .hero h1,[data-theme=horror] .ph h1{letter-spacing:2px}
[data-theme=horror] .stamp{color:#b3121b;border-color:#b3121b;font-size:22px}
[data-theme=horror] .sh::after{width:100%;height:14px;background:radial-gradient(circle at 10px 0,#b3121b 6px,transparent 7px) repeat-x;background-size:34px 14px;bottom:-14px}
[data-theme=horror] .feat,[data-theme=horror] .faq details{background:#120a09;border-color:#2a1a17;border-top-color:#b3121b}
[data-theme=horror] .num{border-color:#b3121b;color:#b3121b}
html[data-theme=horror]:not([data-q=low]) body::after{content:'';position:fixed;inset:0;background:radial-gradient(ellipse at center,transparent 45%,rgba(0,0,0,.75));pointer-events:none;z-index:9998}
html[data-theme=horror][data-q=high] .hero h1,html[data-theme=horror][data-q=high] .brand{animation:flk 5s infinite}
@keyframes flk{0%,90%,100%{opacity:1}91%{opacity:.35}93%{opacity:1}95%{opacity:.5}97%{opacity:1}}
[data-theme=horror] .ld-ico .tico{color:#d6cdbd;animation:flk 2s infinite}
[data-theme=horror] .ld-name{color:#b3121b;border-color:#6d0b11}
[data-theme=horror] .ld-x{display:flex;gap:18px}
[data-theme=horror] .ld-x b{width:16px;height:16px;background:#2a1a17}
[data-theme=horror] .ld-x b.on{background:#ff1a2a;box-shadow:0 0 12px #b3121b}
[data-theme=horror] .ld-bar{border-color:#6d0b11}
[data-theme=horror] .ld-bar i{background:linear-gradient(90deg,#6d0b11,#b3121b)}
[data-theme=horror] .ld-card{clip-path:var(--clip)}
[data-theme=horror] .ld-cur{background:#050303}

[data-theme=fantasy]{--bg:#14101c;--bg2:#1d1730;--bg3:#271f42;--text:#efe4c8;--muted:#a99bc4;--accent:#c9a227;--accent2:#8f7aff;--line:#3a2f5e;
--card:#e8d7ae;--cardimg:var(--crumple);--cardbm:multiply;--ink:#3a2a12;--inkm:#6e5530;--cline:#b9a070;--inp:rgba(255,248,225,.75);--btn:#c9a227;--btnt:#1a1204;--r:6px;--clip:none;
--shadow:0 0 0 3px #c9a227,0 0 0 6px #3a2a12,0 14px 28px rgba(0,0,0,.55);--cb:0;--fwf:none;--hdr:rgba(20,16,28,.92);--hdrb:3px double #c9a227;--fxc:'✧';--stk:#c9a227;--stkc:#1a1204;--stk2:#8f7aff;--ldbg:#2a1550}
[data-theme=fantasy] .hero h1,[data-theme=fantasy] .ph h1,[data-theme=fantasy] .sh{color:#f3e2a8;text-shadow:0 2px 0 #000,0 0 18px rgba(201,162,39,.35)}
[data-theme=fantasy] .crumple h1,[data-theme=fantasy] .crumple h2,[data-theme=fantasy] .crumple h3{text-shadow:none;color:var(--ink)}
[data-theme=fantasy] .hero h1 em{color:#a99dff;border-color:#c9a227}
[data-theme=fantasy] .btn{border-radius:6px;box-shadow:0 0 0 2px #1a1204 inset;letter-spacing:.5px}
[data-theme=fantasy] .btn:hover{background:#8f7aff;border-color:#8f7aff;color:#fff}
[data-theme=fantasy] .btn.red{background:#7a1f3a;border-color:#7a1f3a;color:#f3e2a8}
[data-theme=fantasy] .stamp{border-radius:30px;color:#c9a227;border-color:#c9a227;transform:none;font-size:16px}
[data-theme=fantasy] .stamp::after{display:none}
[data-theme=fantasy] .sh::before{content:'❖';color:#c9a227;margin-left:12px}
[data-theme=fantasy] .sh{justify-content:flex-start}
[data-theme=fantasy] .sh a{margin-right:auto}
[data-theme=fantasy] .sh::after{background:linear-gradient(90deg,#c9a227,transparent);height:2px;width:100%}
[data-theme=fantasy] .num{border-radius:50%;box-shadow:0 0 0 4px #14101c,0 0 0 6px #c9a227;font-family:var(--fd)}
[data-theme=fantasy] .feat,[data-theme=fantasy] .faq details{background:#1d1730;border:2px solid #c9a227;border-radius:10px}
[data-theme=fantasy] .ld-ico .tico{color:#7a4cc9;animation:spin 8s linear infinite;transform:rotate(calc(var(--p)*360deg))}
@keyframes spin{to{filter:hue-rotate(360deg)}}
[data-theme=fantasy] .ld-x{display:flex}
[data-theme=fantasy] .ld-x b{width:20px;height:20px;background:#b9a070}
[data-theme=fantasy] .ld-x b.on{background:#8f7aff;box-shadow:0 0 12px #8f7aff}
[data-theme=fantasy] .ld-bar{border-color:#6e5530;border-radius:8px}
[data-theme=fantasy] .ld-bar i{background:linear-gradient(90deg,#c9a227,#8f7aff);border-radius:6px}
[data-theme=fantasy] .ld-cur{background:#2a1550 repeating-linear-gradient(90deg,rgba(0,0,0,.28) 0 22px,transparent 22px 44px)}
