@font-face{font-family:"Unbounded";src:url(/fonts/unbounded.woff2) format("woff2");font-weight:500 900;font-display:swap}
@font-face{font-family:"Manrope";src:url(/fonts/manrope.woff2) format("woff2");font-weight:400 800;font-display:swap}
@font-face{font-family:"Cinzel";src:url(/fonts/cinzel.woff2) format("woff2");font-weight:500 800;font-display:swap}
:root{--ink:#0b0908;--ink2:#14100d;--ink3:#1e1712;--ivory:#f4ead7;--ivory2:#e9dcc2;--gold:#e8c88f;--gold2:#c9974a;--gold3:#8a6127;--red:#b3101f;--red2:#7d0613;--blue:#3b6fd8;--txt:#efe6d6;--mut:#b9ab95;--mut2:#8c7f6c;--line:rgba(232,200,143,.18);
--disp:"Unbounded","Arial Black",system-ui,sans-serif;--orn:"Cinzel","Trajan Pro",Georgia,serif;--sans:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;--pad:clamp(20px,5vw,80px);--max:1320px;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--ink);color:var(--txt);font:400 17px/1.6 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,video,svg{display:block;max-width:100%}a{color:inherit}button,input,select{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:6px}
.skip{position:absolute;left:-999px;top:8px;z-index:100;background:var(--gold);color:var(--ink);padding:10px 14px;border-radius:8px}.skip:focus{left:10px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--pad)}
.eyebrow{font:600 12px/1.3 var(--orn);letter-spacing:.32em;text-transform:uppercase;color:var(--gold);margin:0 0 18px;display:flex;align-items:center;gap:12px}
.eyebrow:before{content:"";width:28px;height:1px;background:currentColor;opacity:.7}
.eyebrow.c{justify-content:center}.eyebrow.c:after{content:"";width:28px;height:1px;background:currentColor;opacity:.7}
h1,h2,h3{font-family:var(--disp);font-weight:800;letter-spacing:-.025em;line-height:1.02;margin:0;text-wrap:balance}
h1{font-size:clamp(40px,8.4vw,128px)}h2{font-size:clamp(32px,5.4vw,78px)}h3{font-size:clamp(20px,2vw,26px);letter-spacing:-.01em;line-height:1.15}
.gold{background:linear-gradient(100deg,#fff1cf 0%,var(--gold) 30%,var(--gold2) 60%,#fbe3ad 80%,var(--gold2) 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sheen 7s linear infinite}
@keyframes sheen{to{background-position:-200% 0}}
.lead{font-size:clamp(17px,1.5vw,21px);color:var(--mut);max-width:60ch}
p{margin:0 0 1em}
.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 24px;border-radius:999px;font:700 14px/1 var(--sans);letter-spacing:.04em;text-decoration:none;border:1px solid var(--gold);color:var(--ink);background:linear-gradient(135deg,#f7dfaa,var(--gold2));box-shadow:0 10px 30px -12px rgba(232,200,143,.6);transition:transform .4s var(--ease),box-shadow .4s var(--ease);cursor:pointer}
.btn:hover{transform:translateY(-2px);box-shadow:0 18px 40px -14px rgba(232,200,143,.8)}
.btn.ghost{background:transparent;color:var(--gold)}.btn.red{background:linear-gradient(135deg,#d3162b,var(--red2));border-color:#e0283c;color:#fff;box-shadow:0 10px 30px -12px rgba(179,16,31,.7)}
.btn .ar{transition:transform .4s var(--ease)}.btn:hover .ar{transform:translateX(4px)}
.btns{display:flex;flex-wrap:wrap;gap:12px}
/* header */
.hdr{position:fixed;inset:0 0 auto 0;z-index:50;transition:background .5s,backdrop-filter .5s,transform .5s var(--ease)}
.hdr.scrolled{background:rgba(11,9,8,.78);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border-bottom:1px solid var(--line)}
.hdr.hide{transform:translateY(-100%)}
.hdr .in{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1480px;margin:0 auto;padding:12px var(--pad)}
.brand img{height:56px;width:auto;filter:drop-shadow(0 4px 14px rgba(0,0,0,.6));transition:transform .5s var(--ease)}
.brand:hover img{transform:scale(1.04) rotate(-1deg)}
.nav{display:flex;gap:4px;align-items:center}
.nav a{font:600 13.5px/1 var(--sans);text-decoration:none;color:var(--txt);padding:10px 12px;border-radius:999px;position:relative;transition:color .3s}
.nav a:after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}
.nav a:hover,.nav a[aria-current]{color:var(--gold)}.nav a:hover:after,.nav a[aria-current]:after{transform:scaleX(1)}
.nav .cta{border:1px solid var(--gold);color:var(--gold);margin-left:8px}.nav .cta:after{display:none}.nav .cta:hover{background:var(--gold);color:var(--ink)}
.burger{display:none;width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:rgba(20,16,13,.7);cursor:pointer;position:relative}
.burger i{position:absolute;left:14px;right:14px;height:1.5px;background:var(--gold);transition:transform .4s var(--ease),opacity .3s}.burger i:nth-child(1){top:17px}.burger i:nth-child(2){top:22px}.burger i:nth-child(3){top:27px}
.menu-open .burger i:nth-child(1){transform:translateY(5px) rotate(45deg)}.menu-open .burger i:nth-child(2){opacity:0}.menu-open .burger i:nth-child(3){transform:translateY(-5px) rotate(-45deg)}
.mnav{position:fixed;inset:0;z-index:45;background:radial-gradient(120% 80% at 80% 0%,#2a0a0e 0%,var(--ink) 60%);display:flex;flex-direction:column;justify-content:center;padding:100px var(--pad) 40px;clip-path:circle(0% at calc(100% - 44px) 40px);transition:clip-path .8s var(--ease);visibility:hidden}
.menu-open .mnav{clip-path:circle(150% at calc(100% - 44px) 40px);visibility:visible}
.mnav a{font:800 clamp(28px,8vw,44px)/1.15 var(--disp);text-decoration:none;color:var(--txt);padding:6px 0;opacity:0;transform:translateY(24px);transition:opacity .5s,transform .6s var(--ease),color .3s}
.mnav a small{display:block;font:600 11px/1 var(--orn);letter-spacing:.3em;color:var(--gold);margin-bottom:4px}
.menu-open .mnav a{opacity:1;transform:none}.mnav a:hover{color:var(--gold)}
@media (max-width:1080px){.nav{display:none}.burger{display:block}.brand img{height:44px}}
/* progress */
.prog{position:fixed;top:0;left:0;right:0;height:2px;z-index:60;pointer-events:none}.prog i{display:block;height:100%;background:linear-gradient(90deg,var(--red),var(--gold));transform-origin:0 50%;transform:scaleX(0)}
/* reveal */
.rv{opacity:0;transform:translateY(40px);transition:opacity 1s var(--ease),transform 1.1s var(--ease);transition-delay:calc(var(--i,0)*90ms)}
.rv.vis{opacity:1;transform:none}
.rv-l{transform:translateX(-50px)}.rv-r{transform:translateX(50px)}.rv-s{transform:scale(.92)}
.split .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
.split .w>span{display:inline-block;transform:translateY(105%);transition:transform 1.1s var(--ease);transition-delay:calc(var(--i,0)*55ms)}
.split.vis .w>span{transform:none}
@media (prefers-reduced-motion:reduce){.rv,.split .w>span{opacity:1!important;transform:none!important;transition:none!important}.gold{animation:none}*{scroll-behavior:auto}}
/* sections */
section{position:relative}
.sec{padding:clamp(80px,12vw,170px) 0}
.ivory{background:var(--ivory);color:#1b1410}.ivory .lead{color:#5d4f3f}.ivory .eyebrow{color:var(--red2)}
.ivory .btn.ghost{color:var(--red2);border-color:var(--red2)}
.grain:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
/* hero */
.hero{min-height:100svh;display:grid;align-items:center;padding:120px 0 70px;overflow:hidden;background:radial-gradient(80% 70% at 75% 40%,rgba(179,16,31,.32) 0%,rgba(11,9,8,0) 60%),radial-gradient(60% 60% at 10% 90%,rgba(232,200,143,.10) 0%,rgba(11,9,8,0) 60%),var(--ink)}
.hero .in{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(30px,5vw,90px);align-items:center}
.hero h1{margin:6px 0 24px}.hero h1 .l2{display:block}
.hero .lead{margin-bottom:34px}
.hero-meta{display:flex;flex-wrap:wrap;gap:22px 34px;margin-top:46px;padding-top:26px;border-top:1px solid var(--line)}
.hero-meta b{display:block;font:800 clamp(26px,3vw,38px)/1 var(--disp);color:var(--gold)}.hero-meta span{font-size:13px;color:var(--mut);letter-spacing:.06em}
.ring{position:absolute;width:min(900px,120vw);aspect-ratio:1;right:-18%;top:50%;transform:translateY(-50%);opacity:.22;pointer-events:none;animation:spin 90s linear infinite}
@keyframes spin{to{transform:translateY(-50%) rotate(360deg)}}
.frame{position:relative;border-radius:22px;padding:10px;background:linear-gradient(145deg,#f9e2b0,#8a6127 40%,#f2d391 60%,#6d4a1b);box-shadow:0 40px 90px -30px rgba(0,0,0,.9),0 0 80px -20px rgba(179,16,31,.55)}
.frame>.media{border-radius:14px;overflow:hidden;background:#000;position:relative}
.frame video,.frame img{width:100%;height:auto}
.hero .frame{max-width:440px;margin-left:auto;transform:perspective(1200px) rotateY(-9deg) rotateX(3deg);transition:transform 1s var(--ease)}
.hero .frame:hover{transform:perspective(1200px) rotateY(0) rotateX(0)}
.tag{position:absolute;left:-18px;bottom:28px;background:var(--ink);border:1px solid var(--gold);color:var(--gold);font:600 11px/1 var(--orn);letter-spacing:.25em;padding:10px 14px;border-radius:999px}
.scroll-cue{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);font:600 10px/1 var(--orn);letter-spacing:.35em;color:var(--mut2);display:flex;flex-direction:column;align-items:center;gap:10px}
.scroll-cue i{width:1px;height:46px;background:linear-gradient(var(--gold),transparent);animation:cue 2.2s var(--ease) infinite}
@keyframes cue{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
@media (max-width:860px){.hero .in{grid-template-columns:1fr}.hero .frame{margin:10px auto 0;max-width:360px;transform:none}.ring{right:-60%;opacity:.15}.tag{left:8px}}
/* marquee */
.marq{overflow:hidden;border-block:1px solid var(--line);background:var(--red2);padding:18px 0;white-space:nowrap}
.marq .t{display:inline-flex;gap:46px;animation:marq 38s linear infinite;font:800 clamp(18px,2.4vw,30px)/1 var(--disp);color:#fbe7c0;letter-spacing:.01em;padding-left:46px}
.marq .t span:nth-child(even){color:var(--gold);font-family:var(--orn)}
@keyframes marq{to{transform:translateX(-50%)}}
/* page hero */
.phero{padding:clamp(140px,18vw,220px) 0 clamp(60px,8vw,110px);overflow:hidden;background:radial-gradient(70% 90% at 85% 10%,rgba(179,16,31,.30),rgba(11,9,8,0) 60%),var(--ink)}
.phero .crumb{font:600 12px/1 var(--orn);letter-spacing:.3em;color:var(--mut2);margin-bottom:22px}.phero .crumb a{text-decoration:none;color:var(--gold)}
.phero h1{font-size:clamp(40px,7.4vw,112px);max-width:14ch}.phero .lead{margin-top:26px}
.phero .bigno{position:absolute;right:var(--pad);bottom:-0.18em;font:800 clamp(120px,22vw,360px)/1 var(--orn);color:transparent;-webkit-text-stroke:1px rgba(232,200,143,.22);pointer-events:none}
/* chapters / pathways */
.paths{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2vw,28px);margin-top:60px}
.path{position:relative;display:block;text-decoration:none;padding:34px 30px 30px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01));border:1px solid var(--line);overflow:hidden;transition:transform .6s var(--ease),border-color .4s,background .4s}
.path:hover{transform:translateY(-6px);border-color:rgba(232,200,143,.5);background:linear-gradient(180deg,rgba(179,16,31,.18),rgba(255,255,255,.01))}
.path .n{font:700 64px/1 var(--orn);color:transparent;-webkit-text-stroke:1px var(--gold);display:block;margin-bottom:28px}
.path h3{margin-bottom:12px}.path p{color:var(--mut);margin:0 0 26px}.path .go{font:700 13px/1 var(--sans);letter-spacing:.08em;color:var(--gold)}
@media (max-width:860px){.paths{grid-template-columns:1fr}}
/* split section */
.duo{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,110px);align-items:center}
.duo.rev>:first-child{order:2}
@media (max-width:860px){.duo{grid-template-columns:1fr}.duo.rev>:first-child{order:0}}
/* pinned video */
.pin{height:220vh;position:relative}
.pin .stick{position:sticky;top:0;height:100svh;display:grid;place-items:center;overflow:hidden}
.pin .stage{position:relative;width:min(92vw,1100px);display:grid;grid-template-columns:auto 1fr;gap:clamp(24px,5vw,80px);align-items:center}
.pin .frame{width:min(46vh,420px,80vw);transform:scale(var(--s,.8)) rotate(var(--r,-4deg));transition:transform .1s linear}
.pin .copy h2{font-size:clamp(34px,5vw,74px)}
.pin .bgword{position:absolute;inset:auto 0 6vh 0;text-align:center;font:800 clamp(80px,17vw,280px)/1 var(--disp);color:transparent;-webkit-text-stroke:1px rgba(232,200,143,.12);transform:translateX(var(--x,0));white-space:nowrap;pointer-events:none}
@media (max-width:860px){.pin{height:auto}.pin .stick{position:relative;height:auto;padding:90px 0}.pin .stage{grid-template-columns:1fr;justify-items:center;text-align:center}.pin .frame{width:min(80vw,380px);transform:none}.pin .bgword{display:none}}
/* cards (YGO) */
.ygo{--w:100%;position:relative;aspect-ratio:268/391;perspective:1000px}
.ygo .fl{position:absolute;inset:0;transform-style:preserve-3d;transition:transform 1.2s var(--ease);transition-delay:calc(var(--i,0)*70ms)}
.ygo .f,.ygo .b{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:4.5%;overflow:hidden}
.ygo .f{transform:rotateY(180deg);background:#111}
.ygo .f img{width:100%;height:100%;object-fit:contain}
.ygo .b{background:radial-gradient(circle at 50% 50%,#000 0 17%,transparent 17.5%),radial-gradient(circle at 50% 50%,#f0b45b 0 21%,transparent 21.5%),radial-gradient(ellipse at 50% 50%,#7b3e13 0%,#3a1a07 60%,#1a0b03 100%);border:5px solid #2a1406;box-shadow:inset 0 0 0 2px #a8662a}
.ygo .b:after{content:"";position:absolute;inset:16%;border-radius:50%;background:conic-gradient(from 0deg,#ffb84d22,#ff7a1a55,#ffb84d22,#ff7a1a55,#ffb84d22);filter:blur(3px)}
.ygo.on .fl,.no-flip .ygo .fl{transform:rotateY(180deg)}
.ygo .shine{position:absolute;inset:0;border-radius:4.5%;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.35) 45%,rgba(255,230,160,.25) 52%,transparent 65%);background-size:250% 250%;background-position:var(--sx,100%) 0;mix-blend-mode:screen;opacity:0;transition:opacity .4s;transform:rotateY(180deg);backface-visibility:hidden}
.tilt{transition:transform .5s var(--ease);transform-style:preserve-3d}
.tilt:hover .shine{opacity:1}
/* staples */
.filters{display:flex;flex-wrap:wrap;gap:8px;margin:34px 0 40px}
.chip{border:1px solid var(--line);background:rgba(255,255,255,.03);border-radius:999px;padding:9px 16px;font:600 13px/1 var(--sans);cursor:pointer;transition:all .3s}
.chip[aria-pressed=true],.chip:hover{background:var(--gold);color:var(--ink);border-color:var(--gold)}
.ivory .chip{border-color:rgba(27,20,16,.2)}.ivory .chip[aria-pressed=true],.ivory .chip:hover{background:var(--red2);color:#fff;border-color:var(--red2)}
.stgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:clamp(22px,3vw,40px)}
.st{display:grid;grid-template-columns:118px 1fr;gap:18px;align-items:start;text-decoration:none;cursor:pointer;background:none;border:0;text-align:left;padding:0}
.st .ygo{width:118px}
.st h3{font-size:17px;margin:4px 0 2px}.st .en{font-size:12.5px;color:var(--mut2);margin-bottom:8px}.st p{font-size:14.5px;color:var(--mut);margin:0;line-height:1.5}
.ivory .st p{color:#5d4f3f}.ivory .st .en{color:#8a7a66}
.lim{display:inline-flex;align-items:center;gap:6px;font:700 10.5px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;padding:6px 9px;border-radius:999px;border:1px solid}
.lim.l0{color:#ff6b6b;border-color:#ff6b6b66;background:#ff6b6b14}.lim.l1{color:#ffb347;border-color:#ffb34766;background:#ffb34714}.lim.l2{color:#ffd966;border-color:#ffd96666;background:#ffd96612}.lim.l3{color:#8fd19e;border-color:#8fd19e55;background:#8fd19e10}
.ivory .lim.l0{color:#a3101e;border-color:#a3101e66}.ivory .lim.l1{color:#a35a00;border-color:#a35a0066}.ivory .lim.l2{color:#7a6200;border-color:#7a620066}.ivory .lim.l3{color:#2c6b3a;border-color:#2c6b3a55}
/* banlist */
.bancols{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:50px}
.bancol{border-radius:22px;padding:28px;border:1px solid var(--line);background:rgba(255,255,255,.02)}
.bancol h3{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:18px}.bancol h3 b{font:800 44px/1 var(--disp)}
.bancol.f h3 b{color:#ff6b6b}.bancol.l h3 b{color:#ffb347}.bancol.s h3 b{color:#ffd966}
.bancol ul{list-style:none;margin:0;padding:0;columns:1}.bancol li{padding:7px 0;border-bottom:1px solid rgba(232,200,143,.08);font-size:14.5px;display:flex;gap:10px;align-items:center}
.bancol li button{all:unset;cursor:pointer;display:flex;gap:10px;align-items:center;width:100%}.bancol li button:hover{color:var(--gold)}
.bancol li img{width:28px;height:41px;border-radius:2px;object-fit:contain;flex:none;background:#111}
.bancol li small{display:block;color:var(--mut2);font-size:11.5px}
@media (max-width:980px){.bancols{grid-template-columns:1fr}}
.count{font-variant-numeric:tabular-nums}
/* archive */
.arch-bar{position:sticky;top:76px;z-index:20;background:rgba(11,9,8,.86);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:20px;padding:14px;display:grid;grid-template-columns:1.6fr repeat(3,1fr) auto;gap:10px;align-items:center}
.arch-bar input,.arch-bar select{width:100%;background:#0f0c0a;border:1px solid var(--line);border-radius:12px;padding:12px 14px;min-height:46px}
.arch-bar input::placeholder{color:var(--mut2)}
.arch-bar label{display:block}.arch-bar .lbl{font:600 10px/1 var(--orn);letter-spacing:.2em;color:var(--mut2);display:block;margin:0 0 6px 4px}
@media (max-width:980px){.arch-bar{grid-template-columns:1fr 1fr;top:66px}.arch-bar .q{grid-column:1/-1}}
.arch-info{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;color:var(--mut);font-size:14px;margin:22px 4px}
.cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:22px 18px}
@media (max-width:520px){.cgrid{grid-template-columns:repeat(3,1fr);gap:14px 10px}}
.cc{all:unset;cursor:pointer;display:block;position:relative}
.cc .im{aspect-ratio:268/391;border-radius:5px;overflow:hidden;background:#15110e;box-shadow:0 14px 30px -14px #000;transition:transform .5s var(--ease),box-shadow .5s}
.cc .im img{width:100%;height:100%;object-fit:contain}
.cc:hover .im{transform:translateY(-6px) rotate(-1deg);box-shadow:0 26px 40px -16px #000,0 0 0 1px var(--gold)}
.cc .nm{font-size:13px;line-height:1.3;margin-top:9px;font-weight:600}.cc .ne{font-size:11.5px;color:var(--mut2)}
.cc .lim{position:absolute;top:6px;left:6px;background:rgba(11,9,8,.85);padding:5px 7px;font-size:9.5px}
.cc .sv{position:absolute;top:6px;right:6px;width:28px;height:28px;border-radius:50%;background:rgba(11,9,8,.85);display:grid;place-items:center;color:var(--gold);font-size:15px}
.more{display:flex;justify-content:center;margin:50px 0}
/* modal */
.modal{position:fixed;inset:0;z-index:80;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(5,4,3,.82);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.modal.open{display:flex;animation:fade .4s var(--ease)}
@keyframes fade{from{opacity:0}}
.mbox{position:relative;width:min(980px,100%);max-height:calc(100svh - 40px);overflow:auto;background:linear-gradient(160deg,#1c1511,#0e0b09);border:1px solid var(--line);border-radius:26px;padding:clamp(20px,3vw,40px);display:grid;grid-template-columns:minmax(200px,340px) 1fr;gap:clamp(20px,3vw,44px);animation:pop .6s var(--ease)}
@keyframes pop{from{transform:translateY(30px) scale(.97);opacity:0}}
.mbox .ygo{width:100%}
.mbox h2{font-size:clamp(24px,3vw,38px);margin-bottom:6px}.mbox .en{color:var(--mut2);margin-bottom:16px}
.mbox .meta{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 20px}.mbox .meta span{font-size:12.5px;border:1px solid var(--line);border-radius:999px;padding:6px 11px;color:var(--mut)}
.mbox .desc{font-size:15.5px;line-height:1.65;white-space:pre-line;color:var(--txt)}
.mbox .x{position:absolute;top:14px;right:14px;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#0b0908;cursor:pointer;font-size:20px;color:var(--gold)}
.mbox .src{font-size:12.5px;color:var(--mut2);margin-top:18px}
@media (max-width:720px){.mbox{grid-template-columns:1fr}.mbox .ygo{max-width:230px;margin:0 auto}}
/* guide */
.toc{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:50px}
.toc a{display:block;text-decoration:none;border-top:1px solid var(--gold);padding:18px 4px 0;transition:color .3s}
.toc a b{display:block;font:700 13px/1 var(--orn);letter-spacing:.25em;color:var(--gold);margin-bottom:10px}.toc a span{font:700 18px/1.25 var(--disp)}
.toc a:hover{color:var(--gold)}
@media (max-width:860px){.toc{grid-template-columns:1fr 1fr}}
.chap{padding:clamp(80px,10vw,140px) 0;border-top:1px solid var(--line)}
.chap-h{display:grid;grid-template-columns:auto 1fr;gap:clamp(20px,4vw,60px);align-items:end;margin-bottom:clamp(40px,6vw,80px)}
.chap-h .num{font:800 clamp(80px,13vw,190px)/.8 var(--orn);color:transparent;-webkit-text-stroke:1.5px var(--gold)}
.ivory .chap-h .num{-webkit-text-stroke-color:var(--red2)}
.rules{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(30px,4vw,60px) clamp(30px,5vw,80px)}
.rule h3{margin-bottom:14px;display:flex;gap:14px;align-items:baseline}.rule h3 i{font:700 13px/1 var(--orn);color:var(--gold);font-style:normal;letter-spacing:.2em}
.ivory .rule h3 i{color:var(--red2)}
.rule p{color:var(--mut)}.ivory .rule p{color:#4d4034}
@media (max-width:860px){.rules{grid-template-columns:1fr}}
/* field */
.field{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;max-width:780px;margin:0 auto 70px;perspective:900px}
.field .z{aspect-ratio:268/391;border:1px dashed rgba(232,200,143,.35);border-radius:6px;display:grid;place-items:center;text-align:center;font:600 9.5px/1.2 var(--orn);letter-spacing:.12em;color:var(--mut);padding:4px;transition:background .5s,transform .8s var(--ease);transform:rotateX(var(--rx,25deg))}
.field.vis .z{--rx:0deg}
.field .z.m{background:rgba(179,16,31,.12);border-color:rgba(179,16,31,.6);color:#f2b7a8}.field .z.s{background:rgba(59,111,216,.10);border-color:rgba(91,140,236,.5);color:#bcd0ff}.field .z.k{background:rgba(232,200,143,.10);border-style:solid}
.field .z.e{border:0}
@media (max-width:520px){.field{gap:4px}.field .z{font-size:7px;letter-spacing:.04em}}
/* phases */
.phases{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:0;margin:30px 0 70px;counter-reset:ph}
.phases:before{content:"";position:absolute;left:8%;right:8%;top:27px;height:2px;background:rgba(232,200,143,.15)}
.phases .bar{position:absolute;left:8%;top:27px;height:2px;width:calc(84% * var(--p,0));background:linear-gradient(90deg,var(--red),var(--gold));transition:width .2s linear}
.ph{text-align:center;position:relative}
.ph i{display:grid;place-items:center;margin:0 auto 14px;width:56px;height:56px;border-radius:50%;border:1px solid var(--line);background:var(--ink2);font:700 15px/1 var(--orn);color:var(--mut);font-style:normal;transition:all .5s var(--ease);position:relative;z-index:1}
.ph.on i{background:var(--gold);color:var(--ink);border-color:var(--gold);box-shadow:0 0 30px rgba(232,200,143,.5)}
.ph b{font:700 12px/1.2 var(--sans);letter-spacing:.12em}
@media (max-width:620px){.phases{grid-template-columns:repeat(3,1fr);row-gap:24px}.phases:before,.phases .bar{display:none}}
/* table */
.tbl{width:100%;border-collapse:collapse;font-size:15px}.tbl th,.tbl td{text-align:left;padding:14px 12px;border-bottom:1px solid var(--line);vertical-align:top}.tbl th{font:600 11px/1 var(--orn);letter-spacing:.2em;color:var(--gold)}
.ivory .tbl th{color:var(--red2)}.ivory .tbl td,.ivory .tbl th{border-color:rgba(27,20,16,.14)}
.tblw{overflow-x:auto;-webkit-overflow-scrolling:touch}
/* chain demo */
.chain{display:flex;flex-direction:column;gap:10px;max-width:560px}
.link{display:flex;gap:16px;align-items:center;padding:16px 18px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.03);transform:translateX(var(--tx,0));opacity:var(--o,1);transition:all .7s var(--ease)}
.link b{font:800 22px/1 var(--disp);color:var(--gold);width:44px}.link span{font-size:15px}.link small{display:block;color:var(--mut2);font-size:12.5px}
.link.res{border-color:var(--gold);background:rgba(232,200,143,.12)}
/* FAQ */
.faq{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:64px 1fr 40px;gap:14px;align-items:center;padding:24px 0;font:700 clamp(17px,1.7vw,22px)/1.3 var(--disp)}
.faq summary::-webkit-details-marker{display:none}
.faq summary i{font:700 14px/1 var(--orn);color:var(--gold);font-style:normal;letter-spacing:.15em}
.faq summary:after{content:"+";font:300 30px/1 var(--sans);color:var(--gold);text-align:right;transition:transform .4s var(--ease)}
.faq details[open] summary:after{transform:rotate(45deg)}
.faq .a{padding:0 40px 28px 78px;color:var(--mut);max-width:80ch}.faq .a a{color:var(--gold)}
.ivory .faq,.ivory .faq details{border-color:rgba(27,20,16,.15)}.ivory .faq summary i,.ivory .faq summary:after{color:var(--red2)}.ivory .faq .a{color:#4d4034}.ivory .faq .a a{color:var(--red2)}
@media (max-width:620px){.faq summary{grid-template-columns:40px 1fr 30px}.faq .a{padding:0 0 24px 54px}}
/* calc */
.calc{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:end;max-width:760px}
.calc label span{display:block;font:600 10px/1 var(--orn);letter-spacing:.2em;color:var(--mut2);margin:0 0 8px 4px}
.calc input,.calc select{width:100%;background:#0f0c0a;border:1px solid var(--line);border-radius:12px;padding:12px 14px;min-height:48px}
.calc-out{margin-top:22px;font:700 clamp(18px,2vw,24px)/1.35 var(--disp);color:var(--gold);min-height:2.7em}
@media (max-width:620px){.calc{grid-template-columns:1fr}}
/* decks */
.decks-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:50px}
.dk{position:relative;border-radius:24px;overflow:hidden;border:1px solid var(--line);text-decoration:none;display:block;padding:30px;min-height:300px;background:var(--ink2);transition:transform .6s var(--ease),border-color .4s}
.dk:hover{transform:translateY(-6px);border-color:var(--gold)}
.dk .fan{position:absolute;right:-10px;bottom:-30px;width:190px;height:200px}
.dk .fan img{position:absolute;width:104px;bottom:0;right:40px;border-radius:5px;box-shadow:0 10px 30px #000;transform-origin:50% 120%;transition:transform .7s var(--ease)}
.dk .fan img:nth-child(1){transform:rotate(-16deg)}.dk .fan img:nth-child(2){transform:rotate(-2deg)}.dk .fan img:nth-child(3){transform:rotate(12deg)}
.dk:hover .fan img:nth-child(1){transform:rotate(-26deg) translateX(-10px)}.dk:hover .fan img:nth-child(3){transform:rotate(22deg) translateX(10px)}
.dk small{font:600 11px/1 var(--orn);letter-spacing:.25em;color:var(--gold)}.dk h3{font-size:clamp(24px,2.4vw,32px);margin:14px 0 10px;max-width:9ch}
.dk p{color:var(--mut);font-size:14.5px;max-width:22ch}
@media (max-width:860px){.decks-nav{grid-template-columns:1fr}}
.deck{padding:clamp(70px,9vw,130px) 0;border-top:1px solid var(--line)}
.deck-h{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,80px);margin-bottom:50px}
@media (max-width:860px){.deck-h{grid-template-columns:1fr}}
.kv{display:grid;gap:22px}.kv h4{font:600 11px/1 var(--orn);letter-spacing:.25em;color:var(--gold);margin:0 0 8px}.kv p{color:var(--mut);margin:0}
.dl{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:14px 10px}
.dl .c{position:relative;cursor:pointer;all:unset;display:block;cursor:pointer}
.dl .c img{width:100%;aspect-ratio:268/391;object-fit:contain;border-radius:4px;background:#15110e;transition:transform .4s var(--ease)}
.dl .c:hover img{transform:translateY(-4px)}
.dl .c b{position:absolute;top:-8px;right:-6px;background:var(--gold);color:var(--ink);font:800 12px/1 var(--disp);border-radius:999px;padding:6px 8px}
.dl-h{font:700 13px/1 var(--orn);letter-spacing:.25em;color:var(--gold);margin:40px 0 18px;display:flex;justify-content:space-between}
/* meta archetypes */
.archs{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.arc{display:grid;grid-template-columns:96px 1fr;gap:20px;padding:24px;border-radius:22px;border:1px solid rgba(27,20,16,.14);background:rgba(255,255,255,.45);transition:transform .5s var(--ease),box-shadow .5s}
.arc:hover{transform:translateY(-4px);box-shadow:0 24px 40px -24px rgba(60,30,10,.4)}
.arc img{width:96px;border-radius:4px;box-shadow:0 10px 20px -10px #000}
.arc h3{font-size:21px;margin-bottom:6px}.arc .t{font:600 10.5px/1 var(--orn);letter-spacing:.2em;color:var(--red2);margin-bottom:10px;display:block}.arc p{font-size:14.5px;color:#4d4034;margin:0 0 10px}.arc a{font-size:13px;color:var(--red2);font-weight:700}
@media (max-width:860px){.archs{grid-template-columns:1fr}.ar{grid-template-columns:72px 1fr}.arc img{width:72px}}
/* story / timeline */
.tl{position:relative;margin-top:60px}
.tl:before{content:"";position:absolute;left:clamp(90px,14vw,190px);top:0;bottom:0;width:1px;background:var(--line)}
.tl .rail{position:absolute;left:clamp(90px,14vw,190px);top:0;width:1px;height:calc(100% * var(--p,0));background:linear-gradient(var(--gold),var(--red))}
.ti{display:grid;grid-template-columns:clamp(90px,14vw,190px) 1fr;gap:clamp(24px,4vw,60px);padding:0 0 70px}
.ti .y{font:800 clamp(22px,3vw,40px)/1 var(--orn);color:var(--gold);text-align:right;padding-right:clamp(16px,3vw,40px)}
.ti h3{margin-bottom:12px}.ti p{color:var(--mut);max-width:62ch}
/* gallery */
.gal{columns:3 300px;column-gap:22px}
.gi{break-inside:avoid;margin:0 0 22px;border-radius:18px;overflow:hidden;position:relative;background:#000;border:1px solid var(--line)}
.gi video,.gi img{width:100%;height:auto}
.gi figcaption{position:absolute;left:12px;bottom:12px;font:600 10px/1 var(--orn);letter-spacing:.25em;background:rgba(11,9,8,.75);color:var(--gold);padding:8px 10px;border-radius:999px}
/* chars */
.chars{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.char{position:relative;border-radius:24px;overflow:hidden;background:#000;border:1px solid var(--line)}
.char .art{background:#0d0a08;display:grid;place-items:center;position:relative;aspect-ratio:4/5;overflow:hidden}
.char .art .bl{position:absolute;inset:-10%;background-size:cover;background-position:center;filter:blur(24px) brightness(.5)}
.char .art img{position:relative;max-height:100%;width:auto;max-width:100%;object-fit:contain;transition:transform 1.2s var(--ease)}
.char:hover .art img{transform:scale(1.03)}
.char .tx{padding:24px}.char .tx small{font:600 11px/1 var(--orn);letter-spacing:.3em;color:var(--gold)}.char .tx h3{margin:10px 0 10px}.char .tx p{color:var(--mut);font-size:15px;margin:0}
@media (max-width:860px){.chars{grid-template-columns:1fr}}
/* shops */
.shop{display:grid;grid-template-columns:1.1fr .9fr;gap:0;border-radius:28px;overflow:hidden;border:1px solid var(--line);background:var(--ink2);margin-bottom:34px}
.shop.feat{border-color:var(--gold);box-shadow:0 30px 80px -40px rgba(232,200,143,.45)}
.shop .tx{padding:clamp(26px,4vw,54px)}
.shop .badge{display:inline-flex;gap:8px;align-items:center;font:700 11px/1 var(--orn);letter-spacing:.22em;color:var(--ink);background:var(--gold);padding:8px 12px;border-radius:999px;margin-bottom:22px}
.shop.alt .badge{background:transparent;color:var(--gold);border:1px solid var(--gold)}
.shop h2{font-size:clamp(34px,4.4vw,62px);margin-bottom:16px}
.shop dl{display:grid;grid-template-columns:auto 1fr;gap:12px 22px;margin:28px 0 30px;font-size:15.5px}
.shop dt{font:600 10.5px/1.7 var(--orn);letter-spacing:.2em;color:var(--gold)}.shop dd{margin:0;color:var(--txt)}.shop dd a{color:var(--txt)}
.hours{display:grid;grid-template-columns:auto 1fr;gap:4px 16px}.hours .off{color:var(--mut2)}
.shop .side{position:relative;min-height:340px;background:radial-gradient(100% 80% at 70% 20%,rgba(179,16,31,.45),transparent 60%),#120d0a;display:grid;place-items:center;padding:30px;overflow:hidden}
.shop .side iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:grayscale(.3) contrast(1.05)}
.open-now{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;margin-top:4px}.open-now:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--mut2)}
.open-now.y:before{background:#5bd17a;box-shadow:0 0 0 4px rgba(91,209,122,.2)}
@media (max-width:900px){.shop{grid-template-columns:1fr}.shop .side{min-height:280px}}
.check{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.check label{display:flex;gap:14px;align-items:center;padding:16px 18px;border-radius:14px;border:1px solid var(--line);cursor:pointer;transition:background .3s}
.check input{width:22px;height:22px;accent-color:var(--gold)}
.check label:has(input:checked){background:rgba(232,200,143,.1);border-color:var(--gold)}
/* deck builder */
.builder{display:grid;grid-template-columns:1fr 1.15fr;gap:24px;align-items:start}
.panel{border:1px solid var(--line);border-radius:22px;background:var(--ink2);padding:20px}
.panel h3{font-size:18px;margin-bottom:14px;display:flex;justify-content:space-between;gap:10px;align-items:center}
.res{display:grid;gap:6px;max-height:620px;overflow:auto;margin-top:12px}
.row{display:grid;grid-template-columns:38px 1fr auto;gap:12px;align-items:center;padding:8px;border-radius:12px;border:1px solid transparent}
.row:hover{border-color:var(--line);background:rgba(255,255,255,.02)}
.row img{width:38px;height:55px;object-fit:contain;border-radius:3px;background:#111}
.row .n{font-size:14px;font-weight:600;line-height:1.25}.row .n small{display:block;color:var(--mut2);font-weight:500;font-size:12px}
.row .acts{display:flex;gap:6px}
.sbtn{border:1px solid var(--line);background:#0f0c0a;border-radius:10px;padding:8px 10px;font-size:12.5px;font-weight:700;cursor:pointer;color:var(--gold);min-height:36px}
.sbtn:hover{background:var(--gold);color:var(--ink)}
.sbtn:disabled{opacity:.35;cursor:not-allowed}
.dsel{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:16px}
.dsel select,.dsel input,.panel input[type=search]{background:#0f0c0a;border:1px solid var(--line);border-radius:12px;padding:10px 12px;min-height:44px;width:100%}
.dsel select{flex:1;min-width:160px;width:auto}
.zone{margin-top:18px}.zone h4{font:700 12px/1 var(--orn);letter-spacing:.2em;color:var(--gold);margin:0 0 10px;display:flex;justify-content:space-between}
.zone .row{grid-template-columns:38px 1fr auto}
.warn{color:#ffb347;font-size:13px;margin:8px 0 0}
.stats{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.stats span{font-size:12px;border:1px solid var(--line);border-radius:999px;padding:5px 10px;color:var(--mut)}
@media (max-width:900px){.builder{grid-template-columns:1fr}}
/* footer */
.ftr{padding:90px 0 40px;background:#070605;border-top:1px solid var(--line);position:relative;overflow:hidden}
.ftr .big{font:800 clamp(56px,13vw,210px)/.85 var(--disp);letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1px rgba(232,200,143,.25);margin:0 0 60px;white-space:nowrap}
.ftr .cols{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:30px}
.ftr h4{font:600 11px/1 var(--orn);letter-spacing:.25em;color:var(--gold);margin:0 0 16px}
.ftr ul{list-style:none;padding:0;margin:0;display:grid;gap:9px}.ftr a{text-decoration:none;color:var(--mut)}.ftr a:hover{color:var(--gold)}
.ftr img{height:60px;width:auto;margin-bottom:16px}
.ftr .legal{margin-top:60px;padding-top:24px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;font-size:12.5px;color:var(--mut2)}
.ftr .legal p{max-width:80ch;margin:0}.ftr .geai{color:var(--gold);font-weight:700}
@media (max-width:860px){.ftr .cols{grid-template-columns:1fr 1fr}}
/* misc */
.note{font-size:13px;color:var(--mut2)}.ivory .note{color:#7b6b58}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.kpi b{display:block;font:800 clamp(48px,7vw,100px)/1 var(--disp)}.kpi span{font:600 11px/1.3 var(--orn);letter-spacing:.22em;color:var(--gold)}
.ivory .kpi span{color:var(--red2)}
@media (max-width:620px){.kpis{grid-template-columns:1fr}}
.vplay{position:absolute;right:12px;bottom:12px;width:40px;height:40px;border-radius:50%;border:1px solid var(--gold);background:rgba(11,9,8,.7);color:var(--gold);cursor:pointer;display:grid;place-items:center;font-size:13px}
.fill{position:relative;overflow:hidden;background:#000;display:grid;place-items:center}
.fill .bl{position:absolute;inset:-8%;background-size:cover;background-position:center;filter:blur(26px) brightness(.45);transform:scale(1.1)}
.fill>video,.fill>img{position:relative;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}

section{overflow-x:clip}
.kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.duo .kpi b{font-size:clamp(34px,4.6vw,66px)}
.field{grid-template-columns:repeat(7,minmax(0,1fr))}.field .z{min-width:0;overflow-wrap:anywhere}

.split .gold{background:none!important;animation:none!important;color:inherit}
.split .gold .w>span{background:linear-gradient(100deg,#fff1cf 0%,var(--gold) 30%,var(--gold2) 60%,#fbe3ad 80%,var(--gold2) 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:sheen 7s linear infinite}
.hero-bg{position:absolute;inset:-6%;background:url(/video/yugi-duel-poster.jpg) center/cover no-repeat;filter:blur(40px) saturate(1.2) brightness(.32);transform:scale(1.08);pointer-events:none}
.hero .in{position:relative;z-index:1}
.hero .frame{width:min(460px,100%)}
@media (max-width:860px){.hero{padding-top:96px}.hero .hero-vid{order:-1}.hero .frame{width:min(330px,calc(56svh*720/1048 + 20px));margin:0 auto 8px}.hero .scroll-cue{display:none}.hero-meta{margin-top:30px}}
@media (max-width:620px){.kpis{grid-template-columns:1fr}}
.link.seen{--o:1!important;--tx:0px!important}
.ivory .link{border-color:rgba(27,20,16,.15);background:rgba(255,255,255,.5)}.ivory .link b{color:var(--red2)}.ivory .link small{color:#7b6b58}.ivory .link.res{border-color:var(--red2);background:rgba(179,16,31,.07)}
@media (max-width:620px){.shop .badge{letter-spacing:.12em;font-size:10px}}

.dk>*:not(.fan){position:relative;z-index:1}.dk .fan{width:170px;height:170px;bottom:-56px;right:-14px;opacity:.95}.dk .fan img{width:88px;right:30px}
.dk h3{text-shadow:0 2px 18px rgba(0,0,0,.8)}.dk p{text-shadow:0 1px 10px rgba(0,0,0,.9)}
.teaser-fig{width:min(360px,100%);justify-self:center;margin:0}
[hidden]{display:none!important}

@media (max-width:860px){.dk{min-height:230px}.dk>*:not(.fan){max-width:58%}.dk .fan{width:130px;height:150px;right:-26px;bottom:-60px}.dk .fan img{width:72px;right:26px}}
@media (max-width:620px){.gal{columns:2;column-gap:12px}.gi{margin-bottom:12px;border-radius:12px}.gi figcaption{display:none}}
.duo .kpi b{font-size:clamp(28px,3.1vw,46px)}

/* ===== v3 ===== */
video::-webkit-media-controls,video::-webkit-media-controls-start-playback-button,video::-webkit-media-controls-overlay-play-button,video::-webkit-media-controls-panel{display:none!important;-webkit-appearance:none;opacity:0}
video{pointer-events:none}
.vimg{display:block;width:100%;height:auto}
.hsearch{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);color:var(--gold);margin-left:10px;flex:none;transition:background .3s}
.hsearch:hover{background:rgba(232,200,143,.12)}
.phero.has-vid .wrap{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:clamp(30px,5vw,80px);align-items:center;position:relative;z-index:2}
.pvid .frame{max-width:340px;margin-left:auto;transform:perspective(1200px) rotateY(-8deg) rotate(1.5deg)}
.pvid .frame video{display:block}
@media (max-width:860px){.phero.has-vid .wrap{grid-template-columns:1fr}.pvid .frame{max-width:min(250px,62vw);margin:6px auto 0;transform:none}}
.strip{position:relative;overflow:hidden;padding-top:clamp(50px,7vw,100px)}
.mq{display:flex;white-space:nowrap;font:800 clamp(34px,6vw,90px)/1 var(--disp);letter-spacing:-.03em;color:transparent;-webkit-text-stroke:1px rgba(232,200,143,.35);margin-bottom:clamp(26px,4vw,56px);text-transform:uppercase}
.mq span{animation:mq 38s linear infinite;padding-right:.4em;flex:none}
@keyframes mq{to{transform:translateX(-100%)}}
.strip-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.6vw,22px)}
.vt{position:relative;margin:0;aspect-ratio:4/5;border-radius:18px;overflow:hidden;background:#000;border:1px solid var(--line);box-shadow:0 30px 60px -30px rgba(0,0,0,.9)}
.vt .bl{position:absolute;inset:-30px;background-size:cover;background-position:center;filter:blur(26px) brightness(.5) saturate(1.2)}
.vt video,.vt .vimg{position:relative;width:100%;height:100%;object-fit:contain;display:block}
.vt figcaption{position:absolute;left:10px;bottom:10px;font:600 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;background:rgba(11,9,8,.7);padding:7px 10px;border-radius:99px;color:var(--gold)}
.vt:nth-child(2n){transform:translateY(24px)}
@media (max-width:760px){.strip-g{grid-template-columns:repeat(2,minmax(0,1fr))}.vt:nth-child(2n){transform:translateY(18px)}}
.note.c{text-align:center;margin-top:44px}
/* quick search */
.qs{position:relative;max-width:640px;z-index:20}
.qs-in{display:flex;align-items:center;gap:12px;border:1px solid rgba(232,200,143,.5);background:rgba(11,9,8,.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:999px;padding:6px 6px 6px 22px;box-shadow:0 20px 50px -20px rgba(0,0,0,.8),0 0 0 6px rgba(232,200,143,.06)}
.qs-in svg{flex:none;color:var(--gold)}
.qs-in input{flex:1;min-width:0;background:none;border:0;color:var(--txt);font:600 17px/1.2 var(--sans);padding:14px 0;outline:none}
.qs-in input::placeholder{color:var(--mut2)}
.qs-in:focus-within{border-color:var(--gold);box-shadow:0 0 0 6px rgba(232,200,143,.16)}
.qs-in .btn{padding:13px 18px;font-size:13px}
.qs-r{position:absolute;left:0;right:0;top:calc(100% + 8px);background:#15110d;border:1px solid var(--line);border-radius:20px;padding:8px;display:none;max-height:min(60vh,460px);overflow:auto;box-shadow:0 30px 70px -20px rgba(0,0,0,.95)}
.qs.open .qs-r{display:block}
.qs-r button,.qs-r a{display:flex;width:100%;align-items:center;gap:12px;background:none;border:0;color:var(--txt);text-align:left;padding:8px 10px;border-radius:12px;cursor:pointer;font:600 14px/1.25 var(--sans);text-decoration:none}
.qs-r button:hover,.qs-r button:focus{background:rgba(232,200,143,.1);outline:none}
.qs-r img{width:34px;height:auto;border-radius:3px;flex:none}
.qs-r small{display:block;color:var(--mut2);font-weight:500;font-size:12px}
.qs-r .rn{margin-left:auto;font:800 16px/1 var(--orn);color:var(--gold);min-width:26px;text-align:center}
.qs-r .rn.r0{color:#ff5a5a}
.qs-r .all{justify-content:center;color:var(--gold);border-top:1px solid var(--line);margin-top:4px;border-radius:0 0 12px 12px}
.qs-hint{font-size:13px;color:var(--mut2);margin:12px 0 0 22px}
.hero .qs{margin:30px 0 8px}
/* roman numerals */
.rom{font-family:var(--orn);font-weight:800;line-height:.8;background:linear-gradient(180deg,#fff3d4,#e8c88f 45%,#8a6127);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 18px rgba(232,200,143,.25))}
.rom.r0{background:linear-gradient(180deg,#ffb3b3,#e3303f 50%,#7d0613);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 6px 18px rgba(179,16,31,.4))}
.bl-sec{padding:clamp(40px,6vw,90px) 0}
.bl-head{display:grid;grid-template-columns:auto 1fr auto;gap:clamp(18px,3vw,44px);align-items:end;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:22px}
.bl-head .rom{font-size:clamp(96px,16vw,230px)}
.bl-head h2{font-size:clamp(30px,4.6vw,66px)}
.bl-head p{color:var(--mut);margin:10px 0 0;max-width:52ch}
.bl-head .cnt{font:800 clamp(28px,3vw,44px)/1 var(--disp);color:var(--gold)}
.bl-head .cnt small{display:block;font:600 11px/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--mut2);text-align:right}
.bl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}
.blc{position:relative;display:block;background:none;border:0;padding:0;color:inherit;text-align:left;cursor:pointer}
.blc .im{position:relative;border-radius:10px;overflow:hidden;aspect-ratio:268/391;background:#000;box-shadow:0 18px 40px -20px rgba(0,0,0,.9);transition:transform .5s var(--ease)}
.blc:hover .im{transform:translateY(-6px) rotate(-1deg)}
.blc img{width:100%;height:100%;object-fit:cover;display:block}
.blc .badge{position:absolute;top:8px;right:8px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(11,9,8,.82);border:1px solid var(--gold);font:800 18px/1 var(--orn);color:var(--gold);backdrop-filter:blur(4px)}
.blc .badge.r0{border-color:#e3303f;color:#ff6b6b}
.blc .nm{font:700 13px/1.25 var(--sans);margin-top:10px}
.blc .ne{font-size:11.5px;color:var(--mut2);margin-top:3px}
.bl-ban .blc .im img{filter:grayscale(.55) contrast(1.05)}
.bl-ban .blc .im:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 46%,rgba(227,48,63,.85) 47%,rgba(227,48,63,.85) 53%,transparent 54%)}
.blc[hidden]{display:none}
.bl-sticky{position:sticky;top:0;z-index:30;padding:14px 0;background:linear-gradient(180deg,rgba(11,9,8,.96),rgba(11,9,8,.86));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.bl-sticky .wrap{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.bl-sticky .qs{flex:1 1 360px;max-width:none}
.bl-jump{display:flex;gap:8px;flex-wrap:wrap}
.bl-jump a{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:99px;padding:9px 14px;color:var(--txt);text-decoration:none;font:600 13px/1 var(--sans)}
.bl-jump a b{font:800 15px/1 var(--orn);color:var(--gold)}
.bl-jump a.r0 b{color:#ff6b6b}
.bl-empty{color:var(--mut);padding:20px 0}
.legend{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:40px}
.legend div{border:1px solid var(--line);border-radius:18px;padding:18px;background:rgba(255,255,255,.02)}
.legend .rom{font-size:56px;display:block;margin-bottom:8px}
.legend b{display:block;font:700 15px/1.2 var(--sans)}
.legend span{font-size:13px;color:var(--mut)}
@media (max-width:760px){.legend{grid-template-columns:repeat(2,1fr)}.bl-head{grid-template-columns:auto 1fr}.bl-head .cnt{grid-column:1/-1;text-align:left}.bl-head .cnt small{text-align:left}.bl-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.blc .badge{width:32px;height:32px;font-size:14px;top:5px;right:5px}.blc .nm{font-size:11.5px}.blc .ne{display:none}}
@media (max-width:420px){.bl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.hdr .in{justify-content:flex-start}.hdr .nav{margin-left:auto}
.nav a{padding:10px 10px;font-size:13px}
@media (max-width:1240px){.nav a{padding:10px 8px;font-size:12.5px}}
@media (max-width:1180px){.nav{display:none}.burger{display:block}.hsearch{margin-left:auto}}

.route-bar{position:sticky;top:0;z-index:30;background:rgba(11,9,8,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);border-top:1px solid var(--line)}
.route-bar .wrap{display:flex;align-items:center;gap:16px;padding-top:12px;padding-bottom:12px;font:600 12px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
.rb-steps{display:flex;gap:6px;flex:1;justify-content:center}
.rb-steps a{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);font:800 13px/1 var(--orn);color:var(--gold);text-decoration:none;letter-spacing:0;transition:all .3s}
.rb-steps a:hover,.rb-steps a.on{background:var(--gold);color:var(--ink)}
.rb-n b{color:var(--gold);font-size:16px}
@media (max-width:640px){.route-bar .wrap>span:first-child{display:none}.rb-steps{justify-content:flex-start;gap:4px}.rb-steps a{width:32px;height:32px;font-size:11px}.rb-n{white-space:nowrap}}
.step{display:grid;grid-template-columns:120px minmax(0,1fr);gap:clamp(16px,3vw,40px);padding:clamp(50px,7vw,100px) 0;border-bottom:1px solid var(--line);scroll-margin-top:70px}
.st-rail{position:relative}.st-rail .rom{position:sticky;top:110px;display:block;font-size:clamp(56px,7vw,104px);text-align:center}
.st-head h2{font-size:clamp(30px,4.4vw,62px)}.st-head .lead{margin-top:16px;max-width:60ch}
.st-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:clamp(24px,4vw,60px);margin-top:34px;align-items:start}
.st-vid{position:sticky;top:100px}.st-vid .frame{max-width:320px;margin-left:auto}
.ticks{list-style:none;padding:0;margin:0 0 26px;display:grid;gap:12px}
.ticks li{position:relative;padding-left:34px;line-height:1.55}
.ticks li:before{content:"";position:absolute;left:0;top:.35em;width:18px;height:18px;border-radius:50%;border:1px solid var(--gold);background:radial-gradient(circle,var(--gold) 0 3px,transparent 4px)}
.st-do{border:1px solid var(--line);border-left:3px solid var(--red);border-radius:14px;padding:16px 18px;margin:24px 0;background:rgba(179,16,31,.06)}
.st-do b{font:700 11px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}.st-do p{margin:8px 0 0}
.st-ck{display:inline-flex;gap:10px;align-items:center;margin-top:22px;font-weight:600;color:var(--mut);cursor:pointer}
.st-ck input{width:20px;height:20px;accent-color:#e8c88f}
.kcs{display:flex;flex-wrap:wrap;gap:10px;margin:6px 0 10px}
.kc{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line);background:rgba(255,255,255,.03);border-radius:12px;padding:6px 12px 6px 6px;color:var(--txt);cursor:pointer;text-align:left;font:600 13px/1.2 var(--sans);transition:border-color .3s,transform .3s}
.kc:hover{border-color:var(--gold);transform:translateY(-2px)}
.kc img{width:34px;height:auto;border-radius:3px}.kc small{display:block;color:var(--mut2);font-weight:500;font-size:11.5px}
.around{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.ar-i{border:1px solid var(--line);border-radius:16px;padding:14px;background:rgba(255,255,255,.02)}
.ar-i p{font-size:14px;line-height:1.5;margin:10px 0 0;color:var(--mut)}.ar-i p b{color:var(--txt)}
.gloss{margin:0;display:grid;gap:4px}.gloss dt{font:800 18px/1.2 var(--disp);margin-top:18px}.gloss dd{margin:6px 0 0;color:#5d4f3f}
@media (max-width:860px){.step{grid-template-columns:1fr}.st-rail .rom{position:static;text-align:left;font-size:64px}.st-grid{grid-template-columns:1fr}.st-vid{position:static;order:-1}.st-vid .frame{max-width:240px;margin:0 auto}.around{grid-template-columns:1fr}}
.bl-sticky,.route-bar{transition:top .5s var(--ease)}
.hdr:not(.hide)~main .bl-sticky,.hdr:not(.hide)~main .route-bar{top:80px}
@media (max-width:1080px){.hdr:not(.hide)~main .bl-sticky,.hdr:not(.hide)~main .route-bar{top:68px}}

.ch-nav{position:sticky;top:0;z-index:30;background:rgba(11,9,8,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-block:1px solid var(--line)}
.ch-nav .wrap{display:flex;gap:6px;overflow-x:auto;padding-top:10px;padding-bottom:10px;scrollbar-width:none}
.ch-nav .wrap::-webkit-scrollbar{display:none}
.ch-nav a{flex:none;display:inline-flex;gap:8px;align-items:center;padding:8px 14px;border-radius:99px;border:1px solid var(--line);color:var(--txt);text-decoration:none;font:600 12.5px/1 var(--sans)}
.ch-nav a b{font:800 13px/1 var(--orn);color:var(--gold)}
.hdr:not(.hide)~main .ch-nav{top:80px}@media (max-width:1080px){.hdr:not(.hide)~main .ch-nav{top:68px}}
.chap{padding:clamp(60px,9vw,140px) 0;position:relative;scroll-margin-top:120px}
.chap:nth-of-type(even) .ch-g{direction:rtl}.chap:nth-of-type(even) .ch-g>*{direction:ltr}
.ch-g{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(30px,6vw,110px);align-items:center}
.ch-v .frame{max-width:400px;margin:0 auto}
.ch-n{display:flex;align-items:baseline;gap:18px;margin-bottom:14px}.ch-n .rom{font-size:clamp(70px,9vw,140px)}
.ch-era{font:600 12px/1 var(--orn);letter-spacing:.3em;text-transform:uppercase;color:var(--gold)}
.ch-t h2{font-size:clamp(34px,5vw,72px);margin-bottom:22px}.ch-t p{font-size:clamp(16px,1.25vw,19px);line-height:1.7;color:var(--txt);max-width:58ch}
@supports (animation-timeline:view()){.ch-v .frame{animation:chin linear both;animation-timeline:view();animation-range:entry 0% cover 45%}@keyframes chin{from{transform:scale(.86) rotate(-3deg);opacity:.45}to{transform:none;opacity:1}}}
@media (max-width:860px){.ch-g,.chap:nth-of-type(even) .ch-g{grid-template-columns:1fr;direction:ltr}.ch-v .frame{max-width:min(280px,72vw)}}
.pin-t{max-width:520px}.pin-t h2{font-size:clamp(28px,3.6vw,52px);margin-bottom:16px}
.gtl{list-style:none;margin:60px 0 0;padding:0 0 0 28px;border-left:2px solid var(--red2);display:grid;gap:28px}
.gtl li{position:relative}.gtl li:before{content:"";position:absolute;left:-36px;top:4px;width:14px;height:14px;border-radius:50%;background:var(--red2);box-shadow:0 0 0 5px var(--ivory)}
.gtl .gd{font:800 clamp(18px,2vw,24px)/1.1 var(--disp);color:var(--red2)}.gtl p{margin:6px 0 4px;max-width:70ch;color:#3b2f24;line-height:1.6}.gtl a{font-size:13px;color:#7d0613}
.champs{margin-top:60px;overflow-x:auto}.champs table{width:100%;border-collapse:collapse;min-width:520px;font-size:15px}.champs th,.champs td{text-align:left;padding:12px 10px;border-bottom:1px solid rgba(27,20,16,.15)}.champs th{font:700 11px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#7d0613}.champs h3{margin-bottom:18px}

.dsel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:40px}
.ds{display:flex;gap:16px;align-items:center;border:1px solid var(--line);border-radius:18px;padding:12px;background:rgba(255,255,255,.02);color:var(--txt);text-decoration:none;transition:border-color .3s,transform .4s var(--ease),background .3s}
.ds:hover{border-color:var(--gold);transform:translateY(-4px);background:rgba(232,200,143,.06)}
.ds-im{width:64px;flex:none;border-radius:6px;overflow:hidden;box-shadow:0 10px 24px -10px #000}.ds-im img{display:block;width:100%;height:auto}
.ds-t small{display:block;font:700 10.5px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.ds-t b{display:block;font:800 19px/1.1 var(--disp);margin:7px 0 5px}.ds-t em{font-style:normal;font-size:13px;color:var(--mut)}
.meta-box{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px;margin-top:60px;border:1px solid var(--line);border-radius:24px;padding:clamp(20px,3vw,36px);background:var(--ink2)}
.meta-box h3{margin-bottom:12px}
.mbars{display:grid;gap:9px}
.mb{display:grid;grid-template-columns:150px 1fr 34px;gap:12px;align-items:center;font:600 13px/1.2 var(--sans)}
.mb-b{height:12px;border-radius:99px;background:rgba(255,255,255,.06);overflow:hidden}.mb-b i{display:block;height:100%;width:0;border-radius:99px;transition:width 1.4s var(--ease)}
.mb.vis .mb-b i{width:var(--w)}.mb-v{text-align:right;color:var(--gold);font-weight:800}
.deck-top{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:clamp(24px,5vw,80px);align-items:center}
.deck-vid .frame{max-width:300px;margin-left:auto}
.src-line{margin-top:18px;font-size:15px;color:var(--mut)}.src-line b{color:var(--gold)}.ivory .src-line{color:#5d4f3f}.ivory .src-line b{color:var(--red2)}
.diff{margin-top:8px}.deck .btns{margin-top:24px}.deck .note{margin-top:14px}
.kv3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:46px 0 40px}
.kv3>div{border:1px solid var(--line);border-radius:20px;padding:22px;background:rgba(255,255,255,.02)}
.ivory .kv3>div{border-color:rgba(27,20,16,.14);background:rgba(255,255,255,.45)}
.kv3 h4{font:700 11px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin:0 0 14px}.ivory .kv3 h4{color:var(--red2)}
.kv3 p,.kv3 li{font-size:14.5px;line-height:1.6}.kv3 ul{margin:0;padding-left:18px;display:grid;gap:8px}
.mu{margin:0 0 10px}.mu b{display:block;font:700 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;margin-bottom:5px}.mu.g b{color:#6fbf73}.mu.b b{color:#e3303f}.mu-n{font-size:13px!important;opacity:.8}
.dl .c{position:relative}.dl .c i{position:absolute;top:4px;left:4px;font:800 11px/1 var(--orn);font-style:normal;background:rgba(11,9,8,.85);color:var(--gold);border:1px solid var(--gold);border-radius:99px;padding:4px 6px}
.dl-h small{font-weight:500;opacity:.7;font-size:12px}
@media (max-width:1000px){.dsel{grid-template-columns:repeat(2,minmax(0,1fr))}.kv3{grid-template-columns:1fr}.meta-box{grid-template-columns:1fr}}
@media (max-width:860px){.deck-top{grid-template-columns:1fr}.deck-vid{order:-1}.deck-vid .frame{max-width:min(230px,60vw);margin:0 auto}}
@media (max-width:560px){.dsel{grid-template-columns:1fr}.mb{grid-template-columns:110px 1fr 28px;font-size:12px}}

img{height:auto}
.dl .c img{height:auto!important;aspect-ratio:268/391;object-fit:contain}
.kc img,.qs-r img,.ds-im img{height:auto!important;aspect-ratio:268/391;object-fit:contain}

.ds.on{border-color:var(--gold);background:linear-gradient(135deg,rgba(232,200,143,.16),rgba(232,200,143,.03));box-shadow:0 0 0 1px var(--gold) inset}
.ds.on .ds-t b{color:var(--gold)}
section.deck.open{animation:dkin .7s var(--ease) both}@keyframes dkin{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.tabs-on section.deck{border-top:0}
.dsel-hint{margin-top:16px}
@media (max-width:560px){.dsel{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ds{flex-direction:column;align-items:flex-start;gap:8px;padding:10px}.ds-im{width:44px}.ds-t b{font-size:15px}.ds-t em{display:none}}
.meta-box{margin-top:0}
@media (max-width:860px){.deck-vid{display:none}}
.deck .dl-h:first-of-type{margin-top:34px}
.tabs-on section.deck{padding-top:36px}
.dl-h{gap:14px;align-items:baseline}.dl-h>span:first-child{white-space:nowrap}

.st-bar .wrap{flex-direction:column;align-items:stretch;gap:10px}
.st-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.st-chips::-webkit-scrollbar{display:none}.st-chips .chip{flex:none;padding:8px 13px;font-size:12.5px}
.stg{margin-top:clamp(50px,7vw,90px);scroll-margin-top:170px}
.stg-h{display:grid;grid-template-columns:1fr auto;gap:6px 20px;align-items:end;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:22px}
.stg-h h2{font-size:clamp(28px,4vw,54px)}.stg-h p{grid-column:1;color:var(--mut);margin:0}.stg-h span{grid-row:1/3;grid-column:2;font:800 clamp(40px,5vw,72px)/1 var(--orn);color:var(--gold)}
.stg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:14px}
.stc{display:grid;grid-template-columns:96px 1fr;gap:16px;border:1px solid var(--line);border-radius:18px;padding:14px;background:rgba(255,255,255,.02);transition:border-color .3s}
.stc:hover{border-color:rgba(232,200,143,.45)}.stc[hidden]{display:none}
.stc-im{all:unset;cursor:pointer;position:relative;display:block;align-self:start}.stc-im img{width:100%;height:auto!important;aspect-ratio:268/391;object-fit:contain;border-radius:6px;display:block;box-shadow:0 12px 26px -12px #000;transition:transform .4s var(--ease)}
.stc-im:hover img{transform:translateY(-4px) rotate(-1.5deg)}
.stc-im .badge{position:absolute;top:-8px;right:-8px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--ink);border:1px solid var(--gold);font:800 14px/1 var(--orn);color:var(--gold)}.stc-im .badge.r0{border-color:#e3303f;color:#ff6b6b}
.stc h3{font-size:17px;letter-spacing:-.01em}.stc .it{font-size:12.5px;color:var(--mut2);margin:4px 0 0}.stc .lvl{display:inline-block;margin-left:6px;color:var(--gold)}
.stc .nt{font-size:14px;line-height:1.5;margin:10px 0}.stc .hs{font-size:13px;line-height:1.5;margin:0 0 10px;padding:10px 12px;border-radius:10px;background:rgba(232,200,143,.07);border:1px solid var(--line)}.stc .hs b,.stc .ui b{display:block;font:700 10.5px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:5px}
.ubs{display:grid;gap:5px}.ub{display:grid;grid-template-columns:40px 1fr 30px;gap:8px;align-items:center;font-size:11.5px;color:var(--mut)}.ub em{font-style:normal}.ub i{height:6px;border-radius:9px;background:rgba(255,255,255,.07);position:relative;overflow:hidden}.ub i:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);background:linear-gradient(90deg,var(--gold3),var(--gold));border-radius:9px}.ub b{color:var(--gold);text-align:right}
.ui{font-size:12.5px;color:var(--mut);margin:10px 0 0;line-height:1.45}
.st-int{display:grid;grid-template-columns:260px 1fr;gap:40px;align-items:center;margin-top:70px}.st-int .frame{max-width:260px}
@media (max-width:760px){.stg-grid{grid-template-columns:1fr}.stc{grid-template-columns:84px 1fr;gap:12px}.st-int{grid-template-columns:1fr;gap:20px;justify-items:center;text-align:center}.st-int .frame{max-width:220px}}

.dir-f{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:34px 0 14px}
.dir-f .chips{display:flex;gap:8px}
.sel{display:flex;align-items:center;gap:8px;font:600 13px/1 var(--sans);color:var(--mut)}.sel select{background:var(--ink2);color:var(--txt);border:1px solid var(--line);border-radius:99px;padding:10px 14px;font:600 13px/1 var(--sans)}
.tgl{display:inline-flex;align-items:center;gap:8px;font:600 13px/1 var(--sans);cursor:pointer}.tgl input{width:18px;height:18px;accent-color:#e8c88f}
.dir-q{flex:1 1 240px;padding:2px 14px;max-width:360px}.dir-q input{padding:11px 0;font-size:15px}
.dir-n{font:700 12px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin:6px 0 18px}
.dir{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.shopc{border:1px solid var(--line);border-radius:20px;padding:20px;background:rgba(255,255,255,.02);display:flex;flex-direction:column;gap:10px;transition:border-color .3s,transform .4s var(--ease)}
.shopc:hover{border-color:rgba(232,200,143,.5);transform:translateY(-3px)}
.shopc.feat{border-color:var(--gold);background:linear-gradient(145deg,rgba(232,200,143,.14),rgba(179,16,31,.08))}
.sc-top{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.sc-reg{font:700 10.5px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--mut);margin-right:auto}
.tag-p,.tag-g,.tag-v{font:800 10.5px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;padding:5px 8px;border-radius:99px}
.tag-p{background:var(--gold);color:var(--ink)}.tag-g{background:var(--red);color:#fff}.tag-v{border:1px dashed var(--mut);color:var(--mut)}
.shopc h3{font-size:20px}.sc-a{margin:0;color:var(--mut);font-size:14px}.sc-h{margin:0;font-size:13px;color:var(--gold)}
.sc-o{display:flex;flex-wrap:wrap;gap:6px}.sc-o span{font-size:11.5px;border:1px solid var(--line);border-radius:99px;padding:5px 9px;color:var(--txt)}
.sc-l{display:flex;flex-wrap:wrap;gap:6px 14px;font:600 13px/1.4 var(--sans)}.sc-l a{color:var(--gold)}
.shopc details{font-size:12.5px;color:var(--mut);border-top:1px solid var(--line);padding-top:10px;margin-top:auto}.shopc summary{cursor:pointer;font-weight:700}.shopc details p{margin:8px 0;line-height:1.5}.shopc details a{color:var(--gold)}
.comm{list-style:none;margin:0;padding:0;display:grid;gap:20px}.comm li{display:flex;flex-direction:column;gap:6px}.comm b{font:800 19px/1.2 var(--disp)}.comm span{color:#5d4f3f;line-height:1.55}.comm a{color:var(--red2);font-weight:700;font-size:14px;margin-right:10px}
.sform{display:grid;gap:14px;border:1px solid var(--line);border-radius:24px;padding:clamp(18px,3vw,30px);background:var(--ink2)}
.sform label{display:grid;gap:6px;font:600 13px/1.2 var(--sans);color:var(--mut)}
.sform input{background:var(--ink);border:1px solid var(--line);border-radius:12px;padding:13px 14px;color:var(--txt);font:500 15px/1.2 var(--sans)}
.sform input:focus{outline:none;border-color:var(--gold)}
.sform .btn{justify-self:start}
@media (max-width:560px){.dir{grid-template-columns:1fr}.dir-q{max-width:none}}
.st-bar .wrap>*{min-width:0;max-width:100%}.st-chips{width:100%}
.dir-f>*{min-width:0}
.totop{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:60;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:rgba(11,9,8,.85);border:1px solid var(--gold);color:var(--gold);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;transform:translateY(20px);pointer-events:none;transition:all .4s var(--ease)}
.totop.on{opacity:1;transform:none;pointer-events:auto}
.mnav a{min-height:44px}.chip,.ds,.kc,.rb-steps a{min-height:40px}
.mnav{overflow-y:auto;-webkit-overflow-scrolling:touch}
@media (max-width:860px){.carte-hero .pvid .frame{max-width:150px}}
.st-bar .qs{flex:none}
@media (min-width:861px){.st-chips{flex-wrap:wrap;overflow:visible}}