*{box-sizing:border-box}:root{--bg:#12160f;--camo1:#20261b;--camo2:#313927;--khaki:#b8ad74;--orange:#ff9f3f;--red:#ff756a;--text:#f6f0d5;--muted:#ccc39d;--line:rgba(255,255,255,.13)}
body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at 10% 10%,rgba(184,173,116,.22),transparent 27%),radial-gradient(circle at 80% 0%,rgba(75,80,52,.65),transparent 29%),radial-gradient(circle at 35% 90%,rgba(255,159,63,.12),transparent 31%),linear-gradient(135deg,var(--bg),#1c2117 45%,#11150e);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.app{max-width:1120px;margin:auto;padding:14px}.top{display:flex;align-items:center;gap:12px;margin-bottom:12px}.logo{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;font-size:31px;background:linear-gradient(145deg,var(--camo2),#171b13);border:1px solid var(--line);box-shadow:0 14px 34px #0007}h1{margin:0;font-size:clamp(1.55rem,5vw,2.4rem)}p{margin:.2rem 0;color:var(--muted)}.card{border:1px solid var(--line);border-radius:26px;background:radial-gradient(circle at 15% 20%,rgba(184,173,116,.13),transparent 25%),radial-gradient(circle at 85% 10%,rgba(75,80,52,.22),transparent 28%),linear-gradient(145deg,rgba(49,57,39,.97),rgba(27,32,22,.97));box-shadow:0 18px 48px #0007;padding:13px}.hero{position:relative;margin-bottom:12px}canvas{width:100%;max-height:70vh;aspect-ratio:1/1;display:block;border-radius:23px;background:#10140e;border:1px solid var(--line)}.hud{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.hud div,.status,.box{background:rgba(0,0,0,.30);border:1px solid var(--line);border-radius:17px;padding:10px}.hud div{text-align:center}.hud b{display:block;font-size:clamp(1.1rem,4vw,1.7rem)}.hud span{display:block;color:var(--muted);font-size:.82rem}.bigHint{margin-top:10px;padding:13px;border-radius:18px;background:linear-gradient(90deg,rgba(255,159,63,.16),rgba(184,173,116,.12));border:1px solid rgba(255,159,63,.25);font-weight:800;text-align:center}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:830px){.grid{grid-template-columns:1fr}.app{padding:10px}}h2{font-size:1rem;margin:12px 0 8px}.controls h2:first-child{margin-top:0}.searchRow{display:grid;grid-template-columns:1fr auto;gap:8px}.two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.buttonRow{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}@media(max-width:580px){.searchRow,.two,.buttonRow{grid-template-columns:1fr}}label{color:var(--muted);font-size:.88rem}input{width:100%;margin-top:5px;padding:12px;border-radius:15px;border:1px solid var(--line);background:rgba(0,0,0,.35);color:var(--text);font:inherit;outline:none}input:focus{border-color:rgba(255,159,63,.72);box-shadow:0 0 0 3px rgba(255,159,63,.14)}button{padding:12px;border:0;border-radius:15px;background:var(--khaki);color:#14170f;font:inherit;font-weight:900;cursor:pointer}button:active{transform:translateY(1px)}.ghost{background:rgba(255,255,255,.10);color:var(--text);border:1px solid var(--line)}.danger{background:rgba(255,117,106,.18);color:#ffe0dc;border:1px solid rgba(255,117,106,.44)}.wide{width:100%;margin-top:8px}.range,.check{display:block;margin-top:11px}.range input{padding:0;accent-color:var(--orange)}.box,.status{margin-top:8px;color:var(--muted);line-height:1.45}.status{color:var(--text)}.item{padding:9px 0;border-bottom:1px solid var(--line)}.item:last-child{border-bottom:0}.small{padding:8px 10px;margin-top:7px;font-size:.9rem}.attrib{font-size:.86rem;line-height:1.4}