/* Quiet motion, clearer controls, and comfortable targets across screen sizes. */
.topbar{box-shadow:0 6px 22px #02061120}.search{padding-block:8px;min-height:40px}.search-shortcut{font:11px ui-monospace,monospace;border:1px solid #405476;border-radius:4px;padding:2px 5px;color:#8aa0c3}.search:focus-within .search-shortcut{display:none}#clear-search{border:0;background:#304663;color:#d9e7ff;font-size:19px;line-height:24px;min-width:28px;border-radius:5px}.search input::-webkit-search-cancel-button{display:none}
.featured{box-shadow:0 16px 50px #02071345,inset 0 1px #c1d9ff1c}.featured:after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;border:1px solid #b1d3ff08}.feature-actions .primary{box-shadow:0 4px 19px #7ca9ff24}.choice-heading>span{filter:drop-shadow(0 0 7px #91b8ff44)}
.game-card{transition:transform .24s cubic-bezier(.2,.7,.2,1),border-color .24s,box-shadow .24s;box-shadow:0 5px 18px #02061224,inset 0 1px #b0cfff06}.game-card:hover,.game-card:focus-within{transform:translateY(-4px);border-color:#6086b4;box-shadow:0 14px 28px #02061266,0 0 0 1px #7ca8e812}.card-art img{transition:transform .5s cubic-bezier(.2,.7,.2,1),filter .3s}.game-card:hover .card-art img{transform:scale(1.035);filter:brightness(1.06)}.favorite{transition:background .2s,transform .2s,color .2s}.favorite:active{transform:scale(.88)}.favorite[aria-pressed=true]{background:#a8c7ff;color:#122541;border-color:#c1d9ff}.play-link,.primary,.random,.sidebar nav a,.sidebar nav button,.junkyard-link,.browse-options button,.save-transfer button{transition:background .18s,border-color .18s,transform .18s,box-shadow .18s}.play-link:active,.primary:active,.random:active{transform:translateY(1px) scale(.98)}.continue-game:hover{border-color:#7294c1;background:#1b2c48}
.toolbar{align-items:center;gap:14px;flex-wrap:wrap}.browse-options{display:flex;align-items:center;gap:9px;margin-left:auto;flex-shrink:0}.browse-options label{display:flex;align-items:center;gap:7px;color:#8198bc;font-size:10px}.browse-options select{min-height:34px;background:#121e32;color:#c7d7ef;border:1px solid #344c70;border-radius:7px;padding:6px 24px 6px 9px;font:11px 'Segoe UI',sans-serif;cursor:pointer}.browse-options button{display:flex;gap:6px;align-items:center;min-height:34px;padding:7px 10px;background:#14213a;border:1px solid #344c70;border-radius:7px;font-size:11px;color:#a9c1e3}.browse-options button[aria-pressed=true]{border-color:#91b8fc;background:#29456b;color:#d6e7ff}.browse-options select:focus-visible{outline:2px solid #a8c7ff;outline-offset:3px}#junkyard>.browse-options{margin-bottom:20px}.junkyard-mode .search{display:flex}.junkyard-mode .profile-mark{margin-left:0}.reset-browse{border:1px solid #4d709b;border-radius:8px;background:#223857;color:#d7e5fc;padding:11px 16px;margin-bottom:20px;font-size:12px}.empty{width:100%;grid-column:1/-1}
.compact-cards .game-grid{grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:14px}.compact-cards .card-art{aspect-ratio:2.15}.compact-cards .card-body{padding:14px 15px 0}.compact-cards .card-body h3{font-size:20px}.compact-cards .card-description{font-size:11px;min-height:54px;line-height:1.6}.compact-cards .card-bottom{padding-block:10px}.compact-cards .control-label{font-size:9px}.compact-cards .card-meta{font-size:8px}.compact-cards .new-update{font-size:9px;padding:6px 8px}.compact-cards .has-new-update .favorite{top:44px}
#player{position:relative}.game-loading{position:absolute;inset:65px 0 0;z-index:2;background:radial-gradient(ellipse at 50% 40%,#1a2a46,#090f1d 65%);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px;text-align:center;gap:14px}.game-loading strong{font-size:21px;letter-spacing:-.4px}.game-loading p{color:#90a9cb;font-size:12px;line-height:1.7;margin:0;max-width:350px}.load-orbit{width:38px;height:38px;border:2px solid #283e60;border-top-color:#a8c7ff;border-radius:50%;animation:load-turn .8s linear infinite;margin-bottom:9px}#loading-help{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:8px}#reload-game{background:#b5d0ff;color:#10213d;border:0;border-radius:8px;padding:11px 18px;font-size:12px}#loading-standalone{font-size:12px;color:#b5d0ff}#toast{max-width:calc(100% - 32px);width:max-content;bottom:max(22px,env(safe-area-inset-bottom));transition:opacity .2s,translate .2s;translate:0 8px}#toast.show{translate:0 0}dialog[open]{animation:dialog-arrive .2s ease-out}dialog::backdrop{animation:backdrop-arrive .2s ease-out}
.page-heading,.choice-header,.featured{animation:panel-arrive .45s ease-out both}.choice-header{animation-delay:.04s}.featured{animation-delay:.08s}.game-card{animation:panel-arrive .32s ease-out both}.game-card:nth-child(3n+2){animation-delay:.035s}.game-card:nth-child(3n){animation-delay:.07s}
@keyframes panel-arrive{from{opacity:0;translate:0 7px}to{opacity:1;translate:0 0}}@keyframes load-turn{to{transform:rotate(360deg)}}@keyframes dialog-arrive{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}@keyframes backdrop-arrive{from{opacity:0}to{opacity:1}}
@media(min-width:821px) and (max-width:1150px){.browse-options{margin-left:0}.toolbar{gap:12px}.filters{flex-wrap:wrap}.game-card .card-description{min-height:55px}}
@media(max-width:820px){.search-shortcut{display:none}.browse-options{margin-left:0}.toolbar{gap:14px}.filters{flex-wrap:wrap}}
@media(max-width:600px){.browse-options{width:100%;justify-content:space-between}.browse-options select,.browse-options button{min-height:40px}.filters button{min-height:38px}.favorite{min-width:36px;min-height:36px}.compact-cards .game-grid{grid-template-columns:1fr}.compact-cards .game-card{display:grid;grid-template-columns:108px minmax(0,1fr)}.compact-cards .card-art{aspect-ratio:auto;height:100%;min-height:155px}.compact-cards .card-art img{height:100%;object-fit:cover}.compact-cards .card-body{padding:16px 12px 0}.compact-cards .card-description{display:none}.compact-cards .card-bottom{flex-wrap:wrap;gap:8px}.compact-cards .card-index{display:none}.compact-cards .card-body h3{font-size:20px;margin-top:7px;padding-right:16px}.compact-cards .favorite{top:auto;bottom:10px;left:9px;right:auto}.compact-cards .has-new-update .favorite{top:auto}.compact-cards .new-update{left:7px;right:auto;top:8px;font-size:8px}.game-loading{inset:100px 0 0}.player-bar #back,.player-bar>button,.player-bar #standalone{min-height:36px;display:inline-flex;align-items:center}.save-transfer-actions button{min-height:42px}}
@media(prefers-reduced-motion:reduce){html:not([data-motion=full]) *,html:not([data-motion=full]) *:before,html:not([data-motion=full]) *:after{animation:none!important;transition:none!important}html:not([data-motion=full]) :is(.game-card:hover,.game-card:focus-within,.game-card:hover .card-art img,.favorite:active,.primary:active,.random:active,.play-link:active){transform:none!important}}