/* Tide Hatch, with a portrait source. */
html.tt-shell .gift-copy small{display:block;color:var(--muted);font-size:14px;margin-top:5px;line-height:1.5}
html.tt-shell .play-note{border-left:3px solid var(--accent);padding-left:14px}
html.tt-shell .preview-caption{position:absolute;left:12px;right:12px;top:calc(100% + 3px);bottom:auto;text-align:center;color:#bdcbc9;font-size:14px;pointer-events:none}
html.tt-shell #practice{scroll-margin-top:24px}
html.tt-shell .gift-legend-row[data-side=help] .gift-copy>strong{color:#8fe4d2}
html.tt-shell .gift-legend-row[data-side=wreck] .gift-copy>strong{color:#ffb3a7}
html.tt-shell .side-title{font-size:15px;margin:16px 0 8px;color:#8fe4d2}
html.tt-shell .side-title.wreck{color:#ffb3a7}
html.tt-shell .effects button[data-side=help]{border-left:3px solid #8fe4d2}
html.tt-shell .effects button[data-side=wreck]{border-left:3px solid #ffb3a7}
html.tt-shell #settings [aria-invalid=true]{border-color:#ffb3a7}
html.tt-shell #settings .setting-error{display:block;color:#ffb3a7;font-size:13px;line-height:1.5}
html.tt-shell #settings .setting-error[hidden]{display:none}
.source-page body{margin:0;overflow:hidden;background:transparent;font-family:"Segoe UI",Arial,sans-serif}
html.source-page[data-transparent="1"],html.source-page[data-transparent="1"] body{background:transparent!important}
html.source-page[data-transparent="0"],html.source-page[data-transparent="0"] body{background:var(--tt-source-bg,#101e29)!important}
.source-page #tide-stage{position:absolute;width:1080px;height:1920px;transform-origin:top left;color:#eff4e7}
.source-page #tide-stage *{box-sizing:border-box}
.th-capture{position:absolute;top:170px;left:40px;width:1000px}
.th-board{position:relative;overflow:hidden;border:2px solid #68818a;border-radius:25px;background:#152c3b;box-shadow:0 24px 70px #0005,inset 0 1px #b7d1c4}
.th-heading{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:24px 29px 18px;background:linear-gradient(120deg,#304453,#1a2c3e);border-bottom:2px solid #e4c25f}
.th-brand{font-size:22px;letter-spacing:2.5px;color:#dedbca;font-weight:700;margin:0 0 9px}.th-brand span{font-size:20px;color:#a8bec0;margin-left:20px;letter-spacing:1.6px}
.th-heading h1{font:900 66px/.98 "Segoe UI",Arial,sans-serif;letter-spacing:-2px;margin:0;color:#faf2d8;text-shadow:0 3px 0 #163345}.th-heading h1>span{color:#f3d469}
.th-clock{padding:10px 17px;min-width:155px;text-align:center;background:#0d2132;border:1px solid #6c8285;border-radius:12px;box-shadow:inset 0 3px 12px #0004}.th-clock span{display:block;font-size:22px;color:#b6c9c8;letter-spacing:1px}.th-clock strong{display:block;font-size:48px;line-height:1.15;color:#f4d779;font-variant-numeric:tabular-nums}
.th-premise{font-size:30px;line-height:1.25;text-align:center;padding:17px 15px;color:#e1ece2;background:#142b3b}
.th-teams{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:#0e2332;border-top:1px solid #698082;border-bottom:1px solid #6c8b8d}
.th-team{--team:#8ce7d3;padding:17px 24px 18px;text-align:center;background:linear-gradient(125deg,#21454b,#1c3945)}.th-team[data-side=wreck]{--team:#ffb0a3;background:linear-gradient(125deg,#483e49,#39333e)}
.th-team>span{display:block;color:var(--team);font-size:29px;font-weight:850;letter-spacing:2px}.th-team strong{display:block;font-size:29px;line-height:1.25;color:#f0f2e7;margin:5px 0}.th-team small{font-size:24px;color:var(--team)}
.th-play{position:relative;overflow:hidden;background:#244d61}.th-play canvas{display:block;width:100%;height:auto}
.th-progress{position:absolute;top:24px;left:24px;width:255px;padding:14px 17px;background:#0e293ce8;border:1px solid #658f94;border-radius:11px}.th-progress>span{display:block;font-size:22px;letter-spacing:1px;color:#c5d5cd}.th-progress strong{display:block;font-size:33px;font-variant-numeric:tabular-nums;margin:4px 0 10px}.th-progress>div{height:9px;background:#031d2e;border-radius:4px;overflow:hidden}.th-progress i{display:block;height:100%;background:#e5d080}
.th-effect{position:absolute;top:195px;left:25px;padding:11px 15px;border:1px solid #8ce7d3;background:#143b43ed;color:#bcffeb;border-radius:9px;max-width:350px;font-size:29px;font-weight:800;line-height:1.2}.th-effect[data-side=wreck]{background:#422e3dee;color:#ffd1c7;border-color:#f09e98}
.th-water{position:absolute;bottom:26px;left:28px;display:flex;align-items:center;gap:12px;border:1px solid #8ad9d999;background:#0b3654e8;border-radius:12px;padding:12px 18px;box-shadow:0 5px 20px #07294566}.th-wave{font-size:65px;color:#9df5e9;line-height:.7}.th-water strong{display:block;font-size:32px;color:#e4fff0}.th-water div>span{display:block;font-size:22px;letter-spacing:1px;color:#a9d5d7}
.th-instruction{font-size:28px;padding:15px 18px;text-align:center;background:#172e3e;color:#e7e8d7;border-top:1px solid #4c777d}
.th-gifts{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:3px 18px 16px;background:#172e3e}
.th-gift{display:flex;align-items:center;gap:10px;min-width:0;padding:13px 14px;border:1px solid #577e81;border-left:4px solid #8ce7d3;border-radius:10px;background:linear-gradient(125deg,#23424b,#1c3544)}.th-gift[data-side=wreck]{border-color:#785f6b;border-left-color:#ffb0a3;background:linear-gradient(125deg,#423745,#302e3b)}
.th-gift img{width:65px;height:68px;object-fit:contain;flex:none;filter:drop-shadow(0 3px 5px #0005)}.th-gift>div{min-width:0}.th-gift strong{display:block;font-size:29px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fcf4df}.th-gift small{font-size:23px;color:#c5cfca;display:block;margin:4px 0}.th-gift span{display:block;color:#a5f3df;font-size:26px;line-height:1.1}.th-gift[data-side=wreck] span{color:#ffc4b7}.th-gifts-empty{grid-column:1/-1;font-size:27px;color:#bfd0cc;text-align:center;padding:15px}
.th-foot{display:flex;justify-content:space-between;gap:18px;padding:15px 24px;border-top:1px solid #4f727a;background:#102635;font-size:23px;color:#bdcfca}.th-foot>span:first-child{font-size:22px;color:#ead38a;font-weight:750}
.th-recent{display:flex;gap:15px;align-items:center;margin-top:12px;min-height:74px;padding:12px 22px;border:1px solid #6b8e90;border-radius:12px;background:#162e3cf5;font-size:28px;line-height:1.25;color:#dce9dc}.th-recent>span:last-child{min-width:0;overflow-wrap:anywhere}.th-recent strong{color:#fff0d0}.th-recent .tt-core-avatar{flex:none}
.th-result{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:55px;text-align:center;background:radial-gradient(ellipse,#1d4855ed,#10253cf2);z-index:3;backdrop-filter:blur(4px)}.th-result[data-side=wreck]{background:radial-gradient(ellipse,#4b3e52ed,#14253cf2)}.th-result small{font-size:28px;letter-spacing:4px;color:#c5dcd7}.th-result strong{font-size:68px;font-weight:900;line-height:1.1;color:#a8f8df;margin:24px 0}.th-result[data-side=wreck] strong{color:#ffbbac}.th-result p{font-size:32px;line-height:1.4;margin:10px 0;color:#dee7da;max-width:800px}
.th-mode{position:absolute;top:130px;left:40px;width:1000px;text-align:center;font-size:26px;letter-spacing:1px;font-weight:800;color:#ebd284}.th-mode:empty{display:none}
.source-page #tide-stage .tt-core-overlay-status{position:absolute;left:40px;top:26px;width:1000px;max-width:none;transform:none;margin:0}
.source-page #tide-stage .tt-core-notice{font-size:28px;padding:17px 24px;background:#162e3cf5;border-color:#b49f65;color:#d7e1d8}.source-page #tide-stage .tt-core-notice strong{font-size:31px;color:#f6df9b}
.source-page #tide-stage [hidden]{display:none!important}