:root{--linen:#f6efe5;--paper:#fffaf2;--ink:#24283a;--muted:#6f7080;--violet:#65527f;--violet-deep:#4d3c66;--violet-wash:#e9e2ee;--gold:#e5a93e;--line:#ddd3c8;--shadow:0 30px 85px rgba(67,54,78,0.16);--shadow-soft:0 16px 45px rgba(67,54,78,0.1)}@media (prefers-color-scheme:dark){:root{--linen:#171925;--paper:#232433;--ink:#f5eddf;--muted:#bbb5c1;--violet:#c5a9dd;--violet-deep:#dbc2ec;--violet-wash:#342f42;--gold:#f0c268;--line:#444150;--shadow:0 30px 85px rgba(0,0,0,0.5);--shadow-soft:0 16px 45px rgba(0,0,0,0.32)}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--linen);color:var(--ink);font-family:Avenir Next,Avenir,Trebuchet MS,system-ui,sans-serif;font-size:18px;line-height:1.5}a,button,summary{-webkit-tap-highlight-color:transparent}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site,.sr-only{overflow:hidden}.site{min-height:100vh;background:radial-gradient(circle at 7% 14%,color-mix(in srgb,var(--gold) 16%,transparent),transparent 25rem),radial-gradient(circle at 94% 38%,color-mix(in srgb,var(--violet) 10%,transparent),transparent 29rem),var(--linen)}.masthead{width:min(1180px,calc(100% - 40px));min-height:86px;margin:0 auto;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}.wordmark{color:var(--ink);display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-family:Didot,Iowan Old Style,Georgia,serif;font-size:clamp(1.35rem,3vw,1.72rem);font-weight:700;letter-spacing:-.035em}.wordmark em{color:var(--violet-deep);font-weight:500}.wordmark-shapes{position:relative;width:40px;height:38px;display:block}.wordmark-shapes i{position:absolute;display:block}.wordmark-shapes i:first-child{left:0;top:2px;width:24px;height:24px;background:#e15f4f;clip-path:polygon(0 0,100% 100%,0 100%);transform:rotate(12deg)}.wordmark-shapes i:nth-child(2){right:0;bottom:1px;width:25px;height:25px;background:#477aa5;clip-path:polygon(0 0,100% 100%,0 100%);transform:rotate(192deg)}.wordmark-shapes i:nth-child(3){right:2px;top:0;width:13px;height:13px;background:#e9a83f;transform:rotate(17deg)}.masthead>p{margin:0;color:var(--muted);font-family:Didot,Iowan Old Style,Georgia,serif;font-style:italic;font-size:.95rem}.help-menu{position:relative;justify-self:end}.help-menu summary{min-height:48px;padding:10px 16px;border-radius:999px;cursor:pointer;display:flex;align-items:center;font-weight:780;list-style:none}.help-menu summary::-webkit-details-marker{display:none}.help-menu summary:hover{background:var(--violet-wash)}.help-menu>div{position:absolute;z-index:20;right:0;top:55px;width:min(340px,calc(100vw - 32px));padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--paper);box-shadow:var(--shadow-soft)}.help-menu p{margin:8px 0 0;color:var(--muted);font-size:.92rem}.hero{width:min(980px,calc(100% - 36px));margin:0 auto;padding:clamp(46px,8vw,90px) 0 clamp(38px,6vw,66px);text-align:center}.date-lockup{color:var(--muted);display:flex;justify-content:center;gap:9px;font-size:.78rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.date-lockup span:after{content:" ·";color:var(--gold)}h1,h2{font-family:Didot,Iowan Old Style,Georgia,serif;text-wrap:balance}.hero h1{margin:22px 0 0;font-size:clamp(3.25rem,9.6vw,7.2rem);line-height:.84;letter-spacing:-.06em;font-weight:650}.hero h1 i{color:var(--violet-deep);font-weight:450}.hero>p{max-width:700px;margin:30px auto 0;color:var(--muted);font-size:clamp(1rem,2.4vw,1.2rem)}.game-layout{width:min(1180px,calc(100% - 32px));margin:0 auto;display:grid;grid-template-columns:minmax(0,830px) minmax(260px,300px);gap:clamp(24px,4vw,42px);align-items:start}.theatre-card{padding:clamp(14px,2.6vw,24px);border:1px solid var(--line);border-radius:34px;background:var(--paper);box-shadow:var(--shadow)}.scene-heading{padding:3px 8px 19px;display:flex;align-items:end;justify-content:space-between;gap:24px}.kicker,.scene-heading span{color:var(--violet-deep);font-size:.71rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.scene-heading h2{margin:2px 0 0;font-size:clamp(1.55rem,3vw,2.25rem);line-height:1}.scene-heading>p{max-width:365px;margin:0;color:var(--muted);font-family:Georgia,serif;font-style:italic;font-size:.93rem;text-align:right}.paper-stage{position:relative;isolation:isolate;aspect-ratio:1.08;overflow:hidden;border:1px solid color-mix(in srgb,var(--scene-accent) 28%,var(--line));border-radius:23px;background:linear-gradient(to bottom,var(--scene-sky) 0 66%,var(--scene-ground) 66% 100%);box-shadow:inset 0 0 70px color-mix(in srgb,var(--ink) 8%,transparent);user-select:none;-webkit-user-select:none}.paper-stage:before{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;opacity:.26;background-image:linear-gradient(92deg,transparent 49%,rgba(255,255,255,.38) 50%,transparent 51%),linear-gradient(4deg,transparent 49%,rgba(61,54,45,.08) 50%,transparent 51%);background-size:31px 37px,43px 29px;mix-blend-mode:soft-light}.scene-sun{right:9%;top:9%;width:12%;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--scene-accent) 40%,transparent);border-radius:50%;background:color-mix(in srgb,var(--gold) 65%,var(--paper));box-shadow:0 0 0 13px color-mix(in srgb,var(--gold) 10%,transparent)}.scene-horizon,.scene-sun{position:absolute;z-index:0}.scene-horizon{left:0;right:0;top:66%;height:1px;background:color-mix(in srgb,var(--scene-accent) 24%,transparent)}.tangram-piece,.target-piece{position:absolute;transform-origin:center}.target-piece{z-index:1;pointer-events:none;background:color-mix(in srgb,var(--ink) 19%,transparent);filter:drop-shadow(0 1px 0 color-mix(in srgb,var(--paper) 62%,transparent))}.kind-triangle{clip-path:polygon(0 0,100% 100%,0 100%)}.kind-square{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.kind-parallelogram{clip-path:polygon(25% 0,100% 0,75% 100%,0 100%)}.tangram-piece{z-index:3;padding:0;border:0;background:transparent;cursor:grab;touch-action:none}.tangram-piece:active{cursor:grabbing}.piece-face{position:absolute;inset:0;display:block;background:linear-gradient(145deg,rgba(255,255,255,.23),transparent 48%),var(--piece-color);filter:drop-shadow(0 6px 5px rgba(42,37,47,.22));transition:transform .17s ease,filter .17s ease,opacity .25s ease}.piece-face:after{content:"";position:absolute;inset:1px;opacity:.16;background:repeating-linear-gradient(22deg,transparent 0 7px,rgba(255,255,255,.45) 8px 9px)}.tangram-piece:hover .piece-face{filter:drop-shadow(0 9px 7px rgba(42,37,47,.28)) saturate(1.04);transform:translateY(-2px)}.tangram-piece.selected{z-index:6}.tangram-piece.selected .piece-face{filter:drop-shadow(0 0 0 var(--paper)) drop-shadow(0 0 4px var(--gold)) drop-shadow(0 12px 8px rgba(42,37,47,.28));transform:scale(1.035)}.tangram-piece.placed{z-index:4;cursor:default}.tangram-piece.placed .piece-face{filter:drop-shadow(0 2px 2px rgba(42,37,47,.16))}.paper-stage.solved .target-piece{opacity:0}.paper-stage.solved .tangram-piece .piece-face{filter:drop-shadow(0 2px 2px rgba(42,37,47,.15)) saturate(.92)}.scene-life{position:absolute;z-index:8;inset:0;pointer-events:none}.scene-life span{position:absolute;color:var(--gold);opacity:0;text-shadow:0 0 18px var(--paper);animation:star-wake 1.1s ease-out both}.scene-life span:first-child{left:28%;top:28%;font-size:1.2rem}.scene-life span:nth-child(2){left:72%;top:35%;font-size:1.7rem;animation-delay:.16s}.scene-life span:nth-child(3){left:61%;top:15%;font-size:.9rem;animation-delay:.3s}@keyframes star-wake{0%{opacity:0;transform:translateY(9px) scale(.4) rotate(-20deg)}45%{opacity:1}to{opacity:.8;transform:translateY(0) scale(1) rotate(0)}}.story-caption{min-height:28px;margin:15px 5px 0;color:var(--muted);font-family:Georgia,serif;font-style:italic;text-align:center}.maker-card{position:sticky;top:24px;padding:27px;border:1px solid var(--line);border-radius:25px;background:var(--paper);box-shadow:var(--shadow-soft)}.kicker{margin:0 0 17px}.progress-row{display:flex;justify-content:space-between;align-items:end}.progress-row span{color:var(--muted)}.progress-row strong{font-size:1.55rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.progress-row small{color:var(--muted);font-size:.8rem}.progress-dots{margin-top:12px;display:flex;gap:5px}.progress-dots i{flex:1 1;height:6px;border-radius:999px;background:var(--line);transition:background .25s ease}.progress-dots i.filled{background:var(--scene-accent)}.hairline{height:1px;margin:22px 0;background:var(--line)}.selected-copy{min-height:48px;margin:0 0 15px;color:var(--muted);text-align:center;font-size:.93rem}.selected-copy strong{color:var(--ink)}.rotate-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.nudge-grid button,.rotate-row button{min-height:48px;border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink);cursor:pointer;font-size:1.25rem;font-weight:900}.nudge-grid button:hover:not(:disabled),.rotate-row button:hover:not(:disabled){background:var(--violet-wash)}.nudge-grid button:disabled,.rotate-row button:disabled{opacity:.3;cursor:default}.nudge-grid{width:152px;margin:9px auto 17px;display:grid;grid-template:repeat(3,43px) /repeat(3,43px);place-content:center;gap:4px}.nudge-grid button{min-height:43px}.nudge-grid .north{grid-area:1/2}.nudge-grid .west{grid-area:2/1}.nudge-grid .east{grid-area:2/3}.nudge-grid .south{grid-area:3/2}.primary-button,.quiet-button{width:100%;min-height:50px;padding:11px 17px;border-radius:999px;cursor:pointer;font-weight:830}.primary-button{border:0;background:var(--violet);color:var(--paper)}.primary-button:hover{background:var(--violet-deep)}.quiet-button{margin-top:8px;border:0;background:transparent;color:var(--muted);text-decoration:underline;text-underline-offset:4px}.finish-copy{text-align:center}.finish-mark{display:inline-grid;width:46px;height:46px;place-items:center;border:1px solid var(--gold);color:var(--gold);transform:rotate(45deg)}.finish-mark:first-letter{transform:rotate(-45deg)}.finish-copy h2{margin:18px 0 9px;font-size:2rem;line-height:1}.finish-copy>p{margin:0 0 19px;color:var(--muted);font-family:Georgia,serif;font-style:italic}.share-status{margin:10px 0 0!important;color:var(--violet-deep)!important;font-family:inherit!important;font-style:normal!important;font-size:.88rem;font-weight:800}.privacy-note{margin:20px auto 0;color:var(--muted);text-align:center;font-size:.84rem}.tomorrow-note{width:min(850px,calc(100% - 32px));margin:clamp(42px,8vw,90px) auto 52px;padding:22px 28px;border:1px solid var(--line);border-radius:22px;background:var(--violet-wash);color:var(--muted);display:flex;align-items:center;justify-content:center;gap:18px}.tomorrow-note>span{color:var(--violet);font-size:2.3rem}.tomorrow-note strong{color:var(--ink)}footer{width:min(1120px,calc(100% - 40px));margin:0 auto;padding:28px 0 40px;border-top:1px solid var(--line);color:var(--muted);font-size:.86rem;display:flex;justify-content:space-between;gap:24px}footer p{margin:0}footer nav{display:flex;gap:18px}footer a{color:var(--violet-deep);font-weight:760;text-underline-offset:4px}.info-shell{min-height:100vh;padding-bottom:40px;background:var(--linen)}.info-card{width:min(790px,calc(100% - 32px));margin:clamp(38px,8vw,90px) auto;padding:clamp(26px,6vw,60px);border:1px solid var(--line);border-radius:30px;background:var(--paper);box-shadow:var(--shadow)}.info-back{color:var(--violet-deep);font-weight:800;text-underline-offset:4px}.info-card .kicker{margin-top:30px}.info-card h1{margin:8px 0 16px;font-size:clamp(2.7rem,8vw,5rem);line-height:.9}.info-intro{color:var(--muted);font-size:1.15rem}.info-card section{margin-top:30px;padding-top:25px;border-top:1px solid var(--line)}.info-card section h2{margin:0 0 8px;font-size:1.65rem}.info-card section p{margin:0}.info-card a{color:var(--violet-deep);font-weight:760}@media (max-width:880px){.game-layout{grid-template-columns:1fr}.maker-card{position:static}.piece-controls{display:grid;grid-template-columns:minmax(160px,1fr) minmax(180px,1fr);gap:10px;align-items:center}.selected-copy{grid-column:1/-1}.rotate-row{align-self:stretch}.nudge-grid{margin-block:0}.piece-controls .quiet-button{margin-top:0}}@media (max-width:620px){body{font-size:17px}.masthead{width:calc(100% - 24px);min-height:68px;grid-template-columns:1fr auto}.masthead>p{display:none}.wordmark{font-size:1.08rem;gap:7px}.wordmark-shapes{width:31px;height:30px;transform:scale(.8);transform-origin:left center;margin-right:-5px}.help-menu summary{padding-inline:9px;font-size:.86rem}.hero{padding-top:38px}.date-lockup{display:grid;gap:2px}.date-lockup span:after{content:""}.hero h1{margin-top:17px;font-size:clamp(2.85rem,17vw,4.8rem)}.hero>p{margin-top:22px}.game-layout{width:calc(100% - 18px)}.theatre-card{padding:10px;border-radius:23px}.scene-heading{padding:8px 6px 14px;display:block}.scene-heading>p{margin-top:7px;text-align:left}.paper-stage{aspect-ratio:.84;border-radius:16px}.maker-card{padding:22px}.piece-controls{display:block}.nudge-grid{margin:9px auto 17px}.tomorrow-note{align-items:flex-start;padding:18px}footer{flex-direction:column;gap:6px}}@media (prefers-contrast:more){:root{--line:#676572;--muted:#4f4e59}.maker-card,.theatre-card{border-width:2px}.target-piece{background:color-mix(in srgb,var(--ink) 34%,transparent)}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}