*{box-sizing:border-box;margin:0;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}html,body,#root{height:100%;font-family:Fredoka,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#3b3028;-webkit-font-smoothing:antialiased;overflow:hidden;margin:0}body{background:#f5f0e8}button{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}a{-webkit-tap-highlight-color:transparent}.stroked-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:Fredoka,sans-serif;font-weight:700;color:#fff;-webkit-text-stroke:5px #2c2520;paint-order:stroke fill;text-shadow:0 3px 0 #2c2520;white-space:nowrap;z-index:17;pointer-events:none}.btn{border:2px solid #2c2520;border-radius:10px;background:#fff;box-shadow:0 3px #2c2520;color:#3b3028;font-family:Fredoka,sans-serif;font-weight:700;line-height:1;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease;display:flex;align-items:center;justify-content:center;gap:6px;-webkit-tap-highlight-color:transparent}.btn:focus{outline:none}.btn:focus-visible{outline:2px solid #2c2520;outline-offset:3px}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #2c2520}.btn:disabled{opacity:.55;cursor:not-allowed}.btn img{width:16px;height:16px;display:block}.tooltip{--tooltip-shift: 0px;position:absolute;bottom:calc(100% + 14px);left:50%;transform:translate(calc(-50% + var(--tooltip-shift))) translateY(4px);background:#fff;color:#3b3028;font-family:Fredoka,sans-serif;font-size:12px;font-weight:500;line-height:1.4;padding:10px 14px;border:2px solid #2c2520;border-radius:12px;white-space:nowrap;opacity:0;transition:opacity .14s ease,transform .14s ease;pointer-events:none;z-index:20;min-width:160px;box-shadow:0 3px #2c2520}.tooltip:after,.tooltip:before{content:"";position:absolute;left:calc(50% - var(--tooltip-shift));border-style:solid}.tooltip:before{top:100%;transform:translate(-50%);border-width:8px;border-color:#2c2520 transparent transparent transparent;filter:drop-shadow(0 3px 0 #2c2520)}.tooltip:after{top:calc(100% - 2px);transform:translate(-50%);border-width:7px;border-color:#fff transparent transparent transparent}.tooltip__header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;padding-bottom:5px;border-bottom:1px solid rgba(0,0,0,.1)}.tooltip__category{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#3b302873}.tooltip__category--booster{color:#5a3a9c}.tooltip__category--crop{color:#7a6040}.tooltip__yield{font-size:13px;font-weight:700;color:#c8960a;display:flex;align-items:center;gap:3px}.coin-inline{display:inline-block;vertical-align:middle;flex-shrink:0;position:relative;top:-1px}.tooltip__effect{font-size:12px;font-weight:500;line-height:1.45;color:#5c4a36}.tooltip__placements{display:flex;justify-content:center;gap:14px;margin-top:8px;padding-top:6px;border-top:1px solid rgba(0,0,0,.08)}.tooltip__placement{display:flex;flex-direction:column;align-items:center;gap:3px}.tooltip__placement-label{font-size:10px;font-weight:700;color:#6b5a44;text-transform:uppercase;letter-spacing:.5px}.tooltip__effect--flavor{margin-top:4px;max-width:180px;white-space:normal;font-size:11px;font-style:italic;font-weight:400;color:#8a7256}.tooltip__boost{margin-top:6px;padding-top:5px;border-top:1px solid rgba(0,0,0,.1);font-size:12px;font-weight:700}.tooltip__boost--gives{color:#4a8c2a}.tooltip__boost--receives{color:#c8860a}.tooltip__modifiers{margin-top:6px;padding-top:5px;padding-bottom:6px;border-top:1px solid rgba(0,0,0,.1);border-bottom:1px dashed rgba(0,0,0,.25);display:flex;flex-direction:column;gap:3px}.tooltip__modifier{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px}.tooltip__modifier-val{font-weight:700}.tooltip__modifier-val--add{color:#2e8b57}.tooltip__modifier-val--mult{color:#d4740a}.tooltip__self-tag{font-size:9px;font-weight:600;color:#aaa;letter-spacing:.3px;margin-left:4px}.tooltip__totals{display:flex;justify-content:center;align-items:center;gap:4px;margin-top:6px}.tooltip__totals-x{font-family:Fredoka,sans-serif;font-size:11px;font-weight:600;color:#9a8a78}.tooltip__total{width:20%;text-align:center;font-family:Fredoka,sans-serif;font-size:12px;font-weight:700;padding:4px 8px;border-radius:6px}.tooltip__total--add{background:#2e8b5740;color:#1e6b3f}.tooltip__total--mult{background:#d4740a40;color:#b0620a}.app-shell{width:100%;height:100vh;height:100dvh;overflow:hidden;display:flex;align-items:flex-start;justify-content:center}.version-label{position:absolute;left:50%;top:100%;transform:translate(-50%);font-family:Fredoka,sans-serif;font-size:14px;font-weight:600;color:#3b3028;opacity:.35;white-space:nowrap;animation:version-fade-in .3s ease-out;background:none;border:none;padding:2px 8px;cursor:pointer;border-radius:6px;transition:opacity .15s}.version-label:hover{opacity:.6}@keyframes version-fade-in{0%{opacity:0;transform:translate(-50%,-4px)}to{opacity:.35;transform:translate(-50%)}}.game-scaler{display:flex;flex-direction:column;align-items:center;width:400px;height:var(--design-height, 820px);transform:scale(var(--game-scale, 1));transform-origin:top center;padding:10px 20px;position:relative}.board-area{padding-top:5px;display:flex;flex-direction:column;align-items:center;position:relative;transition:transform .6s cubic-bezier(.22,1,.36,1),margin .6s cubic-bezier(.22,1,.36,1)}.board--shake{animation:board-shake .3s ease-out}@keyframes board-shake{0%{transform:translate(0)}15%{transform:translate(-4px,2px)}30%{transform:translate(3px,-2px)}45%{transform:translate(-2px,3px)}60%{transform:translate(3px,-1px)}75%{transform:translate(-1px,1px)}to{transform:translate(0)}}.title{position:relative;margin:0 0 20px;padding:0;line-height:1;-webkit-user-select:none;user-select:none}.guide-btn{background:#dde8f0;border-radius:10px;font-size:12px;padding:8px 14px;gap:10px}.guide-btn img{width:16px;height:16px;transform:scale(1.8)}.game-menu-btn{position:absolute;top:12px;right:16px;z-index:30;width:36px;height:36px;background:none;border:none;padding:0;cursor:pointer;display:block;transition:transform 80ms ease}.game-menu-btn:hover{transform:scale(1.1)}.game-menu-btn:active{transform:scale(.95)}.game-menu-btn img{width:100%;height:100%;display:block}.info-modal__header{flex-shrink:0;position:relative;display:flex;align-items:center;justify-content:center;padding:18px 56px;background:#faf6ef;border-bottom:2px solid rgba(59,48,40,.08)}.info-modal__body{flex:1;overflow-y:auto;padding:20px 32px 32px;display:flex;flex-direction:column}.info-modal__pane{flex:1;display:flex;flex-direction:column}.info-modal__title{font-family:Fredoka,sans-serif;font-size:22px;font-weight:700;color:#3b3028;text-align:center;margin:0}.info-modal__close{position:absolute;top:50%;right:12px;transform:translateY(-50%);background:none;border:none;font-size:36px;line-height:1;color:#3b3028;opacity:.4;cursor:pointer;padding:6px 12px;border-radius:8px;transition:opacity .15s;z-index:1}.info-modal__close:hover{opacity:.7}.info-modal__footer{flex-shrink:0;display:flex;justify-content:center;padding:12px 16px 16px;border-top:2px solid rgba(59,48,40,.08);background:#faf6ef}.info-modal__tabs{position:relative;display:grid;grid-template-columns:repeat(var(--tab-count),minmax(120px,1fr));gap:0;background:#3b302814;border-radius:999px;padding:4px;--tab-count: 3;--tab-index: 0}.info-modal__tab-indicator{position:absolute;top:4px;bottom:4px;left:4px;width:calc((100% - 8px) / var(--tab-count));background:#faf6ef;border-radius:999px;box-shadow:0 1px 2px #3b302826;transform:translate(calc(var(--tab-index) * 100%));transition:transform .28s cubic-bezier(.4,1.2,.5,1);pointer-events:none;z-index:0}.info-modal__tab{-moz-appearance:none;appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;background:transparent;border:none;border-radius:999px;padding:8px 12px;font-family:Fredoka,sans-serif;font-size:15px;font-weight:600;color:#6b5d4f;cursor:pointer;transition:color .18s ease;position:relative;z-index:1;text-align:center;white-space:nowrap;width:100%;min-width:0}.info-modal__tab:focus{outline:none}.info-modal__tab:focus-visible{outline:2px solid #2c2520;outline-offset:2px}.info-modal__tab:hover,.info-modal__tab--active{color:#2c2520}.about{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:space-between;min-height:100%;padding:8px 0 16px;gap:40px}.about__top{display:flex;flex-direction:column;align-items:center;margin:auto 0;gap:28px}.about__logo{width:200px;max-width:70%;height:auto;-webkit-user-select:none;user-select:none}.about__tagline{font-family:Fredoka,sans-serif;font-size:18px;font-weight:600;color:#3b3028;margin:-16px 0 0;padding-bottom:60px}.about__divider{width:80%;max-width:360px;height:0;border:0;border-top:2px dotted rgba(59,48,40,.3);margin:0}.about__studio{display:inline-flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;color:#3b3028;padding:12px 20px;border-radius:14px;transition:background .12s ease,transform .12s ease}.about__studio:hover{background:#3b30280f;transform:translateY(-1px)}.about__studio-logo{width:140px;height:auto;-webkit-user-select:none;user-select:none}.about__studio-text{font-size:12px;color:#6b5d4f;letter-spacing:.04em;text-transform:uppercase}.about__greeting{display:flex;align-items:center;gap:16px;margin:0}.about__greeting-avatar{width:72px;height:auto;flex-shrink:0;-webkit-user-select:none;user-select:none;transform-origin:center bottom;animation:about-greeting-avatar-in .5s cubic-bezier(.34,1.56,.64,1) both}@keyframes about-greeting-avatar-in{0%{opacity:0;transform:translateY(20px) scale(1) rotate(0)}to{opacity:1;transform:translateY(18px) scale(1.7) rotate(-8deg)}}.about__greeting-bubble{position:relative;background:#fff;color:#3b3028;font-family:Fredoka,sans-serif;font-size:13px;font-weight:500;line-height:1.4;padding:10px 14px;border:2px solid #2c2520;border-radius:12px;box-shadow:0 3px #2c2520;max-width:240px;text-align:left;align-self:flex-start;margin-top:-8px;transform-origin:left center;animation:about-greeting-bubble-in .36s cubic-bezier(.34,1.56,.64,1) .25s both}@keyframes about-greeting-bubble-in{0%{opacity:0;transform:scale(.6) translate(-8px) translateY(-6px)}to{opacity:1;transform:scale(1) translate(0) translateY(-6px)}}.about__greeting-signoff{display:block;margin-top:6px;font-size:12px;font-weight:600;color:#6b5d4f;font-style:italic;text-align:right}.about__greeting-bubble:before,.about__greeting-bubble:after{content:"";position:absolute;bottom:8px;border-style:solid}.about__greeting-bubble:before{right:100%;border-width:8px;border-color:transparent #2c2520 transparent transparent;filter:drop-shadow(-2px 2px 0 #2c2520)}.about__greeting-bubble:after{right:calc(100% - 2px);border-width:7px;border-color:transparent #fff transparent transparent}.about__socials{display:flex;gap:48px;margin-top:0}.about__social{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-decoration:none;background:none;border:none;padding:0;color:#3b3028;transition:transform .12s ease}.about__social:hover{transform:scale(1.08)}.about__social:active{transform:scale(.95)}.about__social img{width:64px;height:64px;display:block}.about__social-label{font-family:Fredoka,sans-serif;font-size:13px;font-weight:600;color:#5a4d40;letter-spacing:.02em}.debug-random-btn{background:#efe8fa}.debug-nav-row{display:flex;width:fit-content;max-width:100%;gap:0;border:2px solid #2c2520;border-radius:10px;box-shadow:0 3px #2c2520;overflow:hidden}.debug-day-btn,.debug-random-btn{border:none;border-radius:0;box-shadow:none;margin:0;min-width:0;transform:none;justify-content:center}.debug-day-btn{flex:0 0 56px;background:#e1ecf4;font-size:18px;font-weight:700;padding:10px 0}.debug-random-btn{flex:0 0 92px;border-left:2px solid #2c2520;border-right:2px solid #2c2520;font-size:12px;padding:10px 12px}.debug-nav-row .btn:hover:not(:disabled){transform:none;filter:brightness(.96)}.debug-nav-row .btn:active:not(:disabled){transform:none}.past-game-pill{position:absolute;top:70px;left:50%;z-index:2;transform:translate(-50%) rotate(1deg);width:max-content;border-radius:999px;background:#fffcf7;border:3px solid black;padding:3px 10px;font-family:Fredoka,sans-serif;font-size:11px;font-weight:500;color:#8a6d2b;line-height:1;white-space:nowrap;pointer-events:none}.past-game-pill strong{font-weight:700}.title-logo{display:block;height:80px;width:auto;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.title-logo--wobble{animation:logo-balance .6s ease-in-out;transform-origin:center bottom}@keyframes logo-balance{0%{transform:rotate(0) scale(1)}15%{transform:rotate(-8deg) scale(1.15)}35%{transform:rotate(6deg) scale(1.1)}55%{transform:rotate(-4deg) scale(1.05)}75%{transform:rotate(2deg) scale(1.02)}90%{transform:rotate(-1deg) scale(1)}to{transform:rotate(0) scale(1)}}.board{width:320px;display:grid;grid-template-columns:repeat(var(--board-size, 3),1fr);gap:8px;margin:0 0 10px}.board-cell{width:100%;aspect-ratio:1 / 1;border:2px solid transparent;border-radius:16px;background:#e2c9a8;display:grid;place-items:center;align-content:center;gap:2px;cursor:pointer;touch-action:none;padding:0;position:relative;overflow:visible;transition:background .12s,transform .1s,border-color .12s,box-shadow .12s;-webkit-tap-highlight-color:transparent}.board-cell--occupied{border-color:#2c2520;border-width:3px}.board-cell--rock{background:#c2c2c2;border:none;cursor:default}.board-cell--rock .rock-icon{width:65%;height:65%;object-fit:contain}.board-cell:not(.board-cell--rock):hover{background:#d9be9a}.board-cell--valid{background:#c8a87e}.board-cell--drag-affect,.board-cell--modifier-target:not(.board-cell--modifier-source),.board-cell--affect-gives:not(.board-cell--hovered-source),.board-cell--affect-receives:not(.board-cell--hovered-source){border:3px dashed #2c2520!important;z-index:2}.board-cell--hovered-source{z-index:3;filter:brightness(1.05)}.board-cell--dimmed{opacity:.4;transition:opacity .15s ease}.board-cell--scoring{animation:scoring-pulse .6s ease-in-out infinite alternate;z-index:3}.board-cell--modifier-source{transform:translateY(-6px);box-shadow:0 8px #2c2520!important;z-index:4}@keyframes scoring-pulse{0%{transform:scale(1);filter:brightness(1)}to{transform:scale(1.08);filter:brightness(1.12)}}.board-cell--placed-pop{animation:placed-pop .36s cubic-bezier(.22,1.2,.36,1);z-index:2}.board-cell--shock-wave{animation:shock-near .32s cubic-bezier(.22,1,.36,1);animation-delay:var(--shock-delay, 0ms)}@keyframes placed-pop{0%{transform:scale(.84)}60%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes shock-near{0%{transform:scale(1)}45%{transform:scale(1.08)}to{transform:scale(1)}}.board-cell__hint{font-family:Fredoka,sans-serif;font-size:28px;font-weight:600;color:#c4a87a;opacity:.5;line-height:1}.board-cell__ghost{display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:.35;animation:ghost-fade-out 10s ease-out forwards}@keyframes ghost-fade-out{0%{opacity:.35}to{opacity:0}}.board-cell--undoable{cursor:grab}.board-cell--dragging{opacity:.25;cursor:grabbing}.board-cell:hover .board-cell__tooltip{opacity:1;transform:translate(calc(-50% + var(--tooltip-shift))) translateY(0)}.board-cell--tooltip-suppressed .board-cell__tooltip,.board-cell--tooltip-suppressed:hover .board-cell__tooltip{opacity:0!important;transform:translate(calc(-50% + var(--tooltip-shift))) translateY(6px)!important}.board-cell--dragging .board-cell__tooltip,.board-cell--dragging:hover .board-cell__tooltip,.board--scoring .board-cell__tooltip{opacity:0!important}.board--scoring .board-cell{pointer-events:none}.board-cell--top-row:hover{z-index:5}.board-cell--top-row .board-cell__tooltip{bottom:auto;top:calc(100% + 14px)}.board-cell--top-row .board-cell__tooltip:before{top:auto;bottom:100%;border-width:8px;border-color:transparent transparent #2c2520 transparent;filter:none}.board-cell--top-row .board-cell__tooltip:after{top:auto;bottom:calc(100% - 2px);border-width:7px;border-color:transparent transparent #fff transparent}.tile-emoji{display:block}.tile-name{font-family:Fredoka,sans-serif;font-size:12px;font-weight:600;letter-spacing:.3px;color:#6b5c4a}.board-zone-label{font-size:28px}.board-score-label{position:absolute;top:-8px;left:50%;transform:translate(-50%);font-family:Fredoka,sans-serif;font-size:14px;font-weight:700;color:#3b3028;background:#fff;border:2px solid #2c2520;border-radius:8px;padding:2px 8px;box-shadow:0 2px #2c2520;white-space:nowrap;z-index:18;pointer-events:none;display:flex;align-items:center;gap:4px;animation:score-label-in .2s cubic-bezier(.22,1.2,.36,1)}.board-score-label--base{color:#3b3028}.board-score-label--pulse{animation:score-label-pulse .25s cubic-bezier(.22,1.2,.36,1)}@keyframes score-label-in{0%{transform:translate(-50%) scale(0) translateY(8px);opacity:0}to{transform:translate(-50%) scale(1) translateY(0);opacity:1}}@keyframes score-label-pulse{0%{transform:translate(-50%) scale(1)}40%{transform:translate(-50%) scale(1.25)}to{transform:translate(-50%) scale(1)}}.board-modifier-label{animation:modifier-label-in .18s cubic-bezier(.22,1.2,.36,1)}.board-modifier-label--additive{font-size:38px}.board-modifier-label--multiplier{font-size:42px}@keyframes modifier-label-in{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.hand-dock{position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:flex-end;padding:12px 16px calc(52px + env(safe-area-inset-bottom,0px));pointer-events:none;z-index:5;transform:scale(var(--hand-scale, 1));transform-origin:bottom center}.cursor-tile{position:fixed;top:0;left:0;pointer-events:none;z-index:50;transform:translate3d(-200px,-200px,0) translate(-50%,-50%)}.hand-card{flex:0 0 96px;width:96px;height:96px;border:2px solid #2c2520;border-radius:16px;background:#fff;box-shadow:0 3px #2c2520;display:grid;place-items:center;align-content:center;gap:4px;padding:8px;cursor:grab;touch-action:none;scale:var(--card-scale, 1);transform:rotate(var(--fan-rotation, 0deg)) translateY(var(--fan-translateY, 0px));transition:scale .4s cubic-bezier(.25,1,.5,1),transform .18s ease,box-shadow .18s ease,z-index 0ms;z-index:1;margin:0 -2px;pointer-events:auto;position:relative;-webkit-tap-highlight-color:transparent}.hand-card:hover{transform:rotate(0) translateY(-26px);box-shadow:0 10px #2c2520;z-index:10}.hand-card:hover:after{content:"";position:absolute;left:0;right:0;bottom:-30px;height:30px;pointer-events:auto}.hand-card:hover .hand-card__tooltip{opacity:1;transform:translate(calc(-50% + var(--tooltip-shift))) translateY(0);pointer-events:none}@media (hover: hover) and (pointer: fine){.hand-card--selected{opacity:.3;transform:rotate(var(--fan-rotation, 0deg)) translateY(var(--fan-translateY, 0px));box-shadow:0 3px #2c2520;cursor:grabbing}.hand-card--selected .hand-card__tooltip{opacity:0!important}}@media (pointer: coarse){.hand-card--selected{transform:rotate(0) translateY(-26px);box-shadow:0 10px #2c2520;z-index:10}.hand-card--selected .hand-card__tooltip{opacity:1;transform:translate(calc(-50% + var(--tooltip-shift))) translateY(0);pointer-events:none}}.hand-card--dragging .hand-card__tooltip,.hand-card--dragging:hover .hand-card__tooltip{opacity:0!important}.hand-card--dragging{opacity:.3;transform:rotate(var(--fan-rotation, 0deg)) translateY(var(--fan-translateY, 0px));box-shadow:0 3px #2c2520;cursor:grabbing}.hand-card--overlay{flex:0 0 96px;cursor:grabbing;transform:scale(1.08) rotate(-2deg);box-shadow:0 6px #2c2520;pointer-events:none}.hand-card__emoji{display:block}.hand-card__name{font-family:Fredoka,sans-serif;font-size:13px;text-align:center;font-weight:600;color:#000;letter-spacing:.2px}.submit-row{width:100%;display:flex;flex-direction:column;align-items:center;gap:14px}.submit-row--hidden{height:0;overflow:hidden;margin:0;pointer-events:none}.submit-warning{font-family:Fredoka,sans-serif;font-size:14px;font-weight:600;color:#8b6a2a}.submit-button{background:#c8e6a0;border-radius:12px;font-size:18px;padding:14px 32px;min-width:240px;gap:10px;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease}.submit-button img{width:16px;height:16px;transform:scale(2)}.board-score-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding-bottom:0;margin-top:5px;width:304px;margin-inline:auto}.board-score-card__shell{position:relative;width:100%;background:#fff;border:2px solid #2c2520;border-radius:6px;box-shadow:0 3px #2c2520;padding:6px 14px 8px;overflow:visible}.board-score-card__confetti{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit;pointer-events:none;z-index:0}.board-score-card__total-row,.season-grid{position:relative;z-index:1}.board-score-card__header-label{font-family:Fredoka,sans-serif;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#8b7355}.board-score-card__total-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.board-score-card__score-group{display:flex;flex-direction:column;gap:2px}.board-score-card__number{font-family:Fredoka,sans-serif;font-size:30px;font-weight:700;color:#3b3028;line-height:1;display:flex;align-items:center;gap:6px}.board-score-card__number--done{animation:final-total-pop .4s cubic-bezier(.22,1.2,.36,1)}.board-score-card__best{font-size:18px;font-weight:500;color:#a89878}.board-score-card__grade-letter{font-family:Fredoka,sans-serif;font-size:46px;font-weight:700;line-height:1;position:relative;color:#fff;-webkit-text-stroke:7px #2c2520;paint-order:stroke fill;filter:drop-shadow(0 2px 0 #2c2520);transform:rotate(-6deg);animation:grade-pop .5s cubic-bezier(.22,1.2,.36,1)}.board-score-card__grade-letter--s{color:#fff59d}.board-score-card__grade-letter--a{color:#c8e6c9}.board-score-card__grade-letter--b{color:#bbdefb}.board-score-card__grade-letter--c{color:#d8c4e8}.board-score-card__grade-letter--d{color:#ffe0b2}.board-score-card__grade-letter--f{color:#fcc8c0}.board-score-card__grade-letter--s:after{content:attr(data-grade);position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,#fff59d00,#ffffff9e 45%,#fff59d00 60%);background-size:240% 100%;background-position:160% 0;-webkit-background-clip:text;background-clip:text;color:transparent;opacity:.8;-webkit-text-stroke:0;animation:grade-sheen 2.8s linear infinite;pointer-events:none}@keyframes grade-pop{0%{transform:scale(0) rotate(-6deg);opacity:0}50%{transform:scale(1.3) rotate(-6deg)}to{transform:scale(1) rotate(-6deg);opacity:1}}@keyframes grade-sheen{0%{background-position:160% 0}20%{background-position:160% 0}80%{background-position:-120% 0}to{background-position:-120% 0}}.best-grid{display:grid;grid-template-columns:repeat(var(--board-size),1fr);gap:3px;width:100%;aspect-ratio:1;max-width:160px;margin-inline:auto}.best-grid__cell{aspect-ratio:1;border-radius:4px;background:#f0ebe3;border:1.5px solid #ddd4c8;display:flex;align-items:center;justify-content:center}.best-grid__cell--occupied{border-color:#c4b8a8}.best-grid__cell--rock{background:#c4b8a8}@keyframes final-total-pop{0%{transform:scale(.85)}35%{transform:scale(1.12)}55%{transform:scale(.95)}75%{transform:scale(1.04)}to{transform:scale(1)}}.skip-btn{font-size:13px;padding:8px 20px;margin-top:8px;animation:score-actions-in .3s ease-out}.board-score-actions{display:flex;width:100%;margin-top:6px;border:2px solid #2c2520;border-radius:10px;box-shadow:0 3px #2c2520;overflow:hidden}.season-grid{width:calc(100% + 28px);margin-left:-14px;margin-top:10px;padding:10px 14px 0;border-top:2px dashed #e8dfd4;overflow:hidden}.season-grid__header{display:flex;align-items:center;justify-content:flex-start;margin-bottom:8px}.season-grid__carousel{overflow:visible;touch-action:pan-y;padding-top:3px}.season-grid__track{display:flex;gap:20px;width:100%;transform:translate(calc(-100% - 20px))}.season-grid__track--animating{transition:transform .28s cubic-bezier(.22,1,.36,1)}.season-grid__panel{width:100%;flex:0 0 100%;display:flex;flex-direction:column;box-sizing:border-box}.season-grid__label{font-family:Fredoka,sans-serif;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#8b7355}.season-grid__count{font-family:Fredoka,sans-serif;font-size:10px;font-weight:600;color:#a89878}.season-grid__cells{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;padding-bottom:8px;--season-cell-size: calc((100% - 36px)*.1) }.season-solution-wrap{--solution-wrap-height: 158.898px;display:flex;flex-direction:column;height:var(--solution-wrap-height)}.season-grid__header--solution{margin-bottom:8px}.season-solution-body{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding-bottom:8px}.season-solution-grid{height:100%;aspect-ratio:1;max-width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:6px}.season-solution-cell{aspect-ratio:1;border:1.5px solid #d8ccbc;border-radius:10px;background:#f7f0e4;display:flex;align-items:center;justify-content:center}.season-solution-cell__icon{width:68%;height:68%;object-fit:contain}.season-solution-cell__empty{font-family:Fredoka,sans-serif;font-size:14px;color:#b6a48b}.season-grid__stats{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:auto;padding-top:6px;padding-bottom:2px;border-top:1px solid #e8dfd4}.season-grid__stat{font-family:Fredoka,sans-serif;font-size:13px;font-weight:500;color:#8b7355}.season-grid__position{font-weight:700;color:#5a4a35}.season-grid__position--gold{color:#d4a017}.season-grid__position--silver{color:#8a8a8a}.season-grid__position--bronze{color:#b87333}.season-cell{position:relative;aspect-ratio:1;border:none;border-radius:4px;background:#e8dfd4;cursor:pointer;padding:0;display:grid;place-items:center;transition:transform .1s ease,filter .1s ease;-webkit-tap-highlight-color:transparent}.season-cell:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#2c2520;color:#fff;font-family:Fredoka,sans-serif;font-size:11px;font-weight:500;white-space:nowrap;padding:5px 10px;border-radius:6px;pointer-events:none;opacity:0;transition:opacity .12s ease;z-index:10}.season-cell:hover:after{opacity:1}.season-cell:hover:not(:disabled){transform:scale(1.15);filter:brightness(1.05)}.season-cell:active:not(:disabled){transform:scale(.95)}.season-cell--active{outline:2px solid #2c2520;outline-offset:1px;cursor:default}.season-cell--future{background:#f0ebe4;opacity:.35;cursor:not-allowed}.season-cell--missed{background:#e8dfd4}.season-cell--s{background:#fff59d}.season-cell--a{background:#c8e6c9}.season-cell--b{background:#bbdefb}.season-cell--c{background:#d8c4e8}.season-cell--d{background:#ffe0b2}.season-cell--f{background:#fcc8c0}.season-cell__letter{font-family:Fredoka,sans-serif;font-size:16px;font-weight:700;line-height:1;color:#fff;-webkit-text-stroke:3px #2c2520;paint-order:stroke fill;filter:drop-shadow(0 1px 0 #2c2520);transform:rotate(-4deg)}.season-cell--s .season-cell__letter{color:#fff59d}.season-cell--a .season-cell__letter{color:#c8e6c9}.season-cell--b .season-cell__letter{color:#bbdefb}.season-cell--c .season-cell__letter{color:#d8c4e8}.season-cell--d .season-cell__letter{color:#ffe0b2}.season-cell--f .season-cell__letter{color:#fcc8c0}.season-cell__letter--missed{color:#d4c9b8;-webkit-text-stroke:2px #b8ad9e;filter:none;transform:none}.board-score-tab{flex:1;font-size:14px;padding:12px 14px;border:none;border-radius:0;box-shadow:none;font-family:Fredoka,sans-serif;font-weight:700;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;color:#3b3028;background:#fff4d2;transition:filter .12s ease;white-space:nowrap}.board-score-tab:hover{filter:brightness(.95)}.board-score-tab:active{filter:brightness(.9)}.board-score-tab img{transform:scale(2) rotate(-8deg);margin-right:10px}.board-score-tab--secondary{background:#fddcb5}.board-score-tab--primary{background:#b3d4fc}.board-score-tab--next{background:#c8e6c9}.board-score-actions--next .board-score-tab img{transform:scale(2)}.board-score-row{display:flex;width:100%;margin-top:6px;gap:6px}.board-score-btn{font-size:14px;padding:12px 14px;border:2px solid #2c2520;border-radius:10px;box-shadow:0 3px #2c2520;font-family:Fredoka,sans-serif;font-weight:700;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;color:#3b3028;transition:filter .12s ease;white-space:nowrap}.board-score-btn:hover{filter:brightness(.95)}.board-score-btn:active{filter:brightness(.9)}.board-score-btn img{transform:scale(2) rotate(-8deg);margin-right:10px}.board-score-btn--retry{flex:1;background:#fddcb5}.board-score-btn--share{flex:2;background:#b3d4fc}.board-score-btn--random{flex:2;background:#c8e6c9}.copied-icon{animation:copied-bounce .4s cubic-bezier(.34,1.56,.64,1)}@keyframes copied-bounce{0%{transform:scale(0);opacity:0}50%{transform:scale(1.3);opacity:1}to{transform:scale(1);opacity:1}}@keyframes score-actions-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.info-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#2c252073;z-index:300;display:flex;align-items:center;justify-content:center;animation:info-modal-fade-in .2s ease-out}@keyframes info-modal-fade-in{0%{opacity:0}to{opacity:1}}.info-modal{background:#faf6ef;border:3px solid #2c2520;border-radius:18px;max-width:720px;width:95vw;height:88vh;max-height:880px;box-shadow:0 6px #2c2520;position:relative;animation:info-modal-slide-up .25s ease-out;display:flex;flex-direction:column;overflow:hidden}@keyframes info-modal-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.changelog-entry{background:#3b30280d;border-radius:12px;padding:14px 16px;margin-bottom:12px}.changelog-entry:last-child{margin-bottom:0}.changelog-version{font-family:Fredoka,sans-serif;font-size:16px;font-weight:700;color:#3b3028;margin-bottom:8px}.changelog-version span{font-weight:600;opacity:.45}.changelog-items{padding:0;margin:0}.changelog-item{font-family:Fredoka,sans-serif;font-size:16px;font-weight:500;color:#5c4a36;padding:4px 0;line-height:1.5;margin:0}.info-modal img.emoji{height:1.3em;width:1.3em;vertical-align:-.2em;margin-right:3px;filter:url(#emoji-stroke);display:inline-block;transform:rotate(-8deg)}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%);border:none;border-radius:12px;background:#fff;padding:10px 18px;font-size:14px;font-weight:500;color:#5c4a36;box-shadow:0 4px #c9bda8;animation:toast-pop .2s ease-out;z-index:200;white-space:nowrap}@keyframes toast-pop{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (max-width: 729px){.hand-card:hover,.hand-card--selected{scale:calc(var(--game-scale, 1) / var(--hand-scale, 1))}.hand-card:hover:after{content:"";position:absolute;left:10px;right:10px;bottom:-40px;height:40px;pointer-events:auto}}@media (max-width: 600px){.info-modal-backdrop{align-items:stretch}.info-modal{max-width:none;width:100%;max-height:none;height:100%;border:none;border-radius:0;box-shadow:none}.info-modal__header{padding:16px 56px}.info-modal__body{padding:36px 20px 24px}.hand-card__tooltip{font-size:16px;padding:12px 16px;min-width:190px}.tooltip__category{font-size:14px}.tooltip__yield{font-size:16px}.tooltip__effect,.tooltip__boost{font-size:15px}.tooltip__modifier{font-size:14px}.tooltip__self-tag{font-size:11px}}.tutorial-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:350;display:flex;align-items:center;justify-content:center;padding:20px;background:#2c252085;animation:info-modal-fade-in .2s ease-out}.tutorial-modal{width:min(390px,100%);background:#faf6ef;border:3px solid #2c2520;border-radius:22px;box-shadow:0 7px #2c2520;overflow:hidden;animation:info-modal-slide-up .25s ease-out}.tutorial-body{padding:24px 24px 18px;text-align:center;height:380px;display:flex;flex-direction:column;justify-content:center}.tutorial-title{font-family:Fredoka,sans-serif;font-size:27px;font-weight:800;color:#3b3028;margin:18px 0 4px;letter-spacing:-.02em}.tutorial-text{font-family:Fredoka,sans-serif;font-size:16px;font-weight:600;color:#7a6040;line-height:1.35;margin:0}.tutorial-visual{min-height:214px;display:flex;align-items:center;justify-content:center}.tutorial-visual--place{flex-direction:column;gap:12px}.tutorial-visual--place .tutorial-cell--tile{box-shadow:none}.tutorial-board{box-sizing:border-box;width:184px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:8px;border-radius:18px;background:#d8b98f47}.tutorial-board--small{width:124px;gap:4px;padding:6px;border-radius:14px}.tutorial-board--tiny{width:150px;gap:6px;padding:7px;border-radius:16px}.tutorial-board--tiny .tutorial-score-tag{top:-8px;right:-7px;min-width:0;border-width:1.5px;font-size:11px;padding:3px 5px;box-shadow:0 1px #2c2520}.tutorial-board--tiny .tutorial-cell--tile{border-width:2.5px;box-shadow:none;z-index:1}.tutorial-board--tiny .tutorial-cell__icon{transform:scale(1.02)}.tutorial-board--boosters{width:170px;background:#d6c7ec52}.tutorial-cell{position:relative;aspect-ratio:1 / 1;display:grid;place-items:center;border-radius:12px;background:#e2c9a8}.tutorial-cell--tile{border:2px solid #2c2520;box-shadow:0 3px #2c2520}.tutorial-cell--rock{background:#c2c2c2}.tutorial-rock{width:68%;height:68%;object-fit:contain}.tutorial-cell__icon{transform:scale(1.08)}.tutorial-score-tag{position:absolute;top:-10px;right:-8px;min-width:26px;border:2px solid #2c2520;border-radius:999px;background:#fff;box-shadow:0 2px #2c2520;color:#3b3028;font-family:Fredoka,sans-serif;font-size:14px;font-weight:800;line-height:1;padding:5px 6px}.tutorial-board--boosters .tutorial-score-tag{color:#b0620a;background:#fff7df}.tutorial-board--boosters .tutorial-cell--tile{box-shadow:none}.tutorial-hand-mini{display:flex;justify-content:center;align-items:flex-end;gap:0;transform:scale(.86);transform-origin:top center;height:68px}.tutorial-card{position:relative;width:72px;height:72px;margin:0 -4px;display:grid;place-items:center;align-content:center;gap:2px;border:2px solid #2c2520;border-radius:14px;box-shadow:0 3px #2c2520;transform:rotate(var(--card-tilt, -4deg))}.tutorial-card:nth-child(2){--card-tilt: 0deg}.tutorial-card:nth-child(3){--card-tilt: 4deg}.tutorial-card--lift{transform:translateY(-14px) rotate(0) scale(1.05);box-shadow:0 8px #2c2520}.tutorial-card--selected{transform:translateY(-12px) rotate(0) scale(1.1);box-shadow:0 8px #2c2520;z-index:2}.tutorial-card span{font-family:Fredoka,sans-serif;font-size:10px;font-weight:700;color:#3b3028}.tutorial-visual--description{flex-direction:column;justify-content:flex-end;padding-top:90px}.tutorial-tile-carousel{display:flex;align-items:flex-end;justify-content:center;width:100%;height:84px;transform:scale(.9);transform-origin:bottom center}.tutorial-card__tooltip{opacity:1;transform:translate(calc(-50% + var(--tooltip-shift))) translateY(0);min-width:178px;text-align:left}.tutorial-visual--compare{gap:14px}.tutorial-choice{width:178px;display:flex;flex-direction:column;align-items:center;gap:9px;padding:9px 8px 11px;border:2px solid #2c2520;border-radius:18px;background:#fffdf8;box-shadow:0 4px #2c2520}.tutorial-choice--muted{opacity:.72;transform:rotate(-2deg) scale(.9)}.tutorial-choice--best{background:#f2fae8;transform:rotate(2deg) scale(.98)}.tutorial-choice--best .tutorial-choice__label:after{content:" best";color:#5e9e3f}.tutorial-choice__label{font-family:Fredoka,sans-serif;font-size:14px;font-weight:800;color:#7a6040;line-height:1}.tutorial-example{display:flex;flex-direction:column;align-items:center;gap:8px;transform:scale(.96)}.tutorial-example--best{transform:scale(1.06) rotate(1deg)}.tutorial-example__caption{font-family:Fredoka,sans-serif;font-size:13px;font-weight:800;color:#7a6040}.tutorial-vs{font-family:Fredoka,sans-serif;font-size:15px;font-weight:800;color:#a58b68;transform:rotate(-8deg)}.tutorial-visual--boosters{flex-direction:column;gap:12px}.tutorial-booster-note{display:flex;align-items:center;justify-content:center;gap:0;min-height:58px;transform:translateY(8px) scale(.82);transform-origin:top center}.tutorial-booster-note .tutorial-card{width:64px;height:64px;margin:0 -5px;transform-origin:center}.tutorial-booster-note .tutorial-card:nth-child(1){transform:rotate(-8deg)}.tutorial-booster-note .tutorial-card:nth-child(2){transform:rotate(-3deg)}.tutorial-booster-note .tutorial-card:nth-child(3){transform:rotate(2deg)}.tutorial-booster-note .tutorial-card:nth-child(5){transform:rotate(8deg)}.tutorial-booster-note .tutorial-card--lift{transform:translateY(-10px) rotate(4deg) scale(1.08);box-shadow:0 5px #2c2520}.tutorial-booster-note .tutorial-card span{display:none}.tutorial-visual--rank{flex-direction:column;gap:16px}.tutorial-score-card{position:relative;min-width:218px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 18px;padding:18px 20px;border:3px solid #2c2520;border-radius:18px;background:#fffdf8;box-shadow:0 5px #2c2520}.tutorial-score-card__label{font-family:Fredoka,sans-serif;font-size:13px;font-weight:700;color:#8b7355;text-align:left}.tutorial-score-card__score{grid-column:1;font-family:Fredoka,sans-serif;font-size:32px;font-weight:800;color:#3b3028;letter-spacing:-.04em}.tutorial-score-card__grade{grid-column:2;grid-row:1 / span 2;color:#fff59d;font-family:Fredoka,sans-serif;font-size:62px;font-weight:800;line-height:.9;-webkit-text-stroke:6px #2c2520;paint-order:stroke fill;filter:drop-shadow(0 3px 0 #2c2520)}.tutorial-grade-ladder{display:flex;align-items:flex-end;gap:5px}.tutorial-grade-step{width:30px;height:30px;display:grid;place-items:center;border:2px solid #2c2520;border-radius:9px;background:#fff;box-shadow:0 2px #2c2520;font-family:Fredoka,sans-serif;font-size:15px;font-weight:800;color:#3b3028;opacity:.62}.tutorial-grade-step--s{width:42px;height:42px;background:#fff59d;font-size:25px;opacity:1;transform:translateY(-5px) rotate(3deg)}.tutorial-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px 18px;background:#f1eadf;border-top:2px solid rgba(44,37,32,.12)}.tutorial-footer__center{flex:1;display:flex;justify-content:center}.tutorial-dots{display:flex;gap:7px;padding-left:4px}.tutorial-dot{width:9px;height:9px;border-radius:999px;background:#cdbb9f;transition:width .18s ease,background .18s ease}.tutorial-dot--active{width:24px;background:#8bc47f}.tutorial-next{min-width:116px;justify-content:center;border-radius:12px;background:#c8e6a0;font-size:18px;padding:12px 22px}.tutorial-back{min-width:82px;justify-content:center;border-radius:12px;background:#dde8f0;font-size:15px;padding:10px 14px}.htp-section{margin-bottom:20px}.htp-carousel{display:flex;align-items:stretch;background:#3b30280a;border-radius:16px;margin-bottom:28px;overflow:hidden}.htp-carousel__center{flex:1;display:flex;flex-direction:column;align-items:center;padding:20px 0 16px;min-width:0}.htp-carousel__stage{display:flex;align-items:center;justify-content:center;width:100%;height:280px}.htp-carousel__slide{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-width:0;height:100%;animation:htp-carousel-fade-in .22s ease-out}@keyframes htp-carousel-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.htp-carousel__visual{display:flex;align-items:center;justify-content:center;min-height:180px;margin-bottom:8px}.htp-carousel__visual>*{transform:scale(.85);transform-origin:center}.htp-carousel__title{font-family:Fredoka,sans-serif;font-size:18px;font-weight:700;color:#3b3028;margin:0 0 4px}.htp-carousel__text{font-family:Fredoka,sans-serif;font-size:14px;font-weight:500;color:#5c4a36;line-height:1.5;margin:0;max-width:320px}.htp-carousel__nav{flex-shrink:0;width:48px;border:none;background:transparent;font-family:Fredoka,sans-serif;font-size:32px;font-weight:700;line-height:1;color:#6b5d4f;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .12s ease,color .12s ease}.htp-carousel__nav:hover{background:#3b30280f;color:#2c2520}.htp-carousel__nav:active{background:#3b30281f}.htp-carousel__dots{display:flex;gap:8px;margin-top:14px}.htp-carousel__dot{width:8px;height:8px;border-radius:50%;border:none;background:#3b302840;padding:0;cursor:pointer;transition:background .14s ease,transform .14s ease}.htp-carousel__dot:hover{background:#3b302873}.htp-carousel__dot--active{background:#3b3028;transform:scale(1.2)}.htp-heading{font-family:Fredoka,sans-serif;font-size:clamp(17px,1.1vw,21px);font-weight:700;color:#3b3028;margin:0 0 8px}.htp-text{font-family:Fredoka,sans-serif;font-size:clamp(14px,.9vw,18px);font-weight:500;color:#5c4a36;line-height:1.6;margin:0 0 6px}.htp-hint{margin-top:10px;padding:10px 12px;border-radius:10px;border:1.5px solid #cfe7b9;background:#f2fae8;color:#3d5a1a}.htp-hint__label{color:#2f4a10;font-weight:800;margin-right:4px}.htp-tiles{display:flex;flex-direction:column;gap:6px}.htp-placement-grid,.htp-tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.htp-tile-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px 10px;background:#fff;border:1.5px solid #e8dfd4;border-radius:12px;text-align:center}.htp-tile-card__tile{width:76px;height:76px;display:grid;place-items:center;align-content:center;gap:2px;border:2px solid #2c2520;border-radius:14px;box-shadow:0 3px #2c2520}.htp-tile-card__tile-name{font-family:Fredoka,sans-serif;font-size:11px;font-weight:700;color:#3b3028;line-height:1}.htp-tile-card__effect{font-family:Fredoka,sans-serif;font-size:11px;font-weight:500;color:#8b7355;line-height:1.35}.htp-placement-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;background:#fff;border:1.5px solid #e8dfd4;border-radius:12px;text-align:center}.htp-placement-card__icon{width:44px;height:44px;border-radius:8px;background:#f0ebe4;display:flex;align-items:center;justify-content:center;margin-bottom:2px}.htp-placement-card__icon .htp-placement{grid-template-columns:repeat(3,9px);grid-template-rows:repeat(3,9px);gap:2px}.htp-placement-card__name{font-family:Fredoka,sans-serif;font-size:14px;font-weight:700;color:#3b3028;line-height:1.2}.htp-placement-card__desc{font-family:Fredoka,sans-serif;font-size:11px;font-weight:500;color:#8b7355;line-height:1.3}.htp-tile{display:flex;align-items:center;gap:10px;padding:6px 8px;background:#fff;border:1.5px solid #e8dfd4;border-radius:10px}.htp-tile__icon{flex-shrink:0;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center}.htp-tile__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.htp-tile__name{font-family:Fredoka,sans-serif;font-size:clamp(14px,.95vw,18px);font-weight:700;color:#3b3028}.htp-tile__effect{font-family:Fredoka,sans-serif;font-size:clamp(12px,.8vw,16px);font-weight:500;color:#8b7355}.htp-tile__placements{flex-shrink:0;display:flex;gap:6px}.htp-tile__placement-icon{flex-shrink:0;width:36px;height:36px;border-radius:8px;background:#f0ebe4;display:flex;align-items:center;justify-content:center}.htp-placement{display:inline-grid;grid-template-columns:repeat(3,6px);grid-template-rows:repeat(3,6px);gap:1.5px}.htp-tile__placement-icon .htp-placement{grid-template-columns:repeat(3,8px);grid-template-rows:repeat(3,8px);gap:2px}.htp-placement__cell{border-radius:1.5px;background:#e0ddd8}.htp-placement__cell--on{background:#a8d8a0}.htp-placement__cell--self{background:#8b7355}.htp-placement__cell--wave{animation:htp-wave 2.1s ease-in-out infinite;animation-delay:calc(var(--wave) * .7s);background:#e0ddd8}@keyframes htp-wave{0%,5%{background:#e0ddd8}12%,28%{background:#a8d8a0}38%,to{background:#e0ddd8}}.htp-grades{display:flex;justify-content:center;gap:16px;margin-top:12px}.htp-grade{font-family:Fredoka,sans-serif;font-size:44px;font-weight:700;line-height:1;-webkit-text-stroke:4px #2c2520;paint-order:stroke fill;filter:drop-shadow(0 2px 0 #2c2520)}.htp-grade-pct{font-family:Fredoka,sans-serif;font-size:14px;font-weight:600;color:#8b7355}.htp-grade--s{color:#fff59d}.htp-grade--a{color:#c8e6c9}.htp-grade--b{color:#bbdefb}.htp-grade--c{color:#d8c4e8}.htp-grade--d{color:#ffe0b2}.htp-grade--f{color:#fcc8c0}.htp-grade-item{display:flex;flex-direction:column;align-items:center;gap:4px}