*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#061a2d;color:#fff;font-family:Tahoma,Arial,sans-serif;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}body{display:flex;align-items:center;justify-content:center;padding:10px}.app{width:min(100%,1480px);display:flex;flex-direction:column;gap:10px}.stage-wrap{width:100%;display:flex;align-items:center;justify-content:center}.slide-stage{position:relative;width:100%;aspect-ratio:16/9;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 14px 45px rgba(0,0,0,.45);outline:none;touch-action:manipulation;user-select:none}.slide-stage:focus{box-shadow:0 0 0 4px rgba(255,186,65,.75),0 14px 45px rgba(0,0,0,.45)}.slide-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;display:block;pointer-events:none}.answer-layer{position:absolute;inset:0;pointer-events:none}.answer-box{position:absolute;display:flex;align-items:center;justify-content:center;background:#fff;color:#d00000;border:2px solid #f00000;border-radius:4px;font-family:Arial Black,Tahoma,Arial,sans-serif;font-weight:900;line-height:1;white-space:nowrap;text-align:center;padding:0 5px;overflow:hidden;opacity:0;transform:scale(.96);filter:drop-shadow(0 2px 2px rgba(0,0,0,.15));transition:opacity .22s ease,transform .22s ease}.answer-box.show{opacity:1;transform:scale(1)}.tap-hint{position:absolute;left:50%;bottom:2.4%;transform:translateX(-50%);background:rgba(0,36,118,.88);color:white;border:2px solid rgba(255,255,255,.75);border-radius:999px;padding:7px 14px;font-weight:700;font-size:clamp(11px,1.55vw,18px);opacity:.92;transition:opacity .25s ease;pointer-events:none}.tap-hint.hide{opacity:0}.controls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}button{border:0;border-radius:14px;padding:13px 10px;font-family:Tahoma,Arial,sans-serif;font-size:clamp(15px,2vw,21px);font-weight:900;cursor:pointer;color:#061a2d;background:linear-gradient(#ffd36d,#ffae2f);box-shadow:0 7px 0 #a96900,0 10px 18px rgba(0,0,0,.25);touch-action:manipulation}button:active{transform:translateY(4px);box-shadow:0 3px 0 #a96900,0 5px 12px rgba(0,0,0,.25)}button:disabled{opacity:.5;cursor:not-allowed}.footer{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;text-align:center;background:linear-gradient(90deg,#031a2d,#0b3760);border:2px solid rgba(255,186,65,.85);border-radius:15px;padding:8px 12px;box-shadow:0 8px 24px rgba(0,0,0,.24)}.footer strong{font-size:clamp(17px,2vw,25px);color:#ffd36d;letter-spacing:.3px}.footer span{font-size:clamp(14px,1.7vw,21px);font-weight:800}.counter{color:#9ee8ff}@media(max-width:680px){body{padding:6px}.app{gap:7px}.slide-stage{border-radius:9px}.controls{gap:6px}button{border-radius:11px;padding:11px 6px}.footer{gap:9px;padding:7px 8px}.tap-hint{padding:5px 9px;bottom:1.8%}.answer-box{border-width:2px;padding:0 3px}}@media(orientation:landscape) and (max-height:620px){body{padding:4px}.app{max-height:100vh}.footer{padding:4px 8px}.controls button{padding:7px}.tap-hint{display:none}}