.men-panel{padding:22px;background:#fffdf7;overflow:hidden}.men-scoreboard{display:flex;justify-content:space-between;align-items:center;text-align:center;gap:12px;padding:0 7px 15px}.men-scoreboard>div{min-width:77px}.men-label{display:block;color:#8d8171;font-size:11px;font-weight:800;letter-spacing:.08em}.men-scoreboard strong{font-size:28px;font-variant-numeric:tabular-nums;line-height:1.35;display:block}.men-scoreboard strong small{font-size:11px;display:inline-block;margin-left:5px;font-weight:800}.men-scoreboard .men-score strong{color:#bd573b;font-size:36px}.men-scoreboard .is-last{color:#ba5039}.men-progress{height:5px;background:#ece1cd;margin-bottom:14px}.men-progress i{background:#d5a15b;transition:none}.men-stage{position:relative;border:1px solid #e3d3b9;border-radius:16px;overflow:hidden;background:#ead8b7}.men-stage .game-canvas{border-radius:0;background:#ead8b7;width:100%;aspect-ratio:900/620;touch-action:none;user-select:none;-webkit-user-select:none}.men-scene-label{position:absolute;top:13px;left:16px;right:16px;display:flex;justify-content:space-between;gap:10px;font-size:11px;font-weight:800;color:#8c7352;pointer-events:none}.men-scene-label span:first-child{letter-spacing:.04em}.men-scene-label span:last-child{background:#fff9e9bd;padding:3px 7px;border-radius:5px;font-size:10px}.men-scene-label.is-space{color:#f7e7bf}.men-scene-label.is-space span:last-child{background:#fff6d524}.men-stage-overlay{position:absolute;inset:0;background:#fff9e8e8;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:12px;padding:20px;backdrop-filter:blur(3px)}.men-stage-overlay>b{font-size:clamp(16px,2.1vw,25px);letter-spacing:.02em}.men-stage-overlay>span:not(.men-ready-stamp){font-size:12px;color:#7c735f}.men-ready-stamp{width:74px;height:74px;display:grid;place-items:center;font-size:39px;border:2px solid #c37450;color:#bb633e;border-radius:19px;transform:rotate(-6deg);font-family:serif;background:#fff2d9;box-shadow:3px 4px 0 #b28d6420}.men-stage-overlay .primary{background:#be6342;box-shadow:0 4px 0 #93472f;margin-top:7px;min-width:220px}.men-stage-overlay .primary:hover{background:#ac5638}.men-feedback{position:absolute;left:8px;right:8px;top:18%;font-size:clamp(21px,4vw,43px);font-weight:900;letter-spacing:.04em;color:#fff8dc;text-shadow:0 2px 0 #a1482c,2px 0 0 #a1482c,-2px 0 0 #a1482c,0 -2px 0 #a1482c,0 5px 8px #70361730;text-align:center;pointer-events:none;opacity:0;transform:translateY(8px) scale(.9);transition:opacity .1s,transform .12s}.men-feedback.is-visible{opacity:1;transform:translateY(0) scale(1)}.men-feedback.is-perfect{color:#fff2b0;text-shadow:0 2px 0 #ad732d,2px 0 0 #ad732d,-2px 0 0 #ad732d,0 -2px 0 #ad732d,0 5px 8px #7d5d2130}.men-feedback.is-miss{font-size:clamp(16px,2.6vw,25px);color:#fff8e7;text-shadow:0 2px 0 #766849,2px 0 0 #766849,-2px 0 0 #766849,0 -2px 0 #766849}.men-zone-legend{display:flex;gap:15px;align-items:center;justify-content:center;margin:12px 0 15px;font-size:11px;color:#7f735e;font-weight:700}.men-zone-legend span{display:flex;align-items:center;gap:6px}.men-zone-legend i{height:9px;width:9px;border-radius:3px;display:inline-block}.men-good-dot{background:#d98865}.men-perfect-dot{background:#efc559}.men-hit{display:flex;flex-direction:column;gap:3px;width:100%;border-radius:15px;min-height:86px;background:#bd6448;color:#fff4de;box-shadow:0 5px 0 #8e4a35;touch-action:manipulation;user-select:none;-webkit-user-select:none;transition:background .12s,box-shadow .12s,transform .08s}.men-hit>span{font-size:27px;letter-spacing:.06em}.men-hit>small{font-size:11px;font-weight:700;opacity:.88}.men-hit:hover{background:#bd6448}.men-hit[data-aim=good]{background:#d76d44;box-shadow:0 5px 0 #a94b2c,0 0 0 3px #e1a66c2b}.men-hit[data-aim=perfect]{background:#9c742a;box-shadow:0 5px 0 #74531f,0 0 0 3px #e8c16970}.men-hit:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px 0 #8e4a35}.men-hit:disabled{opacity:1;background:#d3c7b6;color:#7e7363;box-shadow:0 4px 0 #baae9d}.men-tools{display:flex;justify-content:space-between;align-items:center;gap:6px;margin:16px -2px 0}.men-tools>span{font-size:10px;color:#aa9d8a;letter-spacing:.03em}.men-tool{padding:7px 8px;min-height:38px;background:transparent;border-radius:8px;font-size:11px;font-weight:800;color:#786c58}.men-tool:hover{background:#f3ecdc}.men-tool[aria-pressed=true]{color:#a26c31}.men-message{min-height:19px;text-align:center;font-size:12px;color:#8a765b;margin:7px 0 0;line-height:1.6}.men-guide{background:#f2ebdd;border-color:#dfd4c1}.men-guide .eyebrow{color:#b47544;font-size:11px}.men-guide h3{margin-top:7px}.men-best{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ddd0b9;border-bottom:1px solid #ddd0b9;padding:13px 0;margin:19px 0 13px;font-size:12px;font-weight:700}.men-best b{font-size:24px}.men-best small{font-size:12px}.men-guide .small-note{font-size:12px}.men-guide .secondary{font-size:12px}.men-panel .result{background:#fff0ce;border-color:#e1c486}.men-panel .result h2{font-size:23px}.men-panel .result .actions{margin-top:14px}
@media(max-width:760px){.men-layout{gap:18px}.men-panel{padding:15px}.men-guide{padding:20px}.men-guide p{font-size:13px}.men-ready-stamp{width:58px;height:58px;font-size:32px;border-radius:14px}.men-stage-overlay{gap:10px;padding:16px}.men-stage-overlay .primary{font-size:13px;min-height:44px;padding:10px 17px;min-width:206px}.men-stage-overlay>span:not(.men-ready-stamp){font-size:11px}.men-feedback{top:17%;font-size:30px}.men-feedback.is-perfect{font-size:26px}.men-feedback.is-miss{font-size:19px}.men-stage-overlay>b{font-size:17px}.men-scoreboard strong{font-size:24px}.men-scoreboard .men-score strong{font-size:31px}.men-scoreboard{padding-bottom:11px}.men-progress{margin-bottom:11px}.men-hit{min-height:80px}.men-hit>span{font-size:25px}}
@media(max-width:430px){.men-panel{padding:12px;border-radius:17px}.men-scoreboard{gap:4px;padding-left:0;padding-right:0}.men-scoreboard>div{min-width:68px}.men-scoreboard strong small{font-size:9px;margin-left:4px}.men-scoreboard strong{font-size:23px}.men-scoreboard .men-score strong{font-size:29px}.men-label{font-size:10px}.men-scene-label{top:10px;left:11px;right:11px;font-size:9px}.men-scene-label span:last-child{font-size:9px}.men-zone-legend{font-size:10px;gap:12px;margin:10px 0 12px}.men-ready-stamp{width:48px;height:48px;font-size:28px;border-radius:12px}.men-stage-overlay{gap:8px}.men-stage-overlay>b{font-size:16px}.men-stage-overlay>span:not(.men-ready-stamp){font-size:10px}.men-stage-overlay .primary{margin-top:5px}.men-tools{margin-top:12px}.men-message{font-size:11px}.men-panel .result{padding:18px 12px}.men-panel .result h2{font-size:20px}}