:root{color-scheme:light;font-family:Inter,Segoe UI,Microsoft YaHei,sans-serif;font-synthesis:none;background:#eef1ee;color:#141917;--canvas: #eef1ee;--paper: #f8faf7;--ink: #141917;--muted: #5d6761;--faint: #8b948e;--rule: #1d2521;--coral: #f0644e;--blue: #435bd2;--green: #a7d4c1;--yellow: #e8bf52}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0;background:var(--canvas);color:var(--ink)}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex="0"]:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.section-shell{width:min(1180px,calc(100% - 64px));margin:0 auto}.site-header{position:sticky;z-index:20;top:0;display:grid;min-height:76px;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 max(32px,calc((100vw - 1180px)/2));border-bottom:2px solid var(--rule);background:#f8faf7f0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{display:inline-flex;align-items:center;justify-self:start;gap:13px}.brand-mark{position:relative;display:grid;width:40px;height:40px;place-items:center;border:2px solid var(--ink);background:var(--coral);box-shadow:4px 4px 0 var(--blue)}.brand-mark strong{position:absolute;top:5px;left:7px;font:800 20px/1 Georgia,serif}.brand-mark small{position:absolute;right:7px;bottom:5px;font:800 12px/1 Consolas,monospace}.brand-copy{display:grid;gap:3px}.brand-copy b{font:800 17px/1 Microsoft YaHei,sans-serif;letter-spacing:0}.brand-copy small{color:var(--muted);font-size:10px;letter-spacing:0}nav{display:flex;height:76px;align-items:center;gap:26px}nav a{position:relative;height:100%;display:inline-flex;align-items:center;color:var(--muted);font-size:13px}nav a:after{position:absolute;right:0;bottom:-2px;left:0;height:3px;background:var(--coral);content:"";transform:scaleX(0);transform-origin:left;transition:transform .16s ease}nav a:hover{color:var(--ink)}nav a:hover:after{transform:scaleX(1)}.header-actions{display:flex;align-items:center;justify-self:end;gap:18px}.live-counter{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font:700 11px/1 Consolas,monospace}.live-counter i{width:8px;height:8px;background:var(--coral)}.icon-button{display:inline-grid;width:38px;height:38px;place-items:center;border:2px solid var(--rule);border-radius:0;background:var(--paper);color:var(--ink);cursor:pointer;transition:transform .14s ease,background-color .14s ease,color .14s ease}.icon-button:hover{background:var(--ink);color:var(--paper);transform:translate(-2px,-2px)}.icon-button:active{transform:translate(0)}.hero{position:relative;display:grid;min-height:650px;grid-template-columns:minmax(380px,.86fr) minmax(410px,1.14fr);align-items:center;gap:clamp(42px,6vw,96px);padding-top:72px;padding-bottom:80px}.hero:before{position:absolute;top:30px;right:-1px;width:82px;height:10px;background:var(--blue);content:""}.hero-copy{position:relative;padding-left:26px;border-left:4px solid var(--coral)}.kicker{display:flex;align-items:center;gap:10px;margin:0;color:var(--blue);font:800 10px/1 Consolas,monospace;letter-spacing:0}.kicker span{width:40px;height:2px;background:currentColor}.hero h1{max-width:520px;margin:24px 0 0;font-family:"Noto Serif SC",STSong,SimSun,Georgia,serif;font-size:clamp(54px,6.5vw,88px);font-weight:900;letter-spacing:0;line-height:.98}.hero h1 em{color:var(--coral);font-style:normal}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:9px;padding:0 17px;border:2px solid var(--rule);border-radius:0;font-size:13px;font-weight:800;cursor:pointer;transition:transform .14s ease,background-color .14s ease}.button:hover{transform:translate(-3px,-3px)}.button:active{transform:translate(0)}.button--primary{background:var(--coral);box-shadow:5px 5px 0 var(--rule);color:var(--ink)}.button--primary:hover{background:var(--yellow)}.button--quiet{background:transparent;color:var(--ink)}.button--quiet:hover{background:var(--green)}.button--disabled{background:#d7ddd8;color:var(--faint);cursor:not-allowed}.hero-media{position:relative;align-self:stretch;display:grid;min-height:488px;grid-template-rows:auto 1fr auto;overflow:hidden;border:2px solid var(--rule);border-radius:0;background:var(--ink);box-shadow:12px 12px 0 var(--blue);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.hero-media:hover{box-shadow:16px 16px 0 var(--blue);transform:translate(-3px,-3px)}.hero-media__chrome,.hero-media__caption{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:52px;padding:0 17px;background:var(--paper);color:var(--ink)}.hero-media__chrome{border-bottom:2px solid var(--rule);font:800 10px/1 Consolas,monospace}.hero-media__frame{position:relative;min-height:0;overflow:hidden;background:#0c1112}.hero-media__frame img,.game-card__art>img,.dialog-art>img{display:block;width:100%;height:100%;object-fit:cover}.hero-media__frame img{opacity:.9;transition:transform .6s ease}.hero-media:hover .hero-media__frame img{transform:scale(1.035)}.hero-media__scan{position:absolute;inset:0;pointer-events:none;background:#f0644e08}.hero-media__caption{min-height:70px;border-top:2px solid var(--rule)}.hero-media__caption>span:first-child{color:var(--muted);font-size:12px}.hero-media__caption h2{flex:1;margin:0;font:800 19px/1 Arial Narrow,Microsoft YaHei,sans-serif;letter-spacing:0}.hero-media__caption>span:last-child{color:var(--coral)}.status{display:inline-flex;align-items:center;gap:7px;color:var(--ink);font:800 10px/1 Consolas,monospace;white-space:nowrap}.status i{width:8px;height:8px;border:2px solid currentColor;border-radius:50%;background:transparent}.status--live{color:var(--coral)}.status--development{color:var(--blue)}.status--planned{color:#9a7515}.library{padding-top:82px;padding-bottom:112px;border-top:2px solid var(--rule)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;padding-bottom:26px;border-bottom:2px solid var(--rule)}.section-heading h2{margin:17px 0 0;font-family:"Noto Serif SC",STSong,SimSun,Georgia,serif;font-size:clamp(38px,4vw,56px);font-weight:900;letter-spacing:0;line-height:1}.library-controls{display:grid;grid-template-columns:minmax(210px,1fr) auto auto;gap:11px;align-items:center;padding:24px 0 26px}.search-field,.select-field{display:flex;height:44px;align-items:center;gap:10px;border:2px solid var(--rule);border-radius:0;padding:0 12px;background:var(--paper);color:var(--muted)}.search-field:focus-within,.select-field:focus-within{box-shadow:4px 4px 0 var(--green)}.search-field input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:13px}.search-field input::placeholder{color:var(--faint)}kbd{display:grid;width:20px;height:20px;flex:0 0 auto;place-items:center;border:1px solid var(--rule);border-radius:0;color:var(--muted);font:800 10px/1 Consolas,monospace}.segmented{display:flex;height:44px;border:2px solid var(--rule);border-radius:0;overflow:hidden}.segmented button{min-width:68px;padding:0 11px;border-right:2px solid var(--rule);background:var(--paper);color:var(--muted);cursor:pointer;font-size:12px;transition:color .14s ease,background-color .14s ease}.segmented button:last-child{border-right:0}.segmented button:hover{background:var(--green);color:var(--ink)}.segmented button.is-active{background:var(--ink);color:var(--paper)}.select-field{min-width:132px}.select-field select{min-width:0;flex:1;border:0;outline:0;appearance:none;background:transparent;color:var(--ink);cursor:pointer;font-size:12px}.select-field option{background:var(--paper);color:var(--ink)}.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.section-heading+.game-grid{margin-top:30px}.game-grid--single{grid-template-columns:minmax(0,430px)}.game-grid--pair{grid-template-columns:repeat(2,minmax(0,1fr))}.game-card{min-width:0;overflow:hidden;border:2px solid var(--rule);border-radius:0;background:var(--paper);cursor:pointer;box-shadow:6px 6px 0 var(--rule);transition:transform .17s ease,box-shadow .17s ease}.game-card:hover{box-shadow:10px 10px 0 var(--coral);transform:translate(-3px,-3px)}.game-card__art{position:relative;height:230px;overflow:hidden;background:#0e1314}.game-card__art>img{transition:transform .5s ease,opacity .25s ease}.game-card:hover .game-card__art>img{opacity:.9;transform:scale(1.04)}.game-card__art-top{position:absolute;z-index:1;top:0;right:0;left:0;display:flex;align-items:center;justify-content:space-between;padding:12px;background:#f8faf7f0;border-bottom:2px solid var(--rule)}.game-card__art-top .icon-button{width:31px;height:31px;border-color:var(--rule);background:var(--paper)}.favorite-button.is-favorite{background:var(--yellow)}.card-index{position:absolute;right:13px;bottom:12px;color:#fff;font:800 14px/1 Consolas,monospace;text-shadow:0 1px 7px #000}.placeholder-art{position:relative;width:100%;height:100%;overflow:hidden}.placeholder-art:before,.placeholder-art:after,.placeholder-art span{position:absolute;display:block;content:""}.placeholder-art:before{inset:26px 11% auto auto;width:76px;height:76px;border:2px solid currentColor;transform:rotate(45deg);opacity:.8}.placeholder-art:after{right:11%;bottom:-38px;width:68%;height:68%;border:2px solid currentColor;opacity:.34}.placeholder-art span{bottom:0;left:17%;width:2px;height:145%;background:currentColor;transform:rotate(34deg);opacity:.58}.placeholder-art b{position:absolute;bottom:19px;left:17px;color:currentColor;font:900 56px/1 Consolas,monospace;opacity:.8}.placeholder-art--mint{background:#bfe1d1;color:#1f6954}.placeholder-art--gold{background:#f0d78b;color:#5b4813}.placeholder-art--lilac{background:#cbc4f3;color:#4d3a8c}.placeholder-art--sky{background:#b8d9ec;color:#28577b}.modal-placeholder{min-height:270px}.game-card__body{display:flex;min-height:252px;flex-direction:column;padding:20px 19px 17px}.game-card__title-row{display:flex;align-items:start;justify-content:space-between;gap:12px}.game-card__title-row p,.dialog-subtitle{margin:0 0 7px;color:var(--muted);font-size:11px}.game-card h3{margin:0;overflow-wrap:anywhere;font:800 22px/1 Arial Narrow,Microsoft YaHei,sans-serif;letter-spacing:0}.game-card__year{flex:0 0 auto;color:var(--muted);font:800 10px/1 Consolas,monospace}.game-card__meta{display:flex;align-items:center;gap:8px;margin-top:18px;color:var(--blue);font:800 10px/1 Consolas,monospace}.game-card__meta i{width:4px;height:4px;border-radius:50%;background:var(--coral)}.game-card__description{margin:13px 0;color:var(--muted);font-size:12px;line-height:1.7}.game-card__footer{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-top:auto}.tag-list{display:flex;min-width:0;flex-wrap:wrap;gap:5px}.tag-list span{padding:4px 6px;border:1px solid var(--rule);border-radius:0;color:var(--muted);font:800 9px/1 Consolas,monospace}.arrow-link{display:grid;width:27px;height:27px;flex:0 0 auto;place-items:center;border:2px solid var(--rule);color:var(--ink);transition:background-color .14s ease,color .14s ease}.game-card:hover .arrow-link{background:var(--coral)}.empty-state{grid-column:1 / -1;display:grid;min-height:250px;place-items:center;align-content:center;color:var(--muted);border:2px dashed var(--rule);border-radius:0;text-align:center}.empty-state span{color:var(--blue)}.empty-state h3{margin:15px 0 7px;color:var(--ink);font-size:17px}.empty-state p{margin:0;font-size:13px}.site-footer{display:flex;min-height:88px;align-items:center;justify-content:space-between;gap:18px;color:#c5cdc8;font:800 10px/1 Consolas,monospace}.site-footer>span:first-child{color:var(--paper);font:900 14px/1 Microsoft YaHei,sans-serif}.site-footer a{display:inline-flex;align-items:center;gap:7px;color:var(--green)}.dialog-backdrop{position:fixed;z-index:40;inset:0;display:grid;place-items:center;padding:24px;background:#141917c7;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.game-dialog{position:relative;display:grid;width:min(780px,100%);grid-template-columns:minmax(230px,.86fr) 1.14fr;overflow:hidden;border:2px solid var(--rule);border-radius:0;background:var(--paper);box-shadow:12px 12px 0 var(--coral)}.dialog-close{position:absolute;z-index:2;top:12px;right:12px;background:var(--paper)}.dialog-art{min-height:390px;background:var(--ink)}.dialog-art>img{object-position:center}.dialog-content{display:flex;min-width:0;flex-direction:column;padding:42px 34px 31px}.dialog-label-row{display:flex;min-height:38px;align-items:center;justify-content:space-between;gap:12px;padding-right:52px;color:var(--muted);font:800 10px/1 Consolas,monospace}.dialog-subtitle{margin-top:32px}.dialog-content h2{margin:0;overflow-wrap:anywhere;font:900 clamp(28px,4vw,43px)/1 "Noto Serif SC","STSong","SimSun",Georgia,serif;letter-spacing:0}.dialog-description{margin:23px 0 0;color:var(--muted);font-size:13px;line-height:1.8}.detail-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:29px 0}.detail-list div{border-top:2px solid var(--rule);padding-top:10px}.detail-list dt{color:var(--muted);font:800 9px/1 Consolas,monospace}.detail-list dd{margin:7px 0 0;color:var(--ink);font-size:12px;line-height:1.5}.dialog-actions{display:flex;align-items:center;gap:9px;margin-top:auto}@media(max-width:980px){.hero{grid-template-columns:minmax(320px,.9fr) minmax(320px,1.1fr);gap:38px}.hero-media{min-height:440px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-grid--single{grid-template-columns:minmax(0,430px)}.game-grid--pair{grid-template-columns:repeat(2,minmax(0,1fr))}.library-controls{grid-template-columns:minmax(200px,1fr) auto}.select-field{grid-column:2;grid-row:1}.segmented{grid-column:1 / -1;grid-row:2;justify-self:start}}@media(max-width:720px){.section-shell{width:min(100% - 36px,540px)}.site-header{min-height:66px;grid-template-columns:1fr auto;padding:0 18px}nav,.live-counter{display:none}.header-actions{gap:0}.brand-copy small{display:none}.hero{min-height:0;grid-template-columns:1fr;gap:38px;padding-top:55px;padding-bottom:55px}.hero:before{top:24px;width:54px;height:7px}.hero-copy{padding-left:18px}.hero h1{font-size:clamp(52px,15vw,72px)}.hero-media{min-height:365px;box-shadow:8px 8px 0 var(--blue)}.hero-media__caption{min-height:63px}.section-heading{display:block}.library{padding-top:58px;padding-bottom:70px}.library-controls{grid-template-columns:1fr;padding:20px 0}.select-field{grid-column:auto;grid-row:auto}.segmented{width:100%;grid-column:auto;grid-row:auto}.segmented button{min-width:0;flex:1;padding:0 7px;font-size:11px}.game-grid{grid-template-columns:1fr;gap:15px}.game-grid--single,.game-grid--pair{grid-template-columns:1fr}.game-card__art{height:215px}.game-card__body{min-height:225px}.site-footer{min-height:120px;flex-wrap:wrap;align-content:center}.site-footer>span:nth-child(2){width:100%;order:3}.game-dialog{grid-template-columns:1fr;max-height:min(720px,calc(100dvh - 36px));overflow-y:auto;box-shadow:7px 7px 0 var(--coral)}.dialog-art{min-height:205px}.dialog-content{min-height:365px;padding:28px 23px 23px}.dialog-subtitle{margin-top:20px}}@media(max-width:390px){.hero-actions .button{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}