:root{--wood:#b7773f;--wood-dark:#7a4a22;--wood-light:#d9a068;--cream:#fff4dc;--ink:#3a2a1a;--leaf:#4c9a3c;--leaf-dark:#2f6b2f;--coin:#f2b33d;--danger:#c9483a;--sky:#a9dcf2;--font:"Noto Sans TC", "PingFang TC", "Microsoft JhengHei", system-ui, sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html,body{background:var(--sky);height:100%;font-family:var(--font);color:var(--ink);margin:0;overflow:hidden}button{cursor:pointer;color:inherit;touch-action:manipulation;background:0 0;border:0;font-family:inherit;font-size:1rem}button:focus-visible,input:focus-visible{outline:3px solid var(--coin);outline-offset:2px}[hidden]{display:none!important}#farm-canvas{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#lang-toggle{top:calc(10px + var(--safe-top));z-index:15;background:var(--cream);border:2px solid var(--wood-dark);box-shadow:0 3px 0 var(--wood-dark);border-radius:999px;padding:6px 14px;font-size:.85rem;font-weight:700;position:fixed;left:12px}#lang-toggle:active{box-shadow:0 1px 0 var(--wood-dark);transform:translateY(2px)}body.in-game #lang-toggle{display:none}#hud{pointer-events:none;flex-direction:column;justify-content:space-between;display:flex;position:fixed;inset:0}#hud>*{pointer-events:auto}.hud-top{padding:calc(10px + var(--safe-top)) 12px 0;justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.sign{background:linear-gradient(180deg, var(--wood-light), var(--wood));border:3px solid var(--wood-dark);color:var(--cream);text-shadow:0 1px 0 var(--wood-dark);box-shadow:0 3px 0 var(--wood-dark);white-space:nowrap;text-overflow:ellipsis;border-radius:10px;max-width:55vw;padding:6px 14px;font-weight:700;overflow:hidden}.sign-col{flex-direction:column;align-items:flex-start;gap:6px;max-width:58vw;display:flex}.visitors{border:2px solid var(--wood-dark);white-space:normal;word-break:break-word;background:#fff4dcf0;border-radius:14px;max-width:100%;padding:6px 12px;font-size:.85rem;font-weight:700;line-height:1.35;animation:.4s ease-out pop}.visitors div+div{margin-top:3px}.chip.lv{vertical-align:middle;white-space:nowrap;margin-left:4px;padding:1px 8px;font-size:.72rem;display:inline-block}@keyframes pop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.stats{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.coins,.level{background:var(--cream);border:2px solid var(--wood-dark);border-radius:999px;align-items:center;gap:8px;padding:4px 12px;font-size:.95rem;font-weight:700;display:inline-flex}.expbar{background:#e6d3b3;border-radius:4px;width:64px;height:8px;display:inline-block;overflow:hidden}.expbar i{background:var(--leaf);width:0;height:100%;transition:width .3s;display:block}.hud-bottom{padding:0 12px calc(12px + var(--safe-bottom));flex-direction:column;gap:10px;display:flex}.toolbar{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.tool{background:var(--cream);border:2px solid var(--wood-dark);box-shadow:0 3px 0 var(--wood-dark);border-radius:999px;padding:10px 16px;font-weight:700}.tool:active{box-shadow:0 1px 0 var(--wood-dark);transform:translateY(2px)}.tool-small{padding:10px 12px}.tool{position:relative}.tool.has-new:after{content:"";background:var(--danger);border:2px solid var(--cream);border-radius:50%;width:12px;height:12px;position:absolute;top:-4px;right:-2px}.row.active{background:#fff7e6;border-radius:10px;padding-left:6px;padding-right:6px}.sheet{background:var(--cream);border:3px solid var(--wood-dark);box-shadow:0 4px 0 var(--wood-dark);border-radius:16px;width:100%;max-width:480px;margin:0 auto;padding:14px 16px}.sheet h3{align-items:center;gap:8px;margin:0 0 4px;font-size:1.1rem;display:flex}.sheet p{margin:4px 0;font-size:.92rem}.sheet .muted{color:#7a6a55}.progress{background:#e6d3b3;border-radius:5px;height:10px;margin:8px 0;overflow:hidden}.progress i{background:var(--leaf);height:100%;display:block}.actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.act{background:var(--leaf);color:#fff;box-shadow:0 3px 0 var(--leaf-dark);border-radius:999px;padding:9px 16px;font-weight:700}.act:active{box-shadow:0 1px 0 var(--leaf-dark);transform:translateY(2px)}.act.warn{background:var(--coin);color:var(--ink);box-shadow:0 3px #b8801c}.act.danger{background:var(--danger);box-shadow:0 3px #8f2f25}.act.ghost{color:var(--ink);box-shadow:none;border:2px solid var(--wood-dark);background:0 0}.act:disabled{opacity:.5;cursor:default}.seed-pick{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.seed-pick button{border:2px solid var(--wood);background:#fff;border-radius:12px;padding:8px 12px;font-weight:700}.screen{background:radial-gradient(circle at 50% 30%, #d8f0fb, var(--sky) 60%, #7cc25a 130%);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.login-card{background:var(--cream);border:4px solid var(--wood-dark);text-align:center;width:100%;max-width:360px;box-shadow:0 6px 0 var(--wood-dark);border-radius:20px;padding:32px 28px}.login-art{font-size:3.5rem;line-height:1}.login-card h1{letter-spacing:.08em;margin:10px 0 6px;font-size:2rem}.login-card p{color:#6a5a45;margin:0 0 20px;line-height:1.5}.primary{background:var(--leaf);color:#fff;width:100%;box-shadow:0 4px 0 var(--leaf-dark);border-radius:999px;padding:14px;font-size:1.05rem;font-weight:700}.primary:active{box-shadow:0 2px 0 var(--leaf-dark);transform:translateY(2px)}.hint{font-size:.85rem;margin-top:14px!important}.hint code{background:#f0e2c6;border-radius:4px;padding:1px 6px}.error{color:var(--danger)}.modal{z-index:10;background:#28190a73;place-items:end center;padding:12px;display:grid;position:fixed;inset:0}.modal-box{background:var(--cream);border:3px solid var(--wood-dark);width:100%;max-width:440px;max-height:min(78vh,640px);box-shadow:0 5px 0 var(--wood-dark);border-radius:18px;padding:18px 18px 22px;position:relative;overflow-y:auto}.modal-box h2{margin:0 0 12px;font-size:1.3rem}.modal-box h4{color:#7a6a55;margin:18px 0 8px;font-size:.9rem;font-weight:500}.close{border-radius:999px;padding:6px 10px;font-size:1.1rem;position:absolute;top:10px;right:12px}.close:hover{background:#f0e2c6}.row{border-bottom:1px dashed #d9c39b;align-items:center;gap:10px;padding:8px 0;display:flex}.row:last-child{border-bottom:0}.group-header{background:var(--wood-light);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:10px;align-items:center;gap:8px;margin-top:6px;padding:10px 8px;display:flex}.group-header:first-child{margin-top:0}.group-header b{flex:1}.group-toggle{text-align:center;width:16px;font-size:.9rem}.group-actions{gap:4px;display:flex}.row .icon{text-align:center;width:36px;font-size:1.6rem}.row .info{flex:1;min-width:0}.row .info b{display:block}.row .info small{color:#7a6a55}.row .qty{gap:6px;display:flex}.chip{border:2px solid var(--wood);background:#fff;border-radius:999px;padding:6px 12px;font-size:.9rem;font-weight:700}.chip:disabled{opacity:.45;cursor:default}.chip.go{background:var(--leaf);border-color:var(--leaf-dark);color:#fff}.sheet-title-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.sheet-title-row h3{margin:0}.corner-chip{color:#7a6a55;border-color:#cbb98f;flex-shrink:0;padding:5px 10px;font-size:.78rem}.code-box{border:2px dashed var(--wood);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;padding:10px 14px;display:flex}.code-box b{letter-spacing:.2em;font-family:ui-monospace,Menlo,monospace;font-size:1.4rem}.add-friend{gap:8px;display:flex}.add-friend input{min-width:0;font:inherit;letter-spacing:.15em;text-transform:uppercase;border:2px solid var(--wood);background:#fff;border-radius:12px;flex:1;padding:10px 12px;font-size:1.05rem}.empty{text-align:center;color:#7a6a55;padding:16px 0}.msg-input{width:100%;font:inherit;border:2px solid var(--wood);background:#fff;border-radius:12px;margin-bottom:8px;padding:10px 12px;font-size:.95rem;display:block}.menu-list{flex-direction:column;gap:8px;display:flex}.menu-list button{text-align:left;border:2px solid var(--wood);background:#fff;border-radius:12px;padding:12px 14px;font-weight:500}#toast{background:var(--ink);color:var(--cream);opacity:0;pointer-events:none;z-index:20;text-align:center;border-radius:999px;max-width:90vw;padding:10px 18px;font-weight:500;transition:opacity .25s,transform .25s;position:fixed;left:50%;transform:translate(-50%)translateY(-10px)}#toast.show{opacity:1;transform:translate(-50%)translateY(0)}@media (prefers-reduced-motion:reduce){*{transition:none!important}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px,3px)}40%{transform:translate(6px,-3px)}60%{transform:translate(-4px,2px)}80%{transform:translate(4px,-2px)}}@keyframes shake-strong{0%,to{transform:translate(0)rotate(0)}15%{transform:translate(-14px,8px)rotate(-1.2deg)}30%{transform:translate(14px,-8px)rotate(1.2deg)}45%{transform:translate(-10px,6px)rotate(-.8deg)}60%{transform:translate(10px,-6px)rotate(.8deg)}80%{transform:translate(-4px,2px)}}#farm-canvas.shake{animation:.35s ease-out shake}#farm-canvas.shake-strong{animation:.7s ease-out shake-strong}#flash{opacity:0;pointer-events:none;z-index:9;background:#fff;position:fixed;inset:0}#flash.show{animation:.45s ease-out flash}@keyframes flash{0%{opacity:.55}to{opacity:0}}.qty-input{width:64px;font:inherit;border:2px solid var(--wood);text-align:center;background:#fff;border-radius:10px;padding:5px 8px}.tabs{gap:8px;margin:0 0 12px;display:flex}.tab{border:2px solid var(--wood-dark);background:#fff;border-radius:999px;flex:1;padding:8px 10px;font-weight:700}.tab.on{background:var(--wood);color:var(--cream)}.tab-badge{background:var(--danger);color:#fff;border-radius:9px;min-width:18px;margin-left:4px;padding:0 5px;font-size:.75rem;line-height:18px;display:inline-block}.cards{perspective:600px;justify-content:center;gap:12px;margin:16px 0 8px;display:flex}.card{aspect-ratio:2/3;border:3px solid var(--wood-dark);background:repeating-linear-gradient(45deg, var(--wood) 0 8px, var(--wood-light) 8px 16px);width:28%;max-width:110px;color:var(--ink);box-shadow:0 4px 0 var(--wood-dark);border-radius:14px;place-items:center;font-size:2rem;font-weight:800;display:grid}.card .card-back{filter:drop-shadow(0 1px #fff8);font-size:1.8rem}.card.face{background:var(--cream)}.card.face small{font-size:1.2rem}.card.chosen{outline:4px solid var(--coin);outline-offset:2px}.card.dim{opacity:.55}.card.flipping{animation:.5s ease-in-out card-flip}@keyframes card-flip{0%{transform:rotateY(0)}50%{transform:rotateY(90deg)}to{transform:rotateY(0)}}.overflow-warn{border:2px solid var(--coin);background:#fff3cd;border-radius:10px;padding:8px 10px;font-size:.9rem}.pet-stats{gap:6px;margin:8px 0 12px;display:grid}.collar-pick{border:2px solid var(--wood);background:#fff;border-radius:8px;width:44px;height:36px;padding:0}.row.note .info b{white-space:pre-wrap;word-break:break-word;font-weight:500}#combo{z-index:30;pointer-events:none;clip-path:polygon(50% 0%,61% 18%,82% 8%,78% 30%,100% 38%,82% 52%,96% 74%,72% 70%,68% 96%,50% 78%,32% 96%,28% 70%,4% 74%,18% 52%,0% 38%,22% 30%,18% 8%,39% 18%);color:#6b1d1d;text-shadow:0 2px #fff,0 3px #00000040;background:radial-gradient(circle at 50% 45%,#fff2a8,#ffb02e 55%,#ff6a2a);place-items:center;width:190px;height:150px;font-family:ui-rounded,Noto Sans TC,system-ui,sans-serif;font-size:2.6rem;font-weight:900;display:grid;position:fixed;top:32%;left:50%;transform:translate(-50%,-50%)}#combo.pop{animation:1.6s ease-out forwards combo-pop}@keyframes combo-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)rotate(-12deg)}12%{opacity:1;transform:translate(-50%,-50%)scale(1.25)rotate(4deg)}22%{transform:translate(-50%,-50%)scale(1)rotate(-2deg)}80%{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(0)}to{opacity:0;transform:translate(-50%,-60%)scale(.9)}}.combo-line{color:var(--danger);font-weight:700}.dialog{z-index:30;background:#28190a80;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dialog[hidden]{display:none}.dialog-box{background:var(--cream);border:3px solid var(--wood-dark);width:100%;max-width:360px;box-shadow:0 5px 0 var(--wood-dark);border-radius:18px;padding:18px}.dialog-msg{white-space:pre-wrap;margin:0 0 12px;line-height:1.5}.dialog-input{box-sizing:border-box;width:100%;font:inherit;border:2px solid var(--wood);background:#fff;border-radius:12px;padding:10px 12px;font-size:1rem}.dialog-count{text-align:right;color:#7a6a55;margin-top:4px;font-size:.8rem}.dialog-actions{gap:10px;margin-top:14px;display:flex}.dialog-actions .act{flex:1;margin:0}.modal-box .tabs{z-index:3;background:var(--cream);margin-top:-8px;padding:8px 0;position:sticky;top:-18px}.duel-side{margin:6px 0 2px}.dice-row{color:var(--ink);flex-wrap:wrap;gap:2px;font-size:1.7rem;line-height:1.1;display:flex}.dice-sum{margin:2px 0 6px;font-weight:700}.duel-result{text-align:center;margin:10px 0 4px;font-size:1.1rem;font-weight:800}.duel-result.win{color:var(--leaf-dark)}.duel-result.lose{color:var(--danger)}.switch{border:2px solid var(--wood);cursor:pointer;background:#e6d3b3;border-radius:15px;flex-shrink:0;width:52px;height:30px;padding:0;position:relative}.switch span{background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000040}.switch.on{background:var(--leaf);border-color:var(--leaf-dark)}.switch.on span{transform:translate(22px)}.lfg-head{justify-content:space-between;align-items:center;margin:14px 0 4px;display:flex}.lfg-head h4{margin:0}.icon-btn{width:40px;height:40px;color:var(--wood-dark);place-items:center;padding:0;display:inline-grid}.icon-btn.spinning svg{animation:.8s linear infinite lfg-spin}@keyframes lfg-spin{to{transform:rotate(360deg)}}.dialog.ok-first #dialog-ok{order:-1}.tabs .tab{white-space:nowrap;padding-left:6px;padding-right:6px;font-size:.92rem}#toast{white-space:pre-line}#toast.shame{font-size:1.15rem;font-weight:800}#toast.lucky{color:#5a3a10;background:linear-gradient(#fff6d6,#f7d97c);border:3px solid #c9952a;border-radius:16px;font-weight:800}.weather-pill{color:#7c2d12;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:#fff4e0;border:2px solid #b45309;border-radius:999px;max-width:62vw;margin-top:6px;padding:4px 10px;font-size:.85rem;font-weight:700;display:inline-block;overflow:hidden;box-shadow:0 2px #00000026}.wx-warn{color:#b45309;font-weight:700}.hud-top .stats{flex-shrink:0}.hud-top .sign-col{flex:0 auto;min-width:0}.weather-pill{max-width:100%}.boost-banner{border:2px solid var(--coin);background:#fff3cd;border-radius:10px;margin:4px 0 8px;padding:8px 10px;font-size:.9rem}.ach-summary{border:3px solid var(--wood-dark);background:linear-gradient(#fff7e3,#f5e2b8);border-radius:14px;align-items:center;gap:14px;margin:4px 0 10px;padding:12px;display:flex}.ach-shield{flex:none;width:64px;height:72px}.ach-shield svg,.ach-points svg{width:100%;height:100%;display:block;overflow:visible}.ach-sum-main{flex:1;gap:6px;min-width:0;display:grid}.ach-tabs{z-index:3;background:var(--cream);scrollbar-width:none;gap:6px;margin-bottom:4px;padding:8px 0;display:flex;position:sticky;top:-18px;overflow-x:auto}.ach-tabs::-webkit-scrollbar{display:none}.ach-tabs .chip{white-space:nowrap;flex:none}.ach-bar{background:#e6d6b8;border:1px solid #7a4a2240;border-radius:8px;height:16px;display:block;position:relative;overflow:hidden}.ach-bar>div,.ach-bar>span:first-child{background:linear-gradient(180deg, #7cc85f, var(--leaf));height:100%;display:block}.ach-bar>span:last-child:not(:first-child){color:var(--ink);place-items:center;font-size:.72rem;font-weight:700;display:grid;position:absolute;inset:0}.ach-bar.big{height:12px}.ach-cat{text-align:left;border:2px solid var(--wood);width:100%;font:inherit;color:var(--ink);cursor:pointer;background:#fffaf0;border-radius:12px;align-items:center;gap:10px;margin-bottom:8px;padding:10px 12px;display:flex}.ach-cat-icon{font-size:1.5rem}.ach-cat-main{flex:1;gap:5px;display:grid}.ach-cat-n{color:var(--wood-dark);font-size:.9rem;font-weight:700}.ach-crop-head{margin:14px 0 6px}.ach-card{border:2px solid;border-radius:12px;align-items:center;gap:12px;margin-bottom:8px;padding:10px 12px;display:flex}.ach-card.done{background:linear-gradient(#fff6d6,#fbe6a8);border-color:#c9952a;box-shadow:inset 0 0 0 1px #fff8}.ach-card.locked{color:#6f6352;background:#f1ebe0;border-color:#cdbfa8}.ach-icon{background:#fff;border:3px solid #c9952a;border-radius:10px;flex:none;place-items:center;width:48px;height:48px;font-size:1.6rem;display:grid;box-shadow:0 2px #0000001f}.ach-card.locked .ach-icon{filter:grayscale();opacity:.55;border-color:#b9ad99}.ach-main{flex:1;gap:3px;min-width:0;display:grid}.ach-name{font-size:1rem}.ach-desc,.ach-date{font-size:.82rem}.ach-date{color:#8a6418;font-weight:700}.ach-points{flex:none;width:40px;height:45px}#update-banner{z-index:40;border:3px solid var(--leaf);width:min(380px,92vw);color:var(--ink);opacity:0;background:#f3fbe9;border-radius:14px;align-items:center;gap:10px;padding:10px 12px;font-weight:700;transition:opacity .3s,transform .3s;display:flex;position:fixed;top:12px;left:50%;transform:translate(-50%)translateY(-12px);box-shadow:0 8px 20px #00000047}#update-banner.show{opacity:1;transform:translate(-50%)translateY(0)}#update-banner span{flex:1;min-width:0;font-size:.95rem}#update-banner .act{flex:none;padding:6px 12px;font-size:.9rem}#ach-banner{z-index:25;width:min(360px,92vw);color:var(--ink);opacity:0;pointer-events:none;background:linear-gradient(#fff6d6,#f7d97c);border:3px solid #c9952a;border-radius:14px;align-items:center;gap:10px;padding:8px 12px;transition:opacity .3s,transform .3s;display:flex;position:fixed;left:50%;transform:translate(-50%)translateY(-12px)scale(.96);box-shadow:0 8px 20px #00000047}#ach-banner.show{opacity:1;transform:translate(-50%)translateY(0)scale(1)}#ach-banner .ach-main small{color:#8a6418;letter-spacing:.05em;font-weight:900}#ach-banner .ach-main b{font-size:1.05rem}img.av,span.av{object-fit:cover;background:radial-gradient(circle at 50% 35%,#fffaf0,#f0e2c4);border:2px solid #e2cfa6;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-size:1.3rem;display:inline-grid}img.av-lg,span.av-lg{width:64px;height:64px}.row .icon.rank{flex:none;width:34px}.my-rank .icon.rank{font-size:1rem;font-weight:800}.title-tag{color:#8a6418;margin-left:4px;font-size:.78rem;font-weight:700;display:inline-block}.row .info .title-tag{margin-left:0;display:block}.lb-note{margin:2px 0 6px;font-size:.78rem}.lb-head{text-align:left;width:100%;color:var(--ink);background:#fbf1dc;border:2px solid #e2cfa6;border-radius:12px;align-items:center;gap:8px;margin:14px 0 6px;padding:8px 10px;font-weight:700;display:flex}.lb-head.off{background:#f3e8d2}.lb-head .lb-arrow{color:#7a6a55;width:14px}.lb-head .lb-title{flex:1}.lb-head .lb-lead{color:#7a6a55;text-overflow:ellipsis;white-space:nowrap;max-width:45%;font-size:.78rem;font-weight:500;overflow:hidden}.lb-sec{padding:0 2px}.knock-head{align-items:center;gap:10px;display:flex}.knock-head h2{margin:0}.ach-reward{color:#2f6b2f;font-weight:700}.ach-seed{color:#8a6418;font-weight:700}.ach-sum-main .chip{justify-self:start}.wr-top{align-items:center;gap:12px;margin-bottom:4px;display:flex}img.av-preview,canvas.av-preview{cursor:grab;background:#fff8e8;border-radius:16px;flex:none;width:132px;height:132px}.friend-card{flex-direction:column;align-items:center;padding:4px 0 2px;display:flex}.fc-tag{color:#fff8e8;background:#3a2a1ae6;border-radius:14px;flex-direction:column;align-items:center;max-width:92%;margin-bottom:6px;padding:6px 18px 7px;line-height:1.35;display:inline-flex;position:relative}.fc-tag b{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:1.08rem;overflow:hidden}.fc-title{color:#f2c86a;font-size:.8rem;font-weight:700}.fc-tag:after{content:"";border:7px solid #0000;border-top-color:#3a2a1ae6;border-bottom:0;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)}canvas.fc-preview{cursor:grab;touch-action:none;background:radial-gradient(circle at 50% 38%,#fffbf2,#f2e2c2 78%);border-radius:22px;width:240px;height:240px}canvas.fc-preview:active{cursor:grabbing}.fc-hint{text-align:center;margin-top:8px;font-size:.82rem}.wr-info{flex:1;gap:4px;min-width:0;display:grid}.wr-info .actions{justify-content:flex-start;margin-top:4px}.wr-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.wr-grid.decor{grid-template-columns:1fr}.wr-item{font:inherit;color:var(--ink);cursor:pointer;background:#fffaf0;border:2px solid #e2cfa6;border-radius:12px;align-content:start;justify-items:center;gap:3px;min-width:0;padding:6px 4px;display:grid}.wr-item.on{border-color:var(--leaf);background:#eef8e4;box-shadow:inset 0 0 0 2px #cfeabc}.wr-item.locked{opacity:.55;filter:grayscale(.8)}.wr-item small{text-align:center;color:#7b705f;font-size:.66rem;line-height:1.2}.wr-item.info{text-align:left;cursor:default;grid-template-columns:auto 1fr;place-items:center start}.wr-item.info small{text-align:left;grid-column:2}.wr-name{text-align:center;word-break:break-all;font-size:.78rem;font-weight:700;line-height:1.2}img.av-tile{border-radius:12px;width:64px;height:64px}.wr-none{place-items:center;width:64px;height:64px;font-size:1.8rem;display:grid}.wr-item.info .wr-none{width:28px;height:28px;font-size:1.1rem}.fx-burst{pointer-events:none;z-index:45;position:fixed;inset:0;overflow:hidden}.fx-burst span{opacity:0;animation:1.4s ease-out forwards fx-pop;position:absolute}@keyframes fx-pop{0%{opacity:0;transform:translateY(0)scale(.3)rotate(0)}15%{opacity:1;transform:translateY(-10px)scale(1.15)rotate(-10deg)}to{opacity:0;transform:translateY(-120px)scale(.8)rotate(25deg)}}.bean-status{margin:6px 0;font-weight:700}.bean-bar{background:#e2cfa6;border-radius:999px;height:12px;margin:6px 0 8px;overflow:hidden}.bean-bar i{background:linear-gradient(90deg,#7cc46a,#4c9a3c);border-radius:999px;height:100%;display:block}.bean-badge{margin-left:4px}.setting-row{cursor:pointer}.check-switch{appearance:none;border:2px solid var(--wood);cursor:pointer;background:#e6d3b3;border-radius:15px;flex:none;width:52px;height:30px;margin:0;position:relative}.check-switch:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000040}.check-switch:checked{background:var(--leaf);border-color:var(--leaf-dark)}.check-switch:checked:after{transform:translate(22px)}.check-switch:focus-visible,.switch:focus-visible{outline:3px solid var(--leaf);outline-offset:2px}body.in-cloud #hud,body.in-cloud #lang-toggle{display:none!important}.cloud{z-index:5;pointer-events:none;font-family:var(--font);color:var(--ink);position:fixed;inset:0}.cloud-top{top:calc(10px + var(--safe-top));justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute;left:12px;right:12px}.cloud-levels{gap:6px;display:flex}.cloud-levels .dot{border:2px solid var(--wood-dark);opacity:.55;background:#fff4dc99;border-radius:50%;place-items:center;width:34px;height:34px;font-size:1.05rem;display:grid}.cloud-levels .dot.now{opacity:1;background:var(--cream);box-shadow:0 0 0 3px #f2b33d}.cloud-levels .dot.done{opacity:1;background:#cfeabc}.cloud-lives{background:var(--cream);border:2px solid var(--wood-dark);letter-spacing:1px;border-radius:999px;padding:4px 10px;font-weight:700}.cloud-timer{background:var(--cream);border:2px solid var(--wood-dark);font-variant-numeric:tabular-nums;text-align:center;border-radius:999px;min-width:84px;padding:4px 10px;font-weight:700}.cloud-timer.low{border-color:var(--danger);color:var(--danger);background:#ffd9d4}.cloud-center{pointer-events:auto;flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;left:12px;right:12px;transform:translateY(-50%)}.cloud-card{background:var(--cream);border:3px solid var(--wood-dark);width:100%;max-width:400px;box-shadow:0 5px 0 var(--wood-dark);text-align:center;border-radius:18px;padding:18px}.cloud-card h2{margin:4px 0 8px;font-size:1.35rem}.cloud-card h3{color:#7a6a55;margin:0;font-size:.9rem;font-weight:500}.cloud-card p{margin:6px 0}.cloud-card p.big{color:#8a6418;font-size:1.3rem;font-weight:700}.cloud-card .actions{justify-content:center;margin-top:12px}.cloud-ico{font-size:2.4rem;line-height:1}.cloud-hint{left:12px;right:12px;bottom:calc(18px + var(--safe-bottom));text-align:center;color:#fff6e2;background:#3a2a1ad1;border-radius:14px;padding:10px 12px;font-weight:700;position:absolute}.cloud-skip{right:12px;bottom:calc(72px + var(--safe-bottom));pointer-events:auto;background:var(--cream);border:2px solid var(--wood-dark);box-shadow:0 3px 0 var(--wood-dark);border-radius:999px;padding:8px 14px;font-weight:700;position:absolute}.cloud-fade{opacity:0;pointer-events:none;background:#000;transition:opacity .35s;position:absolute;inset:0}.cloud-fade.on{opacity:1}.cloud-dom{border:3px solid var(--wood-dark);width:100%;max-width:400px;box-shadow:0 5px 0 var(--wood-dark);background:#fff4dcf0;border-radius:18px;padding:12px}.cards-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.mcard{aspect-ratio:5/6;perspective:400px;background:0 0;border:0;border-radius:10px;width:100%;max-width:none;padding:0;position:relative}.mcard span{backface-visibility:hidden;border:2px solid var(--wood-dark);border-radius:10px;place-items:center;font-size:clamp(22px,8.5vw,36px);transition:transform .3s;display:grid;position:absolute;inset:0}.mcard .front{color:#fff4dc;background:#b7773f}.mcard .back{background:#fffaf0;transform:rotateY(180deg)}.mcard.up .front{transform:rotateY(180deg)}.mcard.up .back{transform:rotateY(0)}.mcard.ok .back{border-color:var(--leaf);background:#e4f5d8}.cards-count{text-align:center;margin-top:8px;font-weight:700}.harp-frame{background:#8a5a2e;border:3px solid #5a3a1a;border-radius:120px 120px 16px 16px;padding:18px 14px 12px}.harp-strings{justify-content:center;gap:10px;height:220px;display:flex}.hstring{background:#ffffff14;border-radius:12px;flex:1;max-width:70px;position:relative}.hstring i{background:var(--c);border-radius:3px;width:5px;margin-left:-2.5px;transition:transform 80ms;position:absolute;top:8px;bottom:8px;left:50%;box-shadow:0 0 0 2px #00000026}.hstring.lit{background:#ffffff59}.hstring.lit i{box-shadow:0 0 16px var(--c);transform:scaleX(2.6)}.harp.input .hstring{cursor:pointer}.harp-status{text-align:center;min-height:1.4em;margin-top:10px;font-weight:700}.harp-status.wrong{color:var(--danger)}.keyhole{align-items:center;gap:12px;margin-bottom:10px;display:flex}.keyhole-label{flex:1;font-weight:700}.keyhole-plate{background:#d9d2c4;border:2px solid #8e867e;border-radius:10px;place-items:center;width:64px;height:86px;display:grid}.keys-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.key{border:2px solid var(--wood-dark);background:#fffaf0;border-radius:10px;place-items:center;height:74px;padding:0;display:grid}.keys.wrong .key{border-color:var(--danger)}@media (width<=370px){.harp-strings{height:190px}.key{height:66px}}