.freeport-panel{grid-column:1/-1;width:100%;max-width:none;min-width:0;font-family:Arial,sans-serif;border:1px solid #8de7d377;border-radius:12px;padding:10px;margin:10px 0;background:linear-gradient(120deg,#102e35f5,#191e35f5);color:#e5edf0}
.freeport-panel>summary{color:#aaffde;font-size:1.05rem;font-weight:900;padding:9px;min-height:44px;cursor:pointer}
.freeport-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,275px),1fr));gap:10px;margin-top:10px;align-items:start}
.freeport-card{min-width:0;border:1px solid var(--frontier,#88cfc5);border-top-width:3px;background:#0b1b2bd9;border-radius:9px;padding:12px;overflow-wrap:anywhere}.freeport-card h4{font-size:1.08rem;line-height:1.3;color:var(--frontier,#baffdc);margin:4px 0 9px}.freeport-panel p{font-size:.9rem;line-height:1.5;color:#d0e0e7}.freeport-panel strong,.freeport-panel b{display:block;line-height:1.5;color:#ffe4a0;margin:6px 0}.freeport-panel small{display:block;color:#b8cdd8;line-height:1.5}
.freeport-panel button,.freeport-panel select,.freeport-panel input{min-height:44px;min-width:0;max-width:100%;width:100%;font:inherit;margin:5px 0;white-space:normal;overflow-wrap:anywhere}.freeport-panel button{padding:8px 10px}.freeport-panel label{display:block;font-size:.85rem;font-weight:800;margin-top:10px;color:#c8eee4}.freeport-panel select,.freeport-panel input{background:#112b3c;border:1px solid #7eb8bd;color:#fff1ce;padding:8px;border-radius:6px}.freeport-panel :is(button,select,input):focus-visible{outline:3px solid #ffe6a4;outline-offset:3px}
.freeport-summary{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:center;background:#183e45;padding:10px;border-radius:8px}.freeport-summary strong{font-size:.9rem;margin:0}.freeport-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}.freeport-tabs button{width:auto;flex:1 1 125px;font-size:.85rem}.freeport-tabs button[aria-pressed=true]{background:#a6f7d7;color:#08283c;border-color:#b9ffe4}.freeport-person{font:900 20px/1 monospace;white-space:pre;float:right;text-align:center;color:var(--frontier,#baffda);margin:0 3px 8px 10px}
.freeport-report,.freeport-power{background:#16372f;border-left:3px solid #9affcd;padding:10px;border-radius:6px}.freeport-power strong{display:block;color:#e7ffc4;line-height:1.5}.freeport-power b{display:block;color:#ffdf97}.freeport-forge-item{margin-top:9px;border-top:1px solid #7b9fab66;padding-top:7px}.freeport-forge-item>summary{cursor:pointer;min-height:44px;font-weight:800;color:#ffe6a4;padding:8px 0}
#freeport-flight{position:absolute;left:14px;top:103px;max-width:min(430px,70%);pointer-events:none;background:#091d2de8;border:1px solid #98eed6;border-radius:8px;padding:7px 10px;color:#d6fff0;font:700 12px/1.4 system-ui;z-index:4}#freeport-flight strong,#freeport-flight span,#freeport-flight small{display:block}#freeport-flight small{font-size:10px;color:#bbd7df}
#freeport-choice{position:absolute;z-index:13;left:50%;top:50%;transform:translate(-50%,-50%);width:min(520px,calc(100% - 24px));max-height:70%;overflow:auto;overscroll-behavior:contain;padding:17px;background:#091d30fa;border:2px solid #aeffe0;border-radius:15px;box-shadow:0 15px 70px #000b;color:#edf8f3}#freeport-choice h3{margin:0 0 10px;color:#b5ffe0}#freeport-choice p{line-height:1.5;font-size:14px}#freeport-choice button{width:100%;min-height:48px;margin:6px 0;font-weight:900;touch-action:manipulation;white-space:normal}#freeport-choice button:focus-visible{outline:3px solid #ffe5a0;outline-offset:3px}
#field[data-freeport-raid=true] #expedition-readout{display:none!important}
@media(max-width:700px){.freeport-panel{padding:7px}.freeport-grid{grid-template-columns:1fr}.freeport-summary{grid-template-columns:1fr 1fr;gap:7px}.freeport-summary button{grid-column:1/-1}.freeport-card{padding:10px}.freeport-tabs{gap:4px}.freeport-tabs button{flex-basis:42%;font-size:12px}#freeport-flight{top:62px;left:7px;max-width:calc(100% - 14px);font-size:10px;padding:5px 7px}#freeport-flight small{font-size:8px}#freeport-choice{padding:12px;max-height:65%}#freeport-choice p{font-size:12px}#freeport-choice h3{font-size:17px}#field[data-freeport-raid=true] #callout{top:127px;font-size:10px;max-width:80%}}
@media(prefers-reduced-motion:reduce){.freeport-panel *,#freeport-choice{scroll-behavior:auto!important}}
@media(max-width:400px){#dock-panel #dock-credits{font-size:clamp(17px,5.4vw,22px);white-space:nowrap;letter-spacing:-.6px}}