:root{color-scheme:dark;--bg:#101713;--panel:#19221d;--line:#35443a;--ink:#f1efe6;--muted:#aab5a8;--gold:#dfbd72;--mint:#a6c4a5;--red:#e5a39c;--serif:Georgia,"Noto Serif TC",serif;--sans:"Noto Sans TC","Microsoft JhengHei",sans-serif}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% -20%,#334231 0,transparent 46%),var(--bg);color:var(--ink);font:14px/1.75 var(--sans)}
a{color:var(--gold)}header,main{width:min(1080px,calc(100% - 40px));margin:auto}
header{height:82px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:26px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font:17px var(--serif);white-space:nowrap}.brand img{width:42px;height:42px;border-radius:10px}.brand small{display:block;color:var(--muted);font:10px var(--sans)}
nav{display:flex;gap:18px;overflow:auto;white-space:nowrap}nav a{font-size:12px;text-decoration:none;color:var(--muted)}nav a:hover,nav a.active{color:var(--gold)}
main{padding-bottom:40px}.hero{padding:54px 0 26px}.eyebrow{color:var(--gold);letter-spacing:.18em;font-size:10px}.hero h1{font:clamp(38px,6.5vw,60px)/1.2 var(--serif);font-weight:400;margin:0 0 14px}.hero h1 span{color:var(--gold)}.hero>p:not(.eyebrow){max-width:760px;color:#c2cbbf}
.hero-note{display:inline-flex;align-items:center;gap:10px;margin-top:14px;padding:9px 13px;background:#1a251e;border:1px solid #34443a;border-radius:99px;color:#bfc9bb;font-size:11px}.hero-note b{color:var(--mint)}.pulse{width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px #a6c4a577}
.panel{padding:26px 28px;margin:19px 0;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#1c261f,#151d18 65%)}
.section-head{display:flex;gap:16px;align-items:flex-start;margin-bottom:20px}.section-no{color:var(--gold);font:18px var(--serif)}.section-head h2{font:23px var(--serif);font-weight:400;margin:0}.section-head p{margin:3px 0 0;color:var(--muted);font-size:12px}
.field-viz{margin-bottom:16px}.field-bar{position:relative;height:58px;border-radius:11px;background:linear-gradient(180deg,#1a241c,#101813);border:1px solid #2f3d33}
.field-wall{position:absolute;top:0;bottom:0;width:3px;background:var(--gold)}.field-wall.left{left:9.95%}.field-wall.right{left:90.05%}
.field-zone{position:absolute;top:0;bottom:0;background:linear-gradient(180deg,rgba(166,196,165,.22),rgba(166,196,165,.07));border-left:1px dashed #6f8a70;border-right:1px dashed #6f8a70}
.field-mid{position:absolute;top:6px;bottom:6px;width:1px;background:#c9b28366}
.field-legend{display:flex;justify-content:space-between;margin-top:8px;color:var(--muted);font-size:10px}
.field-instruction{margin:0 0 12px;color:#d8beac;font-size:12px;line-height:1.7}
.field-mode{display:flex;align-items:center;gap:12px;margin:0 0 12px}
.field-mode label{flex:none;color:#f0d5b9;font-size:12px}
.field-mode select{min-width:278px;min-height:42px}
.field-scenario{margin:0 0 8px;color:#f1d4b8;font-size:13px;font-weight:600;letter-spacing:.02em}
.field-stage{overflow-x:auto;scrollbar-width:none}
.field-stage::-webkit-scrollbar{display:none}
.field-stage .field-bar{min-width:900px;height:108px;overflow:hidden}
.field-axis{position:relative;min-width:900px;height:79px;color:#ead0b9;font-size:11px;font-variant-numeric:tabular-nums}
.field-axis-line{position:absolute;left:9.95%;width:80.1%;top:11px;border-top:1px solid rgba(235,183,133,.7)}
.field-axis-line:before,.field-axis-line:after{content:"";position:absolute;top:-5px;height:9px;border-left:1px solid rgba(235,183,133,.7)}
.field-axis-line:before{left:0}.field-axis-line:after{right:0}
.field-axis-wall,.field-axis-width{position:absolute;top:20px;transform:translateX(-50%);white-space:nowrap}
.field-axis-wall.left{left:9.95%}.field-axis-wall.right{left:90.05%}.field-axis-width{left:50%;color:#f4d9bb}
.field-axis-total{position:absolute;top:49px;left:0;width:100%;border-top:1px solid rgba(235,183,133,.34);padding-top:5px;text-align:center;color:#cda98d}
.field-actors{position:absolute;inset:0;z-index:3;pointer-events:none}
.field-marker{position:absolute;top:16px;width:42px;height:75px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:1px;padding:0!important;border:0!important;border-radius:8px!important;transform:translateX(-50%);font:11px/1 var(--sans)!important;white-space:nowrap;touch-action:none;user-select:none;pointer-events:auto}
.field-marker-icon{display:block;width:30px;height:30px;filter:drop-shadow(0 0 7px currentColor)}
.field-marker-icon svg{display:block;width:100%;height:100%}
.field-marker-guide{display:block;height:19px;border-left:1px dashed currentColor;opacity:.8}
.field-marker-position{display:block;font-size:12px;line-height:1.2;font-variant-numeric:tabular-nums}.field-marker-order{display:block;height:10px;font-size:12px;line-height:1;color:inherit}
.field-marker.ally{color:#ffe3bb!important}
.field-marker.enemy{color:#f2c6be!important}
.field-marker.is-selected{outline:1px solid #fff0d7!important;outline-offset:0;z-index:4}
.field-marker.is-nearest{outline:1px solid #ecc0b6!important;outline-offset:0;z-index:4}
.field-side-legend{display:flex;gap:20px;margin:0 0 9px;color:#e9cbb4;font-size:12px}
.field-side-legend .ally{color:#ffe3bb}.field-side-legend .enemy{color:#f2c6be}
.field-distance-line{position:absolute;top:30px;height:2px;z-index:2;background:linear-gradient(90deg,rgba(244,191,143,.08),#f0cfac,rgba(223,154,144,.08));box-shadow:0 0 11px rgba(239,195,158,.7);pointer-events:none}
.field-distance-label{position:absolute;top:4px;z-index:2;transform:translateX(-50%);padding:2px 7px;border-radius:10px;background:rgba(29,19,20,.88);color:#f4dbc1;font-size:11px;white-space:nowrap;pointer-events:none}
.field-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px}
.field-readout{display:block;color:#f0d5b9;font-size:12px;line-height:1.8;font-variant-numeric:tabular-nums}
.field-reset{flex:none;border:1px solid rgba(235,183,133,.57);border-radius:10px;padding:7px 11px;color:#f0d5b9;background:#24191a;font-size:12px}
.field-coordinates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:12px}
.field-team-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.field-team-row>b{width:100%;font-size:11px!important;font-weight:500;color:#f1d1ae!important}
.field-team-row.enemy{justify-content:flex-end}.field-team-row.enemy>b{text-align:right;color:#e6b8b1!important}
.field-coordinate{padding:3px 8px;border:1px solid rgba(225,174,133,.25);border-radius:8px;color:#d5b7a0;font-size:11px;font-variant-numeric:tabular-nums}
.field-team-row.enemy .field-coordinate{border-color:rgba(217,149,142,.32);color:#ddb8af}
.field-coordinate.is-selected{border-color:#f0cfac;color:#fff0d7;background:rgba(235,183,133,.12)}
.field-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:6px}.field-grid article{padding:13px;border:1px solid #2f3d33;border-radius:11px;background:#141c17;text-align:center}.field-grid b{display:block;font:22px var(--serif);color:var(--gold)}.field-grid span{font-size:10px;color:var(--muted)}
.field-reach{margin:18px 0 16px;padding:20px;border:1px solid rgba(222,174,132,.44);border-radius:14px;background:linear-gradient(125deg,rgba(82,49,43,.22),rgba(32,24,24,.75))}
.field-reach-head h3{margin:0;color:#f6e2cf;font:21px/1.4 var(--serif)}
.field-reach-head p{margin:4px 0 14px;color:#cfb9a9;font-size:12px}
.field-reach-inputs{display:flex;flex-wrap:wrap;align-items:end;gap:12px}
.field-reach-inputs label{min-width:150px;color:#e9cbb4}
.field-reach-inputs input{width:100%;min-height:40px;padding:7px 10px;border:1px solid rgba(224,176,138,.55);border-radius:8px;background:#241b1b;color:#fff0dd;font:15px var(--sans);font-variant-numeric:tabular-nums}
.field-reach-inputs input:focus-visible{outline:2px solid #f0cfac;outline-offset:2px}
.field-reach-inputs>span{flex:1;min-width:220px;color:#bca99c;font-size:11px}
.field-reach-pair{margin:17px 0 8px;color:#eed3b6;font-size:12px;font-variant-numeric:tabular-nums}
.field-reach-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.field-reach-results article{display:flex;flex-direction:column;gap:2px;min-height:116px;padding:14px 16px;border:1px solid rgba(231,184,144,.34);border-radius:10px;background:rgba(24,19,20,.65)}
.field-reach-results span{color:#cab5a5;font-size:11px}.field-reach-results strong{color:#f6dab5;font:21px/1.4 var(--serif);font-variant-numeric:tabular-nums}.field-reach-results small{color:#cfb9a9;font-size:11px;line-height:1.6}
.field-reach-rule{margin:13px 0 0;color:#cbb9ad;font-size:12px;line-height:1.8}.field-reach-rule b{color:#f0cfac}
.field-note{margin:15px 0 0;padding:11px 14px;border-left:2px solid var(--gold);background:#202a22;border-radius:0 8px 8px 0;color:#d4d9ce;font-size:12px}
.tech{margin-top:14px;border-top:1px solid #2c3a30;padding-top:11px}.tech summary{cursor:pointer;color:var(--mint);font-size:12px}.tech p{margin:9px 0 0;color:var(--muted);font-size:11px;line-height:1.85}
.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:640px;font-size:12px}th,td{text-align:left;padding:10px;border-bottom:1px solid var(--line)}th{color:var(--gold);font-weight:500}td{color:#c8d0c4}td:first-child{color:#efe4c9;font-family:var(--serif);font-size:13px}
.filter-row{display:flex;gap:16px;flex-wrap:wrap;align-items:end;margin-bottom:16px}label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#d4d9ce}select{border:1px solid #405144;border-radius:9px;background:#101813;color:var(--ink);padding:9px 12px;font:13px var(--sans);min-width:150px;outline:none}select:focus{border-color:var(--gold)}
.count{font-size:11px;color:var(--muted);margin-left:auto}
.area-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.area-card{padding:14px;border:1px solid #2f3d33;border-radius:11px;background:#141c17}
.area-top{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.area-top b{font:15px var(--serif);color:#f0e6cd}.area-top em{margin-left:auto;font-style:normal;color:var(--gold);font-size:13px}
.kind{font-size:10px;padding:2px 7px;border-radius:99px;border:1px solid #4d6150;color:var(--mint)}.kind.領域{border-color:#8a6f43;color:var(--gold)}.kind.區域{border-color:#4f6c7d;color:#9eb9cf}
.yard-bar{height:6px;border-radius:4px;background:#0e1512;margin:9px 0;overflow:hidden}.yard-bar i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#8fb0de,#dfbd72)}
.area-desc{margin:0;font-size:11px;line-height:1.8;color:#a9b5a8}.area-id{display:block;margin-top:7px;font-size:10px;color:#7e8b7e}
.map-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.map-card{padding:15px;border:1px solid #2f3d33;border-radius:11px;background:#141c17}.map-card h3{font:16px var(--serif);margin:0 0 7px;color:#e6dcc4}.map-card p{margin:0;font-size:11px;line-height:1.8;color:#a4b0a3}
.cmp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cmp article{padding:16px;border:1px solid #2f3d33;border-radius:12px;background:#141c17}.cmp h3{font:16px var(--serif);margin:0 0 9px}.cmp ul{margin:0;padding-left:17px;color:#a9b5a8;font-size:11px;line-height:1.9}.cmp code{color:var(--gold);font-size:11px}
.cmp .agree{border-color:#3f5c46}.cmp .agree h3{color:var(--mint)}.cmp .warn{border-color:#6a5940}.cmp .warn h3{color:var(--gold)}.cmp .unknown{border-color:#4a4a58}.cmp .unknown h3{color:#b6b6c8}
.source-note{margin:22px 0 10px;padding:18px 20px;border:1px dashed #4a5a4a;border-radius:12px;color:var(--muted);font-size:11px;line-height:1.9}.source-note b{color:var(--gold)}.source-note code{color:var(--gold)}
footer{border-top:1px solid var(--line);padding:22px 0;margin-top:24px;display:flex;align-items:center;gap:14px;color:var(--muted);font-size:10px}footer img{width:34px;height:34px;border-radius:8px}footer span{flex:1}
@media(max-width:820px){.area-list,.map-list,.cmp{grid-template-columns:1fr}.field-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){header,main{width:calc(100% - 28px)}header{height:auto;flex-wrap:wrap;padding:12px 0;gap:8px}.panel{padding:20px 16px}}
@media(max-width:620px){.field-mode{align-items:stretch;flex-direction:column;gap:6px}.field-mode select{width:100%;min-width:0}.field-controls{align-items:flex-start;flex-direction:column}.field-reset{align-self:flex-start}.field-instruction::after{content:" 手機可左右滑動查看全場。";color:#f0cfac}.field-coordinates{gap:8px}.field-coordinate{padding:2px 5px;font-size:10px}}
@media(max-width:620px){.field-reach{padding:16px}.field-reach-results{grid-template-columns:1fr}.field-reach-inputs label{flex:1;min-width:120px}.field-reach-inputs>span{min-width:100%}}

/* 神靈逐階 */
.god-level-pick{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:4px 0 18px}.god-level-pick>span{color:#a9ada3;font-size:14px;margin-right:6px}.god-level-pick button{min-width:40px;height:34px;border:1px solid #3a4a3e;border-radius:17px;background:#141a16;color:#cfd0c6;font:14px "Noto Sans TC","Microsoft JhengHei",sans-serif;cursor:pointer}.god-level-pick button.is-key{border-color:#6f6444}.god-level-pick button[aria-pressed="true"]{border-color:#d2ad68;background:rgba(210,173,104,.18);color:#e9c97f;font-weight:700}
.god-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px}.god-card{padding:18px 20px;border:1px solid #2f3b33;border-radius:14px;background:linear-gradient(160deg,rgba(255,255,255,.035),transparent),#161c18}.god-card header{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px}.god-card h3{margin:0;font-size:20px;color:#f1efe6}.god-card header span{color:#9fb49a;font-size:13px}.god-card p{margin:8px 0;font-size:14px;line-height:1.8;color:#d6d6cc}.god-card p b{display:block;color:#d2ad68;font-size:13px;font-weight:600}.god-effects{list-style:none;margin:12px 0 0;padding:10px 0 0;border-top:1px solid #2c362f;display:grid;gap:6px}.god-effects li{display:grid;grid-template-columns:44px 1fr;gap:8px;font-size:13px;line-height:1.7;color:#6f766c}.god-effects li b{color:#6f766c;font-weight:600}.god-effects li.is-on{color:#dcdcd2}.god-effects li.is-on b{color:#d2ad68}
body > main .god-card > header{position:static;display:flex;height:auto;min-height:0;width:auto;margin:0 0 8px;padding:0 0 10px;border:0;border-bottom:1px solid #2c362f;background:none;box-shadow:none;transform:none}

/* 攻擊與技能命中判定 */
.hit-judge{margin:20px 0;padding:20px;border:1px solid rgba(225,174,133,.24);border-radius:14px;background:rgba(20,24,20,.78)}
.hit-judge>h2{margin:0 0 8px;color:#f4e8d8;font-size:15px;font-weight:500}
.hit-table{min-width:920px;font-size:12px}.hit-table td{vertical-align:top;line-height:1.75}.hit-table td:first-child{min-width:122px;color:#f0ccaa}
.hit-sim{margin-top:20px;padding:20px;border:1px solid rgba(235,183,133,.57);border-radius:14px;background:radial-gradient(ellipse at 45% 35%,rgba(232,169,116,.1),transparent 76%),#191516;box-shadow:inset 0 0 32px rgba(232,169,116,.09)}
.hit-sim h3{margin:0 0 14px;color:#f3d4b5;font-size:15px;font-weight:500}
.hit-controls{display:flex;flex-wrap:wrap;align-items:end;gap:12px}.hit-controls label{flex:1 1 150px;min-width:120px;color:#e9cbb4;font-size:12px}.hit-controls input{box-sizing:border-box;width:100%;min-height:34px;padding:4px 8px;border:1px solid rgba(224,176,138,.55);border-radius:8px;background:#241b1b;color:#fff0dd;font:13px var(--sans);font-variant-numeric:tabular-nums}.hit-controls select{box-sizing:border-box;width:100%;min-height:42px;padding:9px 44px 9px 12px;border-radius:9px;background:#1d1416;color:#f4e8d8;font:13px var(--sans);font-variant-numeric:tabular-nums}.hit-controls [hidden]{display:none!important}
.hit-stage{width:100%;margin:15px 0 8px;overflow:hidden;border:1px solid rgba(225,174,133,.22);border-radius:12px;background:#171414}.hit-stage svg{display:block;width:100%;height:auto;min-height:160px;touch-action:none;user-select:none}.hit-stage svg ellipse{fill:#d5a982;stroke:#f6d6b3;stroke-width:2}.hit-stage svg ellipse#hit-target{fill:#ba877b;stroke:#f0c6bb}.hit-stage svg .axis{stroke:#d2b49a;stroke-width:2}.hit-stage svg #hit-center-line{stroke:#edcfaa;stroke-dasharray:5 6;opacity:.6}.hit-stage svg #hit-source-guide,.hit-stage svg #hit-target-guide{stroke:#e7c2a1;stroke-dasharray:4 5;opacity:.7}.hit-stage svg text{fill:#f1d7bf;font-family:inherit!important;font-size:12px!important}.hit-stage svg #hit-source-x,.hit-stage svg #hit-target-x{font-size:12px;fill:#d8b9a1}.hit-range-fill{fill:rgba(231,174,124,.16);stroke:rgba(239,190,144,.55);stroke-width:1;stroke-dasharray:5 5}.hit-creature-range{fill:rgba(231,174,124,.12);stroke:none}.hit-measure{stroke:#f1cda9;stroke-width:3;stroke-linecap:round}
.hit-slider-label{display:block;color:#e8cbb1;font-size:12px}.hit-slider-label output{color:#f5d5b2;font-variant-numeric:tabular-nums}.hit-slider-label input{display:block;width:100%;margin:7px 0;accent-color:#d7a77e;touch-action:pan-y}
.hit-result{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:12px;padding:14px 16px;border:1px solid rgba(235,183,133,.35);border-radius:11px;background:rgba(12,12,12,.26)}.hit-result strong{flex:none;font:15px/1.5 var(--sans)}.hit-result .is-hit{color:#b7cbaa!important}.hit-result .is-miss{color:#e2b0a1!important}.hit-result span{color:#e1cbbc;font-size:13px;line-height:1.8;font-variant-numeric:tabular-nums}
@media(max-width:620px){.hit-judge{padding:16px}.hit-sim{padding:14px}.hit-controls{gap:9px}.hit-controls label{flex-basis:calc(50% - 9px);min-width:0}.hit-stage svg{min-height:130px}.hit-result{align-items:flex-start;flex-direction:column;gap:4px}}
/* 命中試算圖的標記、端點與互動控制 */
.hit-stage svg{min-height:0!important;aspect-ratio:10/3}
.hit-stage svg .hit-edge-line{stroke:#f1d2b3;stroke-width:3;stroke-linecap:round;stroke-dasharray:0}
.hit-stage svg #hit-edge-label,.hit-stage svg .hit-band-label{font-size:12px;fill:#f5d5b2;paint-order:stroke;stroke:#171414;stroke-width:4px;stroke-linejoin:round}
.hit-stage svg .hit-measure{stroke:#f1cda9;stroke-width:3;stroke-linecap:round}
.hit-stage svg .hit-tick{stroke:#f1cda9;stroke-width:2;stroke-dasharray:4 3}
.hit-stage svg .hit-target-center{fill:#f4d4b1;stroke:#24191a;stroke-width:1}
.hit-stage svg #hit-source-label,.hit-stage svg #hit-target-label{font-size:12px;font-weight:600;fill:#f2d4b7;paint-order:stroke;stroke:#171414;stroke-width:4px}
.hit-stage svg #hit-source,.hit-stage svg #hit-target{cursor:grab;touch-action:none}
.hit-sliders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.hit-slider-label{display:block;color:#e8cbb1;font-size:12px}.hit-slider-label output{color:#f5d5b2;font-variant-numeric:tabular-nums}.hit-slider-label input{display:block;width:100%;margin:7px 0;accent-color:#d7a77e;touch-action:pan-y}
.hit-presets{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.reach-forum{margin-top:14px}.reach-forum .table-wrap{margin:10px 0}.reach-forum table{min-width:560px}
@media(max-width:620px){.hit-sliders{grid-template-columns:1fr;gap:4px}.hit-presets{display:grid;grid-template-columns:1fr}}
/* 一般戰鬥共用場地比例：收緊圖與射程摘要的垂直空間。 */
.field-stage .field-bar{height:78px!important;min-width:900px}
.field-axis{height:45px!important;min-width:900px!important}
.field-axis-total{top:30px!important;padding-top:3px!important}
.field-axis-wall,.field-axis-width{top:15px!important}
.field-marker{top:4px!important;height:68px!important}
.field-marker-icon{width:25px!important;height:25px!important}
.field-marker-guide{height:13px!important}
.field-instruction{margin:0 0 5px!important;font-size:11px!important}
.field-side-legend{margin:0 0 5px!important;font-size:10px!important}
.field-mode{margin-bottom:6px!important}
.field-scenario{margin-bottom:5px!important;font-size:12px!important}
.field-controls{margin-top:6px!important;gap:8px!important}
.field-readout{font-size:12px!important;line-height:1.45!important}
.field-reach{margin:8px 0 10px!important;padding:12px 14px!important}
.field-reach-head h3{font-size:17px!important}
.field-reach-head p{margin:2px 0 6px!important;font-size:12px!important}
.field-reach-inputs{gap:8px!important}
.field-reach-inputs label{min-width:128px!important;font-size:12px!important}
.field-reach-inputs input{min-height:34px!important;padding:4px 8px!important;font-size:13px!important}
.field-reach-inputs>span{min-width:160px!important;font-size:12px!important}
.field-reach-pair{margin:7px 0 4px!important;font-size:12px!important}
.field-reach-results{gap:8px!important}
.field-reach-results article{min-height:74px!important;padding:8px 11px!important}
.field-reach-results strong{font-size:18px!important}
.field-reach-results small{font-size:12px!important}
.field-reach-rule{margin-top:7px!important;font-size:12px!important}
.field-grid{margin-top:6px}
.field-details{margin:8px 0!important}
.hit-stage{margin:8px 0 4px!important}
.hit-controls{gap:8px!important}
.hit-controls label{flex-basis:130px!important}
.hit-stage svg{height:auto!important;min-height:0!important}
.hit-sliders{gap:8px 18px}
.hit-presets{margin:6px 0!important}
.hit-presets button{padding:7px 11px!important}
.hit-result{margin-top:6px!important;padding:10px 12px!important}
.hit-result strong{font-size:21px!important}
.hit-result span{font-size:12px!important}
.hit-field-zone{fill:rgba(11,11,11,.50)}.hit-fight-zone{fill:rgba(232,169,116,.045)}
.hit-stage svg #hit-wall-left,.hit-stage svg #hit-wall-right{stroke:rgba(241,205,169,.8);stroke-width:1;stroke-dasharray:4 4}
.hit-stage svg .hit-spawn-tick{stroke:rgba(241,205,169,.42);stroke-width:1;stroke-dasharray:3 3}
.hit-stage svg .hit-spawn-label{fill:rgba(235,200,169,.7);font-size:9px}
@media(max-width:620px){.field-stage .field-bar{height:78px!important}.field-axis{height:45px!important}.field-reach{padding:11px!important}.hit-stage{margin:7px 0 4px!important}.hit-presets{gap:6px}.hit-result{gap:4px}}
@media(max-width:620px){.field-stage{overflow-x:hidden!important}.field-stage .field-bar{width:100%!important;min-width:0!important;height:82px!important}.field-axis{width:100%!important;min-width:0!important;height:42px!important;font-size:7px!important}.field-axis-width{display:none!important}.field-axis-total{top:29px!important;font-size:7px!important}.field-axis-wall{font-size:7px!important}.field-marker{width:14px!important;height:56px!important;top:2px!important;gap:0!important}.field-marker-icon{width:12px!important;height:12px!important}.field-marker-order{height:10px!important;font-size:12px!important;line-height:1!important}.field-marker-guide{height:4px!important}.field-marker-position{font-size:12px!important;line-height:1!important}.field-marker[data-actor="0"] .field-marker-position,.field-marker[data-actor="2"] .field-marker-position,.field-marker[data-actor="4"] .field-marker-position,.field-marker[data-actor="6"] .field-marker-position,.field-marker[data-actor="8"] .field-marker-position{transform:translateY(9px)}.hit-stage svg #hit-edge-label,.hit-stage svg .hit-band-label{font-size:12px}.hit-stage svg .hit-spawn-label{font-size:10px}
}

.field-stage{overflow-y:hidden!important;height:auto!important}.hit-stage{overflow:hidden!important}