*{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{display:block}#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}