:root{--bg:#171c23;--paper:#ece8db;--ink:#f3f0e7;--muted:#b8b7ab;--line:#41474b;--accent:#e7b96c;--dark:#1b2228}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.7 Arial,Helvetica,sans-serif}a{color:inherit}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}::selection{background:var(--accent);color:var(--dark)}.wrap{width:min(1200px,calc(100% - 80px));margin-inline:auto}.skip{position:absolute;z-index:10;top:-80px;left:10px;background:var(--accent);padding:10px;color:var(--dark)}.skip:focus{top:10px}.site-header{border-bottom:1px solid var(--line)}.header-inner{height:88px;display:flex;align-items:center;justify-content:space-between}.wordmark{display:flex;align-items:center;gap:12px;text-decoration:none;font:800 20px/1 Arial,sans-serif;letter-spacing:-.6px}.wordmark>span:last-child>span,.footer-wordmark span{color:var(--accent)}.wordmark small{display:block;color:#a8a89f;font:9px/1 'Courier New',monospace;letter-spacing:1px;margin-top:6px}.logo-mark{display:grid;place-items:center;width:42px;height:42px;background:var(--accent);color:var(--dark);font:900 28px Arial,sans-serif;position:relative}.logo-mark span{position:absolute;right:5px;bottom:-4px;font-size:28px}.site-header nav{display:flex;gap:32px}.site-header nav a{font-size:12px;font-weight:bold;text-decoration:none}.site-header nav a:hover,.about a:hover{color:var(--accent)}.intro{padding-top:24px}.intro-meta,.intro-end{display:flex;justify-content:space-between;gap:20px;font:11px/1.4 'Courier New',monospace;letter-spacing:.6px;color:#c4c1b5}.availability{color:#e8d3a4}.availability span,.status-badge i{display:inline-block;width:7px;height:7px;background:var(--accent);margin-right:7px}.hero-grid{display:grid;grid-template-columns:1fr .88fr;gap:70px;align-items:center;padding:72px 0 75px}.kicker{font:700 11px/1.5 'Courier New',monospace;letter-spacing:1px;color:#a86639;margin:0 0 18px}.hero-copy .kicker,.project-head .kicker{color:var(--accent)}h1,h2,h3,p{margin-top:0}.hero-copy h1,.project-head h1{font-size:clamp(75px,9vw,128px);line-height:.88;letter-spacing:-.075em;margin:0 0 27px;font-weight:900}.hero-copy h1 span,.project-head h1 span,.about h2 span,.catalog h2 span,.project-content h2 span{color:var(--accent)}.hero-copy>p:not(.kicker),.project-lead{max-width:390px;color:#c8c6ba;font-size:15px;line-height:1.8}.primary-link{display:inline-flex;align-items:center;gap:50px;background:var(--accent);color:var(--dark);font:700 12px 'Courier New',monospace;text-decoration:none;padding:18px 20px;margin-top:20px}.primary-link:hover{background:#f6ce8a}.primary-link span{font-size:16px}.hero-note{font:10px 'Courier New',monospace;letter-spacing:.4px;color:#aaa99f;margin-top:38px}.hero-note span{color:var(--accent);margin:0 6px}.project-art{background:#bd5e3d;padding:13px;aspect-ratio:1.03;max-height:505px;color:#201d1a;box-shadow:8px 8px 0 #0e1216}.art-inner{height:100%;border:1px solid #32221d88;position:relative;overflow:hidden;padding:20px;background-image:linear-gradient(#1d18120d 1px,transparent 1px),linear-gradient(90deg,#1d18120d 1px,transparent 1px);background-size:24px 24px}.art-label,.art-bottom{display:flex;justify-content:space-between;gap:10px;font:700 10px 'Courier New',monospace;letter-spacing:1px}.art-label span{color:#33231f}.project-symbol{display:flex;gap:10px;position:absolute;right:7%;top:19%;transform:rotate(0)}.project-symbol i{display:block;background:#f1c785;width:20px;height:85px;box-shadow:4px 4px 0 #873e2e}.project-symbol i:nth-child(2){height:120px}.project-symbol i:nth-child(3){height:155px}.art-title{position:absolute;left:7%;bottom:13%;font:900 clamp(42px,5.4vw,77px)/.87 Arial,sans-serif;letter-spacing:-.075em}.art-title span{color:#f3ca86}.art-bottom{position:absolute;left:20px;right:20px;bottom:17px;font-size:9px}.intro-end{padding:17px 0;border-top:1px solid var(--line);font-size:10px}.intro-end a{text-decoration:none;color:#d5d0bf}.catalog{background:var(--paper);color:#20252a;padding:90px 0 100px}.catalog-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:35px}.catalog h2,.about h2{font-size:clamp(50px,6vw,80px);line-height:1;letter-spacing:-.065em;margin:0}.catalog h2 span{color:#b45b3b}.filter-panel{position:relative;z-index:2}.filter-panel summary{cursor:pointer;list-style:none;font:700 11px 'Courier New',monospace;border-bottom:1px solid #777a70;padding:12px 0}.filter-panel summary::-webkit-details-marker{display:none}.filter-panel summary span{margin-left:30px;color:#ad593c;font-size:17px}.filters{position:absolute;right:0;top:100%;width:195px;padding:8px;background:#fffdf4;border:1px solid #b7b4a8;box-shadow:3px 3px 0 #bbb7aa;display:flex;flex-direction:column;align-items:stretch}.filter{cursor:pointer;border:0;text-align:left;background:transparent;color:#313934;padding:9px;font-size:12px}.filter:hover,.filter.active{background:#e4e2d5}.game-grid{border-top:1px solid #a7aa9e}.game-card{display:grid;grid-template-columns:38% 1fr;gap:35px;padding:25px 0;border-bottom:1px solid #a7aa9e}.game-cover{height:230px;overflow:hidden;background:#bc6140}.game-cover img{width:100%;height:100%;object-fit:cover;display:block}.placeholder-cover{position:relative;display:flex;align-items:center;justify-content:center;color:#efc884;background:#bd5e3d;background-image:linear-gradient(#1d18120c 1px,transparent 1px),linear-gradient(90deg,#1d18120c 1px,transparent 1px);background-size:22px 22px}.placeholder-cover:before,.placeholder-cover:after{content:'';position:absolute;height:65%;width:15px;background:#f0c985;transform:skew(-12deg);box-shadow:5px 5px 0 #963f2e}.placeholder-cover:before{left:25%}.placeholder-cover:after{right:25%}.cover-mark{position:relative;z-index:1;font:900 75px/1 Arial,sans-serif;letter-spacing:-.08em;color:#241e1a}.cover-small{position:absolute;bottom:10px;left:12px;color:#2c241f;font:700 9px 'Courier New',monospace;letter-spacing:.5px}.game-body{display:flex;flex-direction:column;align-items:flex-start;padding:10px 0}.game-top{display:flex;align-items:center;gap:14px}.game-status,.game-kind{font:700 10px 'Courier New',monospace;letter-spacing:.5px}.game-status{color:#6b5630;background:#e2d2a8;padding:6px 8px}.game-kind{color:#5c6b60}.game-body h3{font-size:clamp(30px,4vw,48px);letter-spacing:-.055em;line-height:1.1;margin:24px 0 10px}.game-body>p{color:#5d655f;max-width:480px;margin:0}.card-link{font:700 12px 'Courier New',monospace;text-decoration:none;border-bottom:1px solid #9d4f31;padding-bottom:5px;margin-top:auto;color:#793e29}.card-link:hover{color:#ba5c38}.empty,.no-js-project{padding:35px 15px;display:flex;align-items:center;gap:20px;color:#353c37;border-bottom:1px solid #a7aa9e}.empty-icon{font-size:22px;color:#a45e41}.empty h3{font-size:16px;margin:0 0 5px}.empty p{font-size:13px;margin:0}.about{padding:95px 0 110px}.about>.kicker{color:var(--accent)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.about-grid>div{max-width:460px;color:#c8c6ba}.about-grid p{margin:0 0 18px}.about-grid a{display:inline-block;margin-top:8px;color:#f0c57e;font:700 11px 'Courier New',monospace;text-decoration:none}.site-footer{border-top:1px solid var(--line);background:#10151a}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 0}.footer-wordmark{font-size:19px;font-weight:900;text-decoration:none;letter-spacing:-.8px}.footer-wordmark b{color:var(--accent)}.footer-inner p,.footer-inner>a:last-child{margin:0;font:10px 'Courier New',monospace;letter-spacing:.5px;color:#bbbcb0;text-decoration:none}.project-page{padding-top:35px;padding-bottom:105px}.back-link{display:inline-block;color:#c1b9a9;text-decoration:none;font:700 11px 'Courier New',monospace;margin-bottom:58px}.back-link:hover{color:var(--accent)}.project-head{display:grid;grid-template-columns:1fr .8fr;gap:80px;align-items:center}.project-head h1{font-size:clamp(70px,8vw,110px)}.detail-art{max-height:420px}.status-badge{display:inline-block;margin-top:15px;padding:10px 12px;border:1px solid #73684f;color:#f0d6a4;font:700 10px 'Courier New',monospace}.status-badge i{margin-right:5px}.project-content{display:grid;grid-template-columns:1.5fr 1fr;gap:100px;border-top:1px solid var(--line);margin-top:75px;padding-top:60px}.project-content section{margin-bottom:65px}.project-content .kicker{color:var(--accent)}.project-content h2{font-size:clamp(28px,3vw,40px);line-height:1.1;letter-spacing:-.045em;margin:0 0 18px}.project-content section>p:last-child{color:#c8c6ba;max-width:540px}.gallery-empty{display:flex;align-items:center;gap:15px;border:1px dashed #646b68;padding:25px;color:#bbbfb5}.gallery-empty span{font-size:30px;color:var(--accent)}.gallery-empty p{margin:0}.project-content aside{height:max-content;background:#232b2f;padding:25px;border:1px solid #4a514c}.project-content dl{margin:0}.project-content dl div{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #4b5350;padding:13px 0;font-size:12px}.project-content dt{color:#b7b8aa}.project-content dd{margin:0;text-align:right;font-weight:bold}.project-content dd small{display:block;color:#b7b8aa;font-weight:normal}.header{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.header nav{display:flex;gap:20px}.brand{color:var(--ink);font-weight:bold;font-size:22px;text-decoration:none}.brand b,.brand-accent{color:var(--accent)}.brand-mark{display:inline-grid;place-items:center;background:var(--accent);color:var(--dark);width:38px;height:38px;margin-right:10px}.brand small{display:block;font-size:8px}.header nav a{font-size:12px}.error-page,.detail{padding-top:85px;padding-bottom:100px;min-height:calc(100vh - 180px)}.error-page h1,.detail h1{font-size:clamp(55px,8vw,100px);line-height:1;letter-spacing:-.06em}.error-page h1 em,.detail h1 span{font-style:normal;color:var(--accent)}.error-page>p:not(.eyebrow),.detail-intro{color:#c8c6ba}.eyebrow,.label{font:700 11px 'Courier New',monospace;letter-spacing:1px;color:var(--accent)}.button{display:inline-block;padding:16px;background:var(--accent);color:var(--dark);font-weight:bold;font-size:12px;text-decoration:none}.disabled{background:#61685d}.footer{border-top:1px solid var(--line);background:#10151a}.footer-brand{font-weight:bold}.detail-placeholder{min-height:220px;display:grid;place-items:center;background:#293139;border:1px solid var(--line);font:11px 'Courier New',monospace}.detail-layout{display:grid;grid-template-columns:2fr 1fr;gap:70px;margin-top:60px}.detail-layout section{margin-bottom:60px}.detail-layout aside{padding:25px;background:#293139}.detail-layout dd{margin:0 0 12px}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:15px}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.header-inner{height:75px}.wordmark{font-size:18px}.logo-mark{width:37px;height:37px;font-size:25px}.wordmark small{font-size:8px}.site-header nav{gap:18px}.hero-grid,.project-head{grid-template-columns:1fr;gap:35px;padding:50px 0}.hero-copy h1,.project-head h1{font-size:clamp(68px,13vw,100px)}.hero-note{margin-top:25px}.project-art{width:100%;max-width:520px;max-height:480px}.intro-end span{display:none}.intro-end{justify-content:flex-end}.catalog{padding:70px 0}.game-card{grid-template-columns:1fr;gap:10px}.game-cover{height:240px}.game-body{padding:10px 0 5px}.game-body h3{margin-top:18px}.card-link{margin-top:20px}.about{padding:70px 0}.about-grid{grid-template-columns:1fr;gap:25px}.project-head{padding:0}.project-content{grid-template-columns:1fr;gap:0}.project-content aside{margin-top:0}.detail-layout{grid-template-columns:1fr;gap:0}.gallery{grid-template-columns:1fr}.footer-inner{flex-wrap:wrap}.footer-inner p{order:3;flex-basis:100%}}
@media(max-width:420px){.wrap{width:calc(100% - 32px)}.wordmark{font-size:16px}.site-header nav{gap:14px}.site-header nav a{font-size:11px}.hero-copy h1,.project-head h1{font-size:65px}.hero-grid{padding-top:43px}.art-title{font-size:48px}.project-symbol i{width:14px}.project-symbol{gap:7px}.availability{font-size:9px}.intro-meta{font-size:9px}.catalog-heading{align-items:start;flex-direction:column;gap:15px}.filters{left:0;right:auto}.game-cover{height:200px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}