@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--ink:#101612;--paper:#e8eadc;--cream:#f4f1e6;--moss:#354a3a;--rust:#c45f3d;--orange:#e8844b;--display:Georgia,serif;--body:Arial,sans-serif}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font-family:var(--body);min-height:100vh;margin:0}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle at 73% 19%,#e8844b24,#0000 22%),linear-gradient(125deg,#0000 0 65%,#354a3a1a 65%);position:fixed;inset:0}.grain{pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}header{border-bottom:1px solid #10161226;justify-content:space-between;align-items:center;height:86px;padding:0 7vw;display:flex}.brand{color:inherit;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:11px;font-weight:700;text-decoration:none;display:flex}.brand span{background:var(--ink);width:35px;height:35px;color:var(--paper);border-radius:50%;place-items:center;font-size:13px;display:grid}.brand b{font-size:13px}.brand i{color:var(--rust);letter-spacing:.2em;margin-top:3px;font-size:9px;font-style:normal;display:block}.back-link{color:inherit;opacity:.6;font-size:12px;text-decoration:none}.back-link:hover{opacity:1;color:var(--rust)}.auth-shell{grid-template-columns:1fr .72fr;align-items:center;gap:8vw;max-width:1080px;min-height:calc(100vh - 145px);margin:auto;padding:8vh 7vw;display:grid}.auth-kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--rust);align-items:center;gap:10px;font:600 10px Arial,sans-serif;display:flex}.auth-kicker span{background:var(--rust);width:24px;height:1px;display:inline-block}h1,h2{font-family:var(--display);letter-spacing:-.06em;margin:1.4rem 0;font-weight:400;line-height:.9}h1{font-size:clamp(4rem,7vw,7.2rem)}h1 em,h2 em{color:var(--rust);font-style:italic}.auth-lede{opacity:.65;max-width:420px;line-height:1.7}.provider-actions{gap:10px;margin-top:2rem;display:grid}.provider,.email-row button{letter-spacing:.04em;cursor:pointer;border:1px solid var(--ink);text-align:left;justify-content:space-between;align-items:center;padding:15px 17px;font:600 11px Arial,sans-serif;display:flex}.provider-google{background:var(--ink);color:var(--paper)}.provider-steam{color:var(--ink);background:0 0}.provider:hover,.email-row button:hover{transform:translateY(-2px)}.provider span,.email-row button span{color:var(--orange);font-size:15px}.divider{color:var(--rust);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:12px;margin:1.8rem 0 1.4rem;font-size:10px;display:flex}.divider:before,.divider:after{content:"";background:#1016122e;flex:1;height:1px}.email-row{gap:8px;display:flex}.email-row input{background:0 0;border:1px solid #10161259;outline:0;flex:1;min-width:0;padding:14px;font:14px Arial,sans-serif}.email-row input:focus{border-color:var(--rust)}.email-row button{background:var(--rust);color:var(--cream);border-color:var(--rust);white-space:nowrap}.auth-note{opacity:.56;margin-top:1rem;font-size:11px}.auth-legal{opacity:.5;margin-top:2rem;font-size:10px;line-height:1.6}.auth-legal a{color:var(--rust)}.auth-aside{background:var(--moss);color:var(--paper);flex-direction:column;justify-content:end;min-height:480px;padding:3rem;display:flex;position:relative;overflow:hidden}.aside-orbit{width:170px;height:170px;color:var(--orange);border:1px solid #e8844b8c;border-radius:50%;place-items:center;font:5rem Arial,sans-serif;display:grid;position:absolute;top:58px;right:42px;transform:rotate(-14deg)}.auth-aside .auth-kicker{color:var(--orange)}.auth-aside h2{font-size:clamp(2.7rem,5vw,5.3rem)}.auth-aside ul{border-top:1px solid #f4f1e633;margin:2rem 0 0;padding:0;list-style:none}.auth-aside li{border-bottom:1px solid #f4f1e633;padding:13px 0;font-size:12px}.auth-aside li span{color:var(--orange);margin-right:15px;font-size:10px}footer{opacity:.56;border-top:1px solid #10161226;align-items:center;gap:18px;height:59px;padding:0 7vw;font-size:10px;display:flex}footer span{margin-right:auto}footer a{color:inherit;text-decoration:none}footer a:hover{color:var(--rust)}@media (width<=760px){header{height:74px;padding:0 6vw}.back-link{font-size:0}.back-link:after{content:"↗";color:var(--rust);font-size:16px}.auth-shell{min-height:calc(100vh - 133px);padding:4.5rem 6vw;display:block}.auth-aside{min-height:330px;margin-top:4rem;padding:2rem}.aside-orbit{width:120px;height:120px;font-size:3.4rem;top:30px;right:24px}.auth-aside h2{font-size:3rem}.email-row{display:block}.email-row input{width:100%;margin-bottom:8px}.email-row button{width:100%;display:flex}footer{gap:10px;padding:0 6vw;font-size:9px}}:root{--ink:#f1f3ee;--paper:#0d1118;--cream:#161c26;--moss:#202b3c;--rust:#f06140;--orange:#ffb24c}body{color:var(--ink);background:#0d1118}header{background:#0d1118b8;border-bottom-color:#f1f3ee24}.brand span{background:var(--cream);color:var(--ink)}.back-link{color:var(--ink)}footer{color:var(--ink);border-top-color:#f1f3ee24}.provider-steam{color:var(--ink);border-color:#f1f3ee59}.email-row input{color:var(--ink);border-color:#f1f3ee59}.auth-legal{opacity:.58}.auth-aside{background:linear-gradient(145deg,#202b3c,#151d2a);box-shadow:18px 18px #0003}.auth-aside ul{border-top-color:#f1f3ee33}.auth-aside li{border-bottom-color:#f1f3ee33}.account-main,.library-content{background:#161c26eb;border-color:#f1f3ee21;box-shadow:18px 18px #0000002e}.account-nav>a{color:var(--ink)}.account-nav>a:hover,.account-nav>a.active{color:var(--orange);background:#ffb24c1a}.profile-chip{border-bottom-color:#f1f3ee26}.profile-chip>span{background:var(--cream);color:var(--orange)}.settings-section{border-bottom-color:#f1f3ee24}.settings-form input{color:var(--ink);border-color:#f1f3ee47}.settings-form input:disabled{color:var(--ink)}.connection-list{border-top-color:#f1f3ee26}.connection-row{border-bottom-color:#f1f3ee26}.connection-mark{background:var(--cream)}.quiet-button{color:var(--ink);border-color:#f1f3ee4d}.quiet-button:hover{background:var(--ink);color:var(--paper)}.library-toolbar{border-bottom-color:#f1f3ee26}.library-card{background:#0d1118bd;border-color:#f1f3ee21}.account-gate{background:linear-gradient(145deg,#202b3c,#151d2a);box-shadow:18px 18px #0000002e}.account-main h2,.library-toolbar h2{letter-spacing:-.07em;font-family:Arial,sans-serif;font-weight:700}.account-main{overflow:hidden}.settings-section{background:linear-gradient(115deg,#ffffff04,#0000 42%);position:relative}.settings-section:after{content:"";pointer-events:none;border:1px solid #ffb24c14;border-radius:50%;width:220px;height:220px;position:absolute;top:-100px;right:-90px}.account-nav>a{border-left:2px solid #0000;transition:background .2s,color .2s,border-color .2s}.account-nav>a.active{border-left-color:var(--orange)}.connection-row{transition:background .2s,transform .2s}.connection-row:hover{background:#ffb24c0b;transform:translate(3px)}.settings-button,.quiet-button,.danger-button,.connection-action,.provider,.email-row button{transition:background .2s,border-color .2s,color .2s,transform .2s,box-shadow .2s}.settings-button:focus-visible,.quiet-button:focus-visible,.danger-button:focus-visible,.connection-action:focus-visible,.provider:focus-visible,.email-row button:focus-visible,.settings-form input:focus-visible,.email-row input:focus-visible{outline:2px solid var(--orange);outline-offset:3px}.account-head h1,.library-hero h1{max-width:800px}.auth-shell{position:relative}.auth-shell:after,.library-shell:after,.account-shell:after{content:"COUNTTEN / PLAYER SYSTEM";letter-spacing:.25em;color:#f1f3ee33;pointer-events:none;font:600 8px Arial,sans-serif;position:fixed;bottom:105px;right:-74px;transform:rotate(-90deg)}@media (width<=760px){.auth-shell:after,.library-shell:after,.account-shell:after{display:none}}:root{--ink:#f7f8f6;--paper:#090b0f;--cream:#12161d;--moss:#1b2533;--rust:#f06a48;--orange:#ffb84d;--line:#f7f8f624;--display:"Space Grotesk",Arial,sans-serif;--body:"DM Sans",Arial,sans-serif}html{background:#090b0f}body{letter-spacing:0;color:#f7f8f6!important;font-family:var(--body)!important;background:#090b0f!important}.grain{opacity:.025!important}body:before{background:radial-gradient(circle at 82% 0,#f06a4829,#0000 26%),linear-gradient(135deg,#0000 0 63%,#2735487a 63%)!important}header{border-bottom:1px solid var(--line)!important;background:#090b0fe6!important;height:72px!important;padding:0 4vw!important}.brand{gap:10px!important}.brand span{color:#090b0f!important;background:#f7f8f6!important;width:30px!important;height:30px!important;font-size:11px!important}.brand b{letter-spacing:.1em;font-family:var(--display)!important;font-size:11px!important}.brand i{font-size:8px!important}.auth-nav{margin-right:24px!important}.auth-nav a,.back-link{font-family:var(--body)!important;opacity:.62!important;font-size:11px!important;font-weight:600!important}.auth-nav a:hover,.back-link:hover{color:var(--orange)!important;opacity:1!important}.auth-shell{grid-template-columns:minmax(0,1fr) 410px!important;align-items:center!important;gap:6vw!important;max-width:1180px!important;min-height:calc(100vh - 131px)!important;padding:5.5rem 4vw 6.5rem!important}.auth-panel{max-width:560px!important}.auth-kicker{font-family:var(--display)!important;letter-spacing:.18em!important;color:var(--orange)!important;font-size:9px!important;font-weight:700!important}.auth-kicker span{background:var(--orange)!important;width:18px!important}.auth-panel h1,.account-head h1,.library-hero h1{font-family:var(--display)!important;letter-spacing:-.09em!important;margin:1.2rem 0 1.4rem!important;font-size:clamp(3.5rem,6.5vw,6.6rem)!important;font-weight:700!important;line-height:.9!important}.auth-panel h1 em,.account-head h1 em,.library-hero h1 em{font-family:var(--display)!important;color:var(--rust)!important;font-style:normal!important}.auth-lede,.account-head p,.library-hero p{font-family:var(--body)!important;opacity:.62!important;font-size:15px!important;line-height:1.7!important}.provider-actions{gap:8px!important;margin-top:2.2rem!important}.provider,.email-row button{min-height:50px!important;font-family:var(--display)!important;letter-spacing:.04em!important;border-radius:2px!important;padding:0 16px!important;font-size:10px!important;font-weight:700!important}.provider-google{color:#090b0f!important;background:#f7f8f6!important;border-color:#f7f8f6!important}.provider-steam{color:#f7f8f6!important;border-color:var(--line)!important;background:#f7f8f60a!important}.provider:hover,.email-row button:hover{transform:translateY(-2px)!important;box-shadow:0 8px 20px #0000003d!important}.divider{color:#f7f8f670!important;font-family:var(--display)!important;margin:1.6rem 0 1.1rem!important;font-size:9px!important}.divider:before,.divider:after{background:var(--line)!important}.email-row{gap:8px!important}.email-row input{border:1px solid var(--line)!important;color:#f7f8f6!important;height:50px!important;font-family:var(--body)!important;background:#f7f8f609!important;border-radius:2px!important}.email-row button{background:var(--rust)!important;color:#fff!important;border-color:var(--rust)!important}.auth-note{font-family:var(--body)!important;color:#f7f8f694!important;font-size:11px!important}.auth-legal{font-family:var(--body)!important;opacity:.42!important}.auth-aside{background:linear-gradient(155deg,#253247 0%,#151c28 58%,#10151e 100%)!important;border:1px solid #f7f8f621!important;border-radius:3px!important;min-height:520px!important;padding:2.3rem!important;box-shadow:20px 20px #00000038!important}.aside-orbit{width:160px!important;height:160px!important;color:var(--orange)!important;font-family:var(--display)!important;border-color:#ffb84d8f!important;top:42px!important;right:32px!important}.auth-aside h2{font-family:var(--display)!important;letter-spacing:-.08em!important;font-size:3.4rem!important;font-weight:700!important}.auth-aside h2 em{font-family:var(--display)!important;color:var(--orange)!important;font-style:normal!important}.auth-aside ul{margin-top:1.7rem!important}.auth-aside li{font-family:var(--body)!important;padding:15px 0!important}.auth-aside li span{font-family:var(--display)!important;color:var(--orange)!important}footer{border-top:1px solid var(--line)!important;height:59px!important;font-family:var(--body)!important;color:#f7f8f6!important;background:#090b0f!important;padding:0 4vw!important}.account-shell,.library-shell{max-width:1180px!important;padding:5rem 4vw 7rem!important}.account-head{padding-bottom:3.2rem!important}.account-head h1{max-width:700px!important}.account-back{margin-bottom:.4rem!important}.account-grid{grid-template-columns:220px minmax(0,1fr)!important;gap:4vw!important}.account-nav{top:1.4rem!important}.profile-chip{border-bottom:1px solid var(--line)!important;padding:0 0 17px!important}.profile-chip>span{color:#0b0e13!important;background:#f7f8f6!important}.profile-chip b{font-family:var(--display)!important;font-size:11px!important}.account-nav>a{font-family:var(--display)!important;letter-spacing:.02em!important;border-left:2px solid #0000!important;padding:12px 13px!important;font-size:10px!important;font-weight:600!important}.account-nav>a.active{border-left-color:var(--orange)!important;color:var(--orange)!important;background:#ffb84d1c!important}.account-main,.library-content{border:1px solid var(--line)!important;background:#12161d!important;border-radius:3px!important;box-shadow:20px 20px #00000038!important}.settings-section{border-bottom:1px solid var(--line)!important;background:linear-gradient(135deg,#ffffff05,#0000 55%)!important;padding:2.4rem 2.8rem!important}.settings-section h2,.library-toolbar h2{font-family:var(--display)!important;letter-spacing:-.075em!important;font-size:2.45rem!important;font-weight:700!important}.section-note{font-family:var(--body)!important;opacity:.55!important}.settings-form label{font-family:var(--display)!important;font-size:9px!important;font-weight:700!important}.settings-form input{border-color:var(--line)!important;color:#f7f8f6!important;height:48px!important;font-family:var(--body)!important;background:#f7f8f609!important;border-radius:2px!important}.settings-button,.quiet-button,.danger-button,.connection-action{min-height:42px!important;font-family:var(--display)!important;letter-spacing:.04em!important;border-radius:2px!important;font-size:9px!important;font-weight:700!important}.settings-button{color:#090b0f!important;background:#f7f8f6!important;border-color:#f7f8f6!important}.settings-button:hover{background:var(--orange)!important;border-color:var(--orange)!important}.connection-row{border-bottom-color:var(--line)!important;padding:16px 0!important}.connection-mark{color:var(--orange)!important;font-family:var(--display)!important;background:#253247!important}.connection-row b{font-family:var(--display)!important;font-size:13px!important}.connection-row small{font-family:var(--body)!important}.connection-state,.connection-action{font-family:var(--display)!important}.connection-action{border-color:var(--line)!important;color:#f7f8f6!important;background:#f7f8f60a!important}.connection-action:hover{background:var(--rust)!important;border-color:var(--rust)!important}.quiet-button{color:#f7f8f6!important;border-color:var(--line)!important;background:#f7f8f60a!important}.danger-button{color:#ff8565!important;background:#f06a4814!important;border-color:#f06a4866!important}.account-gate{border:1px solid var(--line)!important;color:#f7f8f6!important;background:linear-gradient(155deg,#253247,#151c28)!important;border-radius:3px!important;box-shadow:20px 20px #00000038!important}.account-gate h2{font-family:var(--display)!important;color:#f7f8f6!important;font-size:3.1rem!important;font-weight:700!important}.library-hero{padding-bottom:3.8rem!important}.library-toolbar{border-bottom-color:var(--line)!important;padding-bottom:1.4rem!important}.library-card{border-color:var(--line)!important;background:#0d1118!important;border-radius:2px!important}.library-card-art{height:190px!important}.library-card-body h3{font-family:var(--display)!important;font-weight:700!important}.auth-shell:after,.library-shell:after,.account-shell:after{font-family:var(--display)!important;color:#f7f8f629!important}@media (width<=760px){.auth-shell{padding:4rem 6vw 5rem!important;display:block!important}.auth-aside{margin-top:3.5rem!important}.account-shell,.library-shell{padding:4rem 6vw 5.5rem!important}.account-grid{grid-template-columns:1fr!important}.account-nav{flex-wrap:wrap!important;display:flex!important}.profile-chip{flex-basis:100%!important}.settings-section,.library-content{padding:2rem 1.4rem!important}}.auth-aside h2,.auth-aside li{color:#f7f8f6!important}.auth-aside h2 em{color:#ffb84d!important}.auth-aside li{opacity:.78!important}.auth-nav[data-astro-cid-s6yg6tnz]{gap:22px;margin-left:auto;margin-right:28px;display:flex}.auth-nav[data-astro-cid-s6yg6tnz] a[data-astro-cid-s6yg6tnz]{color:inherit;opacity:.58;font-size:11px;text-decoration:none}.auth-nav[data-astro-cid-s6yg6tnz] a[data-astro-cid-s6yg6tnz]:hover{opacity:1;color:#c45f3d}@media (width<=760px){.auth-nav[data-astro-cid-s6yg6tnz]{gap:12px;margin-right:14px}.auth-nav[data-astro-cid-s6yg6tnz] a[data-astro-cid-s6yg6tnz]{font-size:10px}.back-link[data-astro-cid-s6yg6tnz]{font-size:0}.back-link[data-astro-cid-s6yg6tnz]:after{content:"↗";color:#e8844b;font-size:16px}}