:root{--vermilion: #8b1a1a;--vermilion-deep: #6d1212;--gold: #c9a227;--gold-soft: #e0c66b;--lacquer: #1a1210;--lacquer-edge: #2e211d;--wood: #e8d8b7;--wood-edge: #c9b287;--wood-shade: #d6c19a;--sumi: #241c17;--gutter: 16px;--frame-pad: 10px;--stage-gap: 2px;--bottom-reserve: 56px;--cell: 64px;--char-h: 220px}*{box-sizing:border-box}html,body{position:fixed;inset:0;margin:0;padding:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}button{-webkit-tap-highlight-color:transparent}body{background:var(--vermilion-deep);color:var(--sumi);font-family:Hiragino Mincho ProN,Yu Mincho,"Noto Serif JP",serif}#app{position:relative;touch-action:none;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);overflow:hidden}.bg{position:absolute;inset:0;z-index:0;background-color:var(--vermilion);background-image:radial-gradient(circle at 12% 18%,rgba(224,198,107,.18) 0 14px,transparent 15px),radial-gradient(circle at 78% 32%,rgba(224,198,107,.14) 0 20px,transparent 21px),radial-gradient(circle at 34% 72%,rgba(224,198,107,.12) 0 16px,transparent 17px),radial-gradient(circle at 88% 84%,rgba(224,198,107,.16) 0 12px,transparent 13px),linear-gradient(160deg,#a02323,#8b1a1a 45%,#6d1212)}.bg--image{background-color:var(--vermilion);background-image:var(--bg-image);background-size:cover;background-position:center;background-repeat:no-repeat}.hud{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:8px;min-width:0;margin:8px var(--gutter) 0;padding:8px 14px;border:2px solid var(--lacquer);border-radius:6px;background:linear-gradient(180deg,var(--wood) 0%,var(--wood-shade) 100%);box-shadow:0 2px #00000059;font-size:clamp(14px,4.2vw,19px);letter-spacing:.04em;white-space:nowrap}.hud-value{font-variant-numeric:tabular-nums;font-weight:700}.stage{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:var(--stage-gap);min-width:0;min-height:0;overflow:hidden;padding:var(--stage-gap) var(--gutter) var(--bottom-reserve)}.visually-hidden,.genkan--image .genkan-label,.hint-button--image .hint-label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.hud--image{border:none;background:none;background-image:var(--hud-image);background-size:100% 100%;background-repeat:no-repeat;box-shadow:none;filter:drop-shadow(0 2px 3px rgba(0,0,0,.4))}.noscript-note{margin:16px;color:#f6ead0;font-size:15px;line-height:1.8}.board-frame{position:relative;padding:var(--frame-pad);border-radius:8px;background:linear-gradient(145deg,var(--lacquer-edge) 0%,var(--lacquer) 60%);box-shadow:0 0 0 2px var(--vermilion-deep),0 6px 16px #00000073}.board-frame--image{width:calc(var(--cell) * 4 / var(--frame-hw));height:calc(var(--cell) * 5 / var(--frame-hh));padding:0;border-radius:0;background:none;background-image:var(--frame-image);background-size:100% 100%;background-repeat:no-repeat;box-shadow:none;filter:drop-shadow(0 6px 14px rgba(0,0,0,.45))}.board-frame--image .board{position:absolute;left:calc(var(--frame-hx) * 100%);top:calc(var(--frame-hy) * 100%);border-radius:0}.board{position:relative;width:calc(var(--cell) * 4);height:calc(var(--cell) * 5);border-radius:3px;background:repeating-linear-gradient(90deg,rgba(0,0,0,.16) 0 1px,transparent 1px calc(var(--cell) * 1)),repeating-linear-gradient(180deg,rgba(0,0,0,.16) 0 1px,transparent 1px calc(var(--cell) * 1)),#7a3b2e;touch-action:none}.piece{position:absolute;left:0;top:0;width:calc(var(--cell) * var(--w));height:calc(var(--cell) * var(--h));padding:3px;transform:translate3d(calc(var(--cell) * var(--col) + var(--dx, 0px)),calc(var(--cell) * var(--row) + var(--dy, 0px)),0);will-change:transform;touch-action:none}.piece-face{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border:1.5px solid var(--wood-edge);border-radius:5px;background:linear-gradient(170deg,#f2e4c6 0%,var(--wood) 42%,var(--wood-shade) 100%);box-shadow:inset 0 1px #ffffffa6,0 2px 3px #0006;color:var(--sumi);font-size:calc(var(--cell) * .36);line-height:1.1;letter-spacing:.06em;writing-mode:vertical-rl;text-orientation:upright}.piece[data-kind=musume] .piece-face{border:2px solid var(--gold);background:linear-gradient(170deg,#fff3d8,#f3e3bd 45%,#e3cd9e);box-shadow:inset 0 0 0 1px #c9a22780,inset 0 1px #fffc,0 3px 6px #00000073;font-size:calc(var(--cell) * .34);font-weight:700}.piece[data-kind=shitsuji] .piece-face{writing-mode:horizontal-tb}.genkan{display:flex;align-items:center;justify-content:center;width:calc(var(--cell) * 2);min-height:34px;padding:4px 0;border:2px solid var(--lacquer);border-radius:5px;background:linear-gradient(180deg,var(--wood) 0%,var(--wood-shade) 100%);box-shadow:0 2px #00000059;font-size:clamp(14px,4vw,20px);letter-spacing:.3em;text-indent:.3em}.piece--dragging{z-index:3;transition:none}.piece--dragging .piece-face{box-shadow:inset 0 1px #ffffffa6,0 6px 10px #00000080}.piece--snap{z-index:2;transition:transform .14s cubic-bezier(.2,.8,.3,1)}.piece--blocked .piece-face{animation:piece-shake .22s ease-in-out}@keyframes piece-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}50%{transform:translate(3px)}75%{transform:translate(-2px)}}@media(prefers-reduced-motion:reduce){.piece--snap{transition-duration:0ms}.piece--blocked .piece-face{animation:none}}.piece-face--image{border:none;border-radius:0;background:none;background-image:var(--piece-image);background-size:100% 100%;background-repeat:no-repeat;box-shadow:none;filter:drop-shadow(0 2px 3px rgba(0,0,0,.45));font-size:0}.piece[data-kind=musume] .piece-face--image{border:none;background:none;background-image:var(--piece-image);background-size:100% 100%;background-repeat:no-repeat;box-shadow:none;filter:drop-shadow(0 3px 5px rgba(0,0,0,.5));font-size:0}.piece--hint .piece-face--image{outline:none;filter:drop-shadow(0 0 6px rgba(224,198,107,.95)) drop-shadow(0 0 14px rgba(224,198,107,.7))}.genkan--image{border:none;background:none;background-image:var(--genkan-image);background-size:100% 100%;background-repeat:no-repeat;box-shadow:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.45));height:calc(var(--cell) * .5);min-height:0;padding:0}.board--hinting:after{content:"";position:absolute;inset:0;z-index:4;border-radius:3px;background:#140c0a7a;pointer-events:none}.piece--hint{z-index:5}.hint-ghosts{position:absolute;inset:0;z-index:6;pointer-events:none}.hint-arrow{position:absolute;height:3px;margin-top:-1.5px;transform-origin:0 50%;border-radius:2px;background:linear-gradient(90deg,#f6ead040,#f6ead0f2);filter:drop-shadow(0 1px 3px rgba(0,0,0,.8));animation:hint-arrow-in .26s ease-out backwards;animation-delay:var(--delay, 0ms)}.hint-arrow:after{content:"";position:absolute;right:-2px;top:50%;width:0;height:0;border:7px solid transparent;border-left-color:#f6ead0f2;border-right-width:0;translate:0 -50%}@keyframes hint-arrow-in{0%{scale:.4 1}to{scale:1 1}}.hint-ghost{position:absolute;left:0;top:0;width:calc(var(--cell) * var(--w));height:calc(var(--cell) * var(--h));padding:3px;transform:translate3d(calc(var(--cell) * var(--col)),calc(var(--cell) * var(--row)),0)}.hint-ghost-face{width:100%;height:100%;opacity:.42;border-radius:4px;outline:2px dashed var(--gold);outline-offset:-2px;background-image:var(--piece-image);background-size:100% 100%;background-repeat:no-repeat}.hint-ghost-step{position:absolute;top:-6px;left:-6px;display:grid;place-items:center;width:22px;height:22px;border:2px solid var(--wood);border-radius:50%;background:var(--vermilion);color:#f6ead0;font-size:13px;line-height:1}.hint-ghost-inner{position:relative;width:100%;height:100%;will-change:transform}.piece--exit{z-index:4;transition:transform .62s cubic-bezier(.4,0,.6,1),opacity .62s ease-in;opacity:0}.petals{position:absolute;inset:0;z-index:5;overflow:hidden;pointer-events:none}.petal{position:absolute;top:-24px;left:var(--x);width:var(--size);height:calc(var(--size) * .8);opacity:0;animation:petal-fall var(--duration) linear var(--delay) 1 forwards}.petal-inner{display:block;width:100%;height:100%;border-radius:60% 0;background:linear-gradient(140deg,#ffd9e2,#f7a8bd 60%,#e97c9a);animation:petal-sway-a var(--sway) ease-in-out infinite alternate}.petal[data-sway=b] .petal-inner{animation-name:petal-sway-b}.petal[data-sway=c] .petal-inner{animation-name:petal-sway-c}@keyframes petal-fall{0%{opacity:0;transform:translateZ(0)}8%{opacity:1}90%{opacity:1}to{opacity:0;transform:translate3d(0,105vh,0)}}@keyframes petal-sway-a{0%{transform:translate(-26px) rotate(-120deg)}to{transform:translate(26px) rotate(160deg)}}@keyframes petal-sway-b{0%{transform:translate(14px) rotate(90deg)}to{transform:translate(-34px) rotate(-200deg)}}@keyframes petal-sway-c{0%{transform:translate(-8px) rotate(30deg)}to{transform:translate(18px) rotate(-260deg)}}.clear-view{position:absolute;inset:0;z-index:10;display:flex;align-items:flex-start;justify-content:center;padding:max(8px,env(safe-area-inset-top)) var(--gutter) var(--gutter);overflow-y:auto;-webkit-overflow-scrolling:touch;background:#1a1210b3}.clear-view[hidden]{display:none}.clear-panel{width:min(92%,340px);padding:16px 18px;border:2px solid var(--lacquer);border-radius:8px;background:linear-gradient(180deg,#f6ead0 0%,var(--wood) 55%,var(--wood-shade) 100%);box-shadow:0 10px 30px #00000080;text-align:center}.clear-title{margin:0 0 10px;font-size:clamp(15px,4.4vw,19px);letter-spacing:.08em}.clear-grade{margin:0;font-size:clamp(40px,13vw,58px);font-weight:700;line-height:1;letter-spacing:.1em;color:var(--vermilion)}.clear-grade[data-grade=tokujo]{color:#a8801a;text-shadow:0 1px 0 rgba(255,255,255,.6)}.clear-note{margin:6px 0 12px;font-size:clamp(12px,3.6vw,14px);opacity:.78}.clear-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0 0 10px;padding:10px 0;border-top:1px solid rgba(36,28,23,.25);border-bottom:1px solid rgba(36,28,23,.25)}.clear-stats div{display:flex;flex-direction:column;gap:4px}.clear-stats dt{font-size:11px;opacity:.7}.clear-stats dd{margin:0;font-size:clamp(16px,5vw,20px);font-variant-numeric:tabular-nums;font-weight:700}.clear-best{margin:0 0 10px;font-size:13px;font-weight:700;color:var(--vermilion)}.clear-optimal{margin:0 0 12px;font-size:12px;opacity:.7}.clear-replay{width:100%;min-height:46px;border:2px solid var(--lacquer);border-radius:6px;background:linear-gradient(180deg,var(--vermilion) 0%,var(--vermilion-deep) 100%);color:#f6ead0;font-family:inherit;font-size:clamp(15px,4.4vw,17px);letter-spacing:.12em;cursor:pointer}.clear-replay:active{transform:translateY(1px)}@media(prefers-reduced-motion:reduce){.piece--exit{transition-duration:0ms}}.clear-record{margin:0 0 8px;font-size:12px;opacity:.8}.clear-view--side{justify-content:flex-start;padding-left:max(12px,env(safe-area-inset-left))}.controls{position:absolute;left:calc(var(--gutter) + env(safe-area-inset-left));bottom:calc(14px + env(safe-area-inset-bottom));z-index:6;display:flex;align-items:center;gap:8px}.hud-button{min-height:44px;padding:4px 12px;border:1.5px solid var(--lacquer);border-radius:5px;background:linear-gradient(180deg,#f2e4c6 0%,var(--wood-shade) 100%);color:var(--sumi);font-family:inherit;font-size:clamp(12px,3.4vw,14px);letter-spacing:.08em;cursor:pointer}.hud-button:active:not(:disabled){transform:translateY(1px)}.hud-button:disabled{opacity:.45;cursor:default}.hint-button{position:absolute;right:calc(var(--gutter) + env(safe-area-inset-right));bottom:calc(14px + env(safe-area-inset-bottom));z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:78px;min-height:52px;padding:8px 14px;border:2px solid var(--lacquer);border-radius:40px 40px 8px 8px;background:linear-gradient(180deg,var(--vermilion) 0%,var(--vermilion-deep) 100%);box-shadow:0 3px 8px #00000073;color:#f6ead0;font-family:inherit;font-size:clamp(13px,3.8vw,15px);letter-spacing:.1em;cursor:pointer}.hint-button:active:not(:disabled){transform:translateY(1px)}.hint-button--image:active:not(:disabled){transform:translateY(1px) scale(.97);filter:brightness(1.12) drop-shadow(0 1px 3px rgba(0,0,0,.5))}.hint-button--image:focus-visible{outline:none;filter:drop-shadow(0 0 3px rgba(255,245,220,.95)) drop-shadow(0 0 8px rgba(224,198,107,.9))}.hint-button.is-disabled,.hint-button:disabled{background:linear-gradient(180deg,#8d8377,#6f665c);color:#ddd5c8;cursor:default;opacity:.85}.hint-button.is-thinking .hint-label:after{content:"…"}.hint-count{font-size:11px;font-variant-numeric:tabular-nums;opacity:.9}.piece--hint .piece-face{outline:2px solid var(--gold);outline-offset:-3px;box-shadow:0 0 0 2px #c9a22759,0 0 14px #e0c66bb3,inset 0 1px #ffffffa6;animation:hint-pulse 1.4s ease-in-out infinite}@keyframes hint-pulse{50%{box-shadow:0 0 0 3px #c9a22780,0 0 22px #e0c66bf2,inset 0 1px #ffffffa6}}.dialog{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:var(--gutter);background:#1a121099}.dialog[hidden]{display:none}.dialog-panel{width:min(92%,320px);padding:20px 18px 16px;border:2px solid var(--lacquer);border-radius:8px;background:linear-gradient(180deg,#f6ead0 0%,var(--wood) 60%,var(--wood-shade) 100%);box-shadow:0 10px 28px #00000080;text-align:center}.dialog-message{margin:0 0 6px;font-size:clamp(15px,4.2vw,17px);letter-spacing:.06em}.dialog-detail{margin:0 0 16px;font-size:12px;opacity:.75}.dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dialog-button{min-height:46px;border:2px solid var(--lacquer);border-radius:6px;font-family:inherit;font-size:clamp(14px,4vw,16px);letter-spacing:.08em;cursor:pointer}.dialog-button--cancel{background:linear-gradient(180deg,#f2e4c6 0%,var(--wood-shade) 100%);color:var(--sumi)}.dialog-button--confirm{background:linear-gradient(180deg,var(--vermilion) 0%,var(--vermilion-deep) 100%);color:#f6ead0}@media(prefers-reduced-motion:reduce){.piece--hint .piece-face{animation:none}}.hud-button.is-muted{background:linear-gradient(180deg,#ded4c2,#b9ab94);color:#6b6152}.hint-button--image{border:none;border-radius:0;background:none;background-image:var(--hint-image);background-size:100% 100%;background-repeat:no-repeat;box-shadow:none;filter:drop-shadow(0 3px 6px rgba(0,0,0,.45));width:108px;height:72px;min-width:0;min-height:0;padding:0;display:block}.hint-button--image .hint-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.hint-button--image .hint-count{position:absolute;left:50%;top:58%;transform:translate(-50%,-50%);font-size:17px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1;color:#f6ead0;text-shadow:0 1px 2px rgba(0,0,0,.55);opacity:1}.hint-button--image.is-disabled,.hint-button--image:disabled{background-image:var(--hint-image);background-size:100% 100%;background-repeat:no-repeat;filter:brightness(.62) saturate(.7) drop-shadow(0 2px 4px rgba(0,0,0,.4));opacity:1}.char[hidden]{display:none}.char{position:absolute;left:0;bottom:calc(var(--char-h) * -.3);z-index:3;height:var(--char-h);width:calc(var(--char-h) * var(--char-aspect, .317));transition:transform 0ms linear;pointer-events:none;will-change:transform}.char-bounce{position:relative;height:100%;transform-origin:50% 100%;animation:char-idle 2.5s ease-in-out infinite}.char-img{position:absolute;bottom:0;left:50%;height:100%;width:auto;max-width:none;transform:translate(-50%) scaleX(var(--flip, 1));transform-origin:50% 100%;filter:drop-shadow(0 6px 10px rgba(0,0,0,.4))}.char[data-state=cheer] .char-img{height:calc(100% * var(--cheer-scale, 1))}@keyframes char-idle{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(.6deg)}}@keyframes char-idle-bored{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(1.1deg)}}.char--bored .char-bounce{animation:char-idle-bored 3.4s ease-in-out infinite}.char[data-state=walk] .char-bounce{animation:char-walk .46s ease-in-out infinite}@keyframes char-walk{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-5px) rotate(-1deg)}75%{transform:translateY(-3px) rotate(1deg)}}.char[data-state=cheer] .char-bounce{animation:char-cheer 3s cubic-bezier(.3,0,.4,1) 1}@keyframes char-cheer{0%{transform:translateY(0) scale(1) rotate(0)}4%{transform:translateY(0) scale(1.05,.96) rotate(0)}12%{transform:translateY(-54px) scale(.98,1.03) rotate(-4deg)}20%{transform:translateY(0) scale(1.04,.97) rotate(0)}29%{transform:translateY(-46px) scale(.985,1.025) rotate(4deg)}38%{transform:translateY(0) scale(1.035,.975) rotate(0)}47%{transform:translateY(-36px) scale(.99,1.02) rotate(-3deg)}56%{transform:translateY(0) scale(1.03,.98) rotate(0)}65%{transform:translateY(-24px) scale(.995,1.015) rotate(2deg)}74%{transform:translateY(0) scale(1.02,.985) rotate(0)}83%{transform:translateY(-12px) scaleY(1.008) rotate(-1deg)}92%{transform:translateY(0) scale(1.01,.995) rotate(0)}to{transform:translateY(0) scale(1) rotate(0)}}.finale{position:absolute;inset:0;z-index:7;pointer-events:none}.finale[hidden]{display:none}.finale-figure{position:absolute;right:2%;bottom:0;height:64%;width:auto;filter:drop-shadow(0 8px 16px rgba(0,0,0,.5));animation:finale-rise .7s cubic-bezier(.2,.9,.3,1) both;transition:height .6s cubic-bezier(.3,0,.3,1),right .6s cubic-bezier(.3,0,.3,1),opacity .6s ease}@keyframes finale-rise{0%{opacity:0;transform:translateY(16%)}to{opacity:1;transform:translateY(0)}}.finale-line{position:absolute;left:5%;bottom:48%;max-width:56%;padding:12px 14px;border:2px solid var(--lacquer);border-radius:10px;background:linear-gradient(180deg,#f8efda 0%,var(--wood) 100%);box-shadow:0 6px 14px #00000073;animation:finale-pop .46s cubic-bezier(.2,1.2,.4,1) .52s both;transition:opacity .32s ease}.finale-line:after{content:"";position:absolute;right:16px;bottom:-11px;width:0;height:0;border:9px solid transparent;border-top-color:var(--wood);border-bottom-width:0;filter:drop-shadow(0 2px 0 var(--lacquer))}.finale-line p{margin:0;font-size:clamp(13px,3.8vw,16px);line-height:1.7;letter-spacing:.04em;color:var(--sumi)}.finale-line p+p{margin-top:4px}@keyframes finale-pop{0%{opacity:0;transform:scale(.88) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.finale--compact .finale-figure{height:50%;right:0}.finale--compact .finale-line{opacity:0}@media(prefers-reduced-motion:reduce){.finale-figure,.finale-line{animation-duration:1ms;transition-duration:1ms}}.title-view{position:absolute;inset:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:var(--gutter);background:#1a1210b8}.title-view[hidden]{display:none}.title-panel{position:relative;width:min(86%,330px);aspect-ratio:600 / 1000;max-height:86%;container-type:inline-size;overflow:hidden;border:2px solid var(--lacquer);border-radius:10px;background:var(--wood);box-shadow:0 12px 34px #0000008c}@media(max-height:620px){.title-panel{width:auto;min-width:min(56%,260px);height:84%;max-height:none}}.title-portrait{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 12%}.title-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#1a121000 52%,#1a121042,#1a12106b)}.title-name-ink{position:absolute;top:3.4%;left:50%;width:68%;height:auto;transform:translate(-50%)}.title-version{position:absolute;top:15.6%;left:0;right:0;margin:0;text-align:center;font-size:max(9px,3.2cqw);letter-spacing:.12em;color:var(--sumi);opacity:.5}.title-lines{position:absolute;left:0;right:0;bottom:0;padding:7cqw 6% 5%;text-align:center;background:linear-gradient(180deg,#1a121000,#1a12109e 22%,#1a1210c7 58%,#1a1210d6)}.title-plea{margin:0 0 1.5cqw;font-size:max(13px,6.4cqw);letter-spacing:.06em;color:#f8efda;text-shadow:0 1px 2px rgba(26,18,16,.95),0 3px 10px rgba(0,0,0,.9)}.title-howto{margin:0 0 3cqw;font-size:max(11px,4.2cqw);letter-spacing:.04em;color:#e6d6bb;text-shadow:0 1px 2px rgba(26,18,16,.95),0 3px 8px rgba(0,0,0,.85)}.title-ask{margin:0 0 2.4cqw;font-size:max(12px,4.8cqw);letter-spacing:.08em;color:#f8efda;text-shadow:0 1px 2px rgba(26,18,16,.95),0 3px 8px rgba(0,0,0,.85)}.title-start{width:100%;min-height:44px;padding:2cqw 0;border:2px solid var(--lacquer);border-radius:6px;background:linear-gradient(180deg,var(--vermilion) 0%,var(--vermilion-deep) 100%);color:#f6ead0;font-family:inherit;font-size:max(14px,5.4cqw);letter-spacing:.14em;box-shadow:0 4px 12px #00000080;cursor:pointer}.title-start:active{transform:translateY(1px)}.title-footer{margin:0;font-size:11px;letter-spacing:.06em;color:#e6d6bb;opacity:.72;text-shadow:0 1px 3px rgba(0,0,0,.8)}.cutin{position:absolute;inset:0;z-index:12;overflow:hidden;pointer-events:none}.cutin[hidden]{display:none}.cutin-band{position:absolute;left:-10%;bottom:4%;width:120%;height:27%;transform:rotate(-7deg);background:linear-gradient(90deg,#1a121000,#1a1210d1 18%,#7a1c1cdb 62%,#1a121000);box-shadow:0 0 20px #00000080;opacity:0}.cutin-figure{position:absolute;left:-2%;bottom:0;width:52%;max-width:260px;height:auto;filter:drop-shadow(0 6px 14px rgba(0,0,0,.6));opacity:0}.cutin-line{position:absolute;right:6%;bottom:13%;max-width:52%;margin:0;font-size:clamp(15px,4.6vw,20px);letter-spacing:.08em;color:#f8efda;text-shadow:0 1px 2px rgba(26,18,16,.95),0 3px 10px rgba(0,0,0,.9);opacity:0}.cutin--playing .cutin-band{animation:cutin-band 1.14s cubic-bezier(.2,.8,.3,1) both}.cutin--playing .cutin-figure{animation:cutin-figure 1.14s cubic-bezier(.2,.9,.3,1) both}.cutin--playing .cutin-line{animation:cutin-line 1.14s ease both}@keyframes cutin-band{0%{opacity:0;transform:rotate(-7deg) translate(-40%)}18%{opacity:1;transform:rotate(-7deg) translate(0)}77%{opacity:1;transform:rotate(-7deg) translate(0)}to{opacity:0;transform:rotate(-7deg) translate(26%)}}@keyframes cutin-figure{0%{opacity:0;transform:translate(-46%) scale(.98)}20%{opacity:1;transform:translate(0) scale(1)}77%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(-30%) scale(.99)}}@keyframes cutin-line{0%,22%{opacity:0;transform:translateY(6px)}38%{opacity:1;transform:translateY(0)}77%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.cutin--playing .cutin-band,.cutin--playing .cutin-figure,.cutin--playing .cutin-line{animation-name:cutin-fade}@keyframes cutin-fade{0%{opacity:0}18%,77%{opacity:1}to{opacity:0}}}