:root{color-scheme:dark;--ink:#f2ebcc;--muted:#d1d6be;--night:#163b37;--soil:#203f36;--leaf:#4e7455;--gold:#f5d48c;--pink:#ed9ab0;--field-size:min(68vh,47vw,640px)}
*{box-sizing:border-box}html{min-width:280px;background:#102c2b}body{margin:0;color:var(--ink);font-family:Trebuchet MS,Arial,sans-serif;overflow-x:hidden}button{font:inherit}button:focus-visible{outline:3px solid #fff3b0;outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.world{position:relative;isolation:isolate;min-height:100svh;overflow:hidden;display:flex;flex-direction:column;background:radial-gradient(ellipse 90% 60% at 52% 47%,#335c4d 0%,#23483f 42%,#102d31 85%),linear-gradient(#173e43,#0e282e)}.world[data-season="1"]{--leaf:#64774a;--soil:#3d5436;--pink:#faa5aa}.world[data-season="2"]{--leaf:#7a7650;--soil:#46583c;--pink:#efaa92}
.world:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 13% 35%,#c7b97719 0 7%,transparent 27%),radial-gradient(circle at 89% 72%,#b2ba6b20 0 5%,transparent 29%),repeating-linear-gradient(83deg,transparent 0 32px,#dce4b005 33px 34px);pointer-events:none}.world:after{content:"";position:absolute;z-index:-1;left:-10%;right:-10%;bottom:-17vw;height:35vw;border-radius:50% 50% 0 0;background:radial-gradient(ellipse at 40% 0%,#6e985122,transparent 54%),#183e34;box-shadow:0 -2vw 8vw #95b26213;pointer-events:none}
.sky-stars{position:absolute;z-index:-1;inset:0;opacity:.45;pointer-events:none;background-image:radial-gradient(circle,#f0e8b8 1px,transparent 1.8px),radial-gradient(circle,#d1d6ad .8px,transparent 1.8px);background-size:67px 73px,113px 109px;background-position:12px 9px,49px 55px;mask-image:linear-gradient(#000,transparent 78%)}.far-field{position:absolute;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.far-field i{position:absolute;bottom:4%;width:3px;height:26%;background:#acc17c40;border-radius:100% 100% 0 0;transform-origin:bottom}.far-field i:before{content:"";position:absolute;top:-7px;left:-7px;width:17px;height:17px;border-radius:50% 50% 10% 50%;background:#eab88a80;transform:rotate(-22deg)}.far-field i:nth-child(1){left:6%;height:30%;transform:rotate(-20deg)}.far-field i:nth-child(2){left:12%;height:14%;transform:rotate(14deg)}.far-field i:nth-child(3){right:7%;height:32%;transform:rotate(19deg)}.far-field i:nth-child(4){right:13%;height:18%;transform:rotate(-16deg)}.far-field i:nth-child(5){left:32%;height:10%;transform:rotate(-15deg)}
.masthead{width:100%;display:flex;align-items:flex-start;justify-content:space-between;padding:clamp(20px,3vw,42px) clamp(19px,4vw,70px) 0;gap:18px}.eyebrow,.chapter-kicker,.interlude-kicker{font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:bold;color:#f0dba7}.identity h1{font:normal clamp(31px,3.5vw,57px)/.96 Georgia,serif;letter-spacing:-.045em;margin:10px 0 0;text-shadow:0 2px 12px #102f33a8}.identity h1 em{font-weight:normal;color:#e8adad}.season-mark{display:flex;align-items:center;gap:13px;margin-top:4px}.season-mark>span{font:normal 30px Georgia,serif;color:#edcea0}.season-mark small{font-size:10px;letter-spacing:.09em;line-height:1.6;text-transform:uppercase;color:#dfdec3}
.play{width:100%;max-width:1800px;margin:auto;display:grid;grid-template-columns:minmax(180px,1fr) var(--field-size) minmax(180px,1fr);align-items:center;gap:clamp(10px,2.6vw,48px);padding:24px clamp(19px,4vw,70px) 20px}.chapter{justify-self:end;max-width:270px;align-self:center;transform:translateY(-15%)}.chapter h2{font:normal clamp(36px,4vw,66px)/.99 Georgia,serif;letter-spacing:-.05em;color:#fff1cb;margin:17px 0}.chapter p{font:normal clamp(16px,1.3vw,20px)/1.46 Georgia,serif;color:#e1e4c5;margin:0}.field-wrap{position:relative;width:var(--field-size);aspect-ratio:1;justify-self:center;isolation:isolate}.field-shadow{position:absolute;inset:-6%;border-radius:42%;z-index:-1;filter:blur(18px);background:radial-gradient(#c0c17644,#74926a1c 60%,transparent 70%)}.field{position:relative;display:grid;grid-template-columns:repeat(var(--size),minmax(0,1fr));grid-template-rows:repeat(var(--size),minmax(0,1fr));gap:2px;width:100%;height:100%;padding:2px;border:2px solid #dbd69a9c;border-radius:7px;background:#152e2a;box-shadow:0 20px 55px #071f2d91,0 0 0 9px #dfe3ad12,0 0 0 22px #c6d18d08;overflow:hidden}.patch{position:relative;display:block;padding:0;margin:0;min-width:0;min-height:0;overflow:hidden;border:1px solid #98b47d35;border-radius:1px;background:radial-gradient(circle at 80% 13%,#77966626,transparent 30%),linear-gradient(142deg,var(--tile-a),var(--tile-b));color:var(--ink);cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;transition:filter .25s,box-shadow .25s}.patch:nth-child(3n+1){background:radial-gradient(circle at 10% 85%,#e4d09a20,transparent 26%),linear-gradient(28deg,var(--tile-a),var(--tile-b))}.patch:hover{filter:brightness(1.18)}.patch.selected{z-index:2;box-shadow:inset 0 0 0 4px #fbe6a0,0 0 16px #fae5a890;filter:brightness(1.18)}.patch.dragging{z-index:3;box-shadow:inset 0 0 0 4px #ffebbb}.patch:focus-visible{z-index:4;outline:3px solid #fff3bc;outline-offset:-4px}.patch svg{width:100%;height:100%;display:block;overflow:visible;pointer-events:none}.patch .texture{opacity:.72}.patch .trail-shadow{stroke:#132a2a;stroke-width:16;stroke-linecap:round;fill:none}.patch .trail{stroke:#f4daa2;stroke-width:9;stroke-linecap:round;fill:none}.patch .trail-inner{stroke:#865f50;stroke-width:1.5;stroke-linecap:round;stroke-dasharray:1 8;fill:none;opacity:.8}.patch .hub{fill:#eec7a0;stroke:#443d37;stroke-width:2}.patch .flower-face{opacity:.34;transform:scale(.48);transform-origin:50px 50px;transition:transform .75s cubic-bezier(.18,1.65,.33,1),opacity .65s}.patch.bloom .flower-face{opacity:1;transform:scale(1)}.patch.bloom{background:radial-gradient(circle at 50% 50%,#8db67977 0%,transparent 55%),linear-gradient(150deg,var(--tile-a),var(--tile-b));box-shadow:inset 0 0 24px #eacb6d30}.patch.bloom .trail{stroke:#fff1be}.patch.bloom .hub{fill:#ffe8a4}.patch.just-bloomed .flower-face{animation:open-flower .9s both;animation-delay:var(--delay,0ms)}@keyframes open-flower{0%{transform:scale(.35) rotate(-65deg)}75%{transform:scale(1.15) rotate(8deg)}100%{transform:scale(1)}}
.markers,.creatures{position:absolute;inset:0;pointer-events:none}.markers{z-index:5}.terminal{position:absolute;width:23px;height:23px;border-radius:50%;display:grid;place-items:center;border:2px solid #fce8a3;background:#243e37;box-shadow:0 0 0 4px #142f2b,0 0 18px #fbe5a888;transform:translate(-50%,-50%);font-size:14px;line-height:1}.terminal.moth{border-color:#ecd0ee;box-shadow:0 0 0 4px #142f2b,0 0 19px #efc5eabe}.terminal.destination{background:#725342}.terminal.moth.destination{background:#604760}.creatures{z-index:6}.creature{width:36px;height:36px;position:absolute;left:0;top:0;filter:drop-shadow(0 3px 3px #0f2d2d);will-change:transform}.creature svg{width:100%;height:100%;display:block}.creature.bee{z-index:1}.creature.moth{z-index:2}
.understory{align-self:center;justify-self:start;max-width:265px;display:flex;flex-direction:column;gap:22px}.visitors{display:grid;gap:12px}.visitor{display:flex;align-items:center;gap:9px;color:#dce3c3;font-size:13px;letter-spacing:.02em}.visitor .icon{font-size:23px;line-height:1;width:29px;text-align:center;color:#f9d288}.visitor.moth .icon{color:#e9bae4}.visitor .state{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:#d6d4af;margin-top:2px}.visitor.connected .state{color:#f6d692}.visitor.moth.connected .state{color:#e9c4f1}.instruction p{line-height:1.47;margin:0 0 8px;font-size:14px;color:#e1e7c9}.instruction strong{color:#fff1bd;font-weight:normal}.instruction .mini{font-size:12px;color:#c9d7c3}.instruction .key{font-size:12px;color:#f4dba4;letter-spacing:.04em}.reset-button{width:max-content;background:transparent;color:#f3ddb0;border:1px solid #c8d7ac88;border-radius:99px;padding:10px 16px;min-height:44px;cursor:pointer}.reset-button:hover{background:#f3ddb021}.footnote{display:flex;justify-content:space-between;gap:12px;padding:0 clamp(19px,4vw,70px) 20px;color:#cbd9b7;font:italic 14px Georgia,serif}.footnote span:last-child{font:normal 11px Trebuchet MS,Arial,sans-serif;letter-spacing:.17em}
.interlude[hidden]{display:none!important}.interlude{position:fixed;z-index:20;inset:0;display:grid;place-items:center;overflow-y:auto;padding:24px;background:radial-gradient(circle at 50% 38%,#537a55 0,#28524a 42%,#102d33 100%);animation:arrive .7s ease both}.interlude:before,.interlude:after{content:"";position:absolute;pointer-events:none;inset:0;background:repeating-linear-gradient(73deg,transparent 0 36px,#f9d98c09 37px 38px)}.interlude:after{inset:auto -10% -130px;height:250px;border-radius:50%;background:#a2b66c55;filter:blur(48px)}@keyframes arrive{from{opacity:0}to{opacity:1}}.interlude-content{position:relative;z-index:1;text-align:center;max-width:710px;display:flex;align-items:center;flex-direction:column}.interlude-illustration{width:min(58vmin,400px);height:min(46vmin,340px);margin:0 auto 12px;filter:drop-shadow(0 19px 23px #1a392e88)}.interlude-illustration svg{height:100%;width:100%}.interlude-kicker{font-size:12px}.interlude h2{font:normal clamp(43px,6vw,88px)/.96 Georgia,serif;letter-spacing:-.05em;color:#ffedc5;margin:16px 0}.interlude p{max-width:520px;margin:0 0 27px;color:#e8edce;font:normal clamp(17px,2vw,23px)/1.35 Georgia,serif}.continue-button{border:1px solid #f8e6ac;background:#f9dd9d;color:#223c33;border-radius:99px;min-height:50px;padding:11px 23px;cursor:pointer;font-size:14px;font-weight:bold}.continue-button span{margin-left:12px}.continue-button:hover{background:#fff2c6}.end-count{margin-top:25px;font-size:11px;letter-spacing:.24em;color:#e9deba}
@media(max-width:1000px){:root{--field-size:min(67vw,59vh,600px)}.play{grid-template-columns:minmax(130px,1fr) var(--field-size);gap:25px}.chapter{align-self:end;transform:none}.understory{grid-column:1;grid-row:2;align-self:start;margin-top:-40px}.field-wrap{grid-column:2;grid-row:1/3}.masthead{padding-top:22px}}
@media(max-width:700px){:root{--field-size:min(calc(100vw - 36px),55vh)}.world{overflow:hidden;min-height:100svh}.masthead{padding:19px 18px 0;align-items:start}.eyebrow{font-size:9px;letter-spacing:.11em}.identity h1{font-size:clamp(30px,9.2vw,43px);margin-top:7px}.season-mark{gap:4px}.season-mark>span{font-size:21px;white-space:nowrap}.season-mark small{display:none}.play{display:flex;flex-direction:column;align-items:stretch;gap:0;margin:14px auto 0;padding:0 18px 16px}.chapter{max-width:none;align-self:stretch;transform:none;display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:0 12px;margin-bottom:15px}.chapter-kicker{font-size:10px}.chapter h2{font-size:32px;grid-column:1;grid-row:2;margin:5px 0 2px}.chapter p{font-size:13px;line-height:1.3;grid-column:2;grid-row:2;max-width:140px;text-align:right}.field-wrap{align-self:center;flex:none}.understory{width:100%;max-width:none;display:grid;grid-template-columns:1fr auto;gap:10px 12px;align-items:center;margin:15px 0 0}.visitors{display:flex;gap:18px;grid-column:1/-1}.visitor{font-size:11px}.visitor .icon{font-size:19px;width:22px}.visitor .state{font-size:10px}.instruction{grid-column:1}.instruction p{font-size:12px;margin:0}.instruction .mini{font-size:11px;margin-top:4px}.instruction .key{font-size:11px;margin-top:5px}.reset-button{grid-column:2;grid-row:2;padding:8px 12px;font-size:13px}.reset-button span{display:inline}.footnote{padding:0 18px 16px;margin-top:auto;font-size:12px}.terminal{width:20px;height:20px;font-size:11px}.creature{width:30px;height:30px}}
@media(max-width:360px){:root{--field-size:calc(100vw - 30px)}.masthead{padding:12px 15px 0}.identity h1{font-size:28px}.play{padding:0 15px 10px;margin-top:12px}.chapter{margin-bottom:11px}.chapter h2{font-size:27px}.chapter p{font-size:11px;max-width:116px}.understory{margin-top:13px;gap:8px}.instruction p{font-size:11px}.instruction .mini{font-size:10px}.instruction .key{font-size:10px}.footnote{padding:0 15px 10px}.interlude-illustration{height:180px;width:240px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.creature{will-change:auto}}