:root{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;color:#35372b;background:#efe9d8;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overscroll-behavior:none}button{font:inherit;color:inherit;border:0;cursor:pointer;touch-action:manipulation}button:focus-visible{outline:3px solid #147c8c;outline-offset:3px}button:disabled{opacity:.6;cursor:wait}#app{max-width:620px;margin:auto;height:100vh;height:100dvh;display:flex;flex-direction:column;background:#fff9e9;padding-top:env(safe-area-inset-top);overflow:hidden}header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px 6px;gap:10px}.brand{font-size:19px;font-weight:950;letter-spacing:-1px}.brand span,h2 span{color:#e66d42}#sound{background:#e8eddf;font-size:12px;border-radius:20px;padding:9px 12px;font-weight:800}#hud{padding:4px 15px 9px}.stats{display:flex;justify-content:space-between;align-items:center;font-weight:900;font-variant-numeric:tabular-nums}#time{font-size:28px;min-width:90px}small{font-size:11px;font-weight:600}#life{letter-spacing:3px;color:#df6751;font-size:19px}#score{font-size:23px;min-width:90px;text-align:right}.timer{height:5px;background:#e7dfcc;border-radius:6px;overflow:hidden;margin:4px 0 8px}.timer i{height:100%;width:100%;display:block;background:#72a38a;transform-origin:left}.question small{color:#77806d;font-size:10px;letter-spacing:1px}.question h1{font-size:clamp(15px,3.8vw,19px);line-height:1.5;margin:3px 0 0;min-height:2.9em;font-weight:850}#viewport{position:relative;flex:1;min-height:0;overflow:hidden;touch-action:none;background:#e6e7d9;border-top:1px solid #dedac9;border-bottom:1px solid #dedac9;user-select:none;-webkit-user-select:none}#scene{position:absolute;left:0;top:0;max-width:none;transform-origin:0 0;will-change:transform;pointer-events:none}#marks{position:absolute;inset:0;pointer-events:none}.mark{position:absolute;transform:translate(-50%,-50%);font-size:78px;line-height:1;color:#ec6950;text-shadow:0 2px white,2px 0 white,-2px 0 white,0 -2px white;font-weight:900;animation:pop .2s ease-out}.mark.good{color:#0d9b78}#reset,#zoomTools{position:absolute;bottom:12px;z-index:2;box-shadow:0 2px 8px #393d2526;border-radius:20px;background:#fffdf2ed}#reset{left:12px;font-size:11px;padding:10px 13px}#zoomTools{right:12px;display:flex;overflow:hidden}#zoomTools button{width:39px;height:36px;background:transparent;font-size:23px}footer{text-align:center;font-size:10px;color:#777c6c;padding:8px 4px calc(8px + env(safe-area-inset-bottom))}.overlay{position:fixed;inset:0;z-index:10;background:#343f2b55;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;overflow:auto}.overlay[hidden]{display:none}.card{max-width:390px;width:100%;background:#fff9e9;border:2px solid #373c2f;border-radius:28px;padding:28px 24px;text-align:center;box-shadow:7px 8px 0 #353b2f}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px}h2{font-size:46px;line-height:1.2;letter-spacing:-2px;margin:22px 0 8px;font-weight:950}.subtitle{display:inline-block;background:#f3cb66;border-radius:20px;padding:6px 17px;font-weight:800;font-size:13px}.card p{font-size:13px;line-height:1.9}.rules{display:flex;justify-content:center;gap:15px;font-size:12px;margin:22px 0}.muted{color:#78806c;font-size:11px!important}.primary{width:100%;border-radius:16px;background:#315a46;color:#fffdf2;padding:17px;font-weight:850;box-shadow:0 4px 0 #203f30}.feedback{position:fixed;z-index:8;left:50%;bottom:calc(45px + env(safe-area-inset-bottom));transform:translateX(-50%);width:min(90%,440px);padding:20px 23px;background:#fff9e9;border:2px solid #3b503a;border-radius:20px;box-shadow:0 5px 0 #3b503a;text-align:left}.feedback[hidden]{display:none}.feedback strong,.feedback span,.feedback small{display:block}.feedback strong{font-size:19px;color:#258363}.feedback span{font-size:14px;line-height:1.7;margin:8px 0}.feedback small{color:#929780;text-align:right;font-size:10px}.resultScore{font-size:54px;font-weight:950;letter-spacing:-2px;color:#315a46}.resultGrid{display:flex;justify-content:space-around;background:#f0ecd9;border-radius:16px;padding:14px;margin:12px 0 20px}.resultGrid b{display:block;font-size:22px}.resultGrid span{font-size:11px}.storageNote{color:#a05a37}.error{color:#a34234}@keyframes pop{from{transform:translate(-50%,-50%) scale(.4)}to{transform:translate(-50%,-50%) scale(1)}}@media(max-height:650px){header{padding-top:4px;padding-bottom:2px}.question h1{font-size:14px}.card{padding:16px 20px}h2{font-size:37px;margin:12px 0}.rules{margin:12px 0}#time{font-size:24px}}@media(prefers-reduced-motion:reduce){.mark{animation:none}}

/* v1.2: only loading/transition UI extends the original layout. */
#scene{transition:opacity .18s ease}#scene.fading{opacity:0}#sceneStatus{position:absolute;z-index:5;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px;background:#e8eadcdd;text-align:center;font-size:13px}#sceneStatus[hidden]{display:none}#sceneRetry{background:#315a46;color:white;padding:12px 20px;border-radius:12px}#sceneStatus p{max-width:330px;line-height:1.8}.resultGrid b{font-size:19px}@media(prefers-reduced-motion:reduce){#scene{transition:none}}