*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#1a1612;font-family:Avenir Next,Segoe UI,system-ui,sans-serif;color:#eee6dc;-webkit-tap-highlight-color:transparent;touch-action:none;user-select:none;-webkit-user-select:none}#scene{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none;cursor:crosshair}.hidden{display:none!important}#hud{position:fixed;top:calc(10px + env(safe-area-inset-top,0px));left:calc(12px + env(safe-area-inset-left,0px));right:calc(12px + env(safe-area-inset-right,0px));display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;z-index:10}#hud-left{display:flex;flex-direction:column;gap:6px;align-items:flex-start}#stress-label,#pieces-label{background:#120e0a9e;border:1px solid rgba(238,230,220,.22);border-radius:10px;padding:8px 14px;font-size:14px;font-weight:600;letter-spacing:.08em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#stress-label{color:#f0c48a}#hud-buttons{display:flex;gap:8px;pointer-events:auto;flex-wrap:wrap;justify-content:flex-end}.hud-btn{background:#120e0a9e;border:1px solid rgba(238,230,220,.22);border-radius:10px;color:#eee6dc;font:600 12px/1 Avenir Next,Segoe UI,system-ui,sans-serif;letter-spacing:.08em;padding:10px 12px;min-width:46px;max-width:138px;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hud-btn:active{background:#5a4226bf}.hud-btn.off{color:#eee6dc61}.hud-btn.active{border-color:#e8a84ab3;color:#f0c48a}.radio-group{display:flex;flex-wrap:wrap;gap:4px;max-width:280px}.radio-opt{position:relative;display:inline-flex;align-items:center;gap:6px;background:#120e0a9e;border:1px solid rgba(238,230,220,.22);border-radius:10px;color:#eee6dc;font:600 11px/1 Avenir Next,Segoe UI,system-ui,sans-serif;letter-spacing:.07em;padding:8px 10px 8px 8px;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto}.radio-opt input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;margin:0;border:1.5px solid rgba(238,230,220,.45);border-radius:50%;background:transparent;pointer-events:none}.radio-opt input:after{content:"";display:block;width:6px;height:6px;margin:2px auto;border-radius:50%;background:transparent}.radio-opt:has(input:checked){border-color:#e8a84ab3;color:#f0c48a}.radio-opt:has(input:checked) input{border-color:#e8a84a}.radio-opt:has(input:checked) input:after{background:#e8a84a}#hint{position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:10;pointer-events:none;background:#120e0a80;border:1px solid rgba(238,230,220,.14);border-radius:10px;padding:7px 14px;font-size:12px;letter-spacing:.04em;color:#eee6dcb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0a08068c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:20;transition:opacity .25s ease}#overlay.fade{opacity:0;pointer-events:none}#overlay-card{text-align:center;padding:30px 34px;max-width:min(460px,86vw);background:linear-gradient(160deg,#2e241af0,#16100cf0);border:1px solid rgba(232,196,140,.32);border-radius:18px;box-shadow:0 18px 60px #0009}#overlay-title{font-size:clamp(30px,7vw,44px);font-weight:800;letter-spacing:.16em;color:#f0d4a8;text-shadow:0 2px 12px rgba(0,0,0,.6);margin-bottom:10px}#overlay-sub{font-size:15px;line-height:1.5;color:#eee6dcd9;margin-bottom:22px}#overlay-btn{background:linear-gradient(180deg,#e0c07a,#b8893a);border:1px solid rgba(255,231,178,.55);border-radius:12px;color:#241708;font:700 17px/1 Avenir Next,Segoe UI,system-ui,sans-serif;letter-spacing:.06em;padding:14px 34px;cursor:pointer;box-shadow:0 6px 18px #00000073}#overlay-btn:active{transform:translateY(1px);filter:brightness(.92)}#toast{position:fixed;left:50%;bottom:calc(56px + env(safe-area-inset-bottom,0px));transform:translate(-50%);background:#120e0ad1;border:1px solid rgba(238,230,220,.25);border-radius:10px;padding:10px 18px;font-size:14px;z-index:15;pointer-events:none;transition:opacity .4s ease}#version{position:fixed;right:10px;bottom:8px;font-size:10px;letter-spacing:.06em;color:#eee6dc47;z-index:8;pointer-events:none}@media(max-width:640px){#hint{font-size:10px;padding:6px 10px;white-space:normal;text-align:center;max-width:90vw}.hud-btn{padding:8px 9px;font-size:11px;min-width:40px}}