*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:#07080f;color:#e8ecff;font-family:"Hiragino Kaku Gothic ProN",Meiryo,monospace;overflow:hidden}#wrap{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(1200px 800px at 50% 30%,#131a35,#05060c)}#game{background:#0a0c16;border:1px solid #263;box-shadow:0 0 60px #000,0 0 120px #10204044;max-width:100vw;max-height:100vh;image-rendering:auto}#ui{position:fixed;inset:0;pointer-events:none;display:flex;align-items:center;justify-content:center}.panel{pointer-events:auto;background:#0d1226ee;border:1px solid #3a4a8a;border-radius:12px;padding:28px 32px;text-align:center;max-width:min(92vw,560px);box-shadow:0 10px 60px #000}.panel h1{font-size:42px;letter-spacing:6px;background:linear-gradient(180deg,#ffe9a8,#ff9d3c,#ff3d6e);-webkit-background-clip:text;background-clip:text;color:transparent}.sub{opacity:.8;margin:6px 0 16px}.row{display:flex;gap:8px;justify-content:center;margin:8px 0;flex-wrap:wrap}button{pointer-events:auto;background:#1c2a5e;color:#fff;border:1px solid #4a6aff;border-radius:8px;padding:10px 16px;font-size:15px;cursor:pointer}button:hover{background:#2c3f8e}input{background:#0a0f22;color:#fff;border:1px solid #4a6aff;border-radius:8px;padding:9px 10px}.tiny{font-size:12px;opacity:.75;margin-top:8px}.hidden{display:none!important}#hud{position:fixed;inset:0;pointer-events:none}#topLeft{position:absolute;top:10px;left:10px;width:min(320px,44vw)}#hpBar,#mpBar,#expBar{position:relative;height:20px;background:#000a;border:1px solid #555;border-radius:6px;margin-bottom:4px}#mpBar{height:14px}#expBar{height:12px}#hpFill{height:100%;width:100%;background:linear-gradient(90deg,#ff3355,#ff8866);border-radius:5px}#mpFill{height:100%;background:linear-gradient(90deg,#3388ff,#66eeff);border-radius:5px}#expFill{height:100%;background:linear-gradient(90deg,#ffdd33,#88ff66);border-radius:5px}#hpText,#mpText,#lvText{position:absolute;inset:0;font-size:11px;display:flex;align-items:center;justify-content:center;text-shadow:0 1px 2px #000}#floorInfo{font-size:13px;text-shadow:0 1px 3px #000}#topRight{position:absolute;top:10px;right:10px;text-align:right}#minimap{background:#000c;border:1px solid #4a6aff;border-radius:8px}#statLine{font-size:11px;text-shadow:0 1px 3px #000}#bottomBar{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);text-align:center}#skills{display:flex;gap:6px;justify-content:center}.slot{width:64px;background:#000c;border:1px solid #4a6aff;border-radius:8px;padding:4px;font-size:11px}.slot b{display:block;font-size:13px}.slot .cd{color:#ff9}.slot.ready{border-color:#6f6}#msg{margin-top:6px;font-size:13px;text-shadow:0 1px 3px #000;min-height:20px}#bossBar{position:absolute;top:12px;left:50%;transform:translateX(-50%);width:min(560px,70vw);height:22px;background:#000b;border:1px solid #f33;border-radius:8px}#bossFill{height:100%;background:linear-gradient(90deg,#ff0033,#ff8866)}#bossText{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px}#modal{position:fixed;inset:0;background:#000a;display:flex;align-items:center;justify-content:center;pointer-events:auto}#modalBox{background:#0d1330;border:1px solid #6af;border-radius:12px;padding:20px;max-width:min(92vw,620px);max-height:86vh;overflow:auto;text-align:center}.card{display:inline-block;background:#141b3d;border:1px solid #4a6aff;border-radius:10px;padding:12px;margin:6px;width:160px;cursor:pointer;vertical-align:top}.card:hover{background:#1e2a63}.card h3{font-size:15px}.card p{font-size:12px;opacity:.85}#toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;gap:4px;align-items:center}.toastMsg{background:#000d;border:1px solid #6af;border-radius:8px;padding:6px 12px;font-size:13px;animation:fade 2.4s forwards}@keyframes fade{0%{opacity:0}10%{opacity:1}80%{opacity:1}100%{opacity:0}}#fps{position:fixed;bottom:6px;left:8px;font-size:12px;background:#000a;padding:4px 8px;border-radius:6px}#touchUI{display:none}@media(pointer:coarse){#touchUI{display:block}#stick{position:fixed;left:18px;bottom:70px;width:120px;height:120px;border:2px solid #ffffff44;border-radius:50%;pointer-events:auto}#knob{position:absolute;left:40px;top:40px;width:40px;height:40px;background:#ffffff55;border-radius:50%}#tBtns{position:fixed;right:14px;bottom:70px;display:flex;gap:8px}#tBtns button{width:58px;height:58px;border-radius:50%;pointer-events:auto}
#game{image-rendering:pixelated}#sidePanel{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;gap:6px}#sidePanel button{font-family:monospace;font-weight:bold;background:#1a1410;color:#ffe9a8;border:3px solid #8f7c60;box-shadow:inset -2px -2px 0 #00000088,inset 2px 2px 0 #ffffff33;border-radius:4px;padding:8px 10px;font-size:13px;text-align:left;min-width:118px;cursor:pointer}#sidePanel button:active{background:#3a2c1c}#sidePanel button span{color:#7dff9a}#counters{font-size:15px;text-shadow:0 1px 3px #000;margin:2px 0}#bottomLeft{position:absolute;left:10px;bottom:10px}#log{margin-top:4px;font-family:monospace;font-size:11px;color:#9fe8a8;text-shadow:0 1px 2px #000;max-width:230px}#log div{opacity:.92}