.overview-document{height:auto;min-height:100%;overflow:auto;background:#080f1e}
.overview-page{--ink:#e4f1ff;--muted:#809cb6;--blue:#78c7ff;--tile:clamp(176px,min(calc((100svh - 140px)/4),calc((100vw - 60px)/4)),244px);--gap:12px;margin:0;min-height:100svh;height:auto;overflow:visible;color-scheme:dark;background:#080f1e;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.overview-page *{box-sizing:border-box}.overview-page button{font:inherit;cursor:pointer}.overview-page button,.overview-page a{-webkit-tap-highlight-color:transparent}.overview-page a{color:inherit}.overview-page :focus-visible{outline:3px solid #9bd7ff;outline-offset:4px}.overview-page [hidden]{display:none!important}
.overview-page>.overview-world{z-index:0}.overview-page>header,.overview-page>main{position:relative;z-index:1}
.overview-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:22px 24px 8px}.overview-brand{justify-self:start}.experiment-heading{text-align:center}.experiment-heading>span{font:9px ui-monospace,monospace;letter-spacing:1.5px;color:var(--muted)}.experiment-heading h1{font-size:21px;letter-spacing:-.7px;margin:5px 0 0}.overview-account{justify-self:end;font-size:12px;text-decoration:none;color:#a7c1d6!important}.overview-account span{margin-left:9px}
.overview-intro{width:calc(4*var(--tile) + 3*var(--gap));margin:0 auto;display:flex;justify-content:flex-end;padding:7px 0 12px}.overview-intro p{margin:0;font:9px ui-monospace,monospace;color:#a69bb9;letter-spacing:.3px}.overview-intro .is-unavailable{color:#dfa4b6}
.overview-reserved{display:flex;justify-content:center;margin:0 auto var(--gap)}
.overview-grid{width:calc(4*var(--tile) + 3*var(--gap));margin:0 auto 24px;display:grid;grid-template-columns:repeat(4,var(--tile));grid-template-rows:repeat(4,var(--tile));gap:var(--gap)}
.placement-card{cursor:pointer;position:relative;display:flex;flex-direction:column;min-width:0;width:var(--tile);height:var(--tile);padding:16px;border:1px solid #b3627270;border-radius:12px;background:linear-gradient(145deg,#132338e6,#101729f5);box-shadow:0 12px 36px #0000001a,inset 0 1px #dca4cc06;transition:border-color .2s,background .2s,box-shadow .2s}
.placement-card.is-hovered{border-color:#c793b69c}.placement-card.is-selected{border-color:var(--blue);background:linear-gradient(145deg,#173c59e6,#12283ef5);box-shadow:0 0 0 3px #78c7ff13,0 0 24px #54b9ff16,inset 0 1px #b7e5ff10}.placement-card.is-selected.is-hovered{border-color:#a6dcff}
.card-heading{display:flex;align-items:start}.card-select{background:none;border:0;color:var(--ink);padding:0;min-width:0;text-align:left;flex:1}.card-select>span{font:9px ui-monospace,monospace;color:#a386a2;display:block;margin-bottom:5px;letter-spacing:.8px}.card-select h2{font-size:15px;line-height:1.18;letter-spacing:-.3px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 0 7px;font:9px ui-monospace,monospace;color:#7a94af}.card-meta strong{font:700 12px ui-monospace,monospace;color:#e0c2df}
.card-ranks{margin:0;list-style:none;padding:0 0 2px;flex:1;display:grid;grid-template-rows:repeat(4,1fr);gap:4px;min-height:76px}.card-ranks li{display:flex;gap:8px;align-items:center;font-size:11px;min-width:0;padding:0;border:0}.card-ranks li:before{content:none}.card-rank{font:10px ui-monospace,monospace;color:#6f8aa5;width:10px;flex:none}.card-identity{display:flex;align-items:center;gap:5px;flex:1;min-width:0}.card-company{color:#bed3e5;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.card-avatar{width:16px;height:16px;border-radius:3px;object-fit:contain}.card-line{display:block;height:1px;background:#739caf25;flex:1;max-width:65%;margin-right:auto}.card-amount{font:10px ui-monospace,monospace;color:#718fa9}.card-ranks li:first-child .card-company{font-weight:700;color:#e3c0df}
.card-bid{flex:none;margin-top:14px;padding:9px 12px;border:1px solid #e49bc880;border-radius:5px;background:linear-gradient(100deg,#bc719f,#9571ae);text-align:center;font-size:11px!important;font-weight:700!important;font-family:Arial,Helvetica,sans-serif!important;line-height:1.2;color:#fff;display:flex;align-items:center;justify-content:center;min-height:35px;box-shadow:inset 0 1px #f5c4e322,0 3px 12px #bc719f15}.card-bid:hover{filter:brightness(1.12)}.is-selected .card-bid{background:linear-gradient(100deg,#3e8dbb,#497cac);border-color:#a6dcff;color:#fff;box-shadow:inset 0 1px #b7e5ff28,0 3px 12px #78c7ff1a}.is-selected .card-select>span,.is-selected .card-meta strong{color:#9cd9ff}
.name-card,.name-card.is-selected{background:linear-gradient(145deg,#15253deb,#111b30f5);border-color:#c78fbb8c;box-shadow:inset 0 1px #eab9d41a,0 0 25px #bb73af12;overflow:hidden;isolation:isolate}.name-card .card-heading{position:relative;z-index:2}.name-card .card-select>span{color:#c490b9}.name-card .card-select h2{font-size:15px}.name-card>small{font:8px ui-monospace,monospace;letter-spacing:.9px;text-align:center;color:#b98cb5;position:relative;z-index:2;margin-top:8px}
.name-whiteboard{position:relative;flex:1;width:85%;max-width:210px;margin:12px auto 0;border:2px solid #839ab34f;border-radius:3px;background:linear-gradient(145deg,#1b2e45d4,#14243bc9);box-shadow:inset 0 1px #b8d0e017,0 3px 15px #0002;color:#e5f1ff;display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:800;line-height:1.15;letter-spacing:2px}.name-whiteboard>span{position:relative;z-index:3}.name-whiteboard>span:first-child,.name-whiteboard>span:nth-child(3){font-size:20px;text-shadow:-1px -1px #102036,1px 1px #102036,0 2px 4px #081323}.name-blank{width:65%;height:30px;border-bottom:1px solid #849dbb80;margin:3px 0 9px}
.name-whiteboard>.name-padlock{position:absolute;left:50%;top:58%;transform:translate(-50%,-50%);width:24px;height:22px;border:1px solid #845b9f;border-radius:5px;background:linear-gradient(140deg,#e9a8d3,#c67ec1 62%,#9974b8);z-index:4;animation:name-lock-charge 1.12s ease-in-out infinite}.name-padlock:before{content:'';position:absolute;left:3px;right:3px;top:-9px;height:11px;border:2px solid #d991d6;border-bottom:0;border-radius:10px 10px 0 0}.name-padlock:after{content:'';position:absolute;width:3px;height:7px;left:50%;top:7px;transform:translateX(-50%);background:#704787;border-radius:5px}
@keyframes name-lock-charge{0%,100%{box-shadow:0 0 7px #e59bd435,inset 0 1px #f7d5ed66}50%{box-shadow:0 0 13px #e59bd46b,0 0 25px #bb77bf21,inset 0 1px #f7d5ed66}}
.name-energy{--charge-unit:156px;--charge-gap:30px;position:absolute;left:0;right:0;top:59%;width:100%;height:64px;transform:translateY(-50%);overflow:hidden;z-index:1;pointer-events:none}.name-energy-track{display:flex;width:max-content;gap:var(--charge-gap);height:64px;align-items:center;animation:molten-train 1.12s linear infinite;animation-delay:-.38s;will-change:transform}.name-energy .molten-unit{display:block;flex:0 0 var(--charge-unit);width:var(--charge-unit);height:62.4px;overflow:visible}
.molten-body{fill:#f05ab4;stroke:#311b48;stroke-width:3.6;stroke-linejoin:round;stroke-linecap:round}.molten-shadow{fill:#aa3fa8}.molten-core{fill:#ff95da}.molten-ink{fill:none;stroke:#762a82;stroke-width:2;stroke-linecap:round}.splash-current{fill:none;stroke:#ffd5ef;stroke-width:2.4;stroke-linecap:round;opacity:.65;animation:splash-current .68s linear infinite;will-change:transform}
@keyframes molten-train{from{transform:translate3d(calc(-1*(var(--charge-unit) + var(--charge-gap))),0,0)}to{transform:translate3d(0,0,0)}}@keyframes splash-current{from{transform:translateX(-120px)}to{transform:translateX(0)}}
.observer{grid-column:2/span 2;grid-row:2/span 2;min-height:0;display:flex;flex-direction:column;border:1px solid #789fb54a;border-radius:16px;background:radial-gradient(ellipse at 50% 42%,#203a51,#101b2d 76%);overflow:hidden;position:relative;box-shadow:inset 0 1px #b3deea0a,0 20px 60px #0002}.observer:after{content:'';position:absolute;inset:12px;border:1px solid #a9d1e408;border-radius:5px;pointer-events:none}.observer-top{position:absolute;top:18px;left:18px;right:18px;display:flex;align-items:center;z-index:2;pointer-events:none}.observer-instruction{margin-left:32px;background:#102136df;border:1px solid #8dbbd322;border-radius:6px;padding:7px 10px;max-width:calc(100% - 40px)}.observer-instruction h2{margin:0;font-size:14px;line-height:1.2;letter-spacing:-.4px}.observer-instruction p{margin:4px 0 0;color:#9bb9d1;font-size:9px;line-height:1.4}.observer-reset{position:absolute;left:0;top:50%;transform:translateY(-50%);pointer-events:auto;width:32px;height:32px;display:grid;place-items:center;padding:0;border:1px solid #8ab4ce4a;border-radius:50%;background:#14273dcf;color:#bedaea;font-size:18px!important;line-height:1}
.observer-stage{position:relative;flex:1;min-height:0;isolation:isolate;background-image:linear-gradient(#9acddd05 1px,transparent 1px),linear-gradient(90deg,#9acddd05 1px,transparent 1px);background-size:28px 28px}.observer-stage canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab;outline:none}.observer-stage canvas:active{cursor:grabbing}.observer-stage canvas.over-placement{cursor:pointer}.observer-loading{position:absolute;inset:0;display:grid;place-items:center;font:11px ui-monospace,monospace;color:var(--muted);z-index:1}.observer-unavailable{position:absolute;inset:0;padding:45px 20px 0}.observer-unavailable img{width:100%;height:70%;object-fit:contain;opacity:.65}.observer-unavailable p{font-size:11px;line-height:1.6;text-align:center}.observer-hover{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);border:1px solid #78c7ff80;background:#102b43ed;color:#b0e4ff;padding:7px 11px;font-size:10px;white-space:nowrap;border-radius:5px;pointer-events:none}
.observer-controls{display:flex;align-items:center;justify-content:center;gap:10px;font:8px ui-monospace,monospace;color:#7f9ab2;min-height:27px;flex:none}.observer-controls button{width:28px;height:25px;border:0;background:none;color:#9ebed4;font-size:19px!important}.room-entry{display:flex;align-items:center;justify-content:center;padding:10px 10px 18px;flex:none}.room-entry a{position:relative;display:flex;justify-content:center;align-items:center;min-width:220px;padding:12px 32px;border:1px solid #d285ba65;border-radius:7px;background:linear-gradient(100deg,#be719f,#9670af);color:#0d1423;font-size:12px;font-weight:700;text-decoration:none}.room-entry a>span{position:absolute;right:16px}.room-entry a:hover{filter:brightness(1.1)}.overview-noscript{margin:40px;text-align:center}
@media(max-width:1000px){.placement-card{padding:12px}.card-select h2,.name-card .card-select h2{font-size:13px}.card-ranks{min-height:65px}.card-meta{padding-top:9px}.card-bid{margin-top:12px;min-height:33px;padding:8px}.name-whiteboard>span:first-child,.name-whiteboard>span:nth-child(3){font-size:18px}}
@media(max-width:900px){.overview-page{--tile:calc((100vw - 42px)/2);--gap:10px}.overview-header{grid-template-columns:1fr auto;padding:16px;gap:12px}.experiment-heading{grid-column:1/-1;grid-row:2}.overview-account{font-size:10px}.experiment-heading>span{font-size:8px}.experiment-heading h1{font-size:19px}.overview-intro{width:calc(100% - 32px);padding:0 0 12px}.overview-intro p{font-size:8px}.overview-reserved{margin-bottom:10px}.overview-grid{width:calc(100% - 32px);grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;grid-auto-rows:230px;gap:10px}.overview-grid .placement-card{grid-column:auto!important;grid-row:auto!important}.placement-card{width:100%;height:230px;padding:13px}.overview-reserved>.placement-card{width:var(--tile);height:230px}.observer{grid-column:1/-1;grid-row:1;height:440px;min-height:0;order:-1}.card-select h2{font-size:14px}.card-meta{padding-top:11px}.card-ranks{min-height:76px}.card-bid{margin-top:14px;min-height:35px}.name-card .card-select h2{font-size:13px}.name-whiteboard{width:90%}.name-whiteboard>span:first-child,.name-whiteboard>span:nth-child(3){font-size:18px}.observer-top{top:16px;left:16px;right:16px}}
@media(prefers-reduced-motion:reduce){.overview-page *{scroll-behavior:auto;transition:none!important}.name-energy-track,.splash-current,.name-padlock{animation:none!important}.name-energy-track{transform:none}.splash-current{transform:none}}
/* Keep navigation visible while the square board is centered on arrival. */
.overview-page>.overview-header{position:sticky;top:0;z-index:5;background:#080f1ef5;backdrop-filter:blur(10px)}

@media(min-width:901px) and (max-height:949px){.placement-card{padding:11px 12px}.card-select>span{font-size:8px;margin-bottom:4px}.card-select h2,.name-card .card-select h2{font-size:14px}.card-meta{padding:8px 0 5px;font-size:8px}.card-meta strong{font-size:11px}.card-ranks{min-height:56px;gap:3px}.card-ranks li{font-size:10px}.card-rank,.card-amount{font-size:9px}.card-avatar{width:13px;height:13px}.card-bid{min-height:32px;padding:8px;margin-top:12px}.name-whiteboard{margin-top:8px}.name-whiteboard>span:first-child,.name-whiteboard>span:nth-child(3){font-size:18px}.name-card>small{font-size:7px;margin-top:6px}}