*{box-sizing:border-box}html,body{color:#222;background:#eee8df;height:100%;margin:0;font-family:system-ui,Hiragino Sans,Yu Gothic UI,sans-serif;overflow:hidden}canvas{width:100%;height:100%;display:block;position:fixed;inset:0}#overlay{z-index:10;background:#1e18148c;place-items:center;display:grid;position:fixed;inset:0}.card{background:#fffaf3;border-radius:16px;width:min(420px,100vw - 32px);padding:28px 32px;box-shadow:0 10px 40px #0000004d}.card h1{letter-spacing:.08em;margin:0 0 8px;font-size:22px}.card input{border:1px solid #ccc;border-radius:8px;width:100%;margin:12px 0;padding:10px 12px;font-size:16px}.card button,#share{color:#fff;cursor:pointer;background:#c2185b;border:0;border-radius:8px;padding:10px 16px;font-size:15px}.card button{width:100%}.help{color:#555;padding-left:18px;font-size:13px}#hud-left{flex-direction:column;align-items:flex-start;gap:8px;display:flex;position:fixed;top:12px;left:12px}#hud{background:#fffc;border-radius:10px;padding:10px 14px;font-size:14px;line-height:1.6}#share{margin-top:6px;padding:6px 10px;font-size:12px}#hud-board{background:#fffc;border-radius:10px;min-width:150px;margin:0;padding:10px 14px 10px 32px;font-size:14px;position:fixed;top:12px;right:12px}#hud-board:empty{display:none}#hud-board .me{color:#c2185b}#crosshair{background:#fff;border-radius:50%;width:8px;height:8px;margin:-4px 0 0 -4px;position:fixed;top:50%;left:50%;box-shadow:0 0 0 2px #00000080}#prompt{text-shadow:0 0 4px #fff,0 0 8px #fff;font-weight:700;position:fixed;top:calc(50% + 24px);left:50%;transform:translate(-50%)}#magnet{background:#ffffffd9;border-radius:10px;width:230px;padding:6px 14px 8px;font-size:13px;display:none}#magnet.show{display:block}#magnet i{background:#c2185b;border-radius:2px;height:4px;margin-top:3px;display:block}#magnet.ready{color:#c2185b;font-weight:700}#hud-held{background:#ffffffd9;border-radius:10px;padding:8px 14px;font-size:14px;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}#hud-held:empty{display:none}#hud-held .zone-chip{color:#fff;border-radius:999px;margin:0 4px 0 2px;padding:1px 8px;font-weight:700;display:inline-block}#toast{color:#fff;opacity:0;pointer-events:none;background:#c2185beb;border-radius:10px;padding:10px 18px;font-weight:700;transition:opacity .3s;position:fixed;top:18%;left:50%;transform:translate(-50%)}#toast.show{opacity:1}#skills{background:#ffffffd9;border-radius:10px;width:230px;padding:10px 14px;font-size:13px}#skills:empty{display:none}#skills .points{margin-bottom:4px;font-weight:700}#skills ul{margin:0;padding:0;list-style:none}#skills li{margin:4px 0}#skills li.locked{opacity:.55}#skills li.buy{color:#c2185b}#skills li.MAX{opacity:.7}#skills kbd{text-align:center;border:1px solid #999;border-radius:4px;min-width:18px;font-size:11px;display:inline-block}#skills .cost{float:right}#skills small{color:#666}#refview{z-index:20;cursor:pointer;background:#14100ec7;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#refview figure{flex-direction:column;align-items:center;gap:8px;max-height:92vh;margin:0;display:flex}#refview img{background:#fff;border-radius:10px;max-width:92vw;max-height:86vh;box-shadow:0 8px 30px #0006}#refview figcaption{color:#fff;font-weight:700}#shop{z-index:20;background:#1e181459;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#shop .shop-panel{background:#fffaf4;border-radius:14px;width:min(440px,100vw - 32px);padding:18px 20px;box-shadow:0 10px 40px #00000040}#shop .shop-tabs{border-bottom:1px solid #e6dccf;gap:4px;margin:-4px 0 14px;display:flex}#shop .shop-tabs button{font:inherit;color:#777;cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;padding:6px 12px}#shop .shop-tabs button.active{color:#c2185b;border-bottom-color:#c2185b;font-weight:700}#shop .shop-page{display:none}#shop .shop-page.active{display:block}#shop .help{margin:0;padding-left:18px;line-height:1.9}#shop h2{margin:0 0 12px;font-size:18px}#shop-points{color:#c2185b;margin-left:6px}#shop-list button{text-align:left;width:100%;font:inherit;cursor:pointer;background:#fff;border:1px solid #e6dccf;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:baseline;column-gap:8px;margin:6px 0;padding:10px 12px;display:grid}#shop-list button small{color:#666;grid-column:2/4}#shop-list button .cost{font-weight:700}#shop-list button.buy{border-color:#c2185b}#shop-list button.buy:hover{background:#fde7f0}#shop-list button:disabled{cursor:default;opacity:.55}#shop .shop-hint{color:#777;margin:10px 0 0;font-size:12px}.lang-list{justify-content:center;gap:6px;margin:10px 0;display:flex}.lang-list button{font:inherit;color:#555;cursor:pointer;background:#fff;border:1px solid #e6dccf;border-radius:999px;padding:4px 12px;font-size:13px}.lang-list button.active{color:#c2185b;cursor:default;border-color:#c2185b;font-weight:700}.touch-only,#touch{display:none}body.touch .touch-only{display:block}body.touch .kbd-only{display:none}body.touch{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}body.touch.playing #touch{display:block}#stick{pointer-events:none;opacity:0;z-index:5;background:#ffffff2e;border:2px solid #ffffff8c;border-radius:50%;width:120px;height:120px;margin:-60px 0 0 -60px;position:fixed}#stick.on{opacity:1}#stick .knob{background:#ffffffbf;border-radius:50%;width:52px;height:52px;position:absolute;top:34px;left:34px;box-shadow:0 2px 8px #00000040}#touch button{touch-action:none;color:#fff;font:inherit;z-index:6;background:#1e181473;border:2px solid #fffc;border-radius:50%;font-size:13px;font-weight:700}#touch button:active,#touch button.held{background:#c2185bbf}#touch button.off{opacity:.35}#touch button.hide{display:none}#t-menu{top:max(10px, env(safe-area-inset-top));right:max(10px, env(safe-area-inset-right));width:46px;height:46px;position:fixed;font-size:20px!important}.tbtns{right:max(14px, env(safe-area-inset-right));bottom:max(14px, env(safe-area-inset-bottom));grid-template-rows:repeat(2,64px);grid-template-columns:repeat(3,64px);grid-template-areas:"magnet throw drop""crouch jump act";gap:10px;display:grid;position:fixed}.tbtns button{width:64px;height:64px}#t-interact{grid-area:act;width:84px;height:84px;margin:-20px 0 0 -20px;background:#c2185bb3!important;font-size:15px!important}#t-throw{grid-area:throw}#t-drop{grid-area:drop}#t-magnet{grid-area:magnet}#t-jump{grid-area:jump}#t-crouch{grid-area:crouch}body.touch #hud-board{top:calc(max(10px, env(safe-area-inset-top)) + 54px);min-width:0;padding:6px 10px 6px 26px;font-size:12px}body.touch #skills{display:none}body.touch #hud{padding:6px 10px;font-size:12px;line-height:1.5}body.touch #hud-held{bottom:auto;top:max(10px, env(safe-area-inset-top));max-width:calc(100vw - 260px);font-size:12px}@media (orientation:portrait){body.touch #hud-held{top:auto;bottom:calc(max(14px, env(safe-area-inset-bottom)) + 170px);max-width:calc(100vw - 24px);left:auto;right:12px;transform:none}}body.touch #magnet{width:170px;font-size:12px}@media (height<=400px){.tbtns{grid-template-rows:repeat(2,54px);grid-template-columns:repeat(3,54px);gap:8px}.tbtns button{width:54px;height:54px;font-size:12px!important}#t-interact{width:72px;height:72px;margin:-18px 0 0 -18px}}