/* The complete page remains readable before measurement or without JavaScript. */
.portrait-particles{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;opacity:0;transition:opacity .5s}
[data-particle-source]{transition:opacity .65s}
html[data-motion="rich"] .is-particle-ready>.portrait-particles{opacity:1}
html[data-motion="rich"] .is-particle-ready>[data-particle-source]{opacity:.16}
html[data-motion="static"] .portrait-particles{display:none}
.field-character{background:radial-gradient(ellipse at 80% 20%,#dde5ec 0,transparent 55%),var(--field-soft)}
html[data-motion="rich"] .field-character.is-particle-ready{background:radial-gradient(ellipse at 75% 25%,#373052,transparent 65%),radial-gradient(ellipse at 20% 75%,#173343,transparent 65%),#141924}
html[data-motion="rich"] .field-character.is-particle-ready .field-character-grid{background-image:linear-gradient(#badcfb12 1px,transparent 1px),linear-gradient(90deg,#badcfb12 1px,transparent 1px)}
html[data-motion="rich"] .field-character.is-particle-ready .field-character-ring,html[data-motion="rich"] .field-character.is-particle-ready .field-character-ring:before{border-color:#b9d5ff44}
html[data-motion="rich"] .field-character.is-particle-ready .field-character-index{color:#d2deec20}
.field-character figcaption{z-index:5}.field-character-index{z-index:4}
html[data-motion="rich"] .field-character-ring{border-style:dashed;animation:damuePortraitOrbit 24s linear infinite}
html[data-motion="rich"] .field-character.is-motion-outside .field-character-ring{animation-play-state:paused}
html.motion-suspended .field-character-ring{animation-play-state:paused}
@keyframes damuePortraitOrbit{to{transform:rotate(360deg)}}
.motion-controls{display:none;align-items:center;flex-wrap:wrap;gap:8px;position:relative;z-index:6;font:10px var(--field-mono);letter-spacing:0}
html[data-motion] .motion-controls{display:flex}
.motion-controls [data-motion-readout]{min-width:135px;color:var(--field-muted)}
.motion-controls button{padding:5px 8px;border:1px solid var(--field-line);background:var(--field-panel);color:var(--field-ink);font:10px var(--font-body);cursor:pointer}
.motion-controls button:hover{background:var(--field-signal);color:#171a19;border-color:var(--field-signal)}
.motion-controls button:disabled{opacity:.4;cursor:default}

/* Restore the desktop client's lavender panels, curved cards and layered shell. */
.field-collection .box-stage{grid-template-columns:minmax(260px,.66fr) minmax(0,1.6fr);gap:44px;align-items:center;padding:30px 0 38px;position:relative}
.field-collection .box-stage-copy{position:relative;z-index:3;padding-top:0}
.field-collection .box-brandline{color:var(--field-link)}
.field-collection .box-stage h1{letter-spacing:-1px}
.field-collection .box-machine-zone{position:relative;perspective:2000px;isolation:isolate;min-width:0;padding:50px 110px 55px 0}
.box-device-tag{position:absolute;top:6px;left:8px;display:flex;flex-direction:column;gap:4px;color:var(--field-muted);font:9px var(--field-mono);letter-spacing:1.5px;z-index:3}
.box-device-tag b{font:12px var(--font-body);color:var(--field-ink);letter-spacing:0}
.box-stage-orbit{position:absolute;left:3%;right:-4%;bottom:10px;height:90px;border-radius:50%;border:1px solid color-mix(in srgb,var(--field-link) 22%,transparent);background:radial-gradient(ellipse,#9e8ef326,transparent 65%);transform:rotate(-6deg);z-index:-1}
.box-stage-orbit:after{content:'';position:absolute;inset:10px 50px;border:1px dashed color-mix(in srgb,var(--field-link) 20%,transparent);border-radius:50%}
.box-portrait{position:absolute;right:-25px;top:0;width:235px;height:490px;overflow:hidden;z-index:-1;pointer-events:none;opacity:.78;mask-image:radial-gradient(ellipse at 50% 42%,#000 35%,transparent 74%)}
.box-portrait>[data-particle-source]{display:block;position:absolute;top:0;left:calc(var(--portrait-frame,0) * -100%);width:600%;max-width:none;height:100%;object-fit:fill;opacity:.8}
.field-collection .box-machine{position:relative;z-index:1;transform-style:preserve-3d}
.field-collection .box-library{
 --client-bg:#eeedf4;--client-panel:#f7f6fc;--client-side:#e9e7f2;--client-ink:#2c2b3c;--client-muted:#888399;--client-line:#dcd9e8;--client-accent:#8061dd;--client-accent-soft:#ded7f5;
 border:1px solid #d4cce7;border-radius:18px;overflow:hidden;background:var(--client-bg);color:var(--client-ink);box-shadow:0 32px 60px #26213f21,0 6px 16px #3e2a6112,inset 0 1px #fff;transform-style:preserve-3d;
}
html[data-theme="dark"] .field-collection .box-library{--client-bg:#161622;--client-panel:#1e1d2b;--client-side:#1a1927;--client-ink:#f0eaf7;--client-muted:#a29aac;--client-line:#353044;--client-accent:#b4a0f5;--client-accent-soft:#393050;border-color:#595065}
html[data-theme="gold"] .field-collection .box-library{--client-bg:#181710;--client-panel:#211f16;--client-side:#1c1b13;--client-ink:#f3efd9;--client-muted:#aaa58a;--client-line:#393729;--client-accent:#e0c763;--client-accent-soft:#39321a;border-color:#6b6140}
.field-collection .box-library-head{height:45px;padding:0 16px;border-bottom:1px solid var(--client-line);background:var(--client-panel);color:var(--client-ink);position:relative}
.field-collection .box-library-head:after{content:none}
.field-collection .box-client-identity{font-size:12px;font-weight:800;gap:8px}
.field-collection .box-client-logo{width:23px;height:23px;background:transparent;filter:none;border-radius:6px}
.box-window-actions{display:flex;gap:18px;padding-right:6px;align-items:center;color:var(--client-muted)}
.box-window-actions .is-minimize{width:9px;height:1px;background:currentColor}
.box-window-actions .is-close{width:10px;height:10px;position:relative}
.box-window-actions .is-close:before,.box-window-actions .is-close:after{content:'';position:absolute;top:5px;width:10px;height:1px;background:currentColor;transform:rotate(45deg)}
.box-window-actions .is-close:after{transform:rotate(-45deg)}
.field-collection .box-client-body{display:grid;grid-template-columns:112px minmax(0,1fr);min-height:410px}
.box-client-sidebar{padding:22px 8px 16px;background:var(--client-side);display:flex;flex-direction:column;gap:5px;border-right:1px solid var(--client-line)}
.box-client-caption{font:9px var(--font-body);letter-spacing:1px;color:var(--client-muted);padding:0 9px;margin:2px 0 7px}
.box-client-caption:not(:first-child){padding-top:19px}
.box-client-sidebar button,.box-client-sidebar>a{display:flex;align-items:center;gap:7px;padding:10px 8px;min-height:35px;border:0;border-radius:7px;background:transparent;color:var(--client-ink);font:11px var(--font-body);cursor:pointer;text-decoration:none;text-align:left}
.box-client-sidebar button i,.box-client-sidebar>a i{font:16px var(--field-mono);font-style:normal}
.box-client-sidebar button:hover,.box-client-sidebar>a:hover{background:var(--client-accent-soft)}
.box-client-sidebar button.is-active{background:var(--client-accent-soft);color:var(--client-accent);font-weight:700;box-shadow:inset 3px 0 var(--client-accent)}
.box-client-build{margin-top:auto;padding:25px 8px 0;font:20px var(--field-display);letter-spacing:1px;opacity:.7}
.box-client-build b{display:block;font:8px var(--field-mono);letter-spacing:1px;margin-top:3px}
.box-client-build small{display:block;font:8px var(--font-body);color:var(--client-muted);margin-top:9px;letter-spacing:0}
.field-collection .box-client-workspace{padding:20px 18px 14px}
.field-collection .box-workspace-title{margin-bottom:18px;gap:10px}
.field-collection .box-workspace-title h2{font-size:14px;white-space:nowrap;color:var(--client-ink)}
.field-collection .box-library-refresh{color:var(--client-muted);border:0;background:transparent}
.field-collection .box-search{background:var(--client-side);border:1px solid var(--client-line);border-radius:30px;padding:8px 10px;max-width:175px;color:var(--client-accent)}
.field-collection .box-search input{color:var(--client-ink)!important;font-size:10px}
.field-collection .box-search kbd{display:none}
.field-collection .box-game-grid{gap:10px;transform-style:preserve-3d}
.field-collection .box-game-card{border:1px solid #ffffff3d;border-radius:10px;background:var(--client-panel);box-shadow:0 3px 8px #0f0a2420;transition:box-shadow .2s,border-color .2s;overflow:hidden;transform-style:preserve-3d}
.field-collection .box-game-card:hover{border-color:var(--client-accent);box-shadow:0 8px 20px #33224430}
.field-collection .box-game-card.is-selected{border-color:var(--client-accent);box-shadow:0 0 0 2px var(--client-accent-soft),0 5px 15px #44225520}
.field-collection .box-game-card img{aspect-ratio:16/10}
.field-collection .box-game-card.is-selected:after{content:'PREVIEW';bottom:0;right:0;padding:4px 6px;background:var(--client-accent);color:var(--client-panel);font-size:7px;border-radius:6px 0 0 0}
.field-collection .box-card-favorite{display:block;position:absolute;top:5px;right:5px;width:22px;height:22px;border-radius:50%;background:#25232b70;color:#ffffff80;font-size:13px}
.field-collection .box-game-card.is-favorite .box-card-favorite{color:#f5d36f;background:#43392caa}
html[data-motion="rich"] .field-collection .box-card-glare{display:block;position:absolute;inset:0;background:radial-gradient(ellipse at var(--glare-x,50%) 0,#ffffff28,transparent 62%);pointer-events:none}
.field-collection .box-library-foot{border-color:var(--client-line);color:var(--client-ink);padding-top:12px;gap:10px;margin-top:16px;transform:translateZ(2px)}
.field-collection .box-library-foot p span{color:var(--client-muted);font-size:8px}
.field-collection .box-library-foot p strong{font-size:10px}
#boxFavoriteToggle{font:9px var(--font-body);border:1px solid var(--client-line);padding:7px 9px;border-radius:7px;background:var(--client-panel);color:var(--client-accent);cursor:pointer;white-space:nowrap}
#boxFavoriteToggle[aria-pressed="true"]{background:var(--client-accent-soft);border-color:var(--client-accent)}
.field-collection .box-page-dots{margin-left:auto;gap:4px}
.field-collection .box-page-dots button{border-radius:6px;width:23px;height:23px;border-color:var(--client-line);background:var(--client-panel);color:var(--client-muted);font-size:9px}
.field-collection .box-page-dots button.is-active{background:var(--client-accent);border-color:var(--client-accent);color:var(--client-panel)}
.box-motion-controls{position:absolute;bottom:9px;left:5px;right:0;justify-content:center;gap:6px}
.box-motion-controls button{font-size:9px;background:var(--field-panel)}
html[data-motion="rich"] .is-live-showcase .box-library{box-shadow:0 35px 65px #26213f30,0 8px 24px #8061dd25,inset 0 1px #fff}
html[data-motion="rich"] .trainer-card:hover .trainer-card-cover img{transform:scale(1.035);transition:transform .5s}
html[data-motion="static"] .box-machine{transform:none!important}
html[data-motion="static"] .box-game-card{transform:none!important}
@media(max-width:1200px){.field-collection .box-stage{grid-template-columns:1fr;gap:20px;padding-top:5px}.field-collection .box-stage h1 br{display:none}.field-collection .box-selected-meta{display:none}.field-collection .box-stage-lead{max-width:720px}.field-collection .box-machine-zone{max-width:950px;padding:50px 30px 55px 0;width:100%;margin:0 auto}.field-collection .box-client-body{grid-template-columns:130px minmax(0,1fr)}.field-collection .box-stage-copy{max-width:780px}.field-collection .box-portrait{right:-15px}}
@media(max-width:760px){.field-hero-bottom{flex-wrap:wrap;gap:10px}.field-hero-bottom .motion-controls{order:3;width:100%;padding-top:9px;border-top:1px solid var(--field-line);justify-content:space-between}.motion-controls [data-motion-readout]{min-width:120px;font-size:9px}.motion-controls button{font-size:9px;padding:5px 6px}.field-collection .box-stage{padding:0;margin-bottom:25px;gap:12px}.field-collection .box-stage h1 br{display:block}.field-collection .box-machine-zone{padding:47px 0 67px}.field-collection .box-library{border-radius:12px}.field-collection .box-client-body{grid-template-columns:1fr}.box-client-sidebar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:10px;gap:5px;border-right:0;border-bottom:1px solid var(--client-line)}.box-client-sidebar .box-client-caption,.box-client-sidebar>a,.box-client-sidebar [data-toggle-comments],.box-client-build{display:none}.box-client-sidebar button{font-size:10px;justify-content:center;padding:8px 4px;gap:4px}.box-client-sidebar button i{font-size:13px}.field-collection .box-client-workspace{padding:14px 12px}.field-collection .box-workspace-title{flex-direction:row;align-items:center}.field-collection .box-workspace-title h2{font-size:12px;gap:4px}.field-collection .box-search{max-width:150px;padding:7px 9px;min-width:0}.field-collection .box-game-grid{gap:8px}.field-collection .box-library-head{padding:0 12px;height:42px}.field-collection .box-library-foot{flex-wrap:wrap;row-gap:12px}.field-collection .box-library-foot p{flex:1}.field-collection .box-page-dots{flex-basis:100%;justify-content:center;margin:0}.field-collection .box-portrait{right:0;top:-15px;width:120px;height:300px;opacity:.4}.box-motion-controls{bottom:16px;left:0;gap:5px}.box-motion-controls [data-motion-readout]{font-size:9px;min-width:110px}.box-stage-orbit{bottom:35px;left:5%;right:5%;height:55px}}
@media(prefers-reduced-motion:reduce){.portrait-particles{display:none!important}[data-particle-source]{opacity:1!important}.box-machine,.box-game-card{transform:none!important}.field-character-ring{animation:none!important}}
@media(max-width:760px){.field-hero-grid>.field-character{grid-row:1;min-height:350px}.field-hero-word{font-size:78px}.field-hero-copy{padding-top:28px}}