:root{--ink: #0e1a14;--ink-soft: #2a3d32;--paper: #e8efe6;--mint: #7ec8a3;--mint-deep: #2f6b52;--amber: #e3a23c;--line: rgba(14, 26, 20, .12);--glow: rgba(126, 200, 163, .35);--font-display: "Bebas Neue", sans-serif;--font-body: "IBM Plex Sans", sans-serif}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--ink);font-family:var(--font-body);background:radial-gradient(ellipse 90% 60% at 10% -10%,rgba(126,200,163,.45),transparent 55%),radial-gradient(ellipse 70% 50% at 100% 0%,rgba(227,162,60,.22),transparent 50%),linear-gradient(165deg,#d5e4d8,#b8cfc0 42%,#9eb8a8);background-attachment:fixed}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.35;background-image:repeating-linear-gradient(-12deg,transparent,transparent 11px,rgba(14,26,20,.03) 11px,rgba(14,26,20,.03) 12px);z-index:0}#root{position:relative;z-index:1}button,input{font:inherit}button{cursor:pointer}.app-shell{width:min(920px,calc(100% - 2rem));margin:0 auto;padding:2.5rem 0 4rem}.brand{font-family:var(--font-display);font-size:clamp(3.5rem,12vw,6.5rem);letter-spacing:.04em;line-height:.9;margin:0;color:var(--ink);animation:rise .7s ease-out both}.tagline{margin:.75rem 0 0;max-width:28ch;font-size:1.05rem;line-height:1.45;color:var(--ink-soft);animation:rise .7s ease-out .08s both}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.screen{animation:rise .45s ease-out both}.profile-screen{min-height:calc(100vh - 5rem);display:flex;flex-direction:column;justify-content:center;gap:2.5rem}.profile-list{display:flex;flex-wrap:wrap;gap:.65rem;margin:0;padding:0;list-style:none}.profile-chip{border:1.5px solid var(--ink);background:transparent;color:var(--ink);padding:.55rem 1.1rem;border-radius:999px;transition:background .2s ease,color .2s ease,transform .15s ease}.profile-chip:hover,.profile-chip:focus-visible{background:var(--ink);color:var(--paper);transform:translateY(-1px)}.create-row{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin-top:1.25rem}.create-row input{flex:1 1 180px;min-width:0;border:none;border-bottom:2px solid var(--ink);background:transparent;padding:.55rem .15rem;color:var(--ink);outline:none}.create-row input::placeholder{color:#0e1a1473}.create-row input:focus{border-bottom-color:var(--mint-deep)}.login-form{max-width:28rem}.btn-primary{border:none;background:var(--ink);color:var(--paper);padding:.6rem 1.25rem;border-radius:999px;font-weight:500;transition:background .2s ease,transform .15s ease}.btn-primary:hover:not(:disabled),.btn-primary:focus-visible:not(:disabled){background:var(--mint-deep);transform:translateY(-1px)}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-ghost{border:none;background:transparent;color:var(--ink-soft);padding:.4rem .6rem;text-decoration:underline;text-underline-offset:3px}.btn-ghost:hover{color:var(--ink)}.error{color:#8b2e2e;margin:.75rem 0 0;font-size:.92rem}.status-ok{color:var(--mint-deep);margin:.75rem 0 0;font-size:.92rem}.library-header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:2.5rem}.library-header .brand{font-size:clamp(2.8rem,8vw,4.5rem)}.profile-meta{margin:.4rem 0 0;color:var(--ink-soft);font-size:.95rem}.header-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.empty-library{margin-top:3rem;max-width:32ch}.empty-library h2{font-family:var(--font-display);font-size:2.4rem;letter-spacing:.03em;margin:0 0 .5rem;font-weight:400}.empty-library p{margin:0 0 1.25rem;color:var(--ink-soft);line-height:1.5}.platform-section{margin:0 0 2.75rem;animation:rise .5s ease-out both}.platform-section:nth-child(2){animation-delay:.04s}.platform-section:nth-child(3){animation-delay:.08s}.platform-section:nth-child(4){animation-delay:.12s}.platform-title{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.4rem);letter-spacing:.04em;margin:0 0 .35rem;font-weight:400;border-bottom:2px solid var(--ink);padding-bottom:.25rem;display:inline-block;min-width:8rem}.game-list{list-style:none;margin:.85rem 0 0;padding:0}.game-row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:.55rem 0;border-bottom:1px solid var(--line);transition:background .15s ease}.game-row:hover{background:#ffffff40}.game-title{margin:0;font-size:1.02rem}.btn-remove{border:none;background:transparent;color:#0e1a1466;font-size:.85rem;padding:.2rem .35rem;opacity:0;transition:opacity .15s ease,color .15s ease}.game-row:hover .btn-remove,.game-row:focus-within .btn-remove{opacity:1}.btn-remove:hover{color:#8b2e2e}.add-screen .brand{font-size:clamp(2.8rem,8vw,4.2rem)}.step-label{margin:.35rem 0 1.5rem;color:var(--ink-soft);font-size:.95rem}.platform-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:.75rem;margin:0;padding:0;list-style:none}.platform-pick{display:flex;flex-direction:column;align-items:center;gap:.45rem;width:100%;border:1.5px solid var(--ink);background:#ffffff47;color:var(--ink);padding:.85rem .65rem .7rem;text-align:center;font-weight:500;transition:background .2s ease,color .2s ease,transform .15s ease,box-shadow .2s ease}.platform-pick:hover,.platform-pick:focus-visible{background:#ffffff8c;transform:translateY(-3px);box-shadow:0 10px 24px #0e1a141f}.platform-icon{display:block;width:100%;max-width:148px;line-height:0}.platform-icon svg{display:block;width:100%;height:auto}.platform-pick-name{font-size:.82rem;line-height:1.2;color:var(--ink-soft)}.search-row{margin:0 0 1rem}.search-row input{width:100%;border:1.5px solid var(--ink);background:#ffffff59;padding:.7rem .9rem;color:var(--ink);outline:none}.search-row input:focus{border-color:var(--mint-deep);box-shadow:0 0 0 3px var(--glow)}.check-list{list-style:none;margin:0;padding:0;max-height:min(55vh,420px);overflow:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.check-item{display:flex;align-items:center;gap:.75rem;padding:.65rem .25rem;border-bottom:1px solid var(--line);cursor:pointer;transition:background .12s ease}.check-item:last-child{border-bottom:none}.check-item:hover{background:#ffffff47}.check-item input{width:1.1rem;height:1.1rem;accent-color:var(--mint-deep);flex-shrink:0}.add-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-top:1.25rem}.selection-count{color:var(--ink-soft);font-size:.92rem}.custom-add{margin-top:1.75rem;padding-top:1.25rem;border-top:1px solid var(--line)}.custom-add-label{margin:0 0 .65rem;font-weight:500;color:var(--ink-soft)}.custom-form{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-end}.field{display:flex;flex-direction:column;gap:.3rem;min-width:10rem}.field-grow{flex:1 1 180px;min-width:0}.field-label{font-size:.8rem;color:var(--ink-soft)}.field select,.field input{border:1.5px solid var(--ink);background:#ffffff59;padding:.6rem .75rem;color:var(--ink);outline:none;width:100%}.field select:focus,.field input:focus{border-color:var(--mint-deep);box-shadow:0 0 0 3px var(--glow)}.custom-queue-btn{flex:0 0 auto}.custom-queued{list-style:none;margin:.85rem 0 0;padding:0}.custom-queued-item{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:.45rem 0;border-bottom:1px solid var(--line)}.custom-queued-item .btn-remove{opacity:1}.custom-platform-tag{display:inline-block;margin-right:.55rem;font-size:.78rem;font-weight:600;letter-spacing:.02em;color:var(--mint-deep);text-transform:uppercase}.loading,.muted{color:var(--ink-soft)}@media(max-width:560px){.app-shell{width:calc(100% - 1.5rem);padding-top:1.75rem}.btn-remove{opacity:1}}