:root{--panel:rgba(17,22,18,.96);--line:rgba(255,255,255,.13);--ink:#eef2ee;--muted:#96a096;--orange:#cb7343;--red:#c84f49;--green:#67a864;--blue:#4b9aca}*{box-sizing:border-box}html,body,#app,#game{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:#101410;color:#fff}button{font:inherit}#game{display:block}#vignette,#damage{position:fixed;inset:0;pointer-events:none}#vignette{z-index:2;background:radial-gradient(circle at center,transparent 48%,rgba(0,0,0,.5) 125%)}#damage{z-index:3;background:rgba(150,0,0,0);transition:.12s}#damage.hit{background:rgba(150,0,0,.2)}.hidden{display:none!important}
.screen{position:fixed;inset:0;z-index:20;display:none;align-items:center;justify-content:center;flex-direction:column;background:linear-gradient(115deg,rgba(8,11,9,.94),rgba(27,33,27,.74));text-align:center;padding:30px}.screen.visible{display:flex}.eyebrow{font-size:10px;letter-spacing:.32em;color:#aab3aa;font-weight:800}.screen h1{font-size:clamp(58px,10vw,130px);line-height:.75;margin:24px 0 20px;font-weight:1000;letter-spacing:-.065em}.screen h1 i{display:inline-block;width:.11em;height:.84em;margin-right:.14em;background:var(--orange);transform:skew(-10deg)}.screen p{color:#c3cbc4;margin:0}.screen button{margin-top:38px;padding:14px 28px;background:var(--orange);border:0;color:#101410;font-weight:950;letter-spacing:.12em;cursor:pointer;transition:.18s}.screen button:hover{transform:translateY(-2px);filter:brightness(1.08)}.help{margin-top:28px;color:#bec6bf;font-size:11px}.screen small{margin-top:8px;color:#778178;font-size:10px}#death{background:rgba(35,10,9,.92)}#death h2{font-size:72px;letter-spacing:.08em;margin:16px 0 10px;color:#cf5750}
#hud{position:fixed;inset:0;z-index:5;pointer-events:none;text-shadow:0 1px 3px #000}#crosshair{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:300 26px/1 monospace;color:rgba(255,255,255,.9)}#prompt{position:absolute;left:50%;top:calc(50% + 34px);transform:translateX(-50%);font-size:10px;font-weight:900;letter-spacing:.14em}#compass{position:absolute;left:50%;top:16px;transform:translateX(-50%);font-size:9px;letter-spacing:.08em;white-space:nowrap;color:#eef3ee}#toast{position:absolute;left:50%;top:54px;transform:translate(-50%,-8px);background:rgba(12,16,13,.78);border:1px solid var(--line);padding:9px 13px;font-size:11px;font-weight:800;opacity:0;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}#gain{position:absolute;left:50%;top:43%;transform:translate(-50%,0);font-size:13px;font-weight:950;opacity:0}#gain.pop{animation:gain .75s ease-out}@keyframes gain{15%{opacity:1}100%{opacity:0;transform:translate(-50%,-32px)}}
#resources{position:absolute;left:22px;bottom:25px;display:grid;gap:5px;font-size:8px;font-weight:900;letter-spacing:.15em}#resources b{font-size:10px;margin-left:5px}#hotbar{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);display:flex;gap:4px}.slot{width:74px;height:62px;border:1px solid rgba(255,255,255,.15);background:rgba(18,23,19,.68);display:flex;align-items:center;justify-content:center;position:relative;transition:.15s}.slot.sel{transform:translateY(-4px);border-color:#d48151;background:rgba(60,43,31,.82)}.slot>i{font-style:normal;font-size:26px}.slot>small{position:absolute;bottom:4px;left:3px;right:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:7px;color:#ccd2cd}.slot>em{position:absolute;top:4px;left:5px;font-style:normal;font-size:8px;color:#99a199}.slot>b{position:absolute;right:5px;top:4px;font-size:8px}#stats{position:absolute;right:22px;bottom:24px;width:168px}#stats>div{display:grid;grid-template-columns:1fr auto;gap:3px 7px;margin-top:7px}#stats span,#stats b{font-size:8px;letter-spacing:.11em}#stats i{grid-column:1/3;height:5px;background:rgba(0,0,0,.55);display:block;overflow:hidden}#stats em{display:block;height:100%;transition:.25s}#stats>div:nth-child(1) em{background:var(--red)}#stats>div:nth-child(2) em{background:var(--green)}#stats>div:nth-child(3) em{background:var(--blue)}
.panel{position:fixed;z-index:30;left:50%;top:50%;transform:translate(-50%,-50%);width:min(980px,92vw);max-height:84vh;overflow:auto;background:var(--panel);border:1px solid var(--line);box-shadow:0 30px 100px rgba(0,0,0,.58);padding:22px}.panel.compact{width:min(520px,92vw)}.panel header{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:16px}.panel header small{font-size:8px;letter-spacing:.18em;color:#879188}.panel h3{margin:3px 0 0;font-size:25px}.panel h4{font-size:9px;letter-spacing:.16em;color:#a3aca4}.panel .close{width:34px;height:34px;border:1px solid var(--line);background:#202720;color:white;font-size:22px;cursor:pointer}.columns{display:grid;grid-template-columns:1.65fr 1fr;gap:24px}.grid{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}.invSlot{aspect-ratio:1;border:1px solid rgba(255,255,255,.09);background:#141915;position:relative;display:flex;align-items:center;justify-content:center}.invSlot>i{font-style:normal;font-size:26px}.invSlot>small{position:absolute;left:4px;right:4px;bottom:4px;font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#b7c0b8}.invSlot>b{position:absolute;right:5px;top:4px;font-size:8px}.row{width:100%;border:1px solid rgba(255,255,255,.09);background:#161c17;color:white;display:flex;align-items:center;justify-content:space-between;text-align:left;padding:13px;margin-bottom:5px;cursor:pointer;transition:.15s}.row:hover,.row.active{background:#242d25;border-color:#687869}.row span{display:grid;gap:4px}.row strong{font-size:12px}.row small{font-size:8px;color:#8d988f}.row i{font-style:normal;color:#d48151;font-size:8px;letter-spacing:.13em;font-weight:900}#legal{position:fixed;right:9px;top:8px;z-index:40;font-size:7px;letter-spacing:.12em;color:rgba(255,255,255,.25);pointer-events:none}@media(max-width:760px){.columns{grid-template-columns:1fr}.grid{grid-template-columns:repeat(4,1fr)}.slot{width:54px;height:50px}.help{line-height:1.7}.panel{padding:15px}}