@font-face{font-family:'Nunito';font-style:normal;font-weight:400 800;font-display:swap;src:url('/assets/nunito-latin-var-BzFMHfZw.woff2') format('woff2')}
@font-face{font-family:'Cornerlet Display';font-style:normal;font-weight:800;font-display:swap;src:url('data:font/woff2;base64,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') format('woff2')}
:root {
  /* ---- the two faces ------------------------------------------------- */
  /* The fallbacks are rounded where the platform has one, so a cold start on
     a phone shows the right SHAPE of letter before Nunito lands. */
  --face: 'Nunito', ui-rounded, 'SF Pro Rounded', 'Segoe UI Variable', system-ui,
    -apple-system, sans-serif;
  --face-display: 'Cornerlet Display', var(--face);
  --face-mono: ui-monospace, SFMono-Regular, Menlo, monospace;

  /* ---- ink ------------------------------------------------------------ */
  /* Kept as components too: nearly every rgba() in this file was a tint of the
     ink, written out by hand at nine different alphas. They are one colour and
     a number now. */
  --ink-rgb: 61 36 24;
  --ink: #3d2418;
  --ink-2: #6b4c3a;
  /* 3.3:1 on the board. It carries no prose — dots, spent controls, the
     small icons — but a control has to clear 3:1 to be a control, and the
     value this replaced sat at 2.94, which is the sort of miss that only
     shows up when somebody measures. */
  --ink-3: #8d7161;

  /* The ink at the strengths the interface actually uses. Named for the job,
     because "0.14" is not a decision anybody can check. */
  --ink-hair: rgb(var(--ink-rgb) / 0.1); /* the drawn edge of a surface */
  --ink-rule: rgb(var(--ink-rgb) / 0.14); /* a divider */
  --ink-well: rgb(var(--ink-rgb) / 0.06); /* a recess: the inside of a pill */
  --ink-press: rgb(var(--ink-rgb) / 0.12); /* something being pressed */

  /* ---- paper ---------------------------------------------------------- */
  --paper: #e9dcc9; /* the album's backing board */
  --paper-2: #f3ebdd; /* a raised leaf of it */
  --paper-shade: #dbc9b0; /* a face turned away from the light */
  --sheet: #fffcf6; /* the glossy die-cut sheet */
  --paper-veil: rgb(255 252 246 / 0.78); /* paper laid over the picture */

  /* ---- the one accent, at two strengths ------------------------------- */
  --accent: #c1622e; /* fills, marks, the live dot — 3.1:1, never a word */
  --accent-deep: #9c4a1d; /* accented TEXT — 4.6:1 on the board */
  --accent-veil: rgb(193 98 46 / 0.15);
  --away: #a05a44; /* the only control that takes something away */

  /* ---- edges and lift -------------------------------------------------- */
  /* Drawn inside, so adding an edge never changes a measured box. */
  --edge: inset 0 0 0 1px var(--ink-hair);
  --edge-strong: inset 0 0 0 1px var(--ink-rule);

  /* Three heights and no more. Warm, short, and low: paper on paper does not
     hover. */
  --lift-1: 0 1px 1px rgb(var(--ink-rgb) / 0.05), 0 2px 4px rgb(var(--ink-rgb) / 0.07);
  --lift-2: 0 1px 2px rgb(var(--ink-rgb) / 0.06), 0 4px 12px rgb(var(--ink-rgb) / 0.1);
  --lift-3: 0 2px 4px rgb(var(--ink-rgb) / 0.07), 0 12px 30px rgb(var(--ink-rgb) / 0.16);

  /* ---- radii ----------------------------------------------------------- */
  --r-1: 10px; /* a chip */
  --r-2: 14px; /* a card */
  --r-3: 20px; /* a page */
  --r-4: 26px; /* the picture */
  --r-pill: 999px;

  /* ---- layout budget --------------------------------------------------- */
  /* What the room has to leave below itself on a phone: the toolbar strip and
     the sheets. Tuned by eye, not derived — the sheets size themselves to
     whatever is left, so this is the floor under that, not a measurement of
     it. The strip is back in the budget (§6.2, fourth shape), which on a
     phone changes nothing: the room is bounded by the WIDTH there, so this
     term never binds and the strip is paid for by the binder. */
  --below-scene: 8.35rem;
  /* The sheets take whatever the room leaves, but never less than this. The
     binder's divider chips live inside this band too — when they arrived the
     card underneath kept one row of cells until this grew to pay for them.
     It came DOWN by exactly the toolbar strip when the bar moved between the
     room and the binder (§6.2): the two together are the same 16.5rem the
     room has always been asked to leave, so the picture does not lose a pixel
     and the strip is paid for by the binder. Measured on a 360x640 phone,
     which is where it bites: without this the room fell from 344px to 305,
     which is the exact fault that retired the first strip. */
  --sheets-min: 13.55rem;
  /* THE PORTAL'S BANNER BAND (§13.24, portalBanner.ts). Zero everywhere:
     off CrazyGames, and under an adblock, there is no band and no pixel
     spent. `.app--ad` below carries its height, and only the room screen
     ever gets that class (App.tsx) — the book is a menu and pays nothing. */
  --banner-h: 0px;
  /* THE STRIP IS GONE, everywhere: the tools stand in an arc around the piece
     (§6.2, fifth shape), so nothing between the room and the binder reserves
     height any more. The term stays at zero rather than being unpicked from
     three layout formulas that are correct as they are written. */
  --toolbar-h: 0rem;
  /* The controls that sit ON the picture, and they are A SHARE OF IT rather
     than a number — the same correction §13.5 made to the air around the room.
     40px is right on a desktop and it is 14 % of the room's width on a 320px
     phone, so three of them in the corner covered a tenth of the artwork.
     Bound both ways: 40 at the top, which is the floor the toolbar took itself
     to (§6.2), and 34 at the bottom, which is under that floor and is the one
     thing on this screen that knowingly is — a control on the picture is paid
     for in picture, and the row keeps a full thumb of HEIGHT (`.way`) where
     nothing is competing for the space.

     A phone's room is bound by the WINDOW'S WIDTH (§12), so vw is the picture
     here; beside the binder it is bound by height, and the landscape rule
     re-reads it in dvh. */
  --chip: clamp(2.125rem, 9.5vw, 2.5rem);
}
:root{--page-rim:15px;--page-r:12px}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{font-family:var(--face);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:var(--accent-deep);text-decoration:none}a:hover{color:var(--accent)}
img{display:block;max-width:100%;height:auto}
p,h1,h2,h3,ul{margin:0}
.table{min-height:100vh;padding:0;background:radial-gradient(120% 90% at 50% 20%,var(--paper) 0%,var(--paper) 55%,var(--paper-shade) 100%)}
.page{width:100%;max-width:76rem;margin:0 auto;background:var(--sheet)}
/* On a phone the sheet IS the screen: no table around it, so no edge to
   round and no shadow to cast. A rounded card flush to the viewport shows
   four notches of table in its corners, which reads as a bug. */
