@font-face{font-family:RetroSystem;src:local(Inter),local(Aptos),local(Segoe UI)}*{box-sizing:border-box}:root{color:#eeeef3;font-synthesis:none;--lime:#b6f779;--muted:#9295a7;--border:#ffffff0e;--panel:#13151e;background:#0b0d14;font-family:RetroSystem,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{opacity:.38;cursor:not-allowed}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:2px solid var(--lime);outline-offset:4px}button{transition:background .18s,transform .18s,color .18s}button:not(:disabled):active{transform:translateY(1px)}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.045em;font-weight:650}h2{font-size:23px}p{line-height:1.7}input,select{color:inherit;background:#0d0f17;border:1px solid #ffffff18;border-radius:8px;min-width:0;padding:10px 12px}select{max-width:100%}input[type=range]{accent-color:var(--lime);padding:0}input[type=checkbox]{accent-color:var(--lime)}.app-shell{grid-template-columns:232px minmax(0,1fr);max-width:1800px;margin:auto;display:grid}.sidebar{border-right:1px solid var(--border);background:#0f1119;flex-direction:column;height:100dvh;padding:39px 25px 24px;display:flex;position:sticky;top:0}.brand{letter-spacing:-1.3px;align-items:center;margin-bottom:57px;font-size:26px;font-weight:750;text-decoration:none;display:flex}.brand>span:not(.brand-mark){font-weight:400}.brand-mark{background:var(--lime);color:#172016;letter-spacing:0;border-radius:9px;place-content:center;width:32px;height:32px;margin-right:9px;padding-left:2px;font-size:16px;display:grid}.brand>i{color:var(--lime);align-self:flex-start;margin:0 0 0 2px;font-size:12px;font-style:normal}.sidebar-label{letter-spacing:1.7px;color:#666b7d;margin:0 12px 15px;font-size:9px}.sidebar nav{gap:7px;display:grid}.sidebar nav button{text-align:left;color:#9396a8;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;padding:13px 14px;font-size:18px;display:flex}.sidebar nav button span{letter-spacing:.1px;flex:1;font-size:12px}.sidebar nav button small{color:#b6f77990;font-size:10px}.sidebar nav button.chosen{color:var(--lime);background:#b6f7790b;box-shadow:inset 0 0 0 1px #b6f77911}.sidebar nav button:hover{background:#ffffff05}.sidebar-note{margin:auto 10px 24px}.sidebar-note>span{letter-spacing:2px;color:#676c7e;font:9px monospace}.sidebar-note p{color:#8b8e9f;margin-top:14px;font-size:14px;line-height:1.6}.pixel-decoration{color:#b6f77940;letter-spacing:6px;margin-top:22px;line-height:1}.about-link{border:0;border-top:1px solid var(--border);text-align:left;color:#9699aa;background:0 0;padding:23px 10px;font-size:12px}.local-label{color:#656b7e;align-items:center;gap:7px;margin:0 10px;font-size:9px;display:flex}.local-label i,.status-dot{background:var(--lime);border-radius:50%;width:5px;height:5px;display:inline-block}.local-label i{background:#758d6a}main{min-width:0;padding:0 46px}.topbar{justify-content:space-between;align-items:center;height:105px;display:flex}.breadcrumb{color:#9699a8;letter-spacing:.1px;font-size:11px}.breadcrumb>span{color:#43485b;margin:0 14px}.header-end{align-items:center;gap:22px;display:flex}.platform-badge{letter-spacing:1.6px;color:#999eaf;font-size:9px}.platform-badge b{color:#cfdae3;letter-spacing:1px;border:1px solid #373b47;border-radius:4px;margin-left:3px;padding:4px 6px;font-size:9px;font-weight:400}.avatar{color:#b5b9c8;background:#222532;border:1px solid #ffffff10;border-radius:50%;place-content:center;width:30px;height:30px;font-size:9px;display:grid}.hero{background:radial-gradient(at 87% 35%,#5e547c22,#0000 65%),linear-gradient(110deg,#191d29,#141620);border:1px solid #ffffff0a;border-radius:16px;grid-template-columns:1.1fr 1fr;min-height:400px;display:grid;position:relative;overflow:hidden}.hero-copy{z-index:1;padding:44px 0 37px 40px}.eyebrow{letter-spacing:2.1px;color:#9398ac;font-size:9px;font-weight:600}.hero .eyebrow{color:#b6f779be;align-items:center;gap:9px;display:flex}.hero h1{letter-spacing:-3px;margin:21px 0 19px;font-size:clamp(36px,4.1vw,65px);font-weight:650;line-height:1.07}.hero h1 em{color:var(--lime);font-style:normal}.hero p{color:#9a9fb2;max-width:340px;font-size:12px;line-height:1.9}.hero-actions{align-items:center;gap:20px;margin-top:27px;display:flex}.primary,.secondary,.danger{border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:12px 17px;font-size:12px;font-weight:600;display:inline-flex}.primary{background:var(--lime);color:#17220e;box-shadow:0 4px 18px #b6f7790c}.primary:hover{background:#c9ff99}.secondary{color:#dfe2ec;background:#ffffff05;border-color:#ffffff17}.secondary:hover{background:#ffffff0b}.danger{background:#9b3e4f}.text-button{color:#c5c9d6;background:0 0;border:0;padding:7px 0;font-size:11px}.text-button:hover{color:var(--lime)}.hero-actions .text-button span{margin-left:10px}.hero-details{color:#6f768a;gap:20px;margin-top:26px;font-size:9px;display:flex}.hero-details span:first-child{color:#919b8e}.hero-art{perspective:1000px;place-items:center;min-height:340px;display:grid;position:relative}.orbit{border:1px solid #ffffff07;border-radius:50%;width:320px;height:320px;position:absolute;transform:rotate(-22deg)}.orbit-two{width:430px;height:430px}.diskette{background:linear-gradient(140deg,#6f6590,#51485e 70%);border:1px solid #8c809960;border-radius:9px 9px 10px 10px;width:210px;height:251px;animation:8s ease-in-out infinite float;position:relative;transform:rotate(-13deg)rotateY(-14deg)rotateX(10deg);box-shadow:7px 12px #37333e,10px 16px 1px #27242f,20px 35px 50px #0006}.disk-top{background:#302d3a;border-radius:0 0 5px 5px;height:79px;margin:0 20px;padding-left:20px}.disk-metal{background:linear-gradient(100deg,#bec2cd,#777c8c 10%,#d6d6dc 35%,#9b9fac 80%,#d1cfd5);border-radius:0 0 4px 4px;justify-content:flex-end;align-items:center;width:111px;height:73px;padding-right:17px;display:flex;box-shadow:0 3px 6px #0005}.disk-metal>div{background:#302d3a;border-radius:1px;width:28px;height:45px;box-shadow:inset 2px 1px 4px #0006}.disk-label{color:#23222c;background:#e7e2d5;border-radius:3px;height:137px;margin:10px 13px 0;padding:13px 11px 9px;overflow:hidden}.disk-label>span{letter-spacing:1.5px;font:6px monospace}.disk-label strong{letter-spacing:-2px;margin-top:8px;font:900 33px/.9 system-ui;display:block;position:relative}.disk-label strong span{color:#796d92;font-size:42px;font-weight:500;position:absolute;bottom:0;right:4px}.label-stripes{background:linear-gradient(90deg,#8f6caa 0 25%,#cf7d73 25% 50%,#e1bd69 50% 75%,#91a98a 75%);height:5px;margin-top:9px}.disk-label small{letter-spacing:.5px;font:5px monospace}.disk-foot{letter-spacing:.6px;color:#a69bad;justify-content:space-between;align-items:center;padding:9px 12px;font:5px monospace;display:flex}.disk-foot i{border:2px solid #312e39;border-radius:1px;width:10px;height:8px}.floating-label{z-index:3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1b1e2bd9;border:1px solid #ffffff10;border-radius:8px;padding:12px 15px;font:17px monospace;position:absolute;box-shadow:0 12px 25px #0002}.floating-label span{letter-spacing:1.3px;color:#838a9e;margin-top:5px;font:6px system-ui;display:block}.label-pal{top:60px;right:20px;transform:rotate(6deg)}.label-memory{font-size:14px;bottom:40px;left:3px;transform:rotate(-5deg)}.floating-spark{color:#b6f779bb;font-size:31px;position:absolute;top:54px;left:35px}.section-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.recent-section{margin-top:35px}.recent-section h2{font-size:18px}.recent-section .muted{font-size:10px}.recent-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:17px;display:grid}.recent-card{border:1px solid var(--border);text-align:left;background:#12151e;border-radius:9px;align-items:center;gap:12px;padding:10px;display:flex;overflow:hidden}.recent-card>div:not(.cover){flex:1;min-width:0}.recent-card strong,.recent-card small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.recent-card strong{font-size:12px;font-weight:500}.recent-card small{color:#71788c;margin-top:6px;font-size:9px}.recent-card>span{color:var(--lime);margin:0 4px;font-size:9px}.library-section{margin-top:39px}.library-heading .eyebrow{letter-spacing:1.5px;margin-bottom:8px;font-size:8px}.count{letter-spacing:0;color:#979bad;vertical-align:middle;border:1px solid #ffffff12;border-radius:5px;place-content:center;width:23px;height:21px;margin-left:8px;font-size:10px;font-weight:400;display:inline-grid}.search{color:#656b7d;border:1px solid #ffffff12;border-radius:7px;align-items:center;gap:9px;min-width:200px;padding:8px 12px;display:flex}.search>span{font-size:20px;line-height:1}.search input{background:0 0;border:0;outline:0;width:140px;padding:0;font-size:10px}.search input::placeholder{color:#666d80}.search kbd{border:1px solid #ffffff10;border-radius:3px;padding:2px 5px;font-size:9px}.library-tabs{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin:25px 0 22px;display:flex}.library-tabs>div{gap:24px;display:flex}.library-tabs button{color:#777f92;background:0 0;border:0;border-bottom:2px solid #0000;padding:0 0 12px;font-size:10px}.library-tabs button.active{color:var(--lime);border-bottom-color:var(--lime)}.library-tabs>span{color:#a7afbe;padding-bottom:12px;font-size:17px}.game-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 19px;display:grid}.game-card{min-width:0}.game-launch{text-align:left;background:0 0;border:0;border-radius:9px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.cover{aspect-ratio:3/3.8;background:linear-gradient(160deg, hsl(var(--hue) 25% 22%), hsl(var(--hue) 30% 8%) 75%);color:#fff;isolation:isolate;border:1px solid #ffffff0d;border-radius:8px;width:100%;position:relative;overflow:hidden}.cover-grid{z-index:-1;background-color:#0000;background-image:linear-gradient(#ffffff15 1px,#0000 1px),linear-gradient(90deg,#ffffff15 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:23px 23px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:45% -60% -70%;transform:perspective(150px)rotateX(60deg)}.cover-orb{aspect-ratio:1;background:linear-gradient(180deg, hsl(var(--hue) 60% 75%), hsl(calc(var(--hue) + 70) 45% 42%));width:65%;box-shadow:0 0 50px hsl(var(--hue) 80% 60%/.15);z-index:-1;border-radius:50%;position:absolute;top:12%;left:18%}.cover-orb:after{content:"";background:repeating-linear-gradient(#0000 0 5px,#11131e 5px 8px);position:absolute;inset:50% 0 0}.cover-mountain{background:hsl(var(--hue) 22% 10%);clip-path:polygon(0 50%,30% 0,65% 60%,85% 20%,100% 60%,100% 100%,0 100%);z-index:-1;position:absolute;inset:40% -10% 0}.cover-edition{letter-spacing:1.4px;color:#fff9;font:6px monospace;position:absolute;top:15px;left:14px}.cover>strong{text-transform:uppercase;letter-spacing:-.8px;overflow-wrap:anywhere;text-shadow:2px 3px #0009;font-size:clamp(15px,1.8vw,26px);font-style:italic;font-weight:850;line-height:1.05;position:absolute;bottom:16%;left:12px;right:12px}.cover-format{letter-spacing:1.4px;color:#ffffff78;border-top:1px solid #ffffff29;justify-content:space-between;padding-top:10px;font-size:5px;display:flex;position:absolute;bottom:13px;left:13px;right:13px}.cover.small{border-radius:4px;flex-shrink:0;width:46px;height:53px}.small .cover-edition,.small .cover-format{display:none}.cover.small>strong{letter-spacing:-.1px;font-size:6px;left:4px;right:4px}.play-bubble{opacity:0;background:var(--lime);color:#18220c;border-radius:50%;place-content:center;width:47px;height:47px;padding-left:3px;transition:all .2s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-40%);box-shadow:0 5px 40px #0008}.game-launch:hover .play-bubble,.game-launch:focus-visible .play-bubble{opacity:1;transform:translate(-50%,-50%)}.game-launch:hover .cover{filter:brightness(1.15)}.game-meta{justify-content:space-between;align-items:center;gap:5px;margin-top:12px;display:flex}.game-meta>div{min-width:0}.game-meta h3{letter-spacing:0;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.game-meta h3 button{text-align:left;background:0 0;border:0;padding:0}.game-meta span{color:#636c80;letter-spacing:1px;margin-top:6px;font:7px monospace;display:block}.icon-button{color:#7e8798;background:0 0;border:0;padding:5px;font-size:19px}.icon-button:hover,.icon-button.favorite{color:var(--lime)}.game-extra{gap:12px;margin-top:7px;display:flex}.game-extra button{color:#5c6579;background:0 0;border:0;padding:4px 0;font-size:8px}.game-extra button:hover{color:#b5bccb}.import-tile{aspect-ratio:3/3.8;color:#a4adbc;text-align:center;background:#ffffff01;border:1px dashed #ffffff18;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;min-height:220px;padding:15px;display:flex}.import-tile>span{background:#ffffff05;border-radius:50%;place-content:center;width:34px;height:34px;margin-bottom:14px;font-size:20px;display:grid}.import-tile strong{font-size:10px;font-weight:500}.import-tile small{color:#606b80;margin-top:7px;font-size:8px}.import-tile:hover{background:#b6f77904;border-color:#b6f77940}.empty-library{text-align:center;background:radial-gradient(#b6f77903,#0000 70%);border:1px dashed #ffffff10;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-height:250px;padding:30px 20px;display:flex}.empty-library h3{letter-spacing:-.6px;margin-top:12px;font-size:21px;font-weight:500}.empty-library p{color:#81899d;max-width:460px;margin:13px auto 21px;font-size:11px;line-height:1.9}.empty-icon{color:#b6f77998;font-size:30px;line-height:1}.empty-library>.muted{margin-top:14px;font-size:9px}.info-strip{border:1px solid var(--border);background:#12151e;border-radius:9px;align-items:center;gap:17px;margin:31px 0 0;padding:20px 23px;display:flex}.info-strip>span:first-child{color:#a3b6a0;font-size:24px}.info-strip strong{font-size:11px;font-weight:500}.info-strip p{color:#727c90;margin-top:3px;font-size:9px}.outline-label{letter-spacing:1px;white-space:nowrap;color:#7a8598;border:1px solid #ffffff12;border-radius:4px;margin-left:auto;padding:6px 8px;font:7px monospace}footer{border-top:1px solid var(--border);color:#596377;letter-spacing:.2px;justify-content:space-between;align-items:center;margin-top:36px;padding:22px 0 27px;font-size:8px;display:flex}footer i{color:#89977d;margin:0 9px;font-style:normal}footer button{color:#727c91;background:0 0;border:0;padding:0;font-size:8px}.alert,.notice{overflow-wrap:anywhere;border-radius:8px;margin:20px 0;padding:14px 18px;font-size:12px;line-height:1.7}.alert{color:#ffc5c4;background:#f78d8d0b;border:1px solid #f78d8d35}.notice{color:#d2f5b3;background:#b6f77908;border:1px solid #b6f77928}.muted{color:var(--muted);font-size:11px;line-height:1.7}.drop-overlay{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px dashed var(--lime);pointer-events:none;text-align:center;background:#10181df5;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:12px}.drop-overlay>span{color:var(--lime);font-size:70px}.drop-overlay h2{margin:20px 0}.drop-overlay p{color:var(--muted);font-size:14px}.modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#05070cce;place-items:center;padding:25px;display:grid;position:fixed;inset:0;overflow:auto}.modal{background:#181c27;border:1px solid #ffffff18;border-radius:15px;width:min(560px,100%);max-height:90dvh;padding:32px;position:relative;overflow:auto;box-shadow:0 25px 100px #0006}.modal h2{margin:15px 0 22px}.modal p{color:#b3bacb;margin:16px 0;font-size:12px}.modal a{color:var(--lime)}.modal-close{color:#a8afbe;background:0 0;border:0;font-size:24px;position:absolute;top:12px;right:15px}.modal .button-group{margin-top:25px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.loader{border:2px solid #ffffff12;border-top-color:var(--lime);border-radius:50%;width:24px;height:24px;animation:1s linear infinite spin}.player-heading{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.pill{letter-spacing:1px;color:#b2bbcc;border:1px solid #ffffff17;border-radius:20px;padding:7px 10px;font:8px monospace}.player-page h1{overflow-wrap:anywhere;margin-top:9px;font-size:35px}.player-screen{aspect-ratio:4/3;background:#030407;border:1px solid #ffffff0d;border-radius:13px;justify-content:center;align-items:center;max-height:70dvh;margin-top:25px;display:flex;position:relative;overflow:hidden}.player-screen canvas{aspect-ratio:4/3;object-fit:contain;touch-action:none;-webkit-user-select:none;user-select:none;width:auto;max-width:100%;height:100%}.screen-overlay{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);text-align:center;background:#0d1018e8;flex-direction:column;justify-content:center;align-items:center;padding:25px;display:flex;position:absolute;inset:0}.screen-emblem{color:var(--lime);border:1px solid #b6f77930;border-radius:20px;place-content:center;width:70px;height:70px;margin-bottom:25px;padding-left:3px;font-size:28px;display:grid}.screen-overlay h2{font-size:27px}.screen-overlay p{color:#8a95a9;max-width:390px;margin:15px 0 25px;font-size:12px}.player-toolbar{justify-content:space-between;align-items:center;gap:18px;margin-top:17px;display:flex}.button-group{align-items:center;gap:10px;display:flex}.volume{color:#8d98aa;align-items:center;gap:10px;margin-left:auto;font-size:10px;display:flex}.volume input{width:90px}.player-caption{color:#66738a;justify-content:space-between;gap:15px;margin:17px 0 28px;font:9px monospace;display:flex}.player-caption i{background:#687184;border-radius:50%;width:5px;height:5px;margin-right:7px;display:inline-block}.player-caption i.active{background:var(--lime);box-shadow:0 0 8px #b6f77955}.player-panels{grid-template-columns:1fr 1fr;gap:18px;display:grid}.panel{border:1px solid var(--border);background:#131722;border-radius:10px;min-width:0;padding:22px}.panel h2{letter-spacing:-.4px;font-size:17px}.panel>.muted{margin-top:15px;font-size:9px}.disk-row{align-items:center;gap:12px;margin-top:19px;display:flex}.disk-icon{color:#859b83;font-size:22px}.disk-row label{color:#9ba7ba;flex-direction:column;flex:1;gap:7px;min-width:0;font-size:9px;display:flex}.disk-row select{color:#ced5e2;width:100%;font-size:10px}.save-row{border-top:1px solid #ffffff08;align-items:center;gap:9px;margin-top:14px;padding-top:14px;display:flex}.save-row>div{flex:1;min-width:0}.save-row strong{font-size:10px;font-weight:500}.save-row small{color:#758299;margin-top:6px;font-size:8px;display:block}.save-row .text-button{color:var(--lime);font-size:9px}.empty-state-small{color:#6c7d93;text-align:center;padding:35px 10px;font-size:11px}.empty-state-small>span{margin-bottom:15px;font-size:29px;display:block}.settings{margin:0 0 20px}.settings p{color:#98a3b9;margin:15px 0;font-size:11px}.settings label{align-items:center;gap:14px;margin-top:17px;font-size:12px;display:flex}.settings select{max-width:300px;font-size:11px}.touch-controls{display:none}.player-page:fullscreen{background:#080b13;max-width:100%;padding:20px;overflow:auto}.player-page:fullscreen .player-screen{max-width:110dvh;max-height:82dvh;margin:auto}:is(.player-page:fullscreen .player-heading,.player-page:fullscreen>.section-heading,.player-page:fullscreen .player-panels){display:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:rotate(-13deg)rotateY(-14deg)rotateX(10deg)translateY(0)}50%{transform:rotate(-10deg)rotateY(-10deg)rotateX(7deg)translateY(-9px)}}@media (width>=1500px){main{padding:0 65px}.hero{min-height:450px}.hero-copy{padding:50px}.diskette{width:235px;height:281px}.disk-top{height:90px}.disk-metal{width:125px;height:84px}.disk-label{height:153px;padding:16px}.disk-label strong{font-size:38px}.hero-art .label-pal{right:50px}.game-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (width<=1100px){.app-shell{grid-template-columns:190px minmax(0,1fr)}.sidebar{padding:30px 15px}.brand{font-size:23px}.brand-mark{width:28px;height:28px;font-size:13px}.sidebar nav button{padding:12px 10px}.sidebar nav button span{font-size:11px}main{padding:0 28px}.hero-copy{padding:34px 0 30px 28px}.hero h1{font-size:45px}.hero-art{transform-origin:100%;transform:scale(.9)}.hero-actions{gap:12px}.hero-actions .text-button{font-size:9px}.hero-details{gap:12px;font-size:8px}.hero p{font-size:11px}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.label-memory{left:-15px}.recent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.recent-card:last-child{display:none}.player-panels{grid-template-columns:1fr}.breadcrumb{font-size:10px}.hero{grid-template-columns:1.1fr .9fr}.diskette{width:185px;height:230px}.disk-label{height:117px}.disk-label strong{font-size:28px}.disk-top{height:78px}.floating-label{padding:9px 10px;font-size:12px}.label-pal{right:3px}.floating-label span{font-size:5px}.floating-spark{left:0}}@media (width<=800px){.app-shell{grid-template-columns:76px minmax(0,1fr)}.sidebar{align-items:center;padding:30px 12px}.brand{letter-spacing:0;margin-bottom:45px;font-size:0}.brand>i,.brand>span:not(.brand-mark){display:none}.brand .brand-mark{width:34px;height:34px;margin:0;font-size:16px}.sidebar-label,.sidebar-note,.local-label,.sidebar nav button span,.sidebar nav button small{display:none}.sidebar nav{width:100%}.sidebar nav button{justify-content:center;padding:13px 0;font-size:23px}.about-link{border:0;margin-top:auto;padding:20px 0;font-size:0}.about-link:first-letter{font-size:20px}main{padding:0 25px}.hero-art{margin-left:-20px;transform:scale(.8)}.hero h1{font-size:43px}.hero{grid-template-columns:1fr .8fr}.hero-copy{padding-left:25px}.hero p{max-width:240px}.hero-actions{flex-wrap:wrap;gap:16px}.hero-details{display:none}.topbar{height:85px}.header-end{gap:10px}.hero .eyebrow{letter-spacing:1.5px;font-size:7px}.platform-badge{display:none}.label-memory{bottom:34px;left:-40px}.hero-actions .text-button{font-size:10px}.hero{min-height:360px}.library-heading{gap:15px}.search{width:185px;min-width:0}.search input{width:100%;min-width:0}.search kbd{display:none}.library-heading h2{font-size:22px}.library-heading .eyebrow{font-size:7px}.outline-label{display:none}.cover>strong{font-size:21px}.player-caption{font-size:8px}.player-page h1{font-size:28px}}@media (width<=570px){.app-shell{display:block}.sidebar{z-index:30;border-right:0;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#10131de8;flex-direction:row;gap:18px;height:66px;padding:0 18px;position:sticky}.brand{letter-spacing:-1.2px;margin:0;font-size:23px}.brand>span:not(.brand-mark){font-size:23px;display:inline}.brand .brand-mark{border-radius:7px;width:27px;height:27px;margin-right:8px;font-size:11px}.sidebar nav{gap:7px;width:auto;margin-left:auto;display:flex}.sidebar nav button{padding:7px 9px;font-size:19px}.about-link{display:none}.topbar{height:60px}.breadcrumb{font-size:9px}.breadcrumb>span{margin:0 8px}.avatar{width:25px;height:25px;font-size:8px}main{padding:0 18px}.hero{min-height:340px;display:block;overflow:hidden}.hero-copy{max-width:72%;padding:29px 23px}.hero h1{letter-spacing:-2px;margin-top:19px;font-size:43px}.hero p{max-width:225px;font-size:10px}.hero .eyebrow{white-space:nowrap;letter-spacing:1.4px;font-size:6px}.hero-art{transform-origin:100%;opacity:.75;pointer-events:none;width:240px;min-height:300px;position:absolute;top:30px;right:-83px;transform:scale(.67)}.floating-spark,.label-memory,.label-pal{display:none}.hero-actions{gap:14px;margin-top:24px}.hero-actions .text-button{font-size:9px}.primary,.secondary{padding:11px 13px;font-size:11px}.hero-copy{max-width:88%}.hero p{max-width:70%}.hero-art{top:9px;right:-85px}.hero-actions .primary{z-index:2}.recent-section{margin-top:27px}.recent-section h2{font-size:16px}.recent-section .muted{display:none}.recent-grid{gap:10px}.recent-card{gap:8px;padding:8px}.recent-card .cover{width:33px;height:42px}.recent-card strong{font-size:10px}.recent-card small{font-size:7px}.recent-card>span{display:none}.library-section{margin-top:30px}.library-heading{flex-direction:column;align-items:flex-start;gap:16px}.library-heading h2{font-size:23px}.search{width:100%;padding:10px 12px}.search input{font-size:11px}.library-tabs{margin:20px 0}.library-tabs>div{gap:22px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.cover>strong{font-size:22px}.cover-edition{letter-spacing:.9px;font-size:5px;top:12px;left:10px}.cover-format{letter-spacing:1px;font-size:4px;left:10px;right:10px}.game-meta h3{font-size:11px}.import-tile{min-height:170px}.game-extra button{font-size:8px}.empty-library{min-height:270px;padding:28px 18px}.empty-library h3{font-size:19px}.empty-library p{font-size:10px}.info-strip{gap:12px;padding:16px}.info-strip strong{font-size:10px}.info-strip p{font-size:8px}footer{gap:12px;font-size:7px}footer button{font-size:7px}.player-page h1{font-size:28px}.player-page .eyebrow{font-size:7px}.player-heading{margin-bottom:20px}.pill{font-size:6px}.player-screen{max-height:none;margin-top:20px}.screen-overlay h2{font-size:20px}.screen-overlay p{margin:10px 0 16px;font-size:10px}.screen-emblem{border-radius:12px;width:40px;height:40px;margin-bottom:15px;font-size:17px}.player-toolbar{flex-wrap:wrap;gap:8px}.player-toolbar .primary,.player-toolbar .secondary{padding:9px 12px;font-size:10px}.volume{flex:1;order:3}.volume input{flex:1}.player-caption{flex-direction:column;gap:7px;font-size:7px}.player-panels{gap:15px}.panel{padding:18px}.panel h2{font-size:16px}.panel .text-button{font-size:9px}.save-row{gap:6px}.save-row strong{font-size:9px}.save-row small{font-size:7px}.settings label{flex-wrap:wrap;font-size:10px}.settings .checkbox{flex-wrap:nowrap}.touch-controls{touch-action:none;grid-template-columns:repeat(5,1fr);gap:6px;margin:0 0 22px;display:grid}.touch-controls button{touch-action:none;-webkit-user-select:none;user-select:none;background:#191f2c;border:1px solid #ffffff17;border-radius:8px;min-width:0;height:40px;font-size:13px}.touch-controls .touch-fire,.touch-controls .touch-second{color:var(--lime);background:#b6f77917}.touch-controls button:nth-last-child(-n+4){font-size:8px}.modal{padding:25px}.modal p{font-size:11px}}@media (pointer:coarse) and (width>=571px){.touch-controls{touch-action:none;gap:10px;margin-bottom:25px;display:flex}.touch-controls button{touch-action:none;background:#1d2432;border:1px solid #ffffff20;border-radius:8px;min-width:43px;height:43px}.touch-controls button:nth-last-child(-n+4){font-size:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}