:root{--ink:#2b1d12;--wood:#6b3f22;--wood-light:#c48a4a;--wood-dark:#3e2412;--wood-plank:#9a5f34;--paper:#f3e3c3;--paper-card:#fbf0d9;--paper-edge:#d8bd8f;--cream:#fff8e8;--teal:#3fa6a0;--teal-dark:#1f6f6a;--teal-deep:#10302e;--red:#d9534f;--red-dark:#9e3431;--yellow:#e0b84a;--yellow-dark:#a8801f;--grass:#5b8c3a;--grass-dark:#3f6a26;--metal:#8fb4ae;--metal-light:#c9e0dc;--font-pixel:"Pixelify Sans","Trebuchet MS",sans-serif;--font-body:"Alegreya",Georgia,serif;--text-body:clamp(1.125rem,1rem + 0.45vw,1.375rem);--text-lead:clamp(1.25rem,1.08rem + 0.6vw,1.5rem);--text-h1:clamp(2.75rem,1.55rem + 5.2vw,6rem);--text-h1-long:clamp(2.375rem,1.5rem + 3vw,4rem);--text-h2:clamp(1.5rem,1.2rem + 1.2vw,2.375rem);--text-h2-big:clamp(1.875rem,1.4rem + 2vw,3rem);--text-ui:clamp(1.0625rem,1rem + 0.3vw,1.25rem);--gutter:clamp(16px,4vw,32px);--space-section:clamp(3.5rem,2.5rem + 4vw,7rem);--space-top:clamp(2rem,1.25rem + 2.5vw,3.5rem);--space-heading:clamp(0.75rem,0.55rem + 0.6vw,1.125rem);--space-media:clamp(1.5rem,1rem + 1.6vw,2.5rem);--space-col:clamp(2rem,1rem + 3.5vw,4rem);--space-grid:clamp(1.5rem,1rem + 1.5vw,2.5rem);--container-wide:72rem;--container-text:40rem;--measure:33rem;--px:3px;--frame:clamp(10px,1.6vw,18px)}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:var(--text-body);line-height:1.45;overflow-wrap:break-word}img,picture{display:block;max-width:100%;height:auto}.pixel{image-rendering:pixelated}.nowrap{white-space:nowrap}h1,h2,h3,p,figure{margin:0}a{color:var(--wood)}a:hover{color:var(--wood-dark)}:focus-visible{outline:3px solid var(--ink);outline-offset:4px}.skip{position:absolute;left:var(--gutter);top:-100px;z-index:10;padding:12px 16px;background:var(--cream);color:var(--ink);font-family:var(--font-pixel)}.skip:focus{top:8px}.container{width:min(100% - 2 * var(--gutter),var(--container-wide));margin-inline:auto}.container--text{width:min(100% - 2 * var(--gutter),var(--container-text))}.section{padding-block:var(--space-section)}.section:not(.band) + .section:not(.band){padding-top:0}.section--first{padding-top:var(--space-top)}.band{overflow:hidden}.band--grass{background:var(--grass);color:var(--cream)}.band--wood{background:var(--wood);color:var(--cream)}.stack{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-heading)}.stack--center{align-items:center;text-align:center}.stack>.actions,.stack>.media-gap{margin-top:calc(var(--space-media) - var(--space-heading))}.rows{display:flex;flex-direction:column;gap:var(--space-section)}.stretch{align-self:stretch}.media-top{margin-top:var(--space-media)}.row{display:grid;grid-template-columns:1fr;gap:var(--space-media);align-items:center}@media (min-width:900px){.row{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:var(--space-col)}.row--flip>:first-child{order:2}.row--hero{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr)}.row--text-wide{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}}.h1{font-family:var(--font-pixel);font-weight:700;font-size:var(--text-h1);line-height:0.98;text-shadow:0.05em 0.05em 0 var(--wood-light);text-wrap:balance}.h1--long{font-size:var(--text-h1-long)}.band--wood .h1{text-shadow:0.06em 0.06em 0 var(--wood-dark)}.h2-big{font-family:var(--font-pixel);font-weight:700;font-size:var(--text-h2-big);line-height:1.05;text-wrap:balance}.lead{font-size:var(--text-lead);line-height:1.4;max-width:var(--measure)}.text{max-width:var(--measure)}.band--wood .lead{color:var(--paper)}.band--grass .text{text-shadow:0 2px 0 rgba(30,50,20,0.6)}.actions{display:flex;flex-wrap:wrap;gap:14px}.stack--center .actions,.actions--center{justify-content:center}.site-header{background:var(--paper);font-family:var(--font-pixel);border-bottom:var(--px) solid var(--paper-edge)}.site-header__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 28px;padding-block:12px}.logo{display:inline-flex;align-items:center;min-height:48px;font-weight:700;font-size:clamp(2.25rem,1.8rem + 1.6vw,2.875rem);line-height:1;color:var(--ink);text-decoration:none;text-shadow:0.09em 0.09em 0 var(--wood-light)}.logo:hover{color:var(--ink)}.nav{display:flex;flex-wrap:wrap;align-items:center;gap:0 26px;font-size:var(--text-ui);font-weight:500}.nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:6px 4px 2px;color:var(--ink);text-decoration:none;border-bottom:4px solid transparent;white-space:nowrap}.nav a:hover{border-bottom-color:var(--wood-light);color:var(--ink)}.nav a[aria-current="page"]{border-bottom-color:var(--red)}.site-header .btn{font-size:var(--text-ui)}@media (max-width:919px){.site-header__inner{gap:4px 16px}.nav{order:3;flex-basis:100%;display:grid;grid-template-columns:repeat(4,auto);justify-content:space-between;gap:0 12px}.site-header .btn{min-height:44px;padding-inline:16px}}@media (max-width:419px){.nav{grid-template-columns:1fr 1fr;justify-content:stretch}.nav a{justify-self:start}}.btn{--face:var(--red);--rim:var(--yellow);--lip:var(--red-dark);position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:10px 22px 13px;margin:var(--px) var(--px) calc(var(--px) + 5px);font-family:var(--font-pixel);font-weight:500;font-size:var(--text-ui);line-height:1.1;text-align:center;color:var(--cream);text-decoration:none;text-shadow:0 2px 0 rgba(43,29,18,0.5);background:var(--face);box-shadow:inset 0 0 0 var(--px) var(--rim),inset 0 calc(-1 * var(--px) - 4px) 0 var(--lip),var(--px) 0 0 0 var(--ink),calc(-1 * var(--px)) 0 0 0 var(--ink),0 var(--px) 0 0 var(--ink),0 calc(-1 * var(--px)) 0 0 var(--ink),0 calc(var(--px) + 5px) 0 0 rgba(43,29,18,0.35);transition:transform 0.12s ease,filter 0.12s ease}.btn:hover{color:var(--cream);transform:translateY(-2px);filter:brightness(1.08)}.btn:active{transform:translateY(2px);filter:brightness(0.95)}.btn:focus-visible{outline:3px solid var(--ink);outline-offset:7px}.btn--teal{--face:var(--teal);--rim:#7fcfc6;--lip:var(--teal-dark)}.ribbon{--rb:var(--red);--rb-dark:var(--red-dark);--rb-light:#ec817c;--rb-text:var(--cream);--tail:1.1em;position:relative;z-index:0;display:inline-flex;max-width:100%;padding:0 var(--tail);margin:var(--px) 0 calc(0.45em + var(--px));font-family:var(--font-pixel);font-weight:700;font-size:var(--text-h2);line-height:1.1;color:var(--rb-text);text-shadow:0 0.08em 0 rgba(43,29,18,0.55);text-wrap:balance;filter:drop-shadow(var(--px) 0 0 var(--ink)) drop-shadow(calc(-1 * var(--px)) 0 0 var(--ink)) drop-shadow(0 var(--px) 0 var(--ink)) drop-shadow(0 calc(-1 * var(--px)) 0 var(--ink))}.ribbon>span{position:relative;z-index:1;display:block;padding:0.28em 0.7em 0.4em;background:repeating-linear-gradient(135deg,rgba(255,255,255,0.07) 0 2px,transparent 2px 7px),var(--rb);box-shadow:inset 0 -0.16em 0 var(--rb-dark),inset 0 0.1em 0 var(--rb-light)}.ribbon::before,.ribbon::after{content:"";position:absolute;z-index:0;top:0.42em;bottom:-0.42em;width:calc(var(--tail) + 0.5em);background:var(--rb-dark);box-shadow:inset 0 -0.14em 0 rgba(0,0,0,0.2)}.ribbon::before{left:0;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,42% 50%)}.ribbon::after{right:0;clip-path:polygon(0 0,100% 0,58% 50%,100% 100%,0 100%)}.ribbon--yellow{--rb:var(--yellow);--rb-dark:var(--yellow-dark);--rb-light:#f2d785;--rb-text:var(--ink);text-shadow:0 0.06em 0 rgba(255,248,232,0.5)}.ribbon--teal{--rb:var(--teal);--rb-dark:var(--teal-dark);--rb-light:#7fcfc6}.frame{position:relative;padding:var(--frame);margin:var(--px);background:repeating-linear-gradient(180deg,transparent 0 22px,rgba(62,36,18,0.35) 22px 24px),repeating-linear-gradient(90deg,rgba(255,255,255,0.04) 0 9px,rgba(0,0,0,0.04) 9px 18px),var(--wood-plank);box-shadow:inset 0 0 0 var(--px) var(--wood-light),inset 0 calc(-2 * var(--px)) 0 var(--px) rgba(62,36,18,0.45),var(--px) 0 0 0 var(--wood-dark),calc(-1 * var(--px)) 0 0 0 var(--wood-dark),0 var(--px) 0 0 var(--wood-dark),0 calc(-1 * var(--px)) 0 0 var(--wood-dark),0 calc(var(--px) + 6px) 0 0 rgba(43,29,18,0.28)}.frame::after{--c:calc(var(--frame) + 4px);content:"";position:absolute;inset:calc(-1 * var(--px));pointer-events:none;background:linear-gradient(var(--metal-light),var(--metal-light)) 3px 3px / calc(var(--c) - 9px) 3px no-repeat,linear-gradient(var(--metal-light),var(--metal-light)) calc(100% - 6px) 3px / calc(var(--c) - 9px) 3px no-repeat,linear-gradient(var(--metal),var(--metal)) 3px 3px / calc(var(--c) - 6px) calc(var(--c) - 6px) no-repeat,linear-gradient(var(--metal),var(--metal)) calc(100% - 3px) 3px / calc(var(--c) - 6px) calc(var(--c) - 6px) no-repeat,linear-gradient(var(--metal),var(--metal)) 3px calc(100% - 3px) / calc(var(--c) - 6px) calc(var(--c) - 6px) no-repeat,linear-gradient(var(--metal),var(--metal)) calc(100% - 3px) calc(100% - 3px) / calc(var(--c) - 6px) calc(var(--c) - 6px) no-repeat,linear-gradient(var(--wood-dark),var(--wood-dark)) 0 0 / var(--c) var(--c) no-repeat,linear-gradient(var(--wood-dark),var(--wood-dark)) 100% 0 / var(--c) var(--c) no-repeat,linear-gradient(var(--wood-dark),var(--wood-dark)) 0 100% / var(--c) var(--c) no-repeat,linear-gradient(var(--wood-dark),var(--wood-dark)) 100% 100% / var(--c) var(--c) no-repeat;clip-path:polygon( 0 0,var(--c) 0,var(--c) var(--c),0 var(--c),0 0,100% 0,100% var(--c),calc(100% - var(--c)) var(--c),calc(100% - var(--c)) 0,100% 0,100% 100%,calc(100% - var(--c)) 100%,calc(100% - var(--c)) calc(100% - var(--c)),100% calc(100% - var(--c)),100% 100%,0 100%,0 calc(100% - var(--c)),var(--c) calc(100% - var(--c)),var(--c) 100%,0 100%)}.frame img{width:100%;height:auto;outline:var(--px) solid var(--wood-dark);image-rendering:pixelated}.paper{position:relative;margin:var(--px);background:linear-gradient(90deg,transparent calc(50% - 1px),rgba(107,63,34,0.07) calc(50% - 1px) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(180deg,transparent calc(50% - 1px),rgba(107,63,34,0.07) calc(50% - 1px) calc(50% + 1px),transparent calc(50% + 1px)),var(--paper-card);box-shadow:inset 0 calc(-1 * var(--px)) 0 rgba(107,63,34,0.12),var(--px) 0 0 0 var(--paper-edge),calc(-1 * var(--px)) 0 0 0 var(--paper-edge),0 var(--px) 0 0 var(--paper-edge),0 calc(-1 * var(--px)) 0 0 var(--paper-edge),0 calc(var(--px) + 6px) 0 0 rgba(107,63,34,0.18)}.tower-row{display:flex;flex-wrap:nowrap;justify-content:center;gap:clamp(8px,1.5vw,22px);overflow:hidden;max-width:100%;padding-top:8px}.tower-row img{flex:0 0 auto;width:auto;height:var(--tower-h,84px);max-width:none;image-rendering:pixelated}.tower-row--wall{--tower-h:clamp(72px,6vw + 40px,120px);margin-top:var(--space-media)}.tower-row--footer{--tower-h:clamp(56px,3vw + 40px,84px);padding-top:var(--space-media)}.ladders{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-grid);padding:var(--space-media) clamp(12px,3vw,24px);background:var(--grass);box-shadow:inset 0 0 0 var(--px) var(--grass-dark)}.ladders img,.ladder-list img{max-width:100%;height:auto;image-rendering:pixelated}.ladder-list{display:flex;flex-direction:column;align-items:center;gap:var(--space-grid)}.callout{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-media) var(--space-col);padding:clamp(20px,3vw,36px) clamp(20px,4vw,44px)}.callout .stack{flex:1 1 18rem}.modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,28rem),1fr));gap:var(--space-grid)}.mode{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-heading);padding:clamp(10px,1.6vw,16px) clamp(10px,1.6vw,16px) clamp(20px,2.5vw,28px)}.mode .frame{align-self:stretch;margin-bottom:calc(var(--space-media) - var(--space-heading))}.mode .ribbon{margin-left:4px}.mode p{padding-inline:6px}.keeps{width:100%;display:grid;align-items:center;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:var(--space-grid)}.site-footer{position:relative;overflow:hidden;background:var(--teal);color:var(--teal-deep)}.site-footer__body{padding-block:var(--space-media) var(--space-section)}.site-footer h2{font-family:var(--font-pixel);font-weight:700;font-size:clamp(2.5rem,1.4rem + 4.8vw,5.5rem);line-height:1;color:var(--cream);text-shadow:0.06em 0.06em 0 var(--teal-dark);text-wrap:balance}.footer-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:0 22px;margin-top:var(--space-media);font-size:clamp(1rem,0.95rem + 0.2vw,1.0625rem)}.footer-nav a{display:inline-flex;align-items:center;min-height:44px;padding-inline:4px;color:var(--teal-deep)}.footer-nav a:hover{color:#000}.placeholder-note{font-size:0.85em;opacity:0.8}.float{animation:bob 2.4s ease-in-out infinite}.float:nth-child(2n){animation-delay:-0.8s}.float:nth-child(3n){animation-delay:-1.6s}@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.float{animation:none}.btn{transition:none}.btn:hover,.btn:active{transform:none}}

/* legal pages: privacy policy and account deletion */
.legal { display: flex; flex-direction: column; gap: 0.9em; padding: clamp(20px, 4vw, 48px) clamp(18px, 4.5vw, 52px); background: var(--paper-card); }
.legal h2 { margin-top: 0.8em; font-family: var(--font-pixel); font-weight: 700; font-size: var(--text-h2); line-height: 1.1; text-wrap: balance; }
.legal h2:first-child { margin-top: 0; }
.legal ul { display: flex; flex-direction: column; gap: 0.6em; margin: 0; padding-left: 1.2em; }
.legal li::marker { color: var(--wood-light); }
.legal a { overflow-wrap: anywhere; }
