:root{font-family:Arial,sans-serif;color:#fff;background:#06141a;touch-action:none}*{box-sizing:border-box}html,body,#game{width:100%;height:100%;margin:0;overflow:hidden}#game{position:relative;background:#163b2e}.scene,.shade,canvas{position:absolute;inset:0;width:100%;height:100%}.scene{object-fit:cover;object-position:center;filter:saturate(1.08)}.shade{background:linear-gradient(180deg,#031319b8 0,#03131920 45%,#031319e8 100%)}canvas{display:none}header{position:absolute;inset:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:max(16px,env(safe-area-inset-top)) 18px 12px;background:#031820db;border-bottom:2px solid #f3b62f}header strong{font-size:clamp(18px,5vw,29px);font-style:italic}header span,em{color:#ffd044}header b{font-size:11px;letter-spacing:.08em}.panel{position:absolute;left:50%;top:54%;width:min(88%,420px);transform:translate(-50%,-50%);padding:24px;text-align:center;border:1px solid #ffffff40;border-radius:22px;background:#04191be8;box-shadow:0 20px 60px #0008;backdrop-filter:blur(8px)}.panel h1{margin:5px 0 14px;font-size:clamp(34px,10vw,60px);line-height:.88}.panel em{font-style:italic}.panel p{margin:7px 0;color:#dce8dd;font-weight:700}.panel button,.panel a{display:block;width:100%;margin-top:16px;padding:15px;border:0;border-radius:12px;background:linear-gradient(#ffd956,#e79d13);color:#14200a;font-size:18px;font-weight:1000;text-decoration:none;box-shadow:0 5px 0 #845509;cursor:pointer}#result,#callout,#score{display:none}#result.show{display:block}#result #verdict{font-size:clamp(52px,17vw,94px);line-height:.8;color:#ffd044;text-shadow:0 5px #9b5300}#result h2{margin:14px 0 4px}#result #again{background:#174e52;color:#fff;box-shadow:0 5px #082b2e}#callout{position:absolute;left:50%;bottom:17%;transform:translateX(-50%);padding:12px 20px;border-radius:30px;background:#04191be8;color:#ffd044;font-weight:1000;white-space:nowrap;animation:pulse .7s infinite alternate}#score{position:absolute;right:16px;top:82px;width:70px;padding:8px;text-align:center;background:#04191be6;border:1px solid #ffd044;border-radius:12px}#score small{display:block}#score b{font-size:30px;color:#ffd044}footer{position:absolute;bottom:max(6px,env(safe-area-inset-bottom));width:100%;text-align:center;font-size:10px;color:#dbe7df}@keyframes pulse{to{transform:translateX(-50%) scale(1.06)}}@media(orientation:landscape){.scene{object-position:center 48%}.panel{top:55%;padding:16px}.panel h1{font-size:42px}.panel button,.panel a{padding:11px;margin-top:9px}#callout{bottom:10%}}