#title{--gold:#e7b558;--gold-hi:#f8dc95;--gold-lo:#b9822c;--cream:#f3e7cf;--teal:7, 30, 32;--serif:"Lora", Georgia, "Times New Roman", serif;color:var(--cream);display:block;overflow:hidden}.tbg{z-index:0;pointer-events:none;contain:strict;background:linear-gradient(160deg,#1d2a52 0%,#5a3a6e 35%,#a8603f 70%,#2c3a24 100%);position:absolute;inset:0;overflow:hidden}.tbg>*{position:absolute}.tbg-img{-o-object-fit:cover;object-fit:cover;-o-object-position:60% 50%;object-position:60% 50%;width:100%;height:100%;inset:0}.tbg-shade{background:linear-gradient(90deg, rgba(var(--teal), .93) 0%, rgba(var(--teal), .86) 24%, rgba(var(--teal), .6) 34%, rgba(var(--teal), .18) 44%, rgba(var(--teal), 0) 52%), radial-gradient(120% 90% at 100% 100%, #00000047, transparent 55%);inset:0}.tbg-leaves{inset:0}.tbg-leaves i{top:-4vh;left:var(--x);background:var(--c,#f2b33d);opacity:0;width:13px;height:9px;animation:tbgLeaf var(--t,16s) linear var(--d,0s) infinite;border-radius:0 100%;position:absolute;box-shadow:inset -2px -2px #0000001f}.tbg-leaves i:first-child{--x:4%;--t:17s;--d:-2s}.tbg-leaves i:nth-child(2){--x:15%;--t:21s;--d:-11s;--c:#e8902e}.tbg-leaves i:nth-child(3){--x:27%;--t:15s;--d:-6s;--c:#f7cf5a}.tbg-leaves i:nth-child(4){--x:39%;--t:23s;--d:-17s}.tbg-leaves i:nth-child(5){--x:50%;--t:19s;--d:-4s;--c:#e8902e}.tbg-leaves i:nth-child(6){--x:61%;--t:16s;--d:-13s;--c:#f7cf5a}.tbg-leaves i:nth-child(7){--x:70%;--t:22s;--d:-8s;--c:#d0552c}.tbg-leaves i:nth-child(8){--x:79%;--t:18s;--d:-15s;--c:#c8643b}.tbg-leaves i:nth-child(9){--x:88%;--t:20s;--d:-1s;--c:#f7cf5a}.tbg-leaves i:nth-child(10){--x:94%;--t:24s;--d:-19s;--c:#e8902e}.tbg-leaves i:nth-child(11){--x:33%;--t:26s;--d:-21s;--c:#d0552c}@keyframes tbgLeaf{0%{opacity:0;transform:translate(0)rotate(0)}6%{opacity:.95}25%{transform:translate(5vw,27vh)rotate(140deg)}50%{transform:translate(-2vw,54vh)rotate(250deg)}75%{transform:translate(6vw,80vh)rotate(380deg)}92%{opacity:.9}to{opacity:0;transform:translate(2vw,108vh)rotate(470deg)}}#title .title-inner{z-index:3;text-align:center;flex-direction:column;align-items:stretch;width:clamp(300px,31vw,470px);padding:0;display:flex;position:absolute;top:50%;left:clamp(20px,5.2vw,96px);transform:translateY(-50%)}#title .studio{justify-content:center;align-items:baseline;gap:14px;margin:0 0 clamp(6px,1.4vh,14px);display:flex}#title .studio b{letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(180deg, var(--gold-hi), var(--gold) 60%, var(--gold-lo));color:#0000;-webkit-background-clip:text;background-clip:text;border-bottom:2px solid #e7b558bf;padding-bottom:3px;font-size:clamp(15px,1.35vw,21px);font-weight:900}#title .studio span{letter-spacing:.38em;text-transform:uppercase;color:#f3e7cfd9;font-size:clamp(9px,.72vw,11px);font-weight:700}#title h1{text-shadow:none;margin:0;font-size:0;line-height:0}#title h1 img{-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 6px 16px #00000073);width:88%;height:auto;max-height:34vh}#title .tag{font-family:var(--serif);color:var(--cream);text-shadow:0 2px 10px #00000080;margin:clamp(8px,1.6vh,16px) 0 clamp(14px,2.8vh,26px);font-size:clamp(15px,1.3vw,20px);font-weight:500}#title .modes{flex-direction:column;gap:clamp(8px,1.5vh,14px);max-width:none;margin:0 0 clamp(16px,3vh,28px);display:flex}#title .modes button{text-align:left;font:inherit;color:var(--cream);cursor:pointer;box-shadow:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0e2c2e8c;border:1px solid #f3e7cf4d;border-radius:12px;grid-template-columns:44px 1px 1fr;align-items:center;gap:0 18px;padding:clamp(10px,1.6vh,15px) 20px;transition:border-color .25s,box-shadow .25s,background .25s;display:grid;transform:none}#title .modes button:hover{background:#123436a6;border-color:#e7b558b3}#title .modes button.on{border:1.5px solid var(--gold);background:#103232b8;transform:none;box-shadow:0 0 0 1px #f8dc9540,0 0 22px #e7b55847,inset 0 0 18px #e7b55814}#title .modes .mi{place-items:center;display:grid}#title .modes .mi svg{width:34px;height:34px}#title .modes .div{background:#f3e7cf4d;align-self:stretch;margin:2px 0}#title .modes button.on .div{background:#e7b5588c}#title .modes b{font-family:var(--serif);color:#fbf3e3;margin:0;font-size:clamp(18px,1.55vw,24px);font-weight:600;display:block}#title .modes .sub{color:#f3e7cfd1;opacity:0;max-height:0;font-size:clamp(11.5px,.85vw,13px);font-weight:500;line-height:1.4;transition:max-height .3s,opacity .3s,margin .3s;display:block;overflow:hidden}#title .modes button.on .sub{opacity:1;max-height:3.2em;margin-top:3px}#title .slots{align-items:stretch;gap:8px;margin:0 0 clamp(12px,2vh,18px)}#title .slots .slot{gap:6px}#title .slots .btn{text-align:left;color:#2a1a08;background:linear-gradient(180deg, var(--gold-hi), var(--gold) 55%, var(--gold-lo));border-radius:12px;flex:1;min-width:0;box-shadow:0 4px 14px #0000004d}#title .slots .btn .sub{color:#2a1a08bf}#title .slots .del{color:var(--cream);background:#0e2c2e99;border-radius:12px}#title #begin{cursor:pointer;width:100%;font:900 clamp(16px, 1.45vw, 22px)/1 var(--font);letter-spacing:.14em;text-transform:uppercase;color:#2b1906;clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,16px 100%,0 50%);filter:drop-shadow(0 6px 14px #00000073);background:linear-gradient(#a8711f,#7a4f14);border:0;border-radius:0;padding:clamp(15px,2.4vh,21px) 34px;transition:transform .2s,filter .2s;position:relative;overflow:visible}#title #begin:before{content:"";z-index:0;clip-path:polygon(15px 0,calc(100% - 15px) 0,100% 50%,calc(100% - 15px) 100%,15px 100%,0 50%);background:linear-gradient(#fbe2a0 0%,#f0c467 40%,#dca04a 72%,#c4842f 100%);position:absolute;inset:3px;box-shadow:inset 0 1px #ffffff80}#title #begin:after{content:"";z-index:1;background:radial-gradient(circle at 3.5px 3.5px,#8a5a1a 2.2px,#fbe2a0 2.6px,#0000 3.4px) 0/7px 7px no-repeat,radial-gradient(circle at 3.5px 3.5px,#8a5a1a 2.2px,#fbe2a0 2.6px,#0000 3.4px) 100%/7px 7px no-repeat;height:7px;position:absolute;top:50%;left:22px;right:22px;transform:translateY(-50%)}#title #begin .lbl{z-index:2;align-items:center;gap:14px;display:inline-flex;position:relative}#title #begin:not([disabled]) .lbl:after{content:"→";letter-spacing:0;font-weight:700;transition:transform .2s}#title #begin:not([disabled]):hover{filter:drop-shadow(0 9px 18px #00000080)brightness(1.04);transform:translateY(-2px)}#title #begin:not([disabled]):hover .lbl:after{transform:translate(4px)}#title #begin[disabled]{cursor:progress}#title #begin[disabled] .lbl{letter-spacing:.16em;opacity:.75;font-size:.72em}#title #begin .bar{z-index:2;opacity:.5;background:#6b4210;border-radius:3px;max-width:calc(100% - 36px);height:3px;position:absolute;bottom:6px;left:18px}#title #begin:focus-visible{outline:2px solid var(--gold-hi);outline-offset:4px}#title #begin.ghost{opacity:1}#title .title-links{color:#f3e7cf8c;justify-content:center;align-items:center;gap:16px;margin-top:clamp(14px,2.6vh,24px);font-size:14px;display:flex}#title .title-links button{font:600 15px var(--font);color:var(--cream);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:4px 6px}#title .title-links button:hover{color:var(--gold-hi)}#title .title-links button:focus-visible{outline:2px solid var(--gold)}#title .t-sound{z-index:3;cursor:pointer;font:600 15px var(--font);color:var(--cream);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a1e2073;border:0;border-radius:999px;align-items:center;gap:10px;padding:8px 14px;display:flex;position:absolute;bottom:clamp(14px,3.2vh,36px);right:clamp(14px,2.6vw,40px)}#title .t-sound:hover{background:#0a1e20a6}#title .t-sound svg{width:22px;height:22px;fill:var(--cream)}#title .t-sound svg .w,#title .t-sound svg .x{fill:none;stroke:var(--cream);stroke-width:2px;stroke-linecap:round}#title .t-sound svg .x,#title .t-sound[aria-pressed=false] svg .w{display:none}#title .t-sound[aria-pressed=false] svg .x{display:inline}#title.show~#tools{visibility:hidden}.ov-card.tset,.ov-card.tcred{text-align:left}.ov-card.tset h3,.ov-card.tcred h3{margin:0 0 4px;font-family:Lora,Georgia,serif;font-size:24px}.ov-card.tset .k2{margin:18px 0 8px}.tset .st-row{flex-wrap:wrap;gap:8px;display:flex}.tset .st-row button{font:600 14px var(--font);border:1.5px solid var(--line);color:var(--ink);cursor:pointer;background:#fffdf8;border-radius:999px;padding:8px 12px}.tset .st-row button.on{background:var(--ink);color:#fff;border-color:var(--ink)}.tset .st-row button small{opacity:.7;font-size:11px;font-weight:500;display:block}.tset .vol{grid-template-columns:90px 1fr 40px;align-items:center;gap:10px;margin:6px 0;font-size:14px;font-weight:600;display:grid}.tset .vol input{accent-color:#c4842f;width:100%}.tset .vol output{text-align:right;font-variant-numeric:tabular-nums;opacity:.7}.tcred p{margin:10px 0;line-height:1.5}.tcred .made{font-size:18px;font-weight:700}.tcred a{color:#a4661b;font-weight:700}.tset .row-end,.tcred .row-end{margin-top:20px}@media (aspect-ratio<=4/5){.tbg-img{-o-object-position:86% 50%;object-position:86% 50%}.tbg-shade{background:linear-gradient(180deg, rgba(var(--teal), .9) 0%, rgba(var(--teal), .6) 26%, rgba(var(--teal), .12) 42%, rgba(var(--teal), .2) 52%, rgba(var(--teal), .82) 66%, rgba(var(--teal), .95) 100%)}#title .title-inner{width:min(420px,100vw - 32px);padding:max(18px, env(safe-area-inset-top)) 0 max(16px, env(safe-area-inset-bottom));justify-content:flex-start;top:0;bottom:0;left:50%;transform:translate(-50%)}#title h1 img{width:min(74%,300px);max-height:25vh}#title .tag{margin-bottom:auto;font-size:15px}#title .modes{margin-bottom:12px}#title .modes button{grid-template-columns:34px 1px 1fr;gap:0 14px;padding:10px 14px}#title .modes .mi svg{width:28px;height:28px}#title .title-links{margin-top:10px}#title .t-sound{top:max(12px, env(safe-area-inset-top));padding:6px 10px;font-size:13px;bottom:auto;right:12px}#title .t-sound span{display:none}}@media (aspect-ratio<=4/5) and (height<=700px){#title h1 img{max-height:20vh}#title .tag{font-size:14px}#title .modes button{padding:8px 12px}#title .studio{margin-bottom:4px}}@media (aspect-ratio>=4/5) and (height<=560px){#title .title-inner{width:clamp(280px,40vw,420px)}#title h1 img{max-height:26vh}#title .tag{margin:6px 0 10px;font-size:14px}#title .modes{gap:6px;margin-bottom:10px}#title .modes button{padding:6px 14px}#title #begin{padding:12px 30px}#title .title-links{margin-top:6px}}#title:not(.show) .tbg *{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.tbg-leaves{display:none}}body.still .tbg-leaves{display:none}