*{box-sizing:border-box}.learn-page{max-width:1240px;margin:24px auto;padding:0 16px}.learn-page>h1,.learn-page>p{text-align:center}.origami{position:relative;container-type:inline-size;aspect-ratio:16/9;width:100%;overflow:hidden;background:#d5f3df url('./assets/mat.webp') center/cover;color:#493a29;border:3px solid #689888;border-radius:18px;font-family:'Zen Maru Gothic',sans-serif;font-weight:900}.origami button{font:inherit;cursor:pointer;color:#493a29;background:#fff8e5;border:2px solid #e2d7b8;border-radius:8px;box-shadow:3px 4px 0 #35715c33;padding:.45em .75em;touch-action:manipulation}.origami button:hover{background-color:#fff0c1}.origami button:focus-visible{outline:4px solid #dc674f;outline-offset:3px}.origami button:disabled{cursor:default}.origami .primary{background:#dc654e;color:white;border-color:#ee9279}.origami .primary:hover{background:#ca5943}.game-tools{position:absolute;right:2%;top:2%;display:flex;gap:.5cqw;z-index:5;font-size:1.15cqw}.game-tools button{padding:.45em .6em}.game-tools [aria-pressed=false]{background:#dfdfd0;color:#5a635a}#scene,.menu,.game{height:100%;position:relative}.origami h2{font-size:3.5cqw;line-height:1.3;margin:0}.menu-picture{position:absolute;left:6%;top:9%;width:47%;aspect-ratio:4/3;object-fit:contain;border:7px solid #fff8dd;box-shadow:5px 7px 0 #32604b33;transform:rotate(-1deg)}.welcome{position:absolute;left:59%;top:22%;width:35%;text-align:center}.welcome h2{background:#fff3d2;padding:1.2cqw;transform:rotate(1deg);color:#965330}.welcome p{font-size:2cqw;line-height:1.5;margin:1.2cqw 0;background:#2d9491;color:#fff8e1;padding:.6cqw}.modes{position:absolute;left:10%;bottom:6%;width:53%;height:23%;display:flex;gap:2cqw}.modes button{flex:1;padding:.6cqw;min-width:0;font-size:1.85cqw}.modes [aria-pressed=true]{background:#ffb08a;outline:4px solid #ffe49b}.mini-grid{display:grid;grid-template-columns:repeat(var(--n),1fr);width:5cqw;aspect-ratio:1;margin:.4cqw auto;gap:2px;background:#69553d;padding:2px}.mini-grid i{background:#fff6dc}#start{position:absolute;left:69%;bottom:9%;width:25%;height:15%;font-size:2.7cqw}.game-title{display:none}.stats{position:absolute;left:3%;top:3%;width:42%;display:flex;justify-content:space-between;gap:1cqw;font-size:1.05cqw}.stats span{background:#fff8e9;padding:.5cqw 1cqw;border-radius:5px}.stats b{font-size:2cqw;color:#247e73}.board-wrap{position:absolute;left:50%;top:14%;height:72%;aspect-ratio:4/3;max-width:76%;transform:translateX(-50%);border:6px solid #fff8e4;box-shadow:3px 5px 0 #32736433;background:#fff8e4}.board{position:relative;width:100%;height:100%;overflow:hidden}.origami .tile{position:absolute;width:calc(100% / var(--n));height:calc(100% / var(--n));padding:0;border:0;border-radius:0;background-image:url('./assets/picnic.webp');background-repeat:no-repeat;background-size:calc(var(--n)*100%) calc(var(--n)*100%);background-position:var(--x) var(--y);box-shadow:inset 0 0 0 1px #fff8;transform-origin:center;transition:none}.origami .tile:hover{background-color:transparent;filter:brightness(1.03)}.tile.selected{box-shadow:inset 0 0 0 5px #f46e51!important;z-index:3}.tile.moving{z-index:4;filter:none!important}.origami .tile:focus-visible{outline:none;box-shadow:inset 0 0 0 4px #e36344}.preview{position:absolute;inset:0;background:url('./assets/picnic.webp') center/100% 100% no-repeat;z-index:6;pointer-events:auto}.feedback{position:absolute;left:2%;top:31%;width:18%;padding:1cqw;background:#fff9e5;font-size:1.6cqw;line-height:1.6;transform:rotate(-2deg);margin:0}.toolbar{position:absolute;left:9%;right:9%;bottom:2%;height:8%;display:flex;gap:1.5cqw}.toolbar button{flex:1;font-size:1.55cqw;padding:.4em}.celebrate{position:absolute;left:2%;top:21%;width:18%;aspect-ratio:1;background:#ffdc62;display:grid;place-items:center;clip-path:polygon(50% 0,61% 12%,78% 5%,81% 23%,98% 25%,91% 42%,100% 55%,84% 63%,88% 82%,69% 82%,61% 100%,48% 89%,31% 99%,26% 81%,7% 81%,13% 62%,0 52%,13% 39%,6% 21%,25% 21%,29% 4%,43% 13%);font-size:2.5cqw;color:#765321}.resultbar{position:absolute;left:43%;right:6%;bottom:2%;height:9%;display:flex;gap:2cqw}.resultbar button{flex:1;font-size:1.8cqw}.origami[data-scene=result] .stats{top:auto;bottom:2%;left:6%;width:33%;height:9%;align-items:center}.origami[data-scene=result] .stats span:nth-child(2){display:none}.origami[data-scene=result] .stats span{font-size:1.2cqw;flex:1}.origami[data-scene=result] .game-title{display:block;position:absolute;left:6%;top:3%;font-size:2.1cqw}.sheet{position:absolute;inset:0;z-index:10;background:#285e55dd;display:flex;justify-content:center;align-items:center;padding:4%}.sheet>div{width:70%;max-height:100%;overflow:auto;background:#fff5d9;border:5px solid #e2c591;border-radius:12px;padding:3%;text-align:center;font-size:1.5cqw}.sheet h2{font-size:2.5cqw}.sheet p{margin:.7em 0}.sheet button{font-size:1.5cqw;margin:.5cqw}.origami [hidden]{display:none!important}.parent-note{font-size:14px}.origami:fullscreen{width:100vw;height:100dvh;border:0;border-radius:0;aspect-ratio:auto}@media(max-width:600px) and (orientation:portrait){.learn-page{padding:0 6px}.origami{aspect-ratio:9/14;border-radius:14px}.game-tools{left:3%;right:3%;top:2%;justify-content:space-between;font-size:2.8cqw;gap:.8cqw}.game-tools button{padding:.45em}.menu-picture{left:9%;top:11%;width:82%;border-width:4px}.welcome{left:8%;top:53%;width:84%}.welcome h2{font-size:5.5cqw;padding:1cqw}.welcome h2 br{display:none}.welcome p{font-size:3.6cqw;margin:2cqw 0;padding:.5cqw}.welcome p br{display:none}.modes{left:8%;bottom:13%;width:84%;height:14%;gap:2cqw}.modes button{font-size:3.5cqw;padding:.7cqw}.mini-grid{width:9cqw;gap:1px}.modes [aria-pressed=true]{outline-width:3px}#start{left:22%;bottom:3%;width:56%;height:8%;font-size:4.5cqw}.stats{left:6%;top:11%;width:88%;font-size:2.4cqw;gap:1cqw}.stats span{padding:1cqw}.stats b{font-size:4cqw}.board-wrap{top:27%;height:auto;width:91%;max-width:none;aspect-ratio:4/3;border-width:4px}.feedback{left:8%;top:19%;width:84%;font-size:3.7cqw;padding:1cqw;line-height:1.3;text-align:center;transform:none}.feedback br{display:none}.toolbar{left:7%;right:7%;bottom:5%;height:20%;display:grid;grid-template-columns:1fr 1fr;gap:2cqw}.toolbar button{font-size:3.6cqw}.celebrate{left:28%;top:11%;width:44%;height:12%;aspect-ratio:auto;font-size:5.5cqw;clip-path:polygon(0 15%,8% 15%,8% 0,92% 0,92% 15%,100% 15%,96% 50%,100% 85%,92% 85%,92% 100%,8% 100%,8% 85%,0 85%,4% 50%)}.origami[data-scene=result] .game-title{display:none}.origami[data-scene=result] .stats{left:12%;bottom:17%;width:76%;height:8%;font-size:3cqw}.origami[data-scene=result] .stats span{font-size:3cqw;padding:1.5cqw}.resultbar{left:7%;right:7%;bottom:5%;height:10%;gap:2cqw}.resultbar button{font-size:3.5cqw}.sheet>div{width:94%;font-size:3.6cqw}.sheet h2{font-size:5cqw}.sheet button{font-size:3.6cqw}}

@media(min-width:601px),(orientation:landscape){.menu-picture{top:8%;width:45%}}

.game-tools{font-size:max(11px,1.15cqw)}.game-tools button{min-height:30px}.stats{font-size:max(10px,1.05cqw)}@media(max-width:600px) and (orientation:portrait){.game-tools{font-size:11px}.game-tools button{padding:.35em;min-height:32px}}