@font-face{font-family:OpenDyslexic;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/opendyslexic-latin-400-normal-nUhe5EwG.woff2) format("woff2"),url(/assets/opendyslexic-latin-400-normal-Cv3YY6GF.woff) format("woff")}@font-face{font-family:OpenDyslexic;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/opendyslexic-latin-700-normal-Bnmt45Ln.woff2) format("woff2"),url(/assets/opendyslexic-latin-700-normal-wYUJcbXi.woff) format("woff")}:root{font-family:var(--body);--body: "OpenDyslexic", sans-serif;--heading: "OpenDyslexic", sans-serif;--app-browser-background: #d6e4d0;--text: #425247;--text-soft: #62706a;--text-strong: #18231b;--white: #fff;color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;font-weight:700}*{box-sizing:border-box}html,body,#root{height:100%;background-color:var(--app-browser-background)}body{margin:0;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}h1,h2,h3,h4{margin:0;color:var(--text-strong);font-family:var(--heading);font-weight:700}h1{font-size:clamp(2.6rem,4vw,4.8rem);line-height:.95;margin-bottom:14px}h2{font-size:clamp(1.5rem,1.8vw,2rem)}h3{font-size:1.12rem}h4{font-size:1rem}p{margin:0}a{color:inherit}@media (prefers-color-scheme: dark){:root{--app-browser-background: #111311;--text: #d9e7df;--text-soft: #a9bbb2;--text-strong: #f4fbf6;color-scheme:dark}}@media (max-width: 960px){#root{height:auto;min-height:100dvh}body{overflow:auto}}@media (max-width: 760px){#root{height:100dvh;min-height:0}body{overflow:hidden}}.app-shell{--theme-backdrop-edge-fade: linear-gradient(transparent, transparent);position:relative;isolation:isolate;height:100%;padding:24px;overflow:hidden;color:var(--text);display:grid;grid-template-rows:minmax(0,1fr);background:var(--theme-backdrop-color, var(--app-browser-background));animation:app-enter .56s ease}.app-shell__backdrops{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.app-shell__browser-tint{display:none;position:fixed;top:0;left:0;right:0;z-index:3;pointer-events:none;background-color:var(--app-browser-background, var(--theme-backdrop-color))}.app-shell__browser-tint:after{position:fixed;right:0;bottom:0;left:0;content:"";background-color:inherit}.app-shell__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:0;transform:translateZ(0);transition:opacity .52s ease;will-change:opacity;background-color:var(--theme-backdrop-color);background-image:var(--theme-backdrop-edge-fade),var(--theme-backdrop-image);background-position:center top;background-repeat:no-repeat;background-size:cover}.app-shell__backdrop--underlay{z-index:1;opacity:1;transition:none}.app-shell__backdrop--active{z-index:2;opacity:1}.app-shell--plant,.app-shell__backdrop--plant{--theme-accent: #5d9f39;--theme-accent-soft: #d6f2b2;--theme-surface: rgba(255, 255, 255, .76);--theme-surface-strong: rgba(253, 255, 245, .96);--theme-shadow: 0 18px 40px rgba(84, 115, 47, .12);--theme-backdrop-color: #d6e4d0;--theme-backdrop-image: linear-gradient(180deg, rgba(248, 251, 245, .12), rgba(237, 245, 229, .24)), radial-gradient(circle at top left, rgba(170, 221, 120, .14), transparent 24%), radial-gradient(circle at 78% 12%, rgba(255, 224, 120, .1), transparent 22%), url(/assets/plant-backdrop-DzhZaqtR.webp)}.app-shell--cold,.app-shell__backdrop--cold{--theme-accent: #367eb5;--theme-accent-soft: #d3f3ff;--theme-surface: rgba(255, 255, 255, .75);--theme-surface-strong: rgba(250, 253, 255, .97);--theme-shadow: 0 18px 40px rgba(55, 103, 141, .12);--theme-backdrop-color: #d6e1f0;--theme-backdrop-image: linear-gradient(180deg, rgba(238, 246, 255, .1), rgba(230, 237, 247, .22)), radial-gradient(circle at top right, rgba(182, 236, 255, .16), transparent 28%), radial-gradient(circle at 15% 18%, rgba(255, 255, 255, .2), transparent 18%), url(/assets/cold-backdrop-DNi7brL_.webp)}.app-shell--air,.app-shell__backdrop--air{--theme-accent: #bd7d2a;--theme-accent-soft: #ffe1ad;--theme-surface: rgba(255, 250, 242, .76);--theme-surface-strong: rgba(255, 252, 247, .96);--theme-shadow: 0 18px 40px rgba(122, 86, 37, .14);--theme-backdrop-color: #ead9bc;--theme-backdrop-image: linear-gradient(180deg, rgba(255, 246, 226, .18), rgba(248, 231, 197, .26)), radial-gradient(circle at 14% 18%, rgba(255, 247, 216, .24), transparent 20%), radial-gradient(circle at 78% 12%, rgba(255, 209, 112, .18), transparent 24%), url(/assets/air-backdrop-Cbsw-VJW.png)}.app-shell--water,.app-shell__backdrop--water{--theme-accent: #287c63;--theme-accent-soft: #b9efd2;--theme-surface: rgba(244, 255, 249, .74);--theme-surface-strong: rgba(249, 255, 251, .96);--theme-shadow: 0 18px 40px rgba(31, 79, 63, .14);--theme-backdrop-color: #cde9d8;--theme-backdrop-image: linear-gradient(180deg, rgba(232, 255, 241, .14), rgba(213, 240, 221, .24)), radial-gradient(circle at 22% 12%, rgba(158, 232, 186, .16), transparent 20%), radial-gradient(circle at 76% 18%, rgba(213, 255, 230, .14), transparent 22%), url(/assets/water-backdrop-B7tnhcr1.png)}.app-shell--earth,.app-shell__backdrop--earth{--theme-accent: #b4542c;--theme-accent-soft: #f4c3aa;--theme-surface: rgba(255, 247, 242, .75);--theme-surface-strong: rgba(255, 251, 248, .96);--theme-shadow: 0 18px 40px rgba(102, 46, 27, .15);--theme-backdrop-color: #e4c1b4;--theme-backdrop-image: linear-gradient(180deg, rgba(255, 241, 233, .14), rgba(228, 187, 170, .24)), radial-gradient(circle at 20% 20%, rgba(255, 205, 168, .16), transparent 22%), radial-gradient(circle at 74% 12%, rgba(123, 48, 31, .18), transparent 28%), url(/assets/earth-backdrop-dgyBvlrS.png)}.app-shell--shugabush,.app-shell__backdrop--shugabush{--theme-accent: #6c8f3f;--theme-accent-soft: #d7e79c;--theme-surface: rgba(255, 252, 236, .76);--theme-surface-strong: rgba(255, 253, 243, .96);--theme-shadow: 0 18px 40px rgba(70, 87, 35, .14);--theme-backdrop-color: #d9d5ad;--theme-backdrop-image: linear-gradient(180deg, rgba(251, 247, 223, .16), rgba(212, 214, 171, .24)), radial-gradient(circle at 18% 16%, rgba(180, 212, 96, .18), transparent 24%), radial-gradient(circle at 74% 14%, rgba(108, 143, 63, .18), transparent 26%), url(/assets/shugabush-backdrop-CPLFYZQ6.png)}.app-shell--colossingum,.app-shell__backdrop--colossingum{--theme-accent: #b85a44;--theme-accent-soft: #f0c47f;--theme-surface: rgba(255, 246, 229, .76);--theme-surface-strong: rgba(255, 251, 240, .96);--theme-shadow: 0 18px 40px rgba(105, 60, 36, .16);--theme-backdrop-color: #e2bd86;--theme-backdrop-image: linear-gradient(180deg, rgba(255, 244, 218, .2), rgba(126, 79, 58, .18)), radial-gradient(circle at 50% 7%, rgba(255, 217, 133, .2), transparent 30%), radial-gradient(circle at 20% 18%, rgba(184, 90, 68, .16), transparent 24%), url(/assets/colossingum-backdrop-BPf5AlEY.webp)}.app-shell--wublin,.app-shell__backdrop--wublin{--theme-accent: #1688a6;--theme-accent-soft: #a7efff;--theme-surface: rgba(242, 253, 255, .76);--theme-surface-strong: rgba(247, 254, 255, .96);--theme-shadow: 0 18px 40px rgba(26, 82, 95, .16);--theme-backdrop-color: #b9dfe7;--theme-backdrop-image: linear-gradient(180deg, rgba(231, 252, 255, .16), rgba(55, 94, 108, .22)), radial-gradient(circle at 50% 9%, rgba(95, 226, 255, .24), transparent 30%), radial-gradient(circle at 24% 18%, rgba(49, 154, 157, .2), transparent 26%), url(/assets/wublin-backdrop-CQ-LGZor.jpg)}.planner-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(310px,380px) minmax(0,1fr);gap:24px;height:100%;min-height:0}.controls-panel,.board-panel{display:grid;gap:16px;min-height:0;align-self:stretch}.controls-panel{height:100%;overflow:hidden}.controls-card{display:grid;grid-template-rows:auto minmax(0,1fr);height:100%;min-height:0}.controls-card__pinned{display:grid;gap:18px}.controls-card__header{margin-bottom:0}.settings-menu{position:relative;z-index:5;flex:0 0 auto}.settings-menu--open{z-index:20}.settings-menu__trigger{display:grid;place-items:center;width:50px;height:50px;border:1px solid rgba(48,63,35,.12);border-radius:16px;background:#ffffffc2;color:color-mix(in srgb,var(--theme-accent) 68%,var(--text-strong));box-shadow:inset 0 1px #ffffffb8;cursor:pointer;text-decoration:none;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.settings-menu__trigger svg{width:24px;height:24px}.app-icon{display:block;flex:0 0 auto;color:currentColor;--app-icon-primary: currentColor;--app-icon-secondary: color-mix(in srgb, currentColor 58%, white)}.settings-menu__trigger:hover,.settings-menu--open .settings-menu__trigger{transform:translateY(-1px);border-color:#00000014;background:linear-gradient(180deg,rgba(255,255,255,.94),var(--theme-accent-soft));box-shadow:0 10px 20px #2430161a}.settings-menu__trigger:focus-visible{outline:2px solid color-mix(in srgb,var(--theme-accent) 45%,white);outline-offset:2px}.whats-new-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;place-items:center;padding:24px;background:#0c12107a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.whats-new-dialog{display:grid;grid-template-rows:auto minmax(0,1fr);width:min(720px,calc(100vw - 48px));max-height:min(760px,calc(100dvh - 48px));overflow:hidden;border:1px solid rgba(48,63,35,.12);border-radius:24px;background:linear-gradient(180deg,#fffffff7,#ffffffe6);color:var(--text-strong);box-shadow:0 26px 70px #0f181152,inset 0 1px #ffffffbd;outline:none;animation:settings-popover-in .26s cubic-bezier(.2,.9,.18,1)}.whats-new-dialog__header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 20px 16px;border-bottom:1px solid rgba(48,63,35,.12)}.whats-new-dialog__header h2{margin:2px 0 0;font-size:1.75rem;line-height:1}.whats-new-dialog__close{display:grid;place-items:center;width:42px;height:42px;flex:0 0 auto;border:1px solid rgba(48,63,35,.12);border-radius:14px;background:#ffffffb8;color:var(--theme-accent);cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.whats-new-dialog__close svg{width:24px;height:24px}.whats-new-dialog__close:hover{transform:translateY(-1px);border-color:#00000014;background:linear-gradient(180deg,rgba(255,255,255,.94),var(--theme-accent-soft));box-shadow:0 10px 20px #2430161a}.whats-new-dialog__close:focus-visible{outline:2px solid color-mix(in srgb,var(--theme-accent) 45%,white);outline-offset:2px}.whats-new-dialog__body{display:grid;align-content:start;gap:14px;padding:18px 20px 22px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch}.whats-new-entry{display:grid;gap:10px;padding:16px;border:1px solid rgba(48,63,35,.1);border-radius:16px;background:linear-gradient(180deg,#ffffffc7,#ffffff94),color-mix(in srgb,var(--theme-accent-soft) 28%,transparent)}.whats-new-entry__meta{color:color-mix(in srgb,var(--theme-accent) 56%,var(--muted));font-size:.72rem;font-weight:700;letter-spacing:0;text-transform:uppercase}.whats-new-entry h3{margin:0;font-size:1.08rem;line-height:1.15}.whats-new-entry ul{display:grid;gap:8px;margin:0;padding-left:1.1rem;color:var(--muted);font-weight:700;line-height:1.45}@media (max-width: 760px),(orientation: landscape) and (max-height: 520px) and (max-width: 980px){.whats-new-modal{place-items:stretch;padding:10px}.whats-new-dialog{width:100%;max-height:calc(100dvh - 20px);border-radius:18px}.whats-new-dialog__header{padding:14px 14px 12px}.whats-new-dialog__header h2{font-size:1.35rem}.whats-new-dialog__close{width:34px;height:34px;border-radius:10px}.whats-new-dialog__close svg{width:20px;height:20px}.whats-new-dialog__body{gap:10px;padding:12px}.whats-new-entry{gap:8px;padding:12px;border-radius:12px}}.settings-menu__popover{position:absolute;z-index:2;top:calc(100% + 12px);right:0;width:252px;padding:14px;border:1px solid rgba(48,63,35,.12);border-radius:18px;background:linear-gradient(180deg,#fffffff7,#ffffffe6);box-shadow:0 18px 38px #222e1c2e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform-origin:calc(100% - 25px) -37px;animation:settings-popover-in .26s cubic-bezier(.2,.9,.18,1)}.settings-menu__section{display:grid;gap:12px}.settings-menu__section+.settings-menu__section{margin-top:14px;padding-top:14px;border-top:1px solid rgba(47,62,36,.1)}.settings-menu__section-title{font-size:.86rem;color:var(--text-strong)}.settings-menu__toggle-list{display:grid;gap:8px}.board-export-menu__popover{--board-export-popover-padding: 14px;--board-export-option-padding: 9px;--board-export-option-icon-radius: 14px;--board-export-option-radius: calc( var(--board-export-option-icon-radius) + var(--board-export-option-padding) );--board-export-popover-radius: calc( var(--board-export-option-radius) + var(--board-export-popover-padding) );width:268px;padding:var(--board-export-popover-padding);border-radius:var(--board-export-popover-radius)}.board-export-menu__options{display:grid;gap:8px}.board-export-menu__option{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;min-height:58px;padding:var(--board-export-option-padding) 11px;border:1px solid rgba(48,63,35,.1);border-radius:var(--board-export-option-radius);background:#ffffffc2;color:var(--text-strong);text-align:left;transition:transform .18s ease,background .18s ease,border-color .18s ease,opacity .18s ease}.board-export-menu__option:hover:not(:disabled){transform:translateY(-1px);border-color:#00000014;background:linear-gradient(180deg,rgba(255,255,255,.94),var(--theme-accent-soft))}.board-export-menu__option:focus-visible{outline:2px solid color-mix(in srgb,var(--theme-accent) 45%,white);outline-offset:2px}.board-export-menu__option:disabled{cursor:not-allowed;opacity:.52}.board-export-menu__option-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:var(--board-export-option-icon-radius);background:color-mix(in srgb,var(--theme-accent-soft) 56%,white);color:color-mix(in srgb,var(--theme-accent) 74%,var(--text-strong))}.board-export-menu__option-icon svg{width:22px;height:22px;overflow:visible}.board-export-menu__option-body{display:grid;gap:2px;min-width:0}.board-export-menu__option-label{color:var(--text-strong);font-size:.92rem;font-weight:700}.board-export-menu__option-meta{color:var(--text-soft);font-size:.76rem}.board-frame__file-input{position:fixed;width:1px;height:1px;opacity:0;pointer-events:none}.settings-toggle{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:42px;padding:8px 10px;border-radius:14px;background:#ffffffad;border:1px solid rgba(48,63,35,.08);cursor:pointer}.settings-toggle__label{min-width:0;font-size:.88rem;font-weight:700;color:var(--text-strong);white-space:nowrap}.settings-toggle__switch{position:relative;width:44px;height:26px;flex:0 0 auto}.settings-toggle__switch input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.settings-toggle__track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:#62706a33;border:1px solid rgba(48,63,35,.14);transition:background .18s ease,border-color .18s ease}.settings-toggle__thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:999px;background:#fff;box-shadow:0 2px 7px #1f2a1c33;transition:transform .18s ease}.settings-toggle__switch input:checked+.settings-toggle__track{border-color:#00000014;background:color-mix(in srgb,var(--theme-accent) 58%,var(--theme-accent-soft))}.settings-toggle__switch input:checked+.settings-toggle__track .settings-toggle__thumb{transform:translate(18px)}.settings-toggle__switch input:focus-visible+.settings-toggle__track{outline:2px solid color-mix(in srgb,var(--theme-accent) 45%,white);outline-offset:2px}.settings-menu__popover.coin-calculator-menu__popover{width:min(520px,calc(100vw - 36px));max-height:min(660px,var(--coin-calculator-popover-max-height, calc(100dvh - 144px) ));overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;touch-action:pan-y;-webkit-overflow-scrolling:touch}.settings-menu__popover.coin-calculator-menu__popover--portal{position:fixed;top:var(--coin-calculator-popover-top, 72px);left:var(--coin-calculator-popover-left, 18px);right:auto;z-index:80;width:var(--coin-calculator-popover-width, min(520px, calc(100vw - 36px) ))}.coin-calculator-menu__summary{position:sticky;top:-16px;z-index:2;margin:-16px -16px 0;padding:16px 16px 14px;border-bottom:1px solid rgba(48,63,35,.1);background:inherit;box-shadow:0 12px 20px #14211814}.coin-calculator-menu__section+.coin-calculator-menu__section{margin-top:14px;padding-top:14px;border-top:1px solid rgba(48,63,35,.1)}.coin-calculator-menu__summary+.coin-calculator-menu__section{padding-top:0;border-top:0}.coin-calculator-result{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;column-gap:10px;min-width:0;padding:12px 14px;border:1px solid rgba(48,63,35,.1);border-radius:16px;background:linear-gradient(180deg,#ffffffeb,#ffffffa8),var(--theme-accent-soft)}.coin-calculator-result__icon,.coin-monster-row__level-icon,.coin-calculator-inline-icon,.currency-icon{display:inline-grid;place-items:center;flex:0 0 auto}.coin-calculator-result__icon{width:48px;height:48px}.coin-calculator-result__icon img,.currency-icon img{width:100%;height:100%;object-fit:contain}.coin-calculator-result__body{display:grid;gap:2px;min-width:0}.coin-calculator-result__value{min-width:0;color:color-mix(in srgb,var(--theme-accent) 74%,black);font-size:1.48rem;line-height:1.08;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.coin-calculator-result__rate-value{min-width:2ch;font-variant-numeric:tabular-nums}.coin-calculator-result__value--counting{display:inline-block;animation:coin-value-count .52s ease-out}.coin-calculator-result__label,.coin-calculator-result__rate,.coin-monster-row__meta,.coin-calculator-empty{color:var(--text-soft);font-size:.76rem}.coin-calculator-result__rate{display:inline-flex;align-items:center;gap:6px;padding-inline:2px}.polarity-menu__summary{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:14px;margin:-16px -16px 0;padding:16px 16px 15px;border-bottom:1px solid rgba(48,63,35,.1);background:radial-gradient(circle at 38px 28px,rgba(115,231,238,.28),transparent 44px),linear-gradient(180deg,#ffffffeb,#ffffffa3),var(--theme-accent-soft);box-shadow:0 12px 20px #14211814}.polarity-menu__amp{display:grid;place-items:center;width:58px;height:58px;filter:drop-shadow(0 9px 12px rgba(19,122,145,.22))}.polarity-menu__amp img,.polarity-menu__list img{width:100%;height:100%;object-fit:contain}.polarity-menu__score{display:block;color:color-mix(in srgb,var(--theme-accent) 74%,black);font-size:1.56rem;line-height:1.02;font-weight:800;font-variant-numeric:tabular-nums}.polarity-menu__score-label{color:var(--text-soft);font-size:.78rem;font-weight:700}.polarity-stage-picker{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.polarity-stage-picker__button{position:relative;min-width:0;height:46px;border:1px solid rgba(48,63,35,.12);border-radius:12px;background:linear-gradient(180deg,#ffffffe6,#ffffff9e),color-mix(in srgb,var(--theme-accent-soft) 24%,transparent);color:var(--text-strong);font-weight:800;cursor:pointer;overflow:hidden;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.polarity-stage-picker__button:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--theme-accent) 28%,rgba(0,0,0,.1))}.polarity-stage-picker__button--active{border-color:color-mix(in srgb,var(--theme-accent) 42%,rgba(0,0,0,.1));background:radial-gradient(circle at 50% 8px,rgba(105,230,237,.38),transparent 34px),linear-gradient(180deg,rgba(255,255,255,.96),var(--theme-accent-soft));color:color-mix(in srgb,var(--theme-accent) 70%,black);box-shadow:inset 0 1px #ffffffdb,0 8px 16px #16697e1f}.polarity-stage-picker__orb{position:absolute;left:50%;top:4px;width:18px;height:18px;opacity:.22;transform:translate(-50%) scale(.86);filter:drop-shadow(0 3px 6px rgba(19,122,145,.16))}.polarity-stage-picker__orb img{width:100%;height:100%;object-fit:contain}.polarity-stage-picker__button--active .polarity-stage-picker__orb{opacity:.82;transform:translate(-50%) scale(1)}.polarity-stage-picker__button>span:last-child{position:relative;z-index:1;display:inline-block;padding-top:12px}.polarity-menu__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.polarity-menu__stats span{display:grid;grid-template-columns:24px minmax(0,1fr);column-gap:7px;row-gap:2px;align-items:center;min-width:0;padding:9px 8px 8px;border:1px solid rgba(48,63,35,.08);border-radius:14px;background:#ffffffa8}.polarity-menu__stats img{width:24px;height:24px;object-fit:contain;filter:drop-shadow(0 3px 5px rgba(19,122,145,.14))}.polarity-menu__stats strong{min-width:0;color:var(--text-strong);font-size:.92rem;line-height:1.1;white-space:nowrap;overflow-wrap:anywhere}.polarity-menu__stats small{grid-column:1 / -1;color:var(--text-soft);font-size:.62rem;font-weight:700;line-height:1.1;text-align:center;white-space:nowrap}.polarity-menu__toggle-label{display:inline-flex;align-items:center;gap:8px}.polarity-menu__toggle-label img{width:22px;height:22px;object-fit:contain;filter:drop-shadow(0 3px 5px rgba(19,122,145,.14))}.polarity-menu__list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.polarity-menu__list li{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:8px;min-width:0;padding:8px 10px;border:1px solid rgba(48,63,35,.08);border-radius:12px;background:#ffffff9e;color:var(--text-soft);font-size:.76rem;font-weight:700}.polarity-menu__list img{width:22px;height:22px}.coin-calculator-inline-icon{width:18px;height:18px;vertical-align:-3px}.coin-calculator-inline-icon img,.coin-monster-row__level-icon img{width:100%;height:100%;object-fit:contain}.coin-calculator-field{display:grid;gap:7px;min-width:0}.coin-calculator-field__label{color:var(--text-strong);font-size:.78rem}.coin-calculator-duration{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.coin-calculator-input,.coin-calculator-select,.coin-monster-row__level-input{min-width:0;border:1px solid rgba(48,63,35,.14);border-radius:12px;background:#ffffffd1;color:var(--text-strong);box-shadow:inset 0 1px #ffffffb8}.coin-calculator-input,.coin-calculator-select{height:40px;padding:0 10px;font-size:.82rem}.coin-calculator-select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.coin-monster-list{display:grid;gap:8px}.coin-monster-row{display:grid;grid-template-columns:38px minmax(0,1fr) 78px auto;align-items:center;gap:10px;min-width:0;padding:8px;border:1px solid rgba(48,63,35,.08);border-radius:14px;background:#ffffffa8}.coin-monster-row__portrait{display:grid;place-items:center;width:38px;height:38px;overflow:hidden;border-radius:12px;background:#ffffffad}.coin-monster-row__portrait img{width:100%;height:100%;object-fit:contain}.coin-monster-row__body{display:grid;gap:2px;min-width:0}.coin-monster-row__label{min-width:0;color:var(--text-strong);font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.coin-monster-row__level{display:grid;grid-template-columns:22px 28px 42px 28px;align-items:center;gap:4px}.coin-monster-row__level-icon{width:20px;height:20px}.coin-monster-row__happiness{width:78px;height:32px;padding:0 6px;font-size:.76rem}.coin-monster-row__level-button{display:grid;place-items:center;width:28px;height:32px;border:1px solid rgba(48,63,35,.12);border-radius:10px;background:#ffffffc2;color:var(--text-strong);box-shadow:inset 0 1px #ffffffb8}.coin-monster-row__level-button:disabled{cursor:not-allowed;opacity:.42}.coin-monster-row__level-input{width:42px;height:32px;padding:0 4px;text-align:center;font-size:.8rem}.coin-monster-row__level-input::-webkit-outer-spin-button,.coin-monster-row__level-input::-webkit-inner-spin-button,.coin-calculator-input::-webkit-outer-spin-button,.coin-calculator-input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.coin-monster-row__level-input[type=number],.coin-calculator-input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.coin-calculator-input:focus,.coin-calculator-select:focus,.coin-monster-row__level-input:focus,.coin-monster-row__level-button:focus-visible{outline:2px solid color-mix(in srgb,var(--theme-accent) 45%,white);outline-offset:2px}.controls-card__scroll-shell{--sidebar-scroll-thumb-height: 100%;--sidebar-scroll-thumb-offset: 0px;display:grid;grid-template-columns:minmax(0,1fr) 16px;gap:8px;height:100%;min-height:0}.controls-card__scroll-clip{height:100%;min-height:0}.controls-card__scroll{box-sizing:border-box;height:100%;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding-top:18px;padding-right:8px;margin-right:0;-webkit-mask-image:linear-gradient(to bottom,transparent,black 22px,black calc(100% - 22px),transparent);mask-image:linear-gradient(to bottom,transparent,black 22px,black calc(100% - 22px),transparent);scrollbar-width:none;contain:layout paint style}.controls-card__scroll::-webkit-scrollbar{width:0;height:0}.controls-card__scrollbar{position:relative;min-height:0}.controls-card__scrollbar-track{position:absolute;top:18px;right:2px;bottom:18px;width:8px;cursor:pointer}.controls-card__scrollbar-thumb{position:absolute;top:0;left:0;width:100%;height:var(--sidebar-scroll-thumb-height);min-height:42px;border-radius:999px;background:linear-gradient(var(--theme-accent),var(--theme-accent));box-shadow:0 0 0 1px #ffffff14,0 3px 8px color-mix(in srgb,var(--theme-accent) 42%,transparent);transform:translate3d(0,var(--sidebar-scroll-thumb-offset),0);will-change:transform}.controls-card__scroll-shell[data-can-scroll=false] .controls-card__scrollbar-thumb{opacity:0}.board-panel{grid-template-rows:minmax(0,1fr) auto;height:100%}.panel-card{padding:22px;border-radius:28px;background:linear-gradient(180deg,var(--theme-surface-strong),var(--theme-surface));box-shadow:var(--theme-shadow);border:1px solid rgba(255,255,255,.88);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.sidebar-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:6px;border-radius:22px;background:#ffffff9e;border:1px solid rgba(43,60,28,.08)}.sidebar-tabs__button{border:0;border-radius:16px;padding:12px 14px;background:transparent;color:var(--text-soft);font-weight:700;transition:background .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}.sidebar-tabs__button:hover{transform:translateY(-1px)}.sidebar-tabs__button--active{background:linear-gradient(180deg,var(--theme-accent-soft),rgba(255,255,255,.92));color:color-mix(in srgb,var(--theme-accent) 72%,black);box-shadow:0 8px 18px #24301614}.panel-card__header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.panel-card__header--spaced{align-items:start}.panel-card__badge{border-radius:999px;padding:8px 12px;background:#ffffffb3;color:var(--text-soft);font-size:.8rem}.eyebrow{margin:0 0 6px;font-size:.72rem;color:var(--theme-accent);font-weight:700}.app-brand{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 6px}.app-brand__name{color:var(--theme-accent);font-size:.78rem;font-weight:700;line-height:1.2}.app-brand__badge{padding:3px 7px;border:1px solid color-mix(in srgb,var(--theme-accent) 28%,rgba(255,255,255,.8));border-radius:999px;background:color-mix(in srgb,var(--theme-accent-soft) 62%,white);color:color-mix(in srgb,var(--theme-accent) 74%,var(--text-strong));font-size:.58rem;font-weight:700;line-height:1.1}.island-switcher{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px;margin-bottom:16px}.island-switcher--footer{margin-bottom:0}.island-switcher__button{display:grid;grid-template-rows:minmax(88px,1fr) auto;justify-items:center;align-items:end;min-height:166px;border:1px solid rgba(44,60,28,.12);border-radius:22px;padding:12px 12px 14px;background:#ffffffb3;color:var(--text-strong);text-align:center;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.island-switcher__icon-wrap{display:grid;place-items:end center;width:100%;height:100%;min-height:88px}.island-switcher__icon{--island-icon-scale: 1;--island-icon-hover-scale: 1.03;display:block;width:min(100%,148px);max-height:104px;object-fit:contain;filter:drop-shadow(0 10px 12px rgba(25,35,24,.16));transform:translateY(2px) scale(var(--island-icon-scale));transform-origin:center}.island-switcher__icon[data-island-id=plant],.island-switcher__icon[data-island-id=cold],.island-switcher__icon[data-island-id=air]{--island-icon-scale: 1.42;--island-icon-hover-scale: 1.46}.island-switcher__icon[data-island-id=wublin]{--island-icon-scale: 1.34;--island-icon-hover-scale: 1.38}.island-switcher__label{display:block;font-family:var(--heading);font-size:1.12rem;margin-top:6px;line-height:1.05}.island-switcher__button:hover{transform:translateY(-2px);box-shadow:0 12px 22px #24301614}.island-switcher__button--active{border-color:#00000014;background:linear-gradient(180deg,var(--theme-accent-soft),rgba(255,255,255,.86))}.search-box{display:grid;gap:8px;font-size:.9rem;color:var(--text-soft)}.search-box--monster{margin-bottom:0}.search-box input{border:1px solid rgba(41,49,35,.14);border-radius:16px;padding:12px 14px;background:#ffffffe0;color:var(--text-strong);font:inherit}.search-box input:focus{outline:2px solid color-mix(in srgb,var(--theme-accent) 45%,white);outline-offset:2px}.checklist-stack{display:grid;gap:18px}.section-block{display:grid;gap:14px}.section-block__header h3{margin:0;font-size:1rem}.family-grid,.structure-grid{display:grid;gap:12px}.family-card{padding:14px;border-radius:20px;background:#ffffffb8;border:1px solid rgba(38,53,23,.08)}.family-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.family-card__header h4{margin:0 0 4px;font-size:1rem}.family-card__header p{margin:0;color:var(--text-soft);font-size:.83rem}.family-card__identity{display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:12px;min-width:0}.family-card__identity--text-only{grid-template-columns:minmax(0,1fr)}.family-card__portrait,.toggle-chip__portrait,.toggle-chip__icon,.stepper-chip__icon{display:grid;place-items:center;aspect-ratio:1;overflow:visible}.family-card__portrait{width:54px;border-radius:16px}.family-card__portrait img,.toggle-chip__portrait img,.stepper-chip__icon img,.toggle-chip__icon .structure-icon,.stepper-chip__icon .structure-icon{display:block;width:100%;height:100%;object-fit:contain}.family-card__bulk-toggle{display:grid;place-items:center;flex:0 0 auto;width:46px;height:46px;border-radius:14px;border:1px solid rgba(48,63,35,.12);background:#ffffffdb;transition:transform .18s ease,border-color .18s ease,background .18s ease;cursor:pointer}.family-card__bulk-toggle:hover{transform:translateY(-1px)}.family-card__bulk-toggle--checked,.family-card__bulk-toggle--mixed{border-color:#00000014;background:linear-gradient(180deg,rgba(255,255,255,.9),var(--theme-accent-soft))}.family-card__bulk-toggle input{width:18px;height:18px;margin:0;accent-color:var(--theme-accent)}.family-card__toggles,.structure-grid{display:grid;gap:10px;margin-top:12px}.toggle-chip{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:11px 13px;border-radius:16px;border:1px solid rgba(48,63,35,.12);background:#ffffffd1;transition:transform .18s ease,border-color .18s ease,background .18s ease;cursor:pointer}.toggle-chip--with-image{grid-template-columns:auto 40px minmax(0,1fr) auto;padding:8px 11px 8px 9px}.toggle-chip input{margin:0;accent-color:var(--theme-accent)}.toggle-chip:hover{transform:translateY(-1px)}.toggle-chip--checked{border-color:#00000014;background:linear-gradient(180deg,rgba(255,255,255,.9),var(--theme-accent-soft))}.toggle-chip__label{min-width:0;font-weight:700;color:var(--text-strong)}.toggle-chip__meta{color:var(--text-soft);font-size:.82rem;white-space:nowrap}.toggle-chip__portrait,.toggle-chip__icon,.stepper-chip__icon{width:40px;border-radius:12px}.stepper-chip{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 13px;border-radius:16px;border:1px solid rgba(48,63,35,.12);background:#ffffffd1}.stepper-chip__details{display:grid;gap:4px}.stepper-chip__label{font-weight:700;color:var(--text-strong)}.stepper-chip__meta{color:var(--text-soft);font-size:.82rem}.stepper-chip__control{display:grid;grid-template-columns:38px 68px 38px;align-items:center;gap:8px}.stepper-chip__button,.stepper-chip__input{border:1px solid rgba(48,63,35,.12);border-radius:12px;background:#ffffffeb;color:var(--text-strong);font:inherit}.stepper-chip__button{height:40px;padding:0;font-size:1.15rem;font-weight:700;transition:transform .18s ease,border-color .18s ease,background .18s ease}.stepper-chip__button:hover:not(:disabled){transform:translateY(-1px)}.stepper-chip__button:disabled{opacity:.42;cursor:not-allowed}.stepper-chip__input{width:68px;height:40px;padding:0 8px;text-align:center}.stepper-chip__input:focus,.stepper-chip__button:focus{outline:2px solid color-mix(in srgb,var(--theme-accent) 45%,white);outline-offset:2px}.stepper-chip__input::-webkit-outer-spin-button,.stepper-chip__input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.stepper-chip__input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.board-card{height:100%;min-height:0}.board-frame{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr);gap:18px;height:100%;min-height:0;padding:22px;border-radius:34px;background:radial-gradient(circle at top center,rgba(255,255,255,.9),transparent 28%),linear-gradient(180deg,#ffffffe0,#ffffff9e);border:1px solid rgba(255,255,255,.94);box-shadow:inset 0 1px #ffffffbf}.board-frame__header{display:grid;gap:0;align-content:start}.board-frame__canvas{position:relative;display:grid;place-items:center;min-height:0;height:100%;overflow:hidden;overscroll-behavior:contain;border-radius:28px;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.board-frame__canvas-actions{position:absolute;top:18px;z-index:3;display:grid;gap:8px;pointer-events:auto}.board-frame__canvas-actions>*{position:relative;z-index:1}.board-frame__canvas-actions>.settings-menu--open{z-index:30}.board-frame__canvas-actions--left{left:18px;justify-items:start}.board-frame__canvas-actions--right{right:18px;justify-items:end}.board-frame__canvas-actions--file{top:auto;right:18px;bottom:18px;justify-items:end}.board-frame__canvas-actions--left .settings-menu__popover{right:auto;left:0;transform-origin:25px -37px}.board-frame__download{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(47,62,36,.1);border-radius:16px;background:linear-gradient(180deg,#fffffff5,#ffffffb8),color-mix(in srgb,var(--theme-accent-soft) 28%,transparent);box-shadow:0 10px 24px #2330181a,inset 0 1px #ffffffdb;color:color-mix(in srgb,var(--theme-accent) 72%,var(--text-strong));cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease,opacity .18s ease}.board-frame__download svg{width:23px;height:23px}.board-frame__download:hover:not(:disabled){transform:translateY(-2px);border-color:color-mix(in srgb,var(--theme-accent) 24%,rgba(47,62,36,.14));background:linear-gradient(180deg,#fffffffa,#ffffffc7),var(--theme-accent-soft);box-shadow:0 14px 28px #23301824,inset 0 1px #ffffffe6}.board-frame__download:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.board-frame__download:disabled{cursor:not-allowed;opacity:.52}.planner-board{width:100%;height:100%;max-width:100%;max-height:100%;display:block}.planner-board__tile{fill:#ffffffb8;stroke:#47523e3d;stroke-width:1;vector-effect:non-scaling-stroke}.planner-board__castle-tile{fill:#3c4551cc;stroke:#f9fafbb8;stroke-width:1;vector-effect:non-scaling-stroke}.planner-board__placement-label{text-anchor:middle;dominant-baseline:middle;font-family:var(--heading);font-weight:700;paint-order:stroke;stroke:#ffffffc7;stroke-width:3px}.planner-board__placement{stroke:#ffffffe6;stroke-width:1.4;vector-effect:non-scaling-stroke}.planner-board__placement--structure{fill-opacity:.82}.planner-board__placement--monster{fill-opacity:.95}.planner-board__monster-portrait{pointer-events:none;filter:drop-shadow(0 5px 5px rgba(28,34,22,.2))}[data-placement-fly-target]{transform-box:fill-box;transform-origin:center}.planner-board__zoom-stable-overlay{transform-box:fill-box;transform-origin:50% 62%;transform:scale(var(--board-inverse-zoom, 1))}.planner-board__placement-label{fill:#22291cf5}.board-frame__veil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:0;transition:opacity .32s ease;background:linear-gradient(180deg,#ffffff38,#ffffff6b),color-mix(in srgb,var(--theme-accent-soft) 18%,transparent)}.board-frame__veil--visible{opacity:1}.planner-board__loading-outline-track,.planner-board__loading-outline-runner{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.planner-board__loading-outline{opacity:0;pointer-events:none;transition:opacity .32s ease}.planner-board__loading-outline--visible{opacity:1}.planner-board__loading-outline-track{stroke:color-mix(in srgb,var(--theme-accent) 26%,white);stroke-opacity:.38;stroke-width:4.8}.planner-board__loading-outline-runner{stroke:color-mix(in srgb,var(--theme-accent) 86%,#1d8c48);stroke-width:6.4;stroke-dasharray:.18 .82;stroke-dashoffset:1;filter:drop-shadow(0 4px 5px color-mix(in srgb,var(--theme-accent) 42%,transparent));animation:loading-outline-lap 2.55s cubic-bezier(.36,.78,.64,.22) infinite}.island-footer{margin-top:0}@keyframes loading-outline-lap{0%{opacity:.38;stroke-dasharray:.035 .965;stroke-dashoffset:1}35%{opacity:1;stroke-dasharray:.24 .76}72%{opacity:.92;stroke-dasharray:.17 .83}to{opacity:.42;stroke-dasharray:.035 .965;stroke-dashoffset:0}}@keyframes app-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes settings-popover-in{0%{opacity:0;transform:translateY(-10px) scale(.86)}72%{opacity:1;transform:translateY(1px) scale(1.035)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes layout-menu-spring-in{0%{opacity:0;transform:translateY(-48%) scale(.88)}72%{opacity:1;transform:translateY(-50%) scale(1.025)}to{opacity:1;transform:translateY(-50%) scale(1)}}@keyframes mobile-layout-menu-in{0%{opacity:0;transform:translateY(4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes board-popover-spring-in{0%{opacity:0;transform:translate(-50%) translateY(-8px) scale(.88)}72%{opacity:1;transform:translate(-50%) translateY(1px) scale(1.025)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes placement-actions-spring-in{0%{opacity:0;transform:translate(-50%,calc(-100% - 4px)) scale(.88)}72%{opacity:1;transform:translate(-50%,calc(-100% - 13px)) scale(1.035)}to{opacity:1;transform:translate(-50%,calc(-100% - 12px)) scale(1)}}@keyframes placement-pop-in{0%{opacity:0;transform:translateY(8px) scale(.72)}58%{opacity:1;transform:translateY(-3px) scale(1.08)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes placement-scale-out{0%{opacity:1;transform:scale(1)}42%{opacity:1;transform:scale(1.06)}to{opacity:0;transform:scale(.2)}}@keyframes placement-lift-up{0%{transform:translateY(0)}to{transform:translateY(-9px)}}@keyframes placement-lift-down{0%{transform:translateY(-9px)}62%{transform:translateY(-2px)}to{transform:translateY(0)}}@keyframes placement-preview-dash{to{stroke-dashoffset:-14}}@keyframes placement-preview-valid-pulse{0%,to{filter:drop-shadow(0 0 0 color-mix(in srgb,var(--theme-accent) 0%,transparent));stroke-width:2}50%{filter:drop-shadow(0 0 8px color-mix(in srgb,var(--theme-accent) 48%,transparent));stroke-width:2.7}}@keyframes placement-preview-invalid-pulse{0%,to{stroke-width:2}50%{stroke-width:2.9}}@keyframes placement-preview-invalid-wobble{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}@keyframes selection-ripple{0%{opacity:.9;transform:scale(.92)}52%{opacity:.82}to{opacity:0;transform:scale(1.22);stroke-width:.8}}@keyframes catalog-portrait-toss{0%{transform:translateY(0) scale(1)}42%{transform:translateY(-7px) scale(1.18) rotate(-3deg)}to{transform:translateY(0) scale(1) rotate(0)}}@keyframes catalog-add-ripple{0%{opacity:.52;transform:translate(-50%,-50%) scale(.45)}to{opacity:0;transform:translate(-50%,-50%) scale(1.85)}}@keyframes coin-value-count{0%{color:color-mix(in srgb,var(--theme-accent) 88%,black);transform:translateY(1px) scale(.985)}44%{color:color-mix(in srgb,var(--theme-accent) 76%,black);transform:translateY(-1px) scale(1.035)}to{transform:translateY(0) scale(1)}}@media (prefers-reduced-motion: reduce){.app-shell__backdrop,.board-export-menu__option,.settings-menu__trigger,.whats-new-dialog__close,.board-frame__download,.board-frame__veil,.planner-board__loading-outline,.settings-toggle__track,.settings-toggle__thumb{transition:none}.settings-menu__popover,.reset-grid-menu__popover,.whats-new-dialog,.layout-mode-picker__menu,.placement-actions,.castle-picker--board,.planner-board__placement-hitbox--entering,.planner-board__placement-overlay-hitbox--entering,.planner-board__placement-hitbox--exiting,.planner-board__placement-overlay-hitbox--exiting,.planner-board__placement-hitbox--carried,.planner-board__placement-overlay-hitbox--carried,.planner-board__placement-hitbox--settling,.planner-board__placement-overlay-hitbox--settling,.planner-board__placement-preview,.planner-board__placement-preview-tile,.planner-board__selection-ripple-tile{animation:none}.planner-board__loading-outline-runner{animation:none;opacity:.92;stroke-dasharray:.26 .74;stroke-dashoffset:.12}}@media (max-width: 1200px){.planner-layout{grid-template-columns:minmax(280px,350px) minmax(0,1fr);gap:18px}}@media (max-width: 960px){.app-shell{padding:18px;height:auto;min-height:100dvh;overflow:visible}.planner-layout{grid-template-columns:1fr;height:auto;min-height:auto}.controls-panel{height:auto;overflow:visible}.controls-card{height:auto}.board-panel{grid-template-rows:auto;height:auto}.controls-card__scroll-shell{display:block;height:auto}.controls-card__scroll-clip{height:auto;overflow:visible}.controls-card__scroll{height:auto;overflow:visible;padding-top:18px;padding-right:0;margin-right:0;border-radius:0;-webkit-mask-image:none;mask-image:none;scrollbar-width:auto}.controls-card__scrollbar{display:none}}@media (max-width: 640px){.app-shell{padding:12px}.panel-card{padding:18px;border-radius:22px}.panel-card__header{align-items:start;flex-direction:column}.controls-card__header{align-items:start;flex-direction:row}.toggle-chip{grid-template-columns:auto 1fr}.toggle-chip__meta{grid-column:2}.toggle-chip--with-image{grid-template-columns:auto 38px minmax(0,1fr)}.toggle-chip--with-image .toggle-chip__meta{grid-column:3}.stepper-chip{grid-template-columns:1fr}.stepper-chip__control{justify-self:start}.coin-monster-row{grid-template-columns:38px minmax(0,1fr)}.coin-monster-row__happiness,.coin-monster-row__level{grid-column:2;justify-self:start}.island-switcher{grid-template-columns:1fr}}.app-shell{--glass-border: rgba(255, 255, 255, .78);--glass-edge: rgba(45, 58, 32, .11);--glass-highlight: rgba(255, 255, 255, .58);--control-shadow: 0 10px 24px rgba(35, 48, 24, .1);--control-shadow-soft: 0 6px 16px rgba(35, 48, 24, .07);--focus-ring: color-mix(in srgb, var(--theme-accent) 48%, white);padding:clamp(14px,2vw,28px);background:var(--theme-backdrop-color, var(--app-browser-background))}.app-shell:after{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;content:"";background:linear-gradient(180deg,#ffffff4d,#ffffff0a 42%),repeating-linear-gradient(135deg,rgba(255,255,255,.08) 0,rgba(255,255,255,.08) 1px,transparent 1px,transparent 18px);mix-blend-mode:soft-light}.app-shell--plant,.app-shell__backdrop--plant{--theme-shadow: 0 22px 48px rgba(84, 115, 47, .18);--theme-backdrop-image: linear-gradient(180deg, rgba(252, 255, 247, .28), rgba(224, 240, 212, .18)), url(/assets/plant-backdrop-DzhZaqtR.webp)}.app-shell--cold,.app-shell__backdrop--cold{--theme-shadow: 0 22px 48px rgba(55, 103, 141, .18);--theme-backdrop-image: linear-gradient(180deg, rgba(244, 250, 255, .34), rgba(215, 231, 242, .2)), url(/assets/cold-backdrop-DNi7brL_.webp)}.app-shell--air,.app-shell__backdrop--air{--theme-shadow: 0 22px 48px rgba(122, 86, 37, .18);--theme-backdrop-image: linear-gradient(180deg, rgba(255, 249, 233, .32), rgba(238, 211, 165, .18)), url(/assets/air-backdrop-Cbsw-VJW.png)}.app-shell--water,.app-shell__backdrop--water{--theme-shadow: 0 22px 48px rgba(31, 79, 63, .18);--theme-backdrop-image: linear-gradient(180deg, rgba(239, 255, 246, .3), rgba(195, 228, 208, .18)), url(/assets/water-backdrop-B7tnhcr1.png)}.app-shell--earth,.app-shell__backdrop--earth{--theme-shadow: 0 22px 48px rgba(102, 46, 27, .19);--theme-backdrop-image: linear-gradient(180deg, rgba(255, 246, 239, .3), rgba(218, 176, 155, .2)), url(/assets/earth-backdrop-dgyBvlrS.png)}.app-shell--shugabush,.app-shell__backdrop--shugabush{--theme-shadow: 0 22px 48px rgba(70, 87, 35, .18);--theme-backdrop-image: linear-gradient(180deg, rgba(255, 252, 232, .3), rgba(200, 207, 154, .2)), url(/assets/shugabush-backdrop-CPLFYZQ6.png)}.app-shell--colossingum,.app-shell__backdrop--colossingum{--theme-shadow: 0 22px 48px rgba(105, 60, 36, .2);--theme-backdrop-image: linear-gradient(180deg, rgba(255, 245, 222, .34), rgba(133, 82, 58, .22)), radial-gradient(circle at 50% 8%, rgba(255, 219, 138, .18), transparent 29%), url(/assets/colossingum-backdrop-BPf5AlEY.webp)}.planner-layout{gap:clamp(16px,2vw,26px)}.controls-panel{overflow:visible}.controls-card__pinned{gap:14px;padding-bottom:14px;border-bottom:1px solid rgba(47,62,36,.08)}.controls-card__scroll{padding-top:14px}.controls-card__scrollbar-track{top:14px;bottom:14px}.panel-card,.board-frame{border:1px solid var(--glass-border);background:linear-gradient(180deg,#ffffffeb,#ffffffad),var(--theme-surface);box-shadow:var(--theme-shadow),inset 0 1px 0 var(--glass-highlight),inset 0 -1px #37462a0d}.panel-card{border-radius:24px}.panel-card__header{margin-bottom:14px}.eyebrow{font-size:.68rem;text-transform:uppercase}.settings-menu__trigger{width:48px;height:48px;border-color:var(--glass-edge);border-radius:18px;background:linear-gradient(180deg,#fffffff5,#ffffffb8),color-mix(in srgb,var(--theme-accent-soft) 28%,transparent);box-shadow:var(--control-shadow-soft),inset 0 1px #ffffffdb}.settings-menu__trigger:hover,.settings-menu--open .settings-menu__trigger{transform:translateY(-2px);background:linear-gradient(180deg,#fffffffa,#ffffffc7),var(--theme-accent-soft);box-shadow:var(--control-shadow),inset 0 1px #ffffffe6}.settings-menu__trigger:focus-visible,.search-box input:focus,.stepper-chip__input:focus,.stepper-chip__button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.settings-menu__trigger:disabled{cursor:not-allowed;opacity:.5;transform:none}.settings-menu__trigger:disabled:hover{transform:none}.settings-menu__popover{border-color:var(--glass-border);border-radius:20px;width:296px;padding:16px;background:linear-gradient(180deg,#fffffffa,#ffffffdb),var(--theme-surface-strong);box-shadow:0 20px 46px #222e1c33}.settings-menu__popover.board-export-menu__popover{width:268px}.reset-grid-menu__popover{--reset-grid-popover-padding: 12px;--reset-grid-popover-radius: 18px;--reset-grid-action-radius: calc(var(--reset-grid-popover-radius) - 6px);position:absolute;top:calc(100% + 8px);right:0;z-index:30;display:grid;gap:8px;width:min(248px,calc(100vw - 36px));padding:var(--reset-grid-popover-padding);border:1px solid rgba(47,62,36,.12);border-radius:var(--reset-grid-popover-radius);background:linear-gradient(180deg,#fffffffa,#ffffffe0),var(--theme-surface-strong);box-shadow:0 18px 38px #222e1c33;transform-origin:calc(100% - 24px) -20px;animation:settings-popover-in .22s cubic-bezier(.2,.9,.18,1)}.reset-grid-menu__title{margin:0;color:var(--text-strong);font-size:.92rem;font-weight:800}.reset-grid-menu__copy{margin:0;color:var(--text-soft);font-size:.76rem;line-height:1.35}.reset-grid-menu__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:2px}.reset-grid-menu__actions .placement-actions__button{border-radius:var(--reset-grid-action-radius)}.reset-grid-menu__popover--portal{position:fixed;top:var(--reset-grid-popover-top, 72px);left:var(--reset-grid-popover-left, 18px);right:auto;z-index:85;width:var(--reset-grid-popover-width, 248px)}.settings-toggle{gap:20px;min-height:54px;padding:10px 14px;border-color:#2f3e2417;border-radius:16px;background:#ffffffbd;transition:background .18s ease,transform .18s ease,border-color .18s ease}.settings-toggle:hover{transform:translateY(-1px);background:#ffffffe6}.settings-toggle__switch{--settings-toggle-thumb-inset: 5px;--settings-toggle-thumb-size: 22px;--settings-toggle-thumb-shift: calc( 52px - var(--settings-toggle-thumb-size) - var(--settings-toggle-thumb-inset) * 2 );width:52px;height:32px}.settings-toggle__track{border:2px solid rgba(47,62,36,.22);border-radius:999px;background:linear-gradient(180deg,#ffffffc7,#ffffff75),#62706a29;box-shadow:inset 0 1px #ffffffdb,inset 0 2px 7px #212c1e1f}.settings-toggle__track:before{position:absolute;top:5px;left:9px;width:16px;height:7px;border:0;border-radius:999px;background:#ffffff80;content:"";opacity:0;transform:none;transition:opacity .16s ease}.settings-toggle__thumb{display:block;top:50%;left:var(--settings-toggle-thumb-inset);width:var(--settings-toggle-thumb-size);height:var(--settings-toggle-thumb-size);background:#fff;box-shadow:0 3px 9px #1f2a1c38,inset 0 1px #ffffffdb;transform:translateY(-50%);transition:transform .18s ease,box-shadow .18s ease}.settings-toggle__switch input:checked+.settings-toggle__track{border-color:color-mix(in srgb,var(--theme-accent) 70%,black);background:linear-gradient(180deg,var(--theme-accent),color-mix(in srgb,var(--theme-accent) 72%,black));box-shadow:0 6px 14px #24301624,inset 0 1px #ffffff4d}.settings-toggle__switch input:checked+.settings-toggle__track:before{opacity:.42}.settings-toggle__switch input:checked+.settings-toggle__track .settings-toggle__thumb{transform:translate(var(--settings-toggle-thumb-shift),-50%);box-shadow:0 4px 10px #1621123d,inset 0 1px #ffffffe0}.settings-toggle__switch input:focus-visible+.settings-toggle__track{outline:2px solid var(--focus-ring);outline-offset:2px}.sidebar-tabs{gap:6px;padding:5px;border-color:#2f3e2417;border-radius:18px;background:#ffffff94;box-shadow:inset 0 1px 2px #1f2a1c0f}.sidebar-tabs__button{min-height:44px;border-radius:14px;padding:10px 12px}.sidebar-tabs__button:hover{color:var(--text-strong);background:#ffffff7a}.sidebar-tabs__button:focus-visible,.island-switcher__button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.sidebar-tabs__button--active{background:linear-gradient(180deg,#ffffffe6,#ffffff94),var(--theme-accent-soft);color:color-mix(in srgb,var(--theme-accent) 72%,black);box-shadow:0 8px 18px #2430161a}.sidebar-tabs__button--active:hover{background:linear-gradient(180deg,#ffffffe0,#ffffff85),var(--theme-accent-soft);color:color-mix(in srgb,var(--theme-accent) 78%,black);box-shadow:0 10px 20px #2430161f}.layout-mode-controls{display:grid;grid-template-columns:minmax(132px,1fr) auto;align-items:center;gap:10px}.mobile-panel-toggle{display:none}.layout-mode-picker{position:relative;min-width:0}.layout-mode-picker__button{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-width:0;height:52px;border:1px solid rgba(47,62,36,.12);border-radius:14px;padding:0 12px 0 14px;background:#ffffffc2;color:var(--text-strong);font:inherit;font-size:.88rem;font-weight:700;line-height:1.2;text-align:left;box-shadow:inset 0 1px #ffffffb8}.layout-mode-picker__button:focus-visible,.layout-mode-picker--open .layout-mode-picker__button{border-color:color-mix(in srgb,var(--theme-accent) 36%,rgba(47,62,36,.12));outline:2px solid var(--focus-ring);outline-offset:2px}.layout-mode-picker__button span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layout-mode-picker__chevron{width:18px;height:18px;opacity:.78;transform:translateY(1px);transition:transform .18s ease}.layout-mode-picker--open .layout-mode-picker__chevron{transform:translateY(1px) rotate(180deg)}.layout-mode-picker__menu{position:absolute;top:50%;left:0;right:0;z-index:30;display:grid;gap:4px;padding:6px;border:1px solid color-mix(in srgb,var(--theme-accent) 28%,rgba(47,62,36,.16));border-radius:14px;background:#272f27eb;box-shadow:0 14px 28px #18231b3d,inset 0 1px #ffffff29;transform:translateY(-50%);animation:layout-menu-spring-in .23s cubic-bezier(.2,.9,.18,1)}.layout-mode-picker__option{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;width:100%;min-height:38px;border:0;border-radius:9px;padding:7px 9px;background:transparent;color:#ffffffdb;font:inherit;font-size:.88rem;font-weight:700;line-height:1.15;text-align:left}.layout-mode-picker__option:hover,.layout-mode-picker__option:focus-visible,.layout-mode-picker__option--selected{background:color-mix(in srgb,var(--theme-accent) 58%,#4d84df);color:#fff;outline:0}.layout-mode-picker__check{display:block;width:16px;height:16px;opacity:0}.layout-mode-picker__option--selected .layout-mode-picker__check{opacity:1}.auto-organize-toggle{display:grid;grid-template-columns:auto auto;align-items:center;gap:8px;min-height:52px;padding:8px 10px;border:1px solid rgba(47,62,36,.09);border-radius:18px;background:#ffffff94;color:var(--text-strong);font-weight:700}.auto-organize-toggle__label{font-size:.82rem}.search-box{position:relative;color:var(--text-soft)}.search-box__icon{position:absolute;top:50%;left:13px;width:20px;height:20px;color:color-mix(in srgb,var(--theme-accent) 60%,var(--text-soft));transform:translateY(-50%);pointer-events:none}.search-box input{box-sizing:border-box;width:100%;min-width:0;min-height:48px;border-color:#2931231c;border-radius:18px;padding:12px 14px 12px 46px;background:linear-gradient(180deg,#fffffff2,#ffffffbd),#ffffffe0;box-shadow:inset 0 1px #ffffffdb}.search-box input::placeholder{color:color-mix(in srgb,var(--text-soft) 78%,white)}.sidebar-search-row{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:10px}.sidebar-search-row--with-filter{grid-template-columns:minmax(0,1fr) 48px}.sidebar-search-row .search-box{min-width:0}.catalog-variant-picker{position:relative;box-sizing:border-box;display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(41,49,35,.11);border-radius:18px;background:linear-gradient(180deg,#fffffff2,#ffffffbd),#ffffffe0;box-shadow:inset 0 1px #ffffffdb;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.catalog-variant-picker:hover{border-color:color-mix(in srgb,var(--theme-accent) 30%,rgba(41,49,35,.11));transform:translateY(-1px)}.catalog-variant-picker:focus-within{outline:2px solid var(--focus-ring);outline-offset:2px}.catalog-variant-picker__icon{display:grid;place-items:center;width:30px;height:30px;pointer-events:none}.catalog-variant-picker__icon img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 4px rgba(20,30,16,.14))}.catalog-variant-picker__select{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;opacity:0;cursor:pointer}.castle-picker{display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:12px;min-width:0;padding:10px;border:1px solid rgba(47,62,36,.08);border-radius:18px;background:linear-gradient(180deg,#ffffffd1,#ffffff8f),color-mix(in srgb,var(--theme-accent-soft) 18%,transparent);box-shadow:inset 0 1px #ffffffc7}.castle-picker--over{border-color:#a1462a38;background:linear-gradient(180deg,#ffffffdb,#ffffff94),#f4ac8b57}.castle-picker__icon{position:relative;display:grid;place-items:center;width:54px;aspect-ratio:1;border:1px solid rgba(47,62,36,.09);border-radius:16px;background:linear-gradient(180deg,#ffffffc2,#ffffff4d),color-mix(in srgb,var(--theme-accent-soft) 24%,transparent)}.castle-picker__icon[data-castle-tier=basic],.castle-picker__icon[data-castle-tier=modest],.castle-picker__icon[data-castle-tier=comfortable],.castle-picker__icon[data-castle-tier=spacious],.castle-picker__icon[data-castle-tier=luxurious]{background:linear-gradient(180deg,#ffffffd1,#ffffff57),color-mix(in srgb,var(--theme-accent-soft) 28%,transparent)}.castle-picker__icon[data-castle-tier=extravagant],.castle-picker__icon[data-castle-tier=paradise],.castle-picker__icon[data-castle-tier=crystalline],.castle-picker__icon[data-castle-tier=polished-crystalline],.castle-picker__icon[data-castle-tier=carved-crystalline]{border-color:color-mix(in srgb,var(--theme-accent) 24%,rgba(47,62,36,.14));background:linear-gradient(180deg,#ffffffdb,#fff6),color-mix(in srgb,var(--theme-accent-soft) 46%,white)}.castle-picker__icon img{width:43px;height:43px;object-fit:contain;filter:drop-shadow(0 4px 4px rgba(28,34,22,.16))}.castle-picker__icon span{position:absolute;right:-4px;bottom:-4px;min-width:28px;padding:3px 5px;border:1px solid color-mix(in srgb,var(--theme-accent) 38%,rgba(47,62,36,.2));border-radius:999px;background:#ffffffeb;color:var(--text-strong);font-family:var(--heading);font-size:.65rem;font-weight:700;line-height:1;text-align:center}.castle-picker__body{display:grid;min-width:0;gap:5px}.castle-picker__select-shell{position:relative;display:flex;align-items:center;width:100%;min-width:0;min-height:54px;border:1px solid color-mix(in srgb,var(--theme-accent) 24%,rgba(47,62,36,.11));border-radius:16px;padding:8px 34px 8px 11px;background:linear-gradient(180deg,#fffffff5,#ffffffb8),color-mix(in srgb,var(--theme-accent-soft) 34%,transparent);color:color-mix(in srgb,var(--theme-accent) 70%,var(--text-strong));font:inherit;font-size:.86rem;font-weight:700;box-shadow:inset 0 1px #ffffffe0,0 8px 16px color-mix(in srgb,var(--theme-accent) 9%,transparent);overflow:hidden}.castle-picker--over .castle-picker__select-shell{border-color:#c95b3a3d;background:linear-gradient(180deg,#fffffff5,#fff5efb8),#f4ac8b4d;color:color-mix(in srgb,#a1462a 78%,var(--text-strong))}.castle-picker__select-chevron{position:absolute;right:14px;width:18px;height:18px;opacity:.72;pointer-events:none;transform:translateY(1px)}.castle-picker__select-shell:focus-within{border-color:color-mix(in srgb,var(--theme-accent) 36%,rgba(47,62,36,.12));outline:2px solid var(--focus-ring);outline-offset:2px}.castle-picker__selected-label{display:block;min-width:0;overflow:hidden;pointer-events:none;text-overflow:ellipsis;white-space:nowrap}.castle-picker__select{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;opacity:0;cursor:pointer}.section-block{gap:12px;content-visibility:auto;contain-intrinsic-size:auto 320px}.catalog-filter-bar{position:sticky;top:0;z-index:3;padding-bottom:12px;background:linear-gradient(180deg,var(--theme-surface-strong) 0%,var(--theme-surface-strong) 70%,transparent 100%)}.catalog-filter{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:10px;border:1px solid rgba(47,62,36,.09);border-radius:16px;background:linear-gradient(180deg,#ffffffeb,#ffffffb3),color-mix(in srgb,var(--theme-accent-soft) 18%,transparent);box-shadow:0 10px 18px #24301614,inset 0 1px #ffffffc2}.catalog-filter__label{color:var(--text-soft);font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.catalog-filter__select{width:100%;min-width:0;min-height:38px;border:1px solid rgba(47,62,36,.12);border-radius:12px;padding:8px 32px 8px 10px;background:linear-gradient(180deg,#fffffffa,#ffffffc2),#ffffffd6;color:var(--text-strong);font:inherit;font-size:.86rem;font-weight:700}.catalog-filter__select:focus{border-color:color-mix(in srgb,var(--theme-accent) 36%,rgba(47,62,36,.12));outline:2px solid var(--focus-ring);outline-offset:2px}.catalog-grid{display:grid;gap:10px}.catalog-chip{position:relative;contain:layout paint style;display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:12px;width:100%;min-height:58px;border:1px solid rgba(47,62,36,.09);border-radius:16px;padding:7px 12px 7px 9px;background:linear-gradient(180deg,#ffffffe0,#ffffff9e),#ffffffb8;color:var(--text-strong);text-align:left;box-shadow:inset 0 1px #ffffffc2;cursor:grab;overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.catalog-chip:hover{border-color:color-mix(in srgb,var(--theme-accent) 24%,rgba(47,62,36,.1));box-shadow:var(--control-shadow-soft),inset 0 1px #fffc;transform:translateY(-1px)}.catalog-chip:active{cursor:grabbing}.catalog-chip--burst{border-color:color-mix(in srgb,var(--theme-accent) 34%,rgba(47,62,36,.1));box-shadow:0 10px 22px color-mix(in srgb,var(--theme-accent) 18%,transparent),inset 0 1px #ffffffd6}.catalog-chip:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.catalog-chip__portrait{display:grid;place-items:center;width:44px;aspect-ratio:1;border:1px solid rgba(47,62,36,.07);border-radius:12px;background:#ffffff75}.catalog-chip__portrait img{width:100%;height:100%;object-fit:contain}.catalog-chip__portrait--burst{animation:catalog-portrait-toss .46s cubic-bezier(.2,.9,.18,1)}.catalog-chip__burst{position:absolute;left:31px;top:50%;width:44px;height:44px;border-radius:999px;border:2px solid color-mix(in srgb,var(--theme-accent) 70%,white);opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.55);animation:catalog-add-ripple .46s ease-out}.catalog-chip__body{display:grid;min-width:0;gap:3px}.catalog-chip__label{display:flex;align-items:center;flex-wrap:wrap;gap:7px;overflow-wrap:anywhere;font-weight:700}.catalog-chip__label-text{min-width:0}.catalog-chip__meta{color:color-mix(in srgb,var(--text-soft) 88%,var(--theme-accent));font-size:.78rem}.catalog-chip__variant-icon{width:1.2rem;height:1.2rem;flex:0 0 auto;object-fit:contain}.section-block__header{display:flex;align-items:center;gap:10px}.section-block__header:after{height:1px;flex:1;background:linear-gradient(90deg,rgba(47,62,36,.14),transparent);content:""}.section-block__header h3{color:color-mix(in srgb,var(--theme-accent) 68%,var(--text-strong));font-size:.92rem}.family-card,.toggle-chip,.stepper-chip,.island-switcher__button{border-color:#2f3e2417;background:linear-gradient(180deg,#ffffffe0,#ffffff9e),#ffffffb8;box-shadow:inset 0 1px #ffffffc2}.family-card{contain:layout paint style;border-radius:20px;padding:13px;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.family-card:hover{border-color:color-mix(in srgb,var(--theme-accent) 24%,rgba(47,62,36,.1));box-shadow:var(--control-shadow-soft),inset 0 1px #fffc}.family-card__identity{grid-template-columns:52px minmax(0,1fr)}.family-card__portrait{width:52px;border:1px solid rgba(47,62,36,.08);border-radius:15px;background:linear-gradient(180deg,#ffffffc2,#ffffff47),color-mix(in srgb,var(--theme-accent-soft) 22%,transparent)}.family-card__portrait img,.toggle-chip__portrait img,.island-switcher__icon{transition:transform .18s ease,filter .18s ease}.family-card:hover .family-card__portrait img,.toggle-chip:hover .toggle-chip__portrait img,.island-switcher__button:hover .island-switcher__icon{transform:translateY(-2px) scale(var(--island-icon-hover-scale, 1.03))}.family-card__bulk-toggle{position:relative;width:42px;height:42px;border-radius:14px;border-color:#2f3e241a;background:#ffffffbd;box-shadow:inset 0 1px #ffffffc7}.family-card__bulk-toggle input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.family-card__bulk-mark{position:relative;width:23px;height:23px;border:2px solid rgba(47,62,36,.24);border-radius:8px;background:#ffffffc7;box-shadow:inset 0 1px #ffffffd6}.family-card__bulk-mark:before{position:absolute;top:50%;left:50%;width:11px;height:6px;border-bottom:3px solid white;border-left:3px solid white;content:"";opacity:0;transform:translate(-50%,-58%) rotate(-45deg) scale(.6);transform-origin:center;transition:opacity .16s ease,transform .16s ease}.family-card__bulk-toggle--checked .family-card__bulk-mark,.family-card__bulk-toggle--mixed .family-card__bulk-mark{border-color:color-mix(in srgb,var(--theme-accent) 70%,black);background:linear-gradient(180deg,var(--theme-accent),color-mix(in srgb,var(--theme-accent) 72%,black))}.family-card__bulk-toggle--checked .family-card__bulk-mark:before{opacity:1;transform:translate(-50%,-58%) rotate(-45deg) scale(1)}.family-card__bulk-toggle--mixed .family-card__bulk-mark:before{top:9px;left:5px;width:10px;height:0;border-bottom:3px solid white;border-left:0;opacity:1;transform:none}.family-card__bulk-toggle input:focus-visible+.family-card__bulk-mark{outline:2px solid var(--focus-ring);outline-offset:2px}.toggle-chip{position:relative;contain:layout paint style;grid-template-columns:24px minmax(0,1fr) auto;min-height:48px;border-radius:16px;padding:9px 12px}.toggle-chip--with-image{grid-template-columns:24px 40px minmax(0,1fr) auto;padding:7px 12px 7px 9px}.toggle-chip input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.toggle-chip__control{position:relative;display:block;width:22px;height:22px;border:2px solid rgba(47,62,36,.22);border-radius:8px;background:#fffc;box-shadow:inset 0 1px #ffffffdb}.toggle-chip__control:after{position:absolute;top:50%;left:50%;width:10px;height:6px;border-bottom:3px solid white;border-left:3px solid white;content:"";opacity:0;transform:translate(-50%,-58%) rotate(-45deg) scale(.6);transform-origin:center;transition:opacity .16s ease,transform .16s ease}.toggle-chip input:focus-visible+.toggle-chip__control{outline:2px solid var(--focus-ring);outline-offset:2px}.toggle-chip--checked{border-color:color-mix(in srgb,var(--theme-accent) 28%,rgba(47,62,36,.12));background:linear-gradient(180deg,#fffffff0,#ffffffad),var(--theme-accent-soft);box-shadow:var(--control-shadow-soft),inset 0 1px #fffc}.toggle-chip--checked .toggle-chip__control{border-color:color-mix(in srgb,var(--theme-accent) 70%,black);background:linear-gradient(180deg,var(--theme-accent),color-mix(in srgb,var(--theme-accent) 72%,black))}.toggle-chip--checked .toggle-chip__control:after{opacity:1;transform:translate(-50%,-58%) rotate(-45deg) scale(1)}.toggle-chip__label,.stepper-chip__label{overflow-wrap:anywhere}.toggle-chip__meta,.stepper-chip__meta{color:color-mix(in srgb,var(--text-soft) 88%,var(--theme-accent))}.toggle-chip__portrait{width:40px;border:1px solid rgba(47,62,36,.07);border-radius:12px;background:#ffffff75}.toggle-chip__icon,.stepper-chip__icon{display:grid;place-items:center;width:40px;aspect-ratio:1;border:1px solid rgba(47,62,36,.07);border-radius:12px;background:linear-gradient(180deg,#ffffffb8,#ffffff57),color-mix(in srgb,currentColor 8%,transparent)}.toggle-chip__icon .structure-icon,.stepper-chip__icon .structure-icon,.stepper-chip__icon img{width:32px;height:32px;object-fit:contain}.stepper-chip--with-icon{grid-template-columns:40px minmax(0,1fr) auto;padding:7px 12px 7px 9px}.stepper-chip{contain:layout paint style;min-height:58px;border-radius:16px;transition:border-color .18s ease,box-shadow .18s ease}.stepper-chip:hover{border-color:color-mix(in srgb,var(--theme-accent) 24%,rgba(47,62,36,.1));box-shadow:var(--control-shadow-soft),inset 0 1px #fffc}.structure-grid .stepper-chip{grid-template-areas:"icon details" "control control";grid-template-columns:54px minmax(0,1fr);gap:11px 13px;min-height:0;padding:10px}.structure-grid .stepper-chip__icon{grid-area:icon;width:54px;border-radius:15px;background:linear-gradient(180deg,#ffffffd1,#ffffff61),color-mix(in srgb,var(--theme-accent-soft) 24%,transparent)}.structure-grid .stepper-chip__icon img,.structure-grid .stepper-chip__icon .structure-icon{width:42px;height:42px}.structure-grid .stepper-chip__details{grid-area:details;align-content:center;min-width:0}.structure-grid .stepper-chip__label{font-size:.96rem;line-height:1.12;overflow-wrap:break-word;word-break:normal}.structure-grid .stepper-chip__meta{display:flex;flex-wrap:wrap;gap:5px;margin-top:1px;line-height:1}.structure-grid .stepper-chip__meta span{display:inline-flex;align-items:center;min-height:21px;padding:3px 8px 4px;border:1px solid rgba(47,62,36,.08);border-radius:9px;background:#ffffff94;white-space:nowrap}.structure-grid .stepper-chip__control{grid-area:control;grid-template-columns:42px minmax(52px,1fr) 42px;grid-column:1 / -1;width:100%;gap:8px}.structure-grid .stepper-chip--with-icon .stepper-chip__control{grid-column:1 / -1}.structure-grid .stepper-chip__button,.structure-grid .stepper-chip__input{height:42px}.structure-grid .stepper-chip__input{width:100%;font-weight:700;font-variant-numeric:tabular-nums}.stepper-chip__button,.stepper-chip__input{border-color:#2f3e241a;border-radius:12px;background:linear-gradient(180deg,#fffffffa,#ffffffc7),#ffffffeb}.stepper-chip__button:hover:not(:disabled){border-color:color-mix(in srgb,var(--theme-accent) 34%,rgba(47,62,36,.14));background:linear-gradient(180deg,#fffffffa,#ffffffb8),var(--theme-accent-soft)}.board-frame{overflow:visible;border-radius:28px;padding:20px}.board-frame__header{display:flex;align-items:end;justify-content:space-between;gap:16px}.board-frame__heading{min-width:0}.board-frame__stats{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;color:var(--text-soft);font-size:.78rem}.board-frame__stats>span{display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:7px 10px;border:1px solid rgba(47,62,36,.08);border-radius:999px;background:#ffffffa3;box-shadow:inset 0 1px #ffffffbd;white-space:nowrap}.board-frame__stat-icon{width:16px;height:16px;flex:0 0 16px;opacity:.78;--app-icon-secondary: color-mix(in srgb, currentColor 64%, white)}.board-frame__stats .board-frame__status{color:var(--text-strong);background:linear-gradient(180deg,#fffffff0,#ffffff9e),var(--theme-accent-soft)}.board-frame__status--no-fit{background:linear-gradient(180deg,#fffffff0,#ffffff9e),#f4c3aa!important}.board-frame__status--loading{color:var(--text-soft)}.board-frame__stats .board-frame__beds--over{border-color:#a1462a2e;background:linear-gradient(180deg,#fffffff0,#ffffff9e),#f4ac8b6b;color:#8f3d26}.board-frame__canvas{border:var(--board-frame-canvas-border-width, 1px) solid rgba(47,62,36,.08);border-radius:22px;background:linear-gradient(180deg,#ffffff5c,#ffffff14),color-mix(in srgb,var(--theme-accent-soft) 28%,rgba(255,255,255,.48));box-shadow:inset 0 1px #ffffffc7,inset 0 -14px 36px #3144260f}.planner-board__tile{fill:#ffffffa8;stroke:#404e3538}.planner-board__castle-tile{fill:color-mix(in srgb,var(--theme-accent) 34%,#29323a)}.planner-board__castle--interactive{cursor:pointer;outline:none}.planner-board__castle--interactive .planner-board__castle-tile{cursor:pointer}.planner-board__castle--interactive .planner-board__castle-portrait{cursor:pointer;pointer-events:auto}.planner-board__castle--interactive:hover .planner-board__castle-tile,.planner-board__castle--interactive:focus-visible .planner-board__castle-tile{stroke:color-mix(in srgb,var(--theme-accent) 56%,white);stroke-width:2}.planner-board__placement{stroke:#fffffff2;stroke-width:1.6}.planner-board__polarity-links{pointer-events:none}.planner-board__polarity-link{fill:none;stroke-linecap:round;opacity:.78;vector-effect:non-scaling-stroke}.planner-board__polarity-link--positive{stroke:#53e68b;filter:drop-shadow(0 0 5px rgba(83,230,139,.58))}.planner-board__polarity-link--negative{stroke:#ff4c5d;stroke-dasharray:7 5;filter:drop-shadow(0 0 5px rgba(255,76,93,.58))}.planner-board__symmetry-guide{pointer-events:none}.planner-board__symmetry-guide-cell{stroke-width:0;vector-effect:non-scaling-stroke}.planner-board__symmetry-guide-cell--symmetric{fill:#34d3992b}.planner-board__symmetry-guide-cell--asymmetric{fill:#f8524752}.planner-board__symmetry-guide-cell--center{fill:#6840ff66}.planner-board__symmetry-guide-axis{fill:none;stroke:#5837eee6;stroke-linecap:round;stroke-width:3.2;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px rgba(104,64,255,.42))}.planner-board__placement-hitbox,.planner-board__placement-overlay-hitbox{cursor:pointer}.planner-board__placement-hitbox--entering,.planner-board__placement-overlay-hitbox--entering{transform-box:fill-box;transform-origin:center;animation:placement-pop-in .54s cubic-bezier(.18,.9,.24,1)}.planner-board__placement-overlay-hitbox--entering{animation-delay:40ms}.planner-board__placement-hitbox--exiting,.planner-board__placement-overlay-hitbox--exiting{pointer-events:none;transform-box:fill-box;transform-origin:center;animation:placement-scale-out .36s ease-in-out forwards}.planner-board__placement-overlay-hitbox--exiting{animation-delay:24ms}.planner-board__placement-hitbox--carried,.planner-board__placement-overlay-hitbox--carried{transform-box:fill-box;transform-origin:center;animation:placement-lift-up .18s cubic-bezier(.2,.8,.2,1) forwards}.planner-board__placement-hitbox--settling,.planner-board__placement-overlay-hitbox--settling{transform-box:fill-box;transform-origin:center;animation:placement-lift-down .26s cubic-bezier(.2,.72,.2,1) both}.planner-board__placement-hitbox--carried .planner-board__placement,.planner-board__placement-hitbox--settling .planner-board__placement{stroke:#fffffffa;stroke-width:2}.planner-board__placement-preview{pointer-events:none;transform-box:fill-box;transform-origin:center}.planner-board__placement-preview-tile{stroke:#fffffff2;stroke-dasharray:4 3;stroke-width:2;vector-effect:non-scaling-stroke;animation:placement-preview-dash .76s linear infinite}.planner-board__placement-preview--valid .planner-board__placement-preview-tile{fill:color-mix(in srgb,var(--theme-accent) 42%,rgba(255,255,255,.36));animation:placement-preview-dash .76s linear infinite,placement-preview-valid-pulse .92s ease-in-out infinite}.planner-board__placement-preview--push .planner-board__placement-preview-tile{fill:color-mix(in srgb,#38bdf8 44%,rgba(255,255,255,.34));stroke:#e2f8fffa}.planner-board__placement-preview--invalid .planner-board__placement-preview-tile{fill:#cf4e306b;animation:placement-preview-dash .42s linear infinite,placement-preview-invalid-pulse .62s ease-in-out infinite}.planner-board__placement-preview--invalid{animation:placement-preview-invalid-wobble .68s ease-in-out infinite}.planner-board__castle-portrait,.planner-board__monster-portrait,.planner-board__structure-portrait{filter:drop-shadow(0 7px 5px rgba(28,34,22,.22))}.planner-board__castle-portrait,.planner-board__structure-portrait{pointer-events:none}.planner-board__castle--interactive .planner-board__castle-portrait{pointer-events:auto}.planner-board--moving .planner-board__castle-portrait,.planner-board--moving .planner-board__monster-portrait,.planner-board--moving .planner-board__structure-portrait,.planner-board--moving .planner-board__structure-icon,.planner-board--moving .planner-board__polarity-link{filter:none}.structure-icon{overflow:visible}.structure-icon__backdrop{fill:color-mix(in srgb,currentColor 16%,white);opacity:.9}.structure-icon__glyph{color:currentColor;pointer-events:none;--app-icon-secondary: color-mix(in srgb, currentColor 58%, white)}.planner-board__structure-icon{pointer-events:none;filter:drop-shadow(0 5px 4px rgba(28,34,22,.2))}.planner-board__structure-icon .structure-icon__backdrop{fill:#ffffffc7}.planner-board__structure-icon .structure-icon__glyph{--app-icon-secondary: color-mix(in srgb, currentColor 68%, white)}.planner-board__selection-ripple{pointer-events:none}.planner-board__selection-ripple-tile{fill:color-mix(in srgb,var(--theme-accent) 18%,transparent);stroke:color-mix(in srgb,var(--theme-accent) 80%,white);stroke-width:2.4;opacity:0;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:center;animation:selection-ripple .62s ease-out}.castle-picker--board{position:absolute;z-index:5;width:min(300px,calc(100% - 32px));transform:translate(-50%);box-shadow:0 16px 34px #222e1c33;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:board-popover-spring-in .26s cubic-bezier(.2,.9,.18,1)}.board-frame__veil{background:linear-gradient(180deg,#fff3,#fff6),color-mix(in srgb,var(--theme-accent-soft) 20%,transparent)}.planner-board__loading-outline-track{stroke:color-mix(in srgb,var(--theme-accent) 30%,white);stroke-opacity:.42}.planner-board__loading-outline-runner{stroke:color-mix(in srgb,var(--theme-accent) 88%,#139d4a);filter:drop-shadow(0 5px 6px color-mix(in srgb,var(--theme-accent) 46%,transparent))}.island-footer{padding:18px}.island-footer .panel-card__header{margin-bottom:12px}.island-switcher{grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:10px}.island-switcher__button{position:relative;grid-template-rows:minmax(72px,1fr) auto;min-width:0;min-height:132px;border-radius:20px;padding:10px 10px 12px}.island-switcher__button:hover{border-color:color-mix(in srgb,var(--theme-accent) 28%,rgba(47,62,36,.12));box-shadow:var(--control-shadow)}.island-switcher__button--active{border-color:color-mix(in srgb,var(--theme-accent) 36%,rgba(47,62,36,.14));box-shadow:var(--control-shadow-soft),inset 0 1px #fffc}.island-switcher__spark{position:absolute;top:12px;right:12px;width:10px;height:10px;border-radius:999px;background:var(--theme-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--theme-accent-soft) 70%,transparent);opacity:0;transform:scale(.8);transition:opacity .18s ease,transform .18s ease}.island-switcher__button--active .island-switcher__spark{opacity:1;transform:scale(1)}.island-switcher__icon-wrap{min-height:72px}.island-switcher__icon{width:min(100%,128px);max-height:88px;filter:drop-shadow(0 10px 10px rgba(25,35,24,.17))}.island-switcher__label{width:100%;min-width:0;overflow:hidden;font-size:1rem;text-overflow:ellipsis;white-space:nowrap}@supports not (backdrop-filter: blur(8px)){.panel-card,.board-frame,.settings-menu__popover{background:#ffffffe6}}@media (prefers-reduced-motion: reduce){.board-export-menu__option,.settings-menu__trigger,.whats-new-dialog__close,.board-frame__download,.board-frame__veil,.planner-board__loading-outline,.settings-toggle,.family-card,.family-card__bulk-mark:before,.toggle-chip,.toggle-chip__control:after,.stepper-chip,.island-switcher__button,.island-switcher__spark,.family-card__portrait img,.toggle-chip__portrait img,.island-switcher__icon,.catalog-chip__portrait,.catalog-chip__burst{transition:none}.whats-new-dialog,.layout-mode-picker__menu,.reset-grid-menu__popover,.placement-actions,.castle-picker--board,.planner-board__placement-hitbox--entering,.planner-board__placement-overlay-hitbox--entering,.planner-board__placement-hitbox--exiting,.planner-board__placement-overlay-hitbox--exiting,.planner-board__placement-hitbox--carried,.planner-board__placement-overlay-hitbox--carried,.planner-board__placement-hitbox--settling,.planner-board__placement-overlay-hitbox--settling,.planner-board__placement-preview,.planner-board__placement-preview-tile,.planner-board__selection-ripple-tile,.catalog-chip__burst,.catalog-chip__portrait--burst,.grid-full-popover,.coin-calculator-result__value--counting{animation:none}.planner-board__loading-outline-runner{animation:none;opacity:.92;stroke-dasharray:.26 .74;stroke-dashoffset:.12}}@media (max-width: 960px){.controls-card__pinned{border-bottom:0;padding-bottom:0}.board-frame{min-height:540px}.island-switcher{grid-template-columns:repeat(6,minmax(104px,1fr));overflow-x:auto;padding-bottom:2px}}@media (max-width: 640px){.panel-card{border-radius:20px;padding:16px}.board-frame{min-height:470px;border-radius:22px;padding:14px}.board-frame__header{align-items:stretch;flex-direction:column;gap:10px}.board-frame__stats{justify-content:flex-start}.board-frame__canvas{border-radius:18px}.board-frame__canvas-actions{top:12px;gap:6px}.board-frame__canvas-actions--left{left:12px}.board-frame__canvas-actions--right{right:12px}.board-frame__canvas-actions--file{top:auto;right:12px;bottom:12px}.board-frame__download{width:44px;height:44px;border-radius:14px}.toggle-chip{grid-template-columns:24px minmax(0,1fr)}.toggle-chip__meta{grid-column:2}.toggle-chip--with-image{grid-template-columns:24px 38px minmax(0,1fr)}.toggle-chip--with-image .toggle-chip__meta{grid-column:3}.stepper-chip__control{width:100%;grid-template-columns:40px minmax(58px,1fr) 40px}.stepper-chip--with-icon{grid-template-columns:38px minmax(0,1fr)}.stepper-chip--with-icon .stepper-chip__control{grid-column:2}.stepper-chip__input{width:100%}.island-switcher{grid-template-columns:repeat(6,minmax(98px,1fr))}.island-switcher__button{min-height:118px}}.placement-actions{position:absolute;z-index:4;display:grid;grid-template-columns:repeat(2,minmax(0,auto));gap:6px;min-width:156px;padding:7px;border:1px solid rgba(47,62,36,.12);border-radius:14px;background:#fffffff0;box-shadow:0 14px 28px #222e1c2e;transform:translate(-50%,calc(-100% - 12px));transform-origin:50% calc(100% + 12px);animation:placement-actions-spring-in .26s cubic-bezier(.2,.9,.18,1)}.placement-actions__button{min-height:36px;border:1px solid rgba(47,62,36,.1);border-radius:10px;padding:7px 10px;background:linear-gradient(180deg,#fffffffa,#ffffffc2),var(--theme-accent-soft);color:var(--text-strong);font:inherit;font-size:.78rem;font-weight:700}.placement-actions__button--danger{background:linear-gradient(180deg,#fffffffa,#ffffffc2),#f4ac8b8f;color:#8f3d26}.placement-actions__button:hover{border-color:color-mix(in srgb,var(--theme-accent) 34%,rgba(47,62,36,.14))}.placement-actions__button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.grid-full-popover{position:fixed;z-index:60;min-width:132px;max-width:min(220px,calc(100vw - 28px));padding:10px 13px;border:1px solid rgba(120,50,32,.16);border-radius:14px;background:linear-gradient(180deg,#fffffffa,#fff6f1eb),#fae2d4e6;box-shadow:0 14px 28px #4a261733;color:#8f3d26;font-size:.78rem;font-weight:700;text-align:center;pointer-events:none;transform:translate(-50%,calc(-100% - 12px));transform-origin:50% calc(100% + 12px);animation:placement-actions-spring-in .26s cubic-bezier(.2,.9,.18,1)}.grid-full-popover:after{position:absolute;left:50%;bottom:-7px;width:12px;height:12px;border-right:1px solid rgba(120,50,32,.14);border-bottom:1px solid rgba(120,50,32,.14);background:#fff6f1f5;content:"";transform:translate(-50%) rotate(45deg)}.grid-full-popover--board{position:absolute;z-index:6}.app-shell{--outer-panel-radius: 38px}.panel-card{--panel-card-padding: 22px;--panel-card-inner-radius: calc(var(--outer-panel-radius) - var(--panel-card-padding));padding:var(--panel-card-padding);border-radius:var(--outer-panel-radius)}.island-footer{--panel-card-padding: 18px}.settings-menu__popover{--popover-padding: 16px;--popover-inner-radius: 16px;padding:var(--popover-padding);border-radius:calc(var(--popover-inner-radius) + var(--popover-padding))}.settings-menu__popover.board-export-menu__popover{--popover-inner-radius: 23px}.settings-menu__popover.coin-calculator-menu__popover{--popover-inner-radius: 20px}.board-export-menu__option{--export-option-padding: 9px;--export-option-icon-radius: 14px;border-radius:calc(var(--export-option-icon-radius) + var(--export-option-padding))}.board-export-menu__option-icon{border-radius:var(--export-option-icon-radius)}.sidebar-tabs{--sidebar-tabs-padding: 5px;--sidebar-tab-radius: 14px;padding:var(--sidebar-tabs-padding);border-radius:calc(var(--sidebar-tab-radius) + var(--sidebar-tabs-padding))}.sidebar-tabs__button{border-radius:var(--sidebar-tab-radius)}.layout-mode-picker__menu{--layout-mode-menu-padding: 6px;--layout-mode-option-radius: 9px;padding:var(--layout-mode-menu-padding);border-radius:calc(var(--layout-mode-option-radius) + var(--layout-mode-menu-padding))}.layout-mode-picker__option{border-radius:var(--layout-mode-option-radius)}.castle-picker{--castle-picker-padding: 10px;--castle-picker-inner-radius: 16px;padding:var(--castle-picker-padding);border-radius:calc(var(--castle-picker-inner-radius) + var(--castle-picker-padding))}.castle-picker__icon{border-radius:var(--castle-picker-inner-radius)}.catalog-filter{--catalog-filter-padding: 10px;--catalog-filter-inner-radius: 12px;padding:var(--catalog-filter-padding);border-radius:calc(var(--catalog-filter-inner-radius) + var(--catalog-filter-padding))}.catalog-filter__select{border-radius:var(--catalog-filter-inner-radius)}.catalog-chip{--catalog-chip-padding: 7px;--catalog-chip-media-radius: 12px;border-radius:calc(var(--catalog-chip-media-radius) + var(--catalog-chip-padding))}.catalog-chip__portrait{border-radius:var(--catalog-chip-media-radius)}.family-card{--family-card-padding: 13px;--family-card-child-radius: 19px;padding:var(--family-card-padding);border-radius:calc(var(--family-card-child-radius) + var(--family-card-padding))}.toggle-chip,.stepper-chip{--chip-padding: 7px;--chip-media-radius: 12px;border-radius:calc(var(--chip-media-radius) + var(--chip-padding))}.toggle-chip__portrait,.toggle-chip__icon,.stepper-chip__icon{border-radius:var(--chip-media-radius)}.coin-monster-row{--coin-row-padding: 8px;--coin-row-media-radius: 12px;padding:var(--coin-row-padding);border-radius:calc(var(--coin-row-media-radius) + var(--coin-row-padding))}.coin-monster-row__portrait{border-radius:var(--coin-row-media-radius)}.board-frame{--board-frame-padding: 20px;--board-frame-canvas-radius: calc(var(--outer-panel-radius) - var(--board-frame-padding));--board-frame-canvas-border-width: 1px;--board-action-inset: 8px;--board-file-action-bottom-inset: 0px;--board-action-visual-inset: calc(var(--board-action-inset) + var(--board-frame-canvas-border-width));--board-action-button-radius: calc(var(--board-frame-canvas-radius) - var(--board-action-visual-inset));padding:var(--board-frame-padding);border-radius:var(--outer-panel-radius)}.board-frame__canvas{border-radius:var(--board-frame-canvas-radius)}.board-frame__canvas-actions{top:var(--board-action-inset)}.board-frame__canvas-actions--left{left:var(--board-action-inset)}.board-frame__canvas-actions--right{right:var(--board-action-inset)}.board-frame__canvas-actions--file{top:auto;right:var(--board-action-inset);bottom:var(--board-file-action-bottom-inset)}.board-frame .settings-menu__trigger,.board-frame__download{border-radius:var(--board-action-button-radius)}.placement-actions{--placement-actions-padding: 7px;--placement-actions-button-radius: 10px;padding:var(--placement-actions-padding);border-radius:calc(var(--placement-actions-button-radius) + var(--placement-actions-padding))}.placement-actions__button{border-radius:var(--placement-actions-button-radius)}@media (max-width: 640px){.app-shell{--outer-panel-radius: 32px}.panel-card,.island-footer{--panel-card-padding: 16px}.board-frame{--board-frame-padding: 14px}}@media (prefers-color-scheme: dark){.app-shell{--theme-dark-page: color-mix(in srgb, var(--theme-backdrop-color) 86%, black);--theme-dark-panel-top: color-mix(in srgb, var(--theme-surface-strong) 88%, black);--theme-dark-panel-bottom: color-mix(in srgb, var(--theme-surface) 78%, black);--theme-dark-field: color-mix(in srgb, var(--theme-surface) 70%, transparent);--theme-dark-field-strong: color-mix(in srgb, var(--theme-surface-strong) 74%, transparent);--theme-dark-field-soft: color-mix(in srgb, var(--theme-accent-soft) 22%, rgba(255, 255, 255, .04));--theme-dark-canvas: color-mix(in srgb, var(--theme-backdrop-color) 58%, transparent);--theme-dark-grid-fill: color-mix(in srgb, var(--theme-backdrop-color) 70%, rgba(255, 255, 255, .06));--theme-dark-grid-stroke: color-mix(in srgb, var(--theme-accent) 32%, rgba(255, 255, 255, .2));--theme-dark-ink: color-mix(in srgb, var(--theme-backdrop-color) 70%, black);--glass-border: color-mix(in srgb, var(--theme-accent) 24%, rgba(255, 255, 255, .14));--glass-edge: color-mix(in srgb, var(--theme-accent) 20%, rgba(255, 255, 255, .12));--glass-highlight: rgba(255, 255, 255, .08);--control-shadow: 0 16px 34px rgba(0, 0, 0, .34);--control-shadow-soft: 0 10px 22px rgba(0, 0, 0, .24);--dark-border: color-mix(in srgb, var(--theme-accent) 18%, rgba(255, 255, 255, .11));--dark-border-strong: color-mix(in srgb, var(--theme-accent) 25%, rgba(255, 255, 255, .18));--dark-field: var(--theme-dark-field);--dark-field-strong: var(--theme-dark-field-strong);--dark-field-soft: var(--theme-dark-field-soft);--dark-danger: #ffb099;--dark-danger-bg: rgba(207, 78, 48, .26);--focus-ring: color-mix(in srgb, var(--theme-accent) 58%, white);--text: color-mix(in srgb, var(--theme-accent) 10%, #dce5e1);--text-soft: color-mix(in srgb, var(--theme-accent) 18%, #a8b0ad);--text-strong: color-mix(in srgb, var(--theme-accent) 6%, #ffffff);background:var(--theme-dark-page)}.app-shell:after{background:linear-gradient(180deg,#ffffff0d,#fff0 42%),repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0,rgba(255,255,255,.035) 1px,transparent 1px,transparent 18px);mix-blend-mode:screen;opacity:.58}.app-shell--plant,.app-shell__backdrop--plant{--theme-accent: #93d56c;--theme-accent-soft: rgba(93, 159, 57, .34);--theme-surface: rgba(15, 30, 21, .78);--theme-surface-strong: rgba(20, 39, 27, .94);--theme-shadow: 0 24px 58px rgba(2, 12, 6, .5);--theme-backdrop-color: #07120a;--theme-dark-page: #07120a;--theme-dark-panel-top: rgba(20, 39, 27, .9);--theme-dark-panel-bottom: rgba(7, 15, 10, .72);--theme-dark-field: rgba(10, 20, 14, .76);--theme-dark-field-strong: rgba(17, 31, 22, .88);--theme-dark-field-soft: rgba(147, 213, 108, .07);--theme-dark-canvas: rgba(4, 10, 6, .44);--theme-dark-grid-fill: rgba(18, 31, 27, .86);--theme-dark-grid-stroke: rgba(219, 240, 230, .2);--theme-dark-ink: rgba(7, 13, 11, .94);--theme-backdrop-image: linear-gradient(180deg, rgba(6, 14, 8, .38), rgba(3, 8, 5, .88)), radial-gradient(circle at 17% 13%, rgba(126, 206, 91, .3), transparent 28%), radial-gradient(circle at 76% 11%, rgba(232, 205, 91, .12), transparent 24%), url(/assets/plant-backdrop-DzhZaqtR.webp)}.app-shell--cold,.app-shell__backdrop--cold{--theme-accent: #76c9ff;--theme-accent-soft: rgba(69, 151, 204, .32);--theme-surface: rgba(13, 25, 36, .78);--theme-surface-strong: rgba(17, 34, 49, .94);--theme-shadow: 0 24px 58px rgba(3, 10, 20, .52);--theme-backdrop-color: #07111b;--theme-dark-page: #07111b;--theme-dark-panel-top: rgba(17, 34, 49, .9);--theme-dark-panel-bottom: rgba(5, 13, 22, .72);--theme-dark-field: rgba(8, 20, 31, .76);--theme-dark-field-strong: rgba(14, 31, 45, .88);--theme-dark-field-soft: rgba(118, 201, 255, .08);--theme-dark-canvas: rgba(4, 10, 18, .46);--theme-dark-grid-fill: rgba(15, 27, 39, .86);--theme-dark-grid-stroke: rgba(215, 237, 250, .21);--theme-dark-ink: rgba(6, 12, 19, .94);--theme-backdrop-image: linear-gradient(180deg, rgba(5, 13, 22, .38), rgba(3, 8, 14, .88)), radial-gradient(circle at 82% 12%, rgba(118, 201, 255, .3), transparent 30%), radial-gradient(circle at 16% 18%, rgba(239, 250, 255, .14), transparent 20%), url(/assets/cold-backdrop-DNi7brL_.webp)}.app-shell--air,.app-shell__backdrop--air{--theme-accent: #ffbd6a;--theme-accent-soft: rgba(189, 125, 42, .34);--theme-surface: rgba(35, 24, 13, .78);--theme-surface-strong: rgba(49, 34, 18, .94);--theme-shadow: 0 24px 58px rgba(17, 10, 2, .52);--theme-backdrop-color: #171006;--theme-dark-page: #171006;--theme-dark-panel-top: rgba(49, 34, 18, .9);--theme-dark-panel-bottom: rgba(19, 12, 4, .72);--theme-dark-field: rgba(31, 21, 10, .76);--theme-dark-field-strong: rgba(43, 30, 15, .88);--theme-dark-field-soft: rgba(255, 189, 106, .08);--theme-dark-canvas: rgba(14, 9, 4, .46);--theme-dark-grid-fill: rgba(36, 26, 16, .86);--theme-dark-grid-stroke: rgba(250, 224, 186, .2);--theme-dark-ink: rgba(16, 10, 4, .94);--theme-backdrop-image: linear-gradient(180deg, rgba(25, 16, 6, .42), rgba(10, 6, 2, .9)), radial-gradient(circle at 16% 17%, rgba(255, 221, 139, .24), transparent 26%), radial-gradient(circle at 77% 12%, rgba(255, 176, 67, .22), transparent 25%), url(/assets/air-backdrop-Cbsw-VJW.png)}.app-shell--water,.app-shell__backdrop--water{--theme-accent: #62d9aa;--theme-accent-soft: rgba(40, 124, 99, .36);--theme-surface: rgba(10, 29, 25, .78);--theme-surface-strong: rgba(14, 42, 35, .94);--theme-shadow: 0 24px 58px rgba(1, 13, 10, .52);--theme-backdrop-color: #06140f;--theme-dark-page: #06140f;--theme-dark-panel-top: rgba(14, 42, 35, .9);--theme-dark-panel-bottom: rgba(3, 16, 12, .72);--theme-dark-field: rgba(7, 25, 21, .76);--theme-dark-field-strong: rgba(11, 37, 31, .88);--theme-dark-field-soft: rgba(98, 217, 170, .08);--theme-dark-canvas: rgba(3, 11, 8, .46);--theme-dark-grid-fill: rgba(13, 32, 27, .86);--theme-dark-grid-stroke: rgba(207, 244, 228, .2);--theme-dark-ink: rgba(4, 13, 10, .94);--theme-backdrop-image: linear-gradient(180deg, rgba(4, 16, 12, .4), rgba(2, 9, 7, .9)), radial-gradient(circle at 21% 12%, rgba(98, 217, 170, .28), transparent 27%), radial-gradient(circle at 76% 18%, rgba(159, 255, 205, .13), transparent 24%), url(/assets/water-backdrop-B7tnhcr1.png)}.app-shell--earth,.app-shell__backdrop--earth{--theme-accent: #ff9366;--theme-accent-soft: rgba(180, 84, 44, .36);--theme-surface: rgba(34, 18, 13, .78);--theme-surface-strong: rgba(51, 27, 19, .94);--theme-shadow: 0 24px 58px rgba(17, 5, 2, .52);--theme-backdrop-color: #170b07;--theme-dark-page: #170b07;--theme-dark-panel-top: rgba(51, 27, 19, .9);--theme-dark-panel-bottom: rgba(18, 7, 4, .72);--theme-dark-field: rgba(31, 15, 10, .76);--theme-dark-field-strong: rgba(45, 23, 16, .88);--theme-dark-field-soft: rgba(255, 147, 102, .08);--theme-dark-canvas: rgba(14, 5, 3, .46);--theme-dark-grid-fill: rgba(33, 19, 15, .86);--theme-dark-grid-stroke: rgba(246, 215, 202, .2);--theme-dark-ink: rgba(15, 7, 4, .94);--theme-backdrop-image: linear-gradient(180deg, rgba(24, 11, 7, .4), rgba(9, 4, 2, .9)), radial-gradient(circle at 20% 20%, rgba(255, 158, 105, .22), transparent 27%), radial-gradient(circle at 74% 12%, rgba(160, 48, 31, .28), transparent 30%), url(/assets/earth-backdrop-dgyBvlrS.png)}.app-shell--shugabush,.app-shell__backdrop--shugabush{--theme-accent: #c9d86d;--theme-accent-soft: rgba(117, 146, 62, .36);--theme-surface: rgba(27, 31, 14, .78);--theme-surface-strong: rgba(39, 44, 20, .94);--theme-shadow: 0 24px 58px rgba(8, 12, 3, .52);--theme-backdrop-color: #101407;--theme-dark-page: #101407;--theme-dark-panel-top: rgba(39, 44, 20, .9);--theme-dark-panel-bottom: rgba(13, 16, 6, .72);--theme-dark-field: rgba(21, 26, 10, .76);--theme-dark-field-strong: rgba(31, 37, 16, .88);--theme-dark-field-soft: rgba(201, 216, 109, .08);--theme-dark-canvas: rgba(9, 12, 4, .46);--theme-dark-grid-fill: rgba(27, 33, 18, .86);--theme-dark-grid-stroke: rgba(235, 244, 203, .2);--theme-dark-ink: rgba(10, 13, 4, .94);--theme-backdrop-image: linear-gradient(180deg, rgba(19, 23, 8, .42), rgba(8, 10, 3, .9)), radial-gradient(circle at 18% 16%, rgba(180, 212, 96, .22), transparent 27%), radial-gradient(circle at 75% 13%, rgba(102, 135, 55, .3), transparent 30%), url(/assets/shugabush-backdrop-CPLFYZQ6.png)}.app-shell--colossingum,.app-shell__backdrop--colossingum{--theme-accent: #ff9b82;--theme-accent-soft: rgba(184, 90, 68, .38);--theme-surface: rgba(36, 24, 17, .78);--theme-surface-strong: rgba(51, 34, 24, .94);--theme-shadow: 0 24px 58px rgba(12, 6, 3, .54);--theme-backdrop-color: #160f0a;--theme-dark-page: #160f0a;--theme-dark-panel-top: rgba(51, 34, 24, .9);--theme-dark-panel-bottom: rgba(19, 12, 7, .74);--theme-dark-field: rgba(31, 20, 13, .76);--theme-dark-field-strong: rgba(45, 29, 20, .88);--theme-dark-field-soft: rgba(255, 155, 130, .08);--theme-dark-canvas: rgba(13, 8, 5, .48);--theme-dark-grid-fill: rgba(34, 25, 18, .86);--theme-dark-grid-stroke: rgba(244, 218, 185, .2);--theme-dark-ink: rgba(14, 9, 6, .94);--theme-backdrop-image: linear-gradient(180deg, rgba(21, 12, 6, .56), rgba(8, 5, 3, .92)), radial-gradient(circle at 50% 9%, rgba(255, 179, 111, .22), transparent 32%), radial-gradient(circle at 17% 18%, rgba(184, 90, 68, .2), transparent 26%), url(/assets/colossingum-backdrop-BPf5AlEY.webp)}.app-shell--wublin,.app-shell__backdrop--wublin{--theme-accent: #55dfff;--theme-accent-soft: rgba(22, 136, 166, .38);--theme-surface: rgba(12, 33, 40, .78);--theme-surface-strong: rgba(16, 45, 54, .94);--theme-shadow: 0 24px 58px rgba(2, 13, 17, .54);--theme-backdrop-color: #07151a;--theme-dark-page: #07151a;--theme-dark-panel-top: rgba(16, 45, 54, .9);--theme-dark-panel-bottom: rgba(5, 18, 23, .74);--theme-dark-field: rgba(8, 31, 38, .76);--theme-dark-field-strong: rgba(13, 42, 50, .88);--theme-dark-field-soft: rgba(85, 223, 255, .08);--theme-dark-canvas: rgba(3, 12, 16, .48);--theme-dark-grid-fill: rgba(15, 38, 46, .86);--theme-dark-grid-stroke: rgba(209, 246, 252, .2);--theme-dark-ink: rgba(5, 13, 16, .94);--theme-backdrop-image: linear-gradient(180deg, rgba(5, 18, 23, .54), rgba(2, 8, 11, .92)), radial-gradient(circle at 50% 9%, rgba(85, 223, 255, .24), transparent 32%), radial-gradient(circle at 22% 18%, rgba(39, 162, 179, .22), transparent 27%), url(/assets/wublin-backdrop-CQ-LGZor.jpg)}.panel-card,.board-frame,.whats-new-dialog,.reset-grid-menu__popover,.settings-menu__popover{border-color:var(--glass-border);background:linear-gradient(180deg,var(--theme-dark-panel-top),var(--theme-dark-panel-bottom)),var(--theme-surface);box-shadow:var(--theme-shadow),inset 0 1px 0 var(--glass-highlight),inset 0 -1px #ffffff09}.controls-card__pinned{border-bottom-color:var(--dark-border)}.app-brand__badge{border-color:color-mix(in srgb,var(--theme-accent) 82%,rgba(255,255,255,.9));background:linear-gradient(180deg,color-mix(in srgb,var(--theme-accent) 92%,white),color-mix(in srgb,var(--theme-accent) 76%,var(--theme-accent-soft))),var(--theme-accent);color:color-mix(in srgb,var(--theme-dark-ink) 88%,black);box-shadow:0 0 0 1px color-mix(in srgb,var(--theme-accent) 24%,transparent),0 4px 12px color-mix(in srgb,var(--theme-accent) 26%,transparent),inset 0 1px #ffffff6b}.settings-menu__trigger,.whats-new-dialog__close,.board-frame__download,.stepper-chip__button,.stepper-chip__input,.coin-calculator-input,.coin-calculator-select,.coin-monster-row__level-input,.coin-monster-row__level-button,.layout-mode-picker__button,.mobile-panel-toggle,.search-box input,.castle-picker__select,.catalog-filter__select{border-color:var(--dark-border-strong);background:linear-gradient(180deg,#ffffff14,#ffffff09),var(--dark-field);color:var(--text-strong);box-shadow:inset 0 1px #ffffff14}.board-frame .settings-menu__trigger,.board-frame__download,.mobile-panel-toggle{color:color-mix(in srgb,var(--theme-accent) 88%,white);--app-icon-primary: currentColor;--app-icon-secondary: color-mix(in srgb, var(--theme-accent) 58%, white)}.whats-new-dialog__close{color:var(--theme-accent)}.settings-menu__trigger:hover,.settings-menu--open .settings-menu__trigger,.whats-new-dialog__close:hover,.board-frame__download:hover:not(:disabled),.stepper-chip__button:hover:not(:disabled),.placement-actions__button:hover{border-color:color-mix(in srgb,var(--theme-accent) 38%,var(--dark-border-strong));background:linear-gradient(180deg,#ffffff1f,#ffffff0d),color-mix(in srgb,var(--theme-accent-soft) 72%,var(--dark-field));box-shadow:var(--control-shadow),inset 0 1px #ffffff17}.layout-mode-picker__menu{border-color:color-mix(in srgb,var(--theme-accent) 28%,var(--dark-border-strong));background:linear-gradient(180deg,var(--theme-dark-panel-top),var(--theme-dark-panel-bottom)),var(--theme-surface-strong);box-shadow:0 14px 28px #00000047,inset 0 1px #ffffff1c}.settings-toggle,.whats-new-entry,.sidebar-tabs,.auto-organize-toggle,.mobile-panel-toggle,.castle-picker,.catalog-variant-picker,.catalog-filter,.board-export-menu__option,.family-card,.toggle-chip,.stepper-chip,.island-switcher__button,.catalog-chip,.coin-calculator-result,.coin-monster-row,.placement-actions,.reset-grid-menu__popover{border-color:var(--dark-border);background:linear-gradient(180deg,#ffffff13,#ffffff06),var(--dark-field-soft);box-shadow:inset 0 1px #ffffff0f}.whats-new-entry{color:var(--text-strong)}.whats-new-entry__meta{color:color-mix(in srgb,var(--theme-accent) 78%,white)}.whats-new-entry ul{color:color-mix(in srgb,var(--text-soft) 86%,white)}.settings-toggle:hover,.sidebar-tabs__button:hover,.board-export-menu__option:hover:not(:disabled),.family-card:hover,.catalog-chip:hover,.island-switcher__button:hover,.stepper-chip:hover{background:linear-gradient(180deg,#ffffff1a,#ffffff0a),color-mix(in srgb,var(--theme-accent-soft) 36%,transparent);box-shadow:var(--control-shadow-soft),inset 0 1px #ffffff12}.board-export-menu__option:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.settings-toggle__track{border-color:var(--dark-border-strong);background:linear-gradient(180deg,#ffffff14,#ffffff06),#ffffff0f;box-shadow:inset 0 1px #ffffff14,inset 0 2px 7px #00000047}.settings-toggle__track:before{background:#ffffff52}.settings-toggle__thumb{background:color-mix(in srgb,var(--theme-accent) 8%,white);box-shadow:0 3px 11px #0006,inset 0 1px #ffffff9e}.settings-toggle__switch input:checked+.settings-toggle__track,.family-card__bulk-toggle--checked .family-card__bulk-mark,.family-card__bulk-toggle--mixed .family-card__bulk-mark,.toggle-chip--checked .toggle-chip__control{border-color:color-mix(in srgb,var(--theme-accent) 70%,white);background:linear-gradient(180deg,color-mix(in srgb,var(--theme-accent) 86%,white),color-mix(in srgb,var(--theme-accent) 70%,black))}.sidebar-tabs__button:hover{color:var(--text-strong)}.sidebar-tabs__button--active,.sidebar-tabs__button--active:hover,.family-card__bulk-toggle--checked,.family-card__bulk-toggle--mixed,.toggle-chip--checked,.island-switcher__button--active,.board-frame__stats .board-frame__status{border-color:color-mix(in srgb,var(--theme-accent) 38%,var(--dark-border));background:linear-gradient(180deg,#ffffff21,#ffffff0d),var(--theme-accent-soft);color:var(--text-strong);box-shadow:var(--control-shadow-soft),inset 0 1px #ffffff14}.castle-picker__select-shell{border-color:var(--dark-border-strong);background:linear-gradient(180deg,var(--theme-dark-field-strong),var(--theme-dark-field)),color-mix(in srgb,var(--theme-accent) 16%,var(--theme-dark-ink));color:var(--white);box-shadow:inset 0 1px #ffffff14}.castle-picker--over .castle-picker__select-shell{border-color:#ffb09952;background:linear-gradient(180deg,#4b3327e6,#3d261dd6),#743c2bb8;color:#fff6eef5}.panel-card__badge,.board-frame__stats>span,.family-card__bulk-toggle,.family-card__bulk-mark,.board-export-menu__option-icon,.toggle-chip__control,.family-card__portrait,.toggle-chip__portrait,.toggle-chip__icon,.stepper-chip__icon,.catalog-chip__portrait,.coin-monster-row__portrait,.castle-picker__icon,.castle-picker__icon[data-castle-tier=basic],.castle-picker__icon[data-castle-tier=modest],.castle-picker__icon[data-castle-tier=comfortable],.castle-picker__icon[data-castle-tier=spacious],.castle-picker__icon[data-castle-tier=luxurious],.castle-picker__icon[data-castle-tier=extravagant],.castle-picker__icon[data-castle-tier=paradise],.castle-picker__icon[data-castle-tier=crystalline],.castle-picker__icon[data-castle-tier=polished-crystalline],.castle-picker__icon[data-castle-tier=carved-crystalline]{border-color:var(--dark-border);background:linear-gradient(180deg,#ffffff13,#ffffff06),color-mix(in srgb,var(--theme-accent-soft) 24%,transparent);box-shadow:inset 0 1px #ffffff0e}.castle-picker__icon span{border-color:color-mix(in srgb,var(--theme-accent) 38%,var(--dark-border));background:var(--theme-dark-ink);color:var(--text-strong)}.search-box input::placeholder{color:color-mix(in srgb,var(--text-soft) 76%,transparent)}.search-box__icon{color:color-mix(in srgb,var(--theme-accent) 64%,var(--text-soft))}.catalog-filter-bar{background:linear-gradient(180deg,var(--theme-surface-strong) 0%,var(--theme-surface-strong) 70%,transparent 100%)}.section-block__header:after{background:linear-gradient(90deg,var(--dark-border-strong),transparent)}.section-block__header h3,.eyebrow,.board-frame__download,.coin-calculator-result__value{color:color-mix(in srgb,var(--theme-accent) 72%,var(--text-strong))}.catalog-chip__meta,.board-export-menu__option-meta,.reset-grid-menu__copy,.toggle-chip__meta,.stepper-chip__meta{color:color-mix(in srgb,var(--text-soft) 78%,var(--theme-accent))}.polarity-menu__summary{border-bottom-color:color-mix(in srgb,var(--theme-accent) 34%,var(--dark-border));background:radial-gradient(circle at 38px 28px,color-mix(in srgb,var(--theme-accent) 42%,transparent),transparent 48px),linear-gradient(180deg,color-mix(in srgb,var(--theme-accent) 18%,var(--theme-dark-panel-top)),var(--theme-dark-panel-bottom)),var(--theme-surface-strong);box-shadow:0 14px 26px #00000052,inset 0 1px #ffffff14}.polarity-menu__score{color:color-mix(in srgb,var(--theme-accent) 80%,white);text-shadow:0 0 14px color-mix(in srgb,var(--theme-accent) 34%,transparent)}.polarity-menu__score-label,.coin-calculator-empty{color:color-mix(in srgb,var(--text-soft) 84%,white)}.polarity-stage-picker__button,.polarity-menu__stats span,.polarity-menu__list li{border-color:var(--dark-border-strong);background:linear-gradient(180deg,#ffffff14,#ffffff08),color-mix(in srgb,var(--theme-accent-soft) 48%,var(--theme-dark-ink));color:var(--text-strong);box-shadow:inset 0 1px #ffffff12,0 8px 18px #0000002e}.polarity-stage-picker__button:hover{border-color:color-mix(in srgb,var(--theme-accent) 52%,var(--dark-border-strong));background:linear-gradient(180deg,#ffffff1f,#ffffff0b),color-mix(in srgb,var(--theme-accent-soft) 64%,var(--theme-dark-ink))}.polarity-stage-picker__button--active{border-color:color-mix(in srgb,var(--theme-accent) 74%,white);background:radial-gradient(circle at 50% 8px,color-mix(in srgb,var(--theme-accent) 48%,transparent),transparent 34px),linear-gradient(180deg,color-mix(in srgb,var(--theme-accent) 28%,var(--theme-dark-panel-top)),color-mix(in srgb,var(--theme-accent) 30%,var(--theme-dark-panel-bottom)));color:color-mix(in srgb,var(--theme-accent) 82%,white);box-shadow:0 0 0 1px color-mix(in srgb,var(--theme-accent) 24%,transparent),0 10px 22px #00000047,inset 0 1px #ffffff1f}.polarity-menu__stats strong{color:var(--text-strong)}.polarity-menu__stats small,.polarity-menu__list li{color:color-mix(in srgb,var(--text-soft) 88%,white)}.polarity-menu__list li span{color:color-mix(in srgb,var(--text-strong) 88%,white)}.structure-grid .stepper-chip__meta span{border-color:var(--dark-border);background:#ffffff14}.board-frame__canvas{border-color:var(--dark-border);background:radial-gradient(circle at top center,color-mix(in srgb,var(--theme-accent) 20%,transparent),transparent 34%),linear-gradient(180deg,#ffffff0e,#ffffff04),var(--theme-dark-canvas);box-shadow:inset 0 1px #ffffff0f,inset 0 -16px 42px #00000038}.planner-board__tile{fill:var(--theme-dark-grid-fill);stroke:var(--theme-dark-grid-stroke)}.planner-board__castle-tile{fill:color-mix(in srgb,var(--theme-accent) 38%,#151d24);stroke:#e8f6ef57}.planner-board__placement{stroke:#f4fbf7c7}.planner-board__placement-label{fill:#f6fcf8fa;stroke:#050a08c7}.planner-board__symmetry-guide-cell--symmetric{fill:#34d39938}.planner-board__symmetry-guide-cell--asymmetric{fill:#ff5c525c}.planner-board__symmetry-guide-cell--center{fill:#8e74ff75}.planner-board__symmetry-guide-axis{stroke:#a691fff2;filter:drop-shadow(0 0 5px rgba(142,116,255,.48))}.planner-board__placement-preview-tile{stroke:#f4fbf7d1}.planner-board__placement-preview--valid .planner-board__placement-preview-tile{fill:color-mix(in srgb,var(--theme-accent) 42%,rgba(14,24,20,.66))}.planner-board__placement-preview--invalid .planner-board__placement-preview-tile{fill:#cf4e3080}.structure-icon__backdrop,.planner-board__structure-icon .structure-icon__backdrop{fill:color-mix(in srgb,var(--theme-dark-ink) 88%,transparent)}.structure-icon__glyph{--app-icon-secondary: color-mix(in srgb, currentColor 50%, var(--theme-dark-ink))}.planner-board__castle-portrait,.planner-board__monster-portrait,.planner-board__structure-portrait,.planner-board__structure-icon{filter:drop-shadow(0 7px 6px rgba(0,0,0,.36))}.board-frame__veil{background:linear-gradient(180deg,color-mix(in srgb,var(--theme-dark-page) 42%,transparent),color-mix(in srgb,var(--theme-dark-page) 70%,transparent)),color-mix(in srgb,var(--theme-accent-soft) 20%,transparent)}.planner-board__loading-outline-track{stroke:color-mix(in srgb,var(--theme-accent) 36%,black);stroke-opacity:.52}.planner-board__loading-outline-runner{stroke:color-mix(in srgb,var(--theme-accent) 88%,white);filter:drop-shadow(0 5px 7px color-mix(in srgb,var(--theme-accent) 42%,transparent))}.board-frame__status--no-fit,.board-frame__stats .board-frame__beds--over,.castle-picker--over,.grid-full-popover,.placement-actions__button--danger{border-color:#ffb09952;background:linear-gradient(180deg,#ffffff1a,#ffffff0a),var(--dark-danger-bg)!important;color:var(--dark-danger)}.grid-full-popover:after{border-color:#ffb09952;background:var(--dark-danger-bg)}.placement-actions{background:linear-gradient(180deg,var(--theme-dark-panel-top),var(--theme-dark-panel-bottom)),var(--theme-surface-strong);box-shadow:0 18px 36px #0000006b}.placement-actions__button{border-color:var(--dark-border);background:linear-gradient(180deg,#ffffff17,#ffffff09),color-mix(in srgb,var(--theme-accent-soft) 54%,var(--dark-field));color:var(--text-strong)}.coin-calculator-result{background:linear-gradient(180deg,#ffffff17,#ffffff09),color-mix(in srgb,var(--theme-accent-soft) 44%,var(--dark-field))}.coin-calculator-menu__summary{border-bottom-color:var(--dark-border);box-shadow:0 14px 22px #00000038}}@media (max-width: 760px){.app-shell{--mobile-edge-padding: 12px;--mobile-section-gap: 10px;--theme-backdrop-edge-fade: linear-gradient( 180deg, var(--theme-backdrop-color) 0, color-mix(in srgb, var(--theme-backdrop-color) 88%, transparent) 34px, transparent 118px, transparent calc(100% - 136px) , color-mix(in srgb, var(--theme-backdrop-color) 82%, transparent) calc(100% - 48px) , var(--theme-backdrop-color) 100% );height:100dvh;min-height:0;padding:calc(env(safe-area-inset-top,0px) + var(--mobile-edge-padding)) calc(env(safe-area-inset-right,0px) + var(--mobile-edge-padding)) calc(env(safe-area-inset-bottom,0px) + var(--mobile-edge-padding)) calc(env(safe-area-inset-left,0px) + var(--mobile-edge-padding));overflow:hidden}.app-shell__browser-tint{display:block;height:max(2px,env(safe-area-inset-top))}.app-shell__browser-tint:after{height:max(2px,env(safe-area-inset-bottom))}.app-shell:after{-webkit-mask-image:linear-gradient(180deg,transparent 0,transparent 58px,rgba(0,0,0,.7) 104px,black 148px);mask-image:linear-gradient(180deg,transparent 0,transparent 58px,rgba(0,0,0,.7) 104px,black 148px)}.planner-layout{--mobile-board-gutter: 6px;--mobile-board-border-width: 1px;--mobile-board-frame-padding: calc(var(--mobile-board-gutter) - var(--mobile-board-border-width));--mobile-board-action-inset: calc(var(--mobile-board-gutter) - var(--mobile-board-border-width));--mobile-layout-height: calc( 100dvh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px) - var(--mobile-edge-padding) - var(--mobile-edge-padding) );--mobile-island-panel-height: 58px;--mobile-board-header-height: 21px;--mobile-board-frame-gap: 5px;--mobile-board-action-stack-height: 124px;--mobile-board-canvas-height: calc( var(--mobile-board-action-stack-height) + var(--mobile-board-gutter) + var(--mobile-board-gutter) );--mobile-board-frame-height: calc( var(--mobile-board-gutter) + var(--mobile-board-gutter) + var(--mobile-board-header-height) + var(--mobile-board-frame-gap) + var(--mobile-board-canvas-height) );--mobile-board-panel-expanded-height: calc( var(--mobile-island-panel-height) + var(--mobile-section-gap) + var(--mobile-board-frame-height) );--mobile-board-panel-height: var(--mobile-board-panel-expanded-height);--mobile-controls-panel-height: max( 0px, calc(var(--mobile-layout-height) - var(--mobile-section-gap) - var(--mobile-board-panel-height)) );--mobile-layout-duration: .36s;--mobile-layout-ease: cubic-bezier(.25, .8, .25, 1);--mobile-section-radius: 16px;grid-template-columns:1fr;grid-template-rows:var(--mobile-board-panel-height) var(--mobile-controls-panel-height);gap:var(--mobile-section-gap);width:100%;height:100%;min-height:0;overflow:hidden;transition:grid-template-rows var(--mobile-layout-duration) var(--mobile-layout-ease);will-change:grid-template-rows}.board-panel{order:1;grid-template-rows:var(--mobile-island-panel-height) var(--mobile-board-frame-height);gap:var(--mobile-section-gap);height:auto;min-height:0;min-width:0;transition:grid-template-rows var(--mobile-layout-duration) var(--mobile-layout-ease);will-change:grid-template-rows}.controls-panel{order:2;position:relative;z-index:5;height:100%;min-height:0;min-width:0;overflow:visible;transition:opacity .24s ease,transform .38s cubic-bezier(.22,.72,.25,1)}.panel-card,.board-card,.board-frame,.controls-card{height:100%;min-height:0;min-width:0}.panel-card{--panel-card-padding: 8px;border-radius:var(--mobile-section-radius)}.island-footer{--panel-card-padding: 5px;order:-1;height:var(--mobile-island-panel-height);padding:5px}.island-footer .panel-card__header{display:none}.island-switcher{display:flex;gap:5px;height:100%;min-width:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;padding:0 1px 4px;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}.island-switcher::-webkit-scrollbar{display:none}.island-switcher__button{flex:0 0 clamp(50px,calc((100% - 20px)/5),64px);grid-template-rows:25px auto;height:100%;min-height:46px;padding:4px 3px 5px;border-radius:12px;scroll-snap-align:start}.island-switcher__spark{top:6px;right:6px;width:6px;height:6px;box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-accent-soft) 70%,transparent)}.island-switcher__icon-wrap{min-height:25px}.island-switcher__icon,.island-switcher__icon[data-island-id=plant],.island-switcher__icon[data-island-id=cold],.island-switcher__icon[data-island-id=air]{--island-icon-scale: 1;--island-icon-hover-scale: 1.03;width:min(100%,40px);max-height:25px;filter:drop-shadow(0 5px 6px rgba(25,35,24,.16))}.island-switcher__icon[data-island-id=plant],.island-switcher__icon[data-island-id=cold],.island-switcher__icon[data-island-id=air]{--island-icon-scale: 1.34;--island-icon-hover-scale: 1.38}.island-switcher__icon[data-island-id=wublin]{--island-icon-scale: 1.28;--island-icon-hover-scale: 1.32}.island-switcher__label{margin-top:1px;font-size:.52rem;line-height:1}.board-frame{--board-frame-padding: var(--mobile-board-frame-padding);--board-action-inset: var(--mobile-board-action-inset);--board-file-action-bottom-inset: max(0px, calc(var(--board-action-inset) - 4px));--mobile-board-canvas-radius: calc(var(--mobile-section-radius) - var(--mobile-board-gutter));--board-frame-canvas-radius: var(--mobile-board-canvas-radius);--board-action-button-radius: calc(var(--board-frame-canvas-radius) - var(--mobile-board-gutter));grid-template-rows:var(--mobile-board-header-height) var(--mobile-board-canvas-height);gap:var(--mobile-board-frame-gap);border-radius:var(--mobile-section-radius);overflow:hidden;transition:border-radius .26s ease,grid-template-rows var(--mobile-layout-duration) var(--mobile-layout-ease)}.board-frame__header{display:flex;align-items:center;gap:8px;min-height:0;min-width:0;overflow:hidden}.board-frame__heading{display:none}.board-frame__stats{flex:1 1 auto;flex-wrap:nowrap;justify-content:flex-start;gap:4px;min-width:0;overflow-x:auto;padding-bottom:1px;font-size:.52rem;scrollbar-width:none}.board-frame__stats::-webkit-scrollbar{display:none}.board-frame__stats>span{gap:4px;min-height:21px;padding:3px 6px}.board-frame__stat-icon{width:11px;height:11px;flex-basis:11px}.board-frame__canvas{height:var(--mobile-board-canvas-height);min-height:0;border-radius:var(--mobile-board-canvas-radius);transition:border-radius .26s ease,height var(--mobile-layout-duration) var(--mobile-layout-ease)}.board-frame__canvas-actions{gap:4px}.board-frame__canvas-actions--left{align-content:start;transform:none}.board-frame .settings-menu__trigger,.board-frame__download{width:28px;height:28px}.board-frame .settings-menu__trigger svg,.board-frame__download svg{width:15px;height:15px}.settings-menu__popover.board-export-menu__popover{width:min(250px,calc(100vw - 34px))}.controls-card{grid-template-rows:auto minmax(0,1fr);overflow:visible;transition:border-radius .26s ease,grid-template-rows var(--mobile-layout-duration) var(--mobile-layout-ease)}.controls-card__pinned{gap:6px;padding-bottom:6px;transition:gap var(--mobile-layout-duration) var(--mobile-layout-ease),padding-bottom var(--mobile-layout-duration) var(--mobile-layout-ease),border-color .16s ease}.controls-card__pinned>:not(.layout-mode-controls){max-height:70px;opacity:1;overflow:hidden;visibility:visible;transform:translateY(0);transform-origin:top;transition:height var(--mobile-layout-duration) var(--mobile-layout-ease),max-height var(--mobile-layout-duration) var(--mobile-layout-ease),opacity .18s ease,transform .24s var(--mobile-layout-ease),visibility 0s linear 0s}.controls-card__header{display:none}.layout-mode-controls{grid-template-columns:auto minmax(0,1fr) auto;gap:6px}.layout-mode-picker--open{z-index:35}.layout-mode-picker__menu{top:auto;bottom:calc(100% + 6px);transform:none;max-height:min(176px,calc(100dvh - 92px));overflow-y:auto;animation:mobile-layout-menu-in .16s ease-out}.layout-mode-picker__button,.mobile-panel-toggle,.auto-organize-toggle{min-height:34px;height:34px}.layout-mode-picker__button{border-radius:12px;padding-inline:10px 8px;font-size:.68rem}.auto-organize-toggle{border-radius:12px;padding:5px 7px}.mobile-panel-toggle{display:grid;place-items:center;width:34px;border:1px solid rgba(47,62,36,.09);border-radius:12px;padding:0;background:linear-gradient(180deg,#fffffff2,#ffffffb8),color-mix(in srgb,var(--theme-accent-soft) 28%,transparent);color:color-mix(in srgb,var(--theme-accent) 72%,var(--text-strong));box-shadow:var(--control-shadow-soft),inset 0 1px #ffffffdb;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .24s ease}.mobile-panel-toggle:hover{border-color:color-mix(in srgb,var(--theme-accent) 30%,rgba(47,62,36,.12));background:linear-gradient(180deg,#fffffffa,#ffffffc7),var(--theme-accent-soft)}.mobile-panel-toggle:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.mobile-panel-toggle svg{width:18px;height:18px;transition:transform .26s cubic-bezier(.22,.72,.25,1)}.auto-organize-toggle__label{font-size:.64rem}.auto-organize-toggle .settings-toggle__switch{--settings-toggle-thumb-inset: 3px;--settings-toggle-thumb-size: 15px;--settings-toggle-thumb-shift: calc( 34px - var(--settings-toggle-thumb-size) - var(--settings-toggle-thumb-inset) * 2 );width:34px;height:21px}.sidebar-tabs{--sidebar-tabs-padding: 3px;--sidebar-tab-radius: 10px;gap:4px}.sidebar-tabs__button{min-height:32px;padding:6px 8px;font-size:.7rem}.castle-picker{--castle-picker-padding: 5px;--castle-picker-inner-radius: 10px;grid-template-columns:34px minmax(0,1fr);gap:7px}.castle-picker__icon{width:34px}.castle-picker__icon img{width:27px;height:27px}.castle-picker__icon span{min-width:22px;padding:2px 4px;font-size:.54rem}.castle-picker__select-shell{min-height:34px;padding:5px 28px 5px 9px;font-size:.66rem}.sidebar-search-row{gap:6px}.sidebar-search-row--with-filter{grid-template-columns:minmax(0,1fr) 36px}.search-box__icon{left:13px;width:16px;height:16px}.search-box input{min-height:36px;border-radius:12px;padding:7px 10px 7px 38px;font-size:.68rem}.catalog-variant-picker{width:36px;height:36px;border-radius:12px}.catalog-variant-picker__icon{width:23px;height:23px}.controls-card__scroll-shell{display:grid;grid-template-columns:minmax(0,1fr);height:100%;min-height:0;max-height:100%;opacity:1;visibility:visible;transform:translateY(0);transform-origin:top;transition:max-height var(--mobile-layout-duration) var(--mobile-layout-ease),opacity .18s ease,transform .24s var(--mobile-layout-ease),visibility 0s linear 0s}.controls-card__scroll-clip{height:100%;min-height:0;overflow:hidden}.controls-card__scroll{height:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-top:7px;padding-right:0;-webkit-mask-image:linear-gradient(to bottom,transparent,black 16px,black calc(100% - 16px),transparent);mask-image:linear-gradient(to bottom,transparent,black 16px,black calc(100% - 16px),transparent);scrollbar-width:none}.controls-card__scrollbar{display:none}.catalog-grid,.family-grid,.structure-grid,.checklist-stack{gap:6px}.section-block{gap:7px}.section-block__header h3{font-size:.68rem}.catalog-chip{grid-template-columns:32px minmax(0,1fr);min-height:42px;gap:8px;padding:5px 8px 5px 6px}.catalog-chip__portrait{width:32px}.catalog-chip__label{gap:4px;font-size:.72rem}.catalog-chip__meta,.toggle-chip__meta,.stepper-chip__meta{font-size:.6rem}.toggle-chip,.toggle-chip--with-image{min-height:40px;gap:7px;padding:5px 8px 5px 6px}.toggle-chip--with-image{grid-template-columns:20px 30px minmax(0,1fr)}.toggle-chip__portrait,.toggle-chip__icon{width:30px}.structure-grid .toggle-chip{min-height:40px;row-gap:2px;column-gap:7px;border-radius:12px;padding:5px 7px 5px 6px}.structure-grid .toggle-chip--with-image{grid-template-columns:18px 28px minmax(0,1fr)}.structure-grid .toggle-chip__control{grid-row:1 / span 2;align-self:center;width:18px;height:18px;border-radius:7px}.structure-grid .toggle-chip__control:after{width:8px;height:5px;border-bottom-width:2px;border-left-width:2px}.structure-grid .toggle-chip__portrait,.structure-grid .toggle-chip__icon{grid-row:1 / span 2;align-self:center;width:28px;border-radius:9px}.structure-grid .toggle-chip__label{display:-webkit-box;overflow:hidden;font-size:.68rem;line-height:1.08;-webkit-box-orient:vertical;-webkit-line-clamp:2}.structure-grid .toggle-chip__meta{grid-column:3;font-size:.54rem;line-height:1}.structure-grid .stepper-chip{grid-template-areas:"icon details control";grid-template-columns:30px minmax(0,1fr) auto;align-items:center;min-height:42px;gap:7px;padding:5px 6px}.structure-grid .stepper-chip__icon{width:30px;border-radius:10px}.structure-grid .stepper-chip__icon img,.structure-grid .stepper-chip__icon .structure-icon{width:23px;height:23px}.structure-grid .stepper-chip__details{gap:2px;min-width:0}.structure-grid .stepper-chip__label{display:-webkit-box;overflow:hidden;font-size:.68rem;line-height:1.08;-webkit-box-orient:vertical;-webkit-line-clamp:2}.structure-grid .stepper-chip__meta{flex-wrap:nowrap;gap:3px;margin-top:0;overflow:hidden}.structure-grid .stepper-chip__meta span{min-height:16px;padding:1px 5px 2px;border-radius:7px;font-size:.5rem}.structure-grid .stepper-chip__control,.structure-grid .stepper-chip--with-icon .stepper-chip__control{grid-column:auto;grid-template-columns:27px 32px 27px;width:auto;gap:3px;justify-self:end}.structure-grid .stepper-chip__button,.structure-grid .stepper-chip__input{height:28px;border-radius:8px}.structure-grid .stepper-chip__button{font-size:.78rem}.structure-grid .stepper-chip__input{width:32px;padding:0 3px;font-size:.62rem}.family-card{--family-card-padding: 7px}.family-card__identity{grid-template-columns:34px minmax(0,1fr);gap:8px}.family-card__portrait{width:34px}.app-shell--mobile-controls-collapsed .planner-layout{--mobile-layout-duration: .43s;--mobile-collapsed-card-padding: 12px;--mobile-collapsed-control-height: 34px;--mobile-collapsed-controls-height: calc( var(--mobile-collapsed-control-height) + var(--mobile-collapsed-card-padding) + var(--mobile-collapsed-card-padding) + 2px );--mobile-controls-panel-height: var(--mobile-collapsed-controls-height);--mobile-board-panel-height: calc( var(--mobile-layout-height) - var(--mobile-section-gap) - var(--mobile-controls-panel-height) );--mobile-board-frame-height: calc( var(--mobile-board-panel-height) - var(--mobile-island-panel-height) - var(--mobile-section-gap) );--mobile-board-canvas-height: calc( var(--mobile-board-frame-height) - var(--mobile-board-gutter) - var(--mobile-board-gutter) - var(--mobile-board-header-height) - var(--mobile-board-frame-gap) );grid-template-rows:var(--mobile-board-panel-height) var(--mobile-controls-panel-height)}.app-shell--mobile-controls-collapsed .controls-panel{height:100%;min-height:0;align-self:stretch;overflow:visible;transform:translateY(0);z-index:25}.app-shell--mobile-controls-collapsed .controls-card{--panel-card-padding: var(--mobile-collapsed-card-padding);display:grid;align-content:center;align-items:stretch;height:100%;grid-template-rows:auto minmax(0,0fr);overflow:hidden;transform:translateY(0)}.app-shell--mobile-controls-collapsed .layout-mode-controls,.app-shell--mobile-controls-collapsed .layout-mode-picker,.app-shell--mobile-controls-collapsed .layout-mode-picker--open{z-index:35}.app-shell--mobile-controls-collapsed .layout-mode-picker__menu{max-height:min(176px,calc(100dvh - 92px))}.app-shell--mobile-controls-collapsed .controls-card__pinned{align-self:center;display:grid;gap:0;height:var(--mobile-collapsed-control-height);min-height:0;padding-bottom:0;border-bottom-color:transparent}.app-shell--mobile-controls-collapsed .layout-mode-controls{height:var(--mobile-collapsed-control-height);min-height:0}.app-shell--mobile-controls-collapsed .controls-card__pinned>:not(.layout-mode-controls){max-height:0;opacity:0;pointer-events:none;visibility:hidden;transform:translateY(2px);transition:max-height var(--mobile-layout-duration) var(--mobile-layout-ease),opacity .24s ease,transform .28s var(--mobile-layout-ease),visibility 0s linear var(--mobile-layout-duration)}.app-shell--mobile-controls-collapsed .controls-card__scroll-shell{height:0;min-height:0;max-height:0;opacity:0;overflow:hidden;pointer-events:none;visibility:hidden;transform:translateY(2px);transition:height var(--mobile-layout-duration) var(--mobile-layout-ease),max-height var(--mobile-layout-duration) var(--mobile-layout-ease),opacity .24s ease,transform .28s var(--mobile-layout-ease),visibility 0s linear var(--mobile-layout-duration)}.app-shell--mobile-controls-collapsed .mobile-panel-toggle{transform:none}.app-shell--mobile-controls-collapsed .mobile-panel-toggle svg{transform:rotate(180deg)}}@media (max-width: 760px),(orientation: landscape) and (max-height: 520px) and (max-width: 980px){.controls-card__scroll-shell{grid-template-columns:minmax(0,1fr) 9px;gap:4px}.controls-card__scroll{padding-right:4px}.controls-card__scrollbar{display:block;min-width:9px;opacity:.88}.controls-card__scrollbar-track{top:9px;right:1px;bottom:9px;width:6px}.controls-card__scrollbar-thumb{min-height:28px;background:linear-gradient(180deg,color-mix(in srgb,var(--theme-accent) 82%,white),color-mix(in srgb,var(--theme-accent) 88%,#2f5f2b));box-shadow:0 0 0 1px #ffffff85,0 3px 8px color-mix(in srgb,var(--theme-accent) 34%,transparent)}.settings-menu__popover{--popover-padding: 10px;--popover-inner-radius: 10px;width:min(220px,calc(100vw - 24px));padding:var(--popover-padding);border-radius:calc(var(--popover-inner-radius) + var(--popover-padding))}.settings-menu__section{gap:8px}.settings-menu__section+.settings-menu__section{margin-top:10px;padding-top:10px}.settings-menu__section-title{font-size:.68rem}.settings-toggle{min-height:34px;gap:8px;padding:6px 8px;border-radius:12px}.settings-toggle__label{font-size:.62rem;line-height:1.12;white-space:normal}.settings-toggle__switch{--settings-toggle-thumb-inset: 3px;--settings-toggle-thumb-size: 14px;--settings-toggle-thumb-shift: calc( 32px - var(--settings-toggle-thumb-size) - var(--settings-toggle-thumb-inset) * 2 );width:32px;height:20px}.settings-toggle__thumb{top:50%;left:var(--settings-toggle-thumb-inset);width:var(--settings-toggle-thumb-size);height:var(--settings-toggle-thumb-size);transform:translateY(-50%)}.settings-toggle__switch input:checked+.settings-toggle__track .settings-toggle__thumb{transform:translate(var(--settings-toggle-thumb-shift),-50%)}.settings-menu__popover.board-export-menu__popover{--board-export-popover-padding: 12px;--board-export-option-padding: 8px;--board-export-option-icon-radius: 14px;--board-export-option-radius: calc( var(--board-export-option-icon-radius) + var(--board-export-option-padding) );--board-export-popover-radius: calc( var(--board-export-option-radius) + var(--board-export-popover-padding) );width:min(220px,calc(100vw - 24px));padding:var(--board-export-popover-padding);border-radius:var(--board-export-popover-radius)}.board-export-menu__options{gap:6px}.board-export-menu__option{grid-template-columns:36px minmax(0,1fr);min-height:58px;gap:8px;padding:var(--board-export-option-padding);border-radius:var(--board-export-option-radius)}.board-export-menu__option-icon{width:36px;height:36px;border-radius:var(--board-export-option-icon-radius)}.board-export-menu__option-icon svg{width:21px;height:21px;overflow:visible}.board-export-menu__option-label{font-size:.78rem}.board-export-menu__option-meta{font-size:.62rem}.settings-menu__popover.coin-calculator-menu__popover,.settings-menu__popover.coin-calculator-menu__popover--portal{--popover-padding: 10px;--popover-inner-radius: 12px;width:min(var(--coin-calculator-popover-width, 360px),360px,calc(100vw - 20px));max-height:min(440px,var(--coin-calculator-popover-max-height, calc(100dvh - 52px) ));scrollbar-gutter:auto}.coin-calculator-menu__summary{top:calc(var(--popover-padding) * -1);margin:calc(var(--popover-padding) * -1) calc(var(--popover-padding) * -1) 0;padding:10px 10px 9px}.coin-calculator-menu__section+.coin-calculator-menu__section{margin-top:10px;padding-top:10px}.coin-calculator-result{grid-template-columns:38px minmax(0,1fr);column-gap:7px;padding:8px;border-radius:12px}.coin-calculator-result__icon{width:34px;height:34px}.coin-calculator-result__value{font-size:1.08rem}.coin-calculator-result__label,.coin-calculator-result__rate,.coin-monster-row__meta,.coin-calculator-empty{font-size:.58rem}.coin-calculator-inline-icon{width:13px;height:13px;vertical-align:-2px}.coin-calculator-field{gap:5px}.coin-calculator-field__label{font-size:.62rem}.coin-calculator-duration{gap:5px}.coin-calculator-input,.coin-calculator-select{height:32px;border-radius:9px;padding:0 7px;font-size:.66rem}.coin-monster-list{gap:6px}.coin-monster-row{grid-template-columns:28px minmax(0,1fr) 58px auto;gap:6px;padding:5px;border-radius:11px}.coin-monster-row__portrait{width:28px;height:28px;border-radius:9px}.coin-monster-row__label{font-size:.62rem}.coin-monster-row__happiness{width:58px;height:28px;padding:0 4px;font-size:.6rem}.coin-monster-row__level{grid-template-columns:16px 24px 32px 24px;gap:2px}.coin-monster-row__level-icon{width:15px;height:15px}.coin-monster-row__level-button{width:24px;height:28px;border-radius:8px;font-size:.68rem}.coin-monster-row__level-input{width:32px;height:28px;font-size:.62rem}.placement-actions{min-width:120px;gap:4px;padding:5px;border-radius:11px}.placement-actions__button{min-height:30px;border-radius:8px;padding:5px 7px;font-size:.62rem}.grid-full-popover{min-width:112px;max-width:min(180px,calc(100vw - 28px));padding:7px 9px;border-radius:11px;font-size:.62rem}}@media (orientation: landscape) and (max-height: 520px) and (max-width: 980px){.layout-mode-picker--open{z-index:95}.layout-mode-picker__menu{top:calc(100% + 5px);bottom:auto;z-index:96;max-height:min(132px,calc(100dvh - 52px))}.island-switcher__icon,.island-switcher__icon[data-island-id=plant],.island-switcher__icon[data-island-id=cold],.island-switcher__icon[data-island-id=air]{width:min(100%,48px);max-height:34px}.island-switcher__icon[data-island-id=plant],.island-switcher__icon[data-island-id=cold],.island-switcher__icon[data-island-id=air]{--island-icon-scale: 1.28;--island-icon-hover-scale: 1.32}.island-switcher__label{font-size:.5rem}}@media (prefers-color-scheme: dark){.mobile-panel-toggle{border-color:var(--dark-border-strong);background:linear-gradient(180deg,#ffffff14,#ffffff09),var(--dark-field);color:color-mix(in srgb,var(--theme-accent) 82%,white);box-shadow:inset 0 1px #ffffff14,0 8px 18px #0000002e}.mobile-panel-toggle:hover{border-color:color-mix(in srgb,var(--theme-accent) 42%,var(--dark-border-strong));background:linear-gradient(180deg,#ffffff1c,#ffffff0b),color-mix(in srgb,var(--theme-accent-soft) 72%,var(--dark-field));color:color-mix(in srgb,var(--theme-accent) 88%,white);box-shadow:inset 0 1px #ffffff1a,0 10px 20px #00000038}}@media (prefers-color-scheme: dark) and (max-width: 760px),(prefers-color-scheme: dark) and (orientation: landscape) and (max-height: 520px) and (max-width: 980px){.app-shell{background:var(--theme-dark-page)}.app-shell:after{display:none}}.settings-menu__popover.settings-menu__popover--portal{position:fixed;top:var(--settings-popover-top, 72px);left:var(--settings-popover-left, 18px);right:auto;z-index:80;width:var(--settings-popover-width, 296px);max-height:var(--settings-popover-max-height, calc(100dvh - 36px) );overflow-y:auto;overscroll-behavior:contain;transform-origin:25px -37px;-webkit-overflow-scrolling:touch}.settings-menu__popover.board-export-menu__popover--portal{position:fixed;top:var(--board-export-popover-top, 72px);left:var(--board-export-popover-left, 18px);right:auto;z-index:82;width:var(--board-export-popover-width, 268px);max-height:var(--board-export-popover-max-height, calc(100dvh - 36px) );overflow-y:auto;overscroll-behavior:contain;transform-origin:25px -37px;-webkit-overflow-scrolling:touch}.settings-menu__popover.board-export-menu__popover--portal[data-placement=top]{transform-origin:25px calc(100% + 6px)}@media (max-width: 760px),(orientation: landscape) and (max-height: 520px) and (max-width: 980px){.settings-toggle__switch{--settings-toggle-thumb-inset: 3px;--settings-toggle-thumb-size: 14px;--settings-toggle-thumb-shift: calc( 32px - var(--settings-toggle-thumb-size) - var(--settings-toggle-thumb-inset) * 2 );width:32px;height:20px}.auto-organize-toggle .settings-toggle__switch{--settings-toggle-thumb-inset: 3px;--settings-toggle-thumb-size: 13px;--settings-toggle-thumb-shift: calc( 30px - var(--settings-toggle-thumb-size) - var(--settings-toggle-thumb-inset) * 2 );width:30px;height:19px}.settings-toggle__track:before{top:5px;left:7px;width:12px;height:5px}.settings-toggle__thumb{top:50%;left:var(--settings-toggle-thumb-inset);width:var(--settings-toggle-thumb-size);height:var(--settings-toggle-thumb-size);transform:translateY(-50%)}.settings-toggle__switch input:checked+.settings-toggle__track .settings-toggle__thumb{transform:translate(var(--settings-toggle-thumb-shift),-50%)}.board-frame__canvas-actions--left .settings-menu__popover.board-export-menu__popover{top:auto;bottom:calc(100% + 6px);transform-origin:25px calc(100% + 6px)}}@media (orientation: landscape) and (max-height: 520px) and (max-width: 980px){.app-shell{height:100dvh;min-height:0;padding:max(6px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));overflow:hidden}.planner-layout{--landscape-section-radius: 16px;--landscape-board-gutter: 5px;--landscape-board-border-width: 1px;--landscape-board-frame-padding: calc(var(--landscape-board-gutter) - var(--landscape-board-border-width));--landscape-board-action-inset: calc(var(--landscape-board-gutter) - var(--landscape-board-border-width));--landscape-board-header-height: 20px;--landscape-board-frame-gap: 4px;--mobile-layout-duration: .32s;--mobile-layout-ease: cubic-bezier(.25, .8, .25, 1);grid-template-columns:clamp(172px,24vw,206px) minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:6px;width:100%;height:100%;min-height:0;overflow:hidden;transition:grid-template-columns var(--mobile-layout-duration) var(--mobile-layout-ease)}.controls-panel{order:1;height:100%;min-height:0;min-width:0;overflow:visible}.board-panel{order:2;grid-template-columns:minmax(0,1fr) clamp(50px,7.4vw,62px);grid-template-rows:minmax(0,1fr);gap:6px;height:100%;min-height:0;min-width:0}.board-card{grid-column:1;height:100%;min-height:0;min-width:0}.panel-card,.board-frame,.controls-card{height:100%;min-height:0;min-width:0;border-radius:var(--landscape-section-radius)}.controls-card{--panel-card-padding: 6px;grid-template-rows:auto minmax(0,1fr);overflow:visible;transition:padding var(--mobile-layout-duration) var(--mobile-layout-ease)}.controls-card__header{display:none}.controls-card__pinned{gap:5px;padding-bottom:5px;border-bottom-color:#2f3e2414;transition:gap var(--mobile-layout-duration) var(--mobile-layout-ease),padding-bottom var(--mobile-layout-duration) var(--mobile-layout-ease),border-color .16s ease}.controls-card__pinned>:not(.layout-mode-controls){max-height:58px;opacity:1;overflow:hidden;pointer-events:auto;visibility:visible;transform:none;transform-origin:left top;transition:max-height var(--mobile-layout-duration) var(--mobile-layout-ease),opacity .16s ease,transform .22s var(--mobile-layout-ease),visibility 0s linear 0s}.controls-card__scroll-shell{display:grid;height:100%;min-height:0;max-height:100%;opacity:1;pointer-events:auto;visibility:visible;transform:none;transform-origin:left top;transition:max-height var(--mobile-layout-duration) var(--mobile-layout-ease),opacity .16s ease,transform .22s var(--mobile-layout-ease),visibility 0s linear 0s}.controls-card__scroll{height:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-top:5px;padding-right:0;-webkit-mask-image:linear-gradient(to bottom,transparent,black 10px,black calc(100% - 10px),transparent);mask-image:linear-gradient(to bottom,transparent,black 10px,black calc(100% - 10px),transparent);scrollbar-width:none}.controls-card__scrollbar{display:none}.mobile-panel-toggle{display:grid;place-items:center;width:30px;min-height:30px;height:30px;border:1px solid rgba(47,62,36,.09);border-radius:10px;padding:0;background:linear-gradient(180deg,#fffffff2,#ffffffb8),color-mix(in srgb,var(--theme-accent-soft) 28%,transparent);color:color-mix(in srgb,var(--theme-accent) 72%,var(--text-strong));box-shadow:var(--control-shadow-soft),inset 0 1px #ffffffdb;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .22s ease}.mobile-panel-toggle:hover{border-color:color-mix(in srgb,var(--theme-accent) 30%,rgba(47,62,36,.12));background:linear-gradient(180deg,#fffffffa,#ffffffc7),var(--theme-accent-soft)}.mobile-panel-toggle:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.mobile-panel-toggle svg{width:17px;height:17px;transition:transform .24s cubic-bezier(.22,.72,.25,1)}.layout-mode-controls{grid-template-columns:30px minmax(0,1fr) auto;gap:5px;transition:grid-template-columns var(--mobile-layout-duration) var(--mobile-layout-ease),gap var(--mobile-layout-duration) var(--mobile-layout-ease)}.layout-mode-picker,.auto-organize-toggle{max-width:100%;opacity:1;visibility:visible;transition:max-width var(--mobile-layout-duration) var(--mobile-layout-ease),opacity .14s ease,visibility 0s linear 0s}.layout-mode-picker__button,.auto-organize-toggle{min-height:30px;height:30px;border-radius:10px}.layout-mode-picker__button{padding-inline:8px 7px;font-size:.6rem}.layout-mode-picker__menu{top:auto;bottom:calc(100% + 5px);max-height:min(154px,calc(100dvh - 58px));overflow-y:auto}.auto-organize-toggle{padding:4px 6px}.auto-organize-toggle__label{font-size:.58rem}.auto-organize-toggle .settings-toggle__switch{--settings-toggle-thumb-inset: 3px;--settings-toggle-thumb-size: 13px;--settings-toggle-thumb-shift: calc( 30px - var(--settings-toggle-thumb-size) - var(--settings-toggle-thumb-inset) * 2 );width:30px;height:19px}.sidebar-tabs{--sidebar-tabs-padding: 3px;--sidebar-tab-radius: 9px;gap:4px}.sidebar-tabs__button{min-height:28px;padding:5px 6px;font-size:.62rem}.castle-picker{--castle-picker-padding: 4px;--castle-picker-inner-radius: 9px;grid-template-columns:30px minmax(0,1fr);gap:6px}.castle-picker__icon{width:30px}.castle-picker__icon img{width:24px;height:24px}.castle-picker__icon span{min-width:19px;padding:1px 4px;font-size:.48rem}.castle-picker__select-shell{min-height:30px;padding:4px 26px 4px 8px;font-size:.58rem}.sidebar-search-row{gap:5px}.sidebar-search-row--with-filter{grid-template-columns:minmax(0,1fr) 32px}.search-box__icon{left:11px;width:15px;height:15px}.search-box input{min-height:32px;border-radius:10px;padding:6px 8px 6px 33px;font-size:.6rem}.catalog-variant-picker{width:32px;height:32px;border-radius:10px}.catalog-variant-picker__icon{width:21px;height:21px}.catalog-grid,.family-grid,.structure-grid,.checklist-stack{gap:5px}.section-block{gap:6px}.section-block__header h3{font-size:.58rem}.catalog-chip{grid-template-columns:28px minmax(0,1fr);min-height:36px;gap:7px;padding:4px 7px 4px 5px}.catalog-chip__portrait{width:28px}.catalog-chip__label{gap:3px;font-size:.62rem}.catalog-chip__meta,.toggle-chip__meta,.stepper-chip__meta{font-size:.52rem}.toggle-chip,.toggle-chip--with-image{min-height:36px;gap:6px;padding:4px 7px 4px 5px}.toggle-chip--with-image{grid-template-columns:18px 28px minmax(0,1fr)}.toggle-chip__control{width:18px;height:18px;border-radius:7px}.toggle-chip__portrait,.toggle-chip__icon{width:28px;border-radius:9px}.toggle-chip__label{font-size:.62rem;line-height:1.08}.family-card{--family-card-padding: 6px}.family-card__identity{grid-template-columns:30px minmax(0,1fr);gap:7px}.family-card__portrait{width:30px}.structure-grid .stepper-chip{grid-template-areas:"icon details control";grid-template-columns:28px minmax(0,1fr) auto;align-items:center;min-height:36px;gap:6px;padding:4px 5px}.structure-grid .stepper-chip__icon{width:28px;border-radius:9px}.structure-grid .stepper-chip__icon img,.structure-grid .stepper-chip__icon .structure-icon{width:22px;height:22px}.structure-grid .stepper-chip__details{gap:1px;min-width:0}.structure-grid .stepper-chip__label{display:-webkit-box;overflow:hidden;font-size:.62rem;line-height:1.08;-webkit-box-orient:vertical;-webkit-line-clamp:2}.structure-grid .stepper-chip__meta{flex-wrap:nowrap;gap:3px;margin-top:0;overflow:hidden}.structure-grid .stepper-chip__meta span{min-height:15px;padding:1px 5px 2px;border-radius:7px;font-size:.48rem}.structure-grid .stepper-chip__control,.structure-grid .stepper-chip--with-icon .stepper-chip__control{grid-column:auto;grid-template-columns:25px 30px 25px;width:auto;gap:3px;justify-self:end}.structure-grid .stepper-chip__button,.structure-grid .stepper-chip__input{height:26px;border-radius:8px}.structure-grid .stepper-chip__button{font-size:.72rem}.structure-grid .stepper-chip__input{width:30px;padding:0 3px;font-size:.58rem}.board-frame{--board-frame-padding: var(--landscape-board-frame-padding);--board-action-inset: var(--landscape-board-action-inset);--board-file-action-bottom-inset: max(0px, calc(var(--board-action-inset) - 4px));--board-frame-canvas-radius: calc(var(--landscape-section-radius) - var(--landscape-board-gutter));--board-action-button-radius: calc(var(--board-frame-canvas-radius) - var(--landscape-board-gutter));grid-template-rows:var(--landscape-board-header-height) minmax(0,1fr);gap:var(--landscape-board-frame-gap);min-height:0;border-radius:var(--landscape-section-radius);overflow:hidden}.board-frame__header{display:flex;align-items:center;gap:7px;min-height:0;min-width:0;overflow:hidden}.board-frame__heading{display:none}.board-frame__stats{flex:1 1 auto;flex-wrap:nowrap;justify-content:flex-start;gap:4px;min-width:0;overflow-x:auto;padding-bottom:1px;font-size:.52rem;scrollbar-width:none}.board-frame__stats::-webkit-scrollbar{display:none}.board-frame__stats>span{gap:4px;min-height:21px;padding:3px 6px}.board-frame__stat-icon{width:11px;height:11px;flex-basis:11px}.board-frame__canvas{height:100%;min-height:0;border-radius:var(--board-frame-canvas-radius)}.board-frame__canvas-actions{gap:4px}.board-frame__canvas-actions--left{align-content:start;transform:none}.board-frame .settings-menu__trigger,.board-frame__download{width:28px;height:28px;border-radius:var(--board-action-button-radius)}.board-frame .settings-menu__trigger svg,.board-frame__download svg{width:15px;height:15px}.settings-menu__popover.board-export-menu__popover{width:min(240px,calc(100vw - 34px))}.island-footer{--panel-card-padding: 4px;grid-column:2;order:0;height:100%;min-height:0;padding:4px}.island-footer .panel-card__header{display:none}.island-switcher{display:flex;flex-direction:column;gap:3px;height:100%;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;padding:0 0 2px;scroll-snap-type:y proximity;scrollbar-width:none}.island-switcher::-webkit-scrollbar{display:none}.island-switcher__button{flex:0 0 clamp(32px,calc((100% - 15px)/5),42px);grid-template-rows:minmax(0,1fr) auto;height:auto;min-height:0;padding:2px;border-radius:9px;scroll-snap-align:start}.island-switcher__spark{top:5px;right:5px;width:6px;height:6px;box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-accent-soft) 70%,transparent)}.island-switcher__icon-wrap{min-height:0}.island-switcher__icon,.island-switcher__icon[data-island-id=plant],.island-switcher__icon[data-island-id=cold],.island-switcher__icon[data-island-id=air],.island-switcher__icon[data-island-id=wublin]{--island-icon-scale: 1;--island-icon-hover-scale: 1.03;width:min(100%,34px);max-height:21px;filter:drop-shadow(0 4px 5px rgba(25,35,24,.14))}.island-switcher__icon[data-island-id=wublin]{--island-icon-scale: 1.2;--island-icon-hover-scale: 1.24}.island-switcher__label{margin-top:0;font-size:.44rem;line-height:1}.app-shell--mobile-controls-collapsed .planner-layout{grid-template-columns:40px minmax(0,1fr)}.app-shell--mobile-controls-collapsed .controls-card{--panel-card-padding: 5px;overflow:hidden}.app-shell--mobile-controls-collapsed .controls-card__pinned{gap:0;padding-bottom:0;border-bottom-color:transparent}.app-shell--mobile-controls-collapsed .layout-mode-controls{grid-template-columns:30px minmax(0,0fr) 0;gap:0}.app-shell--mobile-controls-collapsed .layout-mode-picker,.app-shell--mobile-controls-collapsed .auto-organize-toggle{max-width:0;width:0;opacity:0;overflow:hidden;padding-inline:0;pointer-events:none;visibility:hidden;transition:max-width var(--mobile-layout-duration) var(--mobile-layout-ease),opacity .12s ease,visibility 0s linear .12s}.app-shell--mobile-controls-collapsed .controls-card__pinned>:not(.layout-mode-controls),.app-shell--mobile-controls-collapsed .controls-card__scroll-shell{max-height:0;opacity:0;pointer-events:none;visibility:hidden;transform:translate(-4px);transition:max-height var(--mobile-layout-duration) var(--mobile-layout-ease),opacity .12s ease,transform .18s var(--mobile-layout-ease),visibility 0s linear .12s}.app-shell--mobile-controls-collapsed .mobile-panel-toggle{transform:none}.app-shell--mobile-controls-collapsed .mobile-panel-toggle svg{transform:rotate(180deg)}}@media (prefers-color-scheme: dark){.mobile-panel-toggle{border-color:var(--dark-border-strong);background:linear-gradient(180deg,#ffffff14,#ffffff09),var(--dark-field);color:color-mix(in srgb,var(--theme-accent) 92%,white);--app-icon-primary: currentColor;--app-icon-secondary: color-mix(in srgb, var(--theme-accent) 68%, white);box-shadow:inset 0 1px #ffffff14,0 8px 18px #0000002e}.mobile-panel-toggle:hover{border-color:color-mix(in srgb,var(--theme-accent) 42%,var(--dark-border-strong));background:linear-gradient(180deg,#ffffff1c,#ffffff0b),color-mix(in srgb,var(--theme-accent-soft) 72%,var(--dark-field));color:color-mix(in srgb,var(--theme-accent) 96%,white);box-shadow:inset 0 1px #ffffff1a,0 10px 20px #00000038}.mobile-panel-toggle .app-icon [opacity]{opacity:1}}.settings-menu__popover.board-export-menu__popover.board-export-menu__popover--portal{position:fixed;top:var(--board-export-popover-top, 72px);left:var(--board-export-popover-left, 18px);right:auto;z-index:82;width:var(--board-export-popover-width, 268px);max-height:var(--board-export-popover-max-height, calc(100dvh - 36px) );overflow-y:auto;overscroll-behavior:contain;transform-origin:25px -37px;-webkit-overflow-scrolling:touch}.settings-menu__popover.board-export-menu__popover.board-export-menu__popover--portal[data-placement=top]{transform-origin:25px calc(100% + 6px)}@media (orientation: landscape) and (max-height: 520px) and (max-width: 980px){.controls-card__scroll-shell{grid-template-columns:minmax(0,1fr) 9px;gap:4px}.controls-card__scroll{padding-right:4px}.controls-card__scrollbar{display:block;min-width:9px;opacity:.88}.controls-card__scrollbar-track{top:9px;right:1px;bottom:9px;width:6px}.controls-card__scrollbar-thumb{min-height:28px;background:linear-gradient(180deg,color-mix(in srgb,var(--theme-accent) 82%,white),color-mix(in srgb,var(--theme-accent) 88%,#2f5f2b));box-shadow:0 0 0 1px #ffffff85,0 3px 8px color-mix(in srgb,var(--theme-accent) 34%,transparent)}.layout-mode-picker--open{z-index:95}.layout-mode-picker__menu{top:calc(100% + 5px);bottom:auto;z-index:96;max-height:min(132px,calc(100dvh - 52px))}.island-switcher__icon,.island-switcher__icon[data-island-id=plant],.island-switcher__icon[data-island-id=cold],.island-switcher__icon[data-island-id=air]{width:min(100%,48px);max-height:34px}.island-switcher__icon[data-island-id=plant],.island-switcher__icon[data-island-id=cold],.island-switcher__icon[data-island-id=air]{--island-icon-scale: 1.28;--island-icon-hover-scale: 1.32}.island-switcher__label{font-size:.5rem}}