.play{--night:#0e0e11;--night-2:#17171c;--night-3:#2a2a31;--white:#f4f2ee;--muted:#a3a1a8;--sun:#ff6b3d;--red:#ff6b3d;--sea:#0b0b0e;--hud-h:64px;--pixel:var(--font-pixel), ui-monospace, monospace;--frame:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' shape-rendering='crispEdges'%3E%3Crect x='1' width='10' height='12' fill='%23050506'/%3E%3Crect y='1' width='12' height='10' fill='%23050506'/%3E%3Crect x='2' y='1' width='8' height='10' fill='%236c6b72'/%3E%3Crect x='1' y='2' width='10' height='8' fill='%236c6b72'/%3E%3Crect x='3' y='2' width='6' height='8' fill='%2317171c'/%3E%3Crect x='2' y='3' width='8' height='6' fill='%2317171c'/%3E%3C/svg%3E");font-family:var(--font-sans), system-ui, sans-serif;color:var(--white);background:var(--sea);border:0;width:100vw;max-width:none;height:100svh;max-height:none;margin:0;padding:0;overflow:auto}.play::backdrop{background:#000000b3}.play__bar{z-index:2;height:var(--hud-h);background:var(--night);border-bottom:4px solid var(--night-3);justify-content:space-between;align-items:center;padding:0 16px;display:flex;position:sticky;top:0}.play__title{font-family:var(--pixel);color:var(--sun);text-transform:uppercase;margin:0;font-size:1.4rem;font-weight:500}.play .pad-btn{font-family:var(--pixel);color:var(--white);border:12px solid #0000;border-image:var(--frame) 3 fill / 12px;align-items:center;min-height:44px;padding:0 6px;font-size:1rem;font-weight:500;text-decoration:none;transition:color .12s ease-out,transform .12s ease-out;display:inline-flex}.play .pad-btn:not(:disabled):hover{color:var(--sun);transform:translateY(-2px)}.play .world-map{background:var(--sea);position:relative;overflow:clip}.play .map-frame{width:min(100%, calc((100svh - var(--hud-h)) * 16 / 9));aspect-ratio:16/9;margin:0 auto;position:relative}.play .map{-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;overflow:visible}.play .map--tall{display:none}.play .waves{animation:2.4s steps(3,end) infinite waves}@keyframes waves{to{transform:translate(-24px)}}.play .map-label{font-family:var(--pixel);fill:var(--white);stroke:var(--night);stroke-width:1.6px;paint-order:stroke;letter-spacing:.04em;font-weight:500}.play .node{cursor:pointer;outline:none}.play .node__pad{fill:var(--white);transition:fill .12s}.play .node:hover .node__pad{fill:#fff}.play .node.is-current .node__pad{animation:.9s step-end infinite blink}@keyframes blink{50%{fill:var(--red)}}.play .node__ring{stroke:#0000;stroke-width:1.5px}.play .node:focus-visible .node__ring{stroke:var(--white)}.play .avatar{transition:transform .14s linear}.play .avatar__bob{animation:.7s step-end infinite bob}@keyframes bob{50%{transform:translateY(-1px)}}.play .map-hint{font-family:var(--pixel);color:var(--white);text-shadow:2px 2px 0 var(--night);align-items:center;gap:6px;margin:0;font-size:.95rem;display:flex;position:absolute;bottom:14px;right:clamp(12px,2vw,24px)}.play .map-hint span:last-child{margin-left:6px}.play .keycap{background:var(--white);width:28px;height:28px;color:var(--night);box-shadow:inset 0 -4px 0 #8d8c94, 0 0 0 2px var(--night);place-items:center;display:inline-grid}.play .dialog{scrollbar-width:thin;border:16px solid #0000;border-image:var(--frame) 3 fill / 16px;width:41%;max-height:52%;padding:6px 10px 4px;font-size:clamp(.85rem,1.1vw,1rem);line-height:1.5;position:absolute;top:4%;left:2%;overflow-y:auto}.play .dialog__where{font-family:var(--pixel);color:var(--muted);align-items:center;gap:10px;font-size:.95em;display:flex}.play .dialog__code{background:var(--sun);color:var(--night);padding:0 6px;font-weight:500}.play .dialog__title{font-family:var(--pixel);color:var(--sun);margin-top:8px;font-size:1.9em;font-weight:500;line-height:1.05}.play .dialog__role{margin-top:4px;font-weight:500}.play .dialog__years{color:var(--muted);font-weight:400;display:block}.play .dialog__summary{margin-top:10px}.play .dialog__more{color:var(--sun);margin-top:8px;font-weight:500;display:none}.play .dialog__shipped,.play .level__shipped{gap:4px;margin:10px 0 0;padding:0;list-style:none;display:grid}.play .dialog__shipped li,.play .level__shipped li{padding-left:18px;position:relative}.play .dialog__shipped li:before,.play .level__shipped li:before{content:"";background:var(--sun);width:6px;height:6px;box-shadow:0 0 0 2px var(--night);position:absolute;top:.62em;left:2px}.play .dialog__controls{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.play .dialog__count{font-family:var(--pixel);color:var(--muted)}.play .pad-btn{cursor:pointer;background:0 0;justify-content:center;min-width:52px}.play .pad-btn:disabled{opacity:.35;cursor:default}@media (max-width:1379px){.play .dialog__shipped{display:none}.play .dialog__more{display:inline-block}}@media (max-width:1099px){.play .map-frame{aspect-ratio:auto;width:100%;max-width:640px}.play .map--wide{display:none}.play .map--tall{height:auto;display:block}.play .dialog{width:auto;max-height:48svh;margin:-12px 10px 12px;font-size:.95rem;position:sticky;top:auto;bottom:10px;left:auto}.play .map-hint,.play .dialog__shipped{display:none}.play .dialog__more{display:inline-block}}