.card-visual{position:relative}.favorite-button{border:1px solid var(--line);background:var(--surface);width:44px;min-width:44px;height:44px;min-height:44px;color:var(--text);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.favorite-button svg{flex-shrink:0;width:20px;height:20px;display:block}.favorite-button[aria-pressed=true] svg{fill:currentColor}.favorite-button[aria-pressed=true]{color:var(--primary);background:var(--raised);border-color:var(--primary)}.favorite-button:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.favorite-button:disabled{opacity:.6;cursor:wait}.favorite-feedback{z-index:20;border:1px solid var(--line);background:var(--surface);max-width:min(90vw,580px);color:var(--text);border-radius:12px;padding:12px 18px;font-size:14px;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0002}.profile-page{width:min(100%,1100px)}.profile-title{margin-bottom:28px;font-size:clamp(26px,5vw,36px)}.profile-library{margin-bottom:36px}.library-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.library-heading h2,.library-saves h2{font-size:24px}.library-eyebrow{letter-spacing:.1em;color:var(--muted);margin-bottom:6px;font-size:11px;font-weight:800}.library-mode{background:var(--raised);color:var(--muted);border-radius:999px;padding:7px 12px;font-size:12px}.library-description{color:var(--muted);margin:10px 0 22px}.library-status:not(:empty){background:var(--raised);border-radius:12px;margin-bottom:18px;padding:12px}.library-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:18px;display:grid}.library-game.game-card{border-radius:16px}.library-thumbnail{display:block;position:relative;overflow:hidden}.library-game img{aspect-ratio:16/9;object-fit:cover;background:var(--raised);width:100%}.library-game-body{justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.library-game-body h3{font-size:16px}.library-game-note{color:var(--muted);margin-top:3px;font-size:12px}.library-empty{text-align:center;border:1px dashed var(--line);color:var(--muted);border-radius:16px;padding:34px 20px}.library-empty a{color:var(--primary);margin-top:14px;display:block}.library-import{border:1px solid var(--line);background:var(--surface);border-radius:16px;margin-bottom:22px;padding:18px}.library-import p{margin-bottom:12px;font-size:14px}.library-saves{border-top:1px solid var(--line);margin-top:32px;padding-top:24px}.library-saves h2{margin-bottom:12px}.library-save{border:1px solid var(--line);background:var(--surface);border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;margin-top:12px;padding:16px;display:grid}.library-save-copy{min-width:0}.library-save-title{overflow-wrap:anywhere;margin:0;font-size:16px;font-weight:600;line-height:1.4}.library-save-status{color:var(--muted);margin:5px 0 0;font-size:13px;line-height:1.5}.library-save>.button{white-space:nowrap;justify-self:end}.profile-page>.account-card{margin-top:28px}.profile-page .account-card>h2{margin-bottom:12px;font-size:22px}.game-favorite-action{align-items:center;gap:10px;margin:16px 0;display:flex}@media (width<=640px){.library-grid{gap:14px}.profile-title{margin-bottom:22px}}.account-page{width:min(100%,480px);margin:36px auto 56px}.account-back{min-height:44px;color:var(--muted);align-items:center;gap:8px;margin-bottom:14px;display:inline-flex}.account-card{border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:28px}.account-mark{color:var(--primary);margin-bottom:18px;display:inline-flex}.account-card h1{margin-bottom:12px;font-size:clamp(25px,5vw,32px)}.account-intro{color:var(--muted);margin-bottom:24px}.account-wide{width:100%;min-height:48px;margin-top:14px;display:flex}.account-wide:first-child{margin-top:0}.account-divider{color:var(--muted);align-items:center;gap:12px;margin:22px 0;font-size:13px;display:flex}.account-divider:before,.account-divider:after{content:"";background:var(--line);flex:1;height:1px}.account-card label{margin-bottom:8px;font-weight:700;display:block}.account-card input{border:1px solid var(--line);background:var(--bg);width:100%;min-height:48px;color:var(--text);border-radius:8px;padding:10px 12px;font-size:16px}.account-card input:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.account-help{margin-top:10px;font-size:13px}.account-help a{text-underline-offset:3px;text-decoration:underline}.account-status:not(:empty){background:var(--raised);overflow-wrap:anywhere;border-radius:8px;margin-top:18px;padding:12px}.account-identity{overflow-wrap:anywhere;margin-bottom:18px}.account-identity h2{margin-bottom:6px;font-size:22px}.account-notice{background:var(--raised);border-radius:8px;margin-bottom:22px;padding:14px;font-size:14px}.account-reassurance{text-align:center;margin-top:18px;padding-inline:10px;font-size:13px}.account-link{flex-shrink:0}.account-data{border-top:1px solid var(--line);margin-top:28px;padding-top:22px}.account-data h2{font-size:20px}.account-delete-panel{border:1px solid var(--line);background:var(--bg);overflow-wrap:anywhere;border-radius:12px;margin-top:18px;padding:16px}.account-delete-panel h3{margin-bottom:10px;font-size:18px}.account-delete-panel form{margin-top:18px}.account-danger{color:var(--text);border-style:dashed}@media (width<=640px){.account-page{margin-top:18px}.account-card{padding:22px}}@media (width<=360px){.header-inner:has(.account-link){gap:4px}}
