:root{--bg:#151b18;--panel:rgba(20,26,23,.95);--line:#ffffff17;--ink:#e4e8d9;--dim:#929b90;--accent:#c5d5a0;--gold:#c7ad78;--red:#cb7769}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#252f26;color:var(--ink);font:13px/1.5 "Segoe UI",Arial,sans-serif}button,input{font:inherit}button{color:inherit;cursor:pointer;background:none;border:0}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:hover{filter:brightness(1.15)}svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}#world{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.film{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 170px #131c2050;background:linear-gradient(120deg,#ffd7a407,transparent 65%)}.hidden{display:none!important}#hud{position:absolute;inset:0;pointer-events:none}#hud button,#hud canvas,#hud aside{pointer-events:auto}.topbar{height:72px;display:flex;align-items:center;gap:30px;background:linear-gradient(#141a17f5,#141a17cf);border-bottom:1px solid var(--line);padding:0 26px;box-shadow:0 10px 40px #0002}.brand{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:700;letter-spacing:2.5px;min-width:240px}.brandmark{font:26px Georgia,serif;letter-spacing:-4px;border:1px solid #9dac894a;width:36px;height:37px;display:flex;align-items:center;justify-content:center}.brandmark span{font-size:20px;margin-top:7px}.brand small{display:block;font-size:8px;letter-spacing:2px;color:#95a28f;font-weight:500;margin-top:3px}.brand b{margin:0 5px;color:var(--accent)}.location{font-size:10px;letter-spacing:2px;display:flex;gap:12px;align-items:center}.muted{color:#586257}.live-dot{width:5px;height:5px;background:var(--accent);border-radius:50%;display:inline-block;box-shadow:0 0 9px #c5d5a044}.worldtime{margin-left:auto;display:flex;align-items:center;gap:12px;font-size:10px;color:var(--dim);letter-spacing:1px}.worldtime strong{font:23px Georgia,serif;font-variant-numeric:tabular-nums;color:var(--ink)}.worldtime i{height:20px;border-left:1px solid #ffffff22;margin:0 5px}.top-actions{display:flex;gap:5px}.top-actions button{padding:8px;color:var(--dim)}.top-actions button.active{color:var(--accent)}.status{position:absolute;top:98px;left:24px;width:210px;background:var(--panel);border:1px solid var(--line);box-shadow:0 12px 35px #0003}.survivor{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--line)}.survivor strong{font-size:15px;font-weight:500}.survivor span:not(.alive-dot){display:block;font-size:8px;letter-spacing:1.4px;color:var(--dim)}.alive-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);margin-left:auto}.portrait{position:relative;width:35px;height:42px;background:#3a493b;border:1px solid #ffffff13;overflow:hidden}.portrait:before{content:"";position:absolute;left:12px;top:7px;width:13px;height:16px;background:#ba9e7b;border-radius:9px 8px 5px 5px;box-shadow:-3px -3px #403b2e}.portrait:after{content:"";position:absolute;left:6px;top:23px;width:26px;height:25px;background:#768568;border-radius:13px 13px 0 0}.vitals{padding:15px 16px 8px}.vital{margin-bottom:13px}.vital-line{display:flex;align-items:center;gap:7px;font-size:10px;color:#a8b1a4}.vital-line svg{width:13px;height:13px;color:var(--color)}.vital-line b{margin-left:auto;font-size:10px;font-weight:500;color:#d8dfcf}.bar{height:3px;background:#ffffff0b;margin-top:6px}.bar i{height:100%;background:var(--color);display:block;transition:width .3s}.condition{color:#a8bc91;font-size:9px;letter-spacing:.5px;border-top:1px solid var(--line);padding:9px 16px;background:#a8bc9105}.sidebar-actions{padding:7px 0;border-top:1px solid var(--line)}.sidebar-actions button{display:flex;align-items:center;gap:11px;width:100%;padding:10px 16px;color:#aab3a6;font-size:11px;text-align:left}.sidebar-actions button:hover,.sidebar-actions button.active{color:var(--accent);background:#c5d5a00c}.sidebar-actions svg{width:16px;height:16px}.sidebar-actions kbd{margin-left:auto}kbd{font:9px "Segoe UI",sans-serif;border:1px solid #ffffff24;color:#aab3a2;padding:1px 4px;border-radius:2px;min-width:17px;text-align:center;white-space:nowrap}.right-hud{position:absolute;right:24px;top:98px;width:234px}.map-shell{padding:11px 11px 7px;background:var(--panel);border:1px solid var(--line);box-shadow:0 12px 35px #0003}.section-label{font-size:9px;letter-spacing:1.6px;display:flex;align-items:center;color:#bdc7b4;gap:8px}.section-label>span:last-child{margin-left:auto;color:#809078;font-size:8px}.map-shell canvas{width:100%;height:166px;margin-top:9px;background:#1b2520;border:1px solid #ffffff09;cursor:crosshair}.map-footer{display:flex;justify-content:space-between;font-size:7px;letter-spacing:1px;color:#7e8a78;margin-top:5px}.objective{margin-top:13px;padding:16px;background:var(--panel);border:1px solid var(--line)}.objective .section-label{font-size:8px;letter-spacing:1px}.little-square{height:5px;width:5px;background:var(--gold)}.objective p{font:italic 15px Georgia,serif;color:#c7cdbb;margin:9px 0 17px}.objective ul{padding:0;list-style:none;margin:0}.objective li{display:flex;align-items:center;gap:9px;margin:9px 0;font-size:10px;color:#a8b3a0}.objective li:before{content:"";width:9px;height:9px;flex-shrink:0;border:1px solid #77816d}.objective li.done{color:#85947c;text-decoration:line-through}.objective li.done:before{background:var(--accent);box-shadow:inset 0 0 0 2px #20281f;border-color:var(--accent)}.route{display:flex;align-items:center;gap:8px;border-top:1px solid var(--line);margin-top:14px;padding-top:12px;font-size:8px;color:#b8a576}.route svg{width:15px;height:15px}.bottom-center{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);text-align:center}.hotbar{display:flex;justify-content:center;gap:5px}.hot-slot{position:relative;width:70px;height:64px;border:1px solid #ffffff22;background:#151d19ed;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.hot-slot.selected{border-color:#b8cd9380;background:#263326ed}.hot-slot>svg{width:25px;height:25px;color:#c6cdb9}.hot-slot .slot-key{position:absolute;left:5px;top:3px;font-size:8px;color:#9aa98e}.hot-slot .quantity{position:absolute;right:6px;bottom:19px;font-size:9px;color:var(--accent)}.hot-slot small{font-size:8px;color:#99a58e;letter-spacing:.2px}.controls-hint{display:flex;gap:13px;margin-top:11px;white-space:nowrap;color:#c4ceba9e;font-size:9px}.controls-hint>span{display:flex;align-items:center;gap:5px}.controls-hint kbd{font-size:8px;background:#182019ba}.mouse-dot{width:8px;height:12px;display:inline-block;border:1px solid #aab3a2;border-radius:5px}.bottom-left{position:absolute;left:25px;bottom:27px;display:flex;align-items:center;gap:8px;font-size:8px;color:#b5c0a989}.bottom-left button{position:fixed;left:25px;bottom:54px;padding:5px 0;font-size:9px;color:#b2bea3}.bottom-left button span{display:inline-block;margin-left:5px;border:1px solid #ffffff30;padding:0 4px}.danger-label{position:absolute;right:25px;bottom:28px;color:#bac4aa88;font-size:8px;letter-spacing:1.5px}.danger-label.alert{color:#edb39a}.window{position:absolute;background:#19201cf5;border:1px solid #c1d1b635;box-shadow:0 20px 70px #0007;z-index:12;backdrop-filter:blur(12px);width:350px;max-height:70vh}.inventory-window{left:250px;top:100px}.loot-window{right:274px;top:100px;width:310px}.window-head{display:flex;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line);background:#232d25}.window-head>div{display:flex;align-items:center;gap:9px}.window-head svg{width:16px;height:16px;color:var(--accent)}.window-head strong{font-size:12px;font-weight:500}.window-head small{font-size:9px;color:var(--dim);margin-left:8px}.window-head button{font-size:22px;line-height:1;color:var(--dim)}.window-sub{padding:9px 16px;font-size:8px;letter-spacing:1.3px;color:var(--dim);display:flex;justify-content:space-between}.item-list{max-height:330px;overflow:auto;scrollbar-width:thin}.item-row{padding:11px 16px;display:flex;align-items:center;gap:12px;width:100%;border-top:1px solid #ffffff08;text-align:left}.item-row:hover,.item-row.selected{background:#c2d0af0b}.item-row .item-icon{width:35px;height:35px;background:#ffffff05;border:1px solid #ffffff10;display:flex;align-items:center;justify-content:center;color:#c2cfb0}.item-row span.item-name{font-size:11px;display:block}.item-row small{display:block;color:#7f8e77;font-size:8px}.item-row .item-count{margin-left:auto;color:#aab79f;font-size:10px;text-align:right}.item-detail{border-top:1px solid var(--line);padding:14px 16px;font-size:10px;color:#9fad94;min-height:65px}.item-detail strong{display:block;color:var(--ink);font-size:12px;margin-bottom:5px}.item-detail button{background:var(--accent);color:#222b1b;padding:7px 12px;font-size:10px;margin:9px 6px 0 0}.item-detail button.drop{background:#ffffff0a;color:#b8c5ac}.loot-note{padding:9px 16px;font-size:9px;color:#a2ac97;border-bottom:1px solid var(--line)}.primary{display:flex;align-items:center;justify-content:space-between;background:var(--accent);color:#202a1a;font-size:13px;font-weight:600;padding:16px 20px;letter-spacing:.2px;box-shadow:0 4px 18px #0002}.primary svg{width:19px}.take-all{width:calc(100% - 28px);margin:14px;font-size:11px;padding:11px 14px}.empty-list{padding:25px 16px;text-align:center;font-size:11px;color:var(--dim)}#interaction{position:absolute;bottom:145px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:10px 17px;background:#172019ed;border:1px solid #b9cf9180;font-size:12px;box-shadow:0 5px 30px #0003}#interaction kbd{color:#e5ebd9;border-color:#b9cf9160;font-size:11px;padding:2px 6px}#activity{position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);width:210px;background:#172019ed;padding:15px;text-align:center;border:1px solid #b9cf9150}#activity span{display:block;height:3px;background:var(--accent);width:0;margin-bottom:8px}#activity b{font-size:10px;font-weight:400}.modal{position:absolute;inset:0;background:#0a100c99;z-index:40;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(7px)}.modal-card{width:480px;max-width:92vw;max-height:88vh;overflow:auto;background:#1b241e;border:1px solid #a9bc8c45;box-shadow:0 30px 100px #0009;padding:34px;position:relative}.modal-close{position:absolute;right:13px;top:10px;font-size:25px;color:var(--dim)}.modal-card h2{font:30px Georgia,serif;font-weight:400;margin:5px 0 15px}.modal-card p{color:#a5b29b;font-size:12px}.modal-card .primary{width:100%;margin-top:16px}.modal-card .secondary{width:100%;margin-top:8px}.modal-card h3{font-size:10px;color:var(--accent);letter-spacing:1px;margin-top:25px}.help-grid{display:grid;grid-template-columns:110px 1fr;gap:12px;font-size:11px;color:#afbaa6;margin-top:20px}.skill-row{padding:14px 0;border-bottom:1px solid var(--line)}.skill-row>div{display:flex;justify-content:space-between;color:#bec9b5;font-size:12px}.skill-row small{color:var(--dim);font-size:10px}.skill-row .bar i{background:var(--accent)}#largeMap{width:100%;height:360px;object-fit:contain;image-rendering:pixelated;cursor:crosshair}#toasts{position:absolute;bottom:155px;left:25px;width:265px;z-index:30;pointer-events:none}.toast{animation:toastIn .25s ease-out;background:#172019f5;border:1px solid #9dae8d30;border-left:2px solid var(--accent);color:#c9d5bd;padding:11px 14px;font-size:11px;margin-top:7px;box-shadow:0 5px 20px #0003}.toast.bad{border-left-color:var(--red);color:#ddb09e}@keyframes toastIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.menu{position:absolute;inset:0;z-index:25;display:flex;align-items:center;padding:6vw;gap:12vw;background:linear-gradient(90deg,#111c19ef 0%,#111c19d9 35%,#14231c66 70%,#111c19b0)}.menu:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#111914cc,transparent 30%)}.menu-main{position:relative;z-index:2;flex:1;max-width:590px;padding-bottom:30px}.eyebrow{font-size:10px;letter-spacing:2.5px;color:#c4d2b3;display:flex;gap:10px;align-items:center}.menu h1{font:clamp(65px,7vw,115px)/.98 Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-4px;margin:38px 0 28px;color:#ecebdc}.menu h1 em{font-weight:400;color:#c2d2a4}.intro{font-size:14px;line-height:1.8;color:#aebca5;font-weight:300}.menu-buttons{width:310px;margin-top:32px}.menu-buttons .primary{width:100%}.secondary{border:1px solid #a8ba9340;padding:13px 20px;color:#b6c5a7;background:#17201a66}.menu-buttons .secondary{width:100%;margin-top:8px}.menu-meta{display:flex;gap:14px;align-items:center;margin-top:30px;color:#84947a;font-size:8px;letter-spacing:1px}.menu-meta i{height:3px;width:3px;border-radius:50%;background:#84947a}.character-card{position:relative;z-index:2;width:330px;background:#19251ee0;border:1px solid #9db38c33;padding:23px;box-shadow:0 20px 80px #0004;margin-left:auto}.character-illustration{height:185px;position:relative;margin-bottom:13px;background:radial-gradient(ellipse at 47% 75%,#53644128,transparent 65%);border-bottom:1px solid var(--line)}.character-illustration>span{position:absolute;right:0;bottom:13px;font-size:7px;line-height:1.7;color:#6f8169;letter-spacing:1px;text-align:right}.person-head{position:absolute;left:126px;top:20px;width:29px;height:34px;background:linear-gradient(95deg,#85765b,#bc9e78);border-radius:10px 13px 7px 8px;box-shadow:-6px -7px 0 -1px #37382c;transform:rotate(-9deg)}.person-body{position:absolute;left:100px;top:55px;width:62px;height:66px;background:linear-gradient(100deg,#465740,#748562);clip-path:polygon(18% 0,75% 0,98% 75%,85% 85%,68% 33%,74% 100%,12% 100%,25% 25%,8% 88%,0 84%);transform:rotate(-5deg)}.person-legs{position:absolute;left:108px;top:111px;width:50px;height:65px;background:#323d34;clip-path:polygon(0 0,100% 0,96% 100%,57% 100%,50% 23%,37% 100%,0 100%)}.person-shadow{position:absolute;left:74px;top:165px;width:110px;height:14px;border-radius:50%;background:#0b160dbb;filter:blur(5px)}.person-bat{position:absolute;left:169px;top:75px;height:102px;width:9px;border-radius:3px;background:linear-gradient(90deg,#806a45,#b69962);transform:rotate(-21deg)}.person-bag{position:absolute;left:91px;top:60px;width:23px;height:45px;background:#776d4d;border:2px solid #504c37;border-radius:5px;transform:rotate(-7deg)}.name-label{display:block;font-size:8px;letter-spacing:1.5px;color:var(--dim);margin:14px 0 5px}#nameInput{width:100%;background:#111b15;border:1px solid #a9bb9133;color:var(--ink);font-size:14px;padding:9px 11px}.profession-title{margin:21px 0 8px}.professions{display:flex;flex-direction:column;gap:5px}.professions button{display:flex;align-items:center;gap:12px;border:1px solid #ffffff0c;padding:9px;text-align:left;background:#ffffff02}.professions button.selected{border-color:#b9cd985f;background:#b9cd980b;color:var(--accent)}.professions svg{width:17px;height:17px}.professions span{font-size:11px}.professions small{display:block;font-size:8px;margin-top:2px;color:#83977a}.menu-foot{position:absolute;left:6vw;bottom:22px;z-index:3;font-size:8px;letter-spacing:.5px;color:#8f9f84}#loading{position:absolute;inset:0;background:#18231c;display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:13px;letter-spacing:2px;z-index:100}
@media(max-width:1100px){.location{display:none}.status{width:185px;left:15px}.right-hud{right:15px;width:205px}.map-shell canvas{height:140px}.inventory-window{left:210px}.loot-window{right:235px}.bottom-left #saveStatus{display:none}.controls-hint{gap:8px;font-size:8px}.menu{gap:5vw;padding:5vw}.character-card{width:300px}.danger-label{display:none}.window{width:310px}.loot-window{width:280px}}
@media(max-width:760px){.topbar{padding:0 14px;height:60px;gap:10px}.brand{min-width:0;font-size:10px;letter-spacing:1px}.brandmark{width:30px;height:32px}.brand small{font-size:6px}.worldtime{gap:6px}.worldtime>span,.worldtime i{display:none}.worldtime strong{font-size:20px}.top-actions{gap:0}.top-actions button{padding:5px}.status{top:74px;left:10px;width:150px}.survivor{padding:10px;gap:8px}.survivor strong{font-size:12px}.vitals{padding:10px 11px 0}.vital{margin-bottom:9px}.sidebar-actions button{font-size:9px;padding:8px 11px}.right-hud{top:74px;right:10px;width:155px}.map-shell{padding:8px}.map-shell canvas{height:100px}.map-shell .section-label{font-size:7px;letter-spacing:1px}.map-footer{font-size:6px}.objective{padding:10px}.objective p{font-size:12px;margin:7px 0}.objective li{font-size:8px;gap:6px}.objective .section-label{font-size:6px}.route{display:none}.hot-slot{width:54px;height:57px}.hot-slot small{font-size:7px}.controls-hint{font-size:7px;gap:7px}.controls-hint>span:last-child{display:none}.bottom-center{bottom:13px}.bottom-left{bottom:18px;left:10px}.bottom-left button{left:10px;bottom:42px;font-size:8px}.inventory-window{left:10px;top:auto;bottom:110px;width:300px;max-height:55vh}.loot-window{right:10px;top:100px;width:280px;z-index:15}.menu{padding:6vw;gap:15px}.menu-main{padding-bottom:0}.menu h1{font-size:68px;letter-spacing:-2px;margin:23px 0}.eyebrow{font-size:7px;letter-spacing:1px}.intro{font-size:11px}.menu-buttons{width:245px}.character-card{width:235px;padding:14px}.character-illustration{height:150px;transform:scale(.9);transform-origin:bottom center}.menu-meta{gap:7px;font-size:6px}.menu-foot{font-size:6px}.professions small{font-size:7px}}
@media(max-width:550px){.menu{align-items:flex-start;overflow:auto;padding-top:6vh}.character-card{display:none}.menu-main{width:100%}.menu h1{font-size:80px}.menu-buttons{width:100%;max-width:330px}.menu-meta{font-size:7px}.menu-foot{bottom:15px;max-width:90%;line-height:1.6}.menu:before{content:'Twoja postać: Maja · Mechanik';position:absolute;bottom:70px;color:#a5b89a;font-size:10px}.right-hud{width:125px}.map-shell canvas{height:85px}.objective li{font-size:7px}.status{width:140px}.portrait{display:none}.survivor{padding:10px}.controls-hint>span:nth-child(2){display:none}.window-sub{font-size:7px}#interaction{font-size:10px;padding:8px 11px;bottom:130px}#toasts{width:210px;left:10px}.toast{font-size:10px}.bottom-left{display:none}}