:root{--port-width: min(920px, calc(100dvw - var(--safe-l) - var(--safe-r) - 24px));--port-height: min( 720px, calc(100dvh - var(--safe-t) - var(--safe-b) - 24px) );--port-pad: clamp(12px, 2.4vw, 24px);--port-gap: clamp(10px, 1.8vw, 18px);--port-portrait: 72px;--port-line: color-mix(in srgb, var(--ink) 22%, transparent);--port-surface: color-mix(in srgb, var(--bg) 96%, var(--ink));--port-card: color-mix(in srgb, var(--bg) 91%, var(--ink));--modal-shadow: 0 16px 56px color-mix(in srgb, var(--dark) 65%, transparent);--modal-veil: color-mix(in srgb, var(--bg) 70%, transparent)}#panel.up:not([inert]):not(:has(.page.map)),#beltmap.up,#themepick.up,#expedition .expedition-panel,.retry,.matchcard{background:var(--modal-veil)}#panel[inert],body:has(#themepick.up) #panel{visibility:hidden}#panel .page,#beltmap .chart,#themepick .page,#expedition .expedition-card{border-color:var(--port-line);box-shadow:var(--modal-shadow)}.retry .card,.matchcard .card,.dialogue .box{box-shadow:var(--modal-shadow)}#panel .port-scroll,#panel .port-heading{display:contents}:is(#panel,#expedition) .port-layout .off{display:none}#panel .port-context:has(.face.off){display:none}#panel .main{order:1}#panel .reads{order:2}#panel:has(.port-layout),#expedition .expedition-panel{padding:max(12px,var(--safe-t)) max(12px,var(--safe-r)) max(12px,var(--safe-b)) max(12px,var(--safe-l))}:is(#panel .page,#expedition .expedition-card).port-layout{box-sizing:border-box;display:flex;flex-direction:column;width:var(--port-width);height:var(--port-height);max-width:100%;max-height:100%;overflow:hidden;background:var(--port-surface);image-rendering:auto;--ui-text: inherit}#panel:not(.up) .page.port-layout{display:none}:is(#panel,#expedition) .port-layout .port-masthead{position:static;box-sizing:border-box;flex:none;display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;min-height:76px;gap:var(--port-gap);padding:12px var(--port-pad);border-bottom:var(--ui-line) solid var(--port-line);background:var(--port-surface)}:is(#panel,#expedition) .port-layout .port-heading{display:flex;flex-direction:column;min-width:0;gap:4px}:is(#panel,#expedition) .port-layout .port-title{color:var(--ink);font-size:calc(var(--ui-text) * 1.45);line-height:1.15;letter-spacing:.18em;overflow-wrap:anywhere}:is(#panel,#expedition) .port-layout .port-city{color:var(--panel-dim);font-size:calc(var(--ui-text) * .8);line-height:1.3;letter-spacing:.14em}:is(#panel,#expedition) .port-layout .port-back{position:static;flex:none;box-sizing:border-box;display:flex;align-items:center;min-width:44px;min-height:44px;margin:0;padding:0 8px;color:var(--ink);font-size:calc(var(--ui-text) * .85);letter-spacing:.1em}:is(#panel,#expedition) .port-layout .port-back.off{display:none}:is(#panel,#expedition) .port-layout .port-back:before,:is(#panel,#expedition) .port-layout .port-back:after{content:none}:is(#panel,#expedition) .port-layout .port-scroll{display:block;flex:1;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--panel-dim) var(--port-surface);touch-action:pan-y;-webkit-overflow-scrolling:touch}:is(#panel,#expedition) .port-layout .port-person:not(.off){box-sizing:border-box;display:grid;grid-template-columns:var(--port-portrait) minmax(0,1fr);align-items:center;gap:var(--port-gap);min-width:0;margin:0;padding:var(--port-pad);border:0;border-bottom:var(--ui-line) solid var(--port-line);background:var(--port-card)}:is(#panel,#expedition) .port-layout .port-portrait{box-sizing:border-box;width:var(--port-portrait);height:var(--port-portrait);border:var(--ui-line) solid var(--port-line);background:var(--port-surface);object-fit:cover;image-rendering:pixelated}:is(#panel,#expedition) .port-layout .port-person-copy{display:flex;flex-direction:column;min-width:0;gap:4px}:is(#panel,#expedition) .port-layout .port-name{font-size:calc(var(--ui-text) * 1.08);font-weight:700;line-height:1.2;letter-spacing:.14em}:is(#panel,#expedition) .port-layout .port-role{margin:0;color:var(--panel-dim);font-size:calc(var(--ui-text) * .8);line-height:1.3;letter-spacing:.12em}:is(#panel,#expedition) .port-layout .port-message{margin:4px 0 0;color:var(--panel-dim);font-size:var(--ui-text);line-height:1.4;letter-spacing:.025em;overflow-wrap:anywhere}:is(#panel,#expedition) .port-layout .port-work{display:grid;gap:var(--port-gap);min-width:0;padding:var(--port-gap) var(--port-pad) var(--port-pad)}:is(#panel,#expedition) .port-layout .port-summary{box-sizing:border-box;min-width:0;min-height:88px;margin:0;padding:12px 16px;border:var(--ui-line) solid var(--port-line);background:var(--port-card);font-size:var(--ui-text)}#panel .port-layout .cols{flex:none;overflow:visible}#panel .port-layout .main{order:2;min-height:0;width:100%;overflow:visible}#panel .port-layout .reads{order:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:center;gap:10px 24px;width:100%;max-height:none;overflow:visible}#panel .port-layout .reads:empty{display:none}#panel .port-layout .reads .head{grid-column:1 / -1;margin:0;letter-spacing:.1em;line-height:1.3}#panel .port-layout .reads .head:before,#panel .port-layout .reads .head:after,#panel .port-layout .reads .tag:after{content:none}#panel .port-layout .reads .note{display:flex;justify-content:space-between;align-items:baseline;min-width:0;gap:8px;padding:0;line-height:1.3}#panel .port-layout .reads .tag{flex:none;min-width:0;white-space:normal;font-size:calc(var(--ui-text) * .85);letter-spacing:0;overflow-wrap:anywhere}#panel .port-layout .reads .value{margin:0;font-weight:700;font-size:calc(var(--ui-text) * 1.1)}#panel .port-layout .port-scroll:has(.face:not(.off)){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:start;gap:var(--port-gap);padding:var(--port-gap) var(--port-pad) 0}#panel .port-scroll:has(.face:not(.off)) .cols.port-work{display:contents}#panel .port-scroll:has(.face:not(.off)) .port-context{display:grid;grid-column:1}#panel .port-scroll:has(.face:not(.off)) .face{height:100%;border:var(--ui-line) solid var(--port-line)}#panel .port-scroll:has(.face:not(.off)) .reads{grid-column:2}#panel .port-scroll:has(.face:not(.off)) .main{box-sizing:border-box;grid-column:1 / -1;padding:0 0 var(--port-pad)}@media(max-width:700px){#panel .port-layout .port-scroll:has(.face:not(.off)){grid-template-columns:minmax(0,1fr)}#panel .port-scroll:has(.face:not(.off)) .port-context,#panel .port-scroll:has(.face:not(.off)) .reads{grid-column:1 / -1}}#panel .port-feedback:not(.off){box-sizing:border-box;min-height:44px;margin-bottom:var(--port-gap);padding:12px;border-left:calc(var(--ui-line) * 2) solid var(--hold);background:color-mix(in srgb,var(--hold) 8%,var(--bg));color:var(--hold);line-height:1.4}:is(#panel,#expedition) .port-layout .port-footer{flex:none;min-height:44px;border-top:var(--ui-line) solid var(--port-line);background:var(--port-surface)}:is(#panel,#expedition) .port-layout .port-footer:has(.panel-legend:empty){display:none}#panel .port-layout .brief{display:none}:is(#panel,#expedition) .port-layout .panel-legend{box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;min-height:44px;margin:0;padding:8px var(--port-pad);list-style:none;color:var(--panel-dim);font-size:calc(var(--ui-text) * .8)}:is(#panel,#expedition) .panel-legend .fkey{display:inline-flex;align-items:center;gap:5px}:is(#panel,#expedition) .panel-legend .key{padding:1px 4px;background:var(--panel-dim);color:var(--bg)}#panel .page.city.arted{height:min(540px,var(--port-height));background:linear-gradient(color-mix(in srgb,var(--bg) 14%,transparent),color-mix(in srgb,var(--bg) 42%,transparent)),var(--art) center / cover no-repeat;image-rendering:pixelated}#panel .page.city .port-masthead,#panel .page.city .port-footer{background:color-mix(in srgb,var(--port-surface) 78%,transparent)}#panel .page.city .port-scroll{display:flex;flex-direction:column}#panel .page.city .row{background:color-mix(in srgb,var(--port-surface) 88%,transparent)}#panel .port-layout .rows{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}#panel .page.city .rows{grid-template-columns:repeat(2,minmax(0,1fr))}#panel .port-layout .rows .head{margin:8px 0 0;white-space:normal;line-height:1.3;letter-spacing:.14em}#panel .page.city .rows .head{grid-column:1 / -1}#panel .port-layout .row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:0;min-height:64px;padding:0;border:var(--ui-line) solid var(--port-line);background:var(--port-card);white-space:normal;cursor:default}#panel .page.city .row{min-height:82px}#panel .port-layout .row.sel,#panel .port-layout .row:focus-within{border-color:var(--ink);background:color-mix(in srgb,var(--ink) 10%,var(--bg))}#panel .port-layout .row.disabled{border-color:color-mix(in srgb,var(--panel-dim) 45%,transparent)}#panel .port-layout button{box-sizing:border-box;min-width:44px;min-height:44px;margin:0;border:0;border-radius:0;appearance:none;background:transparent;color:inherit;font:inherit;text-transform:inherit;cursor:pointer}#panel .port-layout button:focus-visible{outline:var(--ui-line) solid var(--ink);outline-offset:calc(var(--ui-line) * -2)}#panel .port-layout button:disabled{cursor:default;color:color-mix(in srgb,var(--panel-dim) 58%,var(--bg))}#panel .port-layout .row-control{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"tag value" "description description" "detail detail" "status status";align-content:center;gap:4px 14px;padding:10px 12px;text-align:left}#panel .port-layout .row-control[aria-disabled=true]{cursor:default}#panel .port-layout .row-control .tag{grid-area:tag;min-width:0;color:var(--ink);font-weight:700;letter-spacing:.08em;overflow-wrap:anywhere}#panel .port-layout .row-control .tag:after{content:none!important}#panel .port-layout .row-control .value{grid-area:value;align-self:start;min-width:0;margin-left:0;color:var(--tone, var(--item));text-align:right;overflow-wrap:anywhere}#panel .port-layout .row-description,#panel .port-layout .row-detail,#panel .port-layout .row-status{min-width:0;line-height:1.35;letter-spacing:.025em;overflow-wrap:anywhere}#panel .row-description{grid-area:description;color:var(--panel-dim)}#panel .row-detail{grid-area:detail;color:color-mix(in srgb,var(--panel-dim) 82%,var(--bg));font-size:var(--ui-text)}#panel .row-status{grid-area:status;color:var(--hold);font-size:var(--ui-text)}#panel .row.disabled .row-status{color:var(--danger)}#panel .row-description:empty,#panel .row-detail:empty,#panel .row-status:empty,#panel .row-control .value:empty{display:none}#panel .port-layout .row-adjust{display:grid;grid-template-columns:repeat(2,44px);border-left:var(--ui-line) solid var(--port-line)}#panel .row-adjust button+button{border-left:var(--ui-line) solid var(--port-line)}#panel .row-adjust button:hover:not(:disabled),#panel .row-adjust button:active:not(:disabled){background:color-mix(in srgb,var(--ink) 14%,transparent)}#panel .port-layout .row.choice.sel .value:before,#panel .port-layout .row.stepper.sel .value:before,#panel .port-layout .row.choice.sel .value:after,#panel .port-layout .row.stepper.sel .value:after{content:none}#panel .page.city .row[data-id=leave]{border-color:var(--panel-dim)}@media(max-width:700px),(max-height:460px){:root{--port-pad: 12px;--port-gap: 12px;--port-portrait: 64px}#panel:has(.port-layout),#expedition .expedition-panel{padding:0}:is(#panel .page,#expedition .expedition-card).port-layout,#panel .page.city.arted{width:100%;height:100%;max-height:100%;padding:var(--safe-t) var(--safe-r) var(--safe-b) var(--safe-l);border:0;box-shadow:none}#panel .page,#beltmap .chart,#themepick .page{box-shadow:none}:is(#panel,#expedition) .port-layout .port-masthead{min-height:68px;padding:8px var(--port-pad)}#panel .page.city .rows{grid-template-columns:minmax(0,1fr)}#panel .port-layout .reads{gap:10px 12px}#panel .port-layout .reads .note{flex-direction:column;gap:2px}}@media(max-width:420px){#panel .port-layout .row-control{grid-template-columns:minmax(0,1fr);grid-template-areas:"tag" "value" "description" "detail" "status"}#panel .port-layout .row-control .value{text-align:left}#panel .port-layout .row-adjust{grid-template-columns:44px;grid-template-rows:repeat(2,44px)}#panel .row-adjust button+button{border-top:var(--ui-line) solid var(--port-line);border-left:0}#panel .port-layout .reads{padding:10px;column-gap:6px}}@media(max-height:460px){:root{--port-pad: 10px;--port-gap: 10px}:is(#panel,#expedition) .port-layout .port-masthead{min-height:52px;padding:4px var(--port-pad)}:is(#panel,#expedition) .port-layout .port-title{font-size:calc(var(--ui-text) * 1.15)}#panel .page.city .rows{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){:is(#panel,#expedition) .port-layout *{scroll-behavior:auto}}