:root{--ink:#171a17;--paper:#e9dfc3;--gold:#e0ad4d;--red:#9e3028}*{box-sizing:border-box}html,body{min-height:100%;color:var(--paper);background:#0c0f0d;margin:0}body{font-family:Arial Narrow,Roboto Condensed,Arial,sans-serif;overflow:hidden}button,kbd{font:inherit}.gallery{cursor:crosshair;-webkit-user-select:none;user-select:none;background:#101410;min-height:100vh;position:relative;overflow:hidden}.gallery.aiming{cursor:none}.shooting-surface{z-index:1;cursor:inherit;background:0 0;border:0;padding:0;position:absolute;inset:0}.grain{pointer-events:none;opacity:.16;background:repeating-linear-gradient(0deg,#0000 0 3px,#ffffff06 4px),radial-gradient(circle at 50% 42%,#30392f66,#0000 52%);position:absolute;inset:0}.graphics-low .grain{display:none}.graphics-low .bullseye,.graphics-low .reload-object{filter:none;box-shadow:none}.graphics-medium .grain{opacity:.08}.graphics-medium .bullseye{filter:drop-shadow(0 7px 5px #00000059)}.pulse-aura{z-index:30;pointer-events:none;opacity:.72;transition:box-shadow 70ms linear;position:absolute;inset:0}.perfect-aura{z-index:35;pointer-events:none;animation:.72s ease-out forwards perfect-edge-pulse;position:absolute;inset:0;box-shadow:inset 0 0 115px 42px #eebe4be6}@keyframes perfect-edge-pulse{0%{opacity:0;box-shadow:inset 0 0 48px 12px #ffdc7333}18%{opacity:1;box-shadow:inset 0 0 120px 46px #eebe4bf5}to{opacity:0;box-shadow:inset 0 0 165px 58px #e0ad4d1f}}.gallery-header{z-index:5;border-top:3px solid var(--gold);pointer-events:none;justify-content:space-between;align-items:flex-start;padding:28px 38px;display:flex;position:absolute;inset:0 0 auto}.gallery-kicker{color:var(--gold);letter-spacing:.24em;margin:0 0 6px;font-size:10px;font-weight:900}.gallery-header h1{letter-spacing:.08em;margin:0;font-family:Georgia,serif;font-size:clamp(27px,3vw,42px);font-weight:500}.header-status{align-items:center;gap:22px;display:flex}.weapon-state{letter-spacing:.16em;border:1px solid;padding:7px 9px;font-size:9px;font-weight:900}.weapon-state.ready{color:#87b977}.weapon-state.empty{color:#d47755}.timer{align-items:baseline;gap:8px;display:flex}.timer span{color:var(--gold);font-family:Georgia,serif;font-size:34px}.timer small{letter-spacing:.18em;font-size:9px;font-weight:900}.scoreboard{z-index:5;border-left:3px solid var(--gold);pointer-events:none;background:#0e110eeb;grid-template-columns:repeat(5,minmax(60px,1fr));width:min(460px,100vw - 76px);padding:13px 15px;display:grid;position:absolute;top:112px;left:38px;box-shadow:0 14px 38px #0000004d}.scoreboard div{border-right:1px solid #e9dfc324;gap:3px;padding:0 11px;display:grid}.scoreboard div:first-child{padding-left:0}.scoreboard div:last-child{border:0}.scoreboard small{color:#888e83;letter-spacing:.14em;font-size:8px;font-weight:900}.scoreboard strong{font-family:Georgia,serif;font-size:18px;font-weight:500}.target-field{z-index:2;pointer-events:none;transform-origin:50%;will-change:transform;transition:opacity .18s,filter .18s,transform 50ms linear;position:absolute;inset:0}.reloading .target-field{opacity:.38;filter:grayscale(.45)}.bullseye{opacity:0;pointer-events:none;filter:drop-shadow(0 14px 10px #00000080);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;transition:opacity .16s,transform .16s;display:grid;position:absolute;transform:translate(-50%,-50%)scale(.75)}.bullseye.active{opacity:1;transform:translate(-50%,-50%)scale(1)}.target-stand{z-index:-1;background:linear-gradient(90deg,#251f17,#68563a 50%,#221d16);width:8px;height:130%;position:absolute;top:86%}.target-stand:after{content:"";background:#28251d;width:62px;height:7px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.ring{pointer-events:none;border-radius:50%;place-items:center;display:grid}.ring-outer{background:#dfd6b8;border:6px solid #2d302a;width:100%;height:100%;box-shadow:inset 0 0 0 2px #ffffff59}.ring-middle{background:#343b37;border:3px solid #e5dab9;width:68%;height:68%}.ring-inner{background:var(--red);border:3px solid #d9c9a3;width:46%;height:46%;box-shadow:inset 0 0 0 8px #b84235}.perfect-dot{background:#e0ad4d;border:2px solid #fff2b2;border-radius:50%;width:10px;height:10px;display:block;box-shadow:0 0 7px 2px #f6cd69e6}.bullseye.aimed .ring-outer{box-shadow:0 0 0 4px #e0ad4d9e,0 0 30px #e0ad4d66,inset 0 0 0 2px #ffffff59}.aim-vignette{z-index:3;opacity:0;pointer-events:none;background:radial-gradient(circle,#0000 0 28%,#04060414 48%,#030403c7 108%);transition:opacity .16s;position:absolute;inset:0}.aim-vignette.active{opacity:1}.aim-reticle{z-index:10;color:var(--paper);pointer-events:none;justify-items:center;gap:11px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.aim-reticle span{border:2px solid #e9dfc3c2;border-radius:50%;width:46px;height:46px;transition:width .14s,height .14s,border-color .14s,box-shadow .14s;position:relative;box-shadow:inset 0 0 0 10px #e9dfc309,0 0 15px #000000ad}.aim-reticle span:before,.aim-reticle span:after{content:"";background:#e9dfc3d1;transition:width .14s,height .14s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.aim-reticle span:before{width:66px;height:1px}.aim-reticle span:after{width:1px;height:66px}.aim-reticle b{min-width:170px;min-height:12px;color:var(--gold);letter-spacing:.16em;text-align:center;text-shadow:0 2px 7px #000;font-size:9px}.aim-reticle.on-target span{border-color:var(--gold);box-shadow:inset 0 0 0 10px #e0ad4d0f,0 0 20px #e0ad4d66}.aim-reticle.steady span{border-width:1px;width:34px;height:34px;box-shadow:inset 0 0 0 7px #e9dfc308,0 0 20px #000c}.aim-reticle.steady span:before{width:52px}.aim-reticle.steady span:after{height:52px}.shot-flash{z-index:8;pointer-events:none;width:4px;height:4px;animation:.44s ease-out forwards flash-out;position:absolute;transform:translate(-50%,-50%)}.shot-flash i{border:2px solid #f3d788;border-radius:50%;width:34px;height:34px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 18px #fff1aa}.shot-flash i:before,.shot-flash i:after{content:"";background:#fff1aa;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.shot-flash i:before{width:54px;height:1px}.shot-flash i:after{width:1px;height:54px}.shot-flash b{color:#f4cf6b;letter-spacing:.1em;text-shadow:0 2px 7px #000;min-width:70px;font-size:13px;position:absolute;top:-33px;left:18px}.shot-flash.miss b{color:#d7d1c0}.shot-flash.perfect i{border-color:#ffe391;width:48px;height:48px;box-shadow:0 0 32px 10px #f0be46b8}.shot-flash.perfect b{color:#ffe391;min-width:150px;font-size:15px}@keyframes flash-out{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}18%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(1.35)}}.pulse-result{z-index:31;letter-spacing:.12em;text-shadow:0 4px 20px #000;pointer-events:none;font-family:Georgia,serif;font-size:clamp(30px,5vw,62px);animation:.9s ease-out forwards result-out;position:absolute;top:32%;left:50%;transform:translate(-50%,-50%)}@keyframes result-out{0%{opacity:0;transform:translate(-50%,-30%)scale(.9)}18%{opacity:1}to{opacity:0;transform:translate(-50%,-70%)scale(1.08)}}.reload-view{z-index:12;cursor:none;background:#111611;position:absolute;inset:0 0 48px;overflow:hidden}.reload-view:after{content:"";pointer-events:none;background:radial-gradient(circle,#0000 16%,#04060426 52%,#020302b8 110%);position:absolute;inset:0}.reload-order{z-index:5;text-align:center;pointer-events:none;background:#0c0f0cdb;border-top:1px solid #e0ad4d8c;width:min(620px,100vw - 34px);padding:14px 19px;position:absolute;top:112px;left:50%;transform:translate(-50%)}.reload-order h2{margin:0 0 5px;font-family:Georgia,serif;font-size:clamp(20px,3vw,30px);font-weight:500}.reload-order>p:last-child{color:#a8aaa0;letter-spacing:.07em;margin:0;font-size:10px}.reload-world{pointer-events:none;will-change:transform;transition:transform 60ms linear;position:absolute;inset:0}.work-surface{transform-origin:top;background:linear-gradient(175deg,#423527,#171a14 72%);border-top:8px solid #66513a;position:absolute;inset:50% -20% -30%;transform:perspective(700px)rotateX(42deg);box-shadow:0 -20px 45px #0006}.reload-object{color:#c7c2af;background:#282c27;border:2px solid #5a5d53;border-radius:14px;place-items:center;transition:filter .12s,box-shadow .12s,border-color .12s;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 15px 20px #0000006b,inset 0 0 0 3px #ffffff08}.reload-object span{aspect-ratio:1;border:1px solid #77786b;border-radius:50%;place-items:center;width:46%;font-family:Georgia,serif;font-size:clamp(18px,2.2vw,31px);display:grid}.reload-object small{color:#9c9f94;letter-spacing:.13em;text-align:center;text-transform:uppercase;text-shadow:0 2px 5px #000;min-width:110px;font-size:9px;font-weight:900;position:absolute;top:calc(100% + 8px)}.reload-object:not(.needed){opacity:.7}.reload-object.needed{z-index:3;opacity:1;border-color:var(--gold);filter:brightness(1.22);animation:1.15s ease-in-out infinite next-object-pulse;box-shadow:0 0 0 5px #e0ad4d33,0 0 44px 12px #e0ad4d6b,0 15px 20px #0000006b}.reload-object.looked{opacity:1;filter:brightness(1.42);border-color:#fff0b8;box-shadow:0 0 0 5px #ffeaa93d,0 0 46px #e0ad4d94}.reload-object.looked small{color:var(--paper)}.next-marker{min-width:56px;color:var(--ink);background:var(--gold);letter-spacing:.15em;text-align:center;padding:5px 8px;font-size:8px;font-style:normal;font-weight:900;display:none;position:absolute;bottom:calc(100% + 23px);left:50%;transform:translate(-50%);box-shadow:0 3px 14px #0000006b}.next-marker i{border-left:7px solid #0000;border-right:7px solid #0000;border-top:9px solid var(--gold);width:0;height:0;position:absolute;top:100%;left:50%;transform:translate(-50%)}.reload-object.needed .next-marker{display:block}@keyframes next-object-pulse{0%,to{box-shadow:0 0 0 4px #e0ad4d2e,0 0 30px 7px #e0ad4d4d,0 15px 20px #0000006b}50%{box-shadow:0 0 0 7px #e0ad4d4d,0 0 58px 17px #e0ad4d94,0 15px 20px #0000006b}}.object-hammer{border-radius:50% 50% 18% 18%}.object-powder{background:#5a3c26;border-radius:34% 34% 18% 18%}.object-ball{background:#626a68;border-radius:50%}.object-wadding{color:#342f25;background:#b7ab88;border-radius:4px;transform:translate(-50%,-50%)rotate(9deg)}.object-ramrod{background:#9a8968;border-radius:14px;height:28px!important}.object-barrel{background:#4f5855;border-radius:8px;height:40px!important}.object-pan{background:#806942;border-radius:50% 50% 40% 40%}.object-frizzen{background:#606865;border-radius:8px 35px 8px 8px}.reload-reticle{z-index:8;pointer-events:none;justify-items:center;gap:12px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reload-reticle span{border:1px solid #e9dfc399;border-radius:50%;width:38px;height:38px;box-shadow:inset 0 0 0 8px #e9dfc30d,0 0 16px #0009}.reload-reticle span:before,.reload-reticle span:after{content:"";background:#e9dfc38c;position:absolute;top:19px;left:50%;transform:translate(-50%,-50%)}.reload-reticle span:before{width:52px;height:1px}.reload-reticle span:after{width:1px;height:52px}.reload-reticle b{color:#fff;letter-spacing:.15em;text-align:center;text-transform:uppercase;text-shadow:0 2px 8px #000;min-width:150px;min-height:14px;font-size:10px}.reload-reticle.on-object span{border-color:var(--gold);box-shadow:inset 0 0 0 8px #e0ad4d17,0 0 18px #e0ad4d59}.reload-hud{z-index:6;border-bottom:2px solid var(--gold);pointer-events:none;background:#0a0d0ae6;grid-template-columns:minmax(180px,1fr) 2.5fr auto;align-items:center;gap:18px;width:min(980px,100vw - 30px);padding:12px 15px;display:grid;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.reload-progress{grid-template-columns:repeat(10,1fr);gap:3px;display:grid}.reload-progress i{background:#484c45;height:3px}.reload-progress i.done{background:#759b68}.reload-progress i.active{background:var(--gold);box-shadow:0 0 8px var(--gold)}.reload-hud>p{color:#b9b9ae;text-align:center;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:10px;overflow:hidden}.quality-readout{color:#7f847a;letter-spacing:.11em;gap:15px;font-size:8px;font-weight:900;display:flex}.quality-readout b{color:var(--paper);margin-left:4px}.round-card{z-index:20;width:min(520px,100vw - 36px);color:var(--paper);cursor:default;background:#121512f7;border:1px solid #e0ad4d9e;padding:clamp(28px,5vw,50px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 28px 90px #00000094}.round-card:before{content:"";pointer-events:none;border:1px solid #e9dfc31f;position:absolute;inset:11px}.round-card h2{margin:0 0 18px;font-family:Georgia,serif;font-size:clamp(36px,6vw,58px);font-weight:500;line-height:1;position:relative}.round-card>p:not(.gallery-kicker){color:#b2b1a5;max-width:420px;margin:0;font-size:13px;line-height:1.65;position:relative}.round-card button{background:var(--gold);width:100%;color:var(--ink);letter-spacing:.16em;cursor:pointer;border:0;justify-content:space-between;margin-top:27px;padding:15px 18px;font-size:11px;font-weight:900;display:flex;position:relative}.round-card button:hover{background:#f0c66c}.round-card .secondary-result{color:var(--paper);background:#292d28;border:1px solid #50554d;margin-top:8px}.round-card .secondary-result:hover{background:#373c35}.menu-screen{z-index:40;cursor:default;background:radial-gradient(circle at 24% 45%,#263028 0,#0000 34%),linear-gradient(120deg,#101511 0 48%,#171b17 48% 100%);grid-template-columns:minmax(290px,.8fr) minmax(430px,1.35fr);align-items:center;gap:clamp(40px,8vw,130px);padding:clamp(32px,7vw,110px);display:grid;position:absolute;inset:0}.menu-screen:after{content:"";pointer-events:none;border:1px solid #e0ad4d29;position:absolute;inset:20px}.menu-brand{z-index:1;border-left:3px solid var(--gold);padding-left:24px;position:relative}.menu-brand h2{letter-spacing:-.055em;margin:0 0 18px;font-family:Georgia,serif;font-size:clamp(60px,9vw,124px);font-weight:500;line-height:.78}.menu-brand>span{color:#92988f;letter-spacing:.23em;font-size:10px;font-weight:900}.menu-panel{z-index:2;background:#0c0f0de0;border-top:1px solid #e0ad4d99;width:min(660px,100%);padding:clamp(26px,4vw,48px);position:relative;box-shadow:0 25px 80px #00000061}.menu-panel h3{margin:0 0 28px;font-family:Georgia,serif;font-size:clamp(34px,5vw,57px);font-weight:500}.menu-number{color:#454a43;margin:0;font-family:Georgia,serif;font-size:48px;position:absolute;top:20px;right:28px}.menu-panel>button:not(.back-button),.main-panel>button{width:100%;color:var(--paper);letter-spacing:.17em;cursor:pointer;text-align:left;background:#282d28;border:1px solid #474d46;justify-content:space-between;margin-top:9px;padding:16px 18px;font-size:11px;font-weight:900;display:flex}.menu-panel>button:not(.back-button):hover,.main-panel>button:hover,.menu-panel .primary-menu-button{color:var(--ink);background:var(--gold);border-color:var(--gold)}.menu-panel .primary-menu-button:hover{background:#f1c86e}.back-button{color:#92988f;letter-spacing:.15em;cursor:pointer;background:0 0;border:0;margin:0 0 26px;padding:0;font-size:9px;font-weight:900}.back-button:hover{color:var(--gold)}.mode-panel{width:min(760px,100%)}.mode-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.mode-card{min-height:230px;color:var(--paper);cursor:pointer;text-align:left;background:#242924;border:1px solid #454b44;padding:20px;transition:transform .15s,border-color .15s,background .15s}.mode-card:hover{border-color:var(--gold);background:#30362f;transform:translateY(-5px)}.mode-card small{color:var(--gold);letter-spacing:.18em;text-transform:uppercase;margin-bottom:22px;font-size:10px;font-weight:900;display:block}.mode-card strong{font-family:Georgia,serif;font-size:36px;font-weight:500;display:block}.mode-card p{color:#a5a99f;min-height:64px;font-size:11px;line-height:1.5}.mode-card>span{color:#ded6bd;letter-spacing:.15em;font-size:9px;font-weight:900}.mode-hard{border-color:#6f3831}.settings-panel label,.preset-setting{margin:0 0 27px;display:block}.settings-panel label>span,.preset-setting>span{color:#9da197;letter-spacing:.15em;justify-content:space-between;margin-bottom:10px;font-size:9px;font-weight:900;display:flex}.settings-panel label b,.preset-setting b{color:var(--paper)}.settings-panel input[type=range]{width:100%;accent-color:var(--gold);cursor:pointer}.preset-setting>div{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.preset-setting button{color:#9da197;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:#242924;border:1px solid #474d46;padding:11px;font-size:9px;font-weight:900}.preset-setting button.selected{color:var(--ink);background:var(--gold);border-color:var(--gold)}.settings-note{color:#71776f;letter-spacing:.08em;margin:8px 0 0;font-size:9px}.gallery-footer{z-index:16;border-bottom:3px solid var(--gold);color:#8e9389;letter-spacing:.14em;pointer-events:none;background:#0d100e;align-items:center;gap:24px;min-height:48px;padding:0 38px;font-size:9px;font-weight:900;display:flex;position:absolute;inset:auto 0 0}.gallery-footer kbd{color:var(--paper);border:1px solid #555b52;border-radius:2px;margin-right:7px;padding:3px 6px;font-size:9px}.footer-note{color:var(--gold);margin-left:auto}@media (width<=800px){.menu-screen{grid-template-columns:1fr;align-content:center;gap:28px;padding:28px;overflow:auto}.menu-brand h2{font-size:55px}.menu-brand>span{display:none}.menu-panel{padding:25px}.mode-grid{grid-template-columns:1fr}.mode-card,.mode-card p{min-height:0}.gallery-header{padding:18px}.header-status{gap:8px}.weapon-state{display:none}.scoreboard{width:calc(100vw - 36px);top:91px;left:18px}.scoreboard div{padding:0 6px}.bullseye{transform:translate(-50%,-50%)scale(.62)}.bullseye.active{transform:translate(-50%,-50%)scale(.78)}.reload-order{top:90px}.reload-hud{grid-template-columns:1fr;gap:7px;bottom:8px}.reload-hud>p{order:-1}.quality-readout,.reload-object small{display:none}.gallery-footer{gap:10px;padding:0 14px}.footer-note{font-size:7px}}