:root{color-scheme:dark;--bg:#07080d;--surface:#0e1018;--surface-2:#161927;--line:rgba(255,255,255,0.07);--line-2:rgba(255,255,255,0.14);--text:#f2f4fa;--muted:#9097ab;--faint:#5c6276;--accent:#2de2ff;--accent-ink:#021820;--accent-soft:rgba(45,226,255,0.13);--bad:#ff4d6a;--jp:var(--font-jp),"Hiragino Sans","Yu Gothic UI","Meiryo",sans-serif;--ui:var(--font-ui),var(--jp);--brand:var(--font-brand),var(--ui);--ease-pop:cubic-bezier(0.2,1.3,0.4,1)}*{box-sizing:border-box}html{background:var(--bg)}body,html{margin:0;min-height:100%;color:var(--text);font-family:var(--ui);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}body{overflow-x:hidden}body:after{content:"";position:fixed;inset:0;z-index:50;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}::selection{background:var(--accent);color:var(--accent-ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button,input{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}kbd{display:inline-block;min-width:1.6em;padding:1px 6px;font-family:var(--ui);font-size:.7rem;font-weight:700;text-align:center;color:var(--muted);background:var(--surface-2);border:solid var(--line-2);border-width:1px 1px 2px;border-radius:5px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.atmos{position:fixed;inset:0;z-index:-2;overflow:hidden;pointer-events:none}.orb{position:absolute;border-radius:50%;filter:blur(90px)}.orb-a{width:520px;height:520px;top:-220px;right:-160px;background:rgba(45,226,255,.16);animation:drift-a 26s ease-in-out infinite alternate}.orb-b{width:560px;height:560px;bottom:-300px;left:-220px;background:rgba(30,70,255,.18);animation:drift-b 30s ease-in-out infinite alternate}.halftone{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.11) 1px,transparent 1.5px);background-size:9px 9px;-webkit-mask-image:radial-gradient(55% 45% at 100% 0,#000,transparent 75%);mask-image:radial-gradient(55% 45% at 100% 0,#000,transparent 75%)}@keyframes drift-a{to{transform:translate(-90px,70px) scale(1.1)}}@keyframes drift-b{to{transform:translate(110px,-60px) scale(.92)}}.site{width:min(100%,820px);margin:0 auto;padding:4px 16px 24px;min-height:calc(100dvh - 72px);display:flex;flex-direction:column}.site>main{flex:1 1}.site-header{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"logo slot help";align-items:center;grid-gap:10px 24px;gap:10px 24px;width:100%;padding:14px 24px 12px}.site-header .logo{grid-area:logo}.site-header .help{grid-area:help}.header-slot{grid-area:slot;display:flex;justify-content:flex-end;min-width:0}.header-slot .roundbar{width:min(100%,440px);margin:0}.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none}.logo-mark{position:relative;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--accent);box-shadow:0 0 22px rgba(45,226,255,.45)}.logo-mark:after{content:"";position:absolute;inset:-5px;border-radius:50%;border-color:rgba(45,226,255,.35) transparent transparent rgba(45,226,255,.35);border-style:solid;border-width:1.5px;transform:rotate(-20deg)}.logo-mark span{width:0;height:0;margin-left:3px;border-style:solid;border-width:7px 0 7px 11px;border-color:transparent transparent transparent var(--accent-ink)}.logo-words{display:grid;line-height:1}.logo-name{font-family:var(--brand);font-weight:900;font-size:1.22rem;letter-spacing:-.01em}.logo-name em{font-style:normal;color:var(--accent)}.logo-jp{margin-top:4px;font-family:var(--jp);font-size:.6rem;letter-spacing:.42em;color:var(--muted)}.help,.logo-jp{font-weight:800}.help{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:var(--muted);text-decoration:none;border:1px solid var(--line-2);background:rgba(14,16,24,.6)}.help:hover{color:var(--text);border-color:var(--accent)}.site-footer{margin-top:32px;font-size:.74rem;color:var(--faint);text-align:center}.site-footer nav{display:flex;justify-content:center;gap:16px;margin-bottom:6px}.site-footer a{color:var(--muted);text-decoration:none}.site-footer a:hover{color:var(--text)}.site-footer p{margin:0}.prose{padding:18px 20px 22px;background:rgba(14,16,24,.75);border:1px solid var(--line);border-radius:20px}.prose h1{margin:0 0 12px;font-weight:800;font-size:1.7rem;letter-spacing:-.02em}.prose h2{margin:24px 0 8px;font-size:1.05rem;color:var(--accent)}.prose li,.prose p{color:var(--muted);line-height:1.7}.prose a{color:var(--text);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:3px}.prose code{font-size:.85em;color:var(--text)}.game{position:relative}#yt-dock,.yt-dock{position:fixed;width:1px;height:1px;left:0;bottom:0;overflow:hidden;opacity:0;pointer-events:none}.boot{display:flex;align-items:center;gap:10px;padding:40px 0;justify-content:center;color:var(--muted);font-weight:600}.boot span{width:16px;height:16px;border-radius:50%;border:2px solid var(--line-2);border-top-color:var(--accent);animation:spin .7s linear infinite}.rollover{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 14px;margin:0 auto 14px;max-width:720px;padding:10px 14px;border:1px solid var(--line-2);border-radius:12px;font-size:.86rem;font-weight:700;color:var(--accent)}.wash{position:fixed;inset:0;z-index:-1;pointer-events:none}.wash span{position:absolute;inset:-80px;background-size:cover;background-position:50%;filter:blur(48px) saturate(1.6);opacity:.7;animation:fade-in .9s ease both}.wash:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,8,13,.35),rgba(7,8,13,.8) 55%,var(--bg) 92%);opacity:0;transition:opacity .6s ease}.wash.is-on:after{opacity:1}.roundbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:14px;gap:14px;margin-bottom:12px}.roundbar-label{margin:0;font-size:.86rem;font-weight:700;color:var(--muted)}.roundbar-label b{color:var(--text);font-weight:800}.roundbar-label span{color:var(--faint)}.roundbar-steps{display:flex;gap:5px;margin:0;padding:0;list-style:none}.step{flex:1 1;height:4px;border-radius:99px;background:var(--surface-2);transition:background .3s ease}.step.is-now{background:var(--text)}.step.is-hit{background:var(--accent);box-shadow:0 0 10px rgba(45,226,255,.5)}.step.is-miss{background:var(--bad)}.roundbar-date{margin:0;font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.deck{grid-gap:14px;gap:14px;width:min(100%,720px);margin:0 auto}.deck,.side{display:grid}.side{grid-gap:8px;gap:8px}.player{position:relative;display:grid;grid-gap:10px;gap:10px;padding:14px 16px;overflow:hidden;border-radius:22px;border:1px solid var(--line-2);background:radial-gradient(120% 90% at 50% 0,rgba(45,226,255,.1),transparent 60%),linear-gradient(180deg,#11141e,#080a10);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 30px 80px -40px rgba(45,226,255,.35)}.player:before{content:"";position:absolute;left:16px;right:16px;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.6}.scan{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(180deg,rgba(255,255,255,.045) 0 1px,transparent 1px 4px);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);opacity:.55}.player.is-playing .scan{animation:scan 1.1s linear infinite}.player-top,.scrub,.ticks,.transport{position:relative;z-index:1}.player-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.player-tag{display:flex;align-items:baseline;gap:8px;font-size:.72rem;font-weight:800;letter-spacing:.12em;color:var(--muted)}.player-tag b{color:var(--text)}.player-tag i{font-style:normal;font-family:var(--jp);letter-spacing:.18em;color:var(--faint)}.tries{display:flex;gap:4px;margin:0;padding:0;list-style:none}.try{min-width:34px;padding:3px 6px;font-size:.66rem;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:center;color:var(--faint);border-radius:99px;border:1px solid var(--line);background:rgba(7,8,13,.5)}.try.is-now{color:var(--accent-ink);background:var(--accent);border-color:var(--accent);box-shadow:0 0 14px rgba(45,226,255,.45)}.try.is-miss{color:#fff;background:rgba(255,77,106,.75);border-color:transparent}.try.is-skip{color:var(--muted);background:var(--surface-2);border-color:transparent}.try.is-fresh{animation:pop .45s var(--ease-pop)}.scrub{--pos:0;--hover:0;height:92px;margin-top:4px;border-radius:14px;background:rgba(0,0,0,.32);border:1px solid var(--line);cursor:pointer;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden}.scrub:focus-visible{outline-offset:2px}.scrub-wave{position:absolute;inset:10px 0;display:flex;align-items:center;gap:2px;padding:0 1px;pointer-events:none}.scrub-wave i{flex:1 1;height:calc(var(--h) * 100%);min-height:3px;border-radius:2px;background:rgba(45,226,255,.32);transition:background .3s ease}.scrub-wave i.is-locked{background:rgba(255,255,255,.07)}.scrub-wave.is-lit{-webkit-clip-path:inset(0 calc((1 - var(--pos)) * 100%) 0 0);clip-path:inset(0 calc((1 - var(--pos)) * 100%) 0 0)}.scrub-wave.is-lit i{background:linear-gradient(180deg,#a9f6ff,var(--accent));box-shadow:0 0 8px rgba(45,226,255,.55)}.player.is-playing .scrub-wave.is-lit i{animation:bar-bounce .5s ease-in-out infinite alternate;animation-delay:calc(var(--h) * -.4s)}.scrub-head,.scrub-hover,.scrub-loop{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;pointer-events:none}.scrub-head{left:calc(var(--pos) * 100%);background:#fff;box-shadow:0 0 12px var(--accent),0 0 2px #fff}.scrub-head:after,.scrub-head:before{content:"";position:absolute;left:50%;width:10px;height:10px;translate:-50% 0;border-radius:50%;background:#fff;box-shadow:0 0 10px var(--accent)}.scrub-head:before{top:-5px}.scrub-head:after{bottom:-5px}.scrub-hover{left:calc(var(--hover) * 100%);background:rgba(255,255,255,.35);opacity:0;transition:opacity .12s ease}.scrub[data-hover=on] .scrub-hover{opacity:1}.scrub-loop{left:calc(var(--loop) * 100%);width:0;border-left:2px dashed #ffd84d}.scrub-loop:before{content:"";position:absolute;top:4px;left:2px;width:8px;height:8px;background:#ffd84d;-webkit-clip-path:polygon(0 0,100% 50%,0 100%);clip-path:polygon(0 0,100% 50%,0 100%)}.scrub-lock{position:absolute;top:0;bottom:0;left:calc(var(--limit) * 100%);right:0;display:flex;align-items:center;justify-content:center;gap:7px;font-size:.74rem;font-weight:800;color:var(--muted);white-space:nowrap;overflow:hidden;background:repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 6px,transparent 6px 12px);border-left:1.5px solid rgba(45,226,255,.55);transition:left .7s var(--ease-pop);cursor:not-allowed}.scrub-lock-text{padding:3px 9px;border-radius:99px;background:rgba(7,8,13,.8);border:1px solid var(--line-2)}.scrub-gain{position:absolute;top:50%;left:calc(var(--limit) * 100%);translate:-50% -50%;padding:3px 9px;font-size:.76rem;font-weight:800;color:var(--accent-ink);background:var(--accent);border-radius:99px;white-space:nowrap;pointer-events:none;box-shadow:0 0 18px rgba(45,226,255,.6);animation:chip 1.2s ease-out forwards}.ticks{height:14px;margin:-4px 0 0;padding:0;list-style:none}.ticks li{position:absolute;left:calc(var(--at) * 100%);translate:-50% 0;font-size:.66rem;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--faint)}.ticks li:last-child{translate:-100% 0}.ticks li.is-open{color:var(--accent)}.transport{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:12px;gap:12px}.clock{display:flex;align-items:baseline;gap:5px;margin:0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.clock span{min-width:2.4em;font-family:var(--brand);font-size:1.25rem;font-weight:700;color:var(--text)}.clock i{font-style:normal;color:var(--faint)}.clock b{font-size:.86rem;color:var(--accent)}.controls{display:flex;align-items:center;gap:22px}.ctl{display:grid;place-items:center;width:42px;height:42px;padding:0;border-radius:50%;border:1px solid var(--line-2);background:rgba(7,8,13,.55);color:var(--muted);transition:color .15s ease,border-color .15s ease,background .15s ease}.ctl:hover{color:var(--text);border-color:var(--muted)}.ctl svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ctl svg .fill{fill:currentColor}.ctl.is-on{color:#ffd84d;border-color:rgba(255,216,77,.6);background:rgba(255,216,77,.1)}.pp{position:relative;display:grid;place-items:center;width:64px;height:64px;padding:0;border:0;border-radius:50%;background:radial-gradient(circle at 35% 30%,#8ff2ff,var(--accent) 62%,#12b8d8);box-shadow:0 0 0 6px rgba(45,226,255,.12),0 10px 30px rgba(45,226,255,.35);transition:transform .12s ease}.pp:hover{transform:scale(1.05)}.pp:active{transform:scale(.94)}.player.is-playing .pp:after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--accent);animation:pp-ring 1.4s ease-out infinite;pointer-events:none}@keyframes pp-ring{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.4)}}.pp-glyph{width:0;height:0;margin-left:4px;border-style:solid;border-width:11px 0 11px 18px;border-color:transparent transparent transparent var(--accent-ink)}.player.is-playing .pp-glyph{width:18px;height:20px;margin-left:0;border:0;background:linear-gradient(90deg,var(--accent-ink) 0 34%,transparent 34% 66%,var(--accent-ink) 66%)}.player.is-arming .pp-glyph{width:24px;height:24px;margin-left:0;border:3px solid rgba(2,24,32,.25);border-top:3px solid var(--accent-ink);border-radius:50%;animation:spin .7s linear infinite}.mix{grid-template-columns:36px minmax(60px,120px) auto;align-items:center;justify-content:end;grid-gap:8px;gap:8px}.mix,.mute{display:grid}.mute{place-items:center;width:36px;height:32px;padding:0;border-radius:9px;border:1px solid var(--line-2);background:rgba(7,8,13,.45);color:var(--accent)}.mute svg{width:18px;height:18px;fill:currentColor}.mute.is-off{color:var(--bad)}.volume{width:100%;height:22px;margin:0;accent-color:var(--accent);cursor:pointer}.mix-readout{min-width:3.2em;font-size:.72rem;font-weight:800;letter-spacing:.04em;color:var(--muted);text-align:right}.player.nudge-a{animation:nudge-a .4s ease}.player.nudge-b{animation:nudge-b .4s ease}.player.nudge-a:after,.player.nudge-b:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 2px var(--bad),inset 0 0 50px rgba(255,77,106,.28);animation:fade-out .7s ease forwards;pointer-events:none}.lock{position:relative;width:7px;height:6px;margin-top:3px;border-radius:1.5px;background:currentColor}.lock:before{content:"";position:absolute;left:1px;top:-4px;width:5px;height:5px;border:1.5px solid;border-bottom:0;border-radius:3px 3px 0 0;box-sizing:border-box}.guess{display:grid;grid-gap:8px;gap:8px;margin:0}.field{position:relative}.field-icon{position:absolute;left:17px;top:50%;width:13px;height:13px;translate:0 -60%;border:2px solid var(--muted);border-radius:50%;pointer-events:none}.field-icon:after{content:"";position:absolute;right:-5px;bottom:-5px;width:6px;height:2px;background:var(--muted);transform:rotate(45deg)}.field input{width:100%;height:56px;padding:0 44px;font-size:1.02rem;font-weight:600;background:rgba(14,16,24,.9);border:1.5px solid var(--line-2);border-radius:16px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.field input::placeholder{color:var(--faint);font-weight:500}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.field:focus-within .field-icon{border-color:var(--accent)}.field:focus-within .field-icon:after{background:var(--accent)}.guess.nudge-a .field,.guess.nudge-b .field{animation:shake .36s ease}.guess.nudge-a .field input,.guess.nudge-b .field input{animation:bad-flash .7s ease}.field-kbd{position:absolute;right:14px;top:50%;translate:0 -50%}.suggest{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:20;margin:0;padding:6px;list-style:none;background:#121522;border:1px solid var(--line-2);border-radius:16px;box-shadow:0 24px 60px rgba(0,0,0,.6);max-height:300px;overflow-y:auto;animation:drop .14s ease-out}.suggest.is-empty{padding:14px 16px;font-size:.9rem;color:var(--muted)}.suggest button{position:relative;width:100%;display:flex;align-items:baseline;gap:10px;padding:11px 12px 11px 16px;text-align:left;background:none;border:0;border-radius:10px}.suggest button.is-active{background:var(--accent-soft)}.suggest button.is-active:before{content:"";position:absolute;left:5px;top:10px;bottom:10px;width:3px;border-radius:3px;background:var(--accent)}.suggest-title{flex:1 1;font-weight:700}.suggest-title mark{color:var(--accent);background:none}.suggest-meta{font-size:.76rem;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:45%}.suggest button.is-tried .suggest-title{color:var(--faint);text-decoration:line-through}.actions{display:grid;grid-template-columns:1fr 1.6fr;grid-gap:8px;gap:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 18px;font-size:.98rem;font-weight:800;white-space:nowrap;text-decoration:none;border:0;border-radius:16px;transition:transform .1s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease}.btn:active{transform:scale(.97)}.btn-go{color:var(--accent-ink);background:var(--accent);box-shadow:0 10px 30px -10px rgba(45,226,255,.7)}.btn-go:hover{background:#6aebff}.btn-skip{color:var(--muted);background:rgba(14,16,24,.9);border:1.5px solid var(--line-2)}.btn-skip b,.btn-skip:hover{color:var(--text)}.btn-skip:hover{border-color:var(--muted)}.btn-ghost{color:var(--text);background:rgba(14,16,24,.7);border:1.5px solid var(--line-2)}.btn-ghost:hover{border-color:var(--accent)}.btn-wide{width:100%}.btn-arrow{transition:transform .15s ease}.btn:hover .btn-arrow{transform:translateX(3px)}.notice{min-height:1.2em;margin:8px 0 0;font-size:.84rem;font-weight:700;color:var(--bad);text-align:center}.notice.is-warn{color:#ffd84d}.log{display:grid;grid-gap:5px;gap:5px;margin:2px 0 0;padding:0;list-style:none}.log-row{display:grid;grid-template-columns:42px 1fr auto;align-items:center;grid-gap:10px;gap:10px;padding:9px 14px;font-size:.88rem;border-radius:12px;background:rgba(14,16,24,.85);border:1px solid var(--line);animation:slide-in .32s var(--ease-pop)}.log-len{font-size:.74rem;font-weight:800;color:var(--faint)}.log-text{font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.log-row.is-miss .log-text{color:var(--text)}.log-row.is-skip .log-text{color:var(--muted);font-weight:600}.log-mark{font-weight:800}.log-row.is-miss .log-mark{color:var(--bad)}.log-row.is-skip .log-mark{color:var(--muted)}.keys{display:flex;justify-content:center;align-items:center;gap:5px;margin:4px 0 0;font-size:.75rem;color:var(--faint)}.reveal{position:relative;animation:rise .45s var(--ease-pop)}.reveal-flash{position:fixed;inset:0;z-index:40;pointer-events:none;background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.6),rgba(45,226,255,.25) 40%,transparent 70%);animation:flash .7s ease-out forwards}.reveal.is-missed .reveal-flash{background:radial-gradient(circle at 50% 30%,rgba(255,77,106,.3),transparent 65%)}.confetti{position:absolute;left:50%;top:18px;z-index:30;pointer-events:none}.confetti i{position:absolute;width:var(--w);height:calc(var(--w) * .5);border-radius:1px;background:var(--c);opacity:0;animation:burst 1.3s cubic-bezier(.15,.7,.3,1) forwards;animation-delay:var(--d)}.verdict{display:flex;align-items:baseline;gap:10px;margin:0 0 14px}.verdict-jp{font-family:var(--jp);font-weight:800;font-size:1.5rem;color:var(--accent);text-shadow:0 0 24px rgba(45,226,255,.5);animation:pop .5s var(--ease-pop) both}.reveal.is-missed .verdict-jp{color:var(--bad);text-shadow:none}.verdict-text{font-size:.86rem;font-weight:700;color:var(--muted)}.hero{display:grid;grid-template-columns:108px 1fr;grid-gap:16px;gap:16px;align-items:end}.hero-cover{width:108px;aspect-ratio:2/3;object-fit:cover;border-radius:12px;box-shadow:0 0 0 2px var(--cover),0 24px 50px -16px rgba(0,0,0,.9);animation:cover-in .6s var(--ease-pop) both}.hero-text{min-width:0;animation:rise .5s .08s var(--ease-pop) both}.hero-title{margin:0;font-weight:800;font-size:clamp(1.55rem,6.4vw,2.2rem);line-height:1.06;letter-spacing:-.025em;overflow-wrap:anywhere;text-shadow:0 4px 30px rgba(0,0,0,.6)}.hero-native{margin:8px 0 0;font-family:var(--jp);font-weight:500;font-size:.82rem;color:var(--muted)}.hero-meta{display:flex;gap:6px;margin:10px 0 0}.hero-meta span{padding:3px 9px;font-size:.72rem;font-weight:800;letter-spacing:.06em;color:var(--text);border-radius:99px;background:rgba(255,255,255,.08);border:1px solid var(--line-2)}.video{margin-top:16px;aspect-ratio:16/9;overflow:hidden;border-radius:18px;background:#000;box-shadow:0 0 0 1px var(--line-2),0 30px 70px -24px rgba(0,0,0,.9);animation:rise .55s .15s var(--ease-pop) both}.video iframe,.video>div{display:block;width:100%;height:100%;border:0}.credit{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;margin:12px 2px 0;font-size:.86rem;color:var(--muted)}.credit-note{color:var(--accent)}.credit-song{font-weight:700;color:var(--text)}.credit-native{font-family:var(--jp);font-size:.78rem;color:var(--faint)}.credit-artist{font-size:.82rem}.reveal-actions{display:grid;grid-gap:8px;gap:8px;margin-top:16px}.summary{text-align:center;animation:rise .45s var(--ease-pop)}.summary-jp{margin:10px 0 0;font-family:var(--jp);font-weight:800;letter-spacing:.4em;color:var(--accent)}.summary-title{margin:4px 0 0;font-family:var(--brand);font-weight:900;font-size:4.2rem;line-height:1}.summary-title span{color:var(--faint)}.summary-points{margin:6px 0 18px;font-weight:800;color:var(--muted)}.summary-cards{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin:0;padding:0;list-style:none;text-align:left}.summary-card{position:relative;animation:rise .5s var(--ease-pop) both;animation-delay:calc(var(--i) * 90ms)}.summary-card img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:12px;box-shadow:0 0 0 2px var(--cover)}.summary-card.is-miss img{filter:grayscale(1) brightness(.55);box-shadow:0 0 0 2px var(--bad)}.summary-badge{position:absolute;top:7px;left:7px;padding:2px 8px;font-size:.72rem;font-weight:800;border-radius:99px;color:var(--accent-ink);background:var(--accent)}.summary-card.is-miss .summary-badge{color:#fff;background:var(--bad)}.summary-card strong{display:block;margin-top:8px;font-size:.8rem;line-height:1.25}.summary-note{margin:18px 0 10px;font-size:.78rem;color:var(--faint)}@keyframes scan{0%{transform:translateY(0)}to{transform:translateY(4px)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes breathe{0%,to{box-shadow:0 0 0 8px rgba(45,226,255,.1),0 12px 40px rgba(45,226,255,.35)}50%{box-shadow:0 0 0 14px rgba(45,226,255,.06),0 12px 56px rgba(45,226,255,.55)}}@keyframes ring{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.1)}}@keyframes chip{0%{opacity:0;scale:.6}20%{opacity:1;scale:1.08}35%{scale:1}75%{opacity:1}to{opacity:0;scale:.92}}@keyframes bar-bounce{0%{transform:scaleY(.82)}to{transform:scaleY(1.08)}}@keyframes focus-lines{50%{transform:rotate(1.5deg) scale(1.02)}}@keyframes gain{0%{opacity:0;transform:translate(-50%,6px) scale(.7)}20%{opacity:1;transform:translate(-50%,-6px) scale(1)}75%{opacity:1;transform:translate(-50%,-10px)}to{opacity:0;transform:translate(-50%,-20px)}}@keyframes pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}@keyframes shake{20%,60%{transform:translateX(-7px)}40%,80%{transform:translateX(7px)}}@keyframes nudge-a{25%{transform:translateX(-5px) rotate(-.4deg)}60%{transform:translateX(4px) rotate(.3deg)}}@keyframes nudge-b{25%{transform:translateX(-5px) rotate(-.4deg)}60%{transform:translateX(4px) rotate(.3deg)}}@keyframes bad-flash{0%,40%{border-color:var(--bad);box-shadow:0 0 0 4px rgba(255,77,106,.2)}}@keyframes fade-out{to{opacity:0}}@keyframes fade-in{0%{opacity:0}}@keyframes drop{0%{opacity:0;transform:translateY(-4px)}}@keyframes slide-in{0%{opacity:0;transform:translateY(-6px) scale(.98)}}@keyframes rise{0%{opacity:0;transform:translateY(16px) scale(.98)}}@keyframes cover-in{0%{opacity:0;transform:translateX(-20px) rotate(-8deg) scale(.9)}}@keyframes flash{0%{opacity:1}to{opacity:0}}@keyframes burst{0%{opacity:1;transform:translate(0) rotate(0deg)}70%{opacity:1;transform:translate(var(--x),var(--y)) rotate(var(--r))}to{opacity:0;transform:translate(var(--x),calc(var(--y) + 70px)) rotate(var(--r))}}@media (min-width:820px){.site{padding-top:14px}.player{padding:16px 20px}.scrub{height:112px}.pp{width:72px;height:72px}.guess{grid-template-columns:minmax(0,1fr) auto}.actions{grid-template-columns:auto auto}.actions .btn-go{min-width:132px}.hero{grid-template-columns:128px 1fr;gap:20px}.hero-cover{width:128px}.reveal-actions{grid-template-columns:1fr auto}}@media (max-width:640px){.site-header{grid-template-columns:auto 1fr;grid-template-areas:"logo help" "slot slot";padding:12px 16px 6px}.site-header .help{justify-self:end}.header-slot .roundbar{width:100%}.player{padding:12px}.player-tag i{display:none}.try{min-width:0;padding:3px 5px}.scrub{height:76px}.transport{grid-template-columns:1fr auto;grid-template-areas:"controls controls" "clock mix";row-gap:6px}.controls{grid-area:controls;justify-self:center}.clock{grid-area:clock}.mix{grid-area:mix}.suggest{top:auto;bottom:calc(100% + 6px);max-height:min(250px,38svh)}}@media (pointer:coarse){.ctl{width:44px;height:44px}.suggest button{min-height:44px}.mute{width:44px;height:44px}.field-kbd,.keys{display:none}}.mix.is-fixed .mix-readout,.mix.is-fixed .volume{display:none}@media (prefers-reduced-motion:reduce){.confetti,.guess.nudge-a .field,.guess.nudge-b .field,.hero-cover,.hero-text,.log-row,.orb,.player.is-playing .pp:after,.player.is-playing .scan,.player.is-playing .scrub-wave.is-lit i,.player.nudge-a,.player.nudge-b,.reveal,.scrub-lock,.summary,.summary-card,.video{animation:none!important}.confetti{display:none}.scrub-lock{transition:none}}