:root{--ui-ink:#f0e5d0;--ui-muted:#c2b5a0;--ui-dark:#111b20d9;--ui-line:#bfa77b55;--ui-warm:#d5a16a;--ui-selected:#88592eda}
*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#07101b;color:var(--ui-ink);font:15px system-ui,sans-serif}#world{position:fixed;inset:0}canvas{display:block;touch-action:none}
header{position:absolute;top:30px;left:36px;pointer-events:none;text-shadow:0 2px 12px #000}header>span{font:30px serif;letter-spacing:8px}small{font:10px system-ui;letter-spacing:4px;color:#d7b88a}header p{font-size:13px;letter-spacing:2px;color:#c0b6a3}
aside{position:absolute;right:24px;top:26px;display:flex;align-items:center;gap:12px}button{border:1px solid var(--ui-line);border-radius:30px;padding:11px 18px;background:var(--ui-dark);color:var(--ui-ink);cursor:pointer;backdrop-filter:blur(10px);font:inherit;min-height:44px;touch-action:manipulation}button:hover{background:#263139;border-color:#a29378}button[aria-pressed=true]{background:var(--ui-selected);border-color:#e5bc83}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #ffce7c;outline-offset:4px}button svg{pointer-events:none}label{font-size:12px}input{width:80px;accent-color:#cf965d;vertical-align:middle}#quality{font:12px system-ui;color:var(--ui-ink);background:#172028;border:1px solid var(--ui-line);border-radius:12px;padding:7px;min-height:36px}
nav{position:absolute;right:24px;top:86px;display:flex;gap:6px}nav button{font-size:12px;padding:9px 13px}
#tools{position:absolute;bottom:42px;left:0;width:100%;text-align:center;pointer-events:none;z-index:4}#tools[hidden]{display:none}#toolButtons{display:grid;grid-template-columns:repeat(15,50px);gap:7px;width:max-content;max-width:calc(100vw - 24px);margin:0 auto;pointer-events:auto}#tools .tool-button{position:relative;width:50px;height:50px;min-height:50px;padding:8px;border-radius:17px;white-space:nowrap;box-shadow:0 3px 10px #0005;transition:background-color .14s,border-color .14s,box-shadow .14s}.tool-button svg{display:block;width:32px;height:32px;fill:none;stroke:#e9d8b8;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.tool-button[aria-pressed=true]{box-shadow:0 0 0 2px #e5bc8340,inset 0 1px 10px #f7bf5824,0 3px 12px #0007}.tool-button[aria-pressed=true]::before{content:"";position:absolute;bottom:3px;left:calc(50% - 2px);width:4px;height:4px;background:#ffda9c;border-radius:50%}.tool-button::after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 10px);transform:translate(-50%,3px);padding:6px 9px;border:1px solid #c5a16c55;border-radius:8px;background:#10191ff5;color:#f3e5c9;font-size:12px;line-height:1.4;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s,transform .12s}.tool-button:focus-visible::after{opacity:1;visibility:visible;transform:translate(-50%,0)}@media(hover:hover){.tool-button:hover::after{opacity:1;visibility:visible;transform:translate(-50%,0)}}
.tool-button .icon-fill{fill:#bfaa7c45}.tool-button .icon-soft{stroke:#b6a78e;stroke-width:1.2}.tool-button .steak-edge{fill:#e0b2a0;stroke:#ebc5af;stroke-width:1.3}.tool-button .steak{fill:#a95042;stroke:#74392f;stroke-width:1}.tool-button .marbling{stroke:#ecc0a8;stroke-width:1.3}.tool-button .sausage{fill:#bf7545;stroke:#e8b37c;stroke-width:1.5}.tool-button .food-detail{stroke:#74452d;stroke-width:1.5}.tool-button .sausage-tie{stroke:#dfb480;stroke-width:1.5}.tool-button .mushroom-stem{fill:#ddc9a7;stroke:#b79b77}.tool-button .mushroom-cap{fill:#8f6546;stroke:#c49a6a}.tool-button .mushroom-cut{stroke:#e3c89b;stroke-width:1.6}.tool-button .blade{fill:#b8c5c8;stroke:#e6eded}.tool-button .handle{fill:#8b6445;stroke:#c49a70}.tool-button .brush-band{fill:#aab2ac;stroke:#d5d8c8}.tool-button .brush-bristles{fill:#bca176;stroke:#e1c291}.tool-button .sauce-drop{fill:#ad622b;stroke:#e6a354;stroke-width:1.1}.tool-button .eaten-food{fill:#b7783f;stroke:#e8b575}.tool-button .crumb{stroke:#efc486;stroke-width:2.4}.tool-secondary{opacity:.87}
#tools p{min-height:18px;margin:11px 20px 0;font-size:12px;line-height:1.5;color:#e4d5bb;text-shadow:0 2px 5px #000}#comfortControls{position:absolute;bottom:140px;pointer-events:none;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:14px;z-index:4;white-space:nowrap}#autoCook{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;min-height:44px;font-size:11px;background:#10191db8;border-color:#a28a5d55}#autoCook svg{width:22px;height:22px;fill:none;stroke:#cebb95;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}#autoCook i{display:block;width:5px;height:5px;border-radius:50%;background:#596363;box-shadow:none}#autoCook[aria-pressed=true] i{background:#ddb77c;box-shadow:0 0 6px #d6a55b66}#autoCook[aria-pressed=true]{border-color:#bd956254;background:#302b20b8}#satiety{max-width:220px;white-space:normal;line-height:1.5;font-size:12px;color:#dacbb1;text-shadow:0 2px 8px #000}#tools[hidden]~#comfortControls{display:none}#plate{position:absolute;left:24px;bottom:190px;font-size:12px;color:#e4d5bb;max-width:220px;pointer-events:none}#mealGlow{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 50% 100%,#dca04826 0%,#dca0480b 38%,transparent 70%)}
footer{position:absolute;bottom:10px;width:100%;text-align:center;font-size:10px;color:#aaaca8;pointer-events:none}footer a{color:#b8b2a6;pointer-events:auto}#rangeControls{position:absolute;bottom:48px;left:0;width:100%;text-align:center}#rangeControls span{display:block;margin-bottom:10px;font-size:12px;text-shadow:0 2px 6px #000}button:disabled{opacity:.45;cursor:default}#crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:25px;color:#e5e5c9;pointer-events:none;transition:color .08s,transform .08s}#crosshair.hit{color:#7effa8;transform:translate(-50%,-50%) scale(1.28);text-shadow:0 0 10px #3aff88}body.nvg-active #world canvas{filter:brightness(1.75) contrast(1.24) sepia(.48) hue-rotate(72deg) saturate(2.35)}body.nvg-active #crosshair{opacity:0}#scope{position:fixed;inset:0;pointer-events:none;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,rgba(14,88,42,.10) 0%,rgba(10,64,30,.22) 26%,rgba(2,10,6,.94) 33%,#010503 52%)}#scope .nvg-tint{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(70,255,140,.14) 0%,rgba(20,160,75,.08) 28%,transparent 35%);mix-blend-mode:screen}#scope .nvg-scanlines{position:absolute;inset:0;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 2px,rgba(0,24,10,.24) 3px,rgba(0,24,10,.24) 4px);opacity:.65}#scope .scope-reticle{width:min(74vmin,620px);height:min(74vmin,620px);overflow:visible;filter:drop-shadow(0 0 6px rgba(72,255,148,.75))}#scope .reticle-ring{fill:none;stroke:#4bff9a;stroke-width:2.2;opacity:.82}#scope .reticle-ring-thin{fill:none;stroke:#4bff9a;stroke-width:.7;stroke-dasharray:4 6;opacity:.55}#scope .reticle-line{fill:none;stroke:#6bffad;stroke-width:1.15;opacity:.88}#scope .reticle-chevron{fill:none;stroke:#b8ffd6;stroke-width:1.6;stroke-linejoin:round}#scope .reticle-mils path{fill:none;stroke:#5effa3;stroke-width:.95;opacity:.85}#scope .reticle-mils text{fill:#7dffb5;font:7px monospace;opacity:.85}#scope .reticle-stadia{fill:none;stroke:#4bff9a;stroke-width:.85;opacity:.65}#scope .reticle-hit path{fill:none;stroke:#ffdf72;stroke-width:2.2;stroke-linecap:round;filter:drop-shadow(0 0 6px #ff9838)}#scope .scope-hud{position:absolute;width:min(64vmin,520px);height:min(64vmin,520px);display:flex;flex-direction:column;justify-content:space-between;padding:clamp(12px,3vmin,24px);font:600 clamp(8px,1.3vmin,11px)/1.3 ui-monospace,Consolas,monospace;color:#7dffb6;letter-spacing:1.2px;text-shadow:0 0 8px rgba(62,255,140,.85)}#scope .scope-row{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}#scope .scope-row span{min-width:0}#scope #scopeZoom,#scope #scopeAmmo{flex-shrink:0;white-space:nowrap}#scope #scopeAmmo.low{color:#ffae52;text-shadow:0 0 8px #ff6a22}#rangeControls[hidden],#scope[hidden],#crosshair[hidden]{display:none}#rangeControls,aside,nav{z-index:4}#crosshair{z-index:3}#scope{z-index:2}
@media(max-width:900px){#toolButtons{grid-template-columns:repeat(8,48px);gap:6px}#tools .tool-button{width:48px;height:48px;min-height:48px;padding:7px}#comfortControls{bottom:193px}#plate{bottom:245px}}
@media(max-width:650px){#toolButtons{grid-template-columns:repeat(5,48px)}header{top:20px;left:20px}header>span{font-size:24px}header p{font-size:11px}aside{top:88px;left:16px;right:16px;display:grid;grid-template-columns:1fr 1fr;gap:5px 8px}aside>button{justify-content:center;white-space:nowrap}aside>label{display:flex;align-items:center;justify-content:center;min-height:36px}aside #volume,aside #battleVolume{width:84px}aside button{font-size:11px;padding:8px 10px}aside label{font-size:10px;gap:4px}nav{top:198px;right:16px}nav button{font-size:11px;padding:8px 11px}#tools{bottom:34px}#tools p{font-size:11px;margin-top:9px}#comfortControls{bottom:236px;gap:10px;max-width:calc(100vw - 30px)}#autoCook{font-size:10px;padding:6px 10px}#satiety{font-size:11px;max-width:174px}#plate{bottom:286px;left:18px}button{padding:10px 15px}}
@media(max-width:350px){#toolButtons{grid-template-columns:repeat(5,44px);gap:5px}#tools .tool-button{width:44px;height:46px;min-height:46px;padding:6px 5px}#satiety{max-width:138px}}
@media(max-height:600px) and (min-width:651px){header{top:14px;left:20px}header p{display:none}aside{top:12px;gap:7px}aside button{font-size:11px;padding:8px 10px}aside label{font-size:10px}aside #volume,aside #battleVolume{width:58px}#autoCook{font-size:10px;padding:7px 9px;gap:5px}nav{top:66px}#tools{bottom:25px}#toolButtons{grid-template-columns:repeat(15,44px);gap:5px}#tools .tool-button{width:44px;height:44px;min-height:44px;padding:5px}#tools p{margin-top:5px}#comfortControls{bottom:auto;top:62px;left:20px;transform:none}#satiety{max-width:150px}footer{bottom:4px}}
@media(prefers-reduced-motion:reduce){.tool-button,.tool-button::after{transition:none}}

.tool-button .fish-body{fill:#a9aaa1;stroke:#e5d0a2}.tool-button .fish-fin{fill:#ad8659;stroke:#d9b783}.tool-button .fish-detail{stroke:#666b63;stroke-width:1.2}.tool-button .food-eye{fill:#25302c;stroke:none}.tool-button .shrimp-body{fill:#d39163;stroke:#f1c098}.tool-button .shrimp-tail{fill:#bc7150;stroke:#e8ab79}.tool-button .shrimp-detail{stroke:#8f5038;stroke-width:1.3}.tool-button .corn-cob{fill:#dcb95b;stroke:#f1d48b}.tool-button .corn-kernels{stroke:#a7833b;stroke-width:1.25}.tool-button .corn-husk{fill:#74865b;stroke:#b8bc7d}.tool-button .corn-vein{stroke:#d0ce91;stroke-width:1.1}
@media(max-height:600px) and (min-width:651px) and (max-width:900px){#toolButtons{grid-template-columns:repeat(8,44px)}}