@font-face{font-family:GeorgiaLocal;src:local(Georgia)}
:root{--cream:#eadcbd;--paper:#d5bd8d;--ink:#241910;--blood:#9f2e1f;--gold:#c79a46;--shadow:rgba(11,7,4,.8)}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#100b08;color:var(--cream);font-family:GeorgiaLocal,Georgia,"Times New Roman",serif;touch-action:none;user-select:none;overscroll-behavior:none;-webkit-user-select:none}
button{font:inherit;color:inherit}
#game-shell,#game{position:fixed;inset:0;width:100%;height:100%}
#game{background:#ad7842;cursor:none}
.hidden{display:none!important}
.screen{position:fixed;inset:0;display:none;z-index:60}.screen.active{display:flex}
#boot{align-items:center;justify-content:flex-start;overflow:hidden}.boot-bg{position:absolute;inset:-3%;background:url('assets/title-art.jpg') center/cover no-repeat;animation:drift 16s ease-in-out infinite alternate}.boot-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,6,4,.94) 0%,rgba(14,8,4,.74) 32%,rgba(10,5,3,.14) 66%,rgba(6,3,2,.38) 100%),linear-gradient(0deg,rgba(8,5,3,.8),transparent 35%)}
@keyframes drift{from{transform:scale(1.025) translate(0,0)}to{transform:scale(1.08) translate(-1.3%,.7%)}}
.boot-copy{position:relative;z-index:2;text-align:center;margin-left:clamp(24px,10vw,150px);width:min(530px,45vw);text-shadow:0 3px 18px #000}.eyebrow,.kicker{font:700 10px/1.2 Arial,sans-serif;letter-spacing:.38em;color:#d5ad67}.boot-copy h1{margin:18px 0 6px;line-height:.76;transform:rotate(-1deg)}.boot-copy h1 span{display:block;font-size:clamp(44px,6.4vw,94px);letter-spacing:-.075em;font-weight:900;color:#eee1c5;-webkit-text-stroke:1px #8b7559}.boot-copy h1 strong{display:block;font:900 italic clamp(25px,3.5vw,52px)/1 Arial,sans-serif;letter-spacing:.32em;color:#b93b25;margin:14px 0 0;padding-left:.32em}.tagline{font-style:italic;font-size:clamp(14px,1.4vw,20px);color:#c9baa0;margin:24px 0 15px}.rule{display:flex;align-items:center;gap:12px;justify-content:center;margin:12px auto 24px;width:70%}.rule b{display:block;height:1px;flex:1;background:linear-gradient(90deg,transparent,#b89151)}.rule b:last-child{background:linear-gradient(90deg,#b89151,transparent)}.rule em{font-style:normal;color:#b89151;font-size:13px}
.western-button{position:relative;min-width:260px;padding:15px 26px;border:1px solid #d5b273;background:linear-gradient(#a83927,#722116);box-shadow:0 5px 20px #000,inset 0 1px rgba(255,255,255,.18);font:700 12px Arial,sans-serif;letter-spacing:.15em;cursor:pointer;clip-path:polygon(4% 0,96% 0,100% 25%,100% 75%,96% 100%,4% 100%,0 75%,0 25%);transition:.18s transform,.18s filter}.western-button:hover{transform:translateY(-2px);filter:brightness(1.15)}.western-button:active{transform:translateY(1px)}.text-button{display:block;margin:15px auto 0;background:none;border:0;border-bottom:1px solid rgba(234,220,189,.5);padding:5px;color:#dfd0b4;font-size:12px;letter-spacing:.1em;cursor:pointer}.control-hint{margin-top:28px;color:#918675;font:10px Arial,sans-serif;letter-spacing:.11em}.affiliate-link{display:inline-block;margin-top:11px;color:#c59a57;text-decoration:none;border-bottom:1px solid rgba(197,154,87,.4);padding:4px 2px;font:bold 8px Arial,sans-serif;letter-spacing:.16em;pointer-events:auto}.affiliate-link:hover{color:#f0d39a;border-color:#f0d39a}.affiliate-link.compact{margin-top:15px;font-size:7px}.version{position:absolute;right:20px;bottom:14px;z-index:3;font:9px Arial,sans-serif;letter-spacing:.18em;color:rgba(255,255,255,.44)}
#hud{position:fixed;z-index:20;inset:0;pointer-events:none}.portrait-wrap{position:relative;width:76px;height:76px;border:2px solid #d1b67d;border-radius:50%;box-shadow:0 3px 14px #000;overflow:visible;background:#17100b}.portrait-wrap img{width:100%;height:100%;object-fit:cover;border-radius:50%;filter:saturate(.75) contrast(1.1)}#wanted-stars{position:absolute;top:67px;left:7px;width:90px;font:14px Arial,sans-serif;color:#e8c95f;letter-spacing:2px;text-shadow:0 2px 2px #000}.portrait-wrap:after{content:"";position:absolute;inset:-5px;border:1px solid rgba(222,193,135,.42);border-radius:50%}
#status-cluster{position:absolute;top:max(22px,env(safe-area-inset-top));left:max(22px,env(safe-area-inset-left));display:flex;gap:13px;align-items:center;filter:drop-shadow(0 3px 5px #000)}.meters{width:220px}.name-row{display:flex;justify-content:space-between;align-items:center;margin:0 2px 7px;text-shadow:0 2px 3px #000}.name-row b{font:700 10px Arial,sans-serif;letter-spacing:.16em}.name-row span{font:bold 11px Georgia,serif;color:#e4c57f}.meter{height:11px;background:rgba(19,12,8,.77);margin:4px 0;border:1px solid rgba(229,205,160,.25);transform:skewX(-9deg);overflow:hidden;position:relative}.meter i{display:block;height:100%;width:100%;transition:width .25s;background:linear-gradient(90deg,#7d231d,#c64b32)}.meter.stamina i{background:linear-gradient(90deg,#8c7130,#e1bd62)}.meter.focus i{background:linear-gradient(90deg,#74664d,#d9ccb1)}.meter span{position:absolute;top:1px;left:5px;font:700 6px Arial,sans-serif;letter-spacing:.18em;color:rgba(255,255,255,.7);transform:skewX(9deg)}
#mission-card{position:absolute;right:max(24px,env(safe-area-inset-right));top:max(24px,env(safe-area-inset-top));width:270px;padding:13px 16px 15px;background:linear-gradient(90deg,rgba(20,13,8,.82),rgba(20,13,8,.48),transparent);border-left:2px solid #af863f;text-shadow:0 2px 3px #000;transition:.4s transform,.4s opacity}#mission-card h3{font-size:17px;margin:5px 0 4px;font-style:italic;color:#f0dfbd}#mission-card p{font:11px/1.45 Arial,sans-serif;color:#cfc1aa;margin:0}#mission-progress{height:2px;margin-top:9px;background:rgba(255,255,255,.15)}#mission-progress i{display:block;height:100%;background:#c79843}
#location-banner{position:absolute;top:11%;left:50%;transform:translate(-50%,0);text-align:center;text-shadow:0 2px 8px #000;opacity:0;transition:1s opacity,1s transform}#location-banner.show{opacity:1;transform:translate(-50%,12px)}#location-banner span{display:block;font:8px Arial,sans-serif;letter-spacing:.4em;color:#d6b675}#location-banner b{font-size:24px;font-style:italic;font-weight:normal}
#weapon-hud{position:absolute;right:max(25px,env(safe-area-inset-right));bottom:max(26px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:10px;text-align:right;text-shadow:0 2px 4px #000}.weapon-hud{}#weapon-hud small{font:8px Arial,sans-serif;letter-spacing:.14em;color:#c5b79e}#weapon-hud b{display:block;font:30px/1 Georgia,serif;color:#efe1c4}#weapon-hud b i{font:normal 14px Georgia,serif;color:#a99d89}.weapon-icon{width:55px;height:44px;position:relative;transform:rotate(-8deg)}.weapon-icon span:before{content:"";position:absolute;width:46px;height:7px;right:0;top:12px;background:#d0c4ad;border-radius:6px 1px 1px 6px;box-shadow:0 2px 3px #000}.weapon-icon span:after{content:"";position:absolute;width:18px;height:20px;right:22px;top:17px;border:6px solid #765336;border-top:0;transform:skewX(-15deg);border-radius:2px}
#minimap-wrap{position:absolute;left:max(24px,env(safe-area-inset-left));bottom:max(24px,env(safe-area-inset-bottom));width:152px;height:152px;border-radius:50%;overflow:hidden;border:2px solid rgba(224,198,148,.65);box-shadow:0 4px 18px #000;background:#342818}#minimap{width:100%;height:100%;border-radius:50%}.north{position:absolute;top:3px;left:50%;font:9px Arial,sans-serif;color:#e4d2b1;transform:translateX(-50%);text-shadow:0 1px #000}
#crosshair{position:absolute;width:32px;height:32px;transform:translate(-50%,-50%);opacity:.8}#crosshair i{position:absolute;background:#f0e5ce;box-shadow:0 0 2px #000}#crosshair i:nth-child(1){width:7px;height:1px;left:0;top:15px}#crosshair i:nth-child(2){width:7px;height:1px;right:0;top:15px}#crosshair i:nth-child(3){height:7px;width:1px;left:15px;top:0}#crosshair i:nth-child(4){height:7px;width:1px;left:15px;bottom:0}#crosshair.fire{transform:translate(-50%,-50%) scale(1.45);opacity:.5}
#interaction-prompt{position:absolute;left:50%;bottom:15%;transform:translateX(-50%);display:none;gap:9px;align-items:center;padding:8px 14px;background:rgba(18,11,7,.75);border-top:1px solid rgba(215,184,125,.5);font:11px Arial,sans-serif;letter-spacing:.08em;text-shadow:0 1px 3px #000}#interaction-prompt.show{display:flex}kbd{display:grid;place-items:center;width:24px;height:24px;border:1px solid #ddc28e;background:#2b2017;border-radius:50%;font:10px Arial,sans-serif;color:#f3e6cc;box-shadow:inset 0 0 5px #000}
#toast{position:absolute;left:50%;top:22%;transform:translate(-50%,-8px);padding:9px 18px;background:rgba(22,13,8,.78);border-bottom:1px solid #a87d3d;opacity:0;transition:.3s;max-width:80%;text-align:center;font:11px Arial,sans-serif;letter-spacing:.08em;text-shadow:0 2px 2px #000}#toast.show{opacity:1;transform:translate(-50%,0)}
.dialogue{position:fixed;z-index:45;left:50%;bottom:max(25px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(790px,88vw);min-height:145px;display:flex;background:linear-gradient(100deg,rgba(19,12,8,.97),rgba(32,22,14,.94));border:1px solid rgba(204,166,99,.65);box-shadow:0 12px 40px #000;pointer-events:auto}.dialogue:before,.paper-panel:before{content:"";position:absolute;inset:5px;border:1px solid rgba(222,190,127,.18);pointer-events:none}.dialogue-portrait{width:140px;flex:none;overflow:hidden;position:relative}.dialogue-portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(19,12,8,.5))}.dialogue-portrait img{width:100%;height:100%;object-fit:cover;filter:saturate(.7) sepia(.12)}.dialogue-copy{padding:22px 25px 17px;flex:1}.dialogue-copy>span{font:700 10px Arial,sans-serif;letter-spacing:.2em;color:#d5ac60}.dialogue-copy p{margin:9px 0 16px;font-size:15px;line-height:1.45;color:#e8dcc4}.dialogue button{background:none;border:0;border-bottom:1px solid #a77c3d;color:#e5c98f;padding:4px 0;margin-right:22px;font:700 10px Arial,sans-serif;letter-spacing:.12em;cursor:pointer}.dialogue button:hover{color:#fff}
.panel-screen{align-items:center;justify-content:center;background:rgba(11,7,4,.62);backdrop-filter:blur(6px)}.paper-panel{position:relative;text-align:center;width:min(400px,86vw);padding:40px;background:linear-gradient(135deg,#39281a,#1c130e);border:1px solid #987343;box-shadow:0 20px 70px #000}.paper-panel h2{font-size:42px;font-style:italic;margin:8px 0 25px}.paper-panel p{font:10px Arial,sans-serif;color:#938777;margin-top:28px}.death-screen{align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle,rgba(67,8,5,.35),rgba(8,4,3,.97));text-shadow:0 4px 20px #000}.death-screen span{font:10px Arial,sans-serif;letter-spacing:.55em}.death-screen h2{font:900 74px/1 Arial,sans-serif;letter-spacing:.03em;color:#9c291e;margin:7px}.death-screen p{font-style:italic;color:#b5a995;margin:16px 0 25px}
#cinematic-bars{position:fixed;inset:0;z-index:42;pointer-events:none}#cinematic-bars i{position:absolute;left:0;right:0;height:0;background:#050403;transition:.5s height}#cinematic-bars i:first-child{top:0}#cinematic-bars i:last-child{bottom:0}#cinematic-bars.on i{height:8vh}#vignette{position:fixed;inset:0;z-index:16;pointer-events:none;background:radial-gradient(ellipse at center,transparent 50%,rgba(15,7,3,.22) 78%,rgba(7,3,2,.55) 110%)}#vignette.hurt{background:radial-gradient(ellipse at center,transparent 30%,rgba(112,8,4,.65) 110%)}#grain{position:fixed;inset:-50%;z-index:17;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");animation:grain .25s steps(2) infinite}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(2%,-1%)}50%{transform:translate(-1%,2%)}75%{transform:translate(1%,1%)}100%{transform:translate(-2%,-1%)}}
#mobile-controls{display:none;position:fixed;inset:0;z-index:30;pointer-events:none}.stick{position:absolute;left:max(35px,env(safe-area-inset-left));bottom:max(35px,env(safe-area-inset-bottom));width:112px;height:112px;border-radius:50%;border:1px solid rgba(238,218,178,.35);background:rgba(20,12,8,.22);box-shadow:inset 0 0 25px rgba(0,0,0,.25);pointer-events:auto}.stick.aim{left:auto;right:max(35px,env(safe-area-inset-right))}.stick i{position:absolute;left:33px;top:33px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(238,218,178,.55);background:rgba(35,23,15,.5);box-shadow:0 3px 10px rgba(0,0,0,.5)}.stick span{position:absolute;width:100%;bottom:-17px;text-align:center;font:7px Arial,sans-serif;letter-spacing:.15em;color:rgba(255,255,255,.5)}.round-action{position:absolute;right:max(168px,calc(env(safe-area-inset-right) + 150px));bottom:max(44px,calc(env(safe-area-inset-bottom) + 16px));width:61px;height:61px;border-radius:50%;border:1px solid rgba(225,197,143,.65);background:rgba(44,29,18,.62);pointer-events:auto;text-shadow:0 2px 2px #000}.round-action b{font:700 8px Arial,sans-serif;letter-spacing:.08em}.round-action small{display:none}.round-action.minor{right:max(158px,calc(env(safe-area-inset-right) + 146px));bottom:max(117px,calc(env(safe-area-inset-bottom) + 89px));width:48px;height:48px}.focus-action{right:max(87px,calc(env(safe-area-inset-right) + 76px));bottom:max(160px,calc(env(safe-area-inset-bottom) + 132px));width:48px;height:48px}.pause-action{position:absolute;top:max(13px,env(safe-area-inset-top));right:max(13px,env(safe-area-inset-right));pointer-events:auto;border:1px solid rgba(255,255,255,.35);background:rgba(20,12,8,.45);border-radius:50%;width:34px;height:34px;font:bold 12px Arial,sans-serif}
#rotate-notice{display:none;position:fixed;inset:0;z-index:100;background:#160e09;align-items:center;justify-content:center;flex-direction:column;text-align:center}#rotate-notice div{font:46px Arial,sans-serif;color:#c99749;margin-bottom:18px}#rotate-notice b{font-size:19px;font-style:italic}#rotate-notice span{font:10px Arial,sans-serif;color:#8e8271;margin-top:8px}
.touch-only{display:none}
@media (hover:none),(pointer:coarse){#mobile-controls{display:block}.touch-only{display:block}.desktop-only{display:none}#crosshair{display:none}#interaction-prompt kbd{display:none}#interaction-prompt{bottom:26%;font-size:9px}#minimap-wrap{width:112px;height:112px;bottom:auto;top:max(16px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left))}#status-cluster{left:max(142px,calc(env(safe-area-inset-left) + 132px));top:max(14px,env(safe-area-inset-top))}.portrait-wrap{width:54px;height:54px}.meters{width:160px}.portrait-wrap #wanted-stars{top:49px}.name-row{margin-bottom:3px}.meter{height:8px;margin:3px 0}#mission-card{top:max(14px,env(safe-area-inset-top));right:max(58px,calc(env(safe-area-inset-right) + 48px));width:210px;padding:9px 11px}#mission-card h3{font-size:13px}#mission-card p{font-size:8px}#weapon-hud{right:20px;bottom:10px;transform:scale(.7);transform-origin:right bottom}.dialogue{bottom:12px;min-height:110px}.dialogue-portrait{width:100px}.dialogue-copy{padding:15px}.dialogue-copy p{font-size:12px;margin:6px 0 11px}.dialogue-copy>span{font-size:8px}}
@media (max-width:800px){.boot-copy{margin-left:6vw;width:52vw}.boot-copy h1 span{font-size:9vw}.control-hint{font-size:8px}.western-button{min-width:220px;padding:12px 20px}}
@media (orientation:portrait) and (hover:none),(orientation:portrait) and (pointer:coarse){#rotate-notice{display:flex}}
@media (max-height:500px){.boot-copy .tagline{margin:12px 0}.rule{margin:8px auto 15px}.boot-copy h1{margin:8px}.control-hint{margin-top:12px}.dialogue{bottom:8px}}