@font-face{font-family:"Bricolage Grotesque";src:url('assets/bricolage-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:"Bricolage Grotesque";src:url('assets/bricolage-extrabold.ttf') format('truetype');font-weight:600 900;font-display:swap}
:root{--ground:#171c19;--ink:#f0f2ee;--muted:#c1c8bd;--accent:#d9f34b;--dark:#1c2616;--panel:#252e26;--margin:clamp(24px,4.2vw,72px);--radius:18px;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:var(--accent) var(--ground);scroll-padding-top:24px}body{margin:0;background:var(--ground);color:var(--ink);font-family:"Bricolage Grotesque",sans-serif;font-size:17px;line-height:1.5}::selection{background:var(--accent);color:var(--dark)}a{color:inherit;text-decoration:none;text-underline-offset:5px}button{font:inherit;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,video:focus-visible{outline:3px solid var(--accent);outline-offset:6px}a:hover{text-decoration:underline}button:active,.button:active{transform:translateY(2px)}.skip-link{position:absolute;top:-100px;left:24px;background:var(--accent);color:var(--dark);padding:12px 20px;z-index:10}.skip-link:focus{top:12px}.site-header{display:flex;align-items:center;justify-content:space-between;padding:26px var(--margin);gap:24px}.brand{font-weight:800;font-size:28px;letter-spacing:-.035em;display:flex;align-items:center;gap:12px}.brand img{border-radius:10px}.site-header nav{display:flex;gap:36px}.site-header nav a{padding:10px 0}.site-header nav span{margin-left:12px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:5vw;padding:32px var(--margin) 52px;align-items:stretch}.hero-copy{padding:28px 0 0;display:flex;flex-direction:column;align-items:flex-start}h1,h2,p{margin:0}h1{font-size:clamp(64px,6.65vw,96px);font-weight:800;line-height:.99;letter-spacing:-.04em}h2{font-size:32px;letter-spacing:-.03em;line-height:1.15}.intro{max-width:440px;font-size:22px;line-height:1.45;margin-top:32px}.actions{display:flex;align-items:center;gap:28px;margin-top:32px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:58px;padding:15px 24px;border-radius:var(--radius);font-weight:800;transition:transform .2s var(--ease),background .2s}.primary{background:var(--accent);color:var(--dark)}.primary:hover{background:var(--ink);text-decoration:none;transform:translateY(-3px)}.text-link{display:inline-flex;gap:12px;align-items:center;min-height:48px}.platforms{color:var(--muted);font-size:16px;margin-top:22px}.mode-picker{margin-top:44px;max-width:430px}.mode-buttons{display:flex;gap:8px}.mode-buttons button{border:0;background:var(--panel);color:var(--ink);border-radius:var(--radius);min-height:46px;padding:10px 22px;transition:background .2s,color .2s}.mode-buttons button[aria-pressed=true]{background:var(--ink);color:var(--ground)}.mode-buttons button:hover{background:var(--accent);color:var(--dark)}.mode-buttons span{margin-left:10px}.mode-picker p{margin-top:17px;min-height:78px;font-size:16px;color:var(--muted);max-width:390px}.cabinet-stage{background:var(--accent);color:var(--dark);border-radius:90px 90px var(--radius) var(--radius);padding:34px 32px 26px;display:flex;flex-direction:column;justify-content:space-between;min-width:0;overflow:hidden}.stage-heading,.stage-footer{display:flex;justify-content:space-between;align-items:center;gap:16px}.stage-heading{font-size:16px;padding:0 8px}.cabinet{display:block;width:117%;max-width:none;height:auto;aspect-ratio:1;object-fit:contain;margin:-8px -8.5% -15px;animation:shutter 1.1s var(--ease) both}.stage-footer{font-size:23px;font-weight:800;line-height:1.15;padding:0 8px}.stage-footer a{display:grid;place-items:center;border-radius:var(--radius);width:52px;height:52px;background:var(--dark);color:var(--accent);transition:transform .2s}.stage-footer a:hover{transform:translate(2px,-2px)}.hero-copy>*{animation:arrive .8s var(--ease) both}.hero-copy>:nth-child(2){animation-delay:.06s}.hero-copy>:nth-child(3){animation-delay:.12s}.hero-copy>:nth-child(4){animation-delay:.18s}.hero-copy>:nth-child(5){animation-delay:.24s}.gameplay,.guide{margin:0 var(--margin) 40px}.gameplay{background:var(--panel);padding:32px;border-radius:var(--radius)}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px}.section-heading p{margin-top:10px;color:var(--muted)}.close-button{background:var(--ink);color:var(--ground);border:0;border-radius:var(--radius);padding:12px 18px;min-height:48px;flex-shrink:0}.close-button:hover{background:var(--accent)}video{width:100%;max-height:75vh;display:block;background:#000;border-radius:var(--radius)}.guide{background:var(--panel);border-radius:var(--radius);padding:28px 32px}summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;min-height:48px}summary::-webkit-details-marker{display:none}.guide-action{white-space:nowrap;color:var(--muted)}.guide-action span{margin-left:20px;font-size:28px}.rules-content{display:grid;grid-template-columns:1fr 1fr;gap:5vw;padding-top:32px}.rules-lead{font-size:32px;line-height:1.15;font-weight:800}.rules-content div p+p{margin-top:18px}.rules-content div{max-width:65ch}footer{padding:0 var(--margin) 28px;display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:14px;color:var(--muted)}.footer-brand{font-size:20px;font-weight:800;color:var(--ink)}[hidden]{display:none!important}
@keyframes arrive{from{transform:translateY(20px);opacity:.55}to{transform:translateY(0);opacity:1}}@keyframes shutter{from{clip-path:inset(0 0 100% 0);transform:scale(1.06)}to{clip-path:inset(0);transform:scale(1)}}
@media(min-width:1600px){.hero{max-width:1680px;margin:auto}.cabinet-stage{max-height:780px}.cabinet{max-height:600px}}
@media(max-width:1000px) and (min-width:701px){.hero{gap:32px}.intro{font-size:19px}.actions{gap:12px}.cabinet-stage{padding:32px 20px 24px;justify-content:center}.stage-heading{font-size:14px}.stage-footer{font-size:20px}.mode-picker{margin-top:30px}}
@media(max-width:700px){.site-header{padding-top:20px;padding-bottom:20px}.brand{font-size:24px;gap:8px}.brand img{width:32px;height:32px}.site-header nav{gap:14px;font-size:14px}.site-header nav span{display:none}.hero{grid-template-columns:1fr;gap:26px;padding-top:10px;padding-bottom:28px}.hero-copy{padding-top:12px}h1{font-size:clamp(58px,14vw,86px)}.intro{font-size:20px;margin-top:24px;max-width:440px}.actions{margin-top:24px;gap:18px}.button{padding:14px 18px;min-height:54px}.text-link{font-size:16px}.platforms{margin-top:18px;font-size:14px}.mode-picker{margin-top:28px;max-width:none}.mode-picker p{min-height:72px;margin-top:14px}.cabinet-stage{border-radius:64px 64px var(--radius) var(--radius);padding:28px 22px 22px}.stage-heading{font-size:14px}.cabinet{width:112%;margin:-4px -6% -10px}.stage-footer{font-size:22px}.guide{padding:22px}.guide h2{font-size:25px;max-width:210px}.guide-action{font-size:0}.guide-action span{font-size:30px;margin-left:0}.gameplay{padding:20px}.section-heading{flex-direction:column;gap:18px}.section-heading h2{font-size:28px}.rules-content{grid-template-columns:1fr;gap:24px}.rules-lead{font-size:26px}footer{flex-wrap:wrap;gap:12px}footer p{width:calc(100% - 110px);text-align:right}footer>span{width:100%;text-align:right;font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

details:not([open]) .rules-content{display:none}.stage-heading>*{animation:arrive .9s var(--ease) both;animation-delay:.12s}.stage-footer>*{animation:arrive .9s var(--ease) both;animation-delay:.24s}

@media(max-width:700px){
.hero{display:flex;flex-direction:column;gap:0}.hero-copy{display:contents}.hero-copy h1{order:1;font-size:clamp(50px,14vw,86px);margin-top:12px}.hero-copy .intro{order:2}.hero-copy .actions{order:3}.hero-copy .platforms{order:4}.cabinet-stage{order:5;margin-top:28px}.hero-copy .mode-picker{order:6;margin-top:28px}.mode-picker p{min-height:0}
}
@media(max-width:360px){.site-header{flex-wrap:wrap;gap:8px}.site-header nav{width:100%;gap:26px}.site-header nav a{white-space:nowrap}.hero-copy h1{font-size:50px}}

.video-picker{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.video-picker button{font:inherit;border:0;border-radius:var(--radius);min-height:48px;padding:12px 20px;background:var(--ground);color:var(--ink)}.video-picker button[aria-pressed=true]{background:var(--accent);color:var(--dark)}.video-picker button:hover{background:var(--ink);color:var(--ground)}.video-frame{background:var(--ground);border-radius:var(--radius);padding:20px}.video-frame[data-orientation=portrait] video{width:auto;max-width:100%;height:min(72vh,700px);margin:auto;object-fit:contain}.video-fallback{margin-top:20px}.video-fallback a{text-decoration:underline}.developer-credit{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.developer-credit a{overflow-wrap:anywhere;text-decoration:underline}footer{flex-wrap:wrap}footer>span{width:auto}@media(max-width:700px){.developer-credit{width:100%;align-items:flex-start;margin-top:8px}.video-picker{gap:8px}.video-picker button{padding:12px 14px;font-size:16px}.video-frame{padding:12px}}

.privacy-page{padding:40px var(--margin) 80px}.privacy-page article{max-width:72ch;margin:0 auto}.privacy-page h1{font-size:clamp(40px,5vw,72px);line-height:1.08;letter-spacing:-.035em}.privacy-page .policy-date{color:var(--muted);margin-top:20px;margin-bottom:36px}.privacy-page p{line-height:1.75;overflow-wrap:anywhere}.privacy-page p+p{margin-top:20px}.privacy-page h2{font-size:clamp(24px,2.5vw,32px);line-height:1.25;letter-spacing:-.02em;margin-top:48px;margin-bottom:20px;text-wrap:balance}.privacy-page ul{padding-left:24px;margin:20px 0}.privacy-page li+li{margin-top:8px}.privacy-page a,.privacy-link{ text-decoration:underline}.privacy-page a{color:var(--accent)}@media(max-width:700px){.privacy-page{padding-top:24px;padding-bottom:56px}.privacy-page h2{margin-top:36px}.privacy-link{min-height:44px;display:inline-flex;align-items:center}}

.guide-manual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 5vw;padding-top:36px}.guide-mission{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5vw;align-items:start}.guide-mission>p:last-child{max-width:60ch}.guide-chapter{min-width:0}.guide-chapter h3{font-size:24px;line-height:1.2;letter-spacing:-.02em;margin:0 0 20px}.guide-chapter p{max-width:65ch}.guide-chapter p+p{margin-top:18px}.guide-steps{margin:0;padding-left:24px}.guide-steps li{padding-left:6px}.guide-steps li+li{margin-top:18px}.guide-wide{grid-column:1/-1}.guide-table{border-collapse:collapse;width:100%;margin-top:24px;table-layout:fixed;font-size:16px}.guide-table th,.guide-table td{padding:16px;text-align:left;vertical-align:top;overflow-wrap:break-word}.guide-table thead{background:var(--ground);color:var(--accent)}.guide-table tbody tr:nth-child(even){background:var(--ground)}.guide-table tbody th{font-weight:400}.scoring-table th:first-child{width:75%}.scoring-table td{font-variant-numeric:tabular-nums}kbd{font-family:inherit;font-weight:800}details:not([open]) .guide-manual{display:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(max-width:700px){.guide-manual{grid-template-columns:1fr;gap:32px;padding-top:28px}.guide-mission{grid-template-columns:1fr;gap:20px}.guide-chapter h3{font-size:22px}.guide-table{font-size:14px}.guide-table th,.guide-table td{padding:12px 8px}.guide-chapter{grid-column:1}}

.scoring-table th:first-child{width:65%}.scoring-table thead th:last-child{white-space:nowrap}

.store-availability{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:24px}.store-availability .platforms{margin:0}.app-store-badge{display:inline-flex;flex-shrink:0;align-items:center;min-height:50px;transition:transform .2s var(--ease)}.app-store-badge img{display:block;width:150px;height:50px}.app-store-badge:hover{transform:translateY(-2px)}@media(max-width:700px){.hero-copy .store-availability{order:4;gap:16px}.store-availability .platforms{font-size:14px}}

/* Cabinet palette: warm casing, olive faceplate, yellow print, orange action key. */
:root{--ground:#ede2cb;--ink:#22261d;--muted:#585344;--accent:#f6e645;--dark:#22261d;--panel:#ded0b2;--radius:8px;--focus:#145a48}
.site-header{padding-bottom:20px}.brand{letter-spacing:-.02em}.brand img{border-radius:6px}
a:focus-visible,button:focus-visible,summary:focus-visible,video:focus-visible{outline-color:var(--focus)}
h1{letter-spacing:-.035em;text-wrap:balance}h1 span{color:#8d3814}
.primary{background:#e89138;border:2px solid #3d2d1a}.primary:hover{background:#f6e645;color:var(--dark)}
.mode-buttons{background:#272b25;padding:6px;gap:6px;border-radius:8px;width:max-content}.mode-buttons button{background:#272b25;color:#f4e8cc;border:2px solid #646752;border-radius:3px}.mode-buttons button[aria-pressed=true]{background:var(--accent);color:var(--dark);border-color:var(--accent)}
.cabinet-stage{background:#89943b;border:8px solid #c1aa7c;border-radius:26px 26px 12px 12px;padding:26px 24px 20px;outline:2px solid #695c3c;outline-offset:-8px}
.stage-heading{font-weight:800;color:#172316}.stage-footer{background:#20291f;color:#f6e645;padding:18px;border-radius:5px}.stage-footer a{background:#e89138;color:#22261d;border-radius:4px}
.guide{background:#e4d7bc}.guide-action{color:#585344}.guide-table thead{background:#293127;color:#f6e645}.guide-table tbody tr:nth-child(even){background:#d6c7a6}
.gameplay{--ink:#f7edce;--ground:#111a15;--muted:#c9cfb7;--focus:#f6e645;background:#293127;color:var(--ink)}.close-button{background:#f6e645;color:#22261d}.video-picker button:hover{color:#22261d}.video-frame{background:#0b110e}
.privacy-page a{color:#7a3514}.privacy-page{padding-top:48px}.privacy-page h1{color:#22261d}
footer{padding-top:18px;padding-bottom:32px}.privacy-link:hover,.developer-credit a:hover{color:#7a3514}
@media(max-width:700px){.cabinet-stage{border-width:6px;border-radius:18px 18px 8px 8px;padding:22px 16px 16px}.stage-footer{padding:16px;font-size:21px}}

.site-header nav a:has(svg){display:inline-flex;align-items:center;gap:10px}

@media(max-width:1000px) and (min-width:701px){.cabinet-stage{justify-content:space-between}}