:root{color-scheme:dark;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:#020308;color:#e8edf2}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#020308}body{display:grid;place-items:center;-webkit-user-select:none;user-select:none}#stage{position:relative;width:min(100vw,177.7778vh);height:min(56.25vw,100vh);overflow:hidden;background:radial-gradient(circle at 70% 70%,rgba(72,18,8,.14),transparent 28%),linear-gradient(#05070c,#020308);box-shadow:0 0 80px #000c}#world{width:100%;height:100%;display:block;image-rendering:pixelated;cursor:crosshair;touch-action:none}#hud{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;padding:14px 16px;font-size:clamp(10px,1.05vw,14px);letter-spacing:.08em;text-shadow:0 1px 4px #000,0 0 8px #000}.brand{position:absolute;top:14px;left:16px;opacity:.55;font-weight:800;letter-spacing:.18em}.brand strong{color:#ff7b3d;font-weight:900}#material{position:absolute;top:14px;right:16px;padding:5px 8px 4px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#03050a8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-weight:800}#material[data-tool=spark]{color:#ffd27d;border-color:#ffd27d59}#material[data-tool=blast]{color:#ff8d63;border-color:#ff8d636b}#stats{position:absolute;right:16px;bottom:14px;opacity:.48;font-size:.82em}.controls{position:absolute;left:50%;bottom:14px;transform:translate(-50%);white-space:nowrap;opacity:.55;background:#03050a61;padding:4px 7px;border-radius:4px}#hint{pointer-events:none;position:absolute;left:31.6%;top:18.5%;transform:translate(-8%,-50%);color:#e9f1f7cc;font-size:clamp(9px,.9vw,12px);letter-spacing:.04em;text-shadow:0 1px 5px #000;animation:hintPulse 1.7s ease-in-out infinite;transition:opacity .8s ease,transform .8s ease}#hint span{color:#ffbf69;border:1px solid rgba(255,191,105,.45);border-radius:3px;padding:1px 4px;margin-right:4px}#hint b{color:#ff7448;font-size:1.5em;margin-left:4px}#hint.hidden{opacity:0;transform:translate(-8%,-40%)}#pause{pointer-events:none;opacity:0;position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:clamp(16px,2vw,28px);letter-spacing:.35em;background:#0203082e;text-shadow:0 2px 12px #000;transition:opacity .15s ease}#pause.visible{opacity:.82}#pause-toggle{position:absolute;right:16px;bottom:34px;z-index:4;padding:3px 6px;border:1px solid rgba(255,255,255,.14);border-radius:3px;background:#03050a73;color:#dee4e994;font:700 clamp(8px,.72vw,10px)/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.11em;cursor:pointer}#pause-toggle:hover{color:#f2f5f7e6;border-color:#ffffff47}#pause-toggle[aria-pressed=true]{color:#f3c39c;border-color:#f3c39c61}@keyframes hintPulse{0%,to{opacity:.5}50%{opacity:.95}}@media(max-width:760px){.controls{left:12px;transform:none;max-width:76%;white-space:normal;line-height:1.45}#stats{display:none}#pause-toggle{bottom:12px}}#chain{position:absolute;top:38px;left:16px;display:flex;align-items:baseline;gap:8px;opacity:.5;transition:opacity .18s ease,transform .18s ease}#chain span{font-size:.74em;letter-spacing:.15em;color:#a7b0b8}#chain b{font-size:.86em;letter-spacing:.08em;color:#d7dce0}#chain[data-stage=unstable],#chain[data-stage=critical],#chain[data-stage=cascade],#chain[data-stage=meltdown]{opacity:.92}#chain[data-stage=unstable] span{color:#e4b36b}#chain[data-stage=critical] span{color:#f29654}#chain[data-stage=cascade] span{color:#ff7b3d}#chain[data-stage=meltdown] span{color:#ff5a38}#chain.bump{transform:translateY(1px) scale(1.035)}#incident{pointer-events:none;position:absolute;left:50%;top:13%;transform:translate(-50%,-8px);opacity:0;padding:4px 8px;border-top:1px solid rgba(255,139,75,.45);border-bottom:1px solid rgba(255,139,75,.25);background:#0908087a;color:#f4d7c5;font:800 clamp(11px,1.2vw,16px)/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.22em;text-shadow:0 2px 8px #000;transition:opacity .12s ease,transform .12s ease}#incident.visible{opacity:.94;transform:translate(-50%)}#result{pointer-events:none;position:absolute;left:50%;top:50%;min-width:min(310px,66vw);transform:translate(-50%,-45%);display:grid;justify-items:center;gap:8px;opacity:0;padding:16px 22px 13px;border:1px solid rgba(237,151,89,.34);background:#050609c2;box-shadow:0 12px 45px #00000075;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:#e7e2dd;transition:opacity .3s ease,transform .3s ease,border-color .15s ease}#result.visible{pointer-events:auto;opacity:.94;transform:translate(-50%,-50%);cursor:pointer}#result.visible:hover{border-color:#ed975994}#result strong{color:#f3c39c;font-size:clamp(15px,1.7vw,23px);letter-spacing:.18em}#result span{color:#aeb5bb;font-size:clamp(9px,.82vw,11px);letter-spacing:.08em;text-align:center}#result small{margin-top:2px;color:#d38958;font-size:clamp(9px,.8vw,11px);letter-spacing:.14em}
