:root{color-scheme:dark;--bg: #16181f;--surface: #1f2229;--ink: #e8e6df;--muted: #9a9ea9;--line: #33373f;--accent: #e2a83c;--sea: #283566;--short: #ff6b5e;font-family:system-ui,sans-serif;font-size:15px;line-height:1.5}html{touch-action:manipulation;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink)}main{max-width:720px;margin:0 auto;padding:max(32px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(64px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}h1{font-size:26px;margin:0 0 4px}h2{font-size:17px;margin:28px 0 10px;border-bottom:1px solid var(--line);padding-bottom:6px}.muted{color:var(--muted)}.disclaimer{font-size:12px;line-height:1.4;margin-top:32px}.account{margin:1em 0}.account button:disabled{cursor:default;opacity:.6}.wait-tag{display:inline-block;font-size:.85em;padding:2px 8px;border:1px solid var(--line);border-radius:999px;background:var(--surface)}span.short{color:var(--short);text-decoration:line-through}form{display:flex;gap:8px;flex-wrap:wrap;align-items:center}input,select,button{font:inherit;padding:6px 10px;border-radius:4px;border:1px solid var(--line);background:var(--surface);color:var(--ink)}button{cursor:pointer;border-color:var(--accent)}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}ul.games{list-style:none;padding:0;margin:0;display:grid;gap:8px}ul.games li{background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:10px 12px;display:flex;justify-content:space-between;gap:12px}ul.games li .who{display:flex;align-items:center;gap:8px}ul.games li .atthegate{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;align-items:center}ul.games li .atthegate .noroom{flex-basis:100%;text-align:right}code{font-family:ui-monospace,monospace;color:var(--accent)}.signin{list-style:none;padding:0;margin:0;display:grid;gap:10px;max-width:320px}.signin a,.signin button{display:block;width:100%;box-sizing:border-box;text-align:center}.signin a{color:var(--ink);border:1px solid var(--accent);border-radius:4px;padding:8px 14px;text-decoration:none}.signin form{display:block}.signin li.guest{border-top:1px solid var(--line);padding-top:10px}.signin li.guest p{margin:8px 0 0;font-size:13px}.signin li.guest label{display:block;font-size:13px}.signin li.guest input{display:block;width:100%;box-sizing:border-box;margin:4px 0 8px;font-family:monospace}.recovery-token code{font-size:1.1em;letter-spacing:.05em;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.recovery-token .warning{font-weight:700}.start{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:16px 0 4px}.start a{color:var(--ink);border:1px solid var(--accent);border-radius:4px;padding:6px 14px;text-decoration:none}.events{font-family:ui-monospace,monospace;font-size:13px;color:var(--muted)}.dropzone{border:1px dashed var(--line);border-radius:4px;padding:16px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.dropzone.over{border-color:var(--accent);background:var(--surface)}.opening{overflow-x:auto;margin:12px 0}.opening canvas{display:block;margin-inline:auto;image-rendering:pixelated}main.wide{max-width:min(1400px,96vw)}main.gamescreen{position:fixed;inset:0;max-width:none;margin:0;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));display:flex;flex-direction:column;gap:8px;overflow:hidden}main.gamescreen>*{flex:0 0 auto}main.gamescreen>.gamemap{flex:1 1 0;min-height:0}main.gamescreen .mapview{height:100%}main.gamescreen .mapframe,main.gamescreen .sidepanel{height:100%}main.gamescreen{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}main.gamescreen input,main.gamescreen textarea,main.gamescreen [contenteditable]{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.menubar{position:relative;display:flex;flex-wrap:wrap;gap:6px;row-gap:4px;align-items:center;font-size:13px}.menubar strong{color:var(--accent);margin-right:6px}.menubar button{font-size:13px;padding:3px 10px}.menubar button[aria-expanded=true]{background:var(--accent);color:#1a1a12}.menubar .homeport{max-width:100%;overflow-wrap:anywhere}.menubar .grow{flex:1}@media(max-height:500px){main.gamescreen{padding:max(4px,env(safe-area-inset-top)) max(4px,env(safe-area-inset-right)) max(4px,env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-left));gap:4px}.menubar{flex-wrap:nowrap}.menubar strong{display:none}.menubar button{min-height:44px;min-width:44px;white-space:nowrap}.menubar .grow{min-width:0}.menubar [role=alert],.menubar [role=status]{min-width:0;font-size:12px;line-height:1.2;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}}.mapframe .nextbar{position:absolute;z-index:2;left:50%;bottom:12px;transform:translate(-50%);box-sizing:border-box;width:max-content;max-width:calc(100% - 32px);display:flex;flex-wrap:wrap;justify-content:center;gap:6px;row-gap:4px;align-items:center;font-size:13px;padding:4px 8px;min-height:28px;border:1px solid var(--line);border-radius:999px;background:#000000b8;color:var(--ink);box-shadow:0 2px 8px #00000073;pointer-events:auto}.nextbarflow{display:flex;justify-content:center}.nextbarflow .nextbar{position:static;transform:none}.nextbar button{font-size:13px;padding:3px 10px}.nextbar button[aria-pressed=true]{background:var(--accent);color:#1a1a12}.nextbar button:disabled{cursor:not-allowed}.nextbar .linklike{border:0;background:none;padding:0;color:var(--accent);text-decoration:underline;font:inherit}.nextbar .upnext{white-space:nowrap}.nextbar .statusfast{color:var(--accent);white-space:nowrap}@media(max-width:900px){body:has(.pausednotice,.newversion) .mapframe .nextbar{bottom:76px}}@media(max-width:480px){.nextbar button{min-height:44px;min-width:44px}.nextbar .linklike{min-height:44px;min-width:0;padding:0 2px}}@media(max-width:360px){.nextbar .fastforwardwords,.nextbar .upnextunit{display:none}}@media(max-height:500px){.mapframe .nextbar{flex-wrap:nowrap;min-height:0;padding:2px 6px}.nextbar button{min-height:44px;min-width:44px;white-space:nowrap}.nextbar .fastforwardwords{display:none}}.mapframe .nextbar.orderstrip{flex-wrap:nowrap;gap:4px;padding:2px 4px;border-radius:12px;max-width:calc(100% - 16px)}.orderstripbuttons{display:flex;align-items:center;gap:4px;min-width:0;padding:2px;margin-right:6px;box-sizing:border-box;border:1px solid var(--line);border-radius:9px;background:#ffffff12}.orderstrip button{flex:0 1 auto;min-width:44px;min-height:44px;padding:2px 6px;font-size:12px;line-height:1.1;overflow-wrap:anywhere}.orderstrip .orderstripmore{font-size:20px;font-weight:700;line-height:1}@media(max-width:760px),(max-height:500px){.orderstrip .statusnext,.orderstrip .statusfast,.orderstrip .fastforward{display:none}}@media(max-width:480px){.mapframe .nextbar.orderstrip,.orderstripbuttons{gap:1px}.mapframe .nextbar.orderstrip{padding:2px;max-width:calc(100% - 8px)}.orderstripbuttons{margin-right:1px;padding:0}.orderstrip button{padding:2px 3px}.orderstrip .nextidle{font-size:0}.orderstrip .nextidle:before{content:"▸▸";font-size:18px;line-height:1}}.orderstrip .orderstripwho{display:flex;align-items:center;justify-content:center;gap:4px;min-width:44px;flex:0 1 auto;padding:0 4px}@media(max-width:380px){.orderstrip .orderstripwho{display:none}}.orderstripname{min-width:0;max-width:14ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.picker.sheet{place-items:end center;padding-bottom:max(8px,env(safe-area-inset-bottom))}.picker.sheet .pickerbox{width:min(560px,100%);border-radius:12px 12px 0 0}.picker.sheet .pickerbox .choices{justify-content:stretch}.picker.sheet .pickerbox .choices button{flex:1 1 auto;min-height:44px}.barmenu{position:absolute;z-index:6;top:calc(100% + 4px);left:0;display:flex;flex-direction:column;align-items:stretch;gap:6px;max-height:calc(100vh - 72px);overflow-y:auto;padding:8px;border:1px solid var(--line);border-radius:4px;background:var(--surface);box-shadow:0 4px 14px #00000073}.barmenu button{text-align:left}.menupanel{position:absolute;z-index:3;top:calc(max(8px,env(safe-area-inset-top)) + 32px);left:max(8px,env(safe-area-inset-left));width:min(420px,calc(100% - 16px));max-height:70vh;overflow-y:auto;padding:10px 12px;border:1px solid var(--line);border-radius:4px;background:var(--surface)}.menupanel h3{margin:10px 0 4px;font-size:13px;color:var(--accent)}.menupanel button{font-size:13px;padding:4px 8px}.foreignpanel{width:min(720px,calc(100% - 16px))}.foreignaffairs{border-collapse:collapse;font-size:12px}.foreignaffairs th,.foreignaffairs td{padding:2px 6px;text-align:right;font-weight:400}.foreignaffairs th:first-child,.foreignaffairs td:first-child{text-align:left}.foreignaffairs thead th{color:var(--accent)}.foreignaffairs tbody th{font-weight:700}.foreignaffairs td button{margin-left:6px;padding:1px 6px;font-size:12px}.foreignaffairs td:nth-child(2){text-align:left;vertical-align:top;max-width:300px}.foreignaffairs td .tribute{display:inline-flex;align-items:center;gap:4px;margin:2px 0 2px 6px;white-space:nowrap}.foreignaffairs td .tribute input{width:5em}.foreignaffairs.tribesmet td{text-align:left}.foreignaffairs th .mood{display:block;font-size:11px;font-weight:400}.foreignaffairs .moodkey-item{white-space:nowrap}.foreignaffairs td .tribute select{max-width:9em}@media(max-height:500px){.menupanel{top:calc(max(4px,env(safe-area-inset-top)) + 48px);left:max(4px,env(safe-area-inset-left))}}.modal{position:fixed;z-index:10;inset:0;overflow-y:auto;padding:max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(56px,calc(env(safe-area-inset-bottom) + 44px)) max(16px,env(safe-area-inset-left));background:var(--surface)}.modal:focus{outline:none}.modal .closer{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom))}.modal:has(>.colonyscreen),.modal:has(>.europe){overflow:hidden;overscroll-behavior:none;touch-action:none}html:has(.colonyscreen),body:has(.colonyscreen),html:has(.europe),body:has(.europe){overscroll-behavior:none}.colonyscreen,.europe,.colonyyard,.colonyfield{touch-action:none}.colonyscreen .region,.colonyscreen .colonyfoot,.colonyscreen .panels .panelbody,.colonyscreen .professions,.europe .dockroom,.europe .sky,.europe .frame,.europe .dialogue,.colonyscreen .pickerbox,.europe .pickerbox{touch-action:pan-x pan-y}.backdrop{position:fixed;z-index:10;inset:0;display:flex;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:#0009}.modal.dialog{position:relative;inset:auto;box-sizing:border-box;width:min(420px,100%);max-height:100%;padding:4px 20px 16px;border:1px solid var(--line);border-radius:6px}.modal.dialog .closer{position:static;margin-top:12px}.modal.dialog h2{margin-top:12px}form.stacked{flex-direction:column;flex-wrap:nowrap;align-items:stretch}form.stacked>label:not(.check){display:flex;flex-direction:column;gap:4px}form.stacked>label.check{display:flex;gap:8px;align-items:center}form.stacked>button[type=submit]{align-self:flex-start}.gamemap{position:relative}.attackhint{position:absolute;left:8px;right:8px;top:8px;z-index:5;display:flex;gap:8px;align-items:center;justify-content:space-between;padding:6px 8px;background:#2b1d10;color:#f3e3c3;border:1px solid #8a6a3a}.attackhint button{min-height:36px;min-width:64px}.attackhint .firesline{flex:1;text-align:right}.linkbutton{border:0;background:none;padding:0 2px;color:var(--accent);text-decoration:underline;font:inherit;cursor:pointer}@media(pointer:coarse){.linkbutton{min-height:44px}}.mapview{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:8px;align-items:start}.mapview.panelhidden{grid-template-columns:minmax(0,1fr)}.mapview.panelhidden .sidepanel{display:none}.mapframe{position:relative;height:min(82vh,960px);background:var(--sea);border:1px solid var(--line);border-radius:4px;overflow:hidden}.mapframe canvas{display:block;image-rendering:pixelated;touch-action:none;cursor:grab}.mapframe canvas:active{cursor:grabbing}.mapframe .tilebox{position:absolute;z-index:3;max-width:min(240px,45%);max-height:45%;overflow:auto;padding:6px;font-size:13px;border:1px solid var(--line);border-radius:4px;background:var(--surface);box-shadow:0 4px 14px #00000073}.mapframe .idlearrows{position:absolute;inset:0;z-index:3;pointer-events:none}.mapframe .planpalette{position:absolute;top:6px;left:50%;transform:translate(-50%);z-index:4;max-width:calc(100% - 12px);padding:4px 6px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:4px;font-size:13px}.mapframe .planbrushes{display:flex;flex-wrap:wrap;gap:4px;align-items:center;justify-content:center}.mapframe .planpalette button{font-size:13px;padding:3px 10px;min-height:32px}.mapframe .planpalette button[aria-pressed=true]{background:var(--accent);color:#1a1a12}.mapframe .plancount{min-width:5ch;text-align:center;font-variant-numeric:tabular-nums}.mapframe .plannote{margin:4px 0 0;max-width:32ch;font-size:12px}@media(pointer:coarse){.mapframe .planpalette button{min-height:44px;min-width:44px}}.mapframe .idlearrow{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;width:36px;height:36px;padding:0;display:grid;place-items:center;cursor:pointer;border:1px solid var(--line);border-radius:50%;background:#0000008c}.mapframe .idlearrow svg{fill:var(--accent);stroke:#000;stroke-width:1.5}.mapframe .idlearrow:focus-visible{outline:2px solid var(--accent)}.mapframe .idlearrow.fresh{animation:idlearrow 1s ease-out 3}.mapframe .selectedarrow{width:44px;height:44px;border:2px solid var(--ink);background:#000000bf}.mapframe .selectedarrowfigure{display:grid;place-items:center;pointer-events:none}.mapframe .selectedarrow .selectedarrowpointer{position:absolute;left:11px;top:11px;fill:var(--ink);stroke:#000;stroke-width:1.5;pointer-events:none}@keyframes idlearrow{0%{box-shadow:0 0 0 0 var(--accent)}to{box-shadow:0 0 0 14px transparent}}@media(prefers-reduced-motion:reduce){.mapframe .idlearrow.fresh{animation:none}}.unitpicker ul{list-style:none;margin:0 0 6px;padding:0;display:flex;flex-direction:column;gap:2px}.unitpicker li button{display:block;width:100%;text-align:left;font:inherit;padding:3px 6px;border:1px solid transparent;border-radius:3px;background:none;color:inherit;cursor:pointer}.unitpicker li button:hover{border-color:var(--line)}.unitpicker li button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.unitpicker .notyours{display:block;padding:3px 6px}.unitpicker li canvas{vertical-align:middle;margin-right:4px}.unitpicker .nochoice{font-size:12px;padding:3px 6px}.giftpicker li canvas{vertical-align:middle;margin-right:4px}.greeting p{margin:0 0 6px;max-width:16em}.sidepanel{display:flex;flex-direction:column;gap:10px;font-size:13px;height:min(82vh,960px);overflow-y:auto;padding:8px;border:1px solid var(--line);border-radius:4px;background:var(--surface)}.sidepanel .panelbody{display:flex;flex-direction:column;gap:10px;flex:1 1 auto;min-height:96px;overflow-y:auto}.sidepanel .gameclock{flex:0 0 auto}.gameclock{display:flex;flex-direction:column;gap:6px;padding-bottom:8px;border-bottom:1px solid var(--line)}.gameclock p{margin:0}.gameclock .offmap{width:100%;text-align:left;white-space:normal}.gameclock .trainees{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;color:var(--muted)}.notices{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-direction:column;gap:4px}.notices button{width:100%;text-align:left}.notices .when{display:block;font-size:.8em;margin:0 0 1px}.notices li.unread button{border-color:var(--accent)}.notices li:not(.unread) button{border-color:var(--line);color:var(--muted)}.steady{display:inline-block;text-align:right;font-variant-numeric:tabular-nums}.soundswitch{min-width:92px}.sidepanel h3{margin:0;font-size:13px;color:var(--accent);letter-spacing:.04em;text-transform:uppercase}.sidepanel h3 .lookat{font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit;padding:0;border:0;background:none;cursor:pointer;text-decoration:underline dotted}.sidepanel h3 .lookat:hover{text-decoration:underline}.sidepanel p{margin:0}.sidepanel .onthetile canvas{vertical-align:middle;margin-right:4px}.sidepanel button{font-size:13px;padding:4px 8px}.sidepanel .looktoggle{align-self:flex-start;flex:0 0 auto}.sidepanel .looktoggle[aria-pressed=true]{background:var(--accent);color:#1a1a12}@media(pointer:coarse){.sidepanel .looktoggle{min-height:44px;min-width:44px}}.sidepanel .row{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.sidepanel .hold{display:flex;flex-direction:column;gap:6px}.sidepanel .hold h4{margin:0;font-size:12px;color:var(--accent);letter-spacing:.04em;text-transform:uppercase}.sidepanel .hold ul.games{gap:4px;max-height:116px;overflow-y:auto}.sidepanel .hold ul.games li{padding:4px 6px}.sidepanel .hold .good{display:flex;align-items:center;gap:6px}.sidepanel .hold .good canvas{image-rendering:pixelated}.sidepanel .hold button.passenger{padding:2px 6px}.sidepanel .hold button.passenger canvas{display:block;image-rendering:pixelated}.sidepanel button.waitingcount{background:none;border:0;padding:2px 0;color:var(--accent);text-decoration:underline;cursor:pointer;font:inherit}.sidepanel ul.idlelist{list-style:none;padding:0;margin:0;display:flex;flex:0 0 auto;flex-wrap:wrap;gap:4px;max-height:240px;overflow-y:auto}.sidepanel button.idleunit{padding:2px 6px}.sidepanel button.idleunit canvas{display:block;image-rendering:pixelated}.minimap{width:100%;height:auto;border:1px solid var(--line);background:var(--sea);cursor:pointer;image-rendering:pixelated;touch-action:none}.maptools{display:flex;gap:4px;flex-wrap:wrap}.maptools button[aria-pressed=true]{background:var(--accent);color:#1a1a12}@media(max-width:760px),(max-height:500px){.mapview{grid-template-columns:minmax(0,1fr)}main.gamescreen .mapview .sidepanel{position:absolute;z-index:4;top:0;right:0;bottom:0;height:auto;width:min(250px,86%);box-shadow:-10px 0 24px #00000073}}.colonyscreen{position:absolute;inset:0;padding:6px 8px;gap:6px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto minmax(0,1fr) 36%;grid-template-areas:"name name name name name name name name name name  name  name" "yard yard yard yard yard yard yard yard yard field field field" "foot foot foot foot foot foot foot foot foot foot  foot  foot"}.colonyscreen>header.name{grid-area:name;display:flex;gap:12px;align-items:baseline;min-width:0}.colonyscreen>header.name>h2{margin:0;padding:0;border:0;font-size:20px;color:var(--accent);letter-spacing:.04em}.colonyscreen>header.name>p.refused{margin:0;color:var(--short);font-size:13px}.colonyscreen>header.name>p.deal{margin:0;font-size:13px}.colonyscreen .region{overflow:auto;padding:6px 8px;font-size:13px;border:1px solid var(--line);border-radius:4px;background:var(--bg)}.colonyscreen .region>:first-child{margin-top:0}.colonyscreen .region p{margin:4px 0}.colonyscreen .region h3{margin:10px 0 4px;font-size:12px;color:var(--accent);letter-spacing:.04em;text-transform:uppercase}.colonyscreen .region button,.colonyscreen .region select{font-size:13px;padding:3px 8px}.colonyscreen .region ul.games li{padding:5px 8px}.colonyscreen .yard{grid-area:yard}.colonyscreen .field{grid-area:field}.footroom{grid-area:foot;min-width:0;overflow-x:auto;overflow-y:hidden;display:grid;place-content:center}.colonyfoot{position:relative;display:grid;grid-template-columns:calc(120px * var(--foot)) calc(1px * var(--foot)) calc(85px * var(--foot)) calc(1px * var(--foot)) calc(113px * var(--foot));grid-template-rows:calc(51px * var(--foot)) calc(21px * var(--foot));background-repeat:no-repeat;background-size:100% 100%;image-rendering:pixelated}.colonyfoot .region{border:0;border-radius:0;background:none}.colonyfoot .people,.colonyfoot .port,.colonyfoot .panels{margin:calc(3px * var(--foot)) calc(1px * var(--foot)) calc(2px * var(--foot));padding:calc(2px * var(--foot));background:#16181fbf}.colonyfoot .region .muted{color:#c2c6d1}.colonyfoot .people{grid-column:1;grid-row:1}.colonyfoot .port{grid-column:3;grid-row:1}.colonyfoot .panels{grid-column:5;grid-row:1}.colonyfoot .port{padding-bottom:calc(14px * var(--foot));display:flex;flex-direction:column;min-height:0;overflow:hidden}.colonyscreen .colonyfoot ul.games{gap:0}.colonyscreen .colonyfoot ul.games li{background:none;border:0;border-radius:0;padding:calc(1px * var(--foot)) 0}.colonyscreen .colonyfoot ul.games li+li{border-top:1px solid var(--line)}.colonyfoot.bare .region{border:1px solid var(--line);border-radius:3px;background:var(--bg)}.colonyfoot .goods{grid-column:1 / -1;grid-row:2;padding:0;overflow:visible}.colonyfoot .goodsbar{display:grid;grid-template-columns:repeat(16,calc(19px * var(--foot)));height:100%;margin:0;padding:0;list-style:none;gap:0}.colonyfoot .goodsbar li{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;gap:0;padding-left:calc(1px * var(--foot));font-size:calc(6px * var(--foot));line-height:1.1;color:#fff}.colonyfoot .goodsbar .muted{color:#fff}.colonyfoot .goodsbar button{padding:0;border:0;background:none;line-height:0}.colonyfoot .goodsbar button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.colonyfoot .goodsbar button.chosen{outline:2px solid var(--accent);outline-offset:-2px}.colonyfoot .goodsbar canvas{image-rendering:pixelated}.colonyfoot .footexit{position:absolute;left:calc(305px * var(--foot));top:calc(52px * var(--foot));width:calc(15px * var(--foot));height:calc(19px * var(--foot));padding:0;border:0;border-radius:0;background:none;font-size:0;color:transparent;cursor:pointer}.colonyfoot .footexit:focus-visible{outline:2px solid var(--accent);outline-offset:-1px}.colonyfoot.bare .footexit{font-size:calc(5px * var(--foot));color:var(--ink);border:1px solid var(--line);background:var(--surface)}.colonyscreen .colonyyard,.colonyscreen .colonyfield{margin:0}@media(max-width:900px){.colonyscreen{position:static;display:block}.colonyscreen .region{margin-bottom:6px}.colonyfoot .region{margin-bottom:0}.colonyscreen .yard .yardframe,.colonyscreen .field .fieldframe{aspect-ratio:199 / 120;block-size:auto}}@media(orientation:portrait)and (min-width:600px){.colonyscreen{position:absolute;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,5fr) minmax(0,3fr) auto;grid-template-areas:"name" "yard" "field" "foot"}.colonyscreen .region{margin-bottom:0}.colonyscreen .region.yard{padding-block:4px}.colonyscreen .region.field{padding-block:2px}.colonyscreen .yard .yardframe,.colonyscreen .field .fieldframe{aspect-ratio:auto;block-size:100%}.colonyscreen .footroom{aspect-ratio:320 / 72}}@media(max-height:500px)and (orientation:landscape){.colonyscreen{--safe-x: calc(env(safe-area-inset-left, 0px) + env(safe-area-inset-right, 0px)) ;--safe-y: calc(env(safe-area-inset-top, 0px) + env(safe-area-inset-bottom, 0px)) ;position:absolute;display:grid;padding:0;gap:0;inset:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);width:min(calc(100% - var(--safe-x)),calc((100dvh - var(--safe-y)) * 1.6));margin-inline:auto;grid-template-columns:minmax(0,199fr) minmax(0,121fr);grid-template-rows:minmax(0,8fr) minmax(0,120fr) minmax(0,72fr);grid-template-areas:"name name" "yard field" "foot foot"}.colonyscreen .region{margin-bottom:0}.colonyscreen .region.yard,.colonyscreen .region.field{padding:0;border:0;border-radius:0}.colonyscreen .yard .yardframe,.colonyscreen .field .fieldframe{aspect-ratio:auto;block-size:100%}.colonyscreen .footroom{aspect-ratio:auto;place-content:start center}.colonyscreen>header.name{gap:.8em;align-items:center;overflow:hidden;white-space:nowrap;font-size:calc((100dvh - var(--safe-y)) * 6 / 200);line-height:1}.colonyscreen>header.name>h2{font-size:inherit;min-width:0;overflow:hidden;text-overflow:ellipsis}.colonyscreen>header.name>p.refused,.colonyscreen>header.name>p.deal{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:inherit}}.fieldframe{block-size:100%;display:grid;place-content:safe center}.colonyfield{position:relative;margin:8px 0}.colonyfield canvas{display:block;image-rendering:pixelated}.colonyfield .tiles{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.colonyfield .tiles button{padding:0;background:none;border:1px solid transparent;border-radius:0}.colonyfield .tiles button:hover:not(:disabled){border-color:var(--accent)}.colonyfield .tiles button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.colonyfield .tiles button:disabled{cursor:default}.colonyfield .tiles button.taking{border-color:var(--accent);background:#e2a83c40}.colonyfield .tiles button.chosen{outline:2px solid var(--accent);outline-offset:-2px}.goodsbar{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0;padding:0;list-style:none}.goodsbar li{display:flex;flex-direction:column;align-items:center;min-width:40px;font-size:12px}.goodsbar canvas{image-rendering:pixelated}.colonyscreen .panels{display:flex;gap:8px;align-items:stretch}.colonyscreen .panels .panelswitch{order:2;flex:none;display:flex;flex-direction:column;gap:4px}.colonyscreen .panels .panelswitch button{font-size:12px;padding:4px 8px;text-align:left;white-space:nowrap}.colonyscreen .panels .panelswitch button[aria-selected=true]{background:var(--accent);color:#1a1a12}.colonyscreen .panels .panelswitch button.art{padding:0;line-height:0;background:none;border:2px solid transparent;border-radius:0}.colonyscreen .panels .panelswitch button.art[aria-selected=true]{background:none;border-color:var(--accent)}.colonyscreen .panels .panelswitch button.art canvas{display:block;margin:0 auto;image-rendering:pixelated}.colonyscreen .panels .panelbody{flex:1;min-width:0;overflow:auto}.colonyscreen .panels .panelbody:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.colonyscreen .panels .panelbody>:first-child{margin-top:0}.colonyscreen .panels .buildorder{list-style:none;margin:4px 0;padding:0}.colonyscreen .panels .buildorder li{display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px;padding:2px 4px;border:1px solid transparent;cursor:grab}.colonyscreen .panels .buildorder li:hover{border-color:var(--accent)}.colonyscreen .panels .buildorder li.dragging{opacity:.5}.colonyscreen .panels .buildorder .what{flex:1 1 8em}.colonyscreen .panels .buildorder .actions{display:flex;gap:2px;margin-left:auto}.colonyscreen .panels .buildorder .actions button{min-width:1.8em;padding:1px 4px}.colonyscreen .panels .refusal{color:var(--short)}.colonyfoot .panels{gap:calc(2px * var(--foot))}.colonyfoot .panels .panelswitch{gap:calc(1px * var(--foot))}.colonyfoot .panels .panelswitch button{font-size:calc(3px * var(--foot));padding:calc(1px * var(--foot)) calc(2px * var(--foot))}.colonyfoot .panels .panelswitch button.art{flex:none;padding:0;border-width:calc(1px * var(--foot))}.colonyfoot .panels .panelswitch{min-height:0;overflow:clip;overflow-clip-margin:3px}.popstrip{display:flex;flex-wrap:wrap;gap:4px 16px;margin:0 0 6px;padding:0;list-style:none}.popstrip li{display:flex;align-items:center;gap:6px}.popstrip canvas{image-rendering:pixelated}.famine{margin:0 0 6px;color:var(--short)}.loyalty{display:flex;align-items:center;gap:8px}.loyalty canvas{image-rendering:pixelated}.loyalty .grow{flex:1}.colony .chosen{background:var(--accent);color:#1a1a12}.colonyfoot .port ul.hulls{margin:0;padding:0;list-style:none;flex:1;min-height:0;overflow:auto}.colonyfoot .port ul.hulls li{display:flex;flex-wrap:wrap;align-items:center;gap:calc(1px * var(--foot));padding:calc(1px * var(--foot)) 0}.colonyfoot .port ul.hulls li+li{border-top:1px solid var(--line)}.colonyfoot .port ul.hulls label{display:flex;align-items:center;gap:calc(1px * var(--foot))}.colonyfoot .port ul.hulls input[type=radio]{position:absolute;opacity:0;width:calc(4px * var(--foot));height:calc(4px * var(--foot));margin:0}.colonyfoot .port ul.hulls li.chosen{outline:1px solid var(--accent);outline-offset:-1px;background:none;color:inherit}.colonyfoot .port ul.hulls li:focus-within{outline:2px solid var(--accent);outline-offset:-1px}.colonyfoot .port ul.hulls li.taking{outline:2px dashed var(--accent);outline-offset:-2px}.colonyfoot .port ul.hulls canvas{image-rendering:pixelated}.colonyfoot .port ul.hulls li>label{flex:0 0 auto}.colonyfoot .port ul.hulls li>.figure{display:inline-flex;align-items:center}.colonyfoot .port ul.hulls li>button.figure{flex:0 0 auto;padding:0;margin:0;border:0;background:none;cursor:pointer}.colonyfoot .port ul.hulls li>.aboard{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.colonyfoot .port ul.hulls li>button.orders{flex:0 0 auto;min-height:24px;box-sizing:border-box;padding:0 calc(1px * var(--foot));border:1px solid var(--line);background:none;color:inherit;font:inherit;line-height:inherit}.colonyfoot ul.dockslots{position:absolute;margin:0;padding:0;list-style:none;left:calc(125px * var(--foot));top:calc(35px * var(--foot));width:calc(77px * var(--foot));height:calc(14px * var(--foot))}.colonyfoot ul.dockslots li{position:absolute;box-sizing:border-box;left:calc((var(--slot) - 125) * 1px * var(--foot));top:calc(2px * var(--foot));width:calc(9px * var(--foot));height:calc(12px * var(--foot));display:flex;align-items:center;justify-content:center;overflow:visible}.colonyfoot ul.dockslots canvas{image-rendering:pixelated}.dockslots li.closed canvas{pointer-events:none}.colonyfoot .dockslots .hold{width:100%;height:100%;padding:0;margin:0;border:0;border-radius:0;background:none;line-height:0;cursor:pointer}.colonyfoot .dockslots .hold:disabled{cursor:default}.colonyfoot .dockslots .hold:focus-visible{outline:2px solid var(--accent);outline-offset:0}.colonyfoot .dockslots .hold.chosen{outline:2px solid var(--accent);outline-offset:0}.colonyfoot.bare ul.dockslots li{border:1px solid var(--line);background:var(--bg)}.colonyfoot .dockslots.taking{outline:2px dashed var(--accent);outline-offset:-2px}.dragimage{position:fixed;left:-1000px;top:0;pointer-events:none;image-rendering:pixelated}.goodsbar [draggable=true],.dockslots [draggable=true]{cursor:grab}.goodsbar li{-webkit-user-select:none;user-select:none}.colonyscreen .people [draggable=true]{cursor:grab}.colonyscreen[aria-busy=true],.colonyscreen[aria-busy=true] [draggable=true]{cursor:progress}.picker{position:fixed;z-index:11;inset:0;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:#0000008c}.pickerbox{display:flex;flex-direction:column;gap:8px;box-sizing:border-box;width:min(420px,100%);max-height:min(560px,calc(100dvh - max(16px,env(safe-area-inset-top,0px)) - max(16px,env(safe-area-inset-bottom,0px))));padding:12px 14px;border:1px solid var(--accent);border-radius:4px;background:var(--surface);overflow-y:auto}.pickerbox h3{margin:0;font-size:14px;color:var(--accent)}.professions{overflow-y:auto;overflow-x:hidden;border:1px solid var(--line);border-radius:4px;flex:1 1 auto;min-height:0}.professions:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.professions [role=option]{display:flex;justify-content:space-between;gap:12px;padding:4px 8px;font-size:13px;cursor:pointer}@media(pointer:coarse){.professions [role=option]{min-height:44px;align-items:center}.pickerbox .choices button{min-height:44px}}@media(max-height:500px)and (orientation:landscape){.pickerbox{width:min(680px,calc(100% - 32px))}.professions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:2px 12px}.professions [role=option]{min-width:0}}@media(max-height:500px)and (orientation:landscape)and (min-width:700px){.professions{grid-template-columns:repeat(3,minmax(0,1fr))}}.professions .worth{display:flex;gap:6px;color:var(--muted);white-space:nowrap}.professions .amounts{color:var(--ink);font-variant-numeric:tabular-nums}.professions .specialty .what{color:var(--accent)}.professions .here{background:var(--line)}.professions [aria-disabled=true]{cursor:default;color:var(--muted)}.roles .now .what{color:var(--accent)}.pickerbox .demotes{margin:0;padding:6px 8px;font-size:12px;border:1px solid var(--accent);border-radius:4px}.pickerbox .forfeit{margin:0;font-size:13px}.pickerbox .choices{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.pickerbox .choice{display:flex;flex-direction:column;align-items:flex-end;gap:2px;max-width:100%}.pickerbox .choice .effect{color:var(--muted);font-size:12px;text-align:right}.contextmenu .pickerbox{border-color:#000;background:#593424;color:#85d664}.contextmenu .pickerbox h3{color:inherit}.contextmenu .pickerbox .choices button .hotkey{color:var(--accent);font-weight:700}.contextmenu .pickerbox .choices button{border:1px solid rgb(133,214,100);border-radius:0;background:#00000040;color:inherit}.contextmenu .pickerbox .choices button:hover,.contextmenu .pickerbox .choices button:focus-visible{background:#3c2018;outline:none}.pickerbox.tradeterms{width:min(560px,100%)}.tradetermsrows{overflow-y:auto;margin:0;padding:0;list-style:none;border:1px solid var(--line);border-radius:4px}.tradetermsrows li+li{border-top:1px solid var(--line)}.tradetermsrows form{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;padding:6px 8px;font-size:13px}.tradetermsrows .good{flex:1 1 auto;min-width:140px}.tradetermsrows label{display:flex;align-items:center;gap:4px;white-space:nowrap}.tradetermsrows input[type=number]{width:4.5em}.offscreen{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.colonyscreen .region.taking{outline:2px dashed var(--accent);outline-offset:-2px}.yardframe{block-size:100%;display:grid;place-content:safe center}.colonyyard{position:relative;margin:8px 0}.colonyyard canvas{display:block;image-rendering:pixelated}.colonyyard .doors{position:absolute;inset:0;margin:0;padding:0;list-style:none}.colonyyard .doors li{position:absolute}.colonyyard .doors button{box-sizing:border-box;width:100%;height:100%;padding:0;background:none;border:1px solid transparent;border-radius:0}.colonyyard .doors button:hover:not(:disabled){border-color:var(--accent)}.colonyyard .doors button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.colonyyard .doors button:disabled{cursor:default;pointer-events:none}.colonyyard .doors button.taking{border-color:var(--accent);background:#e2a83c40}.colonyyard .figures{position:absolute;inset:0;margin:0;padding:0;list-style:none;pointer-events:none}.colonyyard .figures li{position:absolute}.colonyyard .figures button{pointer-events:auto}.colonyyard .figures li.yielding button{pointer-events:none}.colonyyard .figures button{width:100%;height:100%;padding:0;background:none;border:1px solid transparent;border-radius:0;cursor:grab}.colonyyard .figures button:hover{border-color:var(--accent)}.colonyyard .figures button.chosen{outline:2px solid var(--accent);outline-offset:-2px}.colonyyard .figures button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.colonyfield .tiles button[draggable=true]{cursor:grab}.colonyscreen .region.yard{position:relative}.colonyscreen .region.yard .leaving{position:absolute;inset-block-start:6px;inset-inline-end:8px;z-index:1;margin:0;padding:2px 6px;border-radius:4px;background:var(--bg);pointer-events:none}.colonyscreen .region.yard .leaving button{pointer-events:auto}@keyframes blink{0%,to{opacity:1}50%{opacity:.35}}.blinking{animation:blink 1.4s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.blinking{animation:none;outline:2px solid var(--accent)}}.colonycompact{display:flex;flex-direction:column;gap:10px;padding:10px;overflow-y:auto}.colonycompact>.region{border:1px solid var(--line);border-radius:4px;padding:8px 10px;background:var(--surface)}.colonycompact h3{margin:0 0 6px;font-size:12px;color:var(--accent);letter-spacing:.04em;text-transform:uppercase}.colonycompact button,.colonycompact select,.colonycompact input,.colonycompact [role=option]{min-width:44px;min-height:44px;box-sizing:border-box}.colonycompact .compactpeople,.colonycompact .compactgoods,.colonycompact .compactport,.colonycompact .compactholds{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.colonycompact .compactpeople li,.colonycompact .compactport>li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px solid var(--line)}.colonycompact .compactpeople .who,.colonycompact .compactport .who{display:flex;flex-direction:column;gap:2px}.colonycompact .compactgoods{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px}.colonycompact .compactgoods button[aria-pressed=true]{background:var(--accent);color:#1a1a12}.colonycompact .compactnine{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.colonycompact .compactnine li{aspect-ratio:1}.colonycompact .compactnine li.here{display:grid;place-items:center;text-align:center;font-size:12px;border:1px solid var(--line);border-radius:4px;background:var(--bg)}.colonycompact .compactnine button{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center;font-size:11px;border-radius:4px;background:var(--bg)}.colonycompact .compactnine button .where{font-size:10px;color:var(--muted);text-transform:uppercase}.colonycompact .compactholds{padding-inline-start:12px}.colonycompact .compactholds li{display:flex;align-items:center;justify-content:space-between;gap:8px}.colonycompact .destinations{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.colonycompact .destinations button{width:100%;text-align:left}.europe{position:absolute;inset:0;display:grid}.dockroom{min-width:0;min-height:0;overflow:auto;display:grid;place-content:center}.europedock{position:relative;background-repeat:no-repeat;background-size:100% 100%;image-rendering:pixelated}.europedock>*{position:absolute}.europedock{font-size:max(11px,calc(4px * var(--dock)))}.europedock .sky{left:0;top:0;width:calc(320px * var(--dock));height:calc(118px * var(--dock));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(2px * var(--dock));box-sizing:border-box;padding:calc(4px * var(--dock));overflow:auto;text-align:center}.europedock .sky>*{margin:0}.europedock .sky h2{padding:0;border:0;color:var(--accent);letter-spacing:.04em;font-size:max(16px,calc(8px * var(--dock)))}.europedock .sky,.europedock .frame{background:#16181fbf}.europedock .sky .muted,.europedock .frame .muted{color:#c2c6d1}.europedock .frame{top:calc(119px * var(--dock));overflow:auto;box-sizing:border-box;padding:calc(2px * var(--dock));overflow-wrap:anywhere}.europedock .frame h3{margin:0 0 calc(1px * var(--dock));color:var(--accent);letter-spacing:.04em;text-transform:uppercase}.europedock .frame p{margin:calc(1px * var(--dock)) 0}.europedock .frame ul.hulls{margin:0;padding:0;list-style:none}.europedock .frame ul.hulls li{display:flex;flex-wrap:wrap;align-items:center;gap:calc(1px * var(--dock));padding:calc(1px * var(--dock)) 0}.europedock .frame ul.hulls li+li{border-top:1px solid var(--line)}.europedock .frame ul.hulls label{display:flex;align-items:center;gap:calc(1px * var(--dock))}.europedock .frame ul.hulls input[type=radio]{position:absolute;opacity:0;width:calc(4px * var(--dock));height:calc(4px * var(--dock));margin:0}.europedock .frame ul.hulls li.chosen{outline:1px solid var(--accent);outline-offset:-1px}.europedock .frame ul.hulls li:focus-within{outline:2px solid var(--accent);outline-offset:-1px}.europedock .inport ul.hulls li{cursor:grab}.europedock .inport ul.hulls li.taking,.europedock .frame.outbound.taking{outline:2px dashed var(--accent);outline-offset:-2px}.europedock .outbound ul.hulls li[draggable=true]{cursor:grab}.europedock .frame.expected.taking{outline:2px dashed var(--accent);outline-offset:-2px}.europedock .frame button{font-size:inherit;padding:calc(1px * var(--dock)) calc(2px * var(--dock))}.europedock canvas{image-rendering:pixelated}.europedock .expected{left:calc(2px * var(--dock));width:calc(68px * var(--dock));height:calc(49px * var(--dock))}.europedock .outbound{left:calc(73px * var(--dock));width:calc(68px * var(--dock));height:calc(49px * var(--dock))}.europedock .inport{left:calc(144px * var(--dock));width:calc(79px * var(--dock));height:calc(58px * var(--dock));padding-bottom:calc(15px * var(--dock))}.europedock.bare .sky,.europedock.bare .frame{border:1px solid var(--line);border-radius:3px;background:var(--bg)}.europedock ul.dockslots{margin:0;padding:0;list-style:none;left:calc(145px * var(--dock));top:calc(163px * var(--dock));width:calc(77px * var(--dock));height:calc(15px * var(--dock))}.europedock ul.dockslots li{position:absolute;box-sizing:border-box;left:calc((var(--slot) - 145) * 1px * var(--dock));top:calc(2px * var(--dock));width:calc(9px * var(--dock));height:calc(12px * var(--dock));display:flex;align-items:center;justify-content:center;overflow:visible}.europedock ul.dockslots canvas{image-rendering:pixelated}.europedock.bare ul.dockslots li{border:1px solid var(--line);background:var(--bg)}.europedock .jetty,.europedock .shore{display:flex;flex-direction:column;justify-content:flex-end;box-sizing:border-box}.europedock .jetty{left:calc(234px * var(--dock));top:calc(138px * var(--dock));width:calc(47px * var(--dock));height:calc(16px * var(--dock))}.europedock .shore{left:calc(240px * var(--dock));top:calc(161px * var(--dock));width:calc(60px * var(--dock));height:calc(16px * var(--dock))}.europedock .jetty .muted,.europedock .shore .muted{margin:0;text-align:center;color:#fff;font-size:max(9px,calc(4px * var(--dock)))}.europedock ul.waiting{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;margin:0;padding:0;list-style:none;gap:0}.europedock ul.waiting li{display:flex}.europedock ul.waiting button{padding:0;border:0;background:none;line-height:0;cursor:pointer}.europedock ul.waiting button:disabled{cursor:default}.europedock ul.waiting button:focus-visible{outline:2px solid var(--accent);outline-offset:0}.europedock ul.waiting button.chosen{outline:2px solid var(--accent);outline-offset:0}.europedock ul.waiting canvas{image-rendering:pixelated}.europedock .jetty.taking,.europedock .shore.taking{outline:2px dashed var(--accent);outline-offset:-2px}.europedock.bare .jetty,.europedock.bare .shore{border:1px solid var(--line);border-radius:3px;background:var(--bg)}.europedock .strip{left:0;top:calc(179px * var(--dock));width:calc(304px * var(--dock));height:calc(21px * var(--dock))}.europedock .strip.taking,.europedock .dockslots.taking{outline:2px dashed var(--accent);outline-offset:-2px}.europedock .goodsbar{display:grid;grid-template-columns:repeat(16,calc(19px * var(--dock)));height:100%;margin:0;padding:0;list-style:none;gap:0}.europedock .goodsbar li{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;gap:0;padding-left:calc(1px * var(--dock));font-size:max(9px,calc(4px * var(--dock)));line-height:1.1;color:#fff}.europedock .goodsbar button{padding:0;border:0;background:none;line-height:0}.europedock .goodsbar button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.europedock .goodsbar button.chosen{outline:2px solid var(--accent);outline-offset:-2px}.europedock .goodsbar .prices{display:flex;gap:0;font-variant-numeric:tabular-nums}.europedock .goodsbar .prices .bar{padding:0 calc(.5px * var(--dock));opacity:.7}.europedock .goodsbar .prices .ask{color:#ffd9a0}.europedock .goodsbar .prices .muted{color:#c2c6d1}.europedock .dockslots .hold{width:100%;height:100%;padding:0;margin:0;border:0;border-radius:0;background:none;line-height:0;cursor:pointer}.europedock .dockslots .hold:disabled{cursor:default}.europedock .dockslots .hold:focus-visible{outline:2px solid var(--accent);outline-offset:0}.europedock .dockslots .hold.chosen{outline:2px solid var(--accent);outline-offset:0}.europedock .footexit{left:calc(305px * var(--dock));top:calc(180px * var(--dock));width:calc(15px * var(--dock));height:calc(19px * var(--dock));padding:0;border:0;border-radius:0;background:none;font-size:0;color:transparent;cursor:pointer}.europedock .footexit:focus-visible{outline:2px solid var(--accent);outline-offset:-1px}.europedock.bare .footexit{font-size:calc(5px * var(--dock));color:var(--ink);border:1px solid var(--line);background:var(--surface)}.europedock .europebutton{left:calc(281px * var(--dock));top:calc(var(--button) * 1px * var(--dock));width:calc(37px * var(--dock));height:calc(9px * var(--dock));box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:0;border-radius:0;border-top:1px solid rgb(65,89,166);border-left:1px solid rgb(65,89,166);border-bottom:1px solid rgb(219,239,255);border-right:1px solid rgb(219,239,255);background:#16181fbf;color:#fff;cursor:pointer;font-size:max(9px,calc(5px * var(--dock)));line-height:1;letter-spacing:.02em;white-space:nowrap;overflow:hidden}.europedock .europebutton:focus-visible{outline:2px solid var(--accent);outline-offset:-1px}.europedock .europebutton[aria-expanded=true]{border-top-color:#dbefff;border-left-color:#dbefff;border-bottom-color:#4159a6;border-right-color:#4159a6}.europedock .dialogue{left:calc(62px * var(--dock));width:calc(196px * var(--dock));box-sizing:border-box;overflow:auto;border:1px solid #000;background:#593424;padding:calc(4px * var(--dock));color:#85d664}.europedock .buying{top:calc(80px * var(--dock));height:calc(119px * var(--dock));--row: 11;font-size:max(11px,calc(6px * var(--dock)))}.europedock .training{top:calc(10px * var(--dock));height:calc(180px * var(--dock));--row: 7;font-size:max(9px,calc(5px * var(--dock)))}.europedock .recruiting{top:calc(88px * var(--dock));height:calc(103px * var(--dock));--row: 11;font-size:max(11px,calc(6px * var(--dock)))}.europedock .outfitting{top:calc(20px * var(--dock));max-height:calc(96px * var(--dock));--row: 11;font-size:max(11px,calc(6px * var(--dock)))}.europedock .dialogue h3{margin:0 0 calc(3px * var(--dock)) 0;padding:0;border:0;font-size:inherit;font-weight:400;color:inherit}.europedock .dialogue ul{margin:0;padding:0;list-style:none}.europedock .dialogue li button{display:flex;align-items:center;justify-content:space-between;gap:calc(4px * var(--dock));width:100%;height:calc(var(--row) * 1px * var(--dock));margin-bottom:calc(1px * var(--dock));box-sizing:border-box;padding:0 calc(2px * var(--dock));border:0;border-radius:0;background:none;color:inherit;cursor:pointer;font-size:inherit;text-align:left}.europedock .dialogue li button:hover:not(:disabled),.europedock .dialogue li button:focus-visible{background:#3c2018;outline:none}.europedock .dialogue li button:disabled{color:#967a6a;cursor:default}.europedock .dialogue .cost{font-variant-numeric:tabular-nums}.europedock .dialogue .muted{margin:0;color:#967a6a}.europecompact{display:flex;flex-direction:column;gap:12px}.europecompact h2{margin:0}.europecompact h3{margin:0 0 6px;font-size:14px;color:var(--accent)}.europecompact .sky p{margin:4px 0}.europecompact .sky .deal{color:var(--accent)}.europecompact button{min-height:44px;min-width:44px;padding:6px 10px;border:1px solid var(--line);border-radius:4px;background:var(--surface);color:inherit}.europecompact button:disabled{color:var(--muted);cursor:default}.europecompact button[aria-pressed=true],.europecompact button.chosen{outline:2px solid var(--accent);outline-offset:-2px}.europecompact ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.europecompact .ships li.ship,.europecompact .people li{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:6px;border:1px solid var(--line);border-radius:4px}.europecompact button.ship{display:flex;align-items:center;gap:8px;flex:1 1 auto;text-align:left;border:none;background:none;padding:0;min-width:0}.europecompact .name{font-weight:600}.europecompact canvas{image-rendering:pixelated}.europecompact .market li.good{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:6px;border:1px solid var(--line);border-radius:4px}.europecompact .market .what{flex:1 1 auto}.europecompact .market .prices{font-variant-numeric:tabular-nums;color:var(--muted)}.europecompact .boards{display:flex;gap:8px;flex-wrap:wrap}.europecompact .boards button[aria-expanded=true]{outline:2px solid var(--accent);outline-offset:-2px}.europecompact .dialogue{border:1px solid var(--line);border-radius:4px;padding:8px}.europecompact .dialogue ul{margin:0;padding:0}.europecompact .dialogue li button{width:100%;text-align:left}.europecompact .footexit{align-self:flex-start}.reportbox{--rb-px: calc(var(--rb) * 1px);position:fixed;z-index:40;box-sizing:border-box;border:var(--rb-px) solid var(--rb-outline, #000)}.reportbevel{border:var(--rb-px) solid;border-color:var(--rb-light, #b08850) var(--rb-dark, #6a4a24) var(--rb-dark, #6a4a24) var(--rb-light, #b08850)}.reportwood{border:var(--rb-px) solid var(--rb-shadow, #3a2610);box-sizing:border-box;min-height:calc(var(--rb-px) * 28);padding:calc(var(--rb-px) * 3) calc(var(--rb-px) * 4);background-color:#7a5230;background-image:var(--rb-wood, none);background-size:calc(var(--rb-px) * 32) calc(var(--rb-px) * 24);background-position:0 0;background-attachment:fixed;image-rendering:pixelated;color:#fff4d6;text-shadow:0 1px 0 #000,1px 0 0 #000,0 -1px 0 #000,-1px 0 0 #000;display:flow-root}.reportwood p{margin:0;font-size:15px;line-height:1.35}.reporthands{float:left}.promptrow{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:6px 0}.promptrow label{white-space:nowrap}.promptrow input{flex:1 1 auto;min-width:0}.reportwood .helpkeys{margin:4px 0 0;font-size:13px;line-height:1.3}.reportwood .helpkeys div{margin-top:3px}.reportwood .helpkeys dt{display:inline;font-weight:700;color:var(--accent)}.reportwood .helpkeys dt:after{content:" "}.reportwood .helpkeys dd{display:inline;margin:0}.reportactions{clear:both;display:flex;justify-content:flex-end;gap:6px;margin-top:6px}.reportactions button{font-size:12px;padding:2px 8px;text-shadow:none}.reportportrait{position:absolute;pointer-events:none;background-size:100% 100%;image-rendering:pixelated}.silencednews{margin-top:10px}.silencednews ul{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}.silencednews li{display:flex;justify-content:space-between;align-items:center;gap:8px}.modal.dialog .places{margin:0;padding:0;list-style:none;display:grid;gap:6px}.modal.dialog .places button{width:100%;text-align:left}.modal.dialog:has(.routeeditor){width:min(760px,100%)}.routeeditor .routecolumns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:16px}@media(max-width:640px){.routeeditor .routecolumns{grid-template-columns:minmax(0,1fr)}}.routeeditor h3{margin:12px 0 6px}.routeeditor .routestops ol{margin:0 0 8px;padding:0;list-style:none;display:grid;gap:4px}.routeeditor .routestops li{display:flex;gap:4px}.routeeditor .routestops li>button:first-child{flex:1;text-align:left}.routeeditor .routestops li.chosen>button:first-child{outline:2px solid var(--accent)}.routeeditor .routegoods{display:grid;grid-template-columns:1fr 1fr;gap:8px}.routeeditor fieldset{margin:0;padding:4px 8px;border:1px solid var(--line);border-radius:4px}.routeeditor label.check{display:flex;gap:6px;align-items:center}.routeeditor .routeadd{flex-wrap:wrap;gap:4px}.routeeditor .routeleave{margin-top:8px}.routeeditor .routestop>label:not(.check){display:flex;flex-direction:column;gap:4px;margin-top:8px}.routeeditor .routepick,.routeeditor .routename{display:flex;flex-direction:column;gap:4px;margin-top:8px}.routeeditor .routeships{margin:8px 0 0}.routeeditor .routeconfirm{flex-wrap:wrap;align-items:center;gap:8px}.routeeditor .routeconfirm p{flex:1 1 100%;margin:0}.pickerbox.howmany input{width:6em}[data-touchdrag]{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.touchghost{position:fixed;pointer-events:none}.touchghost>*{margin:0}.pausednotice{position:fixed;z-index:12;right:max(12px,env(safe-area-inset-right));bottom:calc(max(12px,env(safe-area-inset-bottom)) + var(--lift, 0px));display:flex;align-items:center;gap:8px;max-width:min(360px,calc(100vw - 24px));padding:6px 12px;border:2px solid var(--accent);border-radius:6px;background:var(--surface);color:var(--ink);box-shadow:0 4px 14px #0000008c;pointer-events:none}.pausednotice strong{color:var(--accent);text-transform:uppercase;letter-spacing:.08em}.pausednotice .because{color:var(--muted)}.pausednotice button{pointer-events:auto}.woodcut{position:fixed;z-index:50;inset:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:#000000b8;cursor:pointer}.woodcutframe{margin:0;display:flex;flex-direction:column;align-items:center;gap:10px;max-width:100%}.woodcuttitle{text-align:center;color:var(--accent);font-size:22px;line-height:1.2;font-weight:700;text-transform:uppercase;letter-spacing:.08em;text-shadow:0 2px 0 #000}.woodcutpicture{display:block;image-rendering:pixelated;box-shadow:0 6px 24px #000000b3}.woodcuthint{margin:0;color:var(--muted);font-size:13px}.newversion{position:fixed;z-index:13;left:max(16px,env(safe-area-inset-left));bottom:max(16px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:8px;max-width:calc(100vw - 32px);padding:6px 8px 6px 12px;border:2px solid var(--accent);border-radius:6px;background:var(--surface);color:var(--ink);box-shadow:0 4px 14px #0000008c}.newversion .close{border-color:var(--line);background:transparent;color:var(--muted)}@media(pointer:coarse){.newversion button{min-height:44px;min-width:44px}}.colonyscreen .panels .hammerrun{display:block;margin:2px 0 4px}.presence{display:inline-block;width:.6em;height:.6em;margin-right:.4em;border-radius:50%;vertical-align:baseline}.presence.online{background:#3fa34d}.presence.offline{background:transparent;box-shadow:inset 0 0 0 1px var(--muted)}