:root{color-scheme:dark;font-family:ui-monospace,SFMono-Regular,"PingFang SC",monospace;background:#141e27;color:#e5eadf}*{box-sizing:border-box}body{margin:0}header,main{width:min(1040px,100%);margin:auto;padding:16px 24px}header{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #35444d;font-size:12px}a{color:#ccd3c5;text-decoration:none}button{font:inherit;cursor:pointer;border:1px solid #5d736e;border-radius:4px;background:#283a40;color:#eef1de;min-height:44px;padding:10px 18px;touch-action:manipulation}button:hover{background:#3b5255}button:focus-visible,a:focus-visible{outline:3px solid #d5f46d;outline-offset:3px}.heading{display:flex;justify-content:space-between;align-items:center}.heading small{color:#a3b68a;font-size:11px;letter-spacing:2px}h1{font-size:27px;margin:8px 0 18px}.brief{border-left:3px solid #d5f46d;background:#202e36;padding:14px 18px;margin-bottom:12px}.brief b{color:#d5f46d}.brief p{font-size:14px;line-height:1.7;margin:8px 0}.brief span{color:#a6b7b9;font-size:12px}.stage{position:relative;border:1px solid #4b5d60;border-radius:5px;overflow:hidden;background:#c3c9b9}canvas{display:block;width:100%;height:auto;touch-action:none}#overlay{position:absolute;inset:0;display:grid;place-items:center;background:#111d29bd;backdrop-filter:blur(3px);padding:16px}#overlay.hidden{display:none}.card{width:min(430px,100%);background:#172832f2;border:1px solid #78908c;padding:25px;box-shadow:7px 7px 0 #111b2277}.card small{color:#d5f46d;font-size:10px;letter-spacing:1px}.card h2{font-size:25px;margin:12px 0}.card p{font-size:14px;line-height:1.75;color:#bacac8}.card button{background:#d5f46d;color:#1e3027;font-weight:bold;width:100%}.controls{display:flex;justify-content:space-between;gap:12px;align-items:center}.controls p{font-size:12px;line-height:1.8;color:#a7b7b6}#fire{background:#d85f45;border-color:#ef967b;font-size:21px;min-width:140px;min-height:58px;font-weight:bold}.legend{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:11px;color:#90a2a2;padding-bottom:12px}@media(max-width:600px){header,main{padding:12px}header>span{display:none}h1{font-size:21px}.brief{padding:10px 12px}.brief p{font-size:12px}.card{padding:14px}.card h2{font-size:20px;margin:6px 0}.card p{font-size:12px;line-height:1.5;margin:8px 0}.stage{min-height:300px}canvas{height:300px;object-fit:fill}.controls p{font-size:10px}#fire{min-width:110px}.legend{gap:5px 12px}}@media(max-height:500px) and (min-width:600px){header{padding:5px 16px}.heading h1{font-size:18px;margin:2px 0}.heading small{display:none}main{padding:6px 16px}.brief{margin-bottom:4px;padding:5px 10px;display:flex;gap:10px;align-items:center}.brief p{font-size:11px;line-height:1.3;margin:0}.brief b{font-size:11px;min-width:110px}.brief span{font-size:10px;min-width:120px}.stage{width:75%;float:left}canvas{height:240px}.controls{width:23%;float:right;display:flex;flex-direction:column}#fire{min-width:110px}.legend{clear:both;padding-top:5px}.card{padding:12px}.card p{font-size:12px;margin:6px 0}.card h2{margin:5px 0;font-size:20px}}