/* Shared Coordinate surfaces, including the less visible reading and help flows. */
:root{--hx-ink:#e8efff;--hx-muted:#b7c5dc;--hx-light:#c3adff;--hx-edge:#b6a2ed52;--hx-surface:#090d1a;--hx-type:ui-monospace,SFMono-Regular,Menlo,monospace}
body{color-scheme:dark}
:is(.platform-surface,.customer-info,.customer-footer,.customer-consent,.customer-resume,dialog,#toast){font-family:var(--hx-type);color:var(--hx-ink)}
:is(.platform-surface,.customer-info) :is(h1,h2,h3){font-family:var(--hx-type);font-weight:500;line-height:1.15;letter-spacing:-.035em}
:is(.platform-surface,.customer-info) p{line-height:1.65}
:is(.platform-head,.customer-info) h1{font-size:clamp(28px,5vw,56px)}
.platform-head span{font-size:14px;line-height:1.5;letter-spacing:.025em;color:var(--hx-muted)}
:is(.platform-actions,.platform-series-hero,.platform-world-actions,.platform-editions,.customer-actions,.customer-resume,.motion-options,.motion-controls) button,
:is(.customer-actions a,.customer-link,.release-actions a,.coordinate-home-copy>a){appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 18px;border:0;border-block:1px solid var(--hx-edge);border-radius:0;background:linear-gradient(105deg,#aa8aff12,#99deff05);box-shadow:none;color:var(--hx-ink);font:500 14px/1.45 var(--hx-type);letter-spacing:.015em;text-decoration:none;cursor:pointer;transition:background .2s,border-color .2s}
:is(.platform-actions,.platform-series-hero,.platform-world-actions,.platform-editions,.customer-actions,.customer-resume,.motion-options,.motion-controls) button:hover,
:is(.customer-actions a,.customer-link,.release-actions a,.coordinate-home-copy>a):hover{border-color:var(--hx-light);background:#b497ff1f}
:is(.platform-filter) button{min-height:44px;border:0;border-bottom:1px solid transparent;border-radius:0;background:transparent;color:var(--hx-muted);font:500 14px/1.4 var(--hx-type);padding:10px 12px}
.platform-filter button.active,.platform-filter button:hover{border-color:var(--hx-light);background:linear-gradient(0deg,#ac91ff1f,transparent);color:var(--hx-ink)}
.platform-filter input{appearance:none;min-height:50px;width:100%;border:0;border-bottom:1px solid var(--hx-edge);border-radius:0;background:linear-gradient(90deg,#b093ff0c,transparent);color:var(--hx-ink);padding:14px 16px;font:400 16px/1.5 var(--hx-type)}
.platform-filter input::placeholder{color:#a1adc2;opacity:1}
:is(.customer-footer,.customer-consent,.customer-resume){border:0;border-top:1px solid var(--hx-edge);border-bottom:1px solid #b6a2ed22;background:radial-gradient(ellipse at top left,#ad8aff0d,transparent 70%);box-shadow:none;border-radius:0;padding:28px 0}
.customer-footer div{gap:12px 24px}.customer-footer a{display:inline-flex;align-items:center;min-height:44px}
.customer-info.active{background:radial-gradient(ellipse at 50% 0,#ae8aff0a,transparent 60%)}
.customer-back{display:inline-flex;align-items:center;min-height:48px;color:var(--hx-light);font:500 14px var(--hx-type);text-decoration:none}
.customer-releases a{border:0;border-bottom:1px solid var(--hx-edge);background:transparent;padding:16px 0}
dialog{box-sizing:border-box;width:min(680px,calc(100vw - 28px));max-height:calc(100dvh - 48px);overflow:auto;padding:60px clamp(20px,5vw,44px) 32px;border:1px solid var(--hx-edge);border-radius:2px;background:radial-gradient(ellipse at top,#b794ff19,transparent 65%),var(--hx-surface);box-shadow:0 24px 100px #000c,0 0 30px #b49bff14,inset 0 0 0 5px #030612;scrollbar-width:thin;scrollbar-color:#9980ce #090d1a}
dialog::backdrop{background:#030611d9;backdrop-filter:blur(8px)}
dialog h2{font:500 clamp(24px,4vw,34px)/1.2 var(--hx-type);letter-spacing:-.03em}
dialog>p:first-of-type{font:500 12px/1.5 var(--hx-type);letter-spacing:.12em;color:var(--hx-light)}
dialog p,dialog dd{font-size:16px;line-height:1.6;color:var(--hx-muted)}
dialog .close{width:44px;height:44px;right:12px;top:10px;border:0;border-radius:0;background:transparent;color:var(--hx-light);font:300 30px/1 var(--hx-type)}
dialog blockquote{font:400 21px/1.6 var(--hx-type);color:#d3c1ff;border-left:1px solid var(--hx-edge);padding-left:18px}
#pageGrid{grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:10px}
#pageGrid button{border:1px solid #b6a2ed26;border-radius:2px;background:#0d1222;color:var(--hx-ink);min-height:48px;font:500 14px var(--hx-type)}
#pageGrid button.on{border-color:var(--hx-light);box-shadow:0 0 15px #b6a2ed24;color:#fff}
#toast{max-width:calc(100vw - 32px);background:#0a1024ed;color:var(--hx-ink);border:1px solid var(--hx-edge);border-radius:2px;box-shadow:0 0 24px #a087ff18;font:400 14px/1.5 var(--hx-type);z-index:11000;bottom:calc(96px + env(safe-area-inset-bottom))}
:is(#artefactGallery,#characterGallery) .ag-card{backface-visibility:hidden;-webkit-backface-visibility:hidden}
:is(#artefactGallery,#characterGallery).ag-deck .ag-card{border-radius:3px;background:linear-gradient(155deg,#21283a,#090d18 55%,#19162a)}
:is(#artefactGallery,#characterGallery) .ag-card-art{border-radius:1px}
:is(#artefactGallery,#characterGallery).ag-deck .ag-selector button{border-radius:2px;background:linear-gradient(145deg,#191c30,#090d18)}
:is(#artefactGallery,#characterGallery).ag-deck .ag-status{border-radius:2px}
:is(#artefactGallery,#characterGallery).ag-deck .ag-information{overscroll-behavior:contain}
@media(max-width:760px){:is(#artefactGallery,#characterGallery).ag-deck{grid-template-rows:auto minmax(160px,1fr) minmax(0,146px) 54px;overflow:hidden}:is(#artefactGallery,#characterGallery).ag-deck.ag-zoomed{grid-template-rows:auto minmax(160px,1fr) minmax(0,66px) 54px}.customer-consent,.customer-resume,.customer-footer{padding:22px 0}.platform-filter>div{gap:2px;flex-wrap:wrap}}
@media(max-height:580px) and (orientation:landscape){:is(#artefactGallery,#characterGallery).ag-deck,:is(#artefactGallery,#characterGallery).ag-deck.ag-zoomed{grid-template-rows:54px minmax(100px,1fr) 48px;overflow:auto}}
@media(prefers-reduced-motion:reduce){:is(.platform-surface,.customer-info,dialog,#toast) *{transition:none!important;animation:none!important}}