:root{--ink: #f4ecd8}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:#0c0a16;font-family:Hiragino Maru Gothic ProN,Hiragino Kaku Gothic ProN,system-ui,sans-serif}#screen{position:fixed;inset:0;width:100vw;height:100vh;display:block;background:#13351e;image-rendering:pixelated;touch-action:none}.hud{position:fixed;color:var(--ink);pointer-events:none;text-shadow:0 2px 3px rgba(0,0,0,.7);z-index:5}#topbar{top:0;left:0;right:0;display:flex;gap:10px;align-items:center;padding:10px 14px;flex-wrap:wrap}.badge{background:#140e289e;border:2px solid rgba(255,255,255,.18);border-radius:999px;padding:4px 12px;font-weight:800;font-size:14px;display:flex;align-items:center;gap:6px;backdrop-filter:blur(3px)}.badge .k{opacity:.8;font-weight:700;font-size:12px}.spacer{flex:1}.hud button{pointer-events:auto;background:#140e289e;border:2px solid rgba(255,255,255,.22);color:var(--ink);font-weight:800;border-radius:10px;padding:6px 12px;font-size:13px;cursor:pointer;backdrop-filter:blur(3px)}.hud button:active{transform:translateY(1px)}#hint{left:0;right:0;bottom:8px;text-align:center;font-size:12.5px;opacity:.82;font-weight:700}#dlg{position:fixed;left:50%;transform:translate(-50%);bottom:42px;width:min(760px,92vw);background:linear-gradient(180deg,#1c1434f5,#120c26f5);border:3px solid #c8a84e;border-radius:16px;padding:16px 20px;color:#fff;z-index:8;display:none;box-shadow:0 10px 40px #00000080}#dlg.on{display:block}#dlgName{color:#ffe07a;font-weight:900;font-size:15px;margin-bottom:6px}#dlgText{font-size:15px;line-height:1.7;font-weight:600;min-height:3.4em}#dlgMore{text-align:right;color:#cbb6ff;font-size:12px;margin-top:4px}#title{position:fixed;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(120% 80% at 50% 16%,#3a2c63,#221a44 48%,#0f0a22);color:#fff;overflow:auto;padding:20px}#title.hide{display:none}.tlogo{font-size:min(13vw,64px);font-weight:900;color:#ffe9a8;letter-spacing:2px;text-shadow:0 3px 0 #7a5cc0,0 0 26px rgba(255,224,120,.55);text-align:center;margin:4px 0 2px}.tsub{color:#cdbff0;font-size:14px;margin-bottom:8px;text-align:center;font-weight:700}.tver{color:#9c8fce;font-size:11px;margin-bottom:22px}.tbtn{pointer-events:auto;min-width:230px;background:linear-gradient(180deg,#a6dd86,#7cc36b);border:3px solid #5f8a3a;color:#21420f;font-weight:900;border-radius:14px;padding:14px 22px;font-size:18px;cursor:pointer;margin:6px;box-shadow:0 6px #0000004d}.tbtn:active{transform:translateY(2px);box-shadow:0 3px #0000004d}.tbtn.alt{background:linear-gradient(180deg,#f6d77e,#e9bf48);border-color:#bd8f2a;color:#4a3410}.tnote{color:#b9a9e6;font-size:11.5px;margin-top:16px;text-align:center;max-width:420px;line-height:1.6}.tstar{position:absolute;width:2px;height:2px;background:#fff6c4;border-radius:50%;animation:twk 2.6s infinite ease-in-out}@keyframes twk{0%,to{opacity:.2}50%{opacity:.95}}#menu,#shop{position:fixed;inset:0;z-index:9;display:none;align-items:center;justify-content:center;background:#0c08188c;pointer-events:auto;padding:18px}#menu.on,#shop.on{display:flex}#shopGold{color:#ffe07a;font-weight:800;font-size:14px}.shopmsg{color:#9ce0a0;font-size:13px;font-weight:700;margin-bottom:10px;min-height:1.3em}.menubox{background:linear-gradient(180deg,#281e40fa,#1a122efa);border:3px solid #c8a84e;border-radius:16px;padding:18px 22px;width:min(420px,94vw);color:#f4ecd8;box-shadow:0 14px 50px #0000008c}.menubox{width:min(460px,94vw)}.menuhead{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px}.menuhead h2{margin:0;color:#ffe07a;font-size:18px}#menuMsg{color:#9ce0a0;font-size:12px;font-weight:700}#menuStatus{font-size:14px;line-height:1.9;font-weight:700;margin-bottom:12px;background:#0003;border-radius:10px;padding:10px 12px}#menuStatus .srow{white-space:nowrap}.mbtn{background:linear-gradient(180deg,#f6d77e,#e9bf48);border:3px solid #bd8f2a;color:#4a3410;font-weight:900;border-radius:12px;padding:11px 14px;font-size:15px;cursor:pointer;box-shadow:0 4px #0000004d;text-align:left;width:100%}.mbtn:active{transform:translateY(2px);box-shadow:0 2px #0000004d}.mbtn:disabled{opacity:.5;cursor:default;box-shadow:none}.mbtn.gray{background:#efe4cc;border-color:#cbb787;color:#6b5535;text-align:center}.mbtn small{font-weight:700;opacity:.7}.mcat{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mcat .wide{grid-column:1 / -1}.mlist{display:flex;flex-direction:column;gap:7px;max-height:52vh;overflow:auto;padding-right:2px}.mrow{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#0000002e;border:2px solid rgba(255,255,255,.14);border-radius:10px;padding:8px 11px;color:#f4ecd8;font-weight:700;font-size:14px}.mrow .ttl{display:flex;flex-direction:column}.mrow .sub{font-size:11px;color:#c9bdf0;font-weight:600}.mrow .act{flex:0 0 auto}.mrow .act button{background:linear-gradient(180deg,#a6dd86,#7cc36b);border:2px solid #5f8a3a;color:#21420f;font-weight:900;border-radius:9px;padding:6px 12px;font-size:13px;cursor:pointer}.mrow .act button.equipped{background:#cbb787;border-color:#a8946b;color:#4a3410}.menucols{display:flex;flex-direction:column;gap:8px}.menuhint{color:#b9a9e6;font-size:11px;margin-top:10px;text-align:center}#battle{position:fixed;inset:0;z-index:7;display:none;pointer-events:none}#battle.on{display:block}#btParty{position:absolute;top:14px;left:50%;transform:translate(-50%);background:#140e28b3;border:2px solid rgba(255,255,255,.25);border-radius:999px;color:#f4ecd8;font-weight:800;font-size:15px;padding:7px 18px;white-space:nowrap;backdrop-filter:blur(3px)}#btMsg{position:absolute;left:50%;transform:translate(-50%);bottom:120px;width:min(720px,92vw);background:linear-gradient(180deg,#1c1434f5,#120c26f5);border:3px solid #c8a84e;border-radius:14px;padding:14px 20px;color:#fff;font-size:16px;font-weight:700;line-height:1.6;text-align:center;pointer-events:auto;box-shadow:0 8px 30px #00000080}#btCmd{position:absolute;left:50%;transform:translate(-50%);bottom:30px;display:flex;gap:10px;flex-wrap:wrap;justify-content:center;max-width:92vw;pointer-events:auto}#btCmd button{background:linear-gradient(180deg,#f6d77e,#e9bf48);border:3px solid #bd8f2a;color:#4a3410;font-weight:900;border-radius:12px;padding:11px 18px;font-size:16px;cursor:pointer;box-shadow:0 5px #0000004d}#btCmd button:active{transform:translateY(2px);box-shadow:0 3px #0000004d}#btCmd button:disabled{opacity:.45;box-shadow:none;cursor:default}#btCmd button small{font-size:11px;opacity:.65;margin-left:4px}#btCmd button.back{background:#efe4cc;border-color:#cbb787;color:#6b5535}#btCmd .btnone{color:#fff;opacity:.7;font-weight:700;align-self:center;padding:0 8px}#dpad{position:fixed;left:16px;bottom:18px;z-index:6;display:none;pointer-events:none}#dpad.on{display:block}.dbtn{position:absolute;width:54px;height:54px;border-radius:12px;background:#140e2880;border:2px solid rgba(255,255,255,.22);color:#fff;font-size:20px;font-weight:900;pointer-events:auto;display:flex;align-items:center;justify-content:center;user-select:none}#aBtn{position:fixed;right:24px;bottom:38px;width:72px;height:72px;border-radius:50%;z-index:6;background:#c8a84ed9;border:3px solid #fff3cf;color:#4a3410;font-weight:900;font-size:18px;display:none;align-items:center;justify-content:center;pointer-events:auto}#aBtn.on{display:flex}