*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#050b09;color:#effff6;font-family:Arial,system-ui,sans-serif}button{font:inherit;color:inherit;cursor:pointer}canvas{display:block}
#start{position:fixed;z-index:30;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle,#1a4938,#07130f 55%,#020705)}.title{padding:30px}.crystal{font-size:70px;color:#76e5ab;text-shadow:0 0 35px #65d59b}.title h1{font-size:52px;line-height:.82;letter-spacing:-3px;margin:5px}.title h1 em{color:#7be0aa;font-style:normal}.title p{color:#a4c1b5}.title button{margin:18px;padding:14px 24px;border:0;border-radius:10px;background:#76dda7;color:#05100c;font-weight:900}.title small{display:block;color:#668c7e;font-size:10px}
#hud{position:fixed;z-index:5;top:0;left:0;right:0;height:100px;padding:12px 16px;display:grid;grid-template-columns:220px 220px 1fr;gap:12px;background:linear-gradient(#06100de8,#06100d00);pointer-events:none}.brand{font-weight:900;letter-spacing:2px;font-size:18px}.brand span{font-weight:400}.brand small{display:block;color:#78d8a4;font-size:9px;letter-spacing:1px;margin-top:4px}.playerbox{background:#081612cc;border:1px solid #315748;border-radius:9px;padding:7px;font-size:12px}.playerbox small{color:#9bb8ac}.bar{height:7px;background:#1d332b;border-radius:8px;overflow:hidden;margin:4px 0}.bar i{display:block;width:100%;height:100%;background:#74dba4;transition:.25s}.quest{padding:5px 8px;font-size:12px;text-shadow:0 2px 5px #000}.quest b{color:#a6edc3}.hint{position:fixed;right:15px;top:78px;color:#b1c9bf;font-size:10px}
#toast{position:fixed;z-index:8;bottom:10%;left:50%;transform:translateX(-50%);padding:10px 15px;background:#07130fee;border:1px solid #4b7a66;border-radius:10px;opacity:0;transition:.2s;pointer-events:none}#toast.show{opacity:1}
.hidden{display:none!important}
#battle{position:fixed;z-index:20;inset:0;background:linear-gradient(#142c23,#08120f);}.battleScene{position:absolute;inset:0;max-width:1050px;margin:auto;background:radial-gradient(circle at 50% 42%,#335f49,#122a20 52%,#09150f);border-left:1px solid #315b49;border-right:1px solid #315b49}.battleScene:after{content:"";position:absolute;left:8%;right:8%;bottom:34%;height:20%;background:#07120c66;border-radius:50%;filter:blur(10px)}.enemyUnit,.playerUnit{position:absolute;display:flex;align-items:center;gap:15px;z-index:2}.enemyUnit{right:10%;top:16%}.playerUnit{left:10%;bottom:25%}.monster{font-size:100px;filter:drop-shadow(0 14px 7px #0008);min-width:120px;text-align:center}.enemyUnit .monster{transform:scaleX(-1)}.nameplate{min-width:190px;background:#07130fe8;border:1px solid #426b59;border-radius:10px;padding:9px}.nameplate span{float:right;color:#a9c8ba;font-size:11px}.nameplate small{color:#b5cec2}.battleText{position:absolute;z-index:3;left:6%;right:6%;bottom:11%;background:#07130ff0;border:1px solid #436c5a;border-radius:12px;padding:12px 15px}.battleText b{color:#83e3ad;font-size:11px}.battleText p{margin:5px 0 0;color:#d5e9df}.commands{position:absolute;z-index:4;right:6%;bottom:1.5%;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.commands button{background:#15352b;border:1px solid #416b59;border-radius:8px;padding:10px}.commands button:hover{background:#265344}
#menu{position:fixed;z-index:25;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:20px}.menu{position:relative;width:min(850px,95vw);max-height:88vh;overflow:auto;background:#091713;border:1px solid #426d5a;border-radius:16px;padding:22px}.menu>#close{position:absolute;right:10px;top:6px;background:none;border:0;font-size:28px}.tabs{display:flex;gap:6px}.tabs button{flex:1;background:#133229;border:1px solid #315a4a;border-radius:8px;padding:10px}.tabcontent{margin-top:12px;background:#0d211a;border:1px solid #294c3f;border-radius:10px;padding:15px}.teamitem{display:flex;gap:12px;align-items:center;padding:10px;background:#122a21;border-radius:9px;margin:7px 0}.teamitem .icon{font-size:32px}.teamitem small{display:block;color:#91b3a5}.mapascii{font-family:monospace;line-height:1.4;color:#8edcaf;font-size:16px;white-space:pre}
#mobile{display:none;position:fixed;z-index:7;bottom:15px;left:15px;text-align:center}#mobile button{width:45px;height:42px;margin:2px;background:#102a22cc;border:1px solid #4d7664;border-radius:9px}
@media(max-width:800px){#hud{height:70px;grid-template-columns:1fr 1fr;padding:7px}.brand{font-size:14px}.brand small,.quest,.hint{display:none}.playerbox{font-size:10px}.enemyUnit{right:3%;top:16%}.playerUnit{left:3%;bottom:29%}.monster{font-size:70px;min-width:75px}.nameplate{min-width:140px;font-size:12px}.battleText{bottom:18%;left:3%;right:3%}.commands{left:3%;right:3%;bottom:1%;}.commands button{padding:8px;font-size:11px}#mobile{display:block}}