/* demo.css */
.archive-main { padding-top: 25px; }
.collection-heading { display:flex; justify-content:space-between; gap:16px; margin-bottom:12px; color:#9fb8cd; font-size:.75rem; letter-spacing:.1em; }
.collection-heading span:last-child { letter-spacing:0; }
.collection-heading i { display:inline-block; width:6px; height:6px; margin-right:7px; border-radius:50%; background:var(--green); }
.game-picker { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:22px; }
.game-choice { position:relative; min-width:0; display:flex; align-items:center; gap:18px; min-height:114px; padding:14px 24px; border:1px solid #234055; border-radius:10px; background:linear-gradient(115deg,#0b1a28,#060e18); color:#c9d9e5; text-align:left; cursor:pointer; transition:border-color .18s,background .18s; }
.game-choice[aria-pressed="true"] { border-color:#e7b34c; background:linear-gradient(110deg,#262017,#111b28 65%); box-shadow:inset 3px 0 #ffc34b,0 8px 32px #0003; }
.game-choice:hover { border-color:#82cce8; }
.choice-number { font-size:.75rem; color:#809bb0; font-variant-numeric:tabular-nums; }
.game-choice img { width:104px; height:104px; object-fit:contain; flex:none; }
.game-choice .choice-avatar { display:block; width:174px; height:174px; flex:none; }
.choice-avatar--pichone { background:url("/games/pichone-fly/assets/pichone_fly_sheet_preview.png") left center / 1000% 100% no-repeat; filter:drop-shadow(0 5px 10px #0008); }
.choice-copy { display:grid; min-width:0; gap:3px; }
.choice-label { color:#97bbd2; font-size:.75rem; letter-spacing:.1em; font-weight:750; }
[aria-pressed="true"] .choice-label { color:#ffc957; }
.choice-copy strong { font-size:clamp(1rem,1.6vw,1.4rem); color:#f6f7fa; line-height:1.25; }
.choice-copy small { font-size:.875rem; color:#9fb1c1; }
.choice-indicator { font-size:1.6rem; margin-left:auto; color:#71889d; }
[aria-pressed="true"] .choice-indicator { color:#ffc957; }
.archive-stage { grid-template-columns:minmax(0,.65fr) minmax(0,1fr) minmax(0,1.2fr); }
.archive-intro { padding-top:20px; padding-bottom:20px; }
.archive-lede { font-size:1rem; line-height:1.7; }
.archive-subtitle { font-size:.875rem; }
.archive-index small { font-size:.75rem; color:#8097ac; }
.pichone-display { display:none; position:absolute; inset:15% 23% 35% 28%; z-index:2; grid-template-rows:minmax(0,1fr) 28%; justify-items:center; overflow:hidden; }
[data-selected="pichone"] .pichone-display { display:grid; }
[data-selected="pichone"] .artifact-logo { display:none; }
.pichone-sprite { position:relative; height:100%; width:auto; max-width:100%; aspect-ratio:1; background:url("/games/pichone-fly/assets/pichone_fly_sheet_preview.png") left center / 1000% 100% no-repeat; filter:drop-shadow(0 6px 10px #0009); }
.artifact-frame .pichone-display img { position:static; width:100%; height:100%; min-height:0; object-fit:contain; filter:drop-shadow(0 3px 5px #000b); }
.station-label { font-size:.75rem; }
.mission-path { margin-top:18px; }
.mission-path p { margin:0 0 14px; color:var(--cyan); font-size:.75rem; font-weight:750; letter-spacing:.1em; }
.mission-path ol { display:flex; list-style:none; margin:0; padding:0; gap:12px; }
.mission-path li { flex:1; display:flex; gap:9px; align-items:flex-start; }
.mission-path b { display:grid; place-items:center; flex:none; width:28px; height:28px; font-size:.75rem; color:#ffcd69; border:1px solid #65502c; background:#231e15; border-radius:5px; }
.mission-path li > span { font-size:.875rem; color:#d5e5f1; }
.mission-path small { display:block; font-size:.75rem; color:#8398aa; margin-top:3px; }
.next-release { grid-area:shelf; display:flex; align-items:center; gap:17px; border-top:1px solid #173144; padding:22px 4px 0; color:#99aebe; }
.next-number { font-size:.875rem; font-weight:700; color:#567a92; }
.next-release > span:nth-child(2) { font-size:1rem; }
.next-release small { margin-left:auto; font-size:.875rem; color:#7f94a8; }
.preview-screen .preview-launch { opacity:1; top:auto; bottom:20px; right:20px; left:auto; transform:none; display:flex; gap:9px; font-size:.75rem; }
.preview-launch b { width:38px; height:38px; font-size:.875rem; }
.preview-screen:hover .preview-launch,.preview-screen:focus-visible .preview-launch { transform:none; }
.preview-screen > img { object-fit:contain; }
.selection-title h2 { white-space:normal; }
.selection-status { font-size:.75rem; }
.selection-meta dt { font-size:.75rem; color:#8197aa; }
.selection-meta dd { font-size:.875rem; white-space:normal; }
.play-game-button small { font-size:.75rem; letter-spacing:0; }
@media(min-width:1041px) {.selected-game { min-height:164px; grid-template-columns:minmax(0,1.12fr) minmax(0,1fr) minmax(185px,.85fr); align-items:center; padding:40px 8% 26px 12%; }
.selection-number { top:28%; bottom:16%; left:8%; }
.selection-title { min-width:0; align-self:stretch; flex-direction:column; align-items:flex-start; justify-content:center; gap:9px; padding:0 18px; }
.selection-title h2 { font-size:clamp(1.3rem,1.9vw,2rem); line-height:1.12; }
.selection-meta { grid-template-columns:1fr 1fr; align-self:stretch; align-items:center; padding:0 12px; gap:14px; }
.selection-meta div { padding:0; }
.selection-meta div+div { border:0; }
.selection-meta dt { margin-bottom:6px; font-size:.75rem; letter-spacing:.06em; }
.selection-meta dd { font-size:.8125rem; line-height:1.5; }
.play-game-button { top:28%; bottom:16%; }}
@media(min-width:1041px) and (max-width:1440px) {.selection-meta { grid-template-columns:1fr; align-content:center; gap:9px; }
.selection-meta dt { margin-bottom:2px; }
.selection-meta dd { font-size:.75rem; }}
@media(min-width:821px) and (max-width:1040px) {.archive-stage { grid-template-columns:minmax(0,.7fr) minmax(0,1fr); }
.archive-intro { min-height:340px; }
.game-choice { padding:12px; gap:10px; }
.game-choice img { width:58px; height:58px; }
.game-choice .choice-avatar { width:136px; height:136px; }
.choice-copy small { display:none; }
.selected-game { grid-template-columns:auto minmax(0,1fr) minmax(200px,.8fr); }}
@media(max-width:820px) {.collection-heading { font-size:.75rem; letter-spacing:.04em; }
.game-picker { gap:10px; margin-bottom:12px; }
.game-choice { min-height:148px; padding:12px 10px; display:grid; grid-template-columns:1fr auto; align-content:start; gap:8px; }
.game-choice img { width:50px; height:50px; grid-column:1; grid-row:1; }
.game-choice .choice-avatar { width:122px; height:122px; grid-column:1; grid-row:1; }
.choice-number { grid-column:2; grid-row:1; align-self:start; }
.choice-copy { grid-column:1/-1; gap:5px; }
.choice-copy strong { font-size:1rem; }
.choice-label { font-size:.75rem; letter-spacing:0; }
.choice-copy small,.choice-indicator { display:none; }
.archive-stage { grid-template-columns:1fr; gap:16px; }
.archive-intro { padding-block:12px 0; }
.archive-intro h1 { font-size:clamp(2.3rem,9vw,3.4rem); }
.archive-intro h1 br { display:inline; }
.archive-intro h1 br::after { content:" "; }
.archive-intro .archive-subtitle,.archive-intro .archive-kicker,.archive-index { display:none; }
.archive-lede { margin-top:12px; max-width:100%; font-size:1rem; }
.game-artifact { width:min(80%,350px); margin-block:-15px -25px; }
.selection-title { min-height:72px; }
.selection-status { font-size:.75rem; }
.play-game-button { min-height:64px; }
.mission-path ol { flex-wrap:wrap; gap:14px; }
.mission-path li { min-width:90px; }
.mission-path li > span { font-size:.875rem; }
.mission-path b { display:none; }
.next-release { flex-wrap:wrap; gap:8px 14px; }
.next-release small { width:100%; margin-left:0; }}

/* library-variants.css */
.collection-heading { margin-bottom:18px; }
.library-card.game-choice { isolation:isolate; overflow:hidden; gap:0; padding:0; min-width:0; border:1px solid #31495c; color:#dbe8f3; box-shadow:none; }
.library-card::after { content:""; position:absolute; inset:0; z-index:5; pointer-events:none; border-radius:inherit; box-shadow:inset 0 0 0 1px #ffffff05; }
.library-card[aria-pressed="true"] { border-color:#ffc66a; }
.library-card:focus-visible { outline:3px solid #c1f0ff; outline-offset:5px; }
.library-card .library-number { z-index:2; color:#8ba4b9; font-size:.8125rem; letter-spacing:.08em; font-variant-numeric:tabular-nums; }
.library-art { position:relative; z-index:1; display:grid; place-items:center; min-width:0; }
.library-card .library-avatar { display:block; position:relative; z-index:2; width:150px; height:150px; object-fit:contain; filter:drop-shadow(0 12px 14px #0009); }
.library-card .library-avatar--pichone { width:176px; height:176px; background:url("/games/pichone-fly/assets/pichone_fly_sheet_preview.png") left center / 1000% 100% no-repeat; }
.library-copy { display:grid; align-content:center; gap:10px; z-index:2; min-width:0; }
.library-label { font-size:.75rem; font-weight:800; letter-spacing:.09em; color:#a9cddd; }
[data-select-game="pichone"] .library-label { color:#ffd17c; }
.library-copy strong { color:#f6f9fc; font-size:clamp(1.4rem,2.05vw,2.15rem); line-height:1.12; letter-spacing:-.03em; }
.library-description { color:#a3b9ca; font-size:.9375rem; line-height:1.6; max-width:34ch; }
.library-details { position:relative; z-index:2; display:grid; gap:6px; font-size:.8125rem; color:#b8cbd9; }
.library-details small { font-size:.8125rem; color:#7e9bb0; }
.library-action { display:flex; align-items:center; gap:12px; z-index:2; font-size:.875rem; font-weight:650; color:#9bbbd1; }
.library-action b { display:grid; place-items:center; width:38px; height:38px; border:1px solid #3e5a6d; border-radius:50%; font-size:1.25rem; font-weight:500; }
[aria-pressed="true"] .library-action { color:#ffd17c; }
[aria-pressed="true"] .library-action b { border-color:#e8ae4d; background:#e8ae4d; color:#13171f; }
.library-selected { display:none; }
[aria-pressed="true"] .library-selected { display:inline; }
[aria-pressed="true"] .library-unselected { display:none; }
.library-landscape { position:absolute; inset:0; z-index:0; pointer-events:none; }
[data-library="b"] .game-picker { gap:22px; }
[data-library="b"] .library-card { display:grid; grid-template-columns:1.25fr .8fr; grid-template-rows:1fr auto; min-height:302px; padding:28px; border-radius:16px; background:#0a1724; }
[data-library="b"] [data-select-game="pichone"] .library-landscape { background:linear-gradient(90deg,#06111eef 3%,#06111ea6 50%,#07121a30),linear-gradient(0deg,#020b16,transparent 80%),url("/games/pichone-fly/assets/environment/sky-machine-world-landscape-v2.webp") center / cover; }
[data-library="b"] [data-select-game="brainrot"] .library-landscape { background:linear-gradient(90deg,#100c20f5 5%,#140f25bc 55%,#100b2044),linear-gradient(0deg,#080b1b,transparent 80%),url("/games/assets/brainrot-2048-cover-v1.png") center / cover; }
[data-library="b"] .library-number { position:absolute; right:22px; top:18px; color:#d6e8f4; }
[data-library="b"] .library-copy { grid-column:1; grid-row:1; align-content:center; padding:16px 0 20px; }
[data-library="b"] .library-copy strong { font-size:clamp(1.65rem,2.5vw,2.5rem); }
[data-library="b"] .library-label { justify-self:start; padding:5px 9px; border:1px solid #adc5dc55; border-radius:4px; background:#091523aa; }
[data-library="b"] .library-description { color:#c0d0dd; }
[data-library="b"] .library-art { grid-column:2; grid-row:1; align-self:center; }
[data-library="b"] .library-avatar { width:clamp(130px,12vw,204px); height:clamp(130px,12vw,204px); }
[data-library="b"] .library-avatar--pichone { width:clamp(160px,15vw,240px); height:clamp(160px,15vw,240px); }
[data-library="b"] .library-details { grid-column:1; grid-row:2; padding-top:15px; }
[data-library="b"] .library-action { grid-column:2; grid-row:2; justify-self:end; align-self:end; }
[data-library="b"] [aria-pressed="true"]::after { box-shadow:inset 0 -3px #ffd17c,inset 0 0 0 1px #ffd17c44; }
@media(max-width:1200px) {[data-library="b"] .library-card { padding:22px; grid-template-columns:1fr .75fr; }}
@media(max-width:820px) {[data-library] .game-picker { grid-template-columns:1fr; gap:14px; }
[data-library="b"] .library-card { min-height:280px; grid-template-columns:1.15fr .85fr; padding:22px 18px; }
[data-library="b"] .library-copy strong { font-size:1.6rem; }
[data-library="b"] .library-avatar { width:128px; height:128px; }
[data-library="b"] .library-avatar--pichone { width:162px; height:162px; }
[data-library="b"] .library-description { font-size:.875rem; }}
@media(max-width:380px) {.library-label { font-size:.75rem; letter-spacing:0; }
.library-description { font-size:.875rem; }
[data-library="b"] .library-card { grid-template-columns:1.1fr .9fr; padding:22px 14px; }
[data-library="b"] .library-avatar--pichone { width:132px; height:132px; }
[data-library="b"] .library-avatar { width:106px; height:106px; }
[data-library="b"] .library-action { gap:7px; font-size:.8125rem; }}
@media(prefers-reduced-motion:reduce) {.library-card { transition:none; }}

/* generated-frames.css */
[data-generated-frame="b"] { --frame-art:url("/games/assets/sky-dock-library-frame-v1.png"); --frame-accent:#8be8ff; --frame-selected:#8be8ff; }
[data-generated-frame] .game-picker { gap:24px; }
[data-generated-frame] .library-card.game-choice { border:40px solid transparent; border-image-source:var(--frame-art); border-image-slice:200 fill; border-image-width:40px; border-image-repeat:stretch; border-radius:0; background:none; box-shadow:none; overflow:visible; transition:filter .18s; }
[data-generated-frame] .library-card.game-choice[aria-pressed="true"] { background:none; box-shadow:none; }
[data-generated-frame] .library-card::before { content:""; position:absolute; inset:0; z-index:0; background:#07121f; pointer-events:none; }
[data-generated-frame] .library-card::after { display:none; }
[data-generated-frame] .library-card:hover { filter:brightness(1.12); }
[data-generated-frame] .library-card:focus-visible { outline:3px solid var(--frame-accent); outline-offset:3px; }
[data-generated-frame] .library-landscape, [data-generated-frame] .library-orbit { display:none; }
[data-generated-frame] .library-art { background:none; border:0; padding:0; }
[data-generated-frame] .library-card .library-label { color:var(--frame-accent); background:none; border:0; padding:0; font-size:.75rem; }
[data-generated-frame] .library-number { position:absolute; top:0; left:4px; right:auto; font-size:.75rem; color:#91a9bd; writing-mode:horizontal-tb; transform:none; }
[data-generated-frame] .library-copy { position:relative; }
[data-generated-frame] .library-copy strong { font-size:clamp(1.5rem,2.15vw,2.15rem); }
[data-generated-frame] .library-action { color:#aec2d3; }
[data-generated-frame] [aria-pressed="true"] .library-action { color:var(--frame-selected); }
[data-generated-frame] [aria-pressed="true"] .library-action b { border-color:var(--frame-selected); background:var(--frame-selected); }
[data-generated-frame] .library-details { background:none; border:0; }
[data-generated-frame="b"] .library-card { grid-template-columns:1.05fr 1fr; grid-template-rows:1fr auto; min-height:334px; padding:14px 6px 6px 14px; }
[data-generated-frame="b"] .library-art { align-self:center; }
[data-generated-frame="b"] .library-card .library-avatar--pichone { width:clamp(200px,18vw,282px); height:clamp(200px,18vw,282px); }
[data-generated-frame="b"] .library-card .library-avatar:not(.library-avatar--pichone) { width:190px; height:190px; }
[data-generated-frame="b"] .library-copy { padding:10px 0; }
[data-generated-frame="b"] .library-details { padding-top:8px; }
@media(min-width:821px) {
  [data-generated-frame="b"] .library-card .library-art .library-avatar--pichone { width:100%; max-width:320px; height:auto; aspect-ratio:1; }}
@media(max-width:1200px) and (min-width:821px) {[data-generated-frame] .game-picker { grid-template-columns:1fr; }
 [data-generated-frame="b"] .library-card { min-height:310px; }
 [data-generated-frame="b"] .library-card .library-avatar--pichone { width:260px; height:260px; }}
@media(max-width:820px) {[data-generated-frame] .game-picker { grid-template-columns:1fr; }
[data-generated-frame] .library-card.game-choice { border-width:24px; border-image-width:24px; }
 [data-generated-frame="b"] .library-card { min-height:320px; grid-template-columns:1fr; grid-template-rows:176px auto auto; padding:0 8px 8px; }
 [data-generated-frame="b"] .library-art { grid-column:1; grid-row:1; min-height:0; height:176px; }
 [data-generated-frame="b"] .library-card .library-avatar--pichone { width:204px; height:204px; }
 [data-generated-frame="b"] .library-card .library-avatar:not(.library-avatar--pichone) { width:150px; height:150px; }
 [data-generated-frame="b"] .library-copy { grid-column:1; grid-row:2; padding:15px 2px 16px; gap:8px; }
[data-generated-frame] .library-copy strong { font-size:1.6rem; }
 [data-generated-frame="b"] .library-description { max-width:none; font-size:.875rem; }
 [data-generated-frame="b"] .library-details { display:none; }
 [data-generated-frame="b"] .library-action { position:static; grid-column:1; grid-row:3; justify-self:start; }}

/* sky-dock-final.css */
.archive-main { padding-top:24px; }
.game-picker { margin-bottom:18px; }
[data-generated-frame="b"] .library-card.game-choice { min-height:250px; border-width:30px; border-image-width:30px; padding:8px 12px; grid-template-columns:minmax(0,1fr) 36%; grid-template-rows:1fr auto; }
[data-generated-frame="b"] .library-card .library-art { min-width:0; min-height:136px; }
[data-generated-frame="b"] .library-card .library-art .library-avatar--pichone { width:100%; max-width:190px; height:auto; aspect-ratio:1; }
[data-generated-frame="b"] .library-card .library-art .library-avatar:not(.library-avatar--pichone) { width:138px; height:138px; max-width:100%; }
[data-generated-frame="b"] .library-copy { gap:8px; padding:10px 10px 10px 0; }
[data-generated-frame="b"] .library-copy strong { font-size:clamp(1.3rem,1.75vw,1.85rem); }
[data-generated-frame="b"] .library-description { font-size:.875rem; line-height:1.5; }
[data-generated-frame="b"] .library-number { display:none; }
[data-generated-frame="b"] .library-details { font-size:.75rem; }
[data-generated-frame="b"] .library-details small { font-size:.75rem; }
[data-generated-frame="b"] .library-action { gap:8px; font-size:.8125rem; }
[data-generated-frame="b"] .library-action b { width:32px; height:32px; }
.pichone-display { inset:13% 22% 34% 27%; overflow:hidden; }
[data-selected="pichone"] .pichone-display { display:block; }
.pichone-display .pichone-sprite { position:absolute; width:88%; height:auto; max-width:none; aspect-ratio:1; left:6%; top:0; }
.artifact-frame .pichone-display img { position:absolute; left:4%; bottom:1%; top:auto; width:92%; height:27%; object-fit:contain; z-index:3; }
@media(min-width:1041px) {.archive-stage { grid-template-columns:minmax(0,.62fr) minmax(0,1.16fr) minmax(0,1.1fr); }
.game-artifact { transform:scale(1.05); }}
@media(min-width:821px) and (max-width:1200px) {[data-generated-frame="b"] .game-picker { grid-template-columns:1fr 1fr; gap:14px; }
[data-generated-frame="b"] .library-card.game-choice { min-height:252px; grid-template-columns:1fr; grid-template-rows:1fr auto; padding:8px; }
[data-generated-frame="b"] .library-art { display:none; }
[data-generated-frame="b"] .library-copy { grid-column:1; grid-row:1; }
[data-generated-frame="b"] .library-details { display:none; }
[data-generated-frame="b"] .library-action { grid-column:1; grid-row:2; justify-self:start; }}
@media(max-width:820px) {[data-generated-frame="b"] .game-picker { grid-template-columns:1fr; gap:12px; }
[data-generated-frame="b"] .library-card.game-choice { min-height:222px; border-width:24px; border-image-width:24px; grid-template-columns:minmax(0,1fr) 34%; grid-template-rows:1fr auto; padding:10px; }
[data-generated-frame="b"] .library-art { grid-column:2; grid-row:1/-1; height:auto; min-height:0; }
[data-generated-frame="b"] .library-card .library-art .library-avatar--pichone { width:136px; height:136px; max-width:none; }
[data-generated-frame="b"] .library-card .library-art .library-avatar:not(.library-avatar--pichone) { width:100px; height:100px; }
[data-generated-frame="b"] .library-copy { grid-column:1; grid-row:1; padding:0 6px 12px 0; }
[data-generated-frame="b"] .library-copy strong { font-size:1.25rem; }
[data-generated-frame="b"] .library-description { display:none; }
[data-generated-frame="b"] .library-action { grid-column:1; grid-row:2; }
.game-artifact { width:min(100%,440px); margin-block:-10px -20px; }}
@media(max-width:380px) {[data-generated-frame="b"] .library-card .library-art .library-avatar--pichone { width:116px; height:116px; }
[data-generated-frame="b"] .library-card.game-choice { padding:8px; }}

/* sky-dock-compact.css */
.archive-main{padding-top:18px}
.collection-heading{margin-bottom:10px;font-size:.75rem}
[data-generated-frame="b"] .game-picker{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
[data-generated-frame="b"] .library-card.game-choice{--pointer-x:50%;--pointer-y:50%;min-height:138px;grid-template-columns:88px minmax(0,1fr) auto;grid-template-rows:1fr;align-items:center;gap:14px;padding:4px 10px;border-width:20px;border-image-width:20px;cursor:pointer;touch-action:manipulation;filter:brightness(.86) saturate(.8);transition:transform 160ms cubic-bezier(.2,.8,.2,1),filter 180ms ease}
[data-generated-frame="b"] .library-card.game-choice[aria-pressed="true"]{filter:brightness(1.08) saturate(1.1) drop-shadow(0 0 7px #49cfff35)}
[data-generated-frame="b"] .library-card.game-choice::after{content:"";display:block;position:absolute;inset:0;z-index:1;pointer-events:none;border:0;box-shadow:none;border-radius:8px;opacity:0;background:radial-gradient(ellipse at var(--pointer-x) var(--pointer-y),#64dfff25,transparent 65%);transition:opacity 180ms ease}
[data-generated-frame="b"] .library-card.game-choice:focus-visible{outline:2px solid #b4f1ff;outline-offset:3px;filter:brightness(1.15)}
[data-generated-frame="b"] .library-card.game-choice:focus-visible::after{opacity:1}
@media(hover:hover) and (pointer:fine){[data-generated-frame="b"] .library-card.game-choice:hover{transform:translateY(-2px);filter:brightness(1.2) saturate(1.13) drop-shadow(0 4px 10px #38bafa30)}
[data-generated-frame="b"] .library-card.game-choice:hover::after{opacity:1}
[data-generated-frame="b"] .library-card:hover .library-avatar{transform:translateY(-2px) scale(1.055)}
[data-generated-frame="b"] .library-card:hover .library-action b{transform:translateX(2px);background:#b8eeff;color:#092031;border-color:#b8eeff}}
[data-generated-frame="b"] .library-card.game-choice:active{transform:translateY(1px) scale(.985);filter:brightness(1.3);transition-duration:75ms}
[data-generated-frame="b"] .library-card .library-art{display:grid;grid-column:1;grid-row:1;min-width:0;min-height:0;height:88px;align-self:center;padding:0}
[data-generated-frame="b"] .library-card .library-art .library-avatar--pichone{width:98px;height:98px;max-width:none;aspect-ratio:1}
[data-generated-frame="b"] .library-card .library-art .library-avatar:not(.library-avatar--pichone){width:76px;height:76px;max-width:100%}
[data-generated-frame="b"] .library-card .library-avatar{transition:transform 220ms cubic-bezier(.2,.8,.2,1)}
[data-generated-frame="b"] .library-card .library-copy{grid-column:2;grid-row:1;padding:0;gap:7px;align-content:center}
[data-generated-frame="b"] .library-card .library-copy strong{font-size:1.125rem;line-height:1.22;letter-spacing:-.02em;overflow-wrap:anywhere}
[data-generated-frame="b"] .library-card .library-label{color:#9ebacd;font-size:.75rem;letter-spacing:.025em;line-height:1.4}
[data-generated-frame="b"] .library-card[aria-pressed="true"] .library-label{color:#9eeaff}
[data-generated-frame="b"] .library-card[aria-pressed="true"] .library-label::before{content:"✓ ";color:#8bedd1}
[data-generated-frame="b"] .library-card .library-description,[data-generated-frame="b"] .library-card .library-details,[data-generated-frame="b"] .library-card .library-number{display:none}
[data-generated-frame="b"] .library-card .library-action{position:static;grid-column:3;grid-row:1;justify-self:end;align-self:center;gap:8px;padding:0;font-size:.8125rem;white-space:nowrap}
[data-generated-frame="b"] .library-card .library-action b{width:30px;height:30px;font-size:1rem;transition:transform 150ms ease,background 150ms ease,color 150ms ease}
.library-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(min-width:821px) and (max-width:1120px){[data-generated-frame="b"] .library-card.game-choice{grid-template-columns:64px minmax(0,1fr) 28px;gap:10px;padding:4px 6px;min-height:124px;border-width:18px;border-image-width:18px}
[data-generated-frame="b"] .library-card .library-art{height:76px}
[data-generated-frame="b"] .library-card .library-art .library-avatar--pichone{width:80px;height:80px}
[data-generated-frame="b"] .library-card .library-art .library-avatar:not(.library-avatar--pichone){width:60px;height:60px}
[data-generated-frame="b"] .library-card .library-action>span{display:none}
[data-generated-frame="b"] .library-card .library-copy strong{font-size:1rem}}
@media(max-width:820px){[data-generated-frame="b"] .game-picker{grid-template-columns:1fr;gap:10px}
[data-generated-frame="b"] .library-card.game-choice{grid-template-columns:64px minmax(0,1fr) 30px;min-height:110px;gap:10px;padding:3px 7px;border-width:16px;border-image-width:16px}
[data-generated-frame="b"] .library-card .library-art{height:68px}
[data-generated-frame="b"] .library-card .library-art .library-avatar--pichone{width:80px;height:80px}
[data-generated-frame="b"] .library-card .library-art .library-avatar:not(.library-avatar--pichone){width:58px;height:58px}
[data-generated-frame="b"] .library-card .library-copy strong{font-size:1rem}
[data-generated-frame="b"] .library-card .library-action>span{display:none}}
@media(prefers-reduced-motion:reduce){[data-generated-frame="b"] .library-card.game-choice,[data-generated-frame="b"] .library-card.game-choice::after,[data-generated-frame="b"] .library-card .library-avatar,[data-generated-frame="b"] .library-card .library-action b{transition:none}
[data-generated-frame="b"] .library-card.game-choice:hover,[data-generated-frame="b"] .library-card.game-choice:active,[data-generated-frame="b"] .library-card:hover .library-avatar,[data-generated-frame="b"] .library-card:hover .library-action b{transform:none}}

/* flight.css */
.pichone-display .pichone-sprite {
  background: none;
  overflow: hidden;
  transform-origin: 54% 58%;
  animation: cabinet-flight-bob 2.15s ease-in-out infinite paused;
}
.pichone-flight-strip {
  display: block;
  width: 1000%;
  height: 100%;
  background: url("/games/pichone-fly/assets/pichone_fly_sheet_preview.png") 0 0 / 100% 100% no-repeat;
  animation: cabinet-flight-frames 830ms steps(10, end) infinite paused;
}
.pichone-display.is-flight-visible .pichone-sprite,
.pichone-display.is-flight-visible .pichone-flight-strip { animation-play-state: running; }
@keyframes cabinet-flight-frames { to { transform: translate3d(-100%, 0, 0); } }
@keyframes cabinet-flight-bob {
  0%, 100% { transform: translate3d(-2px, 2px, 0) rotate(-3deg) scale(.96); }
  42% { transform: translate3d(4px, -4px, 0) rotate(1deg) scale(1.02); }
  68% { transform: translate3d(1px, -1px, 0) rotate(-1deg) scale(.995); }
}
.preview-screen .preview-launch {
  left: clamp(24px, 6%, 40px);
  right: auto;
  bottom: clamp(20px, 4vw, 26px);
  align-items: center;
  gap: 8px;
  padding: 5px 12px 5px 5px;
  border: 1px solid rgba(255, 214, 130, .4);
  border-radius: 999px;
  background: rgba(4, 10, 18, .85);
  box-shadow: 0 4px 14px #0005;
  font-size: .7rem;
  letter-spacing: .07em;
}
@media (prefers-reduced-motion: reduce) {.pichone-display .pichone-sprite,
  .pichone-display .pichone-flight-strip { animation: none !important; }}