/* The little playable well uses the project collection's palette and bevels. */
.well-lip strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.well-game-link{flex-shrink:0;margin-left:auto;display:inline-flex;align-items:center;justify-content:flex-end;gap:12px;min-height:44px;min-width:82px;padding:0;border:0;background:none;color:#b4d6f6;font:11px var(--mono);letter-spacing:0;white-space:nowrap}
.well-game-link .well-lamp{margin:0;flex:none}.well-game-link:hover{color:#fff}.well-game-link:focus-visible{outline:2px solid #89d4ff;outline-offset:3px}
body.game-modal-open{overflow:hidden}
dialog.game-invite,dialog.game-modal{color:#e6eff9;background:#081423;border:1px solid #5589b3;box-shadow:0 24px 110px #000c,0 0 60px #589aff16;border-radius:3px}
dialog.game-invite::backdrop,dialog.game-modal::backdrop{background:#020711d9;backdrop-filter:blur(5px)}
dialog.game-invite{width:min(440px,calc(100vw - 32px));padding:36px;max-height:calc(100dvh - 32px)}
.game-invite .eyebrow{color:#88cbff;font-size:9px;margin-bottom:20px}.game-invite h2{font-size:clamp(26px,5vw,34px);line-height:1.2;letter-spacing:-.04em;margin:0 0 16px}.game-invite p{font:12px/1.8 var(--mono);color:#8ba6c2;margin:0 0 26px}
.game-invite-actions{display:flex;gap:12px}.game-invite-actions button{min-width:90px;min-height:44px;padding:10px 24px;border:1px solid #538abb;background:#11253c;color:#e6eff9;font:12px var(--mono)}.game-invite-actions #game-yes{background:#589aff;color:#06101d;border-color:#589aff}.game-invite-actions button:hover{filter:brightness(1.15)}
dialog.game-modal{--game-cell:min(26px,calc((100dvh - 218px)/20),calc((100vw - 208px)/10));width:max-content;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:20px;overflow:hidden}
.game-modal[open]{display:flex;flex-direction:column;gap:var(--game-gap,16px)}
.game-header{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:42px;padding-bottom:12px;border-bottom:1px solid #5584aa40}.game-header .eyebrow{font:8px var(--mono);color:#85b6e3;letter-spacing:.13em;margin:0 0 4px}.game-header h2{font-size:24px;letter-spacing:-.045em;line-height:1.1;margin:0}.game-close{align-self:flex-start;border:1px solid #5584aa55;width:40px;height:40px;padding:0;background:#0e1d30;color:#bbd9f3;font-size:26px;line-height:1}
.game-layout{display:grid;grid-template-columns:auto 112px;gap:20px;align-items:start}
.game-arena{position:relative;width:calc(var(--game-cell)*10);height:calc(var(--game-cell)*20);border:1px solid #5687b2;box-sizing:content-box;background:#07101d;box-shadow:0 0 30px #589aff0a}
#game-canvas{display:block;width:100%;height:100%}.game-sidebar{display:flex;flex-direction:column;gap:16px;padding-top:1px}.game-next-label,.game-stat dt{color:#85a4c1;font:9px var(--mono);letter-spacing:.1em;text-transform:uppercase;margin:0 0 6px}.game-next-label{display:block}#game-next{display:block;width:80px;height:64px;margin-left:-8px}.game-stats{margin:0;display:grid;gap:13px}.game-stat dd{font:21px/1.1 var(--mono);color:#dfedff;margin:0}.game-stat:last-child dd{color:#89d4ff}
.game-pause{min-height:44px;width:100%;border:1px solid #5584aa70;background:#112136;color:#c5dff7;font:11px var(--mono);padding:8px}.game-pause:disabled{opacity:.4;cursor:default}.game-key-help{font:10px/1.9 var(--mono);color:#8ba6c2;margin:0}.game-key-help kbd{color:#d9eaff;font:inherit}.game-caption{font:9px/1.65 var(--mono);color:#7190af;margin:0}
.game-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;border-top:1px solid #5584aa40;padding-top:12px}.game-controls button{display:flex;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:6px 10px;background:linear-gradient(135deg,#16314b,#0c1a2c);border:1px solid #538abb70;color:#b8d8f6;font:11px var(--mono);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.game-controls b{font-size:19px;font-weight:400}.game-controls button:hover,.game-controls button.is-held{background:#1d3f61;color:#fff;border-color:#8bcfff}.game-controls button:disabled{opacity:.4;cursor:default}
.game-modal button:focus-visible,.game-invite button:focus-visible{outline:2px solid #b3deff;outline-offset:3px}.game-close:hover,.game-pause:hover{background:#1b3855;color:#fff}
.game-cover{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;padding:14px;background:#06101bed;backdrop-filter:blur(3px);z-index:1}.game-cover[hidden]{display:none}.game-cover .eyebrow{margin:0;color:#8dc9ff;font:8px var(--mono);letter-spacing:.15em}.game-cover h3{font-size:clamp(20px,4vw,32px);line-height:1.1;letter-spacing:-.04em;margin:0}.game-cover p{font:11px/1.8 var(--mono);color:#adc5df;margin:0;white-space:pre-line}.game-cover button{border:1px solid #589aff;background:#589aff;color:#04101d;min-height:44px;padding:10px 22px;font:12px var(--mono)}
@media(max-width:540px){dialog.game-modal{--game-cell:min(24px,calc((100dvh - 208px)/20),calc((100vw - 154px)/10));padding:14px;--game-gap:12px}.game-layout{grid-template-columns:auto 84px;gap:12px}.game-header{padding-bottom:10px;gap:10px}.game-header h2{font-size:21px}.game-sidebar{gap:12px}.game-stat dd{font-size:18px}.game-key-help{font-size:9px}.game-caption{display:none}.game-controls{gap:6px;padding-top:10px}.game-controls button{padding:6px;gap:5px;font-size:10px}.game-controls b{font-size:17px}#game-next{width:72px;height:58px}.game-invite{padding:28px!important}}
@media(max-height:540px){dialog.game-modal{--game-cell:min(22px,calc((100dvh - 154px)/20),calc((100vw - 208px)/10));padding:10px;--game-gap:8px}.game-header{min-height:34px;padding-bottom:6px}.game-header h2{font-size:18px}.game-header .eyebrow{display:none}.game-close{height:34px;width:34px}.game-sidebar{gap:7px}.game-stats{gap:5px}.game-stat dt{margin-bottom:2px;font-size:8px}.game-stat dd{font-size:15px}.game-next-label{font-size:8px;margin-bottom:0}#game-next{width:52px;height:40px;margin-left:-4px}.game-key-help,.game-caption{display:none}.game-pause{min-height:36px}.game-controls{padding-top:6px}.game-controls button{min-height:38px}.game-cover{gap:8px}.game-cover h3{font-size:20px}.game-cover .eyebrow{display:none}}