:root{font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:#eefcff;background:#020d19}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,select{font:inherit;color:inherit}.topbar{height:82px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(18px,4vw,64px);background:linear-gradient(180deg,#051627fa,#041b2ff0);border-bottom:1px solid #85e8ff29;position:relative;z-index:20}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand-mark{display:grid;place-items:center;width:45px;height:45px;border-radius:14px;background:linear-gradient(135deg,#19ecc3,#087dce);box-shadow:0 8px 28px #0eb6ca4d;color:#042338;font-size:24px}.brand b{font-size:20px;letter-spacing:.08em}.brand small{display:block;color:#79b7c8;font-size:10px;letter-spacing:.28em;margin-top:2px}.view-tools{display:flex;padding:7px;background:#020c18;border:1px solid #1c4460;border-radius:18px;box-shadow:0 12px 35px #0007}.view-tools button{height:46px;min-width:84px;padding:0 14px;border:0;border-right:1px solid #17354c;background:transparent;cursor:pointer}.view-tools button:last-child{border:0}.view-tools button:hover,.view-tools button.active{background:#123651;border-radius:11px}.view-tools button.active{color:#071624;background:#ffd166}.view-tools span{margin-right:6px}.view-tools em{font-style:normal;font-weight:800;font-size:14px}.wallet{justify-self:end;display:flex;gap:12px;padding:10px 20px;border:1px solid #2e6583;border-radius:99px;background:#06162a;font-size:20px}.wallet span{color:#5beaff}.game-shell{height:calc(100% - 82px);position:relative;overflow:hidden;background:#05233d}canvas{display:block;width:100%;height:100%;transform-origin:center;transition:transform .25s}.vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 42%,transparent 40%,#00051066 100%);box-shadow:inset 0 0 120px #020815}.hud{position:absolute;z-index:6;inset:20px 24px auto;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none;opacity:0;transition:.25s}.hud.show{opacity:1}.player-card{display:flex;align-items:center;gap:10px;padding:9px 12px;background:#02101ebd;border:1px solid #52dcff3d;backdrop-filter:blur(10px);border-radius:15px;min-width:250px}.player-card>div{flex:1}.player-card b{font-size:20px}.player-card small{display:block;color:#9fc5d1;font-size:12px}.player-card i{font-style:normal}.fish-chip{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#28d8a9;color:#04251f;font-weight:1000}.p2 .fish-chip{background:#ff7c70;color:#32100c}.player-card kbd{font-size:11px;color:#7fb2c2;background:none}.health{height:7px;background:#17364a;border-radius:10px;overflow:hidden;margin-top:7px}.health span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#ff5573,#6cffb3);transition:width .2s}.danger{width:min(260px,25vw);text-align:center}.danger small{letter-spacing:.14em;color:#d9eef3;font-weight:900}.danger div{height:10px;background:#0a1b2a;border:1px solid #1f506d;border-radius:10px;margin-top:8px;position:relative}.danger span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f5c453,#ff5367)}.danger i{position:absolute;right:-22px;top:-9px;font-style:normal}.panel{position:absolute;z-index:10;top:50%;left:50%;transform:translate(-50%,-50%);width:min(680px,calc(100% - 30px));padding:38px;border:1px solid #7fdfff3d;border-radius:30px;background:linear-gradient(145deg,#05233cf5,#03101ff7);box-shadow:0 30px 100px #000b;backdrop-filter:blur(18px)}.panel:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 50% 0,#145e8066,transparent 50%);pointer-events:none}.panel>*{position:relative}.eyebrow{margin:0 0 10px;color:#5ce4ce;font-weight:900;font-size:12px;letter-spacing:.25em}.panel h1{font-size:clamp(42px,6vw,72px);line-height:.94;letter-spacing:-.055em;margin:0}.panel h2{font-size:30px;margin:3px 0}.intro{color:#aacbd5;line-height:1.65;margin:20px 0}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mode{position:relative;text-align:left;border:1px solid #28536e;background:#071c31;border-radius:17px;padding:16px;cursor:pointer}.mode.selected{border-color:#36e2bc;background:linear-gradient(145deg,#0d3a4a,#0b253e);box-shadow:inset 0 0 0 1px #36e2bc55}.mode span{position:absolute;right:14px;color:#4e8797;font-size:12px}.mode b{display:block;font-size:18px}.mode small{display:block;color:#88abb6;margin-top:6px}.primary{width:100%;margin-top:16px;border:0;border-radius:15px;padding:15px 20px;background:linear-gradient(90deg,#28dfb7,#41bde8);color:#04243a;font-weight:1000;cursor:pointer}.primary span{float:right}.rules{display:flex;justify-content:center;gap:25px;margin-top:16px;color:#77a8b7;font-size:12px}.hidden{display:none!important}.loadout-panel{width:min(930px,calc(100% - 26px));padding:26px 30px}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel-head button{width:44px;height:44px;border-radius:50%;border:1px solid #37627c;background:#081b2e;font-size:25px;cursor:pointer}.loadout-scroll{max-height:min(60vh,570px);overflow:auto;padding:3px 4px 10px}.player-loadouts{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.loadout-card{border:1px solid #28536e;border-radius:20px;padding:15px;background:#06192b}.loadout-card header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.loadout-card header b{font-size:20px}.key-note{font-size:12px;color:#7faaba}.pick-row{display:grid;grid-template-columns:96px 1fr;gap:12px;align-items:center}.fish-preview{height:112px;border-radius:16px;display:grid;place-items:center;background:radial-gradient(circle,#174c66,#071a2d);font-size:58px;border:1px solid #28617e}.picker label{display:block;color:#7faaba;font-size:12px;margin:4px 0}.choice-strip{display:flex;gap:7px;overflow:auto;padding-bottom:4px}.choice{flex:0 0 42px;height:42px;border:1px solid #28536e;border-radius:10px;background:#0a2b44;cursor:pointer;font-size:21px;display:grid;place-items:center}.choice.selected{border-color:#ffd166;box-shadow:0 0 0 2px #ffd16655;background:#16405c}.section-title{display:flex;justify-content:space-between;align-items:end;margin:20px 2px 10px}.section-title b{font-size:18px}.section-title small{color:#7faaba}.stage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.stage{border:1px solid #2e6380;border-radius:16px;padding:0;background:#071a2d;overflow:hidden;text-align:left;cursor:pointer}.stage.selected{border-color:#ffd166;box-shadow:0 0 0 2px #ffd16655}.stage-art{height:76px;display:flex;align-items:flex-end;padding:10px;font-size:28px}.stage:nth-child(1) .stage-art{background:linear-gradient(#0b8cad,#e6c679)}.stage:nth-child(2) .stage-art{background:linear-gradient(#092d6c,#09374d)}.stage:nth-child(3) .stage-art{background:linear-gradient(#4b205c,#10223c)}.stage:nth-child(4) .stage-art{background:linear-gradient(#6e340d,#1e1021)}.stage div:last-child{padding:10px}.stage b{display:block}.stage small{color:#81aab7}.compact{text-align:center;width:min(430px,calc(100% - 30px))}.text-btn{display:block;margin:14px auto 0;background:none;border:0;color:#8db4c1;cursor:pointer}.settings,.pause{position:absolute;z-index:12;width:56px;height:56px;border-radius:50%;border:1px solid #44718e;background:#041223cc;cursor:pointer;font-size:21px;box-shadow:0 8px 28px #0005}.settings{left:24px;bottom:22px}.pause{right:24px;bottom:22px}.settings-panel{position:absolute;z-index:18;left:24px;bottom:89px;width:290px;border:1px solid #28536e;border-radius:18px;background:#061a2df2;padding:18px}.settings-panel>div,.settings-panel label{display:flex;justify-content:space-between;align-items:center}.settings-panel label{border-top:1px solid #18364b;padding:12px 0;color:#b9d5de}.settings-panel button{background:none;border:0;font-size:24px}.settings-panel select{background:#0b2b45;border:1px solid #2b5975;border-radius:8px;padding:6px}.settings-panel p{font-size:11px;color:#638c9b}.toast{position:absolute;z-index:15;left:50%;bottom:35px;transform:translate(-50%,18px);padding:10px 18px;border-radius:30px;background:#07182bea;border:1px solid #2e6988;opacity:0;transition:.25s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}.theme-day .topbar{background:linear-gradient(#f5fbff,#d8eef5);color:#08273a}.theme-day .game-shell{filter:saturate(.9) brightness(1.12)}
@media(max-width:900px){.topbar{height:70px;padding:0 12px;grid-template-columns:1fr auto}.brand small{display:none}.view-tools{position:absolute;left:50%;top:76px;transform:translateX(-50%)}.view-tools button{min-width:54px;height:40px;padding:0 9px}.view-tools em{display:none}.wallet{padding:8px 12px}.game-shell{height:calc(100% - 70px)}.hud{top:53px;inset-inline:9px}.player-card{min-width:0;width:43%;padding:7px}.player-card kbd{display:none}.danger{width:110px}.player-loadouts{grid-template-columns:1fr}.stage-grid{grid-template-columns:1fr 1fr}.loadout-scroll{max-height:64vh}}
@media(max-width:560px){.topbar{height:58px}.brand b{font-size:15px}.brand-mark{width:34px;height:34px}.game-shell{height:calc(100% - 58px)}.view-tools{top:63px}.view-tools button{min-width:45px}.panel{padding:22px}.panel h1{font-size:42px}.intro{font-size:14px;margin:14px 0}.mode-grid{grid-template-columns:1fr}.rules{gap:10px;flex-wrap:wrap}.loadout-panel{padding:18px 15px}.loadout-scroll{max-height:65vh}.pick-row{grid-template-columns:78px 1fr}.fish-preview{height:100px}.stage-art{height:60px}.settings{left:12px;bottom:12px}.pause{right:12px;bottom:12px}.settings-panel{left:12px;bottom:78px}.danger{display:none}.player-card{width:48%}.fish-chip{width:34px;height:34px}}
@media(max-height:700px){.topbar{height:60px}.game-shell{height:calc(100% - 60px)}.panel{padding:20px}.panel h1{font-size:42px}.intro{margin:12px 0}.mode{padding:11px 14px}.rules{margin-top:8px}.loadout-scroll{max-height:57vh}}
.picker{min-width:0}.pick-row{grid-template-columns:96px minmax(0,1fr)}
@media(max-width:560px){.start-panel .eyebrow{display:none}.loadout-panel{top:calc(50% + 32px);height:calc(100% - 132px);display:flex;flex-direction:column}.loadout-panel .loadout-scroll{flex:1;min-height:0;max-height:none}.loadout-panel .primary{flex:none}.pick-row{grid-template-columns:78px minmax(0,1fr)}}
.choice{position:relative;overflow:hidden}.choice span{display:block;line-height:1}.choice i{position:absolute;left:0;right:0;bottom:1px;font-size:9px;font-style:normal;color:#ffd166;font-weight:900}.choice.locked{filter:saturate(.55);background:#061827;color:#7893a0}.choice.locked:hover{border-color:#ffd166}.choice.owned:not(.selected):hover{border-color:#36e2bc;transform:translateY(-1px)}.stage.locked{cursor:not-allowed;filter:saturate(.35);opacity:.72}.stage.locked .stage-art{background:linear-gradient(145deg,#102436,#07121e)}.stage-art{position:relative}.stage-art span{position:absolute;right:9px;top:9px;padding:4px 7px;border-radius:20px;background:#051523b8;color:#d9f4fa;font-size:10px;font-weight:800}.stage.selected .stage-art span{background:#ffd166;color:#102033}.wallet:after{content:'战绩点';font-size:10px;color:#78a4b3;margin-left:-5px}.loadout-card:has(.choice.locked) header:after{content:'点击锁定项可用战绩点解锁';font-size:10px;color:#ffd166}
@media(max-width:560px){.loadout-card:has(.choice.locked) header:after{display:none}.choice{flex-basis:48px;height:48px}.stage-art span{font-size:9px}}