:root{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#294739;background:#f7f4eb;font-synthesis:none}body{margin:0}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,#board:focus-visible{outline:3px solid #b57d48;outline-offset:4px}[hidden]{display:none!important}button:disabled{opacity:.45;cursor:default}.puzzle-header,main,footer{width:min(1090px,calc(100% - 64px));margin:auto}.puzzle-header{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d9ddce}.brand{font-size:25px;font-weight:750;letter-spacing:-1px}.brand span{font-weight:400}.back-link{font-size:12px;padding:12px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:650;color:#748065}.puzzle-intro{display:flex;align-items:center;justify-content:space-between;padding:35px 0 32px}.puzzle-intro h1{font:400 clamp(28px,3.5vw,43px)/1.12 Georgia,serif;letter-spacing:-1px;margin:15px 0}.puzzle-intro>div>p:last-child{font-size:13px;color:#77806e;line-height:1.7}.edition{font:italic 60px Georgia,serif;color:#9fa888;text-align:center;line-height:.9}.edition small{display:block;font:9px system-ui;letter-spacing:2.8px;margin-top:12px}.puzzle-layout{display:grid;grid-template-columns:minmax(320px,510px) minmax(240px,1fr);gap:70px;align-items:start;margin-bottom:45px}.puzzle-shell{border:1px solid #d4dac8;border-radius:16px;background:#eeefdf;overflow:hidden;box-shadow:0 15px 35px -28px #253e3570}.puzzle-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:#faf9f1;border-bottom:1px solid #d8ddce;gap:8px}.puzzle-toolbar button{border:1px solid #d9dfce;background:#f5f5e9;color:#546749;border-radius:7px;min-width:36px;min-height:35px;font-size:21px}.puzzle-toolbar>div{display:flex;gap:8px}.puzzle-toolbar #players-btn{font-size:12px;padding:7px 10px;max-width:65%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.board-header{display:flex;justify-content:space-between;align-items:center;padding:21px 22px 16px;gap:10px}.board-header h2{font:400 41px/.95 Georgia,serif;margin:0;letter-spacing:-1px}.board-header h2 span{display:block;font:italic 13px Georgia,serif;color:#7a886b;margin-top:6px;letter-spacing:0}.scores{display:flex;gap:8px}.scores>div{min-width:88px;background:#dce2cd;border-radius:8px;padding:10px;text-align:center}.scores small{display:block;font-size:8px;letter-spacing:1px;color:#627352}.scores strong{font-size:23px;font-weight:600;font-variant-numeric:tabular-nums}#board-wrap{position:relative;margin:0 22px}#board{aspect-ratio:1;background:#adb997;border:1px solid #a1b18d;border-radius:11px;padding:11px;display:flex;flex-direction:column;gap:9px;touch-action:none;user-select:none;-webkit-user-select:none;outline-offset:5px}.board-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;flex:1;min-height:0}.tile{display:flex;align-items:center;justify-content:center;background:#c6cfb4;border-radius:7px;font:650 clamp(20px,3vw,36px)/1 system-ui;font-variant-numeric:tabular-nums;color:#526747;box-shadow:inset 0 1px #ffffff28}.tile[data-level="1"]{background:#faf6e4}.tile[data-level="2"]{background:#ece8ca}.tile[data-level="3"]{background:#e3c993;color:#72552f}.tile[data-level="4"]{background:#cead6f;color:#fffbed}.tile[data-level="5"]{background:#bc8b55;color:#fffbed}.tile[data-level="6"]{background:#b47a53;color:#fffbed}.tile[data-level="7"]{background:#869b69;color:#fffbed;font-size:30px}.tile[data-level="8"]{background:#6f8e61;color:#fffbed;font-size:30px}.tile[data-level="9"]{background:#547953;color:#fffbed;font-size:30px}.tile[data-level="10"],.tile[data-level="11"]{background:#2e5943;color:#fff4ce;font-size:25px;box-shadow:inset 0 0 0 2px #cfb56a88}.tile[data-value="0"]{box-shadow:none}.board-controls{display:flex;justify-content:center;gap:9px;margin:17px 22px 0}.board-controls button{width:49px;height:43px;border:1px solid #c5d0b8;border-radius:8px;background:#f8f7ea;color:#547247;font-size:24px}.board-controls button:hover,.secondary:hover{background:#e2e8d4}.board-footer{display:flex;align-items:center;justify-content:space-between;padding:14px 22px 0;gap:10px}.board-footer>span{font-size:10px;color:#728064}.secondary,.primary{font-size:12px;border-radius:8px;padding:12px 15px;min-height:42px}.secondary{border:1px solid #cad3bd;background:#f9f8ed;color:#506c45}.primary{border:1px solid #315641;background:#315641;color:#fffaec}.primary:hover{background:#456b4f}#storage-status{font-size:10px;line-height:1.5;color:#738167;text-align:center;margin:11px 18px 16px}.companion-panel{padding-top:13px;max-width:360px}.companion-portrait{position:relative;width:180px;margin:0 auto 24px;height:172px;display:flex;align-items:flex-end;justify-content:center;background:radial-gradient(ellipse at bottom,#e1e7d3 0%,#edf0e2 50%,transparent 51%)}.companion-portrait img{width:132px;height:auto;filter:drop-shadow(0 8px 4px #3f522219)}.companion-portrait span{position:absolute;right:6px;top:10px;font:32px Georgia,serif;color:#b7a875;transform:rotate(15deg)}.companion-panel>h2{font:30px Georgia,serif;margin:12px 0}.companion-panel>p:not(.eyebrow){font-size:14px;line-height:1.8;color:#6a7a60;min-height:50px}.how-to{border-top:1px solid #d6ddc9;margin-top:25px;padding-top:23px}.how-to h3{font:20px Georgia,serif;margin:0 0 17px}.how-to p{font-size:12px;line-height:1.9;color:#6b775f}.example{display:flex;gap:13px;align-items:center;color:#829071;font-size:18px;margin-bottom:19px}.example span{display:grid;place-items:center;width:44px;height:44px;border:1px solid #d0d6bc;border-radius:7px;background:#f2edd7;color:#67754d;font:27px Georgia,serif}.example span:last-child{background:#d5c291}.note{font-size:11px!important;color:#7d886d;line-height:1.8}#outcome{position:absolute;inset:0;border-radius:11px;background:#f3f2e4eb;display:grid;place-items:center;text-align:center;padding:22px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}#outcome h2{font:32px Georgia,serif;margin:10px 0}#outcome p:not(.eyebrow){font-size:13px;color:#647457;line-height:1.75}#outcome button{display:block;width:100%;margin-top:10px}dialog{border:1px solid #cbd5bc;border-radius:16px;background:#faf8ed;color:#365139;width:min(440px,calc(100% - 32px));max-height:85dvh;padding:26px;box-shadow:0 20px 70px #203d3340}dialog::backdrop{background:#223e3370}dialog h2{font:28px Georgia,serif;margin:0 0 15px}dialog p{font-size:13px;line-height:1.8;color:#6a775f}.dialog-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.dialog-heading{display:flex;justify-content:space-between;align-items:start}.dialog-heading button{font-size:18px;background:transparent;border:1px solid #d5dccb;border-radius:7px;color:#66765a;width:35px;height:35px}#player-list{display:flex;flex-direction:column;gap:8px;margin:18px 0}.player-choice{border:1px solid #d0d9c0;border-radius:8px;padding:13px 15px;text-align:left;background:#eef1e0;color:#506543;font-size:13px;overflow-wrap:anywhere}.name-row{display:flex;gap:9px;margin-top:10px}.name-row input{min-width:0;width:100%;border:1px solid #c9d4b7;border-radius:8px;padding:10px;background:#fff;color:#405a36}form label{font-size:12px;color:#5f7452}#name-error{color:#9e5438;min-height:18px}footer{border-top:1px solid #d5dcc9;display:flex;justify-content:space-between;gap:20px;padding:23px 0 30px;font-size:10px;color:#7a866e}.puzzle-shell.expanded-view,.puzzle-shell:fullscreen{position:fixed;inset:0;width:100%;height:100dvh;border:0;border-radius:0;z-index:50;overflow:auto;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);display:flex;flex-direction:column;align-items:center}.expanded-view .puzzle-toolbar,:fullscreen .puzzle-toolbar{width:100%;max-width:570px}.expanded-view .board-header,:fullscreen .board-header{width:100%;max-width:510px}.expanded-view #board-wrap,:fullscreen #board-wrap{width:min(430px,calc(100vw - 40px),calc(100dvh - 285px));flex-shrink:0}.expanded-view .board-footer,:fullscreen .board-footer{width:100%;max-width:500px}.expanded-view .tile,:fullscreen .tile{font-size:clamp(13px,4dvh,32px)}@media(max-width:800px){.puzzle-layout{gap:35px;grid-template-columns:minmax(300px,1.3fr) minmax(210px,1fr)}.companion-panel>h2{font-size:26px}.scores>div{min-width:69px;padding:8px}.scores strong{font-size:21px}.tile{font-size:28px}.tile[data-level="7"],.tile[data-level="8"],.tile[data-level="9"]{font-size:23px}.tile[data-level="10"],.tile[data-level="11"]{font-size:19px}}@media(max-width:620px){.puzzle-header,main,footer{width:calc(100% - 28px)}.puzzle-header{height:69px}.brand{font-size:23px}.back-link{font-size:10px;padding:8px}.puzzle-intro{padding:22px 0 15px}.puzzle-intro h1{font-size:29px}.puzzle-intro .eyebrow{font-size:9px}.puzzle-intro>div>p:last-child{font-size:12px}.edition{display:none}.puzzle-layout{display:flex;flex-direction:column;gap:22px;margin-bottom:30px}.puzzle-shell{width:100%;max-width:480px;margin:auto}.puzzle-toolbar{padding:9px 12px}.board-header{padding:17px 15px 15px}.board-header h2{font-size:37px}#board-wrap{margin:0 14px}#board{padding:9px;gap:7px}.board-row{gap:7px}.tile{font-size:30px}.board-controls{margin-top:13px}.board-footer{padding:12px 15px 0}.board-footer>span{font-size:9px}.scores>div{min-width:77px}.companion-panel{max-width:none;width:100%;padding:10px 8px 0}.companion-portrait{float:right;width:115px;height:115px;margin:0 0 15px 12px}.companion-portrait img{width:91px}.companion-panel>h2{font-size:25px}.companion-panel>p:not(.eyebrow){font-size:12px;min-height:0}.how-to{clear:both;margin-top:21px}.how-to h3{font-size:20px}.how-to p{font-size:12px}footer{font-size:9px;line-height:1.7;flex-wrap:wrap}.dialog-actions{flex-wrap:wrap}}@media(max-height:520px)and (orientation:landscape){.puzzle-shell.expanded-view,.puzzle-shell:fullscreen{display:grid;grid-template-columns:1fr min(64dvh,330px);grid-template-rows:45px 70px 58px auto 30px;gap:0 15px;padding:8px 35px;align-content:center}.expanded-view .puzzle-toolbar,:fullscreen .puzzle-toolbar{grid-column:1}.expanded-view .board-header,:fullscreen .board-header{grid-column:1;grid-row:2}.expanded-view #board-wrap,:fullscreen #board-wrap{grid-column:2;grid-row:1/6;width:100%;margin:0}.expanded-view .board-controls,:fullscreen .board-controls{grid-column:1;grid-row:3;margin:0}.expanded-view .board-footer,:fullscreen .board-footer{grid-column:1;grid-row:4;padding:4px 0;display:block;text-align:center}.expanded-view .board-footer>span,:fullscreen .board-footer>span{display:block;margin-top:5px}.expanded-view #storage-status,:fullscreen #storage-status{grid-column:1;grid-row:5;margin:0;font-size:9px}.expanded-view .tile,:fullscreen .tile{font-size:24px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}:root{--paper:#f7f3e9;--ink:#343f38;--sage:#597262;--blue:#66869a}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font-family:system-ui,sans-serif;margin:0}body>header{max-width:1180px;margin:auto;padding:25px 30px;display:flex;justify-content:space-between;align-items:center}main{max-width:1120px;margin:auto;padding:0 26px}a{color:inherit}.intro{padding:25px 0 32px}.intro h1{font:clamp(32px,4vw,52px)/1.1 Georgia,serif;letter-spacing:-1.4px;margin:10px 0}.intro h1 em{color:var(--sage);font-weight:400}.intro>p:last-child{color:#68746c;font-size:17px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--sage)}.layout{display:grid;grid-template-columns:minmax(320px,540px) minmax(250px,1fr);gap:56px;align-items:start}.blocks-shell{background:#fffcf5;border:1px solid #ded9ca;border-radius:23px;padding:18px;box-shadow:0 12px 42px #4a493314}.toolbar{display:flex;justify-content:space-between;gap:10px;margin-bottom:16px}.toolbar>div{display:flex;gap:6px}button{cursor:pointer;font:inherit;color:inherit;min-height:44px;border:1px solid #dedace;border-radius:10px;padding:8px 13px;background:#fbf8f0}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #426d84;outline-offset:3px}.primary{background:#49685a;color:#fff}.board-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}.board-heading h2{font:30px Georgia,serif;margin:0}.board-heading h2 span{display:block;font:9px system-ui;letter-spacing:1.4px;margin-top:5px;color:#737b6d}.scores{gap:8px}.scores>div{padding:9px 12px;background:#f0ebdd;min-width:68px;border-radius:10px}.scores strong{font-size:24px}.board-wrap{position:relative}#board{display:flex;flex-direction:column;gap:3px;padding:7px;background:#c8baa1;border:4px solid #b7a384;border-radius:10px;box-shadow:inset 0 2px 5px #89735050;aspect-ratio:1;width:100%;touch-action:manipulation;overflow:hidden}.board-row{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:3px;flex:1;min-height:0}.cell{padding:0;min-height:0;border:0;border-radius:4px;aspect-ratio:1;background:#eee7d8;box-shadow:inset 0 1px 3px #94815e29;touch-action:manipulation;font-size:18px;line-height:1;color:#ffffff70}.cell[data-color="0"]{background:#ece5d5}.cell:not([data-color="0"]),.mini-shape i{box-shadow:inset 0 2px #ffffff70,inset 0 -3px #00000019,0 1px 2px #68583e33;border:1px solid #00000015;background:var(--block)}[data-color="1"]{--block:#9baa86}[data-color="2"]{--block:#7195a9}[data-color="3"]{--block:#c79767}[data-color="4"]{--block:#c9ad68}[data-color="5"]{--block:#b87c68}.cell.ghost{background:#6c9680!important;opacity:.6;outline:1px dashed #244e39;outline-offset:-2px}.cell.blocked{box-shadow:inset 0 0 0 2px #aa4138;background:#e1b4a2!important}.cell:focus-visible{outline:3px solid #294f62;outline-offset:-3px}.tray-label{font-size:9px;letter-spacing:1px;text-align:center;margin:16px 0 8px;color:#526455}#tray{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.piece{height:106px;display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;padding:5px;background:#f4efe3;touch-action:none;-webkit-user-select:none;user-select:none}.piece[aria-pressed=true]{outline:2px solid #527c6c;outline-offset:1px;background:#e8efdf}.mini-shape{display:grid;gap:2px;pointer-events:none}.mini-shape i{border-radius:3px;display:block}.piece small{font-size:9px;color:#647360;pointer-events:none}#move-message{font-size:13px;line-height:1.45;min-height:38px;text-align:center;margin:12px 0 4px}.board-footer{display:flex;justify-content:space-between;gap:8px;align-items:center}.board-footer>span{font-size:11px;color:#6a746a}#storage-status{font-size:10px;margin-bottom:0}.companion{padding-top:10px}.portrait{position:relative;margin:0 -16px 25px}.portrait img{width:100%;height:auto;display:block;border-radius:28px;mix-blend-mode:multiply}.handwritten{display:block;text-align:right;padding-right:12px;color:#758374;font:italic 20px Georgia,serif}.companion h2{font:34px/1.12 Georgia,serif;margin:14px 0}.companion>p{font-size:15px;line-height:1.7;color:#687368}.how{border-top:1px solid #dcd9cb;margin-top:22px;padding-top:15px;font-size:13px;line-height:1.65;color:#606f63}.how h3{font:20px Georgia,serif;color:var(--ink)}.how ol{padding-left:20px}.how li{padding-left:4px;margin-bottom:8px}summary{cursor:pointer;color:#375b4a}.blocks-shell #outcome{position:absolute;inset:0;background:#f8f4e8ed;display:grid;place-items:center;text-align:center;padding:20px;border-radius:10px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}#outcome[hidden]{display:none!important}#outcome h2{font:30px Georgia,serif}#outcome p{font-size:14px}#outcome button{display:block;width:100%;margin-top:9px}dialog{max-width:min(460px,calc(100vw - 30px));max-height:85dvh;overflow:auto}#player-list{display:grid;gap:6px}#players-btn{max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}footer{max-width:1120px;margin:35px auto;padding:15px 26px;display:flex;justify-content:space-between;font-size:11px;color:#768070}.game-expanded{overflow:hidden}.blocks-shell.expanded-view,.blocks-shell:fullscreen{position:fixed;inset:0;z-index:50;overflow:auto;max-width:none;width:100%;height:100dvh;border-radius:0;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));display:flex;flex-direction:column;align-items:center}.blocks-shell:is(.expanded-view,:fullscreen)>*{width:min(100%,480px)}.blocks-shell:is(.expanded-view,:fullscreen) .board-wrap{width:min(100%,480px,calc(100dvh - 300px));min-width:240px}.blocks-shell:is(.expanded-view,:fullscreen) #tray{max-width:400px}.blocks-shell:is(.expanded-view,:fullscreen) .piece{height:92px}@media(max-width:740px){body>header{padding:17px 18px}main{padding:0 12px}.intro{padding:10px 7px 14px}.intro h1{font-size:32px}.intro>p:last-child{font-size:14px;margin-bottom:0}.layout{display:flex;flex-direction:column;gap:14px}.blocks-shell{width:100%;padding:12px;border-radius:17px}.toolbar{margin-bottom:9px}.board-heading{margin-bottom:10px}.board-heading h2{font-size:26px}.scores>div{min-width:60px;padding:7px 9px}.scores strong{font-size:21px}#board{gap:2px;padding:5px;border-width:3px}.board-row{gap:2px}.cell{border-radius:3px}.piece{height:104px}.companion{width:100%;padding:15px 10px;display:grid;grid-template-columns:1fr 1fr;gap:8px 15px}.portrait{grid-column:1;grid-row:1/4;margin:0;align-self:center}.handwritten{font-size:17px}.companion>h2{font-size:23px;margin:0}.companion>p{font-size:12px;margin:0}.companion>.eyebrow{font-size:8px}.how{grid-column:1/-1;margin-top:5px;padding-top:6px}.how h3{margin:8px 0}footer{display:block;line-height:2}footer span{display:block}.blocks-shell:is(.expanded-view,:fullscreen) .board-wrap{width:min(100%,calc(100dvh - 330px));min-width:260px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.board-title{display:flex;align-items:center;gap:9px}.board-title img{width:66px;height:60px;object-fit:cover;border-radius:12px;mix-blend-mode:multiply}@media(max-width:400px){.board-title img{width:43px;height:48px}.board-heading h2{font-size:22px}.board-heading h2 span{font-size:7px}.scores>div{min-width:49px;padding:7px}.board-title{gap:5px}}.blocks-shell button,dialog button{touch-action:manipulation}.blocks-shell .piece{touch-action:none}.block-drag-layer{position:fixed;inset:0;margin:0;padding:0;border:0;background:transparent;width:100vw;height:100dvh;overflow:visible;pointer-events:none!important;z-index:2147483647}.block-drag-layer::backdrop{background:transparent;pointer-events:none}.block-drag-layer.drag-fallback{display:block}.block-drag-piece{position:absolute;display:grid;pointer-events:none;transform-origin:top left;filter:drop-shadow(0 10px 9px #3b342640);will-change:transform}.block-drag-piece i{display:block;border:1px solid #00000018;border-radius:5px;background:var(--block);box-shadow:inset 0 2px #ffffff80,inset 0 -3px #00000020}.block-drag-piece[data-valid=false] i{outline:1px solid #b67d6a;outline-offset:-1px}.piece-lifted .mini-shape{opacity:.18}