.page-in{display:flex;flex-direction:column;gap:2.9rem;padding:1.9rem 1.2rem 2.4rem}
.rule{height:1px;margin:0 var(--page-rim);background:var(--ink-rule)}
.head{display:flex;flex-wrap:wrap;align-items:center;gap:0.6rem 0.75rem;padding:0.55rem 1rem 0.55rem 0.9rem}
.head-logo{height:2.7rem;width:auto}
.nav{display:flex;flex-wrap:wrap;align-items:center;gap:0.4rem 1.2rem;margin-left:0.8rem}
.nav a{font-size:0.9rem;font-weight:700;color:var(--ink-2);white-space:nowrap}
.nav a.is-here{color:var(--accent-deep);box-shadow:0 2px 0 var(--accent)}
.head-tools{display:flex;align-items:center;gap:0.9rem;margin-left:auto}
@media (max-width:55.99rem){.nav{order:3;flex-basis:100%;margin-left:0.1rem;gap:0.3rem 0.9rem}.head-logo{height:2.3rem}}
.pill{display:inline-flex;align-items:center;gap:0.5rem;min-height:2.5rem;padding:0 1.1rem 0 0.95rem;border-radius:var(--r-pill);font-weight:800;font-size:0.9rem;white-space:nowrap;font-family:inherit;border:0;cursor:pointer}
.pill--go{background:var(--accent);color:var(--sheet);box-shadow:0 1px 0 rgb(var(--ink-rgb) / 0.12),var(--lift-1)}
.pill--go:hover{color:var(--sheet);background:var(--accent-deep)}
.pill--paper{background:var(--sheet);color:var(--ink-2);box-shadow:var(--edge),var(--lift-1)}
.pill--big{min-height:2.9rem;padding:0 1.4rem 0 1.15rem;font-size:1rem}
.pill--hero{min-height:3.3rem;padding:0 1.7rem 0 1.3rem;font-size:1.1rem}
.pill svg{width:1.15rem;height:1.15rem;flex:none}
.pill .mark{width:1.35rem;height:1.35rem}.pill--big .mark{width:1.6rem;height:1.6rem}
.mark-wrap{display:contents}
.kicker{font-size:0.68rem;font-weight:800;letter-spacing:0.12em;text-transform:uppercase;color:var(--ink-3)}
.kicker--accent{color:var(--accent-deep)}
.h1{font-size:2.1rem;font-weight:800;line-height:1.1;letter-spacing:-0.01em;color:var(--ink);text-wrap:balance}
.h1--big{font-size:2.6rem}
.h2{font-size:1.2rem;font-weight:800;line-height:1.2;color:var(--ink)}
.lead{font-size:1.06rem;line-height:1.55;font-weight:500;color:var(--ink-2);text-wrap:pretty}
.body{font-size:1rem;line-height:1.6;font-weight:500;color:var(--ink-2);text-wrap:pretty}
.small{font-size:0.84rem;font-weight:600;line-height:1.4;color:var(--ink-3)}
.more{font-size:0.9rem;font-weight:800;color:var(--accent-deep);white-space:nowrap}
.row{display:flex;flex-wrap:wrap;align-items:center;gap:0.75rem}
.center{display:flex;justify-content:center}
.crumb{display:flex;flex-wrap:wrap;align-items:center;gap:0.4rem}.crumb a{color:var(--ink-3)}.crumb-here{color:var(--ink-2)}
.intro{display:flex;flex-direction:column;gap:0.8rem;max-width:46rem}
.sec{display:flex;flex-direction:column;gap:1.15rem}
.sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding-bottom:0.65rem;box-shadow:0 1px 0 var(--ink-rule)}
.hero{display:grid;grid-template-columns:minmax(0,1fr);gap:1.6rem;align-items:center}
.hero-text{display:flex;flex-direction:column;gap:0.55rem}
.hero-text>.lead{margin-top:0.5rem}
.hero-text>.body{margin-top:0.35rem}
.hero-text>.row{margin-top:1.05rem}
.hero-text>.small{margin-top:0.35rem}
.hero-img{width:100%;border-radius:var(--page-r);box-shadow:var(--edge-strong),var(--lift-2)}
.shot{display:grid;grid-template-columns:minmax(0,1fr);gap:1.8rem;align-items:center}
.shot-img{display:block;border-radius:var(--r-2);overflow:hidden;box-shadow:var(--edge-strong),var(--lift-1)}
.shot-text{display:flex;flex-direction:column;gap:1.2rem}
.how{display:flex;flex-direction:column;gap:0.28rem}
.how--card{gap:0.45rem;padding:1.2rem;background:var(--paper-2);border-radius:var(--r-3);box-shadow:var(--edge)}
.hows{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1.2rem}
.disc{display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:50%;background:var(--sheet);box-shadow:var(--edge);color:var(--accent-deep)}
.disc svg{width:1.3rem;height:1.3rem}
.disc--big{width:4.5rem;height:4.5rem;background:var(--paper-2);color:var(--accent)}.disc--big svg{width:2.2rem;height:2.2rem}
.posters{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(17rem,100%),1fr));gap:1.8rem 1.4rem}
.poster{display:flex;flex-direction:column;gap:0.55rem}
.poster-art{position:relative;display:block;aspect-ratio:4/3;border-radius:var(--r-1);overflow:hidden;background:var(--paper-shade);box-shadow:var(--edge)}
.poster-art>img{width:100%;height:100%;object-fit:cover;object-position:50% 60%}
.poster-art--soon>img{filter:saturate(0.6) brightness(1.06)}
.poster-art--hero,.poster-art--side{border-radius:var(--page-r);box-shadow:var(--edge-strong),var(--lift-2)}
.spill{position:absolute;left:4%;right:4%;bottom:6%;height:36%;display:flex;align-items:flex-end;justify-content:space-evenly;gap:0.15rem;pointer-events:none}
.spill img{height:100%;width:auto;max-width:18%;object-fit:contain;object-position:bottom;filter:drop-shadow(0 2px 2px rgb(var(--ink-rgb) / 0.22))}
.poster-cap{display:flex;align-items:center;justify-content:space-between;gap:0.5rem;padding:0 0.15rem}
.poster-title{font-size:1rem;font-weight:700;line-height:1.15;color:var(--ink-2)}
.poster-count{font-size:0.68rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap}
.tag-soon{display:inline-flex;align-items:center;min-height:1.6rem;padding:0 0.6rem;border-radius:var(--r-pill);background:var(--sheet);box-shadow:inset 0 0 0 1.5px rgb(var(--ink-rgb) / 0.35),0 3px 0 rgb(var(--ink-rgb) / 0.25);color:var(--accent-deep);font-size:0.66rem;font-weight:800;letter-spacing:0.08em;text-transform:uppercase}
.doors{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(20rem,100%),1fr));gap:1.4rem}
.door{display:grid;grid-template-columns:7rem minmax(0,1fr);gap:1.1rem;align-items:center;padding:1.1rem;background:var(--paper-2);border-radius:var(--r-3);box-shadow:var(--edge)}
.door-text{display:flex;flex-direction:column;gap:0.3rem}
.door-hand{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0.4rem;padding:0.5rem;background:var(--sheet);border-radius:var(--r-2);box-shadow:var(--edge)}
.polas{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(14rem,100%),1fr));gap:1.4rem}
.polas--loose{gap:2rem 1.6rem}
.pola{display:flex;flex-direction:column;gap:0.45rem}
.pola-mount{display:block;padding:6px;background:var(--sheet);border-radius:4px;box-shadow:0 2px 7px rgb(var(--ink-rgb) / 0.22),0 0 0 1px rgb(var(--ink-rgb) / 0.12)}
.pola-mount img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:2px}
.pola-mount--hero{transform:rotate(-2deg)}
.pola-steps{font-size:0.68rem;font-weight:800;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink-3)}
.pola-say{font-size:0.88rem;line-height:1.4;font-weight:600;color:var(--ink-2)}
.pola-act{display:inline-flex;align-items:center;gap:0.35rem;font-size:0.84rem;font-weight:800;color:var(--accent-deep)}
.pola-act svg{width:1rem;height:1rem}
.hand{display:grid;grid-template-columns:repeat(auto-fill,minmax(4.6rem,1fr));gap:0.55rem;padding:0.9rem;background:var(--paper-2);border-radius:var(--r-2);box-shadow:var(--edge)}
.cell{position:relative;display:block;aspect-ratio:1}
.cell img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 1px 1px rgb(var(--ink-rgb) / 0.25))}
.lib{display:grid;grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));gap:0.8rem}
.lib-item{display:flex;flex-direction:column;gap:0.4rem}
.lib-art{position:relative;display:block;aspect-ratio:1;background:var(--paper-2);border-radius:var(--r-1);box-shadow:var(--edge);transition:transform 120ms ease-out}
.lib-item:hover .lib-art{transform:translateY(-2px)}
.lib-art img{position:absolute;inset:12%;width:76%;height:76%;object-fit:contain;filter:drop-shadow(0 1px 1px rgb(var(--ink-rgb) / 0.25))}
.hand .cell:hover img{transform:translateY(-2px)}
.chips{display:flex;flex-wrap:wrap;gap:0.5rem}
.wcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(15rem,100%),1fr));gap:1.4rem 1.1rem}
.wcard{display:flex;flex-direction:column;gap:0.5rem}
.wcard-hand{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0.4rem;padding:0.7rem;background:var(--paper-2);border-radius:var(--r-2);box-shadow:var(--edge);transition:transform 120ms ease-out}
.wcard:hover .wcard-hand{transform:translateY(-2px)}
.plank{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;gap:0.7rem 0.9rem;padding:1.2rem 1rem;background:var(--paper-2);border-radius:var(--r-2);box-shadow:var(--edge)}
.pk{display:block;height:4rem}
.pk img{height:100%;width:auto;object-fit:contain;filter:drop-shadow(0 1px 2px rgb(var(--ink-rgb) / 0.28));transition:transform 120ms ease-out}
.pk:hover img{transform:translateY(-3px) rotate(-2deg)}
.mcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(16rem,100%),1fr));gap:1.8rem 1.4rem}
.mcard{display:flex;flex-direction:column;gap:0.5rem}
.mcard .pola-mount{transition:transform 120ms ease-out}.mcard:hover .pola-mount{transform:translateY(-3px)}
.polas--3{grid-template-columns:repeat(auto-fill,minmax(min(18rem,100%),1fr))}
.chip{display:inline-flex;align-items:center;gap:0.35rem;min-height:2.1rem;padding:0 0.85rem;border-radius:var(--r-pill);font-size:0.82rem;font-weight:800;background:var(--paper-2);color:var(--ink-2);box-shadow:var(--edge);white-space:nowrap}
.chip.is-here{background:var(--ink);color:var(--sheet)}
.chip b{font-weight:700;color:var(--ink-3)}.chip.is-here b{color:rgb(255 252 246 / 0.7)}
.cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 1.5rem;padding:1.3rem 1.5rem;background:var(--paper-2);border-radius:var(--r-3);box-shadow:var(--edge)}
.cta>div{display:flex;flex-direction:column;gap:0.2rem}
.note{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0.6rem 1.5rem;padding:0.9rem 1.1rem;border-radius:var(--r-2);background:var(--paper-2);box-shadow:var(--edge);font-size:0.9rem;line-height:1.5;font-weight:600;color:var(--ink-2)}
.note strong{color:var(--ink)}
.soon-box{display:flex;flex-direction:column;gap:0.6rem;padding:1rem 1.2rem;border-radius:var(--r-3);background:var(--paper-2);box-shadow:var(--edge)}
.field{min-height:2.5rem;padding:0 0.9rem;border:0;border-radius:var(--r-pill);background:var(--sheet);box-shadow:var(--edge);font:inherit;font-size:0.9rem;color:var(--ink);flex:1 1 12rem}
.prose{display:flex;flex-direction:column;gap:0.9rem;font-size:1rem;line-height:1.6;font-weight:500;color:var(--ink-2);text-wrap:pretty}
.prose h2{font-size:1.2rem;font-weight:800;color:var(--ink);margin-top:0.6rem}
.prose ul{padding-left:1.2rem;display:flex;flex-direction:column;gap:0.35rem}
.prose strong{color:var(--ink)}
.prose--page{max-width:44rem;margin:0 auto;gap:1.1rem}
.lost{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center;padding:3rem 1rem}
.lost .lead{max-width:30rem}
.ad{display:grid;place-items:center;min-height:5rem;border-radius:var(--r-1);background:var(--paper-2);box-shadow:var(--edge)}
.foot{display:flex;flex-wrap:wrap;align-items:flex-start;gap:1.2rem 3rem;padding:1.4rem 1.1rem 1.5rem}
.foot-col{display:flex;flex-direction:column;gap:0.45rem;min-width:9rem}
.foot-col a{font-size:0.86rem;font-weight:700;color:var(--ink-2)}

