:root{color:#edf3f0;font-synthesis:none;background:#0b1113;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,select,input{font:inherit}button,a.button{cursor:pointer}button:disabled{cursor:default;opacity:.55}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline-offset:3px;outline:2px solid #a8e4d1}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.topbar{background:#0e1618;border-bottom:1px solid #253237;justify-content:space-between;align-items:center;height:82px;padding:0 clamp(24px,5vw,76px);display:flex}.brand{color:inherit;align-items:center;gap:13px;text-decoration:none;display:flex}.brand-mark{color:#10231f;letter-spacing:-.09em;background:#a6e2ce;border-radius:11px;place-items:center;width:42px;height:42px;font-size:17px;font-weight:900;display:grid}.brand-copy{letter-spacing:.13em;font-size:13px;font-weight:780;line-height:1.35}.brand-copy small{color:#85a29c;letter-spacing:.24em;font-size:10px;display:block}.topbar-note{color:#8da49e;letter-spacing:.04em;font-size:12px}.topbar-actions{align-items:center;gap:24px;display:flex}.github-link{color:#c5e9da;white-space:nowrap;font-size:12px;font-weight:650;text-decoration:none}.github-link:hover{color:#fff;text-underline-offset:3px;text-decoration:underline}main{flex:1;width:min(1440px,100%);margin:0 auto;padding:54px clamp(24px,5vw,76px) 72px}h1{letter-spacing:-.055em;max-width:710px;margin:0;font-size:clamp(34px,4.6vw,58px);font-weight:650;line-height:1.07}.refresh{color:#c6d8d2;white-space:nowrap;background:#152023;border:1px solid #35474a;border-radius:10px;padding:11px 16px}.refresh:hover:not(:disabled){background:#1c2a2c;border-color:#76b5a5}.refresh span{vertical-align:-2px;margin-right:6px;font-size:20px}.library-layout{grid-template-columns:minmax(280px,380px) minmax(0,1fr);align-items:start;gap:24px;display:grid}.section-heading{justify-content:space-between;align-items:baseline;margin:0 0 14px;display:flex}.section-heading h2{letter-spacing:-.025em;margin:0;font-size:20px;font-weight:650}.section-heading span{color:#829791;font-size:12px}.shelf{min-width:0}.game-card{text-align:left;width:100%;min-height:126px;color:inherit;background:#111b1e;border:1px solid #28373a;border-radius:16px;align-items:center;gap:16px;margin:0 0 10px;padding:13px;transition:background .15s,border-color .15s,transform .15s;display:flex}.game-card:hover{background:#172326;transform:translateY(-1px)}.game-card.selected{background:#192825;border-color:#79bda8;box-shadow:inset 0 0 0 1px #79bda844}.card-art{background:radial-gradient(circle at 75% 20%,#557d88,#0000 42%),linear-gradient(145deg,#173f4b,#102126 70%);border-radius:9px;flex:0 0 86px;height:98px;position:relative;overflow:hidden}.card-art.card-noah{background:radial-gradient(circle at 70% 10%,#87586f,#0000 48%),linear-gradient(145deg,#482837,#1b171c 75%)}.card-orbit{border:1px solid #d1f5e977;border-radius:50%;width:145px;height:145px;position:absolute;top:19px;left:12px;transform:rotate(-20deg)scaleY(.35)}.card-noah .card-orbit{border-color:#f6c8d477;transform:rotate(28deg)scaleY(.5)}.card-initials{letter-spacing:-.08em;color:#e9f4ed;font-size:27px;font-weight:700;position:absolute;bottom:10px;left:11px}.card-copy{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.card-copy strong{font-size:15px;line-height:1.2}.card-copy>span{color:#99aaa5;font-size:12px}.card-copy small{color:#c6ac84;align-items:center;gap:7px;margin-top:7px;font-size:11px;display:flex}.card-copy small.ready{color:#a3d6bb}.card-copy i{background:currentColor;border-radius:50%;width:7px;height:7px}.card-arrow{color:#899e96;font-size:26px;line-height:1}.shelf-note{color:#80918d;max-width:340px;margin:22px 3px;font-size:12px;line-height:1.6}.detail{background:#142024;border:1px solid #304144;border-radius:19px;min-height:466px;overflow:hidden;box-shadow:0 20px 60px #0002}.detail-topline{justify-content:space-between;align-items:center;padding:26px 32px 0;display:flex}.engine-tag{color:#b7c8c1;letter-spacing:.08em;border:1px solid #40504e;border-radius:999px;padding:5px 9px;font-size:10px}.detail-heading{justify-content:space-between;gap:20px;padding:30px 32px 34px;display:flex}.detail-heading h2{letter-spacing:-.05em;margin:0 0 12px;font-size:clamp(30px,3.2vw,43px);line-height:1.08}.detail-heading p{color:#aebfba;max-width:460px;margin:0;font-size:14px;line-height:1.55}.detail-monogram{color:#91c4b2;opacity:.55;letter-spacing:-.1em;white-space:nowrap;font-size:clamp(56px,7vw,95px);font-weight:750;line-height:1}.detail-tabs{border-bottom:1px solid #304144;gap:28px;padding:0 32px;display:flex}.detail-tabs button{color:#9dafaa;background:0 0;border:0;border-bottom:2px solid #0000;padding:0 0 13px;font-size:13px}.detail-tabs button:hover,.detail-tabs button.active{color:#e5f4ea}.detail-tabs button.active{border-color:#a5e2c8}.panel{padding:28px 32px 35px}.readiness{align-items:center;gap:16px;margin-bottom:26px;display:flex}.readiness-icon{color:#e9c698;background:#403526;border-radius:12px;flex:0 0 45px;place-items:center;height:45px;font-size:24px;display:grid}.readiness-icon.ready{color:#b5e4c5;background:#244638;font-size:20px}.readiness strong{font-size:15px}.readiness p{color:#9fb1a9;margin:5px 0 0;font-size:12px;line-height:1.45}.primary-actions{flex-wrap:wrap;gap:10px;margin-bottom:30px;display:flex}.button,.save-actions button{border-radius:9px;justify-content:center;align-items:center;gap:20px;min-height:44px;padding:10px 16px;font-size:13px;font-weight:650;text-decoration:none;display:inline-flex}.button.primary{color:#0f2420;background:#a5ddc5;border:1px solid #a5ddc5}.button.primary:hover{background:#c1f0d9}.button.secondary{color:#d0e2d7;background:#1b2b2d;border:1px solid #47605b}.button.secondary:hover{background:#263b3a}.info-row{border-top:1px solid #2a3b3e;justify-content:space-between;gap:14px;padding:12px 0;font-size:12px;display:flex}.info-row span{color:#899e98}.info-row strong{color:#cbdad1;text-align:right;font-weight:500}.save-heading{justify-content:space-between;align-items:start;gap:20px;margin-bottom:25px;display:flex}.save-heading h3{margin:0 0 7px;font-size:17px}.save-heading p,.help{color:#9aada6;margin:0;font-size:12px;line-height:1.5}.text-button{color:#aadcc9;background:0 0;border:0;padding:2px 0;font-size:12px}.text-button:hover{color:#d0f2df}.save-panel label{color:#b3c6bc;margin-bottom:8px;font-size:12px;display:block}.save-panel select{color:#e7f1ec;background:#0e191c;border:1px solid #445a59;border-radius:8px;width:100%;min-height:45px;padding:11px 12px}.save-actions{gap:10px;margin:14px 0 20px;display:flex}.save-actions button{color:#d8eee2;background:#213735;border:1px solid #52786b}.save-actions button:hover:not(:disabled){background:#2c4b41}.help{margin-top:10px}.action-message{color:#b9e9cf;min-height:1.4em;margin:18px 0 0;font-size:12px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}footer{color:#718881;letter-spacing:.12em;border-top:1px solid #253237;justify-content:space-between;padding:24px clamp(24px,5vw,76px);font-size:11px;display:flex}@media (max-width:850px){.library-layout{grid-template-columns:1fr}.shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.section-heading,.shelf-note{grid-column:1/-1}.game-card{margin:0}}@media (max-width:620px){.topbar{height:68px}.topbar-note{display:none}main{padding-top:36px}.shelf{grid-template-columns:1fr}.game-card{min-height:110px}.card-art{flex-basis:76px;width:76px;height:82px}.detail-topline,.detail-heading,.panel{padding-left:22px;padding-right:22px}.detail-tabs{padding:0 22px}.detail-monogram{display:none}.primary-actions{flex-direction:column}.save-actions{flex-wrap:wrap}footer{flex-wrap:wrap;gap:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important}}