.deck{--deck-w:390;--deck-ar:0.5294}.deck-sec{background:var(--bg-2);border-block:1px solid var(--border)}.deck-body{display:grid;grid-gap:20px;gap:20px}.deck-stage{display:flex;flex-direction:column;align-items:center;gap:12px}.deck-mon{position:relative;inline-size:min(100%,300px);padding:6px 6px 0;border-radius:14px;background:linear-gradient(180deg,#d8dade,#b9bcc2 42%,#9ea2a9);box-shadow:0 0 0 1px hsla(0,0%,100%,.5) inset,0 1px 0 hsla(0,0%,100%,.75) inset,var(--shadow),0 50px 80px -50px rgba(10,12,20,.5)}.deck-glass{position:relative;overflow:hidden;border-radius:8px;background:var(--bg);aspect-ratio:9/17;container-type:size;box-shadow:inset 0 0 0 1px rgba(10,12,20,.35)}.deck-glass>.deck-frame{position:absolute;top:0;left:0;inline-size:calc(var(--deck-w) * 1px);block-size:calc(100cqh * (var(--deck-w) * 1px) / 100cqw);border:0;display:block;background:var(--bg);transform:scale(calc(100cqw / (var(--deck-w) * 1px)));transform-origin:top left}.deck-sheen{background:linear-gradient(154deg,hsla(0,0%,100%,.13),hsla(0,0%,100%,.04) 16%,hsla(0,0%,100%,0) 34%)}.deck-sheen,.deck-veil{position:absolute;inset:0;pointer-events:none}.deck-veil{background:var(--bg);opacity:0;transition:opacity .3s ease-out}.deck-veil.on{opacity:1;transition:opacity .12s ease-in}.deck-chin{display:none;block-size:13px;border-radius:0 0 12px 12px;background:linear-gradient(180deg,#c6c9ce,#a5a9b0)}.deck-badge{display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--muted);font-size:12.5px;font-weight:600}.deck-dot{inline-size:7px;block-size:7px;border-radius:999px;background:var(--accent)}.deck-badge.play .deck-dot{animation:deck-pulse 1.4s ease-in-out infinite}@keyframes deck-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.72)}}.deck-words{align-self:center;padding:22px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.deck-icon{display:grid;place-items:center;inline-size:44px;block-size:44px;-webkit-margin-after:12px;margin-block-end:12px;font-size:22px;border-radius:13px;background:var(--panel-2);border:1px solid var(--border)}.deck-title{margin:0 0 14px;font-size:clamp(21px,2.4vw,28px);font-weight:800;letter-spacing:-.02em;line-height:1.2}.deck-lab{margin:0 0 6px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-2,var(--muted))}.deck-watch{margin:0 0 16px;font-size:15.5px;line-height:1.65;color:var(--text)}.deck-saves{padding:14px 16px;border-radius:14px;background:var(--panel-2);border:1px solid var(--border)}.deck-saves p:last-child{margin:0;font-size:15px;line-height:1.6;font-weight:600}.deck-guide{display:inline-block;-webkit-margin-before:14px;margin-block-start:14px;color:var(--accent-2);font-size:14px;font-weight:600}.deck-hint{margin:26px 0 14px;text-align:center;color:var(--muted);font-size:14.5px}.deck-groups{display:grid;grid-gap:14px;gap:14px}.deck-group{padding:16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.deck-glabel{margin:0 0 12px;-webkit-padding-after:10px;padding-block-end:10px;-webkit-border-after:1px solid var(--border);border-block-end:1px solid var(--border);font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.deck-rail{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:8px;gap:8px}.deck-btn{display:flex;align-items:center;gap:8px;min-block-size:52px;padding:8px 12px;border:1px solid var(--border);border-radius:13px;background:var(--panel-2);color:var(--text);font:inherit;font-size:13.5px;font-weight:600;line-height:1.25;text-align:start;cursor:pointer;transition:transform .16s,color .18s,border-color .18s,background .18s}.deck-btn-t{flex:1 1;min-inline-size:0}.deck-btn:hover{transform:translateY(-2px);border-color:var(--border-2)}.deck-btn.on{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}.deck-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.deck-btn-i{font-size:15px;line-height:1}.deck-btn-play{font-size:9px;opacity:.75}@media (min-width:900px){.deck{--deck-w:1120;--deck-ar:1.6}.deck-body{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:26px;align-items:stretch}.deck-words{display:flex;flex-direction:column;justify-content:center}.deck-mon{inline-size:100%;padding:8px 8px 0;border-radius:12px}.deck-glass{aspect-ratio:16/10;border-radius:5px}.deck-chin{display:block}.deck-words{padding:26px}.deck-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 30px;-webkit-margin-before:6px;margin-block-start:6px}}@media (min-width:1200px){.deck-groups{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:20px}}.qrail{-webkit-margin-before:16px;margin-block-start:16px}.qrail-lab{margin:0 0 12px;text-align:center;color:var(--muted);font-size:14px}.qrail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));grid-gap:12px;gap:12px;align-items:start}.qrail-grp{padding:12px 12px 13px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.qrail-gt{display:flex;align-items:center;gap:8px;margin:0 0 10px;-webkit-padding-after:9px;padding-block-end:9px;-webkit-border-after:1px solid var(--border);border-block-end:1px solid var(--border);color:var(--text);font-size:14.5px;font-weight:800;line-height:1.25}.qrail-gi{flex:none;font-size:17px;line-height:1}.qrail-row{display:grid;grid-gap:5px;gap:5px}.qrail-btn{display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:9px;gap:9px;inline-size:100%;min-block-size:40px;padding:7px 10px;border:1px solid transparent;border-radius:11px;background:var(--panel-2);color:var(--text);font:inherit;font-size:13.5px;font-weight:600;line-height:1.2;text-align:start;cursor:pointer;transition:color .16s,border-color .16s,background .16s,transform .16s}.qrail-btn:hover{border-color:var(--accent);transform:translateY(-1px)}.qrail-btn.on{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}.qrail-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.qrail-ic{font-size:16px;line-height:1}.qrail-t{min-inline-size:0}.qrail-go{font-size:13px;opacity:.55}.qrail-btn.anim .qrail-go{font-size:10px}.qrail-btn.on .qrail-go,.qrail-btn:hover .qrail-go{opacity:1}@media (max-width:640px){.qrail-btn{min-block-size:44px;font-size:14.5px}}:root[data-site-theme=cyber] .deck-mon,:root[data-site-theme=dark] .deck-mon,:root[data-site-theme=stylist] .deck-mon{background:linear-gradient(180deg,#3c3e45,#26282e 42%,#16171b);box-shadow:0 0 0 1px hsla(0,0%,100%,.09) inset,0 1px 0 hsla(0,0%,100%,.16) inset,var(--shadow),0 50px 80px -50px rgba(0,0,0,.85)}:root[data-site-theme=cyber] .deck-chin,:root[data-site-theme=dark] .deck-chin,:root[data-site-theme=stylist] .deck-chin{background:linear-gradient(180deg,#33353b,#1d1e23)}@media (prefers-reduced-motion:reduce){.deck-btn{transition:none}.deck-badge.play .deck-dot{animation:none}.deck-veil{transition:none}}.site-root .ba{display:flex;flex-direction:column;gap:var(--sp-1)}.site-root .ba-lay{display:grid;grid-gap:var(--sp-2);gap:var(--sp-2)}@media (min-width:1100px){.site-root .ba-lay{--ba-out:min(200px,max(0px,calc((100vw - 100%) / 2 - 14px)));grid-template-columns:300px minmax(0,1fr);gap:28px;align-items:center;margin-inline:calc(var(--ba-out) * -1)}.site-root .ba-aside{display:grid;grid-gap:18px;gap:18px;align-content:center}.site-root .ba-aside .sec-head{margin:0;text-align:start;max-inline-size:none}.site-root .ba-aside .sec-head .sec-sub{margin-inline:0}.site-root .ba-dress{display:grid;grid-gap:12px;gap:12px;padding:14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.site-root .ba-dress .snm{flex-direction:column;align-items:stretch;gap:8px}.site-root .ba-dress .sec-theme{margin:0}}.site-root .ba-box{position:relative;aspect-ratio:16/10;inline-size:min(100%,calc((100svh - 160px) * 16 / 10));margin-inline:auto;overflow:hidden;border:1px solid var(--border);border-radius:var(--r-card);background:var(--panel);cursor:ew-resize;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none}.site-root .ba-before{position:absolute;inset:0;-webkit-clip-path:inset(0 calc(100% - var(--ba-x)) 0 0);clip-path:inset(0 calc(100% - var(--ba-x)) 0 0);will-change:clip-path;background:radial-gradient(90% 70% at 50% 0,rgba(255,240,214,.09),transparent 70%),#17140f}.site-root .ba-paper{position:relative;inline-size:100%;block-size:100%;padding:clamp(16px,2.4vw,30px);border-radius:2px;background:repeating-linear-gradient(180deg,transparent 0 33px,rgba(60,45,25,.16) 33px 34px),linear-gradient(180deg,#f3e9d6,#e6d9bf);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.5),0 26px 50px -24px rgba(0,0,0,.85);transform:rotate(-.5deg);color:#3a2f1d;font-family:"Segoe Script","Bradley Hand","Snell Roundhand","Noto Naskh Arabic",cursive,var(--font);color:#1f3358}.site-root .ba-lines,.site-root .ba-marg,.site-root .ba-paper-head{transform:skewX(-4deg);letter-spacing:.012em;word-spacing:.06em;text-shadow:0 0 .6px currentColor,.4px .3px .7px rgba(31,51,88,.25)}.site-root .ba-t{transform:skewX(4deg)}.site-root .ba-paper-head{-webkit-padding-end:78px;padding-inline-end:78px;font-weight:800;font-size:15px;-webkit-margin-after:10px;margin-block-end:10px;-webkit-padding-after:6px;padding-block-end:6px;-webkit-border-after:2px solid rgba(60,45,25,.35);border-block-end:2px solid rgba(60,45,25,.35)}.site-root .ba-lines{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;font-size:clamp(12px,1.3vw,15px);line-height:1.5}.site-root .ba-lines li{display:flex;gap:12px;align-items:baseline;position:relative;transform-origin:0 50%}.site-root .ba-lines li:nth-child(6n+1){transform:rotate(-.45deg)}.site-root .ba-lines li:nth-child(6n+2){transform:rotate(.3deg) translateX(3px)}.site-root .ba-lines li:nth-child(6n+3){transform:rotate(-.15deg) translateX(-2px)}.site-root .ba-lines li:nth-child(6n+4){transform:rotate(.5deg)}.site-root .ba-lines li:nth-child(6n+5){transform:rotate(-.3deg) translateX(4px)}.site-root .ba-lines li:nth-child(6n){transform:rotate(.2deg) translateX(-3px)}.site-root .ba-arrow{font-size:.86em;color:#1f3358;opacity:.85;transform:rotate(-1.4deg)}.site-root .ba-red{color:#8d2116}.site-root .ba-marg{position:absolute;font-size:clamp(10px,1.05vw,12.5px);line-height:1.35;max-inline-size:42%;opacity:.88;pointer-events:none}.site-root .ba-marg-1{inset-block-end:30%;inset-inline-start:5%;transform:rotate(-4deg)}.site-root .ba-marg-2{inset-block-end:20%;inset-inline-start:22%;transform:rotate(3deg)}.site-root .ba-marg-3{inset-block-end:10%;inset-inline-start:4%;transform:rotate(-6deg)}.site-root .ba-marg-4{inset-block-end:3%;inset-inline-start:25%;transform:rotate(2.5deg)}.site-root .ba-t{flex:none;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;opacity:.7}.site-root .ba-strike .ba-w{position:relative;opacity:.55}.site-root .ba-strike .ba-w:after{content:"";position:absolute;inset-inline:-4px;inset-block-start:52%;block-size:2px;background:rgba(120,30,20,.72);transform:rotate(-1.2deg)}.site-root .ba-blur{filter:blur(1.4px);opacity:.6}.site-root .ba-ring{position:absolute;inset-block-end:6%;inset-inline-start:30%;inline-size:92px;block-size:92px;border-radius:50%;border:3px solid rgba(120,78,30,.16);box-shadow:0 0 0 5px rgba(120,78,30,.07);transform:rotate(8deg) scaleY(.62);pointer-events:none}.site-root .ba-smudge-2{inset-block-end:auto;inset-inline-end:auto;inset-block-start:54%;inset-inline-start:6%;inline-size:52px;block-size:40px;transform:rotate(-12deg)}.site-root .ba-smudge{position:absolute;inset-block-end:8%;inset-inline-end:7%;inline-size:74px;block-size:54px;border-radius:50%;background:radial-gradient(circle,rgba(90,60,20,.22),transparent 68%);pointer-events:none}.site-root .ba-after{position:absolute;inset:0;background:var(--bg);container-type:size;overflow:hidden}[dir=rtl] .site-root .ba-before{-webkit-clip-path:inset(0 0 0 calc(100% - var(--ba-x)));clip-path:inset(0 0 0 calc(100% - var(--ba-x)))}.site-root .ba-frame{--ba-w:1320;position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:calc(var(--ba-w) * 1px);block-size:calc(100cqh * (var(--ba-w) * 1px) / 100cqw);border:0;display:block;transform:scale(calc(100cqw / (var(--ba-w) * 1px)));transform-origin:top left;pointer-events:none}[dir=rtl] .site-root .ba-frame{transform-origin:top right}.site-root .ba-handle{position:absolute;inset-block:0;inset-inline-start:var(--ba-x);inline-size:2px;-webkit-margin-start:-1px;margin-inline-start:-1px;background:linear-gradient(180deg,transparent,var(--accent-hi) 12%,var(--accent-hi) 88%,transparent);pointer-events:none}.site-root .ba-grip{position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%;inline-size:44px;block-size:44px;border-radius:var(--r-pill);border:1px solid var(--accent-hi);background:linear-gradient(135deg,var(--accent-hi),var(--accent) 55%,var(--accent-deep));box-shadow:0 10px 26px -10px rgba(0,0,0,.9)}.site-root .ba-grip:after,.site-root .ba-grip:before{content:"";position:absolute;inline-size:7px;block-size:7px;border-top:2px solid var(--on-accent);border-left:2px solid var(--on-accent);top:50%}.site-root .ba-grip:before{transform:translateY(-50%) rotate(-45deg);left:9px}.site-root .ba-grip:after{transform:translateY(-50%) rotate(135deg);right:9px}.site-root .ba-tag{position:absolute;inset-block-end:12px;padding:5px 12px;border-radius:var(--r-pill);font-size:12px;font-weight:700;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.site-root .ba-tag-before{inset-inline-start:12px;background:rgba(23,20,15,.7);color:#e6d9bf;border:1px solid hsla(40,44%,83%,.28)}.site-root .ba-tag-after{inset-inline-end:12px;background:color-mix(in srgb,var(--accent) 88%,transparent);color:var(--on-accent);border:1px solid var(--accent-hi)}.site-root .ba-range{position:absolute;inset:0;inline-size:100%;block-size:100%;margin:0;opacity:0;cursor:ew-resize;pointer-events:none}.site-root .ba-range:focus-visible{outline:2px solid var(--accent-hi);outline-offset:-4px;opacity:1;background:transparent}.site-root .ba-hint{text-align:center;font-size:13px;color:var(--muted);margin:0}@media (max-width:640px){.site-root .ba-box{aspect-ratio:4/5}}