@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Caveat:wght@700&family=DM+Mono:wght@500&family=DM+Sans:wght@400;600;700;800&display=swap');
:root{--game:#a98cff;--game-soft:#eee8ff;--cream:#fff7e8;--paper:#fffdf8;--ink:#1c1c1f;--ink-soft:#625d55;--orange:#ff5a1f;--line:#d8cdbd;--display:'Archivo Black',sans-serif;--body:'DM Sans',sans-serif;--mono:'DM Mono',monospace;--script:'Caveat',cursive;--text-xs:.72rem;--text-sm:.875rem;--text-base:1rem;--text-md:clamp(1.05rem,1.5vw,1.2rem);--text-lg:clamp(1.3rem,2.2vw,1.8rem);--text-xl:clamp(2.8rem,6vw,5.6rem);--text-hero:clamp(4.1rem,11vw,10rem);--s1:.25rem;--s2:.5rem;--s3:.75rem;--s4:1rem;--s5:1.5rem;--s6:2rem;--s7:3rem;--s8:4rem;--s9:6rem;--s10:9rem;--radius:1.25rem;--shadow:.55rem .55rem 0 var(--ink)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6rem}body{margin:0;color:var(--ink);background:var(--cream);font-family:var(--body);font-size:var(--text-base);line-height:1.6;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}::selection{color:var(--ink);background:var(--game)}:focus-visible{outline:.2rem solid var(--orange);outline-offset:.25rem}.paper-noise{position:fixed;inset:0;z-index:50;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.game-nav{min-height:5.5rem;padding:var(--s3) clamp(var(--s4),4vw,var(--s8));display:flex;align-items:center;justify-content:space-between;gap:var(--s5);position:sticky;top:0;z-index:40;background:rgba(255,247,232,.94);border-bottom:.14rem solid var(--ink);backdrop-filter:blur(16px)}.brand{display:inline-flex;align-items:center;gap:var(--s3)}.brand img{width:3.6rem;height:3.6rem;object-fit:contain;filter:drop-shadow(0 .2rem .3rem rgba(255,90,31,.2))}.brand-name{font-size:1.7rem;font-weight:800;line-height:.9;letter-spacing:-.06em}.brand-name small{display:block;margin-top:var(--s2);color:var(--orange);font:500 .55rem/1 var(--mono);letter-spacing:.02em}.back{padding:var(--s3) var(--s4);border:.14rem solid var(--ink);background:#fff;font:500 .64rem/1 var(--mono);letter-spacing:.06em;box-shadow:.25rem .25rem 0 var(--ink);transition:transform .2s,box-shadow .2s}.back:hover{transform:translate(-.15rem,-.15rem);box-shadow:.4rem .4rem 0 var(--ink)}
.game-hero{position:relative;overflow:hidden;background-color:var(--game-soft);background-image:linear-gradient(rgba(28,28,31,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(28,28,31,.09) 1px,transparent 1px);background-size:3rem 3rem;border-bottom:.18rem solid var(--ink)}.hero-inner{width:min(88rem,100%);min-height:41rem;margin:auto;padding:var(--s9) clamp(var(--s4),5vw,var(--s9));display:grid;grid-template-columns:minmax(0,1.25fr) minmax(19rem,.55fr);align-items:end;gap:var(--s8);position:relative}.game-kicker{display:inline-flex;align-items:center;gap:var(--s3);margin:0 0 var(--s5);padding:var(--s2) var(--s3);border:.12rem solid var(--ink);background:#fff;font:500 var(--text-xs)/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;box-shadow:.2rem .2rem 0 var(--ink)}.game-kicker i{width:.55rem;height:.55rem;border-radius:50%;background:var(--game);border:.08rem solid var(--ink)}.game-hero h1{margin:0 0 var(--s5);font:400 var(--text-hero)/.78 var(--display);letter-spacing:-.08em;text-transform:uppercase}.game-hero h1 em{display:block;color:var(--orange);font-style:normal;text-shadow:.2rem .2rem 0 #fff}.game-lede{max-width:42rem;margin:0;color:var(--ink-soft);font-size:var(--text-md);font-weight:600}.hero-aside{padding:var(--s6);position:relative;border:.16rem solid var(--ink);background:var(--game);box-shadow:var(--shadow);transform:rotate(1.5deg)}.hero-aside::before{content:'PLAY NOTE';position:absolute;top:-1rem;right:var(--s5);padding:var(--s2) var(--s3);border:.12rem solid var(--ink);background:#ffd644;font:500 .6rem/1 var(--mono);transform:rotate(4deg)}.hero-aside strong{display:block;margin-bottom:var(--s3);font:400 var(--text-lg)/1.05 var(--display);text-transform:uppercase}.hero-aside p{margin:0;font-weight:700;line-height:1.45}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--s3);margin-top:var(--s6)}.hero-button{min-height:3.2rem;padding:var(--s3) var(--s5);display:inline-flex;align-items:center;gap:var(--s4);border:.14rem solid var(--ink);background:var(--orange);font-weight:800;box-shadow:.3rem .3rem 0 var(--ink)}.hero-chips{margin-top:var(--s7);display:flex;flex-wrap:wrap;gap:var(--s2)}.hero-chips span{padding:var(--s2) var(--s3);border:.1rem solid var(--ink);border-radius:99rem;background:#fff;font:500 .58rem/1 var(--mono);letter-spacing:.04em}
.play-zone{padding:var(--s9) clamp(var(--s4),5vw,var(--s8));color:#fff;background:#161619;border-bottom:.18rem solid var(--ink)}.play-heading{width:min(76rem,100%);margin:0 auto var(--s6);display:flex;align-items:end;justify-content:space-between;gap:var(--s5)}.play-heading p{margin:0;color:#b8b4ad;font:500 var(--text-xs)/1.5 var(--mono);letter-spacing:.06em;text-transform:uppercase}.play-heading h2{margin:0;font:400 clamp(2.3rem,5vw,4.7rem)/.9 var(--display);letter-spacing:-.065em;text-transform:uppercase}.play-heading h2 em{color:var(--game);font-style:normal}.play-shell{width:min(76rem,100%);margin:auto;padding:var(--s4);display:grid;grid-template-columns:minmax(16rem,21rem) minmax(20rem,1fr);gap:var(--s4);border:.16rem solid #48484d;border-radius:var(--radius);background:#232328;box-shadow:0 2rem 6rem rgba(0,0,0,.32)}.play-info{padding:var(--s5);display:flex;flex-direction:column;border:.12rem solid #48484d;border-radius:calc(var(--radius) - .35rem);background:#1b1b1f}.status{display:flex;align-items:center;gap:var(--s2);margin-bottom:var(--s6);color:#dedbd4;font:500 .62rem/1.4 var(--mono);letter-spacing:.08em}.status i{width:.55rem;height:.55rem;border-radius:50%;background:#64d991;box-shadow:0 0 1rem rgba(100,217,145,.45)}.play-info h3{margin:0 0 var(--s3);font-size:var(--text-lg);line-height:1.1}.play-info>p{margin:0 0 var(--s6);color:#b8b4ad}.control-list{margin:0;padding:0;display:grid;gap:var(--s3);list-style:none}.control-list li{padding:var(--s3);display:grid;grid-template-columns:4.5rem 1fr;gap:var(--s3);border-top:1px solid #3c3c42}.control-list b{color:var(--game);font:500 .6rem/1.4 var(--mono);text-transform:uppercase}.control-list span{font-size:var(--text-sm);font-weight:700}.fullscreen{width:100%;margin-top:auto;padding:var(--s4);border:.14rem solid #fff;background:var(--game);color:var(--ink);font-weight:800;cursor:pointer;box-shadow:.3rem .3rem 0 #fff;transition:transform .2s}.fullscreen:hover{transform:translate(-.12rem,-.12rem)}.game-frame{min-height:42rem;padding:var(--s4);display:grid;place-items:center;position:relative;border:.12rem solid #48484d;border-radius:calc(var(--radius) - .35rem);background:radial-gradient(circle at 50% 10%,color-mix(in srgb,var(--game) 30%,transparent),transparent 42%),#0f0f12;overflow:hidden}.frame-wrap{width:min(26rem,100%);aspect-ratio:9/16;position:relative;border:.16rem solid #fff;border-radius:1.1rem;background:#08080a;box-shadow:0 1.6rem 4rem rgba(0,0,0,.55);overflow:hidden}.frame-wrap iframe{width:100%;height:100%;display:block;border:0;background:#08080a}.frame-loading{position:absolute;inset:0;z-index:2;display:grid;place-content:center;justify-items:center;gap:var(--s4);color:#fff;background:#111114;text-align:center;font:500 .68rem/1.5 var(--mono);letter-spacing:.08em}.frame-loading::before{content:'';width:2.6rem;height:2.6rem;border:.25rem solid #444;border-top-color:var(--game);border-radius:50%;animation:spin .8s linear infinite}.frame-loading.is-ready{opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s}.frame-loading.is-error::before{content:'!';display:grid;place-content:center;border-color:var(--orange);animation:none;color:var(--orange);font-size:1.4rem}.retry-game{display:none;padding:var(--s2) var(--s3);border:.1rem solid #fff;background:transparent;color:#fff;font:500 .62rem/1 var(--mono);cursor:pointer}.frame-loading.is-error .retry-game{display:block}@keyframes spin{to{transform:rotate(1turn)}}
.about{padding:var(--s10) clamp(var(--s4),6vw,var(--s9));background:#fff;border-bottom:.18rem solid var(--ink)}.about-grid{width:min(76rem,100%);margin:auto;display:grid;grid-template-columns:.85fr 1.15fr;gap:var(--s9)}.section-tag{display:inline-flex;align-items:center;gap:var(--s2);margin-bottom:var(--s5);color:var(--orange);font:500 var(--text-xs)/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase}.section-tag::before{content:'';width:1.6rem;height:.18rem;background:var(--orange)}.about h2,.more h2{margin:0;font:400 var(--text-xl)/.88 var(--display);letter-spacing:-.07em;text-transform:uppercase}.about h2 em{color:var(--orange);font-style:normal}.about-copy>p{color:var(--ink-soft);font-size:var(--text-md)}.feature-grid{margin-top:var(--s7);display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s3)}.feature-grid article{padding:var(--s5);border:.14rem solid var(--ink);background:var(--game-soft);box-shadow:.25rem .25rem 0 var(--ink)}.feature-grid b{display:block;margin-bottom:var(--s4);color:var(--orange);font:500 var(--text-xs)/1 var(--mono)}.feature-grid h3{margin-bottom:var(--s2);font-size:1rem;line-height:1.2}.feature-grid p{margin:0;color:var(--ink-soft);font-size:var(--text-sm);line-height:1.5}
.more{padding:var(--s9) clamp(var(--s4),5vw,var(--s9));background:var(--cream)}.more-head{width:min(76rem,100%);margin:0 auto var(--s7);display:flex;align-items:end;justify-content:space-between;gap:var(--s5)}.more-head p{max-width:26rem;margin:0;color:var(--ink-soft)}.more-grid{width:min(76rem,100%);margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s4)}.more-card{min-height:12rem;padding:var(--s5);display:flex;flex-direction:column;border:.14rem solid var(--ink);background:#fff;box-shadow:.3rem .3rem 0 var(--ink);transition:transform .2s,box-shadow .2s}.more-card:hover{transform:translate(-.15rem,-.15rem);box-shadow:.45rem .45rem 0 var(--ink)}.more-card span{color:var(--orange);font:500 .6rem/1 var(--mono);letter-spacing:.06em}.more-card strong{margin:auto 0;font:400 1.6rem/1 var(--display);text-transform:uppercase}.more-card b{font-size:var(--text-sm)}
.game-footer{padding:var(--s7) clamp(var(--s4),5vw,var(--s8));display:flex;align-items:center;justify-content:space-between;gap:var(--s5);background:var(--paper)}.game-footer .brand-name small{display:none}.game-footer p{margin:0;color:var(--ink-soft);font:500 .62rem/1.5 var(--mono)}
@media(max-width:58rem){.hero-inner{grid-template-columns:1fr;min-height:auto}.hero-aside{max-width:32rem}.play-shell{grid-template-columns:1fr}.play-info{order:2}.fullscreen{margin-top:var(--s6)}.game-frame{min-height:auto}.about-grid{grid-template-columns:1fr;gap:var(--s7)}.feature-grid{grid-template-columns:1fr}.more-head{align-items:start;flex-direction:column}.more-grid{grid-template-columns:1fr}}
@media(max-width:38rem){:root{--s10:6rem}.game-nav{min-height:4.5rem;padding:var(--s2) var(--s4)}.brand img{width:3rem;height:3rem}.brand-name{font-size:1.35rem}.brand-name small{display:none}.back{font-size:.55rem}.hero-inner{padding:var(--s8) var(--s4)}.game-hero h1{font-size:clamp(3.6rem,20vw,6rem)}.hero-chips span:last-child{display:none}.play-zone{padding:var(--s8) var(--s3)}.play-heading{align-items:start;flex-direction:column}.play-shell{padding:var(--s2)}.play-info{padding:var(--s4)}.game-frame{padding:var(--s2)}.frame-wrap{width:100%}.about{padding-inline:var(--s4)}.more{padding-inline:var(--s4)}.game-footer{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}
:root{--orange-ink:#b93800}
.brand-name small,.section-tag,.more-card span{color:var(--orange-ink)}