/* Chapter I — a roped excavation patch and a canvas tool roll on the shore. */
.shore-scene-props,.shore-site-name{display:none}
/* Keep the settlement above the grid (1) and shore props (2). */
.grid-wrap>.result-banner{z-index:3}
.quiet-ui[data-stage="0"] .table-rail{position:relative;border:0;padding:10px 8px;background:repeating-linear-gradient(4deg,#c7a579 0 3px,#d6b98a 3px 16px,#c1a078 17px 18px,#d2b184 20px 39px);border-radius:45px 33px 40px 28px;box-shadow:0 7px 0 #a98a63,0 14px 22px #71573825}
.quiet-ui[data-stage="0"] .felt{position:relative;border:1px solid #ebdab4;background:radial-gradient(ellipse at 50% 20%,#fff3d4df,#eddbb1f5 80%),repeating-linear-gradient(30deg,#c8b38311 0 1px,transparent 1px 3px);border-radius:33px 25px 32px 21px;padding:18px 22px 24px}
.quiet-ui[data-stage="0"] .score-strip{padding:12px 13px;margin:20px 3px 23px;background:linear-gradient(95deg,#ead1a0,#f8e7bc 48%,#e4c391);border:1px solid #c4a06a;border-radius:5px 9px 4px 7px;box-shadow:0 4px 0 #bb9867,1px 6px 7px #88724d25;transform:rotate(-1deg);position:relative;gap:10px}
.quiet-ui[data-stage="0"] .score-strip:before,.quiet-ui[data-stage="0"] .score-strip:after{content:'';position:absolute;top:6px;width:4px;height:4px;border-radius:50%;background:#aa8959;box-shadow:0 1px #fff0c9}.quiet-ui[data-stage="0"] .score-strip:before{left:5px}.quiet-ui[data-stage="0"] .score-strip:after{right:5px}.quiet-ui[data-stage="0"] .score-strip strong{font-size:29px;color:#7b643e}.quiet-ui[data-stage="0"] .score-strip .next-score strong{font-size:21px}.quiet-ui[data-stage="0"] .score-strip>div>span{color:#8c7954;font-size:12px}
.quiet-ui[data-stage="0"] .felt>.item-pouch{position:relative;padding:12px 9px 14px;background:repeating-linear-gradient(0deg,#fff2 0 1px,transparent 1px 4px),#cdd6b489;border:1px dashed #a8b18a;border-radius:4px 9px 6px 4px;box-shadow:0 3px 5px #7d79561a;margin:0 0 20px}
.quiet-ui[data-stage="0"] .item-pouch-heading{margin-bottom:7px}.quiet-ui[data-stage="0"] .item-pouch-heading h2{font-size:13px;color:#71805c}.quiet-ui[data-stage="0"] .item-grid{gap:7px}
.quiet-ui[data-stage="0"] .item-card{position:relative;align-items:center;justify-content:flex-end;border:0;border-radius:0;background:none;box-shadow:none;padding:6px 2px 9px;min-height:94px;color:#596b50}
.quiet-ui[data-stage="0"] .item-card:before{content:'';position:absolute;bottom:0;left:7%;right:7%;height:41%;border:1px solid #adba9177;border-top:2px solid #91a37b99;border-radius:0 0 10px 10px;background:linear-gradient(#c0cba34d,#a5b58b55);z-index:0;pointer-events:none}
.quiet-ui[data-stage="0"] .item-card>*{position:relative;z-index:1}.quiet-ui[data-stage="0"] .item-card .item-icon{height:52px;width:52px;filter:drop-shadow(1px 3px 2px #666b422c);transform:rotate(-7deg)}.quiet-ui[data-stage="0"] .item-card:nth-child(even) .item-icon{transform:rotate(7deg)}.quiet-ui[data-stage="0"] .item-card>strong{font-size:12px;letter-spacing:0}.quiet-ui[data-stage="0"] .item-card .item-stock{position:absolute;top:0;right:-1px;font-size:12px;background:#fff4d8;border-color:#b9b58d}.quiet-ui[data-stage="0"] .item-tag{font-size:12px}.quiet-ui[data-stage="0"] .item-card:not(:disabled):hover{outline:0;background:#fff8d136}.quiet-ui[data-stage="0"] .item-card:not(:disabled):hover .item-icon{transform:translateY(-4px) rotate(0)}
.quiet-ui[data-stage="0"] .shore-site-name{display:block;text-align:center;font-size:13px;letter-spacing:4px;color:#97805a;margin:0 0 21px}
.quiet-ui[data-stage="0"] .grid-wrap{position:relative;padding:19px 17px 20px;max-width:460px;margin-inline:auto;border:3px solid #b3976c;border-radius:30px 24px 33px 27px;background:radial-gradient(ellipse at 40% 30%,#f7dc9c,#e8c88d 80%);box-shadow:inset 0 0 0 2px #fff0c2,inset 0 0 20px #bb995b50,0 4px 0 #c9ab78;isolation:isolate}
.quiet-ui[data-stage="0"] .grid-wrap:before{content:'';position:absolute;inset:5px;border:2px dashed #f8e5b8;border-radius:22px 19px 25px 21px;pointer-events:none}.quiet-ui[data-stage="0"] .board-grid{gap:6px;position:relative;z-index:1}
.quiet-ui[data-stage="0"] .tile{border:0;background:radial-gradient(ellipse at 50% 70%,#b8945b14,transparent 65%);box-shadow:none;border-radius:45% 40% 42% 36%;overflow:visible;isolation:isolate;transition:transform .18s,background .18s}
.quiet-ui[data-stage="0"] .tile:after{inset:7%;border:0;border-radius:50%;background:none;box-shadow:none}.quiet-ui[data-stage="0"] .tile:before{display:none}.quiet-ui[data-stage="0"] .tile .unknown svg{width:110%;height:110%;filter:drop-shadow(0 2px 1px #a7834625)}
.quiet-ui[data-stage="0"] .tile:nth-child(3n+1) .unknown{transform:rotate(-8deg)}.quiet-ui[data-stage="0"] .tile:nth-child(3n+2) .unknown{transform:rotate(6deg)}
.quiet-ui[data-stage="0"] .tile:not(:disabled):hover{transform:translateY(-3px);background:#fff5cb55;box-shadow:inset 0 0 0 1px #fdf4d0}.quiet-ui[data-stage="0"] .tile.safe,.quiet-ui[data-stage="0"] .tile.peek-safe{background:radial-gradient(ellipse,#d7c18c 0 45%,#e9cf99 48% 55%,transparent 60%);box-shadow:none}.quiet-ui[data-stage="0"] .tile.safe>svg{width:77%;height:77%;filter:drop-shadow(0 3px 2px #9e854f44)}
.quiet-ui[data-stage="0"] .tile.mine,.quiet-ui[data-stage="0"] .tile.peek-mine{background:radial-gradient(ellipse,#e0b29d77 0 45%,transparent 65%);box-shadow:none}.quiet-ui[data-stage="0"] .tile.mine.hit{background:radial-gradient(ellipse,#f5c778 0 45%,transparent 65%)}.quiet-ui[data-stage="0"] .tile.unpicked{background:none;box-shadow:none}.quiet-ui[data-stage="0"] .tile.peek-selectable{outline:2px dashed #9c8552;outline-offset:0}.quiet-ui[data-stage="0"] .tile.tutorial-target{outline:3px solid #bb863c;outline-offset:2px}
.quiet-ui[data-stage="0"] .shore-scene-props{display:block;position:absolute;inset:0;pointer-events:none;z-index:2}.shore-scene-props span{position:absolute;display:block}.shore-scene-props svg{width:100%;height:100%;filter:drop-shadow(0 3px 2px #886f4230)}.shore-shell{width:47px;height:43px;left:-18px;top:-21px;transform:rotate(-23deg)}.shore-star{width:38px;height:36px;right:-16px;bottom:-12px;transform:rotate(13deg)}.shore-shovel{width:44px;height:81px;right:-31px;top:26%;transform:rotate(20deg)}.shore-stake{position:absolute;width:12px;height:18px;background:linear-gradient(90deg,#a88858,#e6c28a 45%,#ad8a57);border:1px solid #a18359;border-radius:50% 50% 4px 4px;box-shadow:1px 3px 2px #7f683b30}.shore-stake:after{content:'';position:absolute;inset:5px -2px 7px;border-block:2px solid #f6e7bd}.stake-a{left:6px;top:5px;transform:rotate(-15deg)}.stake-b{right:6px;top:5px;transform:rotate(10deg)}.stake-c{left:6px;bottom:5px;transform:rotate(10deg)}.stake-d{right:6px;bottom:5px;transform:rotate(-15deg)}
.quiet-ui[data-stage="0"] .board-bottom{padding:11px 2px 0;color:#8c7851;font-size:12px;gap:8px}.quiet-ui[data-stage="0"] .table-top{color:#8c7851}
/* Chapter II — the old mint tree's stump, broad leaf mats and a hanging herb rack. */
.forest-scene-prop{display:none;pointer-events:none}.quiet-ui.forest-mode .table-rail{position:relative;padding:13px 11px 16px;border:2px solid #8c7954;border-radius:90px 65px 74px 58px / 45px 48px 50px 43px;background:repeating-radial-gradient(ellipse at 48% 48%,#c1a575 0 5px,#b99b68 6px 8px,#d1b988 9px 17px,#c0a371 18px 20px);box-shadow:0 9px 0 #8b7953,0 12px 0 #756644,0 21px 27px #27432f2b;isolation:isolate}
.quiet-ui.forest-mode .felt{position:relative;isolation:isolate;border:1px solid #d9cca0;border-radius:72px 52px 62px 48px / 34px 34px 40px 32px;padding:18px 23px;background:radial-gradient(ellipse at 40% 25%,#f4ecd3de,#dedab4e8 75%),repeating-radial-gradient(ellipse at 50% 50%,transparent 0 20px,#8d754228 21px 23px,transparent 24px 40px)}
.quiet-ui.forest-mode .forest-heading{position:relative;margin:10px 0 25px}.quiet-ui.forest-mode .forest-heading h2{font-size:24px;color:#476950;letter-spacing:5px;text-shadow:0 2px #fff9e2}.quiet-ui.forest-mode .forest-heading h2 i{border:3px double #9a8b53;background:#efe1a9;color:#7b6b3f;box-shadow:1px 3px 3px #766e4333;transform:rotate(7deg)}
.quiet-ui.forest-mode .forest-scene-prop{display:block;position:absolute;z-index:1}.forest-scene-prop svg{width:100%;height:100%;filter:drop-shadow(1px 4px 2px #3f634531)}.forest-bough-left{width:87px;height:80px;left:-35px;top:-34px;transform:rotate(23deg)}.forest-bough-right{width:87px;height:80px;right:-35px;top:-31px;transform:scaleX(-1) rotate(18deg)}
#forest-game{position:relative}.quiet-ui.forest-mode .forest-skill-pouch{position:relative;margin:0 0 25px;padding:12px 7px 10px;border:0;border-top:7px solid #8b9b6d;border-bottom:6px solid #9aa97a;border-radius:9px;background:repeating-linear-gradient(90deg,transparent 0 19px,#7a96651c 20px 21px),linear-gradient(#d5ddad42,#b8c99c4a);box-shadow:0 4px 3px #63704c20,inset 2px 0 0 #e2e6bd,inset -2px 0 0 #8c9d70}
.quiet-ui.forest-mode .forest-skill-pouch:before,.quiet-ui.forest-mode .forest-skill-pouch:after{content:'';position:absolute;top:-12px;width:15px;height:17px;border:3px solid #b6a376;border-radius:50%;box-shadow:inset 0 0 0 1px #f9e8c0}.quiet-ui.forest-mode .forest-skill-pouch:before{left:12px}.quiet-ui.forest-mode .forest-skill-pouch:after{right:12px}.quiet-ui.forest-mode .skill-pouch-heading{padding:0 5px;margin-bottom:10px}.quiet-ui.forest-mode .skill-pouch-heading h3{font-size:13px;color:#627854;letter-spacing:3px}.quiet-ui.forest-mode #guardian-skills{font-size:12px}
.quiet-ui.forest-mode .forest-skill-grid{gap:10px;padding:6px 2px 8px}.quiet-ui.forest-mode .forest-skill{flex-basis:100px;min-height:111px;padding:6px 3px 8px;border:0;border-radius:0;background:none;box-shadow:none;gap:4px;isolation:isolate}
.quiet-ui.forest-mode .forest-skill:before{content:'';position:absolute;left:4px;right:4px;bottom:2px;height:29px;border:1px solid #a9ad7f;background:linear-gradient(#e5dfb6,#cfc79d);box-shadow:0 3px 0 #a7a27c40;transform:rotate(-2deg);z-index:-1;border-radius:2px 3px 2px 5px}.quiet-ui.forest-mode .forest-skill:nth-child(even):before{transform:rotate(2deg)}.quiet-ui.forest-mode .forest-skill strong{font-size:12px;color:#53654a}.quiet-ui.forest-mode .forest-skill small{font-size:12px;color:#637451}.quiet-ui.forest-mode .forest-skill>b{right:0;top:0;background:#f8f1d4;border:1px solid #baaf7e;border-radius:50%;font-size:12px;padding:2px 4px}.quiet-ui.forest-mode .forest-skill .skill-art{width:56px;height:56px;filter:drop-shadow(1px 5px 2px #4e633534);transform:rotate(-5deg)}.quiet-ui.forest-mode .forest-skill:nth-child(even) .skill-art{transform:rotate(6deg)}.quiet-ui.forest-mode .forest-skill .skill-emblem{width:44px;height:49px;border-radius:40% 12% 40% 12%;background:linear-gradient(135deg,#f3edb6,#dbce8b);border:2px solid #aa9d62;color:#79693e;box-shadow:2px 3px 0 #a29e6b45;transform:rotate(-6deg)}
.quiet-ui.forest-mode .forest-skill:not(:disabled):hover{background:#fff5c335;outline:0}.quiet-ui.forest-mode .forest-skill:not(:disabled):hover .skill-art{transform:translateY(-4px) rotate(0)}.quiet-ui.forest-mode .forest-skill:focus-visible{outline:2px dashed #8e793f;outline-offset:-2px}.quiet-ui.forest-mode .skill-empty{padding:13px 5px;font-size:12px;letter-spacing:2px}.quiet-ui.forest-mode #forest-skill-note{font-size:12px;color:#758165;margin:5px 3px 0}
.quiet-ui.forest-mode .forest-hand{position:relative;isolation:isolate;border:1px solid #9cb28a;border-radius:55% 10% 50% 12% / 19% 24% 20% 28%;padding:16px 20px 20px;background:linear-gradient(163deg,transparent 49.4%,#74996e33 49.7% 50.3%,transparent 50.6%),repeating-linear-gradient(32deg,transparent 0 23px,#688e5c12 24px 25px,transparent 26px 48px),radial-gradient(ellipse at 30% 20%,#d3e2b0eb,#b2c698ed);box-shadow:inset 0 2px 1px #edf4cc,0 5px 0 #819a6c33,1px 9px 11px #5b6f4520;min-height:177px}
.quiet-ui.forest-mode .guardian-hand{border-radius:12% 52% 14% 50% / 23% 20% 28% 22%;background:linear-gradient(17deg,transparent 49.4%,#74996e33 49.7% 50.3%,transparent 50.6%),repeating-linear-gradient(-32deg,transparent 0 23px,#688e5c12 24px 25px,transparent 26px 48px),radial-gradient(ellipse at 70% 20%,#cad8a6eb,#a4ba8bed)}
.quiet-ui.forest-mode .hand-heading{font-size:13px;padding:0 2px;color:#4c6548;position:relative;z-index:2}.quiet-ui.forest-mode .hand-heading>strong{background:#f4edd0;border:1px solid #b8b488;border-radius:3px 5px 2px 4px;padding:5px 10px;box-shadow:1px 2px 2px #62704920;transform:rotate(-3deg);font-weight:500}.quiet-ui.forest-mode .hand-heading>span{border:3px double #b2a773;background:#f6edc9;border-radius:50%;padding:7px 9px;min-width:39px;min-height:37px;display:grid;place-items:center;box-shadow:1px 3px 2px #69704525;font-size:16px;color:#6d7048}
.quiet-ui.forest-mode .forest-moss-guide{width:66px;height:59px;left:36%;top:-22px;transform:rotate(-6deg);z-index:1}.quiet-ui.forest-mode .forest-divider{padding:16px 0 12px;color:#95865c;font-size:14px;letter-spacing:13px;opacity:.65}
.quiet-ui.forest-mode .leaf-hand{position:relative;z-index:2;gap:8px;padding-top:13px;min-height:118px}.quiet-ui.forest-mode .leaf-card{border-radius:13px 5px 14px 5px;border-width:1px;box-shadow:1px 4px 0 #667e4e40,2px 6px 9px #5b724926;background-image:linear-gradient(125deg,#fffdf0,#edf0d5);position:relative}.quiet-ui.forest-mode .leaf-card:nth-child(3n+1){transform:rotate(-3deg)}.quiet-ui.forest-mode .leaf-card:nth-child(3n+2){transform:rotate(3deg)}.quiet-ui.forest-mode .leaf-card.card-back{background:repeating-linear-gradient(35deg,#658d6b 0 5px,#749a73 6px 8px);border:3px double #d9cb91}.quiet-ui.forest-mode .leaf-card.card-back>span{color:#f4e4a9}.quiet-ui.forest-mode .forest-empty{padding:9px;font-size:12px;color:#6c805d}.quiet-ui.forest-mode .forest-empty:before{font-size:32px;color:#718f5b;opacity:.45}
.quiet-ui.forest-mode .forest-controls{gap:13px;margin:22px 5px 0}.quiet-ui.forest-mode .forest-controls button{position:relative;padding:13px 3px;border:1px solid #a69665;border-radius:5px 9px 4px 7px;background:repeating-linear-gradient(3deg,#e8d6a728 0 3px,transparent 4px 9px),linear-gradient(110deg,#f0e5bf,#dccb9d);box-shadow:0 4px 0 #a49870,1px 6px 5px #61734c22;color:#626f4d;font-size:14px;transform:rotate(-2deg)}.quiet-ui.forest-mode .forest-controls button:nth-child(2){transform:rotate(2deg);background:linear-gradient(110deg,#dbe3b3,#c0cc94);border-color:#8e9b6c;box-shadow:0 4px 0 #89976a}.quiet-ui.forest-mode .forest-controls button:nth-child(3){transform:rotate(-1deg);background:linear-gradient(110deg,#f3e0a7,#e0c482);color:#8c753f}.quiet-ui.forest-mode .forest-controls button:before{content:'';position:absolute;left:5px;top:5px;width:3px;height:3px;border-radius:50%;background:#a69b70;box-shadow:0 1px #fff4d3}.quiet-ui.forest-mode .forest-controls button:not(:disabled):hover{transform:translateY(-3px) rotate(0)}.quiet-ui.forest-mode .forest-result{border-radius:3px 8px 4px 7px;background:#fff4d4;box-shadow:1px 3px 5px #73683f20;margin-top:20px;transform:rotate(-1deg)}
@media(max-width:1150px) and (min-width:701px){.quiet-ui[data-stage="0"] .felt,.quiet-ui.forest-mode .felt{padding-inline:15px}.quiet-ui[data-stage="0"] .score-strip{padding:11px 7px;gap:6px}.quiet-ui[data-stage="0"] .score-strip strong{font-size:25px}.quiet-ui[data-stage="0"] .score-strip .next-score strong{font-size:18px}.quiet-ui[data-stage="0"] .grid-wrap{padding:15px 12px}.quiet-ui[data-stage="0"] .board-grid{gap:4px}.quiet-ui[data-stage="0"] .item-card .item-icon{width:44px;height:44px}.quiet-ui.forest-mode .forest-hand{padding-inline:13px}.quiet-ui.forest-mode .forest-controls{gap:8px;margin-inline:0}}
@media(max-width:700px){.quiet-ui[data-stage="0"] .table-rail{padding:7px 6px}.quiet-ui[data-stage="0"] .felt{padding:14px 14px 20px;border-radius:27px 20px 25px 19px}.quiet-ui[data-stage="0"] .score-strip{padding:11px 9px;gap:6px;margin:15px 0 20px}.quiet-ui[data-stage="0"] .score-strip strong{font-size:26px}.quiet-ui[data-stage="0"] .score-strip .next-score strong{font-size:18px}.quiet-ui[data-stage="0"] .score-strip>div>span{font-size:12px}.quiet-ui[data-stage="0"] .item-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.quiet-ui[data-stage="0"] .item-card{min-height:91px;gap:4px}.quiet-ui[data-stage="0"] .item-card .item-icon{width:43px;height:43px}.quiet-ui[data-stage="0"] .item-card>strong{font-size:12px}.quiet-ui[data-stage="0"] .item-tag{font-size:11px}.quiet-ui[data-stage="0"] .grid-wrap{padding:15px 10px 16px;border-radius:25px 22px 27px 23px}.quiet-ui[data-stage="0"] .board-grid{gap:3px}.quiet-ui[data-stage="0"] .shore-site-name{font-size:12px;letter-spacing:2px;margin-bottom:17px}.shore-shell{width:34px;height:32px;left:-10px;top:-18px}.shore-star{width:29px;height:28px;right:-8px;bottom:-9px}.shore-shovel{width:29px;height:58px;right:-20px}.quiet-ui[data-stage="0"] .board-bottom{font-size:12px;padding-top:9px;flex-wrap:wrap;justify-content:center;gap:5px}.quiet-ui[data-stage="0"] .board-bottom b{font-size:12px}.quiet-ui.forest-mode .table-rail{padding:9px 7px 12px;border-radius:55px 44px 50px 38px / 36px 32px 34px 30px}.quiet-ui.forest-mode .felt{padding:15px 13px 18px;border-radius:45px 35px 42px 30px / 27px 25px 27px 22px}.quiet-ui.forest-mode .forest-heading h2{font-size:21px;letter-spacing:3px}.quiet-ui.forest-mode .forest-heading{margin-bottom:21px}.quiet-ui.forest-mode .forest-skill-pouch{padding:10px 5px 8px;margin-bottom:24px}.quiet-ui.forest-mode .forest-skill{flex-basis:89px;min-height:108px}.quiet-ui.forest-mode .forest-skill-grid{gap:7px}.quiet-ui.forest-mode .forest-skill .skill-art{width:50px;height:50px}.quiet-ui.forest-mode .forest-skill .skill-emblem{width:39px;height:46px}.quiet-ui.forest-mode .forest-hand{padding:14px 11px 17px;min-height:158px}.quiet-ui.forest-mode .hand-heading{font-size:12px}.quiet-ui.forest-mode .hand-heading>strong{padding:5px 7px}.quiet-ui.forest-mode .hand-heading>span{font-size:14px;min-width:33px;min-height:33px;padding:5px 7px}.quiet-ui.forest-mode .leaf-hand{min-height:105px;gap:7px;padding-top:11px}.quiet-ui.forest-mode .forest-moss-guide{width:54px;height:48px;left:35%;top:-21px}.forest-bough-left{width:62px;height:58px;left:-23px;top:-27px}.forest-bough-right{width:62px;height:58px;right:-23px;top:-27px}.quiet-ui.forest-mode .forest-controls{margin:20px 0 0;gap:8px}.quiet-ui.forest-mode .forest-controls button{font-size:13px;padding:13px 2px}.quiet-ui.forest-mode .skill-pouch-heading h3{font-size:12px;letter-spacing:2px}}
@media(max-width:350px){.quiet-ui[data-stage="0"] .score-strip strong{font-size:22px}.quiet-ui[data-stage="0"] .score-strip .next-score strong{font-size:17px}.quiet-ui[data-stage="0"] .felt{padding-inline:11px}.quiet-ui[data-stage="0"] .item-card .item-icon{width:36px;height:39px}.quiet-ui[data-stage="0"] .score-strip>div+div{padding-left:6px}.quiet-ui[data-stage="0"] .grid-wrap{padding-inline:9px}.quiet-ui.forest-mode .felt{padding-inline:10px}.quiet-ui.forest-mode .forest-hand{padding-inline:9px}}
@media(prefers-reduced-motion:reduce){.quiet-ui[data-stage="0"] .tile,.quiet-ui.forest-mode .forest-skill .skill-art{transition:none}}