:root{color:#f3f6fb;font-synthesis:none;text-rendering:optimizelegibility;background:#080b10;font-family:Inter,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}html{scrollbar-gutter:stable both-edges;overflow-y:auto}body{background:linear-gradient(#45d48314,#0000 320px),#080b10;min-width:320px;margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.app-shell{min-height:100vh}.topbar{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080b10e6;border-bottom:1px solid #202733;justify-content:space-between;align-items:center;gap:20px;padding:14px 28px;display:flex;position:sticky;top:0}.brand{letter-spacing:0;align-items:center;gap:12px;font-weight:800;display:flex}.brand-mark{color:#45d483;background:#0d1513;border:1px solid #45d483;place-items:center;width:42px;height:42px;display:grid}.nav{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.nav-link{color:#a7b0c0;border:1px solid #0000;align-items:center;gap:7px;padding:10px 12px;display:inline-flex}.nav-link.active,.nav-link:hover{color:#f3f6fb;background:#111821;border-color:#2c3543}.page{width:min(1180px,100% - 36px);margin:0 auto;padding:38px 0 64px}.page.narrow{width:min(860px,100% - 36px)}.hero{grid-template-columns:1fr minmax(360px,.75fr);align-items:center;gap:36px;min-height:560px;display:grid}.hero h1,.page-heading h1,.device-detail h1{letter-spacing:0;margin:10px 0 16px;font-size:clamp(40px,6vw,76px);line-height:.95}.hero p,.page-heading p{color:#b8c0cc;max-width:720px;font-size:18px;line-height:1.75}.eyebrow{color:#45d483;text-transform:uppercase;font-size:13px;font-weight:800}.hero-actions,.result-actions,.form-actions,.card-actions{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.primary-button,.secondary-button{cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:12px 18px;font-weight:800;display:inline-flex}.primary-button{color:#06100a;background:#45d483}.primary-button:hover{background:#66e79d}.primary-button:disabled{cursor:not-allowed;opacity:.55}.primary-button.small{min-height:40px;padding:9px 13px}.primary-button.full{width:100%}.secondary-button{color:#f3f6fb;background:#151b24;border-color:#303846}.secondary-button:hover{background:#1b2430}.hero-visual{background:#0d1118;border:1px solid #27313f;min-height:420px;overflow:hidden}.grid-surface{background-image:linear-gradient(#202733 1px,#0000 1px),linear-gradient(90deg,#202733 1px,#0000 1px);background-size:42px 42px;height:420px;position:relative}.scan-target{background:#45d483;border:2px solid #d8ffe7;border-radius:50%;width:34px;height:34px;position:absolute}.scan-target.one{top:22%;left:20%}.scan-target.two{background:#ffbd59;border-color:#fff2d6;top:38%;right:18%}.scan-target.three{background:#ff6f8f;border-color:#ffe4ea;bottom:18%;left:44%}.crosshair-large{border:2px solid #f3f6fb;border-radius:50%;width:90px;height:90px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair-large:before,.crosshair-large:after{content:"";background:#f3f6fb;position:absolute}.crosshair-large:before{width:2px;height:138px;top:-24px;left:50%}.crosshair-large:after{width:138px;height:2px;top:50%;left:-24px}.feature-grid,.score-grid,.history-grid,.device-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px;display:grid}.feature-grid article,.panel,.score-card,.device-card,.history-card,.filter-panel{background:#11151c;border:1px solid #27313f}.feature-grid article,.panel,.score-card,.history-card,.filter-panel{padding:22px}.feature-grid svg{color:#45d483}h1,h2,h3,p{margin-top:0}h2,h3{letter-spacing:0}.muted{color:#a7b0c0;line-height:1.7}.ad-placeholder{color:#788392;background:#0f131a;border:1px dashed #394353;place-items:center;min-height:92px;margin:30px 0;display:grid}.settings-form{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.settings-section{border-top:1px solid #27313f;grid-column:1/-1;grid-template-columns:repeat(2,1fr);gap:18px;padding-top:20px;display:grid}.settings-section>div:first-child{grid-column:1/-1}.field-note{color:#a7b0c0;font-weight:700}.suggestion-list{flex-wrap:wrap;gap:8px;max-height:132px;margin-top:10px;display:flex;overflow-y:auto}.suggestion-list button{color:#d8e4f4;cursor:pointer;background:#101722;border:1px solid #2f3a4b;padding:7px 10px;font-size:12px;font-weight:800}.device-autocomplete-field{min-width:0}.device-suggestion-list button{text-align:left;grid-template-columns:36px 1fr;gap:3px;display:grid}.device-suggestion-list button strong,.device-suggestion-list button span:not(.device-suggestion-placeholder){grid-column:2}.device-suggestion-list button img,.device-suggestion-placeholder{object-fit:cover;background:#1b2432;border:1px solid #334155;grid-row:1/span 2;width:32px;height:32px}.device-suggestion-list button span,.registered-device-card span{color:#9aa7b8;font-size:11px}.registered-device-card{background:#0b0f15;border:1px solid #27313f;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding:10px;display:flex}.registered-device-card div{gap:3px;display:grid}.suggestion-list button:hover,.suggestion-list button:focus-visible{color:#45d483;border-color:#45d483}.full-row{grid-column:1/-1}.checkbox-label{align-items:center;gap:10px;min-height:46px;display:flex}.checkbox-label input{width:18px;min-height:18px}.sensitivity-panel{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.sensitivity-panel div{background:#0b0f15;border:1px solid #303846;padding:16px}.sensitivity-panel span{color:#a7b0c0;font-size:12px;font-weight:800;display:block}.sensitivity-panel strong{color:#45d483;margin-top:8px;font-size:26px;display:block}.sensitivity-panel p{color:#a7b0c0;grid-column:1/-1;line-height:1.7}.deadzone-visualizer{background:#0b0f15;border:1px solid #303846;grid-template-columns:132px 1fr;align-items:center;gap:16px;padding:16px;display:grid}.stick-circle{background:#151b24;border:1px solid #566172;border-radius:50%;width:112px;height:112px;position:relative}.stick-circle:before,.stick-circle:after{content:"";background:#303846;position:absolute}.stick-circle:before{width:1px;height:96px;top:8px;left:50%}.stick-circle:after{width:96px;height:1px;top:50%;left:8px}.deadzone-ring{background:#7883922e;border:1px solid #788392;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.stick-dot{z-index:2;background:#788392;border-radius:50%;width:12px;height:12px;position:absolute;transform:translate(-50%,-50%)}.stick-dot.active{background:#4c8dff;box-shadow:0 0 14px #4c8dffbf}label{color:#cbd3df;gap:8px;font-weight:700;display:grid}input,select{color:#f3f6fb;background:#0b0f15;border:1px solid #303846;outline:none;width:100%;min-height:46px;padding:10px 12px}input:focus,select:focus{border-color:#45d483}.form-actions{grid-column:1/-1}.test-layout{grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:18px;display:grid}.canvas-panel{background:#11151c;border:1px solid #27313f;padding:12px}.test-canvas{aspect-ratio:16/9;cursor:crosshair;background:#0d1118;width:100%;display:block}.test-sidebar{gap:14px;display:grid}.score-card{gap:6px;display:grid}.score-card span{color:#a7b0c0;font-weight:700}.score-card strong{color:#f3f6fb;font-size:42px}.score-card small{color:#788392}.result-summary{justify-content:space-between;align-items:center;gap:20px;display:flex}.result-summary h2{margin:8px 0;font-size:42px}.range-box{background:#0b0f15;border:1px solid #303846;min-width:260px;padding:20px}.range-box span{color:#a7b0c0;margin-bottom:8px;display:block}.range-box strong{color:#45d483;font-size:28px}.two-column{grid-template-columns:.8fr 1.2fr;gap:16px;margin-top:18px;display:grid}.stat-list{gap:12px;margin:0;display:grid}.stat-list div{border-bottom:1px solid #27313f;justify-content:space-between;padding-bottom:10px;display:flex}.stat-list dt{color:#a7b0c0}.stat-list dd{margin:0;font-weight:800}.reason-list{color:#cbd3df;margin:0;padding-left:20px;line-height:1.8}.diagnosis-copy{gap:14px;display:grid}.diagnosis-copy article{border-bottom:1px solid #27313f;padding-bottom:12px}.diagnosis-copy strong{color:#45d483}.diagnosis-copy p{color:#dce5ef;margin:6px 0 0;line-height:1.7}.category-chips,.tag-row,.mini-scores{flex-wrap:wrap;gap:8px;display:flex}.category-chips span,.tag-row span,.mini-scores span,.mini-scores strong{color:#dce5ef;background:#151b24;border:1px solid #303846;padding:7px 10px;font-size:13px}.filter-panel{grid-template-columns:repeat(2,minmax(180px,280px));gap:16px;margin:24px 0;display:grid}.device-grid{grid-template-columns:repeat(2,1fr)}.device-card{grid-template-columns:190px 1fr;min-height:280px;display:grid}.device-image{color:#788392;background:linear-gradient(135deg,#45d4831f,#0000 42%),#0b0f15;border-right:1px solid #27313f;place-items:center;min-height:180px;display:grid}.device-image.large{border:1px solid #27313f;min-height:260px;margin-bottom:22px}.device-body{padding:20px}.device-meta{color:#a7b0c0;justify-content:space-between;gap:10px;font-size:13px;font-weight:800;display:flex}.brand-name{color:#45d483;font-weight:800}.recommended{color:#dce5ef;font-weight:700}.section-header{justify-content:space-between;align-items:center;gap:14px;display:flex}.chart-wrap{width:100%;margin-top:16px}.history-grid{grid-template-columns:repeat(2,1fr)}.mode-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin:28px 0;display:grid}.mode-card{background:#11151c;border:1px solid #27313f;align-content:start;gap:14px;min-height:260px;padding:22px;display:grid}.mode-card>span{color:#45d483;text-transform:uppercase;font-size:12px;font-weight:800}.mode-meta{color:#a7b0c0;gap:6px;margin:4px 0;font-size:13px;display:grid}.mode-meta div{grid-template-columns:96px 1fr;gap:8px;display:grid}.mode-meta dt{color:#d8ffe7;font-weight:800}.mode-meta dd{margin:0}.mode-best{background:#ffffff0a;border:1px solid #27313f;gap:3px;margin:10px 0 14px;padding:10px 12px;display:grid}.mode-best span,.mode-best small{color:#9ca3af;font-size:12px;font-weight:800}.mode-best strong{color:#f8fafc;font-size:18px}.ranking-tabs{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.ranking-tabs button{color:#cbd5e1;cursor:pointer;background:#11151c;border:1px solid #27313f;padding:10px 14px;font-weight:900}.ranking-tabs button.active{color:#0b0f15;background:#45d483;border-color:#45d483}.device-ranking-list{gap:14px;display:grid}.device-ranking-card{background:#11151c;border:1px solid #27313f;grid-template-columns:82px 1fr;gap:16px;padding:18px;display:grid}.device-rank-number{color:#45d483;background:#0d1513;border:1px solid #45d483;place-items:center;min-height:82px;font-size:24px;font-weight:1000;display:grid}.device-ranking-title{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.device-ranking-title h2{margin:6px 0 4px}.pr-label{color:#fbbf24;border:1px solid #fbbf24;padding:5px 9px;font-size:12px;font-weight:1000}.stat-list.compact{margin:12px 0}.home-simple-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:stretch;gap:18px;display:grid}.home-main-panel{background:#11151c;border:1px solid #27313f;align-content:center;min-height:460px;padding:42px;display:grid}.home-main-panel h1{color:#f8fafc;margin:10px 0 12px;font-size:clamp(40px,7vw,76px);line-height:.95}.home-cta-list{grid-template-columns:repeat(2,minmax(180px,1fr));gap:12px;margin-top:28px;display:grid}.home-cta{justify-content:center;min-height:54px}.home-side-ads{gap:18px;display:grid}.trainer-page{width:min(1280px,100% - 24px)}.trainer-shell{background:#0b0f15;border:1px solid #27313f}.fps-hud{background:#27313f;border-bottom:1px solid #27313f;grid-template-columns:repeat(6,minmax(90px,1fr));gap:1px;display:grid}.fps-hud div{background:#11151c;min-height:66px;padding:10px 12px}.fps-hud span{color:#788392;font-size:11px;font-weight:800;display:block}.fps-hud strong{color:#f3f6fb;overflow-wrap:anywhere;margin-top:6px;font-size:16px;display:block}.aim-canvas-wrap{background:#080b10;position:relative;overflow:hidden}.aim-canvas{aspect-ratio:16/9;cursor:crosshair;width:100%;display:block}.three-trainer-shell{background:0 0;border:0}.three-trainer-shell:fullscreen{background:#f5f7fb;width:100vw;height:100vh}.three-trainer-shell.fullscreen-active{width:100vw;height:100vh;display:block;position:relative;overflow:hidden}.three-trainer-shell.fullscreen-active .three-stage{height:100vh;min-height:0;position:absolute;inset:0}.three-trainer-shell.fullscreen-active .fps-hud{z-index:30;background:#0f172a38;border:1px solid #0f172a2e;border-radius:10px;position:absolute;top:12px;left:12px;right:12px;overflow:hidden;box-shadow:0 16px 40px #0f172a29}.three-trainer-shell.fullscreen-active .fps-hud div{background:#111827d1;min-height:58px}.three-trainer-shell.fullscreen-active .trainer-footer{display:none}.three-stage{background:#f5f7fb;height:min(72vh,760px);min-height:560px;position:relative;overflow:hidden}.fullscreen-button{z-index:20;color:#111827;cursor:pointer;background:#ffffffdb;border:1px solid #0f172a2e;border-radius:8px;padding:8px 12px;font-weight:800;position:absolute;top:14px;right:14px;box-shadow:0 10px 28px #0f172a1f}.fullscreen-button:hover{background:#fff}.start-overlay{z-index:15;text-align:center;pointer-events:none;background:radial-gradient(circle,#ffffff73,#f5f7fb33 42%,#f5f7fb0f);place-content:center;gap:16px;display:grid;position:absolute;inset:0}.start-overlay p{color:#334155;text-shadow:0 1px #fffc;margin:0;font-weight:800}.start-training-button{pointer-events:auto;color:#fff;cursor:pointer;background:#111827;border:1px solid #0f172a2e;border-radius:14px;min-width:220px;padding:18px 34px;font-size:26px;font-weight:900;box-shadow:0 18px 48px #0f172a3d}.start-training-button:hover{background:#0f766e}.countdown-display{color:#111827;letter-spacing:0;text-shadow:0 8px 36px #0f172a2e;min-width:180px;font-size:96px;font-weight:1000;line-height:1}.end-countdown{z-index:18;color:#dc2626;text-align:center;background:#ffffffdb;border:1px solid #0f172a29;border-radius:999px;min-width:56px;padding:7px 16px;font-size:28px;font-weight:1000;line-height:1;position:absolute;top:78px;left:50%;transform:translate(-50%);box-shadow:0 12px 34px #0f172a2e}.trainer-background-layer{z-index:0;pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:-14px}.three-canvas{z-index:1;cursor:crosshair;width:100%;height:100%;display:block;position:relative}.crosshair-hud{box-sizing:border-box;pointer-events:none;z-index:9999;border:1px solid #111827;border-radius:9999px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 4px #00000080,0 0 10px #ffffff59}.background-preview{background:#ffffff0a;border:1px solid #2c3543;grid-template-columns:minmax(180px,260px) 1fr;align-items:center;gap:18px;padding:14px;display:grid}.background-preview-box{background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #d8ffe766;min-height:140px}.pointer-lock-hint{color:#111827;pointer-events:none;z-index:20;background:#ffffffd1;border:1px solid #4c8dff5c;padding:9px 12px;font-size:13px;position:absolute;bottom:18px;left:18px}.fire-debug{color:#111827;pointer-events:none;z-index:20;background:#ffffffd1;border:1px solid #4c8dff5c;gap:4px;padding:9px 12px;font-size:12px;display:grid;position:absolute;bottom:18px;right:18px}.weapon-view{opacity:.18;pointer-events:none;width:330px;height:130px;position:absolute;bottom:3%;right:12%}.weapon-body,.weapon-stock,.weapon-barrel,.weapon-grip{background:#f3f6fb;position:absolute}.weapon-body{width:170px;height:44px;bottom:42px;left:76px}.weapon-stock{width:88px;height:30px;bottom:46px;left:8px}.weapon-barrel{width:96px;height:12px;bottom:58px;left:230px}.weapon-grip{width:38px;height:58px;bottom:0;left:124px;transform:skew(-12deg)}.hit-marker{opacity:0;pointer-events:none;width:54px;height:54px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.75)}.hit-marker:before,.hit-marker:after{content:"";background:#fff2d6;width:2px;height:54px;position:absolute;top:0;left:26px}.hit-marker:before{transform:rotate(45deg)}.hit-marker:after{transform:rotate(-45deg)}.hit-marker.active{opacity:1;transform:translate(-50%,-50%)scale(1)}.trainer-footer{color:#a7b0c0;background:#11151c;border-top:1px solid #27313f;justify-content:space-between;gap:12px;padding:12px 16px;display:flex}.history-card h2{margin:8px 0}.history-card>span{color:#a7b0c0}.device-snapshot{color:#cbd5e1;border-top:1px solid #27313f;gap:5px;margin-top:12px;padding-top:12px;font-size:13px;display:grid}.target-dot,.crosshair-icon{display:inline-block}@media (width<=920px){.topbar,.hero,.test-layout,.two-column,.result-summary,.device-card{grid-template-columns:1fr}.topbar{align-items:flex-start}.hero{min-height:auto}.feature-grid,.score-grid,.history-grid,.device-grid,.mode-grid,.home-simple-layout,.settings-form,.settings-section,.home-side-ads{grid-template-columns:1fr}.fps-hud{grid-template-columns:repeat(2,1fr)}.sensitivity-panel,.deadzone-visualizer{grid-template-columns:1fr}.device-image{border-bottom:1px solid #27313f;border-right:0}.filter-panel{grid-template-columns:1fr}}@media (width<=640px){.page{width:min(100% - 24px,1180px);padding-top:24px}.topbar{padding:12px}.nav-link span{display:none}.hero h1,.page-heading h1{font-size:40px}.hero-visual,.grid-surface{height:300px;min-height:300px}}