:root{color-scheme:dark;font-family:Inter,ui-rounded,system-ui,sans-serif;background:#08160f}*{box-sizing:border-box}html,body,#game{width:100%;height:100%;margin:0;overflow:hidden}body{touch-action:none;overscroll-behavior:none;background:radial-gradient(circle,#1d4931,#08160f 75%)}canvas{display:block;touch-action:none;user-select:none;-webkit-user-select:none}canvas:focus-visible{outline:3px solid #ffe17a;outline-offset:-4px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}#portrait-lock{display:none;position:fixed;inset:0;z-index:9999;align-items:center;justify-content:center;flex-direction:column;gap:8px;padding:30px;text-align:center;color:#ecf8e8;background:radial-gradient(circle,#214f31,#08160f 72%);pointer-events:auto}#portrait-lock strong{color:#ffd06a;font-size:23px;letter-spacing:.08em}#portrait-lock span{color:#cce9b8;font-size:15px}@media(orientation:landscape){body.mobile-play #portrait-lock{display:flex}}#beta-guide{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;overflow:auto;padding:18px;color:#edf9e8;background:#030c07e6;touch-action:pan-y}.beta-guide-panel{width:min(720px,100%);padding:clamp(20px,4vw,36px);border:2px solid #91bf69;border-radius:24px;background:linear-gradient(150deg,#173b27,#09170f);box-shadow:0 24px 80px #000a}.beta-badge{color:#8edcff;font-size:12px;font-weight:800;letter-spacing:.14em}.beta-guide-panel h1{margin:8px 0;color:#fff0b5;font-size:clamp(28px,6vw,46px)}.beta-intro{margin:0 0 20px;color:#cce9b8;line-height:1.5}.beta-guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.beta-guide-grid article{display:grid;gap:6px;padding:14px;border-radius:14px;background:#0d2619}.beta-guide-grid strong{color:#ffd16a;font-size:13px}.beta-guide-grid span,.beta-privacy-copy{color:#d6e8cf;font-size:13px;line-height:1.45}.beta-diagnostics{display:flex;gap:10px;align-items:center;margin-top:18px;font-weight:700}.beta-diagnostics input{width:20px;height:20px;accent-color:#e19a3c}.beta-privacy-copy{margin:8px 0 18px}.beta-guide-actions{display:flex;align-items:center;justify-content:space-between;gap:16px}.beta-guide-actions>div{display:flex;align-items:center;gap:16px}.beta-guide-actions a{color:#9ee2ff;font-size:12px;font-weight:800}.beta-guide-actions button{border:2px solid #ffd16a;border-radius:12px;padding:13px 20px;color:#fff8dd;background:#8a5525;font:800 14px Inter,sans-serif;cursor:pointer}.beta-guide-actions .beta-link-button{border:0;padding:0;color:#9ee2ff;background:transparent;font-size:12px;text-decoration:underline}#feedback-dialog{position:fixed;inset:0;z-index:10001;display:grid;place-items:center;overflow:auto;padding:18px;color:#edf9e8;background:#030c07eb;touch-action:pan-y}.feedback-panel{width:min(560px,100%);padding:clamp(20px,4vw,32px);border:2px solid #91bf69;border-radius:22px;background:linear-gradient(150deg,#173b27,#09170f);box-shadow:0 24px 80px #000a}.feedback-panel h1{margin:8px 0 20px;color:#fff0b5;font-size:clamp(25px,5vw,38px)}.feedback-panel label{display:grid;gap:7px;margin:14px 0;color:#d6e8cf;font-size:13px;font-weight:750}.feedback-panel select,.feedback-panel textarea{width:100%;border:1px solid #71935e;border-radius:10px;padding:11px;color:#f0f8ed;background:#0b2015;font:15px/1.4 Inter,sans-serif}.feedback-panel textarea{resize:vertical;min-height:120px}.feedback-privacy,#feedback-status{color:#bcd3b1;font-size:12px;line-height:1.45}#feedback-status{min-height:18px;color:#ffd16a;font-weight:700}.feedback-actions{display:flex;justify-content:flex-end;gap:10px}.feedback-actions button{border:2px solid #ffd16a;border-radius:10px;padding:11px 15px;color:#fff8dd;background:#8a5525;font:800 13px Inter,sans-serif;cursor:pointer}.feedback-actions button.secondary{border-color:#71935e;background:#173b27}.feedback-actions button:disabled{opacity:.6;cursor:wait}@media(max-width:560px){#beta-guide{place-items:start center;padding:10px}.beta-guide-panel{border-radius:18px}.beta-guide-grid{grid-template-columns:1fr}.beta-guide-actions{align-items:stretch;flex-direction:column-reverse;text-align:center}.beta-guide-actions>div{justify-content:center}#feedback-dialog{place-items:start center;padding:10px}}
