#root{width:100%;min-height:100vh;box-sizing:border-box}@media (min-width: 481px){#root{background-color:#fff!important;max-width:480px;margin:0 auto}}:root{--ink: #141414;--paper: #ffffff;--accent: #e8442e;--accent-deep: #8f1607}.screen{max-width:480px;margin:0 auto;height:100dvh;background:var(--paper);color:var(--ink);display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden;font-weight:600}button{font-family:inherit;cursor:pointer}.title{align-items:stretch;padding-top:env(safe-area-inset-top,0px)}.result{padding-top:calc(28px + env(safe-area-inset-top,0px))}.title-stage{flex:1;min-height:0;display:flex;align-items:flex-end;justify-content:center;border-bottom:4px solid var(--ink);background:repeating-linear-gradient(0deg,transparent 0 46px,rgba(0,0,0,.035) 46px 48px)}.title-pose{height:82%;max-height:340px;color:var(--ink)}.title-body{padding:22px 24px calc(22px + env(safe-area-inset-bottom))}.title-body h1{margin:0;font-size:52px;font-weight:900;letter-spacing:-2px;line-height:1}.accent{color:var(--accent)}.title-sub{margin:8px 0 14px;font-size:15px;font-weight:800;color:var(--ink);opacity:.75}.title-rules{margin:0 0 18px;list-style:none;font-size:14px;line-height:1.7;border-left:4px solid var(--ink);padding:0 0 0 12px}.btn-start{width:100%;padding:17px;background:var(--ink);color:#fff;font-size:19px;font-weight:900;border:none;border-radius:4px;box-shadow:6px 6px 0 var(--accent);transition:transform .08s,box-shadow .08s}.btn-start:active{transform:translate(4px,4px);box-shadow:2px 2px 0 var(--accent)}.btn-plain{width:100%;padding:13px;background:transparent;border:none;color:var(--ink);opacity:.6;font-size:15px;font-weight:800}.title-tip{margin:12px 0 0;text-align:center;font-size:12px;opacity:.55}.play-head{display:flex;align-items:center;gap:12px;padding:calc(14px + env(safe-area-inset-top,0px)) 16px 12px;border-bottom:3px solid var(--ink);font-weight:900;background:var(--paper);z-index:5}.round-label{font-size:14px;letter-spacing:1px}.round-label b{font-size:18px;color:var(--accent)}.mode-label{font-size:11px;font-weight:900;color:#fff;background:var(--accent);padding:3px 9px;border-radius:999px}.mode-label.sub{background:var(--ink)}.diff-list{display:flex;flex-direction:column;gap:8px;margin:14px 0 18px}.diff-card{display:flex;align-items:center;gap:10px;text-align:left;padding:12px 14px;background:var(--paper);border:3px solid var(--ink);border-radius:8px;transition:box-shadow .1s,transform .1s}.diff-card b{font-size:16px;font-weight:900;min-width:44px}.diff-card span{flex:1;font-size:12.5px;font-weight:600;opacity:.75}.diff-card i{font-style:normal;font-size:14px;color:var(--accent)}.diff-card.picked{box-shadow:4px 4px 0 var(--accent);transform:translate(-1px,-1px)}.whiteout.eval{z-index:5}.eval-card{width:min(84%,360px);border:4px solid var(--ink);border-radius:10px;padding:22px 18px;background:var(--paper);box-shadow:8px 8px 0 var(--accent);text-align:center;animation:caption-pop .3s}.eval-title{font-size:22px;font-weight:900}.eval-nums{display:flex;justify-content:center;gap:32px;margin:16px 0 10px}.eval-nums div{display:flex;flex-direction:column}.eval-nums b{font-size:28px;font-weight:900;color:var(--accent);font-variant-numeric:tabular-nums}.eval-nums span{font-size:11.5px;opacity:.65}.eval-comment{margin:0 0 16px;font-size:14px;font-weight:700}.eval-actions{display:flex;flex-direction:column;gap:8px}.btn-plain.solid{opacity:1;border:3px solid var(--ink);border-radius:6px;font-weight:900}.round-diff{margin-left:6px;font-size:10.5px;font-weight:800;color:#fff;background:var(--ink);border-radius:999px;padding:1.5px 7px;vertical-align:middle}.score-label{margin-left:auto;font-size:16px;font-variant-numeric:tabular-nums}.mute-btn{border:none;background:none;font-size:20px;padding:0}.stage{position:relative;flex:1;min-height:0;overflow:hidden}.reveal{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(0deg,transparent 0 46px,rgba(0,0,0,.035) 46px 48px)}.reveal-pose{height:calc(70% * var(--pose-scale, 1));max-height:520px;color:var(--ink)}.curtain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.curtain-half{position:absolute;top:0;bottom:0;width:51%;background:var(--accent);background-image:repeating-linear-gradient(90deg,rgba(0,0,0,.1) 0 4px,transparent 4px 44px)}.curtain-half.left{left:0;border-right:5px solid rgba(0,0,0,.18)}.curtain-half.right{right:0;border-left:5px solid rgba(0,0,0,.18)}.curtain.open .curtain-half.left{transform:translate(-86%)}.curtain.open .curtain-half.right{transform:translate(86%)}.curtain.smooth .curtain-half{transition:transform .45s cubic-bezier(.6,0,.3,1)}.curtain-inner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.curtain.open .curtain-inner{display:none}.shadow-dancer{filter:blur(7px);opacity:.5}.dancing{animation:dance-bounce var(--dance-dur, .24s) infinite alternate ease-in-out}@keyframes dance-bounce{0%{transform:translateY(0) rotate(-4deg) scale(1)}to{transform:translateY(-16px) rotate(4deg) scale(1.05,.95)}}.shadow-pose{height:calc(52vh * var(--pose-scale, 1));max-height:420px;color:var(--accent-deep)}.shadow-pose.colored{opacity:.85}.noise-mask{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:grid;grid-template-columns:repeat(8,1fr);grid-auto-rows:1fr}.noise-mask i{display:block}.whiteout{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--paper);z-index:3;display:flex;align-items:center;justify-content:center}.white-caption{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;animation:caption-pop .25s;margin-bottom:120px}.white-caption b{font-size:26px;font-weight:900;color:var(--ink)}.white-caption span{font-size:14px;font-weight:700;color:var(--ink);opacity:.6}.verdict.bad.onwhite{color:var(--accent)}.curtain-question{font-size:150px;font-weight:900;color:#ffffffe6;text-shadow:9px 9px 0 rgba(0,0,0,.15);animation:caption-pop .3s}.curtain-caption{position:absolute;top:26px;left:0;right:0;text-align:center;color:#fff;display:flex;flex-direction:column;gap:4px;animation:caption-pop .3s}.curtain-caption b{font-size:26px;font-weight:900;text-shadow:3px 3px 0 rgba(0,0,0,.2)}.curtain-caption span{font-size:14px;font-weight:700;opacity:.9}@keyframes caption-pop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.verdict{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;z-index:3;animation:caption-pop .25s;pointer-events:none}.verdict-mark{font-size:130px;font-weight:900;line-height:1}.verdict.ok .verdict-mark{color:var(--accent);text-shadow:6px 6px 0 rgba(0,0,0,.12)}.verdict.ok .verdict-text{color:var(--ink)}.verdict.bad{color:#fff}.verdict.bad .verdict-mark{text-shadow:6px 6px 0 rgba(0,0,0,.25)}.verdict-text{font-size:17px;font-weight:800;background:var(--paper);color:var(--ink);padding:8px 16px;border:3px solid var(--ink);border-radius:4px;box-shadow:4px 4px #0000002e}.verdict-text b{color:var(--accent)}.choices{position:absolute;left:0;right:0;bottom:0;z-index:4;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px 12px calc(22px + env(safe-area-inset-bottom,0px));background:var(--paper);border-top:3px solid var(--ink);transform:translateY(110%);transition:transform .22s cubic-bezier(.2,1.1,.4,1)}.play{position:relative}.choices.show{transform:translateY(0)}.choice{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px 7px;background:var(--paper);border:3px solid var(--ink);border-radius:6px;font-size:12px;font-weight:800;color:var(--ink);transition:transform .08s}.choice:active{transform:scale(.94)}.choice-art{height:62px;color:var(--ink)}.choice.wrong{background:#ffe1db;border-color:var(--accent);animation:shake .35s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-3px)}}.result{overflow-y:auto;padding:28px 22px calc(24px + env(safe-area-inset-bottom));gap:18px}.result-grade{text-align:center;border:4px solid var(--ink);border-radius:8px;padding:22px 16px;box-shadow:8px 8px 0 var(--accent)}.grade-emoji{font-size:58px}.result-grade h1{margin:6px 0 4px;font-size:32px;font-weight:900;letter-spacing:-1px}.result-grade p{margin:0;font-size:14px;opacity:.75}.grade-nums{display:flex;justify-content:center;gap:36px;margin-top:16px}.grade-nums div{display:flex;flex-direction:column}.grade-nums b{font-size:30px;font-weight:900;color:var(--accent);font-variant-numeric:tabular-nums}.grade-nums span{font-size:12px;opacity:.65}.result-rounds{border-top:3px solid var(--ink)}.round-row{display:flex;align-items:center;gap:10px;padding:8px 2px;border-bottom:2px dashed rgba(0,0,0,.18);font-size:14px}.round-no{width:20px;font-weight:900;opacity:.5}.round-art{height:34px;color:var(--ink)}.round-name{flex:1;font-weight:800}.round-frames{font-weight:900;font-variant-numeric:tabular-nums}.round-frames.perfect{color:var(--accent)}.result-actions{display:flex;flex-direction:column;gap:6px;margin-top:4px}:root{font-family:sans-serif}*{-webkit-tap-highlight-color:transparent}body{margin:0;min-width:320px;min-height:100vh}@media (min-width: 481px){body{display:flex;justify-content:center;align-items:flex-start;background-color:#f5f5f5!important}}.ad-slot{display:none;margin:16px auto 4px;max-width:680px;width:100%;text-align:center}.ad-slot.on{display:block}.ad-disclosure{margin-top:5px;font-size:9px;line-height:1.45;color:#999;opacity:.9;padding:0 8px}