:root{--dx-orange:#ff9f2f;--dx-red:#ff506f}
.dx-cluster-button{position:relative;overflow:hidden;border-color:#d77a28!important;background:linear-gradient(135deg,#4a2108,#792d16)!important;color:#fff4df!important;box-shadow:inset 0 -2px #ff9f2f,0 0 18px #ff7a2930}
.dx-cluster-button::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,#fff3 48%,transparent 70%);transform:translateX(-120%);transition:transform .45s}
.dx-cluster-button:hover::after,.dx-cluster-button:focus-visible::after{transform:translateX(120%)}
.dx-cluster-button span{margin-right:5px;color:#ffd15c;font-size:1.05rem}
.logbook-dx-panel{position:fixed;z-index:8000;top:8px;right:8px;bottom:8px;width:min(760px,54vw);display:grid;grid-template-rows:58px minmax(0,1fr);overflow:hidden;border:1px solid #ff9f2f;border-radius:16px;background:#020b14;box-shadow:-22px 0 75px #000c,0 0 35px #ff7a2925;isolation:isolate}
.logbook-dx-panel[hidden]{display:none}
.logbook-dx-panel>header{position:relative;z-index:3;display:flex;align-items:center;gap:8px;padding:8px 10px 8px 15px;border-bottom:1px solid #8b421f;background:linear-gradient(90deg,#3b1908,#17111a 58%,#071826)}
.logbook-dx-panel>header div{display:grid;margin-right:auto}.logbook-dx-panel>header small{color:#ffb151;font-size:.6rem;font-weight:950;letter-spacing:.14em}.logbook-dx-panel>header strong{font-size:1.02rem}
.logbook-dx-panel>header span{display:flex;align-items:center;gap:6px;color:#a8c2cc;font-size:.67rem;font-weight:800}.logbook-dx-panel>header span i{width:7px;height:7px;border-radius:50%;background:#4ef0a4;box-shadow:0 0 11px #4ef0a4}
.logbook-dx-panel>header>a,.logbook-dx-panel>header>button{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid #75401f;border-radius:9px;background:#28170f;color:#ffd9a6;text-decoration:none;font-size:1rem;font-weight:900;cursor:pointer}
.logbook-dx-panel>header>a:hover,.logbook-dx-panel>header>button:hover{border-color:#ffb151;background:#4c240f}.logbook-dx-panel>header #closeDxPanel{color:#ff879a}
.logbook-dx-panel iframe{position:relative;z-index:1;width:100%;height:100%;border:0;background:#020b14}
.logbook-dx-loading{position:absolute;z-index:2;inset:58px 0 0;display:grid;place-content:center;justify-items:center;gap:12px;background:radial-gradient(circle,#5d250c55,transparent 36%),#020b14;color:#ffd9a6}.logbook-dx-loading[hidden]{display:none}.logbook-dx-loading i{width:58px;height:58px;border:4px solid #5a2c18;border-top-color:#ffad3e;border-right-color:#ff506f;border-radius:50%;animation:logDxSpin .85s linear infinite}.logbook-dx-loading b{font-size:.78rem;letter-spacing:.05em}
body.logbook-dx-open{overflow:hidden}body.logbook-dx-open::before{content:"";position:fixed;z-index:7999;inset:0;background:#01070db3;backdrop-filter:blur(2px)}
@keyframes logDxSpin{to{transform:rotate(360deg)}}
@media(max-width:900px){.logbook-dx-panel{top:0;right:0;bottom:0;width:min(92vw,720px);border-radius:14px 0 0 14px}.logbook-dx-panel>header span{display:none}}
@media(max-width:650px){.logbook-dx-panel{left:0;width:100vw;border:0;border-radius:0}.logbook-dx-panel>header{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}.dx-cluster-button{grid-column:span 2}}
@media(prefers-reduced-motion:reduce){.dx-cluster-button::after{display:none}.logbook-dx-loading i{animation-duration:1.8s}}