:root{font-family:Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;color:#293b38;background:#eeeae0;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #ba4c37;outline-offset:5px}[hidden]{display:none!important}.shell{max-width:1100px;margin:auto;padding:0 32px}button{border:1px solid #aeb7aa;background:transparent;border-radius:4px;padding:9px 12px}main{padding:20px 0}.primary{display:flex;justify-content:space-between;align-items:center;width:100%;background:#304d42;color:#fff9e9;border:none;padding:18px 22px;font-weight:700;letter-spacing:.06em}.primary:hover{background:#446656}.primary span{font-size:22px}.start-button{position:absolute;top:36%;left:50%;transform:translate(-50%);width:160px;justify-content:center}.arena{height:calc(100svh - 40px);min-height:420px;max-height:900px;position:relative;overflow:hidden;border:1px solid #ccd0c1;border-radius:7px;background:#dce1d4;touch-action:none;user-select:none;-webkit-user-select:none}canvas{width:100%;height:100%;display:block}.arena-top,.arena-bottom{position:absolute;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.08em;pointer-events:none}.arena-top{top:23px}.arena-top b{font-weight:500;color:#617365}.arena-bottom{bottom:19px;min-height:28px;justify-content:space-between}.arena-controls{display:flex;gap:8px}.arena-bottom button{pointer-events:auto;font-size:10px;background:#eeeae0c9}.result{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(400px,92%);padding:26px;background:#f6f3e9f7;border:1px solid #b8c2ae;box-shadow:0 14px 60px #283e3629;border-radius:6px;text-align:center}.score{margin:8px 0 20px}.score strong{font:clamp(38px,5vw,54px) Georgia,serif;font-variant-numeric:tabular-nums}.score span{font-size:13px;color:#687469;margin-left:7px}.result p{margin:8px 0 20px;font-size:12px}.result .primary{margin-top:26px;padding:14px;font-size:12px}@media(max-width:620px){.shell{padding:0 14px}main{padding:12px 0}.arena{height:calc(100svh - 24px)}.arena-top,.arena-bottom{left:14px;right:14px}.arena-top{top:16px}.arena-bottom{bottom:12px}.result{padding:23px 18px}.score strong{font-size:43px}}.result{animation:result-arrive .24s ease-out both}.break-readout{position:absolute;top:clamp(48px,8%,72px);left:50%;transform:translate(-50%);display:flex;align-items:baseline;justify-content:flex-end;gap:10px;width:clamp(264px,36vw,328px);max-width:calc(100% - 32px);padding:16px 20px;border:1px solid #b8c2ae;border-radius:12px;background:#fffaf1;box-shadow:0 4px 20px #283e3626;color:#213e33;pointer-events:none}.break-readout strong{flex:1;text-align:right;font-family:system-ui,sans-serif;font-size:clamp(48px,8vw,68px);font-weight:800;line-height:1.1;letter-spacing:-.04em;font-variant-numeric:lining-nums tabular-nums}.break-readout>span{flex-shrink:0;font-size:16px;font-weight:700}@keyframes result-arrive{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}@media(prefers-reduced-motion:reduce){.result{animation:none}}.arena{background:radial-gradient(ellipse at 33% 28%,#faf5e5,#e6e7dc 47%,#c8d0c6)}.gesture{position:absolute;inset:0;pointer-events:none}.site-header{display:flex;align-items:center;gap:12px;padding-top:12px;min-height:42px;font-size:11px}.site-header button,.site-header select{font:inherit;color:inherit;padding:7px 9px;background:#f6f3e9;border:1px solid #aeb7aa;border-radius:4px}.site-header select{min-width:94px;max-width:130px}#build-id{margin-left:auto;white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:0;color:#617365}#language-notice{font-size:12px;margin:8px 0}.arena{height:calc(100svh - 82px)}.result .primary [data-i18n]{font-size:inherit}select:focus-visible{outline:3px solid #ba4c37;outline-offset:3px}@media(max-width:620px){.site-header{gap:8px}.arena{height:calc(100svh - 66px)}.arena-bottom{letter-spacing:0;gap:8px}.arena-controls{gap:4px}.arena-bottom button{padding:9px 7px}}.credits{padding:0;width:min(90vw,400px);max-height:min(85dvh,640px);border:1px solid #e7e0ce;border-radius:24px;background:#fffaf1;color:#3c504a;box-shadow:0 12px 32px #6d6a4426;overscroll-behavior:contain;user-select:text;-webkit-user-select:text}.credits::backdrop{background:#3c504a59}.credits-body{padding:22px 24px 20px}.credits h2{font-size:18px;margin:0 0 14px}.credits h2:focus{outline:none}.credits h3{font-size:12px;letter-spacing:.08em;color:#6f7f78;margin:18px 0 6px}.credits p{font-size:13px;line-height:1.7;margin:0}.credits-author{font-weight:700}.credits-links{list-style:none;display:flex;flex-wrap:wrap;gap:4px 16px;margin:4px 0 0;padding:0;font-size:13px}.credits a{color:#2f5e4f;text-underline-offset:3px;display:inline-block;padding:6px 0}.credits a:focus-visible,.credits summary:focus-visible{outline:3px solid #ab6038;outline-offset:2px;border-radius:2px}.credits details{margin-top:8px;font-size:12px}.credits summary{cursor:pointer;padding:6px 0}.credits-license{margin:6px 0 0;padding:10px 12px;max-height:30dvh;overflow:auto;font-size:11px;line-height:1.6;background:#f3eee2;border-radius:10px}.credits-license p{font-size:11px;line-height:1.6;margin:0 0 8px}.credits-license p:last-child{margin:0}.credits form{margin:20px 0 0}.credits .credits-close{justify-content:center;padding:12px 20px}.master-advice{display:flex;align-items:flex-start;gap:14px;text-align:left;margin-top:22px}.master-speaker{display:flex;flex-direction:column;align-items:center;gap:6px;flex:none;width:72px}.master-portrait{display:block;width:72px;height:84px}.master-name{font-size:11px;font-weight:700;letter-spacing:.08em}.master-speech{position:relative;flex:1;min-width:0;padding:14px 15px;background:#eaeade;border:1px solid #d2d6c5;border-radius:2px 12px 12px}.master-speech:before{content:"";position:absolute;left:-7px;top:23px;width:12px;height:12px;background:#eaeade;border-left:1px solid #d2d6c5;border-bottom:1px solid #d2d6c5;transform:rotate(45deg)}.master-caption{display:block;font-size:10px;color:#6b7869;letter-spacing:.05em}.result .master-speech p{position:relative;margin:7px 0 0;font-size:14px;line-height:1.85;overflow-wrap:anywhere}.result{max-height:calc(100% - 112px);overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}@media(max-width:620px){.master-advice{gap:11px}.master-speaker,.master-portrait{width:64px}.master-portrait{height:auto;aspect-ratio:6/7}.master-speech{padding:12px}.result .master-speech p{font-size:13px}}