:root{--bg:#0e1a12;--ink:#f2f5f0;--dim:#a9b8aa;--accent:#ffb547;--panel:#0a120cd1}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);margin:0;font:14px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}#view{width:100vw;height:100vh;display:block;position:fixed;inset:0}#loading{background:var(--bg);place-items:center;font-size:20px;display:grid;position:fixed;inset:0}#hud{pointer-events:none;position:fixed;inset:0}.panel{background:var(--panel);pointer-events:auto;border:1px solid #ffffff1f;border-radius:8px;padding:10px 12px;position:absolute}.panel h2{letter-spacing:.04em;text-transform:uppercase;color:var(--accent);margin:0 0 6px;font-size:14px}.mono{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:12px}button,select,input{font:inherit;color:var(--ink);background:#1d2b20;border:1px solid #3c5440;border-radius:6px;padding:4px 8px}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.layer{z-index:10;background:#050c078c;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow:auto}.menu{min-width:min(420px,92vw);max-width:92vw;padding:22px 24px;position:static}.menu h1{letter-spacing:.06em;color:var(--accent);margin:0 0 4px;font-size:28px}.menu .sub{color:var(--dim);margin:0 0 16px}.items{flex-direction:column;gap:8px;display:flex}.item{text-align:left;cursor:pointer;justify-content:space-between;align-items:baseline;gap:16px;padding:10px 14px;font-size:16px;display:flex}.item:hover,.item:focus-visible{background:#2c4431}.item .hint{color:var(--dim);font-size:12px}.status{white-space:pre;line-height:1.5;top:12px;left:12px}.keylist{color:var(--dim);pointer-events:none;gap:4px;max-width:270px;font-size:12px;display:grid;top:50%;left:12px;transform:translateY(-50%)}.keylist .row{grid-template-columns:minmax(84px,auto) 1fr;align-items:center;gap:8px;display:grid}.keylist kbd{color:var(--ink);font:inherit;white-space:nowrap;background:#24362a;border:1px solid #3c5440;border-radius:4px;justify-self:start;padding:0 5px}.keylist .note{color:var(--accent);margin:4px 0 0}.overlay{white-space:pre;line-height:1.45;top:12px;right:12px}.result{min-width:min(360px,90vw);top:50%;left:50%;transform:translate(-50%,-50%)}.result h2{color:var(--accent);text-transform:none;letter-spacing:0;margin:0 0 10px;font-size:20px}.result .row{border-bottom:1px solid #ffffff0f;justify-content:space-between;gap:24px;padding:3px 0;display:flex}.result .foot{color:var(--dim);margin:12px 0 0;font-size:12px}.toast{color:var(--ink);text-shadow:0 2px 8px #000;opacity:0;pointer-events:none;font-size:22px;font-weight:700;transition:opacity .3s;position:fixed;top:18%;left:50%;transform:translate(-50%)}.wide{min-width:min(640px,94vw)}.grid2{grid-template-columns:auto 1fr auto;align-items:center;gap:6px 12px;display:grid}.grid2 input[type=range]{width:100%}textarea{width:100%;min-height:120px;font:12px ui-monospace,Consolas,monospace}.keys{background:#0c150e;border-radius:6px;flex-wrap:wrap;gap:6px;min-height:60px;padding:8px;display:flex}.keys span{background:#2c4431;border-radius:4px;padding:4px 8px;font-family:ui-monospace,Consolas,monospace}table.controls{border-collapse:collapse;font-size:13px}table.controls td,table.controls th{text-align:left;border-bottom:1px solid #ffffff14;padding:3px 10px}table.controls .keys-cell{color:var(--accent);white-space:nowrap}table.controls .bind{cursor:pointer;margin-right:4px;padding:2px 8px;font-size:12px}table.controls .bind:hover{background:#2c4431}@media (max-width:700px){.keylist{display:none}}.speedo{text-align:right;min-width:110px;line-height:1.2;bottom:12px;right:12px}.speedo b{color:var(--accent);font-size:34px}.speedo span{color:var(--dim)}.result .banner{color:#fff;letter-spacing:.04em;text-align:center;background:#b8321f;border-radius:6px;margin:0 0 10px;padding:8px 10px;font-size:18px;font-weight:800}.inventory{flex-direction:column;width:min(1000px,94vw);max-height:92vh;padding:20px 22px;display:flex}.inventory .sub{margin-bottom:10px}.inv-tabs{border-bottom:1px solid #ffffff1f;gap:6px;margin-bottom:12px;display:flex}.inv-tab{color:var(--dim);cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;border-radius:6px 6px 0 0;padding:8px 18px;font-size:16px;font-weight:600}.inv-tab:hover{color:var(--ink);background:#1d2b20}.inv-tab[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent)}.inv-grid{flex:auto;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-auto-rows:max-content;gap:14px;min-height:0;padding:4px 4px 8px;display:grid;overflow-y:auto}.inv-grid[data-cat=skins]{grid-template-columns:repeat(auto-fill,minmax(168px,1fr))}.inv-card{background:#142019;border:1px solid #2c4431;border-radius:10px;flex-direction:column;transition:border-color .15s,transform .15s;display:flex;overflow:hidden}.inv-card:hover{border-color:#4d7555;transform:translateY(-2px)}.inv-card.equipped{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.inv-card.locked{opacity:.6}.inv-card .pic{aspect-ratio:16/9;background:#0c150e;flex:none;place-items:center;display:grid;overflow:hidden}.inv-grid[data-cat=skins] .pic{aspect-ratio:4/5;background:radial-gradient(circle at 50% 35%,#3a4a40,#1a241d)}.inv-card .pic img{object-fit:cover;width:100%;height:100%;display:block}.inv-grid[data-cat=skins] .pic img{object-fit:contain}.inv-card .pic.none{background:repeating-linear-gradient(45deg,#1d2b20 0 10px,#17231b 10px 20px)}.inv-card .pic.none span{color:#3c5440;font-size:48px;font-weight:800}.inv-info{flex:auto;padding:10px 12px 6px}.inv-info h3{margin:0 0 4px;font-size:16px}.inv-info p{color:var(--dim);margin:0;font-size:12px}.equip{cursor:pointer;background:#2c4431;margin:8px 12px 12px;padding:7px 10px;font-weight:700}.equip:hover{background:#3c5a42}.equip[aria-disabled=true]{cursor:default;color:var(--dim);background:0 0}.inv-card.equipped .equip{color:var(--accent);border-color:var(--accent)}.inventory>.item{margin-top:12px}@media (max-width:700px){.inv-grid[data-cat=skins]{grid-template-columns:repeat(2,1fr)}.inv-grid{grid-template-columns:1fr}}.mode-card{text-align:left;cursor:pointer;font:inherit;color:var(--ink);background:#142019;padding:0}.mode-card:focus-visible{border-color:var(--accent)}.mode-card .inv-info{padding-bottom:12px}.mode-setup .mode-head{grid-template-columns:minmax(160px,260px) 1fr;align-items:center;gap:16px;margin:8px 0 14px;display:grid}.mode-setup .mode-head .pic{aspect-ratio:16/9;background:#0c150e;border-radius:8px;overflow:hidden}.mode-setup .mode-head .pic img{object-fit:cover;width:100%;height:100%;display:block}.mode-setup .mode-head .sub{margin:0}.mode-options{margin-bottom:10px}.mode-options .toggle{cursor:pointer;justify-self:start;min-width:64px}.mode-options .toggle[aria-pressed=true],.choices button[aria-pressed=true]{color:var(--accent);border-color:var(--accent);background:#2c4431}.choices{flex-wrap:wrap;gap:6px;display:flex}.choices button{cursor:pointer}.mode-setup .start{color:var(--accent);margin-bottom:8px;font-weight:700}@media (max-width:700px){.mode-setup .mode-head{grid-template-columns:1fr}}.settings input[type=range]{accent-color:var(--accent);padding:0}.settings>.sub[role=status]{min-height:1.4em;margin:8px 0 0}.settings{flex-direction:column;width:min(860px,94vw);height:min(720px,92vh);padding:20px 22px;display:flex}.settings .inv-tabs{flex-wrap:wrap}.settings .inv-tab{padding:8px 14px;font-size:15px}.set-body{flex:auto;min-height:0;padding:2px 4px 8px;overflow-y:auto}.set-body>*+*{margin-top:12px}.set-list{flex-direction:column;gap:2px;display:flex}.set-row{background:#142019;border-radius:8px;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:8px 18px;padding:9px 10px;display:grid}.set-row:nth-child(2n){background:#101a14}.set-label b{font-weight:600;display:block}.set-label small{color:var(--dim);margin-top:2px;font-size:12px;line-height:1.35;display:block}.set-ctl{align-items:center;gap:10px;min-width:0;display:flex}.set-ctl input[type=range]{min-width:0;accent-color:var(--accent);flex:auto;padding:0}.set-ctl .mono{text-align:right;min-width:5.5em;color:var(--accent);flex:none}.seg{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.seg-btn{cursor:pointer;background:#1d2b20;padding:6px 12px}.seg-btn:hover{background:#2c4431}.seg-btn[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#1a1405;font-weight:700}.seg-btn[aria-disabled=true]{opacity:.5;cursor:default}.seg-note{color:var(--dim);margin-left:4px;font-size:12px}.set-h{letter-spacing:.04em;text-transform:uppercase;color:var(--accent);margin:18px 0 6px;font-size:14px}.settings .set-body>.items{flex-flow:wrap}.settings table.controls{width:100%}.settings .sub{margin-bottom:8px}.settings>.item{margin-top:12px}@media (max-width:700px){.set-row{grid-template-columns:1fr}}