:root{color:#203d35;background:#b9dfee;font-family:PingFang SC,Noto Sans SC,system-ui,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit;cursor:pointer}#app{position:relative}#game-canvas{touch-action:none;width:100vw;height:100vh;display:block}.title{z-index:3;position:absolute;top:20px;left:24px}.title p{color:#447263;letter-spacing:.08em;margin:0;font-size:12px;font-weight:800}.title h1{letter-spacing:-.07em;margin:2px 0 8px;font-size:31px}.title button,.controls button{color:#fff;background:#347a57;border:0;border-radius:9px;padding:8px 12px;font-weight:800;box-shadow:0 5px 14px #1a483433}.title button{color:#315f49;background:#ffffffc7}#hud{z-index:3;width:330px;position:absolute;top:112px;left:24px}.title,#hud,.controls,.care-note{pointer-events:auto}#hud>div,#hud p,.controls,.care-note{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#fffcebe0;border:1px solid #26513f24;border-radius:12px;box-shadow:0 9px 24px #26513f21}#hud>div{gap:2px;padding:11px 13px;display:grid}#hud span{color:#527565;font-size:12px;font-weight:800}#hud strong{font-size:16px}#hud p{color:#426858;margin:9px 0 0;padding:9px 12px;font-size:12px;line-height:1.45}.controls{z-index:3;color:#587868;gap:5px;width:306px;padding:12px;font-size:12px;display:grid;position:absolute;bottom:24px;left:24px}.controls strong{color:#244c3a;font-size:14px}.controls button{margin-top:4px}.care-note{z-index:3;color:#5a7469;gap:4px;width:280px;padding:11px 12px;font-size:11px;line-height:1.45;display:grid;position:absolute;bottom:24px;right:24px}.care-note strong{color:#315d49;font-size:12px}.modal-backdrop{z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#14372a6b;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.modal{background:#fffaf0;border-radius:20px;width:min(470px,100%);padding:25px;box-shadow:0 24px 60px #1032234d}.tag{color:#5c9870;letter-spacing:.1em;margin:0 0 5px;font-size:11px;font-weight:900}.modal h2{letter-spacing:-.04em;margin:0 0 12px;font-size:25px}.modal p{color:#466d5d;line-height:1.65}.modal .discussion{color:#487159;background:#e7f2df;border-radius:10px;padding:10px;font-size:12px}.modal button{color:#fff;background:#347a57;border:0;border-radius:10px;padding:10px 14px;font-weight:800}.choices{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.choices button{color:#345e49;background:#e7f1df;min-height:78px;font-size:12px;line-height:1.4}.choices button:hover{background:#d9ecd9;transform:translateY(-2px)}.end{background:linear-gradient(145deg,#fffbed,#e2f4df)}#touch-controls{z-index:6;pointer-events:none;justify-content:space-between;align-items:flex-end;display:none;position:absolute;bottom:16px;left:16px;right:16px}#touch-stick{aspect-ratio:1;pointer-events:auto;touch-action:none;background:#24533b4d;border:1px solid #ffffffad;border-radius:50%;width:110px;position:relative}#touch-knob{aspect-ratio:1;background:#fff8db;border-radius:50%;width:44%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.touch-buttons{gap:9px;display:grid}.touch-buttons button{aspect-ratio:1;color:#fff;pointer-events:auto;background:#347a57;border:0;border-radius:50%;width:72px;font-size:12px;font-weight:800}@media (pointer:coarse),(width<=760px){.title{top:12px;left:14px}.title h1{font-size:24px}.title p{font-size:10px}#hud{width:min(280px,100vw - 28px);top:94px;left:14px}#hud p{font-size:11px}.controls{display:none}.care-note{width:245px;font-size:10px;bottom:145px;right:12px}.modal{padding:20px}.choices{grid-template-columns:1fr}.choices button{min-height:52px}#touch-controls{display:flex}}