:root{color-scheme:dark;--bg:#071e32;--panel:#0d3047;--line:#28516a;--ink:#e2f5f9;--muted:#88b3c5;--accent:#67dfd3;--red:#f29f7b;font-family:"PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 20% 0,#174764,transparent 55%),var(--bg);color:var(--ink)}button,select{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}a{color:inherit;text-decoration:none}.hidden{display:none!important}.app-shell{max-width:1512px;margin:auto;padding:0 42px}.header{height:90px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;gap:13px;align-items:center;font-size:14px;letter-spacing:2px;font-weight:650}.brand-mark{font-size:48px;color:var(--accent);line-height:1}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:5px;margin-top:7px;font-weight:400}.header-meta{font-size:10px;letter-spacing:1px;color:var(--muted)}.status-dot{display:inline-block;width:5px;height:5px;background:var(--accent);border-radius:50%;margin-right:5px}nav{display:flex;gap:23px}.quiet-button{border:0;background:none;font-size:16px;color:var(--muted);padding:8px 0}.quiet-button span{font-size:10px;margin-left:5px}.page-title{display:flex;justify-content:space-between;align-items:center;padding:28px 0}.eyebrow{font-size:9px;letter-spacing:2.4px;color:var(--accent);margin:0 0 13px}h1{font-family:"Songti SC","SimSun",serif;font-size:38px;margin:0;font-weight:600;letter-spacing:2px}h1 span{color:var(--accent)}.subtitle{font-size:11px;color:var(--muted);letter-spacing:1px;margin:11px 0 0}.scoreboard{display:flex;align-items:center;gap:16px;position:relative;padding-bottom:17px}.scoreboard>span{font-size:12px;color:#a7d1dd;display:flex;align-items:center;gap:17px}.scoreboard b{font:32px monospace;color:var(--ink)}.scoreboard i{font-style:normal;color:#5997ad}.scoreboard small{position:absolute;bottom:-4px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:2px;color:var(--muted)}.setup-bar{display:flex;align-items:center;gap:18px;border:1px solid var(--line);background:#10374c99;padding:14px 19px;margin-bottom:19px;border-radius:8px}.setup-field{display:flex;align-items:center;gap:10px}.setup-field label{font-size:10px;color:#acd2dd;white-space:nowrap}select{background:#0c2d42;border:1px solid #37627a;padding:9px 25px 9px 11px;border-radius:5px;font-size:11px}.setup-note{font-size:9px;color:var(--muted);margin-left:auto}.outline-button{background:#153e52;border:1px solid #507d8b;padding:9px 13px;border-radius:5px;font-size:10px;color:#bfe1e6;white-space:nowrap}.outline-button:hover{background:#22576a}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 312px;gap:20px}.arena{min-width:0}.scene{height:432px;position:relative;border:1px solid #3f91aa;overflow:clip;background:linear-gradient(#176587,#12607f 40%,#0c3b5a 100%);border-radius:9px 9px 0 0;isolation:isolate}.ocean-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0,#a5f8eb66,transparent 65%),radial-gradient(ellipse at 50% 90%,#0c719773,transparent 75%)}.ocean-rays{position:absolute;inset:-50% -20%;opacity:.16;background:repeating-conic-gradient(from 165deg at 50% 0,#bdfcec 0 3deg,transparent 3deg 12deg);mask-image:linear-gradient(#fff,transparent 75%);pointer-events:none}.ocean-floor{position:absolute;bottom:0;width:100%;height:22%;background:radial-gradient(ellipse at bottom,#72cdcb2a,transparent 70%);border-top:1px solid #8df2ed0d}.bubbles{position:absolute;inset:0;pointer-events:none}.bubbles i{position:absolute;width:8px;height:8px;border:1px solid #b6eeed44;border-radius:50%;bottom:13%;animation:bubble 12s linear infinite}.bubbles i:nth-child(1){left:6%;animation-delay:-3s}.bubbles i:nth-child(2){left:32%;width:12px;height:12px;animation-delay:-7s}.bubbles i:nth-child(3){left:61%;animation-delay:-1s}.bubbles i:nth-child(4){left:89%;width:13px;height:13px;animation-delay:-10s}.bubbles i:nth-child(5){left:46%;width:5px;height:5px;animation-delay:-5s}.bubbles i:nth-child(6){left:76%;animation-delay:-8s}.scene-top{position:absolute;top:18px;left:21px;right:21px;display:flex;align-items:center;justify-content:space-between;gap:10px}.room-tag{font:9px monospace;color:#b0e4ec;letter-spacing:1px}.round-tag{font-size:9px;border:1px solid #78bec966;background:#104156b0;padding:7px 10px;border-radius:20px;color:#c3ebed}.fighter{position:absolute;top:0;height:100%;width:35%;z-index:2}.player-fighter{left:1%}.dealer-fighter{right:1%}.fighter-status{position:absolute;top:77px;left:10px;right:10px;text-align:center}.nameplate{display:flex;gap:8px;align-items:center;justify-content:center}.nameplate span{font-size:16px;font-weight:600}.nameplate small{font:8px monospace;letter-spacing:.5px;color:#9ad8e2}.health{display:flex;justify-content:center;gap:6px;margin-top:10px}.health>i{width:21px;height:9px;background:#94ece0;border:1px solid #b0fff0;border-radius:2px;box-shadow:0 0 8px #a0fcdf25}.health>i.dead{background:#12445a;box-shadow:none;border-color:#508a9c}.dealer-fighter .health>i{background:#86c9fb;border-color:#b5e5ff}.dealer-fighter .health>i.dead{background:#12445a;border-color:#508a9c}.effect-tags{font-size:9px;color:#adeee9;min-height:15px;line-height:1.5;margin-top:8px}.creature-wrap{position:absolute;top:50%;left:0;right:0;height:166px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center}.creature{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 16px 12px #001b3466);user-select:none}.fighter.active .creature{filter:drop-shadow(0 0 15px #82ffee33) drop-shadow(0 16px 12px #001b3455)}.fighter.active .nameplate>span{color:#b1ffed}.fighter-base{position:absolute;bottom:70px;left:0;right:0;text-align:center}.fighter-key{font:9px monospace;color:#acdce4;background:#0c3c52a6;border:1px solid #67adc533;padding:7px 9px;border-radius:5px}.duel-line{position:absolute;top:50%;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,#b5f2ee44,transparent);z-index:0}.gun-wrap{position:absolute;top:50%;left:50%;width:27%;transform:translate(-50%,-50%);z-index:3;pointer-events:none}.gun-direction{transform:scaleX(1);transition:transform .28s ease}.gun-direction.aim-left{transform:scaleX(-1)}.shotgun{display:block;width:100%;overflow:visible;filter:drop-shadow(0 8px 8px #00172588)}.gun-wrap.firing .shotgun{animation:recoil .4s}.muzzle-flash{position:absolute;right:0;top:39%;width:46px;height:36px;background:#fff1ad;clip-path:polygon(0 50%,30% 34%,17% 0,60% 27%,83% 0,79% 40%,100% 50%,77% 64%,88% 98%,51% 73%,22% 100%,30% 66%);opacity:0;transform:translate(25%,-25%);filter:drop-shadow(0 0 10px #ffcd64)}.firing.live-shot .muzzle-flash{animation:muzzle .22s}.fun .muzzle-flash{background:#9ffcf4;filter:drop-shadow(0 0 10px #91f5ff)}.ejected-shell{position:absolute;left:46%;top:40%;width:12px;height:5px;background:linear-gradient(90deg,#d9bd74 25%,#be6243 25%);opacity:0}.fun .ejected-shell{background:#78dbed}.firing .ejected-shell{animation:eject .55s}.projectile{position:absolute;left:50%;top:calc(50% - 3px);width:14px;height:6px;border-radius:4px;opacity:0;z-index:4;background:#ffdf92;box-shadow:0 0 12px #ffe0aa}.fun .projectile{background:#99fff3;width:10px;height:10px;border:2px solid #defff9;border-radius:50%}.scene.shoot-right .projectile{animation:shot-right .24s}.scene.shoot-left .projectile{animation:shot-left .24s}.impact{position:absolute;top:calc(50% - 20px);left:calc(81% - 20px);width:40px;height:40px;border:3px solid #b9fff4;border-radius:50%;opacity:0;z-index:4}.scene.hit-self .impact{left:calc(19% - 20px)}.scene.hit-self .impact,.scene.hit-dealer .impact{animation:impact .7s}.shot-flash{position:absolute;inset:0;opacity:0;pointer-events:none;background:#cafbf82b;z-index:4}.scene.hit-self .shot-flash,.scene.hit-dealer .shot-flash{animation:flash .4s}.scene.hit-self .player-fighter .creature{animation:hit-left .55s}.scene.hit-dealer .dealer-fighter .creature{animation:hit-right .55s}.shot-result{position:absolute;left:50%;top:71%;transform:translate(-50%,-50%);text-align:center;font-size:24px;letter-spacing:2px;font-weight:600;opacity:0;z-index:4;white-space:nowrap;color:#e1faff;pointer-events:none;text-shadow:0 3px 10px #123a59}.shot-result small{display:block;font-size:10px;letter-spacing:.5px;font-weight:400;margin-top:7px;color:#b1dfea}.shot-result.show{animation:result 1.3s}.dealer-caption{position:absolute;bottom:57px;left:50%;transform:translateX(-50%);width:80%;text-align:center;color:#b0e1e8;font-size:10px;opacity:0;transition:opacity .3s;z-index:3;pointer-events:none}.dealer-caption.visible{opacity:1}.turn-indicator{position:absolute;left:50%;transform:translateX(-50%);bottom:17px;font-size:11px;color:#b1fff0;background:#0b3b52d9;border:1px solid #71b9c273;padding:9px 15px;border-radius:20px;display:flex;gap:8px;align-items:center;z-index:4;white-space:nowrap}.turn-indicator i{width:5px;height:5px;background:currentColor;border-radius:50%}.scene-overlay{position:absolute;inset:0;display:grid;place-items:center;z-index:10;background:#082e48d9;backdrop-filter:blur(4px)}.welcome-card{text-align:center;max-width:470px;padding:22px}.seal{font-size:51px;color:var(--accent);line-height:1;margin:0 0 22px}.welcome-card h2{font-size:27px;margin:17px 0;font-weight:500;letter-spacing:1px}.welcome-card p:not(.eyebrow){font-size:12px;color:#a8d5df;line-height:2}.welcome-card small{font-size:9px;color:var(--muted);letter-spacing:1px}.primary-button{border:1px solid #a0ffe7;background:var(--accent);color:#073b4c;display:block;padding:14px 22px;border-radius:6px;width:100%;font-size:12px;font-weight:600;letter-spacing:1px;margin:22px 0 15px}.primary-button:hover{background:#9df6e8}.action-bar{border:1px solid var(--line);border-top:0;background:#0f354b;display:flex;justify-content:space-between;align-items:center;gap:17px;padding:18px 21px;border-radius:0 0 9px 9px}.control-label{font-size:9px;color:var(--muted);display:block;margin-bottom:10px;letter-spacing:1px}.target-buttons{display:flex;gap:8px}.target-buttons button{border:1px solid #46758b;background:#102d43;padding:10px 13px;border-radius:5px;font-size:11px;color:#99c3d3}.target-buttons button.selected{border-color:#a1e5df;background:#225b68;color:#d9fff3}.target-buttons button:disabled{opacity:.45}kbd{font-family:monospace;font-size:9px;border:1px solid #77b1c166;color:#9fced6;padding:2px 4px;border-radius:2px;font-weight:400;margin-left:10px}.fire-button{display:flex;align-items:center;gap:13px;border:1px solid #94ede5;background:#3cadb4;padding:13px 17px;border-radius:6px;min-width:200px;text-align:left;color:#062d42}.fire-button>span:nth-child(2){font-size:13px;letter-spacing:1px;font-weight:600}.fire-button small{display:block;font:8px monospace;letter-spacing:1.5px;margin-top:4px;color:#c7f7f7}.fire-icon{font-size:25px}.fire-button kbd{color:#d2ffff;border-color:#a5e9ea}.fire-button:hover:not(:disabled){background:#66cdd1}.fire-button:disabled{opacity:.38}.table-note{font-size:9px;color:var(--muted);display:flex;align-items:center;justify-content:space-between;margin-top:14px}.table-note button{background:none;border:0;color:var(--muted);font-size:10px}.sidebar{display:flex;flex-direction:column;gap:13px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:17px}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.panel-heading h2{font-size:12px;letter-spacing:.5px;margin:0;font-weight:500}.panel-heading span{font:8px monospace;color:var(--muted);letter-spacing:1px}.ammo-numbers{display:flex;justify-content:space-between}.ammo-numbers>div{display:grid;grid-template-columns:15px auto;gap:4px 10px;align-items:center}.ammo-numbers b{font:27px monospace;color:#e0f2f4}.ammo-numbers span{grid-column:2;font-size:9px;color:var(--muted)}.shell{width:12px;height:27px;border-radius:5px 5px 1px 1px;grid-row:span 2;background:linear-gradient(0deg,#d3b677 23%,#d8916c 23%);border:1px solid #ffc39766}.fun .shell.live{background:linear-gradient(0deg,#76b7d6 23%,#71e1e2 23%);border-color:#aafaff}.shell.blank{background:linear-gradient(0deg,#83aac0 23%,#8bb4bf 23%);border-color:#b7d4de88}.ammo-numbers .ammo-total{display:flex;flex-direction:column;border-left:1px solid var(--line);padding-left:16px;gap:4px}.ammo-total b{font-size:22px;color:#a7cdd8}.bullet-row{display:flex;gap:6px;padding-top:20px}.bullet-row i{height:6px;flex:1;background:#518a9f55;border:1px solid #73b0c0;border-radius:2px}.ammo-panel p{font-size:9px;color:var(--muted);margin:9px 0 0}.known-bullet{font-size:11px;color:var(--accent);padding-top:12px;margin-top:12px;border-top:1px solid var(--line)}#private-peek-btn{margin-top:12px;width:100%}.inventory{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:68px;background:#133c50;border:1px solid #38647a;border-radius:5px;padding:6px 2px;transition:background .15s,border-color .15s}.item:hover:not(:disabled){background:#275f6f;border-color:#78c6c8}.item svg{width:25px;height:25px;color:#bce4e8;margin:0 0 7px;stroke-width:1.6}.item span{font-size:8px;color:#b8d9e2;white-space:nowrap}.item em{position:absolute;right:3px;top:2px;font:7px monospace;color:#9ccad7}.item:disabled{opacity:.3}.item-description{font-size:10px;color:var(--muted);line-height:1.7;min-height:34px;margin:12px 0}.dealer-inventory{display:flex;align-items:center;gap:8px;border-top:1px solid var(--line);padding-top:10px;font-size:9px;color:var(--muted)}.dealer-inventory>span{flex-shrink:0}.dealer-inventory>div{display:flex;flex-wrap:wrap;gap:5px}.dealer-inventory svg{width:16px;height:16px}.log-panel{flex:1;min-height:140px}.log-panel ol{list-style:none;margin:0;padding:0;max-height:114px;overflow:auto;scrollbar-width:thin;scrollbar-color:#38728a transparent}.log-panel li{font-size:10px;color:#b8d9e2;line-height:1.7;padding:4px 0;display:flex;gap:8px}.log-panel li>span{font:8px monospace;color:#679cb2;min-width:16px;padding-top:4px}.log-panel li.live-event{color:#a9f6e8}.log-panel li.log-muted{color:#709fb2}.footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);margin-top:28px;padding:20px 0;font-size:9px;color:#79a5b9;letter-spacing:1px}dialog{width:min(600px,calc(100% - 30px));background:#0c3047;color:var(--ink);border:1px solid #5e9aaf;border-radius:10px;padding:28px;box-shadow:0 30px 100px #001326aa}dialog::backdrop{background:#031a2aca;backdrop-filter:blur(5px)}.dialog-heading{display:flex;justify-content:space-between;align-items:start}.dialog-heading button{background:none;border:0;font-size:25px;color:var(--muted);margin-top:-9px}dialog h2{font-size:25px;margin:10px 0 20px;font-weight:500}dialog p{font-size:12px;line-height:1.9;color:#aad0dc}.rule-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:22px}.rule-grid b{font-size:11px;color:var(--accent)}.rule-grid p{font-size:11px}.rules-footnote{border-top:1px solid var(--line);padding-top:15px;font-size:10px!important}.private-result{padding:23px 15px;text-align:center;font-size:17px;color:var(--accent);border:1px dashed #477e97;border-radius:7px;margin-top:20px}#done-private-btn{width:100%;margin-top:5px}
@keyframes bubble{0%{transform:translateY(0);opacity:0}10%{opacity:.5}100%{transform:translateY(-350px);opacity:0}}@keyframes recoil{0%{transform:translateX(0)}15%{transform:translateX(-12px)}100%{transform:translateX(0)}}@keyframes muzzle{0%,55%{opacity:1}100%{opacity:0}}@keyframes eject{0%{opacity:1;transform:translate(0,0)}60%{opacity:1;transform:translate(20px,-40px) rotate(180deg)}100%{opacity:0;transform:translate(40px,45px) rotate(320deg)}}@keyframes impact{0%{opacity:.9;transform:scale(.5)}100%{opacity:0;transform:scale(2.5)}}@keyframes flash{0%{opacity:1}100%{opacity:0}}@keyframes hit-left{20%{transform:translateX(-13px)}100%{transform:translateX(0)}}@keyframes hit-right{20%{transform:translateX(13px)}100%{transform:translateX(0)}}@keyframes shot-right{0%{opacity:1;left:59%}100%{opacity:0;left:81%}}@keyframes shot-left{0%{opacity:1;left:41%}100%{opacity:0;left:19%}}@keyframes result{0%{opacity:0;top:73%}20%,70%{opacity:1;top:71%}100%{opacity:0;top:69%}}
@media(max-width:1200px){.app-shell{padding:0 26px}.setup-bar{flex-wrap:wrap;gap:12px}.setup-note{margin-left:0}.game-layout{grid-template-columns:minmax(0,1fr) 295px;gap:16px}.action-bar{padding:16px}.target-buttons button{padding:10px}.target-buttons kbd{display:none}.fire-button{min-width:175px;padding:13px}.fighter-key{font-size:8px}.nameplate{flex-direction:column;gap:5px}.fighter-status{top:69px}.room-tag{font-size:8px;letter-spacing:.5px}}
@media(max-width:900px){.header-meta{display:none}.game-layout{grid-template-columns:1fr}.scene{height:420px}.sidebar{display:grid;grid-template-columns:1fr 1.4fr;align-items:stretch}.log-panel{grid-column:1 / -1;min-height:115px}.log-panel ol{max-height:100px}.inventory{grid-template-columns:repeat(5,1fr)}.item{height:73px}.setup-bar{justify-content:space-between}.setup-field{flex:1}.setup-field select{flex:1}.setup-note{margin-right:auto}.nameplate{flex-direction:row}.creature-wrap{height:170px}.fighter-key{font-size:9px}.target-buttons kbd{display:inline}}
@media(max-width:600px){.app-shell{padding:0 14px}.header{height:74px}.brand{font-size:11px;letter-spacing:1px;gap:9px}.brand-mark{font-size:39px}.brand small{font-size:9px;letter-spacing:3px}nav{gap:16px}.quiet-button span{display:none}.quiet-button{font-size:20px}.page-title{padding:24px 0;gap:14px;align-items:end}h1{font-size:25px;letter-spacing:.5px}.subtitle{font-size:9px;letter-spacing:0;line-height:1.7}.eyebrow{font-size:7px;letter-spacing:1.5px}.scoreboard{gap:8px;padding-bottom:16px}.scoreboard>span{font-size:9px;gap:7px;white-space:nowrap}.scoreboard b{font-size:25px}.scoreboard small{font-size:8px;letter-spacing:1px}.setup-bar{display:grid;grid-template-columns:1fr 1fr;padding:12px;gap:11px;margin-bottom:14px}.setup-field{flex-direction:column;align-items:stretch;gap:6px}.setup-field select{width:100%;font-size:10px;padding:9px 5px}.setup-field:nth-child(3){grid-column:1}.setup-note{font-size:8px;line-height:1.7;grid-column:2;grid-row:2;margin:0}.setup-bar>.outline-button{grid-column:1 / -1;width:100%}.scene{height:340px}.scene-top{top:13px;left:12px;right:12px;gap:6px}.room-tag{font-size:6px;letter-spacing:0}.round-tag{font-size:8px;padding:6px 8px}.fighter{width:35%}.fighter-status{top:61px;left:0;right:0}.nameplate{flex-direction:column;gap:4px}.nameplate span{font-size:14px}.nameplate small{font-size:7px}.health{gap:4px;margin-top:8px}.health>i{width:13px;height:7px}.effect-tags{font-size:7px;max-width:130px;margin:6px auto 0}.creature-wrap{height:120px}.fighter-base{bottom:67px;left:0;right:0}.fighter-key{font-size:6px;padding:5px 2px;border-radius:3px;white-space:nowrap}.gun-wrap{width:25%}.muzzle-flash{width:25px;height:21px}.shot-result{font-size:18px;top:71%}.shot-result small{font-size:8px;max-width:300px;white-space:normal}.dealer-caption{bottom:43px;font-size:8px;width:85%}.turn-indicator{bottom:11px;font-size:9px;padding:8px 12px}.welcome-card{padding:20px}.welcome-card h2{font-size:23px}.welcome-card p:not(.eyebrow){font-size:11px}.welcome-card small{font-size:8px}.seal{font-size:44px;margin-bottom:15px}.action-bar{display:grid;grid-template-columns:1fr;padding:13px;gap:13px}.target-buttons{display:grid;grid-template-columns:1fr 1fr}.target-buttons button{padding:11px 8px}.fire-button{justify-content:center;width:100%;padding:12px}.fire-button kbd{margin-left:13px}.control-label{font-size:8px}.table-note{font-size:8px}.table-note button{font-size:9px}.sidebar{grid-template-columns:1fr;gap:13px}.log-panel{grid-column:auto}.inventory{grid-template-columns:repeat(5,1fr)}.item{height:76px}.item svg{width:27px;height:27px}.item span{font-size:9px}.item em{font-size:8px}.footer{flex-direction:column;gap:8px;font-size:8px;line-height:1.8}.rule-grid{grid-template-columns:1fr;gap:7px}dialog{padding:22px}.primary-button{padding:13px 15px}.creature{filter:drop-shadow(0 10px 7px #001b3466)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.bubbles{display:none}}
/* Configurable match setup and stronger action feedback. */
.volume-control{display:flex;align-items:center;gap:6px;font-size:9px;color:var(--muted)}.volume-control input{width:72px;accent-color:var(--accent)}.volume-control output{min-width:28px;font:9px monospace}.custom-settings{border:1px solid var(--line);background:#0c2d4280;border-radius:8px;margin:-6px 0 19px;padding:12px 17px}.custom-settings summary{cursor:pointer;font-size:11px;color:#c3ebeb}.custom-settings summary span{float:right;color:var(--accent);font-size:10px;font-weight:400}.custom-settings-grid{display:flex;gap:18px;align-items:start;margin-top:17px}.custom-field{display:flex;flex-direction:column;gap:7px;font-size:10px;color:#abcdd9;min-width:130px;flex:1}.custom-field input,.custom-field select{background:#0b293e;border:1px solid #3b677f;border-radius:5px;color:#e1faff;padding:9px 11px;width:100%;font:12px monospace;min-width:0}.custom-field small{font-size:8px;color:#75a7b9;min-height:10px}.ammo-settings-group{display:flex;gap:18px;flex:3;min-width:0}.settings-footnote{font-size:9px;color:#75a7b9;margin:12px 0 0}.health{flex-wrap:wrap;max-width:185px;margin:10px auto 0;gap:3px}.health>i{width:12px;height:9px;flex-shrink:0}.health.many-health>i{width:6px;height:7px}.health-value{width:100%;font:10px monospace;color:#d6fcf0;margin-top:3px;letter-spacing:1px}.status-icons{position:absolute;top:100%;left:0;right:0;display:flex;justify-content:center;gap:6px;pointer-events:none}.status-badge{display:flex;align-items:center;justify-content:center;width:27px;height:27px;border:1px solid #aedce888;background:#0f4862b0;border-radius:50%;color:#c7f2f7}.status-badge svg{width:21px;height:21px}.status-badge.cuffed{color:#f5df9d;border-color:#e5d4a8}.status-badge.shielded{color:#a1d9ff;border-color:#a1d9ff}.barrel-short,.barrel-cutoff{display:none}.short-barrel .barrel-long{display:none}.short-barrel .barrel-short{display:block}.saw-tool{display:none;position:absolute;top:5%;left:70%;width:55px;height:55px;color:#d3e9e3;z-index:6;filter:drop-shadow(0 2px 3px #082736)}.saw-tool svg{width:100%;height:100%}.sawing .saw-tool{display:block;animation:saw-motion .14s linear 6}.sawing.short-barrel .barrel-cutoff{display:block;animation:barrel-drop .4s ease-in forwards}.short-barrel .muzzle-flash{right:22%}.racking #gun-bolt{animation:bolt-slide .8s ease-in-out}.racking #gun-pump{animation:pump-slide .8s ease-in-out}.gun-wrap.firing .shotgun{animation:strong-recoil .3s cubic-bezier(.15,.7,.3,1)}.gun-wrap.firing .muzzle-flash{width:64px;height:51px;filter:drop-shadow(0 0 22px #ffcb6b)}.fun .gun-wrap.firing .muzzle-flash{filter:drop-shadow(0 0 20px #c0fffd)}.ejected-shell{display:none}.screen-shake{animation:heavy-shake .6s ease-out}#fx-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:7}#tool-effects{position:absolute;inset:0;pointer-events:none;z-index:8}.flying-item{position:absolute;left:0;top:0;width:38px;height:38px;color:#c8ffed;filter:drop-shadow(0 0 8px #a5edff);pointer-events:none}.flying-item svg{width:100%;height:100%}.tool-cuffs{color:#ffeeb9;filter:drop-shadow(0 0 8px #eadc95)}.tool-medkit,.tool-cigarette{color:#baffc7}.tool-inverter{color:#d6b9ff}.tool-magnet{color:#ffb39d}#hit-vignette{position:fixed;inset:0;pointer-events:none;z-index:40;opacity:0}#hit-vignette.blood-flash{background:radial-gradient(ellipse,transparent 35%,#9e062574);box-shadow:inset 0 0 100px #e6333c40;animation:damage-flash .55s}#hit-vignette.wave-flash{background:radial-gradient(ellipse,transparent 35%,#90fff054);animation:damage-flash .45s}.scene.hit-self .player-fighter .creature{animation:strong-hit-left .6s}.scene.hit-dealer .dealer-fighter .creature{animation:strong-hit-right .6s}.scene .impact{display:none}.scene .projectile{display:none}.shot-result{top:75%;z-index:9}.shot-result.show{animation:strong-result 1.25s}.dealer-caption{bottom:48px}.log-panel ol{max-height:130px}
@keyframes heavy-shake{0%{transform:translate(0)}8%{transform:translate(-15px,10px)}18%{transform:translate(13px,-10px)}28%{transform:translate(-11px,-8px)}38%{transform:translate(9px,7px)}50%{transform:translate(-8px,5px)}62%{transform:translate(6px,-4px)}75%{transform:translate(-4px,3px)}88%{transform:translate(2px,-1px)}100%{transform:translate(0)}}@keyframes damage-flash{0%,15%{opacity:1}100%{opacity:0}}@keyframes strong-recoil{0%{transform:translateX(0)}12%{transform:translateX(-22px)}35%{transform:translateX(-10px)}100%{transform:translateX(0)}}@keyframes bolt-slide{0%,15%{transform:translateX(0)}35%,58%{transform:translateX(-50px)}82%,100%{transform:translateX(0)}}@keyframes pump-slide{0%,18%{transform:translateX(0)}38%,60%{transform:translateX(-38px)}86%,100%{transform:translateX(0)}}@keyframes saw-motion{0%,100%{transform:translate(-7px,3px)}50%{transform:translate(7px,-3px)}}@keyframes barrel-drop{0%{opacity:1;transform:translate(0,0)}100%{opacity:0;transform:translate(60px,120px)}}@keyframes strong-hit-left{0%{transform:translateX(0)}18%{transform:translateX(-28px);filter:brightness(1.7)}50%{transform:translateX(-12px)}100%{transform:translateX(0)}}@keyframes strong-hit-right{0%{transform:translateX(0)}18%{transform:translateX(28px);filter:brightness(1.7)}50%{transform:translateX(12px)}100%{transform:translateX(0)}}@keyframes strong-result{0%{opacity:0;top:77%;transform:translate(-50%,-50%) scale(1.2)}18%,70%{opacity:1;top:75%;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;top:73%}}
@media(max-width:1200px){.custom-field{min-width:100px}.custom-settings-grid,.ammo-settings-group{gap:12px}.volume-control input{width:55px}}
@media(max-width:900px){.custom-settings-grid{display:grid;grid-template-columns:1fr 1fr}.ammo-settings-group{grid-column:1 / -1}.custom-settings{margin-top:-4px}.health{max-width:165px}}
@media(max-width:600px){.volume-control{display:none}.custom-settings{padding:12px;margin-bottom:14px}.custom-settings summary{font-size:10px}.custom-settings summary span{font-size:8px;max-width:65%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.custom-field{min-width:0;font-size:9px}.custom-field input,.custom-field select{font-size:11px;padding:9px}.ammo-settings-group{gap:9px}.custom-field small{font-size:7px;line-height:1.5}.settings-footnote{font-size:8px;line-height:1.7}.health{max-width:106px;gap:2px}.health>i{width:7px;height:6px}.health.many-health>i{width:4px;height:5px}.health-value{font-size:8px;margin-top:2px}.effect-tags{font-size:7px}.status-badge{width:22px;height:22px}.status-badge svg{width:17px;height:17px}.status-icons{gap:4px}.saw-tool{width:28px;height:28px;top:-7%}.gun-wrap.firing .muzzle-flash{width:37px;height:33px}.fighter-status{top:54px}.shot-result{font-size:17px}.dealer-caption{bottom:43px}.volume-control input{width:40px}}
@media(prefers-reduced-motion:reduce){.screen-shake{animation:none}.scene.hit-self .player-fighter .creature,.scene.hit-dealer .dealer-fighter .creature{animation:none}#hit-vignette{display:none}.flying-item{filter:none}}
@media(max-width:600px){.setup-field.difficulty-field{grid-column:2;grid-row:2}.setup-bar .setup-note{grid-column:1 / -1;grid-row:3}.custom-settings-grid{align-items:start}.volume-control{display:flex;position:absolute;top:82px;right:16px;font-size:8px;gap:4px}.volume-control input{width:58px}.volume-control output{min-width:25px;font-size:8px}.page-title{padding-top:35px}}