:root{color:#edf6f4;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#071314;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box}body{touch-action:manipulation;background:radial-gradient(circle at 20% 0,#50bcb44d,#0000 28rem),radial-gradient(circle at 90% 12%,#ffbd5929,#0000 22rem),linear-gradient(#071314,#0e1e24 55%,#091113);min-height:100vh;margin:0}button{color:#edf6f4;background:#edf6f414;border:1px solid #edf6f426;border-radius:18px;padding:12px 14px;font:800 14px/1.1 inherit;box-shadow:inset 0 1px #ffffff14}button:active{transform:translateY(1px)scale(.99)}button:focus-visible{outline-offset:2px;outline:3px solid #ffd166}.primary{color:#24160a;background:linear-gradient(135deg,#ffd166,#f77f52);border-color:#ffd166}.game{max-width:1180px;min-height:100vh;margin:auto;padding:18px}.hero{align-content:center;gap:16px;max-width:740px;min-height:calc(100vh - 36px);display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#7ee0d0;margin:0;font-size:12px;font-weight:950}.hero h1{letter-spacing:-.08em;margin:0;font:900 clamp(54px,13vw,128px)/.8 Georgia,serif}.hero p{color:#c4d7d4;max-width:620px;font-size:18px;line-height:1.55}.hero button{width:max-content;min-width:180px;min-height:56px}.hud{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#071314 70%,#0000);grid-template-columns:repeat(5,1fr);gap:8px;padding:8px 0 14px;display:grid;position:sticky;top:0}.hud div,.panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a1d21c2;border:1px solid #edf6f41f;border-radius:22px;box-shadow:0 20px 60px #00000038}.hud div{padding:10px 12px}.hud span{text-transform:uppercase;letter-spacing:.1em;color:#8bb1ad;font-size:10px;font-weight:900;display:block}.hud b{font-size:18px}.board{grid-template-columns:1fr 1.15fr 1fr;align-items:start;gap:12px;display:grid}.panel{padding:14px}.panel h2{letter-spacing:-.03em;margin:0 0 12px;font:900 18px/1.1 Georgia,serif}.queue,.berths{min-height:420px}.ship,.docked{text-align:left;border-left:6px solid var(--c);background:linear-gradient(90deg,color-mix(in srgb,var(--c),transparent 82%),#edf6f412);width:100%;margin:0 0 9px;display:block}.ship.sel,.berth.sel{outline:3px solid #ffd166}.ship b,.docked b,.contract b,.berth b{font-size:14px;display:block}.ship span,.docked span,.contract span,.berth span{color:#b8cbc8;margin-top:5px;font-size:12px;font-weight:750;display:block}meter{width:100%;height:8px;margin-top:9px;display:block}.berth{background:#ffffff0b;border:1px solid #edf6f424;border-radius:20px;margin-bottom:10px;padding:12px}.berth p{color:#78938f;margin:12px 0;font-weight:800}.small{border-radius:14px;min-height:38px;padding:9px 11px;font-size:12px}.contract{border-left:6px solid var(--c);background:#ffffff0e;border-radius:16px;margin-bottom:10px;padding:11px}.bar{background:#ffffff1f;border-radius:999px;height:8px;margin-top:10px;overflow:hidden}.bar i{background:var(--c);height:100%;display:block}.actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.actions p{color:#b8cbc8;grid-column:1/-1;margin:0;font-size:13px;line-height:1.4}.log{grid-column:2/4}.log p{color:#d4e2df;margin:0 0 8px;font-size:13px;line-height:1.35}.modal{z-index:5;background:#04090ab8;place-items:center;padding:18px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.modal[hidden],[hidden]{display:none!important}.card{color:#132021;background:#f5f1dc;border-radius:28px;width:min(520px,100%);padding:24px;box-shadow:0 24px 80px #0000007a}.card h2{letter-spacing:-.05em;margin:6px 0 10px;font:900 38px/.95 Georgia,serif}.card p{color:#304447;font-weight:700;line-height:1.5}.card button{color:#f5f1dc;background:#10272b;width:100%;margin-top:10px}.card .primary{color:#24160a;background:linear-gradient(135deg,#ffd166,#f77f52)}@media (max-width:840px){.game{padding:12px}.hud{grid-template-columns:repeat(3,1fr)}.board{grid-template-columns:1fr}.queue,.berths{min-height:auto}.log{grid-column:auto}.hero h1{font-size:clamp(54px,18vw,90px)}}@media (max-width:420px){.hud{grid-template-columns:repeat(2,1fr)}.actions{grid-template-columns:1fr}.panel{border-radius:18px}.hero p{font-size:16px}}