.tibo-ui:not(.harbor-loading) header .harbor-count{display:none}
.tibo-hud{margin-inline-end:auto;font:600 12px/1.4 system-ui;color:#d3e2df;white-space:nowrap;font-variant-numeric:tabular-nums}
.tibo-hud-stage{color:#ffda96}
.tibo-hud-resets{color:#9eeccf}
.tibo-hud-reset-value{color:#ffda96;font-size:1.16em;font-weight:800}
.tibo-hud-party{color:#d5e4ef;white-space:nowrap}
.tibo-hud-rocket{color:#ffda96;white-space:nowrap}
.tibo-hud-rocket[hidden]{display:none}
.tibo-replay-enabled footer{justify-content:flex-start;gap:6px;z-index:4}
.tibo-replay-enabled #harbor-hints{flex:0 1 auto;min-width:0;max-width:none}
.tibo-replay-enabled #hint{overflow-wrap:anywhere}
.tibo-replay-enabled #stats{margin-inline-start:auto}
.harbor-glass footer #tibo-restart{position:relative;flex:none;min-height:34px;margin-inline-start:auto;padding:5px 10px;border-radius:9px;pointer-events:auto;color:#ffdec5;border-color:#f7aa6a70;background:#173e4cda;font:600 12px/1.25 system-ui}
.harbor-glass footer #tibo-restart::before{content:'';position:absolute;inset:-5px 0}
/* Keep the domestic demo link at its existing corner, with replay just above it. */
html:not([data-standalone=neybra-top]) .tibo-replay-enabled footer #tibo-restart{position:fixed;right:max(12px,env(safe-area-inset-right));bottom:calc(54px + env(safe-area-inset-bottom))}
html:not([data-standalone=neybra-top]) .tibo-replay-enabled #harbor-hints{max-width:calc(100vw - 155px)}
@media(min-width:521px){
 html:not([data-standalone=neybra-top]) .tibo-replay-enabled footer #tibo-restart{right:calc(max(12px,env(safe-area-inset-right)) + var(--tibo-demo-width,115px) + 8px);bottom:max(12px,env(safe-area-inset-bottom))}
 html:not([data-standalone=neybra-top]) .tibo-replay-enabled #harbor-hints{max-width:calc(100vw - var(--tibo-demo-width,115px) - var(--tibo-replay-width,78px) - 44px)}
}
#tibo-direction-layer{position:fixed;inset:calc(8px + env(safe-area-inset-top)) calc(8px + env(safe-area-inset-right)) calc(42px + env(safe-area-inset-bottom)) calc(8px + env(safe-area-inset-left));pointer-events:none;z-index:4}
#tibo-direction{position:fixed;display:flex;align-items:center;justify-content:center;gap:6px;width:72px;height:34px;transform:translate(-50%,-50%);border:1px solid #b6f8d988;border-radius:12px;background:#183933ee;color:#b6f8d9;box-shadow:0 3px 12px #001b2680;font:750 15px/1 system-ui;pointer-events:none}
#tibo-direction[hidden],.harbor-loading #tibo-direction{display:none}
.tibo-direction-arrow{display:block;font-size:15px;transform:rotate(var(--tibo-direction))}
.harbor-glass #tibo-start{color:#fff1d6;background:#a968354a;border-color:#eabd8066}
#tibo-hint{position:fixed;z-index:8;inset-block-start:calc(env(safe-area-inset-top,0px) + 58px);inset-inline-end:calc(12px + env(safe-area-inset-right));display:flex;align-items:center;gap:8px;margin:0;padding:8px 11px;max-width:min(270px,calc(100vw - 156px));border:1px solid #b1e9d333;border-radius:12px;background:#173e3ce8;color:#f4fff8;font:600 13px/1.4 system-ui;white-space:pre-line;pointer-events:none}
#tibo-stage-feedback{--tibo-model-unit:65px;--tibo-reveal:1;position:fixed;z-index:8;left:50%;right:auto;top:calc(50% + var(--tibo-model-unit)*1.03);bottom:auto;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 32px - env(safe-area-inset-left) - env(safe-area-inset-right));margin:0;text-align:center;overflow-wrap:anywhere;color:#fff3d9;text-shadow:0 2px 5px #061b22,0 0 20px #153a45;pointer-events:none;opacity:var(--tibo-reveal)}
#tibo-stage-feedback[hidden],.harbor-loading #tibo-stage-feedback{display:none}
#tibo-stage-feedback strong{display:block;font:800 clamp(19px,4.2vmin,38px)/1.18 system-ui}
#tibo-stage-feedback[data-effect=intermission]{left:var(--tibo-reward-left,50%);top:var(--tibo-reward-top,calc(50% + var(--tibo-model-unit)*.22));padding:8px 17px;border-radius:14px;background:#102f3de8;border:1px solid #f8d18c5e}
#tibo-stage-feedback[data-effect=intermission] strong{color:#ffda96;font-size:clamp(25px,5vmin,45px)}
#tibo-stage-feedback>span:not([hidden]):not(#tibo-countdown){display:block;margin-top:5px;font:650 clamp(13px,2.7vmin,18px)/1.35 system-ui}
#tibo-countdown{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
#tibo-hint[hidden],.harbor-loading #tibo-hint{display:none}
.tibo-radar-layer{position:absolute;pointer-events:none;overflow:hidden;z-index:2;border-radius:0 0 14px 14px}
.tibo-radar-layer[hidden]{display:none}
.tibo-radar-dot{position:absolute;display:block;width:10px;height:10px;box-sizing:border-box;border:2px solid #fff1ee;border-radius:50%;background:#ff3c42;box-shadow:0 0 0 3px #761c2855,0 0 8px #ff384c99;transform:translate(-50%,-50%)}
.tibo-radar-dot.edge::after{content:'';position:absolute;left:50%;top:50%;width:17px;height:17px;margin:-8.5px 0 0 -8.5px;transform:rotate(var(--tibo-direction));background:#ff3c42;clip-path:polygon(100% 50%,65% 30%,65% 70%);filter:drop-shadow(0 0 1px #fff)}
#tibo-dialog{width:min(410px,calc(100vw - 24px));max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:0;border:1px solid #c8e4dc55;border-radius:18px;background:#123541;color:#f0f7ef;box-shadow:0 16px 60px #00101e88;overflow:hidden}
#tibo-dialog::backdrop{background:#071b2688}
#tibo-dialog[open]{display:flex}
#tibo-dialog form{display:flex;flex-direction:column;min-height:0;width:100%;margin:0}
.tibo-dialog-head,.tibo-dialog-foot{flex:none;padding:8px 14px}
.tibo-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #c8e4dc30}
.tibo-dialog-head h2{font-size:17px;margin:0}
.tibo-dialog-body{min-height:0;overflow:auto;padding:12px 14px;overflow-wrap:anywhere}
.tibo-dialog-body p{margin:0 0 9px}
.tibo-dialog-body label{display:block;font-weight:600}
.tibo-dialog-body input:not([type=checkbox]){display:block;width:100%;min-height:44px;margin:5px 0 8px;padding:7px 10px;border:1px solid #bfd9d366;border-radius:8px;background:#0b2631;color:inherit;font:inherit}
.tibo-dialog-body label.tibo-check{display:flex;align-items:center;gap:8px;min-height:44px}
.tibo-check input{width:18px;height:18px;accent-color:#f5ca92}
.tibo-muted,.tibo-dialog-status{font-size:12px;color:#c3ded5}
.tibo-dialog-status{margin:0 0 6px;overflow-wrap:anywhere}
.tibo-dialog-foot{border-top:1px solid #c8e4dc30}
.tibo-dialog-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}
.harbor-glass #tibo-dialog .tibo-primary{background:#f0bf83;color:#1a3338;border-color:#f6d8a6;font-weight:700}
.tibo-finish-time{font-size:32px;color:#ffd69d;font-weight:700;font-variant-numeric:tabular-nums}
.tibo-dialog-body table{width:100%;border-collapse:collapse;text-align:left;font-variant-numeric:tabular-nums}
.tibo-dialog-body th,.tibo-dialog-body td{padding:8px 4px;border-bottom:1px solid #c8e4dc22}
.tibo-dialog-body th:last-child,.tibo-dialog-body td:last-child{text-align:right;white-space:nowrap}
@media(max-width:520px){
 html body.game-compact.tibo-ui:not(.harbor-loading) header{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:24px minmax(24px,auto);min-height:0;height:auto;gap:4px 6px;padding-block:4px}
 .tibo-ui header h1{grid-area:1/1;min-width:0;overflow:hidden;text-overflow:ellipsis}
 .tibo-ui .harbor-top-actions{grid-area:1/2}
 .tibo-ui .tibo-hud{grid-area:2/1/3/3;min-width:0;padding-inline-end:38px;font-size:11px;line-height:16px;white-space:normal}
 html body.game-compact.tibo-ui:not(.harbor-loading) #naybra-language{grid-area:2/2;justify-self:end;z-index:2;height:24px}
 html body.game-compact.tibo-ui #naybra-language button{min-height:24px;height:24px;padding-block:0}
 html body.game-compact.tibo-ui:not(.harbor-loading) #harbor-map,
 .tibo-ui #tibo-hint{top:calc(12px + var(--tibo-toolbar-height,62px) + env(safe-area-inset-top))}
 .tibo-replay-enabled #harbor-hints{max-width:none}
 .tibo-replay-enabled #hint{font-size:11px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
}
@media(orientation:landscape) and (max-height:500px) and (min-width:521px){
 #tibo-hint{top:calc(48px + env(safe-area-inset-top))}
}
