:root{color-scheme:light;--ink:#414a33;--paper:#f8f0dc;--green:#4a5d35;--gold:#b38a43}*{box-sizing:border-box}body{color:var(--ink);background:#ede5d0 radial-gradient(#87765020 .7px,#0000 .8px) 0 0/4px 4px;margin:0;font-family:Georgia,serif}button,select{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation}button:focus-visible,canvas:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #ad762b}button:disabled{opacity:.55;cursor:wait}button:hover:not(:disabled){filter:brightness(1.08)}button:active{transform:translateY(1px)}[hidden]{display:none!important}.page{max-width:min(1140px,116.9svh + 23.595px);margin:auto;padding:18px 24px 12px}.masthead{letter-spacing:2.5px;text-transform:uppercase;border-bottom:1px solid #9d956b66;justify-content:space-between;padding-bottom:10px;font-size:10px;display:flex}.masthead em{letter-spacing:0;text-transform:none;color:#7c7a60;font-size:12px}header{justify-content:space-between;align-items:center;gap:10px;margin:15px 0 12px;display:flex}h1{letter-spacing:-1.7px;margin:0;font-size:46px;font-weight:400;line-height:1}.subtitle{color:#7e7a60;margin:8px 0 0;font-size:13px}.tools{gap:6px;display:flex}.tool{background:#faf3df;border:1px solid #aaa482;border-radius:50%;place-items:center;min-width:44px;height:44px;font:20px Arial;display:grid}.tool svg{fill:none;stroke:currentColor;stroke-width:2px;width:20px;height:20px}.content{grid-template-columns:minmax(0,760px) 218px;align-items:start;gap:24px;display:grid}.board-head{justify-content:space-between;align-items:center;gap:9px;margin:0 2px 8px;font-size:14px;display:flex}.board-head small{color:#807c5f;font-size:11px}.board{background:#a8bcb0;border:6px solid #faf3df;border-radius:7px 7px 18px 18px;position:relative;overflow:hidden;box-shadow:0 3px #b3aa88,0 8px 24px #4a3f2220}canvas{aspect-ratio:760/650;touch-action:none;cursor:pointer;width:100%;display:block}.overlay{background:#f7eed028;place-items:center;padding:15px;display:grid;position:absolute;inset:0}.card{text-align:center;background:#fff8e8f7;border:1px solid #b8aa81;border-radius:48% 48% 12px 12px/12px;width:100%;max-width:350px;max-height:100%;padding:16px 23px 19px;overflow:auto;box-shadow:0 10px 35px #333b2944}.card-art{justify-content:center;align-items:center;gap:20px;height:85px;display:flex}.card-art canvas{cursor:default;touch-action:auto;width:90px;height:85px;min-height:0}.card-art span{color:#85885c;font-size:31px}.hop-log{background:repeating-linear-gradient(0deg,#b88b4f,#b88b4f 5px,#836540 6px,#b88b4f 7px);border:2px solid #6a5537;border-radius:40%;width:70px;height:27px;transform:rotate(-8deg)}h2{margin:5px 0 10px;font-size:29px;font-weight:400}.card p{color:#777357;margin:0 0 14px;font-size:14px;line-height:1.45}.primary{color:#fff5d8;background:#50673b;border:0;border-bottom:4px solid #34452a;border-radius:10px;width:100%;min-height:49px;padding:12px 18px;font-size:19px}.secondary{background:0 0;border:0;border-bottom:1px solid #a99b72;min-height:44px;margin-top:7px;padding:8px;font-size:13px}.level-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0;display:grid}.level-choice{background:#f4e7bd;border:1px solid #ac9e72;border-radius:10px;min-height:60px;font-size:23px;position:relative}.level-choice small{margin-top:4px;font-size:11px;display:block}.level-choice[aria-current=true]{outline:2px solid #586d40}.under{justify-content:space-between;align-items:center;gap:10px;margin:12px 1px 0;display:flex}.status{align-items:center;min-height:35px;font-size:13px;line-height:1.35;display:flex}.controls{flex:none;gap:5px;display:flex}.arrow{background:#faf4e3;border:1px solid #aaa17d;border-bottom-width:3px;border-radius:11px;width:45px;height:46px;font:23px Arial}.arrow.up{color:#fff6db;background:#51643c;border-color:#3e5130;width:58px}.hint{color:#807a60;text-align:right;margin:5px 0;font-size:10px}.story{padding-top:3px}.eyebrow{text-transform:uppercase;letter-spacing:2px;color:#8b7d5b;font-size:10px}.story h2{margin:10px 0;font-size:26px;line-height:1.15}.story p{color:#777359;font-size:14px;line-height:1.6}.portrait{width:100%;max-width:170px;height:128px;min-height:0;margin:5px auto;display:block}.rule{background:#a99c7655;height:1px;margin:17px 0}.progress{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.medal{color:#80775b;border:1px solid #b5a67a;border-radius:50%;place-items:center;width:37px;height:37px;font-size:15px;display:grid}.medal.done{color:#6b6a37;background:#e3ce8a}.story .journal{font-size:12px;font-style:italic}.footer{color:#8a8065;border-top:1px solid #a99c7650;margin-top:14px;padding-top:10px;font-size:10px;line-height:1.5}.footer summary{cursor:pointer;min-height:30px}.footer p{max-width:800px}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}@media (width<=850px){.page{max-width:730px;padding:13px}.masthead em,.story{display:none}.content{display:block}header{margin:13px 0}.hint{text-align:center}.footer{margin-top:10px}h1{font-size:42px}}@media (width<=440px){.page{padding:11px 8px}.masthead{padding-bottom:9px;font-size:9px}h1{font-size:34px}.subtitle{max-width:200px;font-size:11px;line-height:1.4}.tools{gap:3px}.tool{width:44px;min-width:44px}.board{border-width:4px}canvas{min-height:420px}.board-head{margin-top:6px;font-size:12px}.board-head small{font-size:10px}.under{flex-direction:column;gap:5px;margin-top:9px}.status{text-align:center;min-height:29px}.controls{gap:8px}.arrow{width:53px;height:46px}.arrow.up{width:65px}.card{padding:12px 18px}.card-art{height:68px}.card-art canvas{width:74px;height:68px}.card h2{font-size:26px}.card p{font-size:13px}.primary{padding:10px 15px}.footer{margin-top:7px}}.game-navigation{border-bottom:1px solid #9d956b66;flex-wrap:wrap;justify-content:space-between;gap:4px 14px;font-size:14px;display:flex}.game-navigation a{color:#415735;text-underline-offset:4px;align-items:center;min-height:44px;display:inline-flex}.game-navigation a:focus-visible{outline-offset:2px;outline:3px solid #206b88}.page{padding-top:4px}.footer summary{min-height:44px}.game-skip{z-index:10;background:#fff8e8;padding:12px;position:absolute;top:-100px;left:8px}.game-skip:focus{top:0}.game-exit{color:#415735;justify-content:center;align-items:center;min-height:44px;margin-top:4px;font-size:13px;display:flex}.game-exit:focus-visible{outline:3px solid #206b88}@media (width<=440px){.game-navigation{gap:2px 8px;font-size:12px}}.card .mb-panel{margin-top:10px;padding-top:6px}.card .mb-share{background:#faf4e3;border:1px solid #aaa17d;border-bottom-width:3px;border-radius:10px;min-height:44px;padding:8px 12px;font-size:14px}
