:root{--yellow:#ffce00;--yellow-soft:#fff0aa;--ink:#222720;--muted:#61695c;--page:#f2f5ef;--paper:#ffffff;--line:#d9dfd4;--lcd:#dde1d3;--focus:#355bcb;--warning:#7b4922;--warning-bg:#fff0dc;--scroll-thumb:#969e8e;--scroll-track:#edf0e8;--radius-control:10px;--radius-card:16px;--font-body:"Bahnschrift","Microsoft YaHei UI","Microsoft YaHei",sans-serif;--font-data:"Consolas","Microsoft YaHei UI",monospace}
*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) var(--scroll-track)}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--scroll-track)}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border:2px solid var(--scroll-track);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}::-webkit-scrollbar-thumb:active{background:var(--ink)}
html{scrollbar-gutter:stable;scroll-behavior:smooth}body{margin:0;display:grid;grid-template-columns:224px minmax(0,1fr);color:var(--ink);background:var(--page);font-family:var(--font-body);font-size:14px;line-height:1.5}button,input,select{font:inherit}button,a,select{cursor:pointer}button{color:inherit}button,a,input,select{touch-action:manipulation}button{border:0}button:disabled{cursor:not-allowed;opacity:.4}button:active:not(:disabled),.button:active{transform:translateY(1px)}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:3px}button:disabled:hover{transform:none}::selection{background:var(--yellow);color:var(--ink)}[hidden]{display:none !important}/* The hidden attribute must win over layout rules. */.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mono,.eyebrow,.brand-caption,kbd{font-family:var(--font-data)}.skip-link{position:fixed;top:-60px;left:250px;z-index:50;background:var(--ink);color:var(--paper);padding:12px 18px;border-radius:8px}.skip-link:focus{top:14px}
.sidebar{background:var(--paper);border-right:1px solid var(--line);padding:32px 20px 24px;position:sticky;top:0;height:100dvh;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:0 7px}.brand-device{width:43px;height:49px;background:var(--yellow);border-radius:9px;display:grid;place-items:center;transform:rotate(-7deg)}.brand-device .icon{width:30px;height:30px;stroke-width:1.9}.brand strong{display:block;font-size:30px;font-weight:800;line-height:1.15;letter-spacing:-1.5px}.brand-dot{color:var(--muted)}.brand-caption{font-size:9px;letter-spacing:2px;font-weight:600}.nav-heading{font-size:11px;color:var(--muted);margin:51px 13px 14px;letter-spacing:1px}.main-nav{display:flex;flex-direction:column;gap:7px}.nav-item{display:flex;align-items:center;gap:11px;min-height:47px;padding:11px 13px;background:transparent;text-align:left;border-radius:var(--radius-control);font-weight:600;transition:background .15s}.nav-item .icon{width:19px;height:19px}.nav-item:hover{background:var(--page)}.nav-item.is-active{background:var(--yellow)}.nav-count{margin-left:auto;font-family:var(--font-data);font-size:12px;font-weight:400}.sidebar-note{margin:35px 6px 0;padding:24px 15px;border:1px dashed var(--line);border-radius:12px}.note-pixel{display:block;font-family:var(--font-data);font-size:34px;line-height:1;color:var(--muted);margin-bottom:16px}.sidebar-note strong{font-size:12px}.sidebar-note p{color:var(--muted);font-size:12px;line-height:1.9;margin:10px 0 20px}.offline-label{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted)}.offline-label span,.status-dot{width:6px;height:6px;background:#687d50;border-radius:50%;display:inline-block}.sidebar-foot{margin-top:auto;padding:32px 10px 0}.sidebar-foot .mono{font-size:9px;letter-spacing:1px}.sidebar-foot p{font-size:11px;color:var(--muted);line-height:1.8;margin:10px 0 0}.main{width:100%;max-width:1600px;margin:0 auto;padding:0 38px 30px;min-width:0}.topbar{height:83px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px}.breadcrumb{color:var(--muted)}.breadcrumb span{margin:0 12px;color:#87917d}.breadcrumb strong{color:var(--ink);font-weight:500}.topbar-status{display:flex;align-items:center;gap:8px}.preview-label{background:var(--paper);border:1px solid var(--line);border-radius:5px;padding:2px 7px;font-size:10px;margin-left:8px}
.hero{position:relative;display:grid;grid-template-columns:1.1fr 1fr;min-height:330px;border-radius:20px;background:var(--yellow-soft);overflow:hidden}.hero-copy{padding:34px 0 36px 36px;position:relative;z-index:2}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.8px;margin:0 0 14px;display:flex;gap:8px;align-items:center}.tiny-square{height:7px;width:7px;background:var(--ink);display:inline-block}.hero h1{font-size:50px;font-weight:800;line-height:1.27;letter-spacing:-1.5px;position:relative;margin:0 0 13px;width:max-content;max-width:100%}.headline-star{font-size:42px;position:absolute;right:-70px;bottom:4px;font-family:var(--font-data);font-weight:400;transform:rotate(-10deg)}.hero-description{font-size:13px;line-height:1.8;margin:0 0 20px;color:#4b513c}.hero-actions{display:flex;align-items:center;gap:19px}.button{border-radius:var(--radius-control);display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:12px 17px;font-weight:600;font-size:12px;transition:background .18s,transform .18s}.button .icon{width:18px;height:18px}.button-dark{background:var(--ink);color:var(--paper)}.button-dark:hover{background:#3a4334}.button-outline{background:var(--paper);border:1px solid var(--line);color:var(--ink)}.button-outline:hover{background:var(--page)}.hero-random{display:flex;align-items:center;gap:7px;background:transparent;padding:11px 0;font-size:12px}.hero-random:hover{color:var(--focus)}.hero-random .icon{width:17px;height:17px}.hero-art{position:relative;display:grid;place-items:center;padding:15px 35px 37px 0}.orbit{position:absolute;border:1px solid rgba(34,39,32,.1);border-radius:50%;width:380px;height:380px;top:-45px;right:7px}.orbit-two{width:460px;height:460px;top:-85px;right:-32px}.art-spark{position:absolute;font-family:var(--font-data);font-size:28px;line-height:1}.spark-one{right:31px;top:59px}.spark-two{left:18px;bottom:76px;font-size:22px}.handheld{position:relative;width:241px;height:266px;border-radius:16px;background:var(--yellow);border:1px solid #d8aa00;box-shadow:inset -5px -5px 0 rgba(185,136,0,.2),1px 5px 0 #d2aa00,8px 15px 16px rgba(111,87,0,.14);transform:rotate(-8deg);padding:21px 13px 12px}.device-screen{aspect-ratio:5/3;border:8px solid var(--ink);border-radius:7px;background:var(--lcd);overflow:hidden;box-shadow:0 1px 0 #ffe370,inset 0 0 0 2px #555a4e}.device-screen img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1)}.device-screw{position:absolute;top:8px;width:4px;height:4px;border:1px solid #896c00;border-radius:50%}.screw-left{left:11px}.screw-right{right:11px}.device-controls{display:flex;align-items:center;justify-content:space-between;margin:25px 10px 0}.dpad{position:relative;width:62px;height:62px;filter:drop-shadow(1px 2px 0 #b99100)}.dpad span,.dpad i{position:absolute;background:#ffe66b;border:1px solid #b88e0e;border-radius:5px}.dpad span{width:24px;height:62px;left:19px}.dpad i{height:24px;width:62px;top:19px}.dpad:after{content:"";position:absolute;width:22px;height:22px;top:20px;left:20px;background:#ffe66b}.ab-buttons{display:flex;gap:11px;transform:rotate(-13deg)}.ab-buttons span{background:#ffe66b;border:1px solid #be9200;box-shadow:0 2px 0 #bf9500;border-radius:50%;height:34px;width:34px;display:grid;place-items:center;font-weight:700;font-size:16px}.device-name{display:block;font-size:10px;font-weight:700;letter-spacing:-.4px;margin-top:10px;text-align:center;color:#665400}.crank{position:absolute;right:-37px;top:118px;width:40px;height:74px}.crank-arm{width:31px;height:7px;top:26px;left:-1px;position:absolute;background:#b9bdb4;border:1px solid #818779;box-shadow:1px 2px 0 rgba(0,0,0,.12)}.crank-arm:after{content:"";position:absolute;width:7px;height:35px;top:-31px;right:-2px;background:#b9bdb4;border:1px solid #818779}.crank-grip{position:absolute;right:0;top:-16px;width:15px;height:31px;border-radius:6px;background:var(--yellow);border:1px solid #c19b00;box-shadow:inset -3px 0 #dab109}.feature-caption{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:10px}.caption-dot{width:5px;height:5px;background:var(--ink);border-radius:50%}
.catalog{padding-top:32px;scroll-margin-top:20px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:21px;gap:15px}.eyebrow-muted{font-size:9px;color:var(--muted);letter-spacing:1.4px;margin-bottom:7px}.section-head h2{font-size:23px;line-height:1.3;letter-spacing:-.6px;margin:0;font-weight:700}.section-head h2 span{font-family:var(--font-data);font-weight:400;font-size:15px;color:var(--muted);margin-left:10px;vertical-align:middle}.sample-note{font-size:11px;color:var(--muted);margin:0 0 3px}.filterbar{display:flex;gap:11px;align-items:center;flex-wrap:wrap;background:var(--paper);padding:10px;border:1px solid var(--line);border-radius:13px}.search-field{height:38px;display:flex;align-items:center;gap:9px;flex:1 1 240px;min-width:180px;padding:0 9px;position:relative}.search-field>.icon{width:18px;height:18px;color:var(--muted)}.search-field input{width:100%;background:transparent;border:0;min-width:0;font-size:12px;color:var(--ink);outline-offset:3px}.search-field input::placeholder{color:var(--muted)}.search-field input::-webkit-search-cancel-button{display:none}.search-clear{flex-shrink:0;width:28px;height:28px;min-width:28px;padding:4px}.search-clear .icon{width:16px;height:16px}.search-field kbd{border:1px solid var(--line);color:var(--muted);font-size:10px;min-width:20px;line-height:19px;text-align:center;border-radius:4px}.filter-buttons{display:flex;align-items:center;gap:4px}.filter-pill{padding:9px 10px;white-space:nowrap;background:transparent;border-radius:7px;font-size:11px;min-height:36px;transition:background .15s}.filter-pill:hover{background:var(--page)}.filter-pill.is-active{background:var(--yellow);font-weight:600}.sort-field{border-left:1px solid var(--line);padding-left:10px}.sort-field select{border:0;border-radius:6px;background:var(--paper);padding:9px 3px;max-width:152px;font-size:11px;color:var(--muted);min-height:36px}.sort-field select:hover{color:var(--ink)}.results-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:16px 1px 13px;font-size:11px;color:var(--muted)}.results-bar p{margin:0}.results-bar .mono{font-size:9px;letter-spacing:.7px}.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.game-card{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-card);overflow:clip;transition:transform .2s,box-shadow .2s,border-color .2s}.game-card:hover{transform:translateY(-3px);border-color:#b5bdaa;box-shadow:0 9px 20px rgba(34,39,32,.06)}.game-card:focus-within{outline:3px solid var(--focus);outline-offset:3px}.card-open{display:block;width:100%;text-align:left;padding:0;background:transparent}.card-open:focus-visible{outline:0}.card-image{aspect-ratio:5/3;background:var(--lcd);position:relative;border-bottom:1px solid var(--line);overflow:hidden}.card-image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .25s}.game-card:hover .card-image img{transform:scale(1.025)}.card-selection{position:absolute;left:12px;top:12px;background:var(--yellow);border-radius:5px;font-size:9px;padding:4px 7px;font-weight:600}.card-selection:empty{display:none}.card-image-fallback{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-size:12px}.favorite-button{position:absolute;right:11px;top:10px;background:var(--paper);border:1px solid var(--line);box-shadow:0 2px 4px rgba(0,0,0,.08);width:32px;height:32px}.favorite-button .icon{width:16px;height:16px;stroke-width:1.7}.favorite-button:hover{background:var(--yellow-soft)}.favorite-button[aria-pressed=true]{background:var(--yellow);border-color:var(--yellow)}.favorite-button[aria-pressed=true] .icon{fill:var(--ink)}.card-copy{padding:16px 16px 15px}.card-title-row{display:flex;gap:9px;justify-content:space-between;align-items:flex-start}.card-title-row h3{font-size:17px;line-height:1.25;margin:0;font-weight:700;letter-spacing:-.5px;min-width:0;overflow-wrap:anywhere}.card-rating{display:flex;align-items:center;gap:4px;font-size:11px;white-space:nowrap;padding-top:1px}.card-rating .icon{width:12px;height:12px;fill:var(--ink);stroke-width:1.3}.card-author{margin:6px 0 9px;color:var(--muted);font-size:10px}.card-summary{font-size:11px;line-height:1.8;color:var(--muted);margin:0 0 13px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:39.6px}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px}.card-genre{font-weight:500}.card-size{font-size:9px;color:var(--muted)}.card-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:11px;min-height:20px}.tag{padding:3px 6px;background:var(--page);color:var(--muted);border-radius:4px;font-size:9px;white-space:nowrap}.tag-demo{background:var(--yellow-soft);color:#655000}.tag-native{background:var(--warning-bg);color:var(--warning)}.catalog-footer{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid var(--line);margin-top:28px;padding-top:18px;font-size:10px;color:var(--muted)}.catalog-footer>span:first-child{display:flex;align-items:center;gap:8px}.footer-square{width:6px;height:6px;background:var(--yellow);display:inline-block}.catalog-footer .mono{font-size:9px;white-space:nowrap}.icon-button{display:inline-grid;place-items:center;border-radius:50%;padding:7px;min-height:32px;min-width:32px;background:transparent;transition:background .15s}.icon-button:hover{background:var(--page)}.empty-state{text-align:center;min-height:310px;padding:56px 20px}.empty-state>.icon{width:36px;height:36px;color:var(--muted)}.empty-state h3{font-size:20px;margin:18px 0 8px}.empty-state p{color:var(--muted);font-size:12px;margin:0 0 22px}
dialog{padding:0;border:1px solid var(--line);border-radius:20px;width:1040px;max-width:calc(100vw - 36px);max-height:calc(100dvh - 40px);color:var(--ink);background:var(--paper);box-shadow:0 25px 90px rgba(20,29,12,.24);overflow:auto;scrollbar-gutter:stable}dialog::backdrop{background:rgba(24,31,18,.54);backdrop-filter:blur(5px)}body.dialog-open{overflow:hidden}.detail-header{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:14px 23px;background:var(--paper);border-bottom:1px solid var(--line)}.detail-header>.mono{font-size:10px;letter-spacing:1px;color:var(--muted)}.detail-header .icon-button{background:var(--page);width:36px;height:36px}.detail-header .icon-button:hover{background:var(--yellow)}.detail-content{display:grid;grid-template-columns:.95fr 1.05fr}.detail-visual{padding:28px 25px;background:var(--page);min-width:0}.gallery-stage{position:relative;aspect-ratio:5/3;border:9px solid var(--ink);border-radius:9px;background:var(--lcd);overflow:hidden}.gallery-stage img,.gallery-stage canvas{width:100%;height:100%;object-fit:contain;display:block}.gallery-stage .image-error{position:absolute;inset:0;display:grid;place-content:center;text-align:center;font-size:13px;color:var(--muted);line-height:2}.gallery-stage .image-error small{font-size:10px}.gallery-controls{display:flex;align-items:center;justify-content:space-between;margin:10px 0 15px;gap:8px}.gallery-controls>.mono{font-size:10px;color:var(--muted)}.gallery-controls>div{display:flex;gap:4px}.gallery-controls .icon-button{background:var(--paper);border:1px solid var(--line);width:32px;height:32px}.gallery-controls .icon{width:17px;height:17px}.gallery-controls .icon-button:hover{background:var(--yellow)}.text-button{font-size:10px;background:transparent;color:var(--muted);min-height:32px;padding:5px}.text-button:hover{color:var(--ink);text-decoration:underline}.thumbnail-strip{display:flex;gap:9px;overflow-x:auto;padding:4px 3px 7px}.thumbnail-button{padding:0;min-width:74px;width:74px;aspect-ratio:5/3;background:var(--lcd);border:2px solid transparent;border-radius:5px;overflow:hidden}.thumbnail-button:hover{border-color:var(--muted)}.thumbnail-button[aria-pressed=true]{border-color:var(--ink);box-shadow:0 0 0 2px var(--yellow)}.thumbnail-button img,.thumbnail-button canvas{display:block;width:100%;height:100%;object-fit:cover}.local-package{display:flex;align-items:center;gap:10px;margin-top:25px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.local-package>.icon{width:20px;height:20px;color:var(--muted)}.local-package>div{min-width:0;flex:1}.local-package strong{font-size:11px;display:block}.local-package>div span{font-size:9px;color:var(--muted);display:block;overflow-wrap:anywhere;line-height:1.7;margin-top:4px}.local-package>.mono{font-size:10px;white-space:nowrap}.source-credit{font-size:10px;line-height:1.9;color:var(--muted);padding-top:14px}.detail-info{padding:28px 28px 24px;min-width:0}.detail-genre{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.detail-genre .tag{font-size:10px;padding:4px 7px;background:var(--yellow-soft);color:#635000}.detail-info h2{font-size:32px;line-height:1.15;letter-spacing:-1px;margin:0 0 8px;overflow-wrap:anywhere}.detail-subtitle{font-size:12px;margin:0 0 14px;color:var(--muted);line-height:1.7}.detail-byline{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:var(--muted);padding-bottom:17px;border-bottom:1px solid var(--line)}.detail-rating{display:flex;gap:5px;align-items:center;white-space:nowrap}.detail-rating .icon{width:13px;height:13px;fill:var(--ink);stroke:var(--ink)}.detail-rating strong{color:var(--ink);font-size:14px}.detail-notice{font-size:11px;background:var(--page);padding:11px 12px;border-left:3px solid #99a888;border-radius:3px;line-height:1.8;margin-top:17px;color:var(--muted)}.detail-notice.is-warning{border-color:#bd8853;background:var(--warning-bg);color:var(--warning)}.detail-info h3{font-size:13px;margin:22px 0 11px}.description p{font-size:12px;line-height:1.95;color:var(--muted);margin:0 0 12px}.feature-list{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0 19px}.feature-list>span{display:inline-flex;align-items:center;gap:4px;font-size:10px}.feature-list .icon{width:13px;height:13px;color:#516346}.detail-facts{margin:0;padding-top:16px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:14px 15px}.detail-facts dt{font-size:10px;color:var(--muted);margin-bottom:3px}.detail-facts dd{font-size:11px;margin:0;line-height:1.7}.detail-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:22px}.detail-actions .button{font-size:11px;padding:10px 12px;min-height:41px}.detail-actions .source-link{font-size:11px;display:inline-flex;align-items:center;gap:6px;padding:10px 0;color:var(--muted)}.source-link:hover{color:var(--focus);text-decoration:underline}.source-link .icon{width:13px;height:13px}.rating-note{font-size:9px;color:var(--muted);line-height:1.9;margin:16px 0 0}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:100;background:var(--ink);color:var(--paper);font-size:12px;line-height:1.5;padding:13px 20px;border-radius:var(--radius-control);box-shadow:0 4px 20px rgba(0,0,0,.12);max-width:calc(100vw - 36px)}.noscript-notice{position:fixed;bottom:0;left:0;right:0;background:var(--yellow);padding:15px;text-align:center}
@media(min-width:1550px){.game-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hero-copy{padding-left:48px}.hero-art{justify-content:center}.hero h1{font-size:56px}.hero-art .orbit{right:calc(50% - 195px)}.hero-art .orbit-two{right:calc(50% - 235px)}}
@media(max-width:1200px){body{grid-template-columns:200px minmax(0,1fr)}.sidebar{padding:28px 14px}.brand strong{font-size:26px}.brand-device{width:37px;height:43px}.main{padding:0 26px 24px}.hero-copy{padding:30px 0 30px 27px}.hero h1{font-size:44px}.hero{min-height:315px}.handheld{width:215px;height:246px;padding:20px 12px 10px}.device-controls{margin-top:20px}.hero-art{padding:18px 25px 35px 0}.headline-star{right:-49px;font-size:32px}.hero-actions{gap:12px}.hero-random{font-size:11px}.game-grid{gap:15px}.filterbar{gap:4px}.search-field{flex-basis:180px}.filter-pill{padding:9px 8px}.sample-note{font-size:10px}.card-copy{padding:14px 13px}.card-title-row h3{font-size:16px}.sidebar-note{margin-left:1px;margin-right:1px}}
@media(max-width:960px){body{grid-template-columns:180px minmax(0,1fr)}.brand strong{font-size:24px}.brand-caption{font-size:8px;letter-spacing:1px}.brand-device{width:32px;height:39px}.brand{gap:8px;padding:0 4px}.sidebar-note{padding:20px 11px}.main{padding:0 22px 22px}.hero h1{font-size:37px}.hero-description{font-size:11px}.hero .eyebrow{font-size:8px;letter-spacing:.8px}.hero-copy{padding-left:24px}.hero-actions{flex-direction:column;align-items:flex-start;gap:2px}.handheld{width:195px;height:230px}.device-controls{margin-top:18px;margin-left:4px;margin-right:4px}.dpad{transform:scale(.88);transform-origin:left center}.ab-buttons{gap:7px}.ab-buttons span{width:28px;height:28px;font-size:14px}.hero-art{padding-right:24px}.headline-star{display:none}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-head h2{font-size:20px}.sample-note{display:none}.sort-field{margin-left:auto}.filter-buttons{flex-wrap:wrap}.filterbar .search-field{flex:1 0 100%;border-bottom:1px solid var(--line);height:42px;margin-bottom:4px}.catalog-footer .mono{display:none}.detail-content{grid-template-columns:1fr 1.1fr}.detail-info{padding:24px 20px}.detail-visual{padding:24px 18px}.detail-info h2{font-size:27px}}
@media(max-width:720px){body{display:block}.sidebar{position:relative;height:auto;border-right:0;border-bottom:1px solid var(--line);padding:17px 20px 11px;gap:14px}.brand{padding:0}.brand strong{font-size:27px}.brand-device{width:34px;height:40px}.brand-caption{font-size:8px;letter-spacing:1.8px}.main-nav{flex-direction:row;gap:6px}.nav-item{flex:1;min-height:40px;padding:9px 11px;gap:8px;font-size:11px}.nav-item .icon{width:17px;height:17px}.nav-count{font-size:10px}.nav-heading,.sidebar-note,.sidebar-foot{display:none}.main{padding:0 20px 24px}.topbar{height:58px;font-size:10px}.preview-label{padding:1px 5px}.hero{min-height:278px;grid-template-columns:1fr .85fr}.hero-copy{padding:26px 0 24px 25px}.hero h1{font-size:36px}.hero-description{font-size:11px;max-width:245px}.hero-art{padding:15px 20px 27px 0}.handheld{width:181px;height:218px}.hero .eyebrow{font-size:7px;letter-spacing:.5px}.feature-caption{font-size:8px;bottom:11px}.orbit{width:285px;height:285px;top:-5px;right:-8px}.orbit-two{width:360px;height:360px;top:-44px;right:-45px}.spark-one{right:14px;top:24px;font-size:23px}.spark-two{display:none}.device-controls{margin-top:14px}.catalog{padding-top:26px}.section-head h2{font-size:20px}.results-bar .mono{font-size:8px}.game-grid{gap:14px}.card-title-row h3{font-size:16px}.card-copy{padding:14px}.detail-content{grid-template-columns:1fr}.detail-visual{padding:20px 22px}.gallery-stage{max-width:440px;margin:0 auto}.detail-info{padding:23px 23px 26px}.local-package{margin-top:17px}.source-credit{font-size:9px}.detail-facts{gap:16px}.detail-info h2{font-size:31px}.detail-byline{font-size:11px}.description p{font-size:13px}.detail-header{padding:11px 17px}.thumbnail-strip{justify-content:center}.detail-genre .tag{font-size:11px}dialog{max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:15px}.detail-actions .button{min-height:44px}.card-rating{font-size:10px}}
@media(max-width:480px){.sidebar{padding:16px 16px 10px}.main{padding:0 16px 22px}.main-nav{gap:4px}.nav-item{padding:9px 9px;font-size:10px;gap:6px}.topbar-status{font-size:9px;gap:5px}.preview-label{margin-left:4px}.hero{min-height:286px;grid-template-columns:1.18fr .82fr;border-radius:15px}.hero-copy{padding:24px 0 23px 20px}.hero h1{font-size:32px;letter-spacing:-.8px;margin-bottom:13px}.hero-description{font-size:10px;line-height:1.9;width:193px}.hero .eyebrow{font-size:6px;letter-spacing:.4px;gap:5px}.tiny-square{width:5px;height:5px}.hero-art{padding:20px 20px 37px 0;transform:translateX(-4px)}.handheld{width:132px;height:173px;padding:15px 8px 7px;border-radius:11px}.device-screen{border-width:5px;border-radius:5px}.device-controls{margin:12px 2px 0}.dpad{transform:scale(.63);width:40px;height:42px}.ab-buttons{gap:5px}.ab-buttons span{width:21px;height:21px;font-size:10px}.device-name{font-size:7px;margin-top:10px}.crank{transform:scale(.65);transform-origin:left top;right:-39px;top:82px}.device-screw{top:6px;width:3px;height:3px}.orbit{width:220px;height:220px;top:24px;right:-45px}.orbit-two{width:290px;height:290px;top:-10px;right:-80px}.spark-one{right:-4px;top:41px;font-size:18px}.feature-caption{font-size:7px;bottom:51px;transform:translateX(-42%)}.hero-actions .button{padding:10px 11px;min-height:40px;font-size:10px;gap:7px}.hero-actions .icon{width:15px;height:15px}.hero-random{font-size:10px;padding-top:9px}.section-head h2{font-size:19px}.section-head h2 span{font-size:13px}.eyebrow-muted{font-size:8px;letter-spacing:1px}.filterbar{padding:7px;gap:2px}.filter-pill{font-size:9px;padding:8px 7px}.sort-field{padding-left:6px}.sort-field select{font-size:9px;max-width:103px}.search-field{padding:0 7px}.search-field input{font-size:11px}.results-bar .mono{display:none}.game-grid{gap:12px}.card-copy{padding:12px 11px}.card-title-row h3{font-size:14px}.card-rating{font-size:9px;gap:3px}.card-rating .icon{width:10px;height:10px}.card-summary{font-size:10px;line-height:1.8;min-height:36px;margin-bottom:10px}.card-author{font-size:9px}.card-genre{font-size:9px}.card-size{font-size:8px}.card-tags{margin-top:9px;gap:4px}.tag{font-size:8px;padding:3px 4px}.card-selection{font-size:7px;left:7px;top:8px;padding:3px 5px}.favorite-button{right:7px;top:7px;width:28px;height:28px;min-width:28px;min-height:28px;padding:6px}.favorite-button .icon{width:14px;height:14px}.catalog-footer{font-size:9px;line-height:1.8}.detail-info{padding:22px 20px}.detail-visual{padding:20px}.detail-byline{gap:8px;font-size:10px}.detail-rating{gap:4px}.detail-rating strong{font-size:13px}.thumbnail-button{min-width:66px;width:66px}.local-package .mono{font-size:9px}.detail-facts{grid-template-columns:1fr 1fr}.detail-actions .source-link{font-size:10px}.toast{font-size:11px}}
@media(max-width:345px){.hero-art{display:none}.hero{grid-template-columns:1fr;min-height:0}.hero-actions{flex-direction:row;align-items:center;gap:15px}.hero-copy{padding:25px}.hero-description{width:auto}.game-grid{grid-template-columns:1fr}.card-title-row h3{font-size:18px}.card-summary{font-size:12px;min-height:43px}.sort-field{border:0;margin-left:0;padding-left:5px}.filterbar{row-gap:4px}.filter-pill{font-size:10px}.nav-item{padding:8px;font-size:9px;gap:4px}.nav-count{font-size:9px}.detail-facts{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none;animation:none}.game-card:hover,.game-card:hover .card-image img{transform:none}}
@media(forced-colors:active){*{scrollbar-color:auto}.hero,.nav-item.is-active,.tag,.handheld,.button{forced-color-adjust:auto}.game-card:focus-within{outline:3px solid Highlight}.icon{stroke:currentColor}.handheld{border:2px solid CanvasText}}
.bundle-purchase{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:24px;padding:28px 32px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-card)}.bundle-copy{min-width:0}.bundle-copy .eyebrow{margin:0 0 10px}.bundle-copy h2{font-size:26px;line-height:1.4;letter-spacing:-.5px;margin:0 0 12px}.bundle-description{font-size:13px;line-height:1.9;color:var(--muted);margin:0 0 18px}.bundle-buy{width:fit-content;min-height:44px}.bundle-note-text{font-size:11px;line-height:1.8;color:var(--muted);margin:12px 0 0}.bundle-code{flex:0 0 auto;margin:0;text-align:center}.bundle-qr{display:block;width:190px;height:190px;padding:20px;background:#fff;border-radius:var(--radius-control)}.bundle-qr:hover{outline:2px solid var(--line);outline-offset:2px}.bundle-qr img{display:block;width:150px;height:150px;image-rendering:pixelated}.bundle-code figcaption{font-size:11px;line-height:1.8;color:var(--muted);margin-top:8px}@media(max-width:960px){.bundle-purchase{padding:24px;gap:20px}.bundle-copy h2{font-size:23px}}@media(max-width:600px){.bundle-purchase{flex-direction:column;align-items:flex-start;gap:20px;padding:24px 20px}.bundle-copy h2{font-size:23px}.bundle-description br{display:none}.bundle-code{align-self:center}.bundle-buy{width:100%;justify-content:center}.bundle-copy{width:100%}.bundle-note-text{font-size:12px}}
.try-library{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px;margin-top:24px;background:var(--yellow-soft);border:1px solid var(--line);border-radius:var(--radius-card)}.try-library .eyebrow{margin:0 0 8px}.try-library h2{font-size:23px;line-height:1.4;margin:0 0 10px}.try-library p:not(.eyebrow){font-size:12px;line-height:1.8;margin:0;color:var(--muted)}.try-library-actions{display:flex;flex-wrap:wrap;gap:10px;flex-shrink:0}.card-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:0 14px 14px}.card-download,.card-play{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;font-size:11px;font-weight:600;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-control)}.card-download:hover{background:var(--yellow-soft);border-color:var(--ink)}.card-play{background:var(--yellow);border-color:var(--yellow)}.card-play:hover{background:var(--yellow-soft);border-color:var(--ink)}.card-actions .icon{width:15px;height:15px}.tag-available{background:var(--yellow-soft);color:var(--ink)}@media(max-width:1100px){.try-library{align-items:flex-start;flex-direction:column}}@media(max-width:600px){.try-library{padding:24px 20px;gap:18px}.try-library h2{font-size:22px}.try-library-actions{width:100%}.try-library-actions .button{flex:1;justify-content:center}.card-actions{padding:0 11px 12px}.card-download,.card-play{padding:10px 8px;font-size:10px}}
.favorite-button.icon-button{background:var(--paper)}.favorite-button.icon-button:hover{background:var(--yellow-soft)}.favorite-button.icon-button[aria-pressed=true]{background:var(--yellow);border-color:var(--yellow)}
.intro-credit{font-size:11px;color:var(--muted);margin:0 0 12px}.original-introduction{border:1px solid var(--line);border-radius:var(--radius-control);margin:16px 0 12px;background:var(--paper);overflow:hidden}.original-introduction summary{cursor:pointer;font-size:12px;font-weight:600;padding:12px 14px;min-height:44px}.original-introduction summary:hover{background:var(--yellow-soft)}.original-introduction summary:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}.original-introduction[open] summary{background:var(--yellow-soft);border-bottom:1px solid var(--line)}.original-introduction .description{padding:12px 14px 0;overflow-wrap:anywhere;font-size:12px;line-height:1.8}.original-credit{font-size:10px;color:var(--muted);padding:0 14px 12px;margin:8px 0 0}
.pagination{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 0 6px;flex-wrap:wrap}.page-size-field{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted)}.pagination select,.package-picker select{font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-control);padding:10px;min-height:42px}.page-status{font-size:12px;color:var(--muted)}.page-actions{display:flex;align-items:center;gap:8px}.page-actions .button{min-height:42px;padding:10px 15px}.package-picker{margin-top:20px;display:flex;flex-direction:column;gap:7px;min-width:0}.package-picker label{font-weight:600;font-size:12px}.package-picker select{width:100%;max-width:100%;font-size:11px}.package-picker>span{font-size:10px;color:var(--muted)}.description-source{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--muted);text-decoration:underline;margin-top:2px}.description-source .icon{width:12px;height:12px}.description-source:hover{color:var(--focus)}.card-still{display:block;width:100%;height:100%;object-fit:cover}.card-summary{overflow-wrap:anywhere}.detail-filename,.local-package span{overflow-wrap:anywhere}.nav-count{font-variant-numeric:tabular-nums}.card-selection:empty{display:none}
@media(max-width:720px){.main-nav{overflow:auto}.nav-item{flex:0 0 auto;min-width:108px}.nav-count{margin-left:8px}.pagination{gap:12px}.page-actions{margin-left:auto}.package-picker select{font-size:12px}.description-source{min-height:36px;font-size:12px}}
@media(max-width:480px){.pagination{display:grid;grid-template-columns:1fr auto}.page-actions{grid-column:1/-1;justify-content:space-between;width:100%}.page-status{font-size:11px}.page-actions .button{font-size:11px}.nav-item{min-width:105px}.nav-item .nav-count{font-size:10px}.local-package{flex-wrap:wrap}.local-package>div{min-width:0;flex:1}.local-package>.mono{margin-left:auto}.detail-facts dd{overflow-wrap:anywhere}}