#tidalHud{position:fixed;inset:74px 0 0;z-index:18;pointer-events:none;font-family:"Microsoft YaHei",sans-serif;color:#e6dcbe;--rail:166px;--team:#70bade;--age:0s}
#tidalHud[hidden],.ui-hidden #tidalHud{display:none!important}
#tidalHud *{box-sizing:border-box}#tidalHud button{pointer-events:auto;background:#203d46;color:#ecddbb;border:1px solid #a38d59;border-radius:2px;padding:7px 12px;font-size:12px;cursor:pointer;white-space:nowrap}#tidalHud button:hover{background:#35505a;color:#fff3d3}
.tidal-top{position:absolute;top:12px;left:50%;transform:translateX(-50%);text-align:center;min-width:278px}.tidal-score{display:flex;justify-content:center;align-items:center;gap:26px;padding:7px 23px 9px;background:linear-gradient(90deg,#172e3eee,#152b32f2,#402d32ee);border:1px solid #a58b57;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);box-shadow:inset 0 0 0 3px #20343b}.tidal-score>b{font-size:32px;font-family:Georgia,serif}.tidal-score .blue{color:#87c7e7}.tidal-score .red{color:#e39991}.tidal-score small{display:block;font-size:11px;color:#c2b491;letter-spacing:2px}.tidal-score strong{font:26px Georgia,serif;display:block;margin-top:4px;font-variant-numeric:tabular-nums}.tidal-event{font-size:11px;background:#142e38e8;border:1px solid #426570;padding:6px 9px;margin:5px auto 0;width:max-content;max-width:340px;color:#bad6cf}.tidal-event.beast{border-color:#b79b7f;color:#f9d9a6}.tidal-event.tide{color:#b1dcea}
.tidal-team{position:absolute;top:50%;transform:translateY(-50%);width:var(--rail)}.tidal-team.side-0{left:16px}.tidal-team.side-1{right:16px;--team:#d3867d}.tidal-team>header{font-size:12px;letter-spacing:2px;border-bottom:1px solid var(--team);padding:8px 6px;display:flex;justify-content:space-between;color:var(--team)}.tidal-team header small{font-size:9px;letter-spacing:0;color:#c1c3b8}.tidal-card{position:relative;background:linear-gradient(130deg,#213b46f5,#162930ef);border:1px solid #526776;border-left:3px solid var(--team);margin-top:9px;padding:10px 10px 6px;box-shadow:0 3px 9px #07172260}.side-1 .tidal-card{background:linear-gradient(230deg,#453c43f5,#242933ef);border-left:1px solid #72606a;border-right:3px solid var(--team)}.tidal-card.is-you:before{content:"";position:absolute;inset:-2px;pointer-events:none;border:2px solid #d6b96a;clip-path:polygon(0 0,14px 0,14px 4px,4px 4px,4px 14px,0 14px,0 0,100% 100%,calc(100% - 14px) 100%,calc(100% - 14px) calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) calc(100% - 14px),100% calc(100% - 14px),100% 100%)}.tidal-card-top{display:flex;gap:8px;align-items:center}.tidal-card-top img{width:38px;height:42px;object-fit:contain;image-rendering:pixelated;background:#122a3380;border:1px solid #8f805752}.tidal-card-top>div{min-width:0}.tidal-card strong{display:block;font-size:12px;color:#f0e4c2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tidal-card small{display:block;font-size:10px;color:#aebebd;margin-top:4px}.tidal-hp{margin-top:10px;height:9px;background:#0b1a24;border:1px solid #687773;padding:1px}.tidal-hp>i{display:block;height:100%;background:linear-gradient(var(--team),#44748a);transition:width .18s}.side-1 .tidal-hp>i{background:linear-gradient(#e09a89,#995953)}.tidal-shield{height:3px;margin-top:2px}.tidal-shield i{display:block;height:3px;background:#badde7}.tidal-stats{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-variant-numeric:tabular-nums;margin-top:3px}.tidal-stats small{margin:0;color:#c0b894}.tidal-status{min-height:26px;display:flex;gap:8px;align-items:center;overflow:hidden}.tidal-status>small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:9px}.tidal-status-line{height:1px;background:#65757a45;width:100%;margin:10px 0}.tidal-card.is-dead .tidal-card-top{filter:grayscale(1);opacity:.55}.tidal-card.is-dead{border-color:#64716e;opacity:.78}.tidal-buff{display:flex;align-items:center;gap:3px;font-size:10px}.tidal-icon{display:inline-block;width:27px;height:27px;background-image:url('/art/tidal_props.png');background-size:400% 200%;background-position:calc(var(--col)*100%/3) calc(var(--row)*100%);image-rendering:pixelated;flex-shrink:0}.tidal-buff .tidal-icon{width:22px;height:22px}.operating{color:#eed097!important}
.tidal-bottom{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);max-width:calc(100% - 380px);width:max-content}.tidal-keys,.tidal-device{display:flex;align-items:center;gap:16px;background:#142c36ee;border:1px solid #9d8958;padding:8px 14px;box-shadow:inset 0 0 0 3px #213c43,0 5px 20px #08182180;font-size:11px}.tidal-keys>span+span{color:#b9cbbd;font-size:10px}.tidal-keys kbd{background:#405559;color:#eee4ca;padding:2px 4px;border:1px solid #839485;font:11px inherit}.tidal-device .tidal-icon{width:42px;height:42px}.tidal-device strong{font-size:12px}.tidal-device small{display:block;margin-top:4px;color:#a6cfde}.tidal-device em{font-style:normal;color:#e7b171;font-size:10px}.tidal-charge{height:6px;width:96px;background:#0c1d26;border:1px solid #586d72}.tidal-charge i{display:block;height:100%;background:#d7bc73}.tidal-result{position:absolute;top:29%;left:50%;transform:translateX(-50%);text-align:center;min-width:340px;padding:18px 44px 24px;background:linear-gradient(90deg,#11253200,#19323bf5 14%,#19323bf5 86%,#11253200);animation:tidal-reveal .6s both;animation-delay:var(--age)}.tidal-result h2{font-family:Georgia,'Microsoft YaHei',serif;color:#f1d394;font-size:38px;font-weight:800;letter-spacing:8px;text-shadow:0 3px #132633;margin:8px 0 10px;animation:tidal-banner .7s .6s both;animation-delay:calc(.6s + var(--age))}.tidal-result p{font-size:14px;letter-spacing:3px}.tidal-result-actions{display:flex;justify-content:center;gap:10px;margin:15px 0 0;animation:tidal-reveal .5s 1.4s both;animation-delay:calc(1.4s + var(--age))}.tidal-result>small{display:block;font-size:11px;margin-top:12px;color:#c6bbb0}.tidal-emblem{position:relative;margin:auto;display:grid;place-items:center;width:78px;height:78px;border:3px double #bc9d5e;background:#285975;clip-path:polygon(15% 0,85% 0,100% 17%,94% 72%,50% 100%,6% 72%,0 17%);box-shadow:inset 0 0 20px #e4c177}.tidal-emblem span{font:46px Georgia;color:#eed294}.loss .tidal-emblem{background:#503638;filter:saturate(.5)}.loss .tidal-emblem:after{content:"";position:absolute;width:5px;height:110%;transform:rotate(18deg);background:#10252e}.loss h2{color:#c1b5ae}.tidal-result.round-only{top:17%;padding:12px 40px;min-width:280px}.round-only .tidal-emblem{display:none}.round-only h2{font-size:26px;letter-spacing:4px}.round-only p{font-size:12px}.round-only .tidal-result-actions{display:none}.tidal-result.settled,.tidal-result.settled h2,.tidal-result.settled .tidal-result-actions{animation:none}.ui-hidden #tidalHud{display:none!important}
@keyframes tidal-reveal{from{opacity:0}to{opacity:1}}@keyframes tidal-banner{from{opacity:0;transform:scaleX(.3);filter:brightness(2)}to{opacity:1;transform:scaleX(1);filter:brightness(1)}}
@media(max-width:1250px){#tidalHud{--rail:140px}.tidal-team.side-0{left:10px}.tidal-team.side-1{right:10px}.tidal-card{padding:8px}.tidal-card-top img{width:30px;height:34px}.tidal-card strong{font-size:11px}.tidal-card-top{gap:5px}.tidal-bottom{max-width:calc(100% - 310px)}.tidal-keys,.tidal-device{gap:10px}.tidal-keys>span+span{display:none}}
@media(max-width:850px),(max-height:620px){#tidalHud{--rail:112px;inset:58px 0 0}.tidal-card{margin-top:5px;padding:5px}.tidal-card-top img{width:23px;height:26px}.tidal-card small{font-size:9px}.tidal-hp{margin-top:5px}.tidal-status{min-height:21px}.tidal-team>header{letter-spacing:0;font-size:10px}.tidal-team header small{display:none}.tidal-top{top:2px;min-width:230px}.tidal-score{padding:3px 14px;gap:20px}.tidal-score strong{font-size:20px}.tidal-score>b{font-size:24px}.tidal-event{font-size:9px}.tidal-bottom{bottom:4px;max-width:calc(100% - 255px)}.tidal-keys,.tidal-device{font-size:9px;padding:5px;gap:6px}.tidal-device>span{display:none}.tidal-charge{width:50px}}
@media(prefers-reduced-motion:reduce){#tidalHud *{animation:none!important;transition:none!important}}

.tidal-crest-art{display:block;width:70px;height:70px;background:url(/art/tidal_terrain.png) 0 100%/400% 200%;image-rendering:pixelated}.recording-ui #tidalHud{display:none!important}

.tidal-report{border:1px solid #b3a686;padding:12px 18px;margin:12px 0}.tidal-report h4{margin:0 0 8px}.tidal-report p{display:flex;justify-content:space-between;margin:4px 0;font-size:12px}
.tidal-start{margin:10px auto 0;padding:9px 25px 11px;max-width:260px;background:linear-gradient(90deg,#102b3500,#15313bef 18%,#15313bef 82%,#102b3500);border-block:1px solid #b4a27288;animation:tidal-start 1.5s both;animation-delay:var(--age)}.tidal-start small{display:block;color:#a2c5cb;letter-spacing:5px;font-size:10px}.tidal-start strong{display:block;color:#f2dcad;font-size:25px;letter-spacing:6px;margin-top:5px;text-shadow:0 2px #142830}
@keyframes tidal-start{0%{opacity:0;transform:translateY(-7px)}15%,65%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-4px)}}