:root{color-scheme:dark;--bg:#08131e;--cyan:#60efe2;--blue:#37bded;--orange:#ff9856;--white:#f1f8ff;--muted:#9baebe;--glass:rgba(10,25,39,.84);--border:rgba(120,211,224,.22)}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;font-family:Inter,"Noto Sans Thai","Noto Sans JP",system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--white)}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}#world{position:fixed;inset:0;width:100vw;height:100vh;display:block;z-index:0}.grain{pointer-events:none;position:fixed;inset:0;z-index:1;background:linear-gradient(90deg,rgba(3,13,22,.88),rgba(3,13,22,.52) 43%,rgba(3,13,22,.16) 80%),linear-gradient(0deg,#06111eee,transparent 45%);transition:opacity .25s}.app{position:fixed;inset:0;z-index:2;overflow:hidden}.hidden{display:none!important}.topbar{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,4.6vw,88px);border-bottom:1px solid rgba(210,239,255,.1);background:rgba(6,15,24,.46)}.brand{display:flex;gap:15px;align-items:center}.brand-symbol{font-size:39px;font-weight:1000;letter-spacing:-5px;color:var(--cyan);line-height:1}.brand-cut{color:var(--orange)}.brand-caption{font-size:17px;font-weight:900;letter-spacing:1.6px}.brand-caption>span{color:var(--cyan)}.brand-caption small{display:block;letter-spacing:4px;font-weight:600;font-size:9px;color:var(--muted);margin-top:4px}.topright{display:flex;gap:20px;align-items:center}.version{font-size:10px;color:var(--muted);letter-spacing:2px}.language{display:flex;gap:9px;align-items:center;color:var(--muted);font-size:10px;letter-spacing:1.2px}.language select,.setting select{appearance:none;min-width:65px;background:#152736;border:1px solid var(--border);padding:10px;color:var(--white);border-radius:2px;font-size:13px}.icon-button,.close-btn{height:37px;min-width:37px;display:grid;place-items:center;background:#162a39;border:1px solid var(--border);color:var(--cyan);border-radius:4px}.menu{position:absolute;inset:94px 0 0;padding:clamp(24px,4.6vw,82px);display:grid;grid-template-columns:minmax(0,1fr) minmax(278px,340px);grid-template-rows:1fr auto auto;gap:24px 5vw;overflow:auto}.left-panel{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;max-width:760px;padding:0 0 2vh}.overline,.eyebrow-small{font-size:11px;letter-spacing:4px;color:var(--cyan);font-weight:800}.overline{display:flex;align-items:center;gap:13px}.pulse-dot{width:8px;height:8px;background:var(--cyan);box-shadow:0 0 12px var(--cyan);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{50%{opacity:.3;box-shadow:0 0 28px var(--cyan)}}.hero-title{font-weight:1000;font-style:italic;letter-spacing:-.065em;font-size:clamp(55px,6vw,111px);line-height:.93;margin:30px 0 22px;text-shadow:0 4px 36px #091722}.hero-title span{color:var(--white)}.hero-title span.accent{color:var(--cyan)}.hero-copy{max-width:510px;font-size:clamp(13px,1.2vw,16px);line-height:1.75;color:#b2c5d3}.hero-actions{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}.btn{min-height:52px;padding:12px 21px;border-radius:3px;border:1px solid transparent;display:inline-flex;justify-content:center;align-items:center;gap:12px;font-size:12px;font-weight:900;letter-spacing:1.3px;transition:transform .14s,filter .14s,background .14s}.btn:hover{transform:translateY(-2px);filter:brightness(1.13)}.btn-primary{background:var(--cyan);color:#06202b;box-shadow:0 5px 30px #31d9d127}.btn-outline{background:rgba(8,23,35,.6);color:var(--white);border-color:rgba(148,229,236,.45)}.btn .arrow{margin-left:12px}.feature-row{display:flex;flex-wrap:wrap;gap:clamp(12px,2vw,35px);margin-top:39px}.feature-row span{font-size:10px;letter-spacing:1px}.feature-row i{font-style:normal;color:var(--orange);margin-right:5px}.feature-row b{font-weight:800;color:#d9e8f0}.right-panel{background:var(--glass);border:1px solid var(--border);clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,0 100%);padding:24px;align-self:center;backdrop-filter:blur(14px)}.section-heading,.modal-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:2.2px;font-weight:850}.online-badge{font-size:10px;color:#9addc8;letter-spacing:1px}.profile-graphic{height:120px;margin:20px 0;position:relative;background:linear-gradient(140deg,#153b51 10%,#10242e 70%);display:grid;place-items:center;overflow:hidden;border:1px solid #39657a}.profile-graphic>span{font-size:70px;font-weight:1000;font-style:italic;letter-spacing:-10px;color:#48d7da66;text-shadow:0 0 30px #37f7ed55}.profile-graphic:before,.profile-graphic:after{content:"";position:absolute;width:140%;height:1px;background:#55fdf087;transform:rotate(-22deg)}.profile-graphic:before{top:33%}.profile-graphic:after{top:75%}.sweep{position:absolute;inset:0;background:linear-gradient(120deg,transparent 42%,#69e9ee15 50%,transparent 58%);animation:sweep 6s linear infinite}@keyframes sweep{0%{transform:translateX(-110%)}100%{transform:translateX(110%)}}.field-label{font-size:10px;color:var(--muted);font-weight:800;letter-spacing:2px;display:block;margin-bottom:9px}.right-panel input{width:100%;background:#071927;border:1px solid #346073;color:var(--white);padding:12px 13px;font-weight:750;letter-spacing:2px;outline-offset:2px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 12px;margin-top:25px}.stat-grid>div small,.results-grid small{display:block;font-size:10px;letter-spacing:1px;color:var(--muted);margin-bottom:5px}.stat-grid strong{font-size:23px;font-variant-numeric:tabular-nums}.profile-note{font-size:11px;color:#a1b2bf;line-height:1.6;border-top:1px solid var(--border);padding-top:15px;margin-top:25px}.lower-cards{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.mode-card{background:rgba(9,26,40,.85);border:1px solid var(--border);color:var(--white);display:flex;align-items:center;text-align:left;min-height:83px;padding:14px 20px;gap:16px;transition:background .2s,border-color .2s}.mode-card:hover:not(.locked){background:#173246;border-color:#69def0}.mode-icon{color:var(--cyan);font-size:29px;min-width:30px}.mode-card b{font-size:12px;letter-spacing:1.3px;display:block}.mode-card small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.mode-card .right-arrow{margin-left:auto;color:var(--cyan);font-size:20px}.mode-card.locked{opacity:.69}.menu-footer{grid-column:1/-1;display:flex;justify-content:space-between;gap:16px;color:#7893a5;font-size:9px;letter-spacing:1.5px;margin-top:8px}.modal-wrap{position:absolute;inset:0;background:rgba(1,9,15,.76);backdrop-filter:blur(12px);z-index:20;display:grid;place-items:center;padding:16px;overflow-y:auto}.modal{width:min(100%,480px);border:1px solid #436e83;background:linear-gradient(160deg,#142b3a,#091923);box-shadow:0 22px 100px #0009;max-height:95vh;overflow:auto}.wide-modal{width:min(100%,700px)}.modal-top{padding:17px 24px;background:#1a3949;color:var(--cyan)}.modal-content{padding:27px}.modal-content h2{font-size:clamp(25px,3vw,38px);font-weight:1000;letter-spacing:-1px;font-style:italic;margin:11px 0 17px}.muted{color:#abbfce;line-height:1.75;font-size:13px}.segmented{display:flex;gap:7px;margin:14px 0 14px}.segmented button{flex:1;border:1px solid #3a586b;color:#c5d8e2;background:#0e2230;padding:14px 8px;font-size:10px;letter-spacing:1px;font-weight:800}.segmented button.active{background:var(--cyan);color:#06202a;border-color:var(--cyan)}.difficulty-desc{min-height:39px;color:#abc0cc;font-size:12px;line-height:1.5}.setup-details{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:18px 0 23px;border-top:1px solid #375363;margin-top:12px}.setup-details small{display:block;font-size:9px;color:var(--muted);letter-spacing:1px;margin-bottom:6px}.setup-details b{display:block;font-size:10px;letter-spacing:.4px}.wide{width:100%;margin:7px 0}.skin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:23px}.skin-card{background:#112836;border:1px solid #39576b;padding:14px;text-align:left;color:var(--white);min-height:160px;display:flex;flex-direction:column;gap:7px}.skin-card:hover{border-color:var(--cyan)}.skin-card.selected{border-color:var(--cyan);background:#173b42}.skin-visual{height:59px;background:linear-gradient(120deg,#143342,#0b1c27);position:relative;overflow:hidden}.skin-visual:after{content:"";position:absolute;left:15%;top:40%;width:65%;height:20%;background:var(--finish);transform:skewX(-25deg);box-shadow:17px 5px 0 #07131d, -9px 5px 0 #07131d}.skin-card b{font-size:12px}.skin-card small{font-size:10px;color:var(--muted)}.wallet-row{display:flex;justify-content:space-between;border-top:1px solid var(--border);padding-top:17px;margin-top:22px;color:var(--muted);font-size:11px;letter-spacing:1.3px}.wallet-row strong{color:var(--cyan);font-size:17px}.setting{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--border);gap:15px;font-size:11px;letter-spacing:1px;font-weight:750}.setting input[type=range]{accent-color:var(--cyan);max-width:135px}.setting input[type=checkbox]{accent-color:var(--cyan);width:19px;height:19px}.help{padding:16px;margin-top:20px;background:#102938}.help b{color:var(--cyan);font-size:11px}.help p{font-size:11px;line-height:1.9;color:#b9cbd6}.hud{pointer-events:none;position:absolute;inset:0;color:#e9f7ff;text-shadow:0 1px 4px #000b;user-select:none}.hud button{pointer-events:auto}.hud-top{display:flex;justify-content:space-between;align-items:flex-start;padding:23px 30px}.hud-brand{font-weight:1000;font-size:22px;color:var(--cyan);line-height:1}.hud-brand>span{color:var(--orange)}.hud-brand small{display:block;margin-top:6px;color:#bad3e3;font-size:10px;letter-spacing:2px}.scoreboard{display:flex;align-items:center;gap:25px;background:#061621aa;padding:9px 20px;border:1px solid #49818d77;min-width:220px;justify-content:center}.scoreboard>span{font-weight:900;font-size:24px;color:var(--cyan)}.scoreboard>span:last-child{color:var(--orange)}.scoreboard div{text-align:center}.scoreboard small{font-size:10px;color:#bed5dd;letter-spacing:1px;display:block}.scoreboard strong{font-variant-numeric:tabular-nums;font-size:19px}.pause-btn{background:#081c2baa;color:#daeff7;border:1px solid #477989;padding:10px 15px;letter-spacing:1.4px;font-size:10px;font-weight:800}.crosshair,.hitmarker{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.crosshair{width:38px;height:38px}.crosshair span{position:absolute;background:var(--cyan);box-shadow:0 0 4px #041d2e}.crosshair span:nth-child(1){width:2px;height:9px;left:18px;top:1px}.crosshair span:nth-child(2){width:2px;height:9px;left:18px;bottom:1px}.crosshair span:nth-child(3){height:2px;width:9px;top:18px;left:1px}.crosshair span:nth-child(4){height:2px;width:9px;top:18px;right:1px}.crosshair i{position:absolute;width:2px;height:2px;background:#efffff;top:18px;left:18px}.hitmarker{color:#ffb36a;font-size:50px;font-weight:500;opacity:0;transition:opacity .1s;z-index:1}.hitmarker.active{opacity:1}.hud-bottom{position:absolute;bottom:32px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:end}.health-module,.ammo-module{padding:14px 20px;background:#071c2ac9;border-left:3px solid var(--cyan);min-width:195px}.health-module>span,.ammo-module small{font-size:10px;letter-spacing:2px;color:#bbd6de}.health-module>strong{display:block;font-size:38px;font-variant-numeric:tabular-nums}.health-track{height:4px;background:#324e56;margin-top:5px}.health-track div{background:var(--cyan);height:100%;width:100%;transition:width .15s}.ammo-module{border-left:0;border-right:3px solid var(--orange);text-align:right}.ammo-module>strong{display:block;font-size:40px;line-height:1.25;font-variant-numeric:tabular-nums}.ammo-module em{font-style:normal;color:#76949e;font-size:22px;margin:0 7px}.ammo-module #hudReserve{font-size:21px;color:#a8beca}.ammo-hint{font-size:10px;color:#b3c9d2;letter-spacing:1px}.battle-feedback{font-size:12px;text-align:center;color:var(--cyan);letter-spacing:2px;align-self:center}.pulse-hint{position:absolute;top:63%;left:50%;transform:translateX(-50%);background:#07313ae0;border:1px solid var(--cyan);padding:11px 19px;font-size:12px;letter-spacing:1px}.hud-info{position:absolute;right:30px;bottom:141px;font-size:10px;color:#a9c3cf;letter-spacing:1.4px;display:flex;gap:15px}.damage-overlay{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 45%,#ff4c3f70 100%);opacity:0;transition:opacity .22s}.muzzle-flash{position:absolute;right:22%;bottom:15%;width:115px;height:115px;opacity:0;background:radial-gradient(circle,#fffab6 0,#f7a34dcc 22%,transparent 70%);filter:blur(6px);pointer-events:none}.game-toast{position:absolute;top:25%;left:50%;transform:translate(-50%,-50%);color:var(--cyan);font-size:22px;font-weight:1000;letter-spacing:2px;opacity:0;transition:opacity .2s}.results-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.results-grid>div{padding:17px;background:#15303d}.results-grid strong{display:block;font-size:31px;margin-top:6px;color:var(--cyan)}.fatal{position:absolute;inset:20%;background:#111f2d;padding:40px;border:1px solid #fa6355}.fatal p{color:#adbdc9}@media(max-height:750px){.menu{padding:20px 5vw}.hero-title{font-size:clamp(48px,5vw,74px);margin:15px 0}.feature-row{margin-top:22px}.right-panel{padding:16px}.profile-graphic{height:78px;margin:12px 0}.stat-grid{gap:12px;margin-top:15px}.lower-cards .mode-card{min-height:65px}.topbar{height:68px}.menu{inset:68px 0 0}}@media(max-width:850px){.topbar{padding:0 20px}.version{display:none}.menu{display:block;padding:30px 20px;overflow:auto}.left-panel{padding:25px 0 30px}.hero-title{font-size:clamp(46px,8.5vw,75px)}.right-panel{margin-bottom:18px;max-width:none}.profile-graphic{display:none}.stat-grid{grid-template-columns:repeat(4,1fr)}.lower-cards{grid-template-columns:1fr}.mode-card{min-height:70px}.menu-footer{padding:14px 0}.hud-top{padding:15px}.hud-brand{display:none}.scoreboard{min-width:150px;gap:13px}.hud-bottom{left:10px;right:10px;bottom:12px}.health-module,.ammo-module{min-width:120px;padding:8px 10px}.health-module>strong,.ammo-module>strong{font-size:26px}.hud-info{right:10px;bottom:95px}.battle-feedback{display:none}}@media(max-width:500px){.brand-caption{font-size:12px}.brand-symbol{font-size:28px}.brand-caption small{letter-spacing:2px}.language>span{display:none}.hero-actions .btn{width:100%}.hero-actions{width:100%}.feature-row{gap:8px}.feature-row span{font-size:9px}.stat-grid{grid-template-columns:1fr 1fr}.skin-grid{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* Tactical Playtest 0.2 — mature restraint; field typography, unobtrusive HUD. */
:root{--tactical:#d3c5a5;--panel:#101719ee;--line:#8c9a962f;--brand:#d7c8a7}
body{background:#131a1b;color:#e8e8e1;font-family:Inter,Segoe UI,Noto Sans Thai,Noto Sans JP,sans-serif}
body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;background:linear-gradient(90deg,#10181acb 0%,#151b1cb8 37%,transparent 78%),linear-gradient(0deg,#101719bd 0%,transparent 48%)}
.grain{opacity:.2!important;pointer-events:none}
.topbar{background:#131c1edb;border-bottom:1px solid #c8d2bf22;backdrop-filter:blur(10px)}
.brand-symbol,.brand-caption,.accent,.pulse-dot,.mode-icon{color:#d9d0b8!important}
.hero-title{font-style:normal!important;letter-spacing:-.055em;line-height:1.06;font-weight:850;font-size:clamp(3rem,5.2vw,5.6rem)}
.hero-copy{max-width:520px;color:#ccd1cf;line-height:1.8}
.btn-primary{background:#c5b79b!important;color:#151d1c!important;border-color:#c5b79b!important;font-weight:800}
.btn-primary:hover{background:#e2d1b3!important}
.btn-outline{border-color:#abb8af80!important;color:#e6e7e0!important;background:#162222aa!important}
.right-panel,.mode-card,.modal,.scoreboard,.ammo-module,.health-module,.weapon-slot{border:1px solid #a5b1ad3a!important;background:#131e20df!important;box-shadow:0 14px 42px #00000030}
.right-panel{backdrop-filter:blur(18px);border-radius:8px!important}
.mode-card,.modal,.profile-graphic,.skin-card{border-radius:7px!important}
.mode-card:hover{background:#243032e9!important;border-color:#d3c4a6a4!important}
.mode-icon,.right-arrow,.overline,.stat-grid strong{color:#d5c6a9!important}
.profile-graphic{background:linear-gradient(125deg,#48595a,#222c2d)!important}
.profile-graphic .sweep{opacity:.25}
input,select{border-radius:4px!important}
.hud-top,.hud-bottom{pointer-events:none}
.hud-top button,.hud-bottom button{pointer-events:auto}
.scoreboard{border-radius:4px!important}
.weapon-switcher{position:absolute;left:50%;bottom:124px;transform:translateX(-50%);display:flex;align-items:center;gap:5px;pointer-events:auto;z-index:7;max-width:90vw}
.weapon-slot{appearance:none;display:flex;gap:7px;align-items:center;flex-direction:column;justify-content:center;padding:9px 9px 7px;color:#aeb9b7;border-radius:5px;min-width:66px;font:700 9px/1.2 Inter,Segoe UI,Noto Sans Thai,Noto Sans JP,sans-serif;letter-spacing:.04em;cursor:pointer;transition:background .12s,border-color .12s,transform .12s}
.weapon-slot .number{font:750 15px/1 Inter,Segoe UI,Arial,sans-serif;color:#dcd9ca}
.weapon-slot.selected{border-color:#e4cfa0!important;background:#bca988df!important;color:#131a1a;transform:translateY(-4px)}
.weapon-slot.selected .number{color:#10181b}
.weapon-slot:hover{background:#384442}
.health-module,.ammo-module{background:#142021d4!important;border-radius:5px!important}
.health-module:before,.ammo-module:before{background:#beae8e!important}
.hud-info{letter-spacing:.08em;color:#e0ded4}
.crosshair i{background:#e9e5d9!important;box-shadow:0 0 3px #222}
.pulse-hint{color:#e5d5b7!important;background:#1c2725de;border:1px solid #c4b69e55;border-radius:4px}
.game-toast{color:#fff3dc!important}
@media(max-width:700px){.weapon-switcher{bottom:140px;gap:2px}.weapon-slot{min-width:42px;padding:7px 4px;font-size:8px}.weapon-slot .number{font-size:13px}.hero-title{font-size:clamp(2.7rem,10vw,4.2rem)}.right-panel{backdrop-filter:none}}

/* HUD controls remain clickable above the full-screen transparent game overlay. */
.hud{z-index:30!important;pointer-events:none!important}.hud .pause-btn,.hud .weapon-slot,.hud .weapon-switcher{pointer-events:auto!important}.pause-btn{position:relative;z-index:35}