*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#0b1727;color:#f8fafc;font-family:Inter,system-ui,sans-serif}canvas{display:block;width:100%;height:100%;background:#93c5df}header{position:fixed;z-index:6;left:0;right:0;top:0;height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#091423e8;border-bottom:1px solid #ffffff30}header a,header button,.panel button{border:1px solid #ffffff45;border-radius:11px;background:#263a56;color:#fff;padding:10px 16px;text-decoration:none;font-weight:900;cursor:pointer}#hud{position:fixed;z-index:5;inset:76px 20px auto;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none;text-shadow:0 2px 4px #000}#hud div{display:flex;flex-direction:column;gap:5px}.health{width:min(360px,35vw)}.health i{height:16px;border:2px solid #fff9;border-radius:10px;background:#101827;overflow:hidden}.health em{display:block;height:100%;width:100%;background:linear-gradient(90deg,#16a34a,#4ade80);transition:width .15s}.right{text-align:right}.panel{position:fixed;z-index:10;left:50%;top:50%;transform:translate(-50%,-50%);width:min(680px,calc(100vw - 32px));max-height:82vh;overflow:auto;padding:30px;border:2px solid #ffffff42;border-radius:24px;background:#0a1728f5;box-shadow:0 30px 90px #000b;text-align:center}.panel h1{font-size:40px;margin:0 0 10px}.panel>p{color:#c7d5e8}.hidden{display:none!important}.controls{display:grid;gap:8px;margin:22px auto;text-align:left;width:max-content}.controls b{font-size:20px}.close{float:right;font-size:24px!important;padding:4px 11px!important}#kitCards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.kit-card{padding:16px;border:2px solid #ffffff25;border-radius:15px;background:#182a42}.kit-card.selected{border-color:#67e8f9;background:#193c50}.kit-card b,.kit-card span{display:block;margin-bottom:6px}.kit-card button{width:100%;margin-top:8px}.boss-warning{color:#ffcb4c}@media(max-width:650px){#kitCards{grid-template-columns:1fr}#hud{font-size:12px}.health{width:40vw}header strong{font-size:12px}}#progress{position:fixed;z-index:5;left:50%;bottom:18px;transform:translate(-50%);width:min(430px,58vw);text-align:center;font-size:11px;font-weight:900;text-shadow:0 2px 3px #000;pointer-events:none}#progress i{display:block;height:11px;margin-top:5px;border:2px solid #fff8;border-radius:8px;background:#0c1522;overflow:hidden}#progress em{display:block;width:0;height:100%;background:linear-gradient(90deg,#38bdf8,#a7f3d0);transition:width .2s}