:root{color-scheme:light;--ink: #263f35;--soft-ink: #647467;--paper: #f7efdc;--cream: #fffaf0;--border: #d7cbb0;--green: #326e4e;--yellow: #f2c264}*{box-sizing:border-box}html{min-width:320px}body{margin:0;background:radial-gradient(circle at 18% 12%,#fff7e6 0,transparent 33%),radial-gradient(circle at 88% 80%,#e7edcf 0,transparent 33%),#f1e8d3;color:var(--ink);font-family:Trebuchet MS,Avenir Next,Arial,sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.26;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.55' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='.17'/%3E%3C/svg%3E")}button{font:inherit;cursor:pointer}.page-shell{width:min(1450px,calc(100% - 56px));margin:auto;position:relative}.site-header{min-height:126px;display:flex;align-items:center;gap:17px;border-bottom:1px solid #c8baa0}.brand-mark{width:61px;height:61px;display:grid;place-items:center;flex:none;border-radius:50%;background:#d5593d;border:2px solid #8d3428;color:#ffe9a4;font:45px Georgia,serif;line-height:1;box-shadow:3px 4px #d8c9a9;transform:rotate(-12deg)}.brand-copy h1{font:bold clamp(27px,3vw,42px)/1.05 Georgia,"Times New Roman",serif;letter-spacing:-.04em;margin:5px 0 0}.eyebrow{font-size:11px;font-weight:900;letter-spacing:.19em;color:#9b674a}.header-tag{margin-left:auto;font-size:12px;font-weight:900;letter-spacing:.14em;border:1px solid #bdac8b;padding:12px 15px;transform:rotate(3deg);background:#f7edcf;white-space:nowrap}.header-tag span{font-size:17px;margin-left:7px}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:38px;padding:34px 0 24px;align-items:start}.board-column{min-width:0}.board-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.board-heading h2{font:bold clamp(27px,2.6vw,36px)/1.1 Georgia,serif;letter-spacing:-.035em;margin:6px 0 0}.season-chip{border:1px solid #a6b17e;background:#e8edcf;color:#416040;border-radius:100px;padding:10px 16px;font:700 13px Georgia,serif;white-space:nowrap}.season-chip span{font-size:19px;vertical-align:-2px;margin-right:5px}.board-conditions{display:flex;flex-direction:column;align-items:flex-end;gap:7px}.atmosphere-label{font:italic 12px/1.3 Georgia,serif;color:#68735d;text-align:right}.board-atmosphere{display:flex;align-items:center;gap:9px}.music-button{display:grid;place-items:center;width:36px;height:36px;flex:none;padding:0;border:1px solid #b5bd9a;border-radius:50%;background:#fff8e7;color:#496747}.music-button:hover{background:#e8edcf}.music-button:focus-visible{outline:2px solid #d05d3d;outline-offset:3px}.music-slash,.music-button[data-muted=true] .music-waves{display:none}.music-button[data-muted=true] .music-slash{display:block}.board-frame{padding:10px;background:#fffbec;border:1px solid #c8b68f;border-radius:9px;box-shadow:0 9px #d9cbaa,0 17px 35px #6e624131}.canvas-wrap{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border:2px solid #7e8d64;border-radius:4px;background:#e8d9ad}canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}canvas:focus-visible{outline:3px solid #d05d3d;outline-offset:-5px}.map-button{position:absolute;right:13px;bottom:13px;z-index:1;border:1.5px solid #567a59;background:#fff8e9e8;color:#31533d;border-radius:5px;box-shadow:2px 3px #35533c55;padding:9px 12px;font-weight:900;font-size:11px;letter-spacing:.02em}.map-button:hover{background:#fffdf3}.map-button[hidden]{display:none}.board-caption{display:flex;gap:9px;align-items:center;margin:21px 4px 0;color:#5b6d58;font-size:14px;font-style:italic}.caption-icon{color:#cd6549;font-size:20px}.sidebar{display:flex;flex-direction:column;gap:18px;padding-top:47px}.postcard{position:relative;height:208px;padding:8px;background:#fff9e9;border:1px solid #c3b18f;box-shadow:4px 5px #d4c4a1;transform:rotate(2deg)}.postcard img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 45%;filter:saturate(.91)}.postcard-stamp{position:absolute;bottom:17px;left:17px;right:17px;width:max-content;max-width:calc(100% - 34px);padding:7px 9px;background:#fff9e9e8;border:1px solid #c6ac82;font-size:9px;font-weight:900;letter-spacing:.11em}.note-card,.control-card{background:#fffaf0;border:1px solid #d3c19e;box-shadow:3px 4px #ded1b2;padding:22px 23px}.note-heading{display:flex;justify-content:space-between;align-items:center}.note-star{color:#d05a41;font-size:23px;line-height:.6}.note-card h3{font:700 26px/1.12 Georgia,serif;letter-spacing:-.03em;margin:14px 0 8px}.note-card p{font-size:14px;line-height:1.55;color:#526457;margin:0 0 21px}.stat-grid{border-top:1px dashed #c6b998;display:grid;grid-template-columns:repeat(3,1fr);padding-top:17px}.stat{padding-left:13px;border-left:1px solid #e1d5b8}.stat:first-child{padding-left:0;border-left:0}.stat span{display:block;font-size:10px;font-weight:900;letter-spacing:.1em;color:#8c9172}.stat strong{display:block;font:700 26px Georgia,serif;margin-top:3px}.control-card{padding-bottom:15px}.control-row{display:flex;align-items:center;gap:15px;padding:14px 0;font-size:14px;font-weight:700;line-height:1.3}.control-row+.control-row{border-top:1px dashed #dfd4bb}.control-row small{font-size:12px;font-weight:400;color:#697567}.control-symbol{width:77px;height:42px;flex:none;display:grid;place-items:center;border:1px solid #b8c09c;border-radius:6px;background:#ebefd8;color:#47704d}.control-symbol.arrows{font-size:15px;letter-spacing:1px}.control-symbol.touch{font-size:25px}.secondary-button{align-self:stretch;padding:14px 18px;border:1.5px solid #567a59;background:transparent;color:#365a40;font-weight:900;font-size:13px;letter-spacing:.03em;border-radius:5px;transition:background .15s,transform .15s}.secondary-button:hover{background:#e4edd7;transform:translateY(-2px)}.secondary-button span{font-size:19px;vertical-align:-1px;margin-right:6px}.developer-menu{border:1px dashed #b7a78b;background:#fbf5e8;padding:13px 15px;font-size:12px}.developer-menu summary{cursor:pointer;font-weight:900;color:#4a624f}.developer-menu summary small{float:right;color:#9a765d;font-weight:400}.developer-menu form{display:grid;grid-template-columns:1fr 1fr;gap:7px 10px;margin-top:15px}.developer-menu label{display:flex;flex-direction:column;gap:7px;min-width:0;font-weight:700;color:#526457}.developer-menu input,.developer-menu select{width:100%;min-width:0;padding:9px;border:1px solid #bdb49e;border-radius:3px;background:#fffdf6;color:#263f35;font:inherit;font-weight:400}.developer-menu .developer-speed-control,.developer-menu .developer-effect-control{grid-column:1 / -1}.developer-speed-control span{display:flex;justify-content:space-between}.developer-speed-control output{font-variant-numeric:tabular-nums}.developer-menu input[type=range]{padding:0;margin:5px 0;accent-color:#567a59;cursor:ew-resize}.developer-menu button{grid-column:1 / -1;margin-top:4px;padding:10px;border:1px solid #567a59;border-radius:3px;background:#e5eedc;color:#31533d;font-weight:700}.developer-menu button:hover{background:#d6e9d0}.win-overlay{position:absolute;inset:0;z-index:2;display:grid;place-items:center;padding:20px;background:#29452d9c;backdrop-filter:blur(3px)}.win-overlay[hidden]{display:none}.win-card{width:min(390px,100%);text-align:center;background:#fff7df;border:4px double #bd985d;padding:25px 27px 29px;box-shadow:8px 10px #203c2b66;transform:rotate(-2deg)}.win-flower{display:block;color:#cd5d3e;font:48px Georgia,serif;line-height:.9;margin-bottom:12px}.win-card h2{font:700 33px/1.1 Georgia,serif;margin:11px 0 10px}.win-card p{color:#62715b;line-height:1.45;font-size:14px;margin:0 0 21px}.primary-button{border:2px solid #285137;background:#37744c;color:#fff7df;border-radius:4px;padding:13px 16px;font-weight:900;font-size:13px;width:100%}.primary-button:hover{background:#275c3b}.primary-button span{font-size:17px;margin-left:5px}footer{padding:20px 0 35px;text-align:center;font:italic 13px Georgia,serif;color:#778369}footer span{color:#cc5d43}.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}@media(max-width:960px){.game-layout{grid-template-columns:minmax(0,1fr) 270px;gap:22px}.sidebar{padding-top:43px}.postcard{height:170px}}@media(max-width:720px){.page-shell{width:min(600px,calc(100% - 28px))}.site-header{min-height:95px;gap:12px}.brand-mark{width:49px;height:49px;font-size:36px}.brand-copy h1{font-size:clamp(23px,5.7vw,33px)}.header-tag{display:none}.game-layout{display:block;padding-top:25px}.board-heading{margin-bottom:15px}.board-heading h2{font-size:28px}.season-chip{padding:7px 10px;font-size:12px}.board-frame{padding:6px;box-shadow:0 6px #d9cbaa}.board-caption{margin-top:16px;font-size:12px}.sidebar{padding-top:22px;display:grid;grid-template-columns:1fr 1fr;align-items:start}.postcard{display:none}.note-card,.control-card{height:100%}.secondary-button,.developer-menu{grid-column:1 / -1}}@media(max-width:540px){.board-heading{flex-wrap:wrap;gap:10px}.board-conditions{flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px}.atmosphere-label{text-align:left}.sidebar{display:flex;gap:14px}.note-card,.control-card{width:100%}.control-card{display:none}.board-caption{line-height:1.35}.site-header .eyebrow{font-size:9px}}