.foot-langs{display:flex;flex-wrap:wrap;align-items:baseline;gap:0.2rem 0.9rem;grid-column:1/-1;padding-top:0.4rem}
.foot-langs a{font-size:0.84rem}
.foot-langs a.is-here{color:var(--ink);font-weight:800}
.foot-line{width:100%;font-size:0.8rem;font-weight:600;color:var(--ink-3)}
.icon-line{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media (min-width:56rem){
.table{padding:2.2rem 2.5rem 3rem}
.page{border-radius:var(--page-r);box-shadow:var(--edge-strong),var(--lift-2)}
.page-in{gap:3.6rem;padding:3rem 3.2rem}
.pk{height:5.6rem}
.plank{gap:0.8rem 1.1rem;padding:1.5rem 1.2rem}
.hand{grid-template-columns:repeat(auto-fill,minmax(5.2rem,1fr))}
.hero{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:2.8rem}
.hero--world{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
.hero--lib{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:end}
.shot{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:3rem}
.h1{font-size:2.35rem}.h1--big{font-size:2.9rem}
.polas--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.polas--loose{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.4rem 2rem}
.door{grid-template-columns:9rem minmax(0,1fr)}
.lib{grid-template-columns:repeat(auto-fill,minmax(6.4rem,1fr));gap:0.8rem}
}