.royal-rain{perspective:650px;pointer-events:none;z-index:10;contain:layout paint;background:0 0;height:100%;position:absolute;top:0;left:0;overflow:hidden}.royal-drop{top:0;left:var(--x);width:44px;height:66px;filter:blur(var(--blur)) brightness(var(--dim,1));animation:royal-fall var(--dur) linear var(--delay) infinite;transform-style:preserve-3d;will-change:transform;position:absolute}.royal-card{width:44px;height:66px;transform-style:preserve-3d;animation:royal-flip var(--flip) ease-in-out var(--phase) infinite alternate;position:relative}.royal-face{box-sizing:border-box;backface-visibility:hidden;color:#28232b;background:linear-gradient(135deg,#fff0cc,#e1c797 55%,#c2a373);border:2px solid #ae8745;border-radius:4px;font-family:Georgia,serif;position:absolute;inset:0;box-shadow:inset 0 0 0 2px #f7e4b5,0 3px 9px #0008}.royal-face:before{content:"";border:1px solid #9d7336;border-radius:2px;position:absolute;inset:4px}.royal-face:after{content:"";border:1px solid #c29a54;border-radius:1px;position:absolute;inset:7px}.royal-face.red{color:#962d3c}.royal-face .rank{font-size:11px;font-weight:700;line-height:1;position:absolute;top:3px;left:5px}.royal-face .rank.bottom{inset:auto 5px 3px auto;transform:rotate(180deg)}.royal-face .suit{text-shadow:0 1px 1px #fff9;justify-content:center;align-items:center;font-size:23px;display:flex;position:absolute;inset:0}.royal-face .crown{text-align:center;color:#ad803b;font-size:11px;position:absolute;top:9px;left:0;right:0}.royal-face .flourish{text-align:center;color:#ad803b;font-size:11px;position:absolute;bottom:9px;left:0;right:0}.royal-face .side{color:#b38b4c;font-size:8px;position:absolute;top:25px}.royal-face .side.left{left:4px}.royal-face .side.right{right:4px}.royal-back{color:#e5bd72;background:linear-gradient(135deg,#5b1927,#240a12 65%,#5c2030);border-color:#d2a85e;transform:rotateY(180deg);box-shadow:inset 0 0 0 2px #9b6d36,0 3px 9px #0009}.royal-back:before{border:2px solid #c69a52}.royal-back:after{border:1px solid #9e7138}.royal-back .crest{text-shadow:0 1px 4px #000;justify-content:center;align-items:center;font-size:24px;display:flex;position:absolute;inset:0}.royal-back .orn-top,.royal-back .orn-bottom{text-align:center;font-size:12px;position:absolute;left:0;right:0}.royal-back .orn-top{top:7px}.royal-back .orn-bottom{bottom:7px}@keyframes royal-fall{0%{transform:translate3d(0,-110px,-75px) rotateZ(-24deg) scale(var(--scale));opacity:0}8%{opacity:1}35%{transform:translate3d(calc(var(--drift)*.4),30vh,65px) rotateZ(13deg) scale(var(--scale));opacity:1}65%{transform:translate3d(calc(var(--drift)*.7),68vh,-40px) rotateZ(-13deg) scale(var(--scale));opacity:1}90%{opacity:1}to{transform:translate3d(var(--drift),calc(100vh + 110px),35px) rotateZ(19deg) scale(var(--scale));opacity:0}}@keyframes royal-flip{0%{transform:rotateY(-35deg)rotateX(18deg)rotate(-12deg)}50%{transform:rotateY(95deg)rotateX(-28deg)rotate(9deg)}to{transform:rotateY(215deg)rotateX(20deg)rotate(-10deg)}}@media (prefers-reduced-motion:reduce){.royal-drop,.royal-card{animation:none}.royal-drop{display:none}}.has-card-back .royal-back{background:var(--card-back) center / cover}.has-card-back .royal-back>span{display:none}.royal-front{background:0 0;border:none;border-radius:4px;box-shadow:0 3px 9px #0008}.royal-front:before,.royal-front:after{display:none}.royal-front .card{--w:44px;cursor:default;pointer-events:none;border-radius:4px;height:66px;transition:none}.top-screen .royal-rain.front{z-index:12}.royal-rain.front .royal-drop{animation-name:royal-fall-front}@keyframes royal-fall-front{0%{transform:translate3d(0, -140px, 0) rotateZ(-20deg) scale(var(--scale));opacity:0}4%{opacity:1}42%{transform:translate3d(calc(var(--drift) * .6), 60vh, 30px) rotateZ(12deg) scale(var(--scale));opacity:1}55%{transform:translate3d(var(--drift), calc(100vh + 140px), 20px) rotateZ(20deg) scale(var(--scale));opacity:1}56%,to{transform:translate3d(var(--drift), calc(100vh + 140px), 20px) rotateZ(20deg) scale(var(--scale));opacity:0}}.card{--w:54px;width:var(--w);height:calc(var(--w) * 1.45);background:linear-gradient(160deg, var(--parchment), var(--parchment-2));color:var(--ink);-webkit-user-select:none;user-select:none;border:2px solid #0000;border-radius:7px;flex:none;position:relative;box-shadow:0 0 0 .5px #28180a8c,0 2px 5px #00000080}.card.red{color:var(--suit-red)}.card .rank{font-family:var(--font-num);font-weight:700;font-size:calc(var(--w) * .36);line-height:1;position:absolute;top:3px;left:5px}.card .suit-small{top:calc(var(--w) * .4);font-size:calc(var(--w) * .24);line-height:1;position:absolute;left:5px}.card .suit-big{font-size:calc(var(--w) * .5);opacity:.9;line-height:1;position:absolute;bottom:3px;right:5px}.card .card-art{top:calc(var(--w) * .05);bottom:calc(var(--w) * .05);left:calc(var(--w) * .22);right:calc(var(--w) * .05);pointer-events:none;mix-blend-mode:multiply;background:50% 30%/cover no-repeat;border-radius:2px;position:absolute;box-shadow:0 0 0 1px #785a288c}.card.has-art{isolation:isolate}.card.has-art .rank{top:3px;left:calc(var(--w) * .03);width:calc(var(--w) * .31);text-align:center;font-size:calc(var(--w) * .36)}.card.has-art .suit-small{top:calc(var(--w) * .4);left:calc(var(--w) * .03);width:calc(var(--w) * .31);text-align:center;font-size:calc(var(--w) * .24)}.card.has-art:not(.joker) .card-art{left:calc(var(--w) * .4);background-position:50% 30%;border-radius:3px}.card.has-art .suit-big{display:none}.card.joker.has-art{color:var(--suit-red);border-color:var(--gold)}.card.joker.has-art .rank{writing-mode:vertical-rl;font-size:calc(var(--w) * .15);letter-spacing:.02em;top:calc(var(--w) * .06);width:calc(var(--w) * .22);align-items:center;display:flex;left:0}.card .card-art .art-pip{font-size:calc(var(--w) * .34);color:inherit;mix-blend-mode:normal;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card .card-art .art-pip.two{font-size:calc(var(--w) * .32);top:50%}.gold-frame{box-shadow:none;background:0 0;border:18px solid #0000;border-image:url(/assets/frame-gold-plain-e-dFS5rc.webp) 60 fill/18px;border-radius:0;position:relative}.gold-frame:before,.gold-frame:after{content:"";pointer-events:none;z-index:2;background:50%/contain no-repeat;width:36px;height:18px;position:absolute;left:50%;transform:translate(-50%)}.gold-frame:before{background-image:url(/assets/frame-gold-orn-top-DsLVhpgc.webp);top:-18px}.gold-frame:after{background-image:url(/assets/frame-gold-orn-bottom-BOhWsiHn.webp);bottom:-18px}.gf-tabs{grid-auto-columns:1fr;grid-auto-flow:column;align-items:start;gap:6px;display:grid}.gf-tab{appearance:none;box-sizing:border-box;cursor:pointer;height:60px;font:inherit;color:#e8d6ae;flex-direction:column;justify-content:center;align-items:center;gap:1px;margin:0;padding:0 2px;line-height:1.2;display:flex}.gf-tab b{font-family:"Shippori Mincho", var(--font-ja);letter-spacing:.1em;font-size:14px}.gf-tab small{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:10px;overflow:hidden}.gf-tab:not(.on)>*{opacity:.75}.gf-tab.on b{color:#ffe39a;text-shadow:0 0 8px #f0c86e99}.gf-tab{height:70px}.gf-tab b{font-size:15px}.gf-tab small{font-size:10.5px}.gf-tab{position:relative}.gf-tab-mark{background:0 0;border-radius:2px;height:3px;position:absolute;bottom:-6px;left:22%;right:22%}.gf-tab.on .gf-tab-mark{background:linear-gradient(90deg,#0000,#ffe39a 20%,#fff4c8 50%,#ffe39a 80%,#0000);box-shadow:0 0 8px #ffdc8ce6}.gf-tab:not(.on)>b,.gf-tab:not(.on)>small{opacity:.6}.gf-tab.on>small{color:#f0d48a}:root{--bg:#0b0806;--bg-2:#17100c;--felt:#4a1620;--gold:#d4ad5a;--gold-dim:#8f733a;--gold-glow:#f0c4648c;--gold-head:#f0d48a;--parchment:#f1e4c4;--parchment-2:#dcc898;--ink:#2a1c12;--suit-red:#a3242b;--text:#efe3c9;--text-dim:#a8987a;--font-num:"Cinzel", "Times New Roman", serif;--font-ja:"Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;--font-brush:"Yuji Syuku", "Shippori Mincho", serif;--font-old:"Zen Old Mincho", "Shippori Mincho", serif;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-deal:cubic-bezier(.2, .9, .25, 1.08)}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-ja);-webkit-font-smoothing:antialiased;line-height:1.8;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.static-intro{text-align:center;max-width:640px;margin:0 auto;padding:96px 20px}.static-intro h1{font-family:var(--font-num);color:var(--gold-head);letter-spacing:.1em;margin-bottom:16px}.grain{z-index:60;pointer-events:none;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");animation:1.2s steps(4,end) infinite grain;position:fixed;inset:-50%}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-2%,-1%)}to{transform:translate(0)}}.candle{z-index:40;pointer-events:none;mix-blend-mode:soft-light;background:radial-gradient(60vmax 50vmax at 50% 18%,#ffc46e61,#0000 70%);animation:5.2s infinite flicker;position:fixed;inset:0}.candle.follow{background:radial-gradient(28vmax 28vmax at var(--mx) var(--my), #ffc8786b, transparent 70%), radial-gradient(60vmax 50vmax at 50% 18%, #ffc46e38, transparent 70%)}@keyframes flicker{0%,to{opacity:.9}8%{opacity:.78}12%{opacity:.95}31%{opacity:.84}44%{opacity:1}58%{opacity:.8}63%{opacity:.92}79%{opacity:.86}}.embers{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.relic-medal{box-sizing:border-box;background:radial-gradient(circle at 35% 30%,#3b2c20,#140e0a);border:2.5px solid #f2c45a;border-radius:50%;flex:none;place-items:center;width:46px;height:46px;display:grid;overflow:hidden;box-shadow:0 0 10px #f2c45a80,0 3px 8px #0009}.relic-medal img{object-fit:cover;width:100%;height:100%;transform:scale(1.22)}.topbar{z-index:30;padding:calc(env(safe-area-inset-top,0px) + 12px) 16px 12px;background:linear-gradient(#0b0806d9,#0b080600);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.topbar-mark{font-family:var(--font-num);letter-spacing:.32em;color:var(--gold);font-size:13px;font-weight:700}.sound{border:1px solid var(--gold-dim);color:var(--text-dim);letter-spacing:.2em;border-radius:999px;align-items:center;gap:6px;padding:6px 12px 6px 10px;font-size:12px;transition:color .3s,border-color .3s,box-shadow .3s;display:inline-flex}.sound svg{width:16px;height:16px}.sound.on{color:var(--gold-head);border-color:var(--gold);box-shadow:0 0 14px var(--gold-glow)}.title-hero{isolation:isolate;text-align:center;min-height:100svh;padding:calc(env(safe-area-inset-top,0px) + 72px) 16px 120px;place-items:center;display:grid;position:relative;overflow:hidden}.th-bg{z-index:-2;--sz:min(100vw, 900px);background:radial-gradient(ellipse at 50% 36%, #ffc4641f, transparent 55%), linear-gradient(to bottom, #0a02028c, transparent 30%), linear-gradient(to bottom, #2a0101 calc(100% - var(--sz)), #2a010100 calc(100% - var(--sz) * .55)), linear-gradient(to right, #2a0101 calc(50% - var(--sz) / 2), #2a010100 calc(50% - var(--sz) * .3), #2a010100 calc(50% + var(--sz) * .3), #2a0101 calc(50% + var(--sz) / 2)), var(--splash) center bottom / var(--sz) auto no-repeat, #2a0101;position:absolute;inset:0}.th-bg:after{content:"";background:linear-gradient(180deg, transparent 92%, var(--bg) 100%);position:absolute;inset:0}.title-hero .royal-rain{z-index:0}.title-hero .royal-rain.front{z-index:12}.th-inner{z-index:11;justify-items:center;gap:14px;width:100%;max-width:640px;display:grid;position:relative}.th-logo{width:min(92%,400px);animation:fade-up 1.2s .2s var(--ease-out) both;line-height:0;position:relative}.th-logo img{filter:drop-shadow(0 6px 24px #000000b3)drop-shadow(0 0 30px #f0c4642e);width:100%;height:auto}.th-sweep{pointer-events:none;-webkit-mask:var(--logo) center / 100% 100% no-repeat;-webkit-mask:var(--logo) center / 100% 100% no-repeat;mask:var(--logo) center / 100% 100% no-repeat;animation:sweep 1.1s 1s var(--ease-out) both;background:linear-gradient(105deg,#0000 38%,#fff6d6f2 50%,#0000 62%) 160% 0/300% 100% no-repeat;position:absolute;inset:0}@keyframes sweep{0%{background-position:160% 0}to{background-position:-60% 0}}.th-reading{letter-spacing:.6em;color:var(--gold);text-shadow:0 1px 3px #000,0 0 12px #000000e6;animation:fade-up 1.2s .4s var(--ease-out) both;margin-top:-8px;padding-left:.6em;font-size:12px;line-height:1.8}.th-catch{letter-spacing:.12em;color:var(--parchment);text-shadow:0 1px 3px #000,0 0 12px #000000e6;white-space:nowrap;margin-top:18px;font-size:17px;font-weight:500;line-height:1.8}.th-catch span{animation:.6s cubic-bezier(.25,1.4,.5,1) both catch-drop;display:inline-block}@keyframes catch-drop{0%{opacity:0;transform:translateY(-18px)}60%{opacity:1}to{opacity:1;transform:none}}.th-date{animation:fade-up 1s 2.2s var(--ease-out) both;align-items:baseline;gap:10px;margin-top:34px;display:flex}.th-date-num{font-family:var(--font-num);letter-spacing:.08em;color:var(--gold-head);text-shadow:0 2px 12px #000;font-size:22px;font-weight:700}.th-date-label{letter-spacing:.5em;color:var(--text);text-shadow:0 1px 6px #000;font-size:13px}.th-seal{animation:fade-up 1s 2.6s var(--ease-out) both}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.hero-down{z-index:11;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 18px);letter-spacing:.4em;color:var(--text);text-shadow:0 1px 4px #000;justify-items:center;gap:6px;padding-left:.4em;font-size:11px;animation:1s 3s both fade-in;display:grid;position:absolute;transform:translate(-50%)}.hero-down i{background:linear-gradient(var(--gold), transparent);width:1px;height:34px;animation:drip 2.2s var(--ease-out) infinite;transform-origin:top}@keyframes drip{0%{opacity:1;transform:scaleY(0)}70%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.deal-scene{isolation:isolate;text-align:center;place-items:center;min-height:100svh;padding:96px 16px;display:grid;position:relative;overflow:hidden}.ds-bg{z-index:-2;background:var(--deal-bg) center 30% / cover no-repeat;filter:brightness(.45)saturate(.9);animation:38s ease-in-out infinite alternate kenburns;position:absolute;inset:-4%}.ds-bg:after{content:"";background:radial-gradient(ellipse 80% 60% at 50% 45%, transparent 30%, #0b0806bf 100%), linear-gradient(180deg, var(--bg) 0%, #0b080633 22%, #0b080659 75%, var(--bg) 100%);position:absolute;inset:0}@keyframes kenburns{0%{transform:scale(1.02)}to{transform:scale(1.12)translateY(-2%)}}.deal-scene .embers{z-index:-1}.ds-inner{justify-items:center;gap:14px;width:100%;max-width:1180px;display:grid}.deal-scene .act-title,.ds-line span{opacity:0;transition:opacity .9s var(--ease-out), transform .9s var(--ease-out), filter .9s var(--ease-out)}.deal-scene .act-title{transform:translateY(8px)}.deal-scene:not([data-step="0"]) .act-title{opacity:1;transform:none}.ds-line{font-family:var(--font-brush);color:var(--parchment);text-shadow:0 2px 18px #000000f2;font-size:clamp(30px,8.4vw,56px);line-height:1.35}.ds-line span{filter:blur(8px);display:block;transform:translateY(6px)}.ds-line span+span{color:var(--gold-head);transition-delay:.35s}.deal-scene:not([data-step="0"]) .ds-line span{opacity:1;filter:none;transform:none}.deal{perspective:1200px;width:100%;height:calc(1.456*clamp(104px,28vw,200px) + 34px);margin-top:18px;position:relative}.deal-card{--w:clamp(104px, 28vw, 200px);width:var(--w);aspect-ratio:627/913;margin-left:calc(var(--w) / -2);transform:translate(calc(var(--i) * 18vw), -110vh) rotate(calc(var(--i) * 40deg - 20deg));opacity:0;transition:transform .75s var(--ease-deal), opacity .3s, filter .3s;transition-delay:calc((var(--i) + 1) * .12s);-webkit-tap-highlight-color:transparent;position:absolute;top:0;left:50%}.deal-scene[data-step="2"] .deal-card,.deal-scene[data-step="3"] .deal-card{opacity:1;transform:translateX(calc(var(--i) * min(24vw, 170px))) translateY(calc(var(--lift) * 14px)) rotate(calc(var(--i) * 9deg))}.dc-inner{transform-style:preserve-3d;transition:transform .7s var(--ease-out);transition-delay:calc((var(--i) + 1) * .16s);position:absolute;inset:0}.deal-scene[data-step="3"] .dc-inner{transform:rotateY(180deg)}.dc-face{backface-visibility:hidden;border-radius:6px;position:absolute;inset:0;overflow:hidden}.dc-back{background:50%/cover no-repeat;box-shadow:0 10px 28px #000000b3,inset 0 0 0 1px #d4ad5a80}.dc-front{filter:drop-shadow(0 14px 22px #000c);overflow:visible;transform:rotateY(180deg)}.dc-art{object-fit:cover;object-position:50% 15%;clip-path:polygon(2% 1%,98% 1%,100% 99%,0 99%);width:85%;height:82%;position:absolute;top:12%;left:7%}.dc-frame{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.dc-label{letter-spacing:.18em;color:var(--gold-head);text-align:center;background:linear-gradient(#0000,#0b0806eb 55%);padding:20% 4% 6%;font-size:clamp(12px,3.4vw,19px);font-weight:800;line-height:1.3;position:absolute;bottom:6%;left:7%;right:8%}.dc-label small{letter-spacing:.3em;color:var(--text-dim);font-size:.62em;font-weight:500;display:block}@media (hover:hover){.deal-scene[data-step="3"] .deal-card:hover{transform:translateX(calc(var(--i) * min(24vw, 170px))) translateY(calc(var(--lift) * 14px - 16px)) rotate(calc(var(--i) * 6deg)) scale(1.05);filter:drop-shadow(0 0 18px var(--gold-glow));z-index:2;transition-delay:0s}}.seal-btn{align-items:center;gap:10px;margin-top:10px;padding:4px 18px 4px 4px;display:inline-flex}.seal-btn img{filter:drop-shadow(0 4px 10px #000c);width:54px;height:54px;transition:transform .4s var(--ease-out), filter .4s}.seal-btn span{letter-spacing:.3em;color:var(--gold-head);border-bottom:1px solid var(--gold-dim);text-shadow:0 1px 6px #000;padding-bottom:2px;font-weight:700}.seal-btn:hover img,.seal-btn:focus-visible img{filter:drop-shadow(0 0 14px #c82828b3);transform:rotate(-12deg)scale(1.08)}.seal-btn:active img{transform:scale(.92)}.act{isolation:isolate;text-align:center;align-content:center;justify-items:center;min-height:100svh;padding:96px 20px;display:grid;position:relative;overflow:hidden}.act-bg{z-index:-1;background:var(--act-bg) center / cover no-repeat;filter:brightness(.35);position:absolute;inset:0}.act-bg:after{content:"";background:linear-gradient(180deg, var(--bg) 0%, transparent 25%, transparent 70%, var(--bg) 100%);position:absolute;inset:0}.act-title{justify-items:center;gap:4px;display:grid}.act-no{letter-spacing:.6em;color:var(--gold);padding-left:.6em;font-size:13px}.act-place{font-family:var(--font-brush);color:var(--gold-head);text-shadow:0 2px 20px #000000e6;font-size:clamp(36px,10vw,64px);line-height:1.3}.act-lead{color:var(--text-dim);margin-top:20px;font-size:13px}.concept{align-content:start;gap:72px;padding:110px 20px 120px}.concept .act-bg{filter:brightness(.3)saturate(.85)}.cc-head>*,.pillar .pi-shot,.pillar .pi-body,.cc-ladder p{opacity:0;transition:opacity 1s var(--ease-out), transform 1s var(--ease-out);transform:translateY(16px)}.cc-head.seen>*,.pillar.seen .pi-shot,.pillar.seen .pi-body,.cc-ladder.seen p{opacity:1;transform:none}.cc-head{justify-items:center;gap:16px;display:grid}.cc-head.seen>:nth-child(2){transition-delay:.15s}.cc-head.seen>:nth-child(3){transition-delay:.3s}.cc-lead{font-family:var(--font-old);white-space:nowrap;color:var(--parchment);text-shadow:0 2px 10px #000;font-size:clamp(14px,4.1vw,22px);line-height:1.9;display:grid}.cc-genres{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;display:flex}.cc-genres>span{align-items:center;gap:6px;display:inline-flex}.cc-genres b{border:1px solid var(--gold);letter-spacing:.08em;white-space:nowrap;color:var(--gold-head);background:#0b080699;border-radius:2px;padding:4px 10px;font-size:13px;font-weight:700;box-shadow:inset 0 0 0 3px #0b0806cc,inset 0 0 0 4px #d4ad5a59}.cc-genres i{font-style:normal;font-family:var(--font-num);color:var(--gold-dim)}.cc-pillars{gap:72px;width:100%;max-width:980px;display:grid}.pillar{justify-items:center;gap:22px;display:grid}.pillar.seen .pi-body{transition-delay:.2s}.pi-shot{aspect-ratio:9/16;width:min(62vw,270px);box-shadow:0 0 0 1px var(--gold), 0 0 0 6px #0b0806, 0 0 0 7px #d4ad5a80, 0 26px 50px #000c;border-radius:14px;overflow:hidden;transform:rotate(-2deg)}.pillar.seen .pi-shot{transform:rotate(-2deg)}.pillar.flip.seen .pi-shot,.pillar.flip .pi-shot{transform:rotate(2deg)}.pi-shot img{object-fit:cover;width:100%;height:100%}.pi-body{justify-items:center;gap:8px;max-width:460px;display:grid}.pi-no{font-family:var(--font-brush);color:var(--gold);border:1px solid var(--gold-dim);border-radius:50%;place-items:center;width:46px;height:46px;font-size:22px;display:grid}.pi-title{font-family:var(--font-brush);color:var(--parchment);text-shadow:0 2px 14px #000;font-size:clamp(28px,7.4vw,40px);font-weight:400;line-height:1.35;display:grid}.pi-title span+span{color:var(--gold-head)}.pi-text{color:var(--text);word-break:auto-phrase;text-wrap:pretty;font-size:14.5px;line-height:1.9}.cc-ladder p span{display:inline-block}.cc-ladder p{font-family:var(--font-brush);color:var(--gold-head);text-shadow:0 2px 14px #000;word-break:auto-phrase;text-wrap:balance;font-size:clamp(22px,6vw,32px);line-height:1.5}@media (width>=960px){.pillar{text-align:left;grid-template-columns:300px 440px;justify-content:center;align-items:center;column-gap:72px}.pillar .pi-body{justify-items:start}.pillar.flip .pi-shot{order:2}.pi-shot{width:300px}.pi-text{font-size:16px}}.finale{isolation:isolate;text-align:center;place-items:center;min-height:100svh;padding:96px 20px 80px;display:grid;position:relative;overflow:hidden}.fn-inner{z-index:2;justify-items:center;gap:10px;display:grid;position:relative}.fn-inner>*{opacity:0;transition:opacity 1s var(--ease-out), transform 1s var(--ease-out);transform:translateY(14px)}.finale.seen .fn-inner>*{opacity:1;transform:none}.finale.seen .fn-inner>:nth-child(2){transition-delay:.15s}.finale.seen .fn-inner>:nth-child(3){transition-delay:.35s}.finale.seen .fn-inner>:nth-child(4){transition-delay:.45s}.finale.seen .fn-inner>:nth-child(5){transition-delay:.6s}.finale.seen .fn-inner>:nth-child(n+6){transition-delay:.8s}.fn-kicker{letter-spacing:.6em;color:var(--gold);padding-left:.6em;font-size:13px}.fn-logo{filter:drop-shadow(0 6px 24px #000000b3);width:min(80vw,420px);height:auto}.fn-date{font-family:var(--font-num);letter-spacing:.04em;color:var(--gold-head);text-shadow:0 0 30px #f0c46459,0 3px 16px #000;margin-top:10px;font-size:clamp(48px,14vw,88px);font-weight:700;line-height:1.1}.fn-label{letter-spacing:.4em;color:var(--parchment);text-shadow:0 1px 6px #000;padding-left:.4em;font-size:15px}.fn-catch{letter-spacing:.12em;color:var(--parchment);text-shadow:0 1px 3px #000,0 0 12px #000000e6;margin-top:14px;font-size:17px;font-weight:500}.fn-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 18px;margin-top:16px;display:flex}.fn-link{border:1px solid var(--gold);letter-spacing:.15em;color:var(--gold-head);background:#0b08068c;border-radius:999px;padding:10px 22px;transition:box-shadow .3s}.fn-link:hover{box-shadow:0 0 14px var(--gold-glow)}.fn-note{color:var(--text-dim);letter-spacing:.1em;text-shadow:0 1px 4px #000;font-size:12px}.fn-top{letter-spacing:.3em;color:var(--text);border-bottom:1px solid var(--gold-dim);text-shadow:0 1px 4px #000;margin-top:20px;padding-bottom:2px;font-size:12px}.fn-foot{z-index:2;bottom:calc(env(safe-area-inset-bottom,0px) + 14px);font-family:var(--font-num);letter-spacing:.2em;color:var(--text-dim);font-size:11px;position:absolute;left:0;right:0}.finale .th-bg:after{background:linear-gradient(180deg, var(--bg) 0%, transparent 18%, transparent 92%, var(--bg) 100%)}.demo{align-content:start;gap:14px;padding:110px 16px 120px}.demo .act-bg{filter:brightness(.3)saturate(.85)}.demo .reveal{opacity:0;transition:opacity 1s var(--ease-out), transform 1s var(--ease-out);transform:translateY(16px)}.demo.seen .reveal{opacity:1;transform:none}.demo.seen .act-lead{transition-delay:.15s}.demo.seen .demo-wrap{transition-delay:.3s}.demo .act-lead{letter-spacing:.2em;color:var(--text);margin-top:0;font-size:14px}.demo-wrap{justify-items:center;gap:16px;width:100%;max-width:960px;margin-top:8px;display:grid}.demo-steps{justify-content:center;gap:8px;list-style:none;display:flex}.demo-steps li{color:var(--text-dim);border:1px solid #8f733a80;border-radius:999px;align-items:center;gap:6px;padding:4px 10px 4px 4px;font-size:12px;transition:color .3s,border-color .3s,box-shadow .3s;display:flex}.demo-steps b{border:1px solid var(--gold-dim);width:22px;height:22px;font-family:var(--font-brush);color:var(--gold);border-radius:50%;place-items:center;font-size:12px;font-weight:400;display:grid}.demo-steps li.on{color:#ffe39a;border-color:var(--gold);box-shadow:0 0 12px var(--gold-glow)}.demo-steps li.done{color:var(--text)}.demo-steps li.done b{background:var(--gold-dim);color:#1d1208}.demo-frame{background:linear-gradient(to bottom, #0805039e 0%, #08050380 45%, #080503b8 100%), var(--stage) center 30% / cover no-repeat, #1a120c;width:min(100%,380px);height:min(680px,82svh);box-shadow:0 0 0 1px var(--gold), 0 0 0 7px #0b0806, 0 0 0 8px #d4ad5a80, 0 30px 60px #000000d9;-webkit-user-select:none;user-select:none;border-radius:18px;grid-template-rows:auto auto 1fr auto auto;display:grid;position:relative;overflow:hidden}.dm-foe{align-items:center;gap:10px;padding:14px 14px 8px;display:flex;position:relative}.dm-foe img{width:52px;height:52px;box-shadow:0 0 0 1.5px var(--gold), 0 4px 10px #0009;border-radius:50%}.dm-foe-info{flex:1;gap:3px;display:grid}.dm-foe-info b{letter-spacing:.1em;color:var(--gold-head);font-size:14px}.dm-foe-info small{font-family:var(--font-num);color:var(--text-dim);font-size:11px}.dm-gauge{background:#ffffff1f;border-radius:3px;height:6px;display:block;overflow:hidden}.dm-gauge i{background:linear-gradient(90deg, #c8452c, var(--gold));height:100%;transition:width .3s linear;display:block}.dm-fallen{color:#e5776d;font-family:var(--font-brush);animation:stamp .4s var(--ease-out) both;border:2px solid #c8452c;padding:2px 10px;font-size:18px;position:absolute;top:16px;right:16px;transform:rotate(-12deg)}@keyframes stamp{0%{opacity:0;transform:rotate(-12deg)scale(2)}to{opacity:1;transform:rotate(-12deg)}}.dm-order{color:var(--text-dim);background:#0805038c;border-radius:999px;justify-content:center;align-items:center;gap:6px;margin:0 14px;padding:6px 10px;font-size:11px;display:flex;position:relative}.dm-ranks{font-family:var(--font-num);color:var(--text);gap:6px;font-size:11px;font-weight:700;display:flex}.dm-ranks i{font-style:normal}.dm-ranks i.three{color:#ffe39a}.dm-weak,.dm-strong{letter-spacing:.1em;font-size:10px}.demo-frame.rev .dm-ranks{animation:rank-flip .7s var(--ease-out) both}@keyframes rank-flip{0%{opacity:0;transform:rotateX(90deg)}to{opacity:1;transform:none}}.dm-revmark{color:#ffd7c8;letter-spacing:.2em;background:#8a1d1d;border-radius:999px;margin-left:4px;padding:1px 8px;font-size:10.5px;box-shadow:0 0 10px #c83c2899}.dm-field{place-items:center;display:grid;position:relative}.dm-empty{letter-spacing:.3em;color:var(--text-dim);font-size:12px}.dm-field-cards{gap:4px;display:flex}.dm-fcard{animation:fly-in .45s var(--ease-deal) both;animation-delay:calc(var(--i) * 50ms);display:block}.dm-fcard .card{--w:52px}@keyframes fly-in{0%{opacity:0;transform:translateY(160px)scale(.9)}to{opacity:1;transform:none}}.dm-splash{font-family:var(--font-brush);color:#ffe39a;text-shadow:0 0 30px #ffc864cc,0 4px 16px #000;animation:splash 1.4s var(--ease-out) both .3s;pointer-events:none;font-size:64px;position:absolute}@keyframes splash{0%{opacity:0;transform:scale(2.2)}25%{opacity:1;transform:scale(1)}80%{opacity:1}to{opacity:0;transform:scale(1.05)}}.dm-pops{justify-items:end;gap:4px;display:grid;position:absolute;bottom:8px;right:10px}.dm-pops i{color:#1d1208;animation:pop-in .4s var(--ease-out) both;background:linear-gradient(#f6d985,#c99a3c);border-radius:4px;padding:2px 8px;font-size:11px;font-style:normal;font-weight:700}.dm-pops i:first-child{animation-delay:.9s}.dm-pops i:nth-child(2){animation-delay:1.15s}@keyframes pop-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}.dm-hand{height:104px;margin:0 14px;position:relative}.dm-card{--w:54px;bottom:8px;left:calc((100% - var(--w)) * var(--i) / max(1, var(--n) - 1));width:var(--w);transition:left .6s var(--ease-out), transform .2s var(--ease-out);-webkit-tap-highlight-color:transparent;position:absolute}.dm-card .card{--w:54px}.dm-card:not(:disabled){cursor:pointer}.dm-card.up{transform:translateY(-16px)}.dm-card.up .card{box-shadow:0 0 0 2px #fff4c8,0 0 14px #f0c464cc}.demo-frame.rev .dm-card .card{animation:card-turn .56s var(--ease-out) both}@keyframes card-turn{0%{transform:rotateY(0)}50%{transform:rotateY(90deg)}to{transform:rotateY(0)}}.dm-bar{justify-items:center;gap:8px;min-height:64px;padding:6px 14px 16px;display:grid}.dm-caption{letter-spacing:.1em;color:var(--parchment);text-align:center;text-shadow:0 1px 4px #000;font-size:13px}.dm-play{border:1px solid var(--gold-dim);width:60%;color:var(--text-dim);letter-spacing:.4em;background:#0b080699;border-radius:8px;padding:9px 0;font-weight:700;transition:all .3s}.dm-play.ready{color:#1d1208;box-shadow:0 0 16px var(--gold-glow);background:linear-gradient(#f6d985,#c99a3c);border-color:#f0d48a;animation:1.6s ease-in-out infinite ready-glow}@keyframes ready-glow{50%{box-shadow:0 0 26px #f0c464e6}}.dm-overlay{z-index:5;text-align:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:ov-in .45s var(--ease-out) both;background:#080503e0;align-content:center;justify-items:center;gap:12px;padding:24px;display:grid;position:absolute;inset:0}@keyframes ov-in{0%{opacity:0}to{opacity:1}}.dm-ov-kicker{letter-spacing:.5em;color:var(--gold);padding-left:.5em;font-size:12px}.dm-ov-title{font-family:var(--font-brush);color:var(--gold-head);text-shadow:0 0 20px #f0c4644d;font-size:34px;line-height:1.4}.dm-ov-title.small{font-size:26px}.dm-ov-text{color:var(--text);font-size:13px;line-height:1.8}.dm-ov-date{font-family:var(--font-num);color:var(--gold-head);text-shadow:0 0 24px #f0c46459;font-size:44px;font-weight:700}.dm-start{color:#1d1208;letter-spacing:.3em;box-shadow:0 0 16px var(--gold-glow);background:linear-gradient(#f6d985,#c99a3c);border-radius:999px;margin-top:6px;padding:10px 34px;font-weight:700}.dm-end-actions{align-items:center;gap:14px;display:flex}.dm-link{letter-spacing:.2em;color:var(--text);border-bottom:1px solid var(--gold-dim);font-size:12px}.dm-relic{border:1px solid var(--gold-dim);text-align:left;width:100%;transition:border-color .3s, box-shadow .3s, transform .3s var(--ease-out);animation:coll-in .5s var(--ease-deal) both;background:linear-gradient(#2c1f12,#160f09);border-radius:10px;align-items:center;gap:12px;padding:10px 12px;display:flex}.dm-relic:nth-of-type(2){animation-delay:80ms}.dm-relic:nth-of-type(3){animation-delay:.16s}.dm-relic:hover{box-shadow:0 0 16px var(--gold-glow);border-color:#fff1c0;transform:translateY(-2px)}.dm-relic .relic-medal{width:48px;height:48px}.dm-relic span{gap:2px;display:grid}.dm-relic b{letter-spacing:.1em;color:var(--gold-head);font-size:15px}.dm-relic small{color:var(--text);font-size:12px}.dm-tally.fade{animation:.5s both ov-out}@keyframes ov-out{to{opacity:0}}.dm-rows{gap:3px;width:100%;list-style:none;display:grid}.dm-rows li{border-left:2px solid var(--gold-dim);animation:pop-in .3s var(--ease-out) both;animation-delay:calc(var(--i) * 90ms);background:#ffffff0a;justify-content:space-between;padding:3px 8px;font-size:12px;display:flex}.dm-rows li span{color:var(--text)}.dm-rows b.base{color:#8fbff0}.dm-rows b.mult{color:#f0a08f}.dm-rows li.relic-row{background:#f0c46424;border-left-color:#f0d48a}.dm-rows li.relic-row span{color:#ffe39a;font-weight:700}.dm-chips{color:var(--text-dim);align-items:center;gap:8px;display:flex}.dm-chips b{font-family:var(--font-num);color:#fff;border-radius:4px;padding:2px 12px}.dm-chips b.base{background:#2f6fb0}.dm-chips b.mult{background:#b8352f}.dm-total{font-family:var(--font-num);color:#ffe39a;text-shadow:0 0 24px #f0c46499;font-size:54px;font-weight:700;line-height:1}.dm-heir-card{perspective:800px;width:104px;height:151px}.dm-hc-inner{width:100%;height:100%;transform-style:preserve-3d;animation:heir-turn .8s .5s var(--ease-out) both;display:block;position:relative}@keyframes heir-turn{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}.dm-hc-back,.dm-hc-front{backface-visibility:hidden;border-radius:7px;position:absolute;inset:0}.dm-hc-back{background:50%/cover no-repeat;box-shadow:0 6px 18px #000000b3}.dm-hc-front{filter:drop-shadow(0 0 16px #ffb450d9);transform:rotateY(180deg)}.dm-hc-front .card{--w:104px;height:151px}@media (width>=960px){.demo-wrap{grid-template-columns:240px 380px;justify-content:center;align-items:center;column-gap:64px}.demo-steps{flex-direction:column;justify-self:end;gap:14px}.demo-steps li{padding:8px 18px 8px 8px;font-size:16px}.demo-steps b{width:30px;height:30px;font-size:15px}}@media (prefers-reduced-motion:reduce){.dm-splash{display:none}}.ci-intro p,.ci-spec dd,.act-lead{word-break:auto-phrase;text-wrap:pretty}.chars{align-content:start;gap:14px;padding:104px 0}.chars .reveal{opacity:0;transition:opacity 1s var(--ease-out), transform 1s var(--ease-out);transform:translateY(16px)}.chars.seen .reveal{opacity:1;transform:none}.chars.seen .act-lead{transition-delay:.15s}.chars.seen .hsr-wrap{transition-delay:.3s}.chars .act-lead{letter-spacing:.2em;color:var(--text);margin-top:0;padding:0 20px;font-size:14px}.hsr-wrap{justify-items:center;width:100%;max-width:900px;display:grid;container-type:inline-size}.hsr-gallery{perspective:1000px;touch-action:pan-y;width:100%;max-width:480px;height:clamp(380px,62svh,560px);position:relative;container-type:size}.hsr-portraits{transform-style:preserve-3d;position:absolute;inset:0}.hsr-portrait{--card-height:min(100cqh, 108cqw);width:calc(var(--card-height) * 640 / 932);height:var(--card-height);isolation:isolate;z-index:5;will-change:transform;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .55s,opacity .55s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);container-type:size}.hsr-portrait.left{filter:brightness(.7);z-index:3;transform:translate(calc(-50% - min(41cqw,60cqh)),-44%)rotateY(17deg)scale(.8)}.hsr-portrait.right{filter:brightness(.7);z-index:3;transform:translate(calc(-50% + min(41cqw,60cqh)),-44%)rotateY(-17deg)scale(.8)}.hsr-portrait.hidden-left{opacity:0;pointer-events:none;z-index:1;transform:translate(-170cqw,-50%)scale(.6)}.hsr-portrait.hidden-right{opacity:0;pointer-events:none;z-index:1;transform:translate(120cqw,-50%)scale(.6)}.hsr-photo,.hsr-video{object-fit:cover;object-position:50% 15%;clip-path:polygon(2% 1%,98% 1%,100% 99%,0 99%);filter:saturate(.88)contrast(1.05);width:85%;height:82%;position:absolute;top:12%;left:7%}.hsr-portrait.current .hsr-photo{filter:saturate(.95)contrast(1.02)}.hsr-back{filter:brightness(.55)saturate(.8);background:50%/cover no-repeat}.hsr-photo-shade{pointer-events:none;background:linear-gradient(#0000 45%,#09050340 62%,#080503d8 80%,#080503ee 92%);position:absolute;inset:13% 7% 4%}.hsr-frame{pointer-events:none;filter:drop-shadow(0 0 4px #fce49e6b)saturate(.84);width:100%;height:100%;position:absolute;inset:0}.hsr-portrait:not(.current) .hsr-frame{filter:saturate(.45)}.hsr-portrait.current{filter:drop-shadow(0 0 7px #efb64d38)}.hsr-nameplate{clip-path:polygon(5% 0,95% 0,100% 14%,100% 86%,95% 100%,5% 100%,0 86%,0 14%);text-shadow:0 2px 2px #000;background:linear-gradient(#100b09ed,#060403);border:1px solid #baa069;justify-content:center;align-items:center;width:85%;height:15%;padding:0 5cqw;display:flex;position:absolute;bottom:5.7%;left:7.2%;box-shadow:inset 0 0 0 3px #0d0906,inset 0 0 0 4px #665333}.hsr-quote{text-align:center;font-size:clamp(9px, min(4.6cqh, calc(72cqw / (var(--len,12) + 1))), 18px);color:#f5e8c8;flex-direction:column;align-items:center;line-height:1.5;display:flex}.hsr-quote>span{white-space:nowrap}.hsr-coming{text-align:center;font-family:var(--font-num);letter-spacing:.12em;color:#f8e7bf;text-shadow:0 2px 8px #000;font-size:clamp(10px,5.5cqw,15px);position:absolute;top:42%;left:5%;right:5%}.hsr-arrow{z-index:8;filter:drop-shadow(0 0 5px #ffd47c77);width:clamp(24px,5cqw,32px);height:clamp(40px,9cqw,54px);position:absolute;top:46%}.hsr-arrow svg{fill:none;stroke:#f9df9d;stroke-width:3.4px;stroke-linecap:square;stroke-linejoin:miter;width:100%;height:100%}.hsr-previous{left:.4cqw}.hsr-next{right:.4cqw}.hsr-dots{justify-content:center;align-items:center;height:20px;margin-top:8px;display:flex}.hsr-dots button{width:26px;height:100%;position:relative}.hsr-dots button:after{content:"";background:#9b948e55;border-radius:50%;width:8px;height:8px;transition:background .3s,box-shadow .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 1px 2px #ffffff25}.hsr-dots button.on:after{background:#f2ca72;box-shadow:0 0 7px #efc878aa,inset 0 0 3px #fff6cf}.hsr-name-row{text-align:left;text-shadow:0 2px 3px #000,0 0 10px #000;width:100%;max-width:480px;animation:ci-in .6s var(--ease-out) both;align-items:center;gap:12px;padding:8px 18px 4px 22px;display:flex}.hsr-name-crest{object-fit:contain;filter:drop-shadow(0 3px 5px #000);flex:none;width:52px;height:60px}.hsr-name-unknown{font-family:var(--font-brush);color:var(--gold-dim);place-items:center;font-size:32px;display:grid}.hsr-plate-main{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.hsr-plate-family{color:#e2cfa4;white-space:nowrap;text-overflow:ellipsis;font-size:13px;line-height:1.3;overflow:hidden}.hsr-plate-main strong{letter-spacing:.02em;white-space:nowrap;color:#f8e7bf;font-size:clamp(20px,6vw,27px);font-weight:700;line-height:1.25}.hsr-level{border:1px solid var(--gold-dim);letter-spacing:.15em;color:var(--gold-head);border-radius:999px;flex:none;padding:2px 10px;font-size:11px}.chars-info{text-align:left;width:calc(100% - 32px);max-width:560px;animation:ci-in .8s .1s var(--ease-out) both;background:0 0;margin-top:18px;padding:4px 6px 8px}.chars-info:before,.chars-info:after{z-index:2}.chars-info>*{z-index:1;position:relative}@keyframes ci-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.ci-intro{font-family:var(--font-old);color:var(--parchment);padding:10px 8px;font-size:15px;line-height:2}.ci-soon{color:var(--text-dim);text-align:center}.ci-spec{border-top:1px solid #d4ad5a4d;gap:6px;padding:10px 8px 4px;display:grid}.ci-spec div{grid-template-columns:3.2em 1fr;align-items:baseline;gap:10px;font-size:13.5px;line-height:1.7;display:grid}.ci-spec dt{color:var(--gold);letter-spacing:.2em;font-size:12px}.ci-spec dd{color:var(--text)}@media (width>=960px){.hsr-wrap{max-width:1120px}.hsr-gallery{max-width:1000px;height:600px}.hsr-previous{left:-44px}.hsr-next{right:-44px}.ci-intro{font-size:16px}}.story{align-content:start;gap:64px;padding:110px 20px 120px}.act.story{overflow:clip}.story .act-bg{filter:brightness(.28)saturate(.8)}.story .act-title-wrap>*,.st-narration p,.st-hooks-lead,.hook-card{opacity:0;transition:opacity 1.1s var(--ease-out), transform 1.1s var(--ease-out), filter 1.1s var(--ease-out);transition-delay:var(--d,0s);transform:translateY(14px)}.act-title-wrap.seen>*,.st-narration.seen p,.seen .st-hooks-lead,.seen .hook-card{opacity:1;transform:none}.st-narration{max-width:640px;font-family:var(--font-old);color:var(--parchment);text-shadow:0 2px 10px #000;word-break:auto-phrase;text-wrap:pretty;gap:14px;font-size:clamp(17px,4.6vw,22px);line-height:1.9;display:grid}.st-narration p{filter:blur(6px)}.st-narration.seen p{filter:none}.st-narration p:first-child{font-family:var(--font-brush);color:var(--gold-head);font-size:clamp(28px,7.6vw,40px)}.st-narration p:last-child{color:var(--gold-head)}.st-covenant{justify-items:center;gap:14px;width:100%;max-width:560px;display:grid}.pl-head{justify-items:center;gap:6px;display:grid}.pl-kicker{letter-spacing:.55em;color:var(--gold-dim);padding-left:.55em;font-size:13px}.pl-title{font-family:var(--font-brush);letter-spacing:.14em;color:#f3dfb0;text-shadow:0 0 26px #f0c46459,0 3px 10px #000;margin:0;padding-left:.14em;font-size:32px;font-weight:400;line-height:1.2}.pl-rule{background:linear-gradient(90deg, transparent, var(--gold), transparent);width:170px;height:1px}.pl-laws{text-align:left;flex-direction:column;gap:10px;width:100%;margin:0;padding:0;list-style:none;display:flex}.pl-laws li{color:#2b1a0c;background:var(--law-paper,none) center / cover, linear-gradient(170deg, #e2cc9c, #cdb27c 70%, #bfa36c);border-radius:4px;grid-template-columns:auto 1fr auto;grid-template-areas:"no name extra""no text text";align-items:center;gap:3px 12px;padding:12px 14px;display:grid;box-shadow:inset 0 0 26px #5a2d0a73,0 6px 16px #0000008c}.pl-laws li:nth-child(2){background-position:30% 60%,50%}.pl-laws li:nth-child(3){background-position:70% 30%,50%}.pl-law-no{writing-mode:vertical-rl;font-family:var(--font-brush);letter-spacing:.1em;color:#7a1f0a;text-align:center;border-right:1px solid #4a1c0673;grid-area:no;align-self:stretch;padding:2px 6px 2px 0;font-size:14px}.pl-law-name{font-family:var(--font-brush);color:#5a1f0a;letter-spacing:.1em;grid-area:name;font-size:18px}.pl-law-text{font-family:var(--font-old);color:#2b1a0c;text-shadow:0 0 .6px #2b1a0c73;white-space:pre-line;grid-area:text;font-size:13px;line-height:1.75}.pl-law-gauge,.pl-law-relics{grid-area:extra}.pl-law-gauge{background:#4a1c062e;border-radius:3px;width:84px;height:6px;display:block;overflow:hidden}.pl-law-gauge i{background:linear-gradient(90deg, #c8452c, var(--gold));transform-origin:0;width:100%;height:100%;animation:3.2s ease-in-out .6s infinite alternate pl-gauge;display:block}@keyframes pl-gauge{0%{transform:scaleX(1)}to{transform:scaleX(.18)}}.pl-law-relics{gap:8px;display:flex}.pl-law-relics .relic-medal{border-width:2px;width:30px;height:30px;box-shadow:0 1px 3px #3c1e0899}.st-covenant .pl-head,.st-covenant .pl-laws li{opacity:0;transition:opacity 1s var(--ease-out), transform 1s var(--ease-out);transition-delay:var(--d,0s);transform:translateY(12px)}.st-covenant.seen .pl-head,.st-covenant.seen .pl-laws li{opacity:1;transform:none}.st-hooks{justify-items:center;gap:22px;width:100%;max-width:980px;display:grid}.st-hooks-lead{letter-spacing:.25em;color:var(--text);font-size:14px}.st-hook-row{justify-items:center;gap:16px;width:100%;display:grid}.hook-card{aspect-ratio:5/3;perspective:1000px;cursor:pointer;-webkit-tap-highlight-color:transparent;width:min(86vw,300px)}.hk-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s var(--ease-out);display:block;position:relative}.hook-card.open .hk-inner{transform:rotateY(180deg)}.hk-face{backface-visibility:hidden;border-radius:6px;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.hk-back{background:50%/cover no-repeat;box-shadow:0 10px 26px #000000b3,inset 0 0 0 1px #d4ad5a99}.hk-tag{border:1px solid var(--gold-dim);background:#0b0806d1;border-radius:4px;justify-items:center;gap:2px;padding:10px 22px;display:grid}.hk-tag img{width:44px;height:44px;box-shadow:0 0 0 1.5px var(--gold);border-radius:50%;margin-bottom:4px}.hk-tag b{letter-spacing:.15em;color:var(--gold-head);font-size:15px}.hk-tag small{letter-spacing:.2em;color:var(--text-dim);font-size:11px}.hk-tap{letter-spacing:.3em;color:var(--gold-head);text-shadow:0 1px 4px #000;font-size:11px;animation:2.4s ease-in-out infinite blink;position:absolute;bottom:8px;right:10px}@keyframes blink{50%{opacity:.35}}.hk-front{box-shadow:0 10px 26px #000000b3, inset 0 0 0 1px var(--gold);background:radial-gradient(at 50% 40%,#2a1a10,#0d0805 80%);align-content:center;gap:10px;padding:16px 20px;transform:rotateY(180deg)}.hk-front small{letter-spacing:.25em;color:var(--gold);font-size:11px}.hk-text{color:var(--parchment);word-break:auto-phrase;text-wrap:pretty;font-size:clamp(14px,4vw,16px);font-weight:700;line-height:1.8}.st-montage{width:calc(100% + 40px);height:330svh;margin:0 -20px;position:relative}.sm-sticky{background:#050302;height:100svh;position:sticky;top:0;overflow:hidden}.sm-scene{opacity:0;transition:opacity .7s var(--ease-out);place-items:center;display:grid;position:absolute;inset:0}.st-montage[data-phase="0"] .sm-foes,.st-montage[data-phase="1"] .sm-scene:nth-child(2),.st-montage[data-phase="2"] .sm-break{opacity:1}.sm-foes{background:radial-gradient(at 50% 42%,#3a0d0d 0%,#120605 55%,#050302 100%)}.sm-foe{aspect-ratio:627/913;width:min(62vw,300px);margin-bottom:18svh;position:relative}.sm-foe-art{object-fit:cover;object-position:50% 20%;clip-path:polygon(2% 1%,98% 1%,100% 99%,0 99%);filter:saturate(.9)contrast(1.08);opacity:0;width:85%;height:82%;transition:opacity .8s,transform 1.6s ease-out;position:absolute;top:12%;left:7%;transform:scale(1.04)}.sm-foe-art.on{opacity:1;transform:none}.sm-foe-frame{filter:drop-shadow(0 0 14px #f0c46459);width:100%;height:100%;position:absolute;inset:0}.sm-foe-name{text-align:center;font-family:var(--font-brush);letter-spacing:.15em;color:var(--gold-head);text-shadow:0 2px 8px #000;opacity:0;font-size:20px;transition:opacity .8s;position:absolute;bottom:-40px;left:0;right:0}.sm-foe-name.on{opacity:1}.sm-still img{object-fit:cover;object-position:50% 30%;filter:brightness(.75);width:100%;height:100%;transition:transform 6s ease-out;position:absolute;inset:0;transform:scale(1.04)}.st-montage[data-phase="1"] .sm-scene:nth-child(2) img{transform:scale(1.14)}.sm-still:after{content:"";background:linear-gradient(#05030266 0%,#0000 30% 55%,#050302eb 100%);position:absolute;inset:0}.st-montage[data-phase="2"] .sm-break img{animation:.45s ease-out both sm-shake}@keyframes sm-shake{0%{filter:brightness(2);transform:scale(1.12)translate(8px,-6px)}30%{transform:scale(1.1)translate(-7px,5px)}60%{transform:scale(1.08)translate(4px,-3px)}to{filter:brightness(.75);transform:scale(1.06)}}.sm-copy{z-index:3;height:4em;position:absolute;bottom:12svh;left:0;right:0}.sm-copy p{font-family:var(--font-brush);color:var(--gold-head);text-shadow:0 0 26px #f0c4644d,0 2px 14px #000;opacity:0;filter:blur(8px);transition:opacity .7s var(--ease-out), filter .7s var(--ease-out), transform .7s var(--ease-out);word-break:auto-phrase;text-wrap:balance;place-items:center;padding:0 16px;font-size:clamp(26px,7.6vw,52px);line-height:1.35;display:grid;position:absolute;inset:0;transform:translateY(10px)}.sm-copy p.on{opacity:1;filter:none;transform:none}@media (width>=960px){.story{gap:96px}.st-narration{font-size:22px}.pl-title{font-size:40px}.pl-laws li{column-gap:16px;padding:16px 20px}.pl-law-no{font-size:16px}.pl-law-name{font-size:22px}.pl-law-text{font-size:15px}.sm-foe{width:320px;margin-bottom:14svh}.st-hook-row{grid-template-columns:repeat(3,1fr)}.hook-card{width:100%;max-width:300px}}.coll{align-content:start;gap:14px;padding:110px 16px 120px}.coll .act-bg{filter:brightness(.3)saturate(.85)}.coll .reveal{opacity:0;transition:opacity 1s var(--ease-out), transform 1s var(--ease-out);transform:translateY(16px)}.coll.seen .reveal{opacity:1;transform:none}.coll.seen .act-lead{transition-delay:.15s}.coll.seen .coll-box{transition-delay:.3s}.coll .act-lead{letter-spacing:.15em;color:var(--text);word-break:auto-phrase;text-wrap:pretty;margin-top:0;font-size:14px}.coll-box{justify-items:center;gap:18px;width:100%;max-width:760px;margin-top:10px;display:grid}.coll-tabs{width:100%;max-width:520px}.coll-tabs .gf-tab{border-width:10px;border-image:url(/assets/frame-gold-plain-e-dFS5rc.webp) 60 fill/10px;min-width:0}.coll-tabs .gf-tab:before,.coll-tabs .gf-tab:after{width:24px;height:12px}.coll-tabs .gf-tab:before{top:-12px}.coll-tabs .gf-tab:after{bottom:-12px}.coll-grid{flex-wrap:wrap;justify-content:center;gap:14px 8px;width:100%;display:flex}.coll-item{cursor:pointer;-webkit-tap-highlight-color:transparent;min-width:0;animation:coll-in .5s var(--ease-deal) both;animation-delay:calc(var(--i) * 40ms);flex:0 0 calc(25% - 6px);align-content:start;justify-items:center;gap:6px;padding:6px 2px 10px;display:grid;position:relative}@keyframes coll-in{0%{opacity:0;transform:translateY(-14px)rotate(-4deg)}to{opacity:1;transform:none}}.coll-name{letter-spacing:.02em;max-width:100%;color:var(--text-dim);text-align:center;word-break:auto-phrase;overflow-wrap:anywhere;font-size:11px;line-height:1.35}.coll-item:after{content:"";background:0 0;border-radius:2px;height:2px;position:absolute;bottom:0;left:22%;right:22%}.coll-item.on .coll-name{color:#ffe39a;text-shadow:0 0 8px #f0c86e99}.coll-item.on:after{background:linear-gradient(90deg,#0000,#ffe39a 20%,#fff4c8 50%,#ffe39a 80%,#0000);box-shadow:0 0 8px #ffdc8ce6}.cl-relic{width:58px;height:58px;transition:transform .3s var(--ease-out), box-shadow .3s}.coll-item.on .cl-relic{transform:translateY(-3px)scale(1.06);box-shadow:0 0 16px #f2c45ae6,0 3px 8px #0009}.cl-heir{filter:drop-shadow(0 0 6px #ffa03c8c);transition:transform .3s var(--ease-out), filter .3s;display:block}.cl-heir .card{--w:52px}.coll-item.on .cl-heir{filter:drop-shadow(0 0 14px #ffb450e6);transform:translateY(-3px)}.cl-enemy{object-fit:cover;width:62px;height:62px;box-shadow:0 0 0 1.5px var(--gold-dim), 0 4px 10px #0009;filter:saturate(.85)brightness(.85);transition:box-shadow .3s, filter .3s, transform .3s var(--ease-out);border-radius:50%}.coll-item.on .cl-enemy{box-shadow:0 0 0 2px #f0d48a, 0 0 16px var(--gold-glow);filter:none;transform:translateY(-3px)}.cl-hidden{filter:brightness(.5);background:50%/cover no-repeat;border-radius:5px;place-items:center;width:52px;height:75px;display:grid;box-shadow:0 0 0 1px #8f733a99}.coll-enemies .cl-hidden{border-radius:50%;width:62px;height:62px}.cl-hidden i{font-style:normal;font-family:var(--font-brush);color:var(--gold-head);filter:brightness(2);font-size:26px}.coll-item.hidden .coll-name{opacity:.5}.coll-detail{text-align:center;width:100%;min-width:0;max-width:520px;min-height:120px;animation:ci-in .5s var(--ease-out) both;background:0 0;padding:6px 10px 8px}.coll-detail>*{z-index:1;position:relative}.cd-kind{letter-spacing:.3em;color:var(--gold);font-size:11px}.cd-name{font-family:var(--font-brush);color:var(--gold-head);font-size:26px;line-height:1.4}.cd-text{color:var(--text);word-break:auto-phrase;text-wrap:pretty;margin-top:4px;font-size:14px;line-height:1.8}.coll-more{letter-spacing:.1em;color:var(--text-dim);word-break:auto-phrase;text-wrap:pretty;font-size:12px}@media (width>=960px){.coll-box{gap:24px;max-width:960px}.coll-grid{gap:26px 16px}.coll-item{flex:0 0 120px}.cl-relic{width:80px;height:80px}.cl-enemy{width:88px;height:88px}.cl-heir .card{--w:68px}.cl-hidden{width:68px;height:98px}.coll-enemies .cl-hidden{width:88px;height:88px}.coll-name{font-size:13px}.coll-detail{max-width:600px}.cd-name{font-size:32px}.cd-text{font-size:15px}}.trailer{z-index:80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade-in .35s var(--ease-out);background:#050302eb;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.trailer-box{justify-items:center;gap:14px;display:grid;position:relative}.trailer video{border:1px solid var(--gold-dim);background:#000;max-width:92vw;max-height:80svh;box-shadow:0 0 40px #d4ad5a40}.trailer-missing{border:1px solid var(--gold-dim);color:var(--text-dim);padding:60px 40px}.trailer-close{border:1px solid var(--gold);color:var(--gold-head);letter-spacing:.3em;border-radius:999px;padding:8px 28px}@media (width>=960px){.th-bg{--sz:min(100vw, 900px, 64svh)}.th-logo{width:min(40vw,560px)}.th-catch{font-size:26px}.th-reading{font-size:14px}.th-date-num{font-size:30px}.deal{height:calc(1.456*min(15vw,240px) + 60px)}.deal-card{--w:min(15vw, 240px)}.deal-scene[data-step="2"] .deal-card,.deal-scene[data-step="3"] .deal-card{transform:translateX(calc(var(--i) * min(13vw, 210px))) translateY(calc(var(--lift) * 22px)) rotate(calc(var(--i) * 9deg))}@media (hover:hover){.deal-scene[data-step="3"] .deal-card:hover{transform:translateX(calc(var(--i) * min(13vw, 210px))) translateY(calc(var(--lift) * 22px - 20px)) rotate(calc(var(--i) * 6deg)) scale(1.05)}}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;transition-delay:0s!important;animation:none!important}.grain{display:none}}