*{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%;overflow-x:hidden;overflow-y:auto;background:#07111d;color:#f8fafc;font-family:Inter,system-ui,sans-serif}canvas{position:fixed;inset:0;display:block;width:100%;height:100%;cursor:crosshair}.topbar{position:fixed;z-index:8;left:0;right:0;top:0;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#050c17b8;backdrop-filter:blur(10px);border-bottom:1px solid #ffffff24}.topbar a,.topbar button,.result a,.result button{color:#fff;background:#24344c;border:1px solid #ffffff42;border-radius:10px;padding:9px 14px;text-decoration:none;font-weight:800}.panel{position:fixed;z-index:12;left:50%;top:50%;transform:translate(-50%,-50%);width:min(760px,calc(100vw - 32px));padding:30px;border:2px solid #ffffff3d;border-radius:24px;background:#07111df0;box-shadow:0 30px 90px #000b;text-align:center}.setup h1{font-size:42px;margin:0 0 8px}.setup>p{color:#b9c7db}.kits{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:24px}.kits button{min-height:125px;border:2px solid #60a5fa66;border-radius:18px;color:#fff;background:linear-gradient(145deg,#17243a,#203957);cursor:pointer}.kits button:hover{filter:brightness(1.25);transform:translateY(-2px)}.kits b,.kits span{display:block}.kits b{font-size:21px;margin-bottom:9px}.kits span{color:#bdd0e9}.hidden{display:none!important}.hud{position:fixed;z-index:5;inset:0;pointer-events:none}.bars{position:absolute;left:18px;bottom:18px;width:270px}.bars label{display:block;margin-top:9px;font-size:12px;font-weight:900;text-shadow:0 2px 3px #000}.bars label>span{float:right}.bars i{display:block;clear:both;height:13px;margin-top:4px;border:2px solid #fff8;border-radius:8px;background:#050b13;overflow:hidden}.bars em{display:block;width:100%;height:100%;background:#32d583;transition:width .15s}.bars label+label em{background:#38bdf8}#kitReadout{position:absolute;left:18px;top:72px;font-weight:900;font-size:20px}#revealReadout{position:absolute;top:75px;left:50%;transform:translate(-50%);padding:8px 16px;border-radius:20px;background:#10243dcc;color:#86efac;font-weight:950}#revealReadout.revealed{color:#fff;background:#dc2626dd;animation:pulse .55s infinite alternate}#specialReadout,#blockReadout{position:absolute;right:18px;bottom:18px;padding:9px 13px;border-radius:10px;background:#0b1728cc;font-weight:850}#blockReadout{bottom:62px}#crosshair{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:30px;text-shadow:0 0 4px #000}#scope{position:absolute;inset:0;border:min(25vw,25vh) solid #05080c;border-radius:50%;box-shadow:inset 0 0 0 2px #111}#scope:before,#scope:after{content:"";position:absolute;background:#111;left:50%;top:50%;transform:translate(-50%,-50%)}#scope:before{width:100%;height:2px}#scope:after{width:2px;height:100%}#message{position:absolute;left:50%;top:39%;transform:translate(-50%);font-size:24px;font-weight:950;text-shadow:0 3px 5px #000}.controls{text-align:left}.controls button{float:right;font-size:26px;color:#fff;background:none;border:0;cursor:pointer}.result a,.result button{display:inline-block;margin:10px}.result h1{font-size:48px}@keyframes pulse{to{transform:translate(-50%) scale(1.06)}}@media(max-width:650px){.kits{grid-template-columns:1fr}.setup{max-height:88vh;overflow:auto}.topbar strong{font-size:13px}}body:has(#setup:not(.hidden)){min-height:1250px}.panel.setup{position:absolute;top:76px;transform:translate(-50%);margin-bottom:32px}