@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap');
:root{color-scheme:dark;--bg:#101414;--panel:#191d1c;--ink:#f1efe5;--muted:#a1aaa4;--line:#343c37;--accent:#cfdbac;--tokyo:#f0b87f;--pandora:#e7cdb0;font-family:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);font-size:15px;-webkit-font-smoothing:antialiased}a{color:inherit}a:focus-visible{outline:3px solid var(--accent);outline-offset:6px}.skip{position:absolute;top:-80px;left:20px;z-index:5;background:var(--accent);color:#101414;padding:12px}.skip:focus{top:12px}.page-shell{max-width:1512px;padding:0 56px;margin:auto}.site-header{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:14px;color:var(--accent);text-decoration:none}.brand svg{width:39px;height:39px}.brand>span{font:600 16px/1.1 'DM Sans',sans-serif;letter-spacing:2px}.brand small{display:block;font:9px 'IBM Plex Mono',monospace;color:#a5afa2;letter-spacing:2px;margin-top:7px}nav{display:flex;gap:34px;align-items:center}nav a{text-decoration:none;color:var(--muted);font-size:12px;font-weight:500;padding:9px 0;transition:color .2s}nav .current{color:var(--ink)}nav a:hover{color:var(--accent)}nav a span{margin-left:5px}.intro{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding:45px 0 39px}.eyebrow{font:10px 'IBM Plex Mono',monospace;letter-spacing:1.5px;color:var(--accent);margin:0 0 19px;display:flex;align-items:center;gap:9px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px #cfdbac22}h1{font:600 clamp(60px,5.5vw,85px)/.94 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.3px;margin:0}h1 em{font-style:normal;color:var(--accent)}.intro-copy{max-width:310px;padding-bottom:5px}.intro-copy p{color:#c4cbc4;line-height:1.65;font-size:16px;margin:0 0 21px}.intro-copy>span{font:9px 'IBM Plex Mono',monospace;letter-spacing:1px;color:#8d9a90}.games{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.game-card{display:block;text-decoration:none;background:var(--panel);border:1px solid #3a4139;overflow:hidden;transition:border-color .25s,transform .25s;position:relative;border-radius:3px}.game-card:hover{border-color:#89967b;transform:translateY(-4px)}.poster{aspect-ratio:16/10;position:relative;overflow:hidden;background:#282e29}.poster>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.7,.3,1)}.tokyo .poster>img{object-position:50% 37%}.pandora .poster>img{object-position:51% 50%}.game-card:hover .poster>img{transform:scale(1.035)}.poster:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#0005,transparent 30%,transparent 77%,#0003)}.poster-label{position:absolute;top:17px;left:17px;z-index:1;display:flex;align-items:center;gap:10px;font:9px 'IBM Plex Mono',monospace;letter-spacing:1.2px;background:#0e1718bd;border:1px solid #d7deca55;backdrop-filter:blur(6px);padding:7px 10px;color:#f4f1e8}.poster-label>span{font-size:11px;color:var(--accent);border-right:1px solid #c0cdb752;padding-right:10px}.image-corner{position:absolute;right:17px;top:17px;z-index:1;font:21px/1 monospace;color:#fff;background:#0a131477;padding:5px 7px;border:1px solid #d7deca55}.card-body{padding:26px 29px 25px}.genre{font:9px 'IBM Plex Mono',monospace;letter-spacing:1.4px;color:var(--tokyo);margin:0 0 16px}.genre span{color:#808d7e;margin:0 6px}.pandora .genre{color:#e7b3a2}.title-row{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:112px}.title-row h2{font:600 clamp(41px,3.9vw,61px)/.92 'Barlow Condensed',Impact,sans-serif;letter-spacing:.1px;margin:0}.title-row .period{color:var(--tokyo)}.card-mark{font:500 28px/1.2 sans-serif;color:#edba8059;border:1px solid #edba8038;display:block;padding:8px 10px;margin-right:6px}.subtitle{display:block;font-size:.6em;font-weight:500;letter-spacing:.5px;text-transform:uppercase;margin-top:12px;color:var(--pandora)}.distress-mark{font-size:66px;line-height:1;color:#cfa1847d;padding:0 6px}.game-description{font-size:13px;line-height:1.8;color:#aeb8af;margin:19px 0 23px;max-width:440px;min-height:47px}.card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:20px;border-top:1px solid #3c4338}.play-button{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;padding:12px 16px;background:var(--tokyo);color:#1b1c16;font-size:11px;font-weight:700;transition:background .2s}.pandora .play-button{background:var(--pandora)}.play-button>span{font:18px monospace}.game-card:hover .play-button{background:#f2e8d6}.card-note{font:8px 'IBM Plex Mono',monospace;letter-spacing:1px;color:#8c998b;text-align:right}.collection-note{display:flex;align-items:center;gap:17px;padding:31px 0;color:#b5c0b0}.note-cross{font:34px 'Barlow Condensed',sans-serif;color:var(--accent);line-height:1;align-self:center}.collection-note p{margin:0;font-size:12px;line-height:1.7}.collection-note p>span{color:#83917f;display:block;font-size:10px}.collection-note>a{font:8px 'IBM Plex Mono',monospace;letter-spacing:1px;color:#9dab95;text-decoration:none;margin-left:auto;padding:10px 0}.collection-note>a:hover{color:var(--ink)}footer{border-top:1px solid var(--line);padding:22px 0 28px;display:flex;justify-content:space-between;gap:15px;font:8px/1.8 'IBM Plex Mono',monospace;letter-spacing:1.2px;color:#83907f}.footer-divider{padding:0 11px;color:#5a6c55}footer a{text-decoration:none;color:#a6b39d}footer a:hover{color:var(--ink)}
.math-coach-link{display:flex;align-items:center;gap:20px;padding:24px 28px;margin-top:26px;border:1px solid #4e6045;background:#1b291f;text-decoration:none;border-radius:3px}.math-coach-symbol{width:54px;height:54px;border-radius:12px;display:grid;place-items:center;background:#cfdbac;color:#173e38;font-size:27px;font-weight:700}.math-coach-link>span:nth-child(2){display:grid;gap:6px}.math-coach-link small{font:8px 'IBM Plex Mono',monospace;letter-spacing:1.5px;color:#a8ba99}.math-coach-link strong{font:600 25px 'DM Sans',sans-serif}.math-coach-link>span>span{font-size:12px;color:#afbcab}.math-coach-link>b{margin-left:auto;font-size:28px;color:#cfdbac}.math-coach-link:hover{border-color:#cfdbac}@media(max-width:700px){.math-coach-link{padding:20px 16px;gap:13px}.math-coach-link strong{font-size:22px}.math-coach-link>span>span{font-size:10px}.math-coach-symbol{min-width:42px;width:42px;height:42px;font-size:23px}nav{gap:13px}}
@media(min-width:1500px){.intro{padding-top:57px;padding-bottom:47px}.poster{aspect-ratio:16/9.5}}
@media(max-width:1050px){.page-shell{padding:0 30px}.site-header{height:92px}.intro-copy{max-width:240px}.intro-copy p{font-size:14px}.games{gap:20px}.card-body{padding:22px}.title-row{min-height:94px}.card-note{display:none}.game-description{min-height:70px}.play-button{min-width:180px}.card-mark{font-size:22px}.distress-mark{font-size:50px}}
@media(max-width:700px){.page-shell{padding:0 20px}.site-header{height:86px}.brand{gap:10px}.brand svg{width:30px;height:30px}.brand>span{font-size:12px;letter-spacing:1.5px}.brand small{font-size:7px;letter-spacing:1.4px}nav{gap:20px}nav a{font-size:10px}.intro{display:block;padding:32px 0 27px}.eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:15px}h1{font-size:62px}.intro-copy{max-width:none;margin-top:23px;padding:0;display:flex;justify-content:space-between;align-items:end;gap:15px}.intro-copy p{font-size:12px;line-height:1.6;margin:0}.intro-copy>span{font-size:7px;line-height:1.8;max-width:115px;text-align:right}.games{grid-template-columns:1fr;gap:24px}.poster{aspect-ratio:16/10}.card-body{padding:24px}.genre{font-size:8px;letter-spacing:1.1px}.title-row{min-height:100px}.title-row h2{font-size:54px}.card-mark{font-size:25px}.distress-mark{font-size:57px}.game-description{font-size:12px;min-height:0;margin:18px 0 21px}.card-footer{padding-top:19px}.play-button{font-size:11px;padding:12px 15px;min-width:195px}.card-note{display:block;font-size:7px;max-width:80px}.collection-note{padding:27px 0;gap:12px}.collection-note p{font-size:10px}.collection-note p>span{font-size:9px}.collection-note>a{font-size:7px;max-width:45px;text-align:right;line-height:1.5}footer{font-size:7px;letter-spacing:.7px;align-items:start}.footer-divider{padding:0 4px}footer>span{max-width:210px}.poster-label{top:13px;left:13px;font-size:8px;padding:6px 8px;gap:8px}.image-corner{right:13px;top:13px;font-size:18px}.game-card:hover{transform:none}}
@media(max-width:365px){.page-shell{padding:0 14px}.brand>span{font-size:11px}nav{gap:14px}h1{font-size:56px}.card-body{padding:20px}.card-note{display:none}.genre{font-size:7px}.title-row h2{font-size:50px}.intro-copy>span{max-width:90px;font-size:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.game-card,.poster>img,.play-button,nav a{transition:none}.game-card:hover,.game-card:hover .poster>img{transform:none}}