@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);--desktop-layout-gap: 24px;--desktop-sidebar-width: clamp(310px, 28vw, 380px);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--seasonal-shanty,.app-shell__backdrop--seasonal-shanty{--theme-accent: #6f8b4e;--theme-accent-soft: #f1c65b;--theme-surface: rgba(255, 245, 232, .78);--theme-surface-strong: rgba(255, 251, 244, .96);--theme-shadow: 0 18px 40px rgba(83, 62, 38, .16);--theme-backdrop-color: #dcc1a1;--theme-backdrop-image: linear-gradient(180deg, rgba(255, 246, 228, .18), rgba(69, 82, 54, .14)), url(/assets/seasonal-shanty-backdrop-B-pkwCcq.jpg)}.island-switcher__icon[data-island-id=seasonal-shanty]{--island-icon-scale: 1.46;--island-icon-hover-scale: 1.5}@media (prefers-color-scheme: dark){.app-shell--seasonal-shanty,.app-shell__backdrop--seasonal-shanty{--theme-accent: #d7b96b;--theme-accent-soft: #7f9e5d;--theme-surface: rgba(34, 27, 19, .78);--theme-surface-strong: rgba(26, 20, 14, .95);--theme-shadow: 0 22px 42px rgba(0, 0, 0, .36);--theme-backdrop-color: #17110d;--theme-backdrop-image: linear-gradient(180deg, rgba(15, 13, 10, .56), rgba(17, 23, 13, .72)), url(/assets/seasonal-shanty-backdrop-B-pkwCcq.jpg)}}@media (max-width: 760px){.island-switcher__icon[data-island-id=seasonal-shanty]{--island-icon-scale: 1.58;--island-icon-hover-scale: 1.62}}@media (orientation: landscape) and (max-height: 520px) and (max-width: 980px){.island-switcher__icon[data-island-id=seasonal-shanty]{--island-icon-scale: 1.47;--island-icon-hover-scale: 1.51}}@media (max-width: 760px){.island-switcher__icon[data-island-id=celestial]{--island-icon-scale: 1.38;--island-icon-hover-scale: 1.42}.celestial-reward-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (orientation: landscape) and (max-height: 520px) and (max-width: 980px){.island-switcher__icon[data-island-id=celestial]{--island-icon-scale: 1.26;--island-icon-hover-scale: 1.3}}.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;filter:var(--theme-backdrop-filter, none);transform:translateZ(0) scale(var(--theme-backdrop-scale, 1));transition:opacity .52s ease,filter .24s ease,transform .24s ease;will-change:opacity,filter,transform;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--mirror-plant,.app-shell__backdrop--mirror-plant{--theme-accent: #a846a8;--theme-accent-soft: #d5df9a;--theme-surface: rgba(255, 255, 255, .76);--theme-surface-strong: rgba(253, 250, 255, .96);--theme-shadow: 0 18px 40px rgba(74, 32, 82, .14);--theme-backdrop-color: #d7d7c1;--theme-backdrop-image: linear-gradient(180deg, rgba(247, 243, 250, .18), rgba(226, 232, 204, .2)), radial-gradient(circle at top left, rgba(176, 79, 190, .18), transparent 24%), radial-gradient(circle at 78% 12%, rgba(209, 225, 142, .12), transparent 22%), url(/assets/plant-backdrop-DzhZaqtR.webp)}.app-shell--mirror-cold,.app-shell__backdrop--mirror-cold{--theme-accent: #a84fb4;--theme-accent-soft: #d7ecff;--theme-surface: rgba(255, 255, 255, .76);--theme-surface-strong: rgba(250, 253, 255, .96);--theme-shadow: 0 18px 40px rgba(58, 38, 86, .14);--theme-backdrop-color: #d3dcea;--theme-backdrop-image: linear-gradient(180deg, rgba(247, 248, 255, .18), rgba(215, 232, 246, .22)), radial-gradient(circle at top left, rgba(176, 79, 190, .18), transparent 24%), radial-gradient(circle at 78% 12%, rgba(224, 242, 255, .2), transparent 22%), url(/assets/cold-backdrop-DNi7brL_.webp)}.app-shell--mirror-air,.app-shell__backdrop--mirror-air{--theme-accent: #aa58b6;--theme-accent-soft: #efc0d9;--theme-surface: rgba(255, 255, 255, .76);--theme-surface-strong: rgba(255, 250, 253, .96);--theme-shadow: 0 18px 40px rgba(72, 38, 82, .14);--theme-backdrop-color: #e3c8d8;--theme-backdrop-image: linear-gradient(180deg, rgba(253, 244, 250, .18), rgba(232, 202, 220, .22)), radial-gradient(circle at top left, rgba(170, 88, 182, .18), transparent 24%), radial-gradient(circle at 78% 12%, rgba(239, 192, 217, .18), transparent 22%), url(/assets/air-backdrop-Cbsw-VJW.png)}.app-shell--mirror-water,.app-shell__backdrop--mirror-water{--theme-accent: #b24db6;--theme-accent-soft: #74d9cc;--theme-surface: rgba(246, 254, 253, .76);--theme-surface-strong: rgba(250, 255, 254, .96);--theme-shadow: 0 18px 40px rgba(36, 79, 82, .15);--theme-backdrop-color: #b9d5d1;--theme-backdrop-image: linear-gradient(180deg, rgba(243, 255, 252, .2), rgba(91, 151, 153, .24)), radial-gradient(circle at top left, rgba(178, 77, 182, .2), transparent 24%), radial-gradient(circle at 78% 12%, rgba(116, 217, 204, .18), transparent 22%), url(/assets/water-backdrop-B7tnhcr1.png)}.app-shell--mirror-earth,.app-shell__backdrop--mirror-earth{--theme-accent: #b35ab6;--theme-accent-soft: #d4ad52;--theme-surface: rgba(246, 241, 236, .76);--theme-surface-strong: rgba(253, 249, 245, .96);--theme-shadow: 0 18px 40px rgba(73, 44, 42, .17);--theme-backdrop-color: #76685d;--theme-backdrop-image: linear-gradient(180deg, rgba(246, 239, 232, .18), rgba(89, 71, 61, .26)), radial-gradient(circle at top left, rgba(179, 90, 182, .2), transparent 24%), radial-gradient(circle at 78% 12%, rgba(212, 173, 82, .16), transparent 22%), url(/assets/earth-backdrop-dgyBvlrS.png)}.app-shell--mirror-light,.app-shell__backdrop--mirror-light{--theme-accent: #f4b130;--theme-accent-soft: #5bd6c8;--theme-surface: rgba(255, 248, 235, .76);--theme-surface-strong: rgba(255, 253, 246, .96);--theme-shadow: 0 18px 40px rgba(61, 42, 20, .16);--theme-backdrop-color: #e7b878;--theme-backdrop-image: linear-gradient(180deg, rgba(255, 240, 215, .2), rgba(21, 31, 49, .22)), radial-gradient(circle at top left, rgba(91, 214, 200, .2), transparent 24%), radial-gradient(circle at 78% 12%, rgba(244, 177, 48, .2), transparent 24%), url(/assets/mirror-light-backdrop-DBrC06Kh.jpg)}.app-shell--mirror-psychic,.app-shell__backdrop--mirror-psychic{--theme-accent: #2bb9c6;--theme-accent-soft: #ff5aa7;--theme-surface: rgba(243, 251, 255, .76);--theme-surface-strong: rgba(250, 253, 255, .96);--theme-shadow: 0 18px 40px rgba(13, 20, 54, .18);--theme-backdrop-color: #b4dbe6;--theme-backdrop-image: linear-gradient(180deg, rgba(226, 249, 255, .18), rgba(17, 25, 65, .32)), radial-gradient(circle at top left, rgba(43, 185, 198, .22), transparent 24%), radial-gradient(circle at 78% 12%, rgba(255, 90, 167, .2), transparent 24%), url(/assets/mirror-psychic-backdrop-BZomhd_s.jpg)}.app-shell--mirror-faerie,.app-shell__backdrop--mirror-faerie{--theme-accent: #c45fc5;--theme-accent-soft: #7fd7cf;--theme-surface: rgba(255, 247, 251, .76);--theme-surface-strong: rgba(255, 252, 255, .96);--theme-shadow: 0 18px 40px rgba(52, 31, 72, .18);--theme-backdrop-color: #cdb6dd;--theme-backdrop-image: linear-gradient(180deg, rgba(255, 236, 252, .18), rgba(20, 15, 36, .3)), radial-gradient(circle at top left, rgba(196, 95, 197, .22), transparent 24%), radial-gradient(circle at 78% 12%, rgba(127, 215, 207, .2), transparent 24%), url(/assets/mirror-faerie-backdrop-DKuecmYy.jpg)}.app-shell--mirror-bone,.app-shell__backdrop--mirror-bone{--theme-accent: #52c9bd;--theme-accent-soft: #d987d9;--theme-surface: rgba(243, 255, 252, .76);--theme-surface-strong: rgba(250, 255, 254, .96);--theme-shadow: 0 18px 40px rgba(20, 34, 54, .18);--theme-backdrop-color: #a7d4d2;--theme-backdrop-image: linear-gradient(180deg, rgba(226, 255, 251, .18), rgba(14, 14, 31, .32)), radial-gradient(circle at top left, rgba(82, 201, 189, .22), transparent 24%), radial-gradient(circle at 78% 12%, rgba(217, 135, 217, .18), transparent 24%), url(/assets/mirror-bone-backdrop-DtT4CH92.jpg)}.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--fire-haven,.app-shell__backdrop--fire-haven{--theme-accent: #c85c2d;--theme-accent-soft: #ffc37f;--theme-surface: rgba(255, 247, 238, .76);--theme-surface-strong: rgba(255, 252, 247, .96);--theme-shadow: 0 18px 40px rgba(128, 51, 21, .14);--theme-backdrop-color: #e3a069;--theme-backdrop-image: linear-gradient(180deg, rgba(255, 242, 226, .18), rgba(212, 92, 48, .24)), radial-gradient(circle at 18% 16%, rgba(255, 196, 121, .2), transparent 24%), radial-gradient(circle at 74% 12%, rgba(153, 41, 24, .18), transparent 27%), url(/assets/fire-haven-backdrop-7k3kZotQ.webp)}.app-shell--fire-oasis,.app-shell__backdrop--fire-oasis{--theme-accent: #c85f2b;--theme-accent-soft: #8de1ec;--theme-surface: rgba(255, 245, 229, .76);--theme-surface-strong: rgba(255, 252, 246, .96);--theme-shadow: 0 18px 40px rgba(99, 59, 25, .14);--theme-backdrop-color: #e6b474;--theme-backdrop-image: linear-gradient(180deg, rgba(255, 244, 224, .18), rgba(214, 115, 48, .18)), radial-gradient(circle at 18% 16%, rgba(209, 66, 177, .16), transparent 24%), radial-gradient(circle at 76% 12%, rgba(83, 195, 221, .18), transparent 27%), url(/assets/fire-oasis-backdrop-M-61Uslp.webp)}.app-shell--mythical,.app-shell__backdrop--mythical{--theme-accent: #6b5ac7;--theme-accent-soft: #f0d67a;--theme-surface: rgba(248, 246, 255, .78);--theme-surface-strong: rgba(253, 252, 255, .96);--theme-shadow: 0 18px 40px rgba(45, 43, 118, .16);--theme-backdrop-color: #c9c0e7;--theme-backdrop-image: linear-gradient(180deg, rgba(248, 241, 255, .2), rgba(81, 80, 150, .2)), radial-gradient(circle at 50% 9%, rgba(240, 214, 122, .2), transparent 30%), radial-gradient(circle at 76% 12%, rgba(105, 194, 208, .18), transparent 27%), url(/assets/mythical-backdrop-D7LNfyJB.jpg)}.app-shell--light,.app-shell__backdrop--light{--theme-accent: #9268bd;--theme-accent-soft: #fff08e;--theme-surface: rgba(255, 250, 233, .76);--theme-surface-strong: rgba(255, 254, 246, .96);--theme-shadow: 0 18px 40px rgba(75, 48, 110, .14);--theme-backdrop-color: #eadb8d;--theme-backdrop-image: linear-gradient(180deg, rgba(255, 248, 220, .22), rgba(143, 101, 187, .18)), radial-gradient(circle at 50% 9%, rgba(255, 236, 104, .22), transparent 30%), radial-gradient(circle at 76% 12%, rgba(100, 211, 213, .18), transparent 27%), url(/assets/light-backdrop-6x9g5O2L.webp)}.app-shell--psychic,.app-shell__backdrop--psychic{--theme-accent: #a04aba;--theme-accent-soft: #8de3d0;--theme-surface: rgba(255, 244, 252, .76);--theme-surface-strong: rgba(255, 250, 254, .96);--theme-shadow: 0 18px 40px rgba(78, 34, 97, .14);--theme-backdrop-color: #e2bfd9;--theme-backdrop-image: linear-gradient(180deg, rgba(255, 239, 250, .2), rgba(129, 72, 150, .18)), radial-gradient(circle at 50% 9%, rgba(177, 78, 195, .22), transparent 30%), radial-gradient(circle at 76% 12%, rgba(113, 215, 193, .18), transparent 27%), url(/assets/psychic-backdrop-DYH9NKrF.jpg)}.app-shell--faerie,.app-shell__backdrop--faerie{--theme-accent: #a95ca5;--theme-accent-soft: #d7eb8f;--theme-surface: rgba(255, 248, 239, .76);--theme-surface-strong: rgba(255, 252, 247, .96);--theme-shadow: 0 18px 40px rgba(85, 42, 94, .14);--theme-backdrop-color: #d8c99f;--theme-backdrop-image: linear-gradient(180deg, rgba(255, 243, 248, .2), rgba(112, 82, 139, .16)), radial-gradient(circle at 50% 9%, rgba(234, 159, 210, .22), transparent 30%), radial-gradient(circle at 76% 12%, rgba(181, 219, 122, .18), transparent 27%), url(/assets/faerie-backdrop-BLN8Dn8y.jpg)}.app-shell--bone,.app-shell__backdrop--bone{--theme-accent: #4e6d82;--theme-accent-soft: #9ee2d1;--theme-surface: rgba(241, 251, 248, .76);--theme-surface-strong: rgba(248, 254, 252, .96);--theme-shadow: 0 18px 40px rgba(36, 43, 63, .16);--theme-backdrop-color: #bdd7d3;--theme-backdrop-image: linear-gradient(180deg, rgba(235, 255, 250, .2), rgba(41, 32, 69, .2)), radial-gradient(circle at 50% 9%, rgba(158, 226, 209, .22), transparent 30%), radial-gradient(circle at 76% 12%, rgba(88, 72, 125, .2), transparent 28%), url(/assets/bone-backdrop-BfW8XnAB.jpg)}.app-shell--magical-sanctum,.app-shell__backdrop--magical-sanctum{--theme-accent: #6d55b8;--theme-accent-soft: #8fe4cf;--theme-surface: rgba(248, 245, 255, .76);--theme-surface-strong: rgba(253, 251, 255, .96);--theme-shadow: 0 18px 40px rgba(38, 32, 77, .16);--theme-backdrop-color: #c9d9d5;--theme-backdrop-image: linear-gradient(180deg, rgba(240, 255, 250, .2), rgba(42, 34, 78, .2)), radial-gradient(circle at 50% 9%, rgba(143, 228, 207, .22), transparent 30%), radial-gradient(circle at 76% 12%, rgba(231, 184, 102, .18), transparent 28%), url(/assets/magical-sanctum-backdrop-CyX9FfvE.jpg)}.app-shell--magical-nexus,.app-shell__backdrop--magical-nexus{--theme-accent: #4967c9;--theme-accent-soft: #86e6b5;--theme-surface: rgba(243, 247, 255, .78);--theme-surface-strong: rgba(250, 253, 255, .96);--theme-shadow: 0 18px 40px rgba(30, 52, 112, .16);--theme-backdrop-color: #d9e6f3;--theme-backdrop-image: linear-gradient(180deg, rgba(239, 255, 248, .2), rgba(37, 51, 110, .2)), radial-gradient(circle at 50% 9%, rgba(134, 230, 181, .24), transparent 30%), radial-gradient(circle at 76% 12%, rgba(235, 193, 91, .18), transparent 28%), url(/assets/magical-nexus-backdrop-D0zRCP7c.jpg)}.app-shell--plasma-islet,.app-shell__backdrop--plasma-islet{--theme-accent: #7255b7;--theme-accent-soft: #68dbc9;--theme-surface: rgba(245, 241, 255, .78);--theme-surface-strong: rgba(252, 250, 255, .96);--theme-shadow: 0 18px 40px rgba(47, 38, 99, .17);--theme-backdrop-color: #d2c9ed;--theme-backdrop-image: linear-gradient(180deg, rgba(248, 244, 255, .2), rgba(41, 103, 93, .2)), radial-gradient(circle at 48% 9%, rgba(114, 85, 183, .22), transparent 30%), radial-gradient(circle at 18% 16%, rgba(104, 219, 201, .2), transparent 26%), url(/assets/plasma-islet-backdrop-BxPq4G-z.jpg)}.app-shell--mech-islet,.app-shell__backdrop--mech-islet{--theme-accent: #4f6c84;--theme-accent-soft: #73dfe8;--theme-surface: rgba(238, 248, 249, .78);--theme-surface-strong: rgba(249, 253, 253, .96);--theme-shadow: 0 18px 40px rgba(33, 48, 72, .18);--theme-backdrop-color: #c9e4e4;--theme-backdrop-image: linear-gradient(180deg, rgba(246, 253, 252, .22), rgba(38, 53, 78, .22)), radial-gradient(circle at 48% 9%, rgba(115, 223, 232, .24), transparent 30%), radial-gradient(circle at 18% 16%, rgba(90, 112, 134, .22), transparent 26%), url(/assets/mech-islet-backdrop-C7-r_JqB.jpg)}.app-shell--shadow-islet,.app-shell__backdrop--shadow-islet{--theme-accent: #8d4c9a;--theme-accent-soft: #39c7d8;--theme-surface: rgba(247, 240, 247, .78);--theme-surface-strong: rgba(253, 250, 253, .96);--theme-shadow: 0 18px 40px rgba(50, 24, 68, .18);--theme-backdrop-color: #d8b9d9;--theme-backdrop-image: linear-gradient(180deg, rgba(254, 246, 255, .2), rgba(45, 20, 58, .24)), radial-gradient(circle at 48% 9%, rgba(141, 76, 154, .24), transparent 30%), radial-gradient(circle at 18% 16%, rgba(57, 199, 216, .18), transparent 26%), url(/assets/shadow-islet-backdrop-DU1mK8jW.jpg)}.app-shell--crystal-islet,.app-shell__backdrop--crystal-islet{--theme-accent: #2f8f7f;--theme-accent-soft: #8be6ff;--theme-surface: rgba(241, 251, 246, .78);--theme-surface-strong: rgba(250, 255, 252, .96);--theme-shadow: 0 18px 40px rgba(20, 72, 61, .18);--theme-backdrop-color: #c8ecd8;--theme-backdrop-image: linear-gradient(180deg, rgba(244, 255, 250, .22), rgba(21, 71, 56, .24)), radial-gradient(circle at 48% 9%, rgba(139, 230, 255, .24), transparent 30%), radial-gradient(circle at 18% 16%, rgba(98, 198, 95, .2), transparent 26%), url(/assets/crystal-islet-backdrop-DnKxuxSV.jpg)}.app-shell--paironormal-carnival,.app-shell__backdrop--paironormal-carnival{--theme-accent: #8a55c4;--theme-accent-soft: #ffd267;--theme-surface: rgba(255, 249, 238, .78);--theme-surface-strong: rgba(255, 252, 245, .96);--theme-shadow: 0 18px 40px rgba(41, 34, 74, .18);--theme-backdrop-color: #d8cbb5;--theme-backdrop-image: linear-gradient(180deg, rgba(255, 244, 224, .18), rgba(48, 40, 101, .2)), radial-gradient(circle at 50% 9%, rgba(255, 206, 99, .22), transparent 30%), radial-gradient(circle at 78% 14%, rgba(150, 91, 207, .18), transparent 28%), url(/assets/paironormal-carnival-backdrop-major-ij0_3YfK.jpg)}.app-shell--paironormal-carnival-minor,.app-shell--paironormal-carnival-minor .app-shell__backdrop--paironormal-carnival{--theme-accent: #4e67d4;--theme-accent-soft: #f46f8d;--theme-surface: rgba(244, 248, 255, .78);--theme-surface-strong: rgba(250, 252, 255, .96);--theme-shadow: 0 18px 40px rgba(27, 39, 92, .18);--theme-backdrop-color: #c7d5e9;--theme-backdrop-image: linear-gradient(180deg, rgba(232, 242, 255, .2), rgba(43, 61, 138, .22)), radial-gradient(circle at 50% 9%, rgba(244, 111, 141, .2), transparent 30%), radial-gradient(circle at 78% 14%, rgba(100, 132, 230, .2), transparent 28%), url(/assets/paironormal-carnival-backdrop-minor-DRNbmeWr.jpg)}.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--amber,.app-shell__backdrop--amber{--theme-accent: #bd6a28;--theme-accent-soft: #ffd38a;--theme-surface: rgba(255, 248, 234, .76);--theme-surface-strong: rgba(255, 252, 244, .96);--theme-shadow: 0 18px 40px rgba(112, 57, 20, .16);--theme-backdrop-color: #e7bf80;--theme-backdrop-image: linear-gradient(180deg, rgba(255, 241, 210, .18), rgba(153, 77, 32, .2)), radial-gradient(circle at 50% 9%, rgba(255, 205, 113, .2), transparent 30%), radial-gradient(circle at 23% 18%, rgba(190, 91, 34, .16), transparent 24%), url(/assets/amber-backdrop-Dw3LvM9z.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--gold,.app-shell__backdrop--gold{--theme-accent: #c68b28;--theme-accent-soft: #ffe08a;--theme-surface: rgba(255, 250, 231, .76);--theme-surface-strong: rgba(255, 253, 241, .96);--theme-shadow: 0 18px 40px rgba(116, 78, 22, .16);--theme-backdrop-color: #e7c86d;--theme-backdrop-image: linear-gradient(180deg, rgba(255, 246, 214, .2), rgba(121, 78, 24, .2)), radial-gradient(circle at 50% 7%, rgba(255, 225, 125, .22), transparent 31%), radial-gradient(circle at 22% 18%, rgba(73, 171, 93, .14), transparent 24%), url(/assets/gold-backdrop-DLN4A1lu.jpg)}.app-shell--ethereal,.app-shell__backdrop--ethereal{--theme-accent: #7b5ec9;--theme-accent-soft: #7fe5d0;--theme-surface: rgba(248, 243, 255, .76);--theme-surface-strong: rgba(253, 251, 255, .96);--theme-shadow: 0 18px 40px rgba(54, 41, 106, .17);--theme-backdrop-color: #c8d9e8;--theme-backdrop-image: linear-gradient(180deg, rgba(246, 241, 255, .18), rgba(36, 110, 97, .2)), radial-gradient(circle at 50% 8%, rgba(156, 126, 220, .24), transparent 30%), radial-gradient(circle at 18% 16%, rgba(89, 222, 198, .2), transparent 26%), url(/assets/ethereal-backdrop-DMQA22lA.jpg)}.app-shell--ethereal-workshop,.app-shell__backdrop--ethereal-workshop{--theme-accent: #1b9fba;--theme-accent-soft: #f26fb2;--theme-surface: rgba(238, 248, 251, .76);--theme-surface-strong: rgba(249, 254, 255, .96);--theme-shadow: 0 18px 40px rgba(22, 85, 104, .17);--theme-backdrop-color: #b9e6ed;--theme-backdrop-image: linear-gradient(180deg, rgba(232, 253, 255, .18), rgba(111, 47, 102, .18)), radial-gradient(circle at 50% 8%, rgba(75, 206, 222, .24), transparent 30%), radial-gradient(circle at 18% 16%, rgba(242, 111, 178, .18), transparent 26%), url(/assets/ethereal-workshop-backdrop-BUsGIvB_.jpg)}.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)}.app-shell--celestial,.app-shell__backdrop--celestial{--theme-accent: #6e62b7;--theme-accent-soft: #f1d676;--theme-surface: rgba(248, 245, 255, .78);--theme-surface-strong: rgba(252, 250, 255, .96);--theme-shadow: 0 18px 40px rgba(54, 48, 104, .17);--theme-backdrop-color: #c7c5e4;--theme-backdrop-image: linear-gradient(180deg, rgba(252, 248, 232, .14), rgba(48, 51, 104, .2)), radial-gradient(circle at 50% 8%, rgba(241, 214, 118, .24), transparent 30%), radial-gradient(circle at 18% 18%, rgba(114, 197, 184, .18), transparent 26%), url(/assets/celestial-backdrop-BqKxtAgU.jpg)}.planner-layout{position:relative;z-index:1;display:grid;grid-template-columns:var(--desktop-sidebar-width) minmax(0,1fr);gap:var(--desktop-layout-gap);height:100%;min-height:0;min-width:0}.controls-panel,.board-panel{display:grid;gap:16px;min-height:0;min-width:0;align-self:stretch}.board-panel{gap:var(--desktop-layout-gap)}.controls-panel{height:100%;overflow:hidden}.controls-card{display:grid;grid-template-rows:auto minmax(0,1fr);height:100%;min-height:0;min-width:0}.controls-card__pinned{--sidebar-pinned-gap: 18px;display:grid;gap:0;width:100%;max-width:100%;min-width:0}.controls-card__pinned>:not(:first-child){margin-top:var(--sidebar-pinned-gap)}.sidebar-pinned-slot{display:grid;grid-template-rows:0fr;min-height:0;opacity:0;pointer-events:none;transform:translateY(-8px) scale(.985);transform-origin:50% 0;transition:grid-template-rows .38s cubic-bezier(.2,.88,.18,1),margin-top .38s cubic-bezier(.2,.88,.18,1),opacity .18s ease,transform .32s cubic-bezier(.2,.88,.18,1)}.sidebar-pinned-slot--visible{grid-template-rows:1fr;opacity:1;pointer-events:auto;transform:translateY(0) scale(1);transition:grid-template-rows .43s cubic-bezier(.18,.92,.18,1),margin-top .43s cubic-bezier(.18,.92,.18,1),opacity .22s ease 80ms,transform .42s cubic-bezier(.18,.92,.18,1)}.controls-card__pinned>.sidebar-pinned-slot--hidden{margin-top:0}.sidebar-pinned-slot__content{min-height:0;overflow:hidden}.sidebar-pinned-slot--empty{display:none}.app-shell--mobile-controls-collapsed .controls-card__pinned>:not(:first-child){margin-top:0}.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)}.app-popup{--app-popup-padding: 16px;--app-popup-inner-radius: 16px;--app-popup-radius: calc(var(--app-popup-inner-radius) + var(--app-popup-padding));position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;place-items:center;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:#0c12107a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.app-popup--closing{pointer-events:none;animation:app-popup-backdrop-out .18s ease forwards}.app-popup--compact{--app-popup-width: 336px}.app-popup--compact .app-popup__dialog{grid-template-rows:auto auto}.app-popup--standard{--app-popup-width: 480px}.app-popup--wide{--app-popup-width: 640px}.app-popup__dialog{display:grid;grid-template-rows:auto minmax(0,1fr);width:min(var(--app-popup-width),calc(100vw - 36px));max-height:min(760px,calc(100dvh - 36px));overflow:hidden;border:1px solid var(--glass-border);border-radius:var(--app-popup-radius);background:linear-gradient(180deg,#fffffff7,#ffffffdb),var(--theme-surface-strong);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)}.app-popup--closing .app-popup__dialog{animation:app-popup-dialog-out .18s cubic-bezier(.38,0,.7,.2) forwards}.app-popup__header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:var(--app-popup-padding) var(--app-popup-padding) 14px;border-bottom:1px solid rgba(48,63,35,.12)}.app-popup__title-group{display:grid;gap:4px;min-width:0}.app-popup__header h2{font-size:1.45rem;line-height:1.05}.app-popup__close{display:grid;place-items:center;width:42px;height:42px;flex:0 0 auto;border:1px solid rgba(48,63,35,.12);border-radius:var(--app-popup-inner-radius);background:linear-gradient(180deg,#fffffff0,#ffffffad),color-mix(in srgb,var(--theme-accent-soft) 24%,transparent);color:var(--theme-accent);box-shadow:var(--control-shadow-soft),inset 0 1px #ffffffc7;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.app-popup__close:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--theme-accent) 34%,rgba(48,63,35,.14));background:linear-gradient(180deg,#fffffffa,#ffffffc2),var(--theme-accent-soft);box-shadow:var(--control-shadow),inset 0 1px #ffffffdb}.app-popup__close:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.app-popup__close svg{width:24px;height:24px}.app-popup__body{display:grid;align-content:start;gap:14px;min-height:0;padding:var(--app-popup-padding);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch}.app-popup.board-export-menu__modal{--app-popup-width: 360px;--board-export-option-padding: 10px;--board-export-option-icon-radius: 12px;--board-export-option-radius: calc( var(--board-export-option-icon-radius) + var(--board-export-option-padding) );place-items:center}.board-export-menu__modal .app-popup__dialog{max-height:min(760px,calc(100dvh - 28px))}.board-export-menu__modal .app-popup__header{padding-bottom:clamp(10px,1.8dvh,14px)}.board-export-menu__body{grid-template-rows:auto auto auto;gap:clamp(9px,1.5dvh,14px);overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:auto}.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:9px;padding:15px;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.02rem;line-height:1.15}.whats-new-entry ul{display:grid;gap:7px;margin:0;padding-left:1.1rem;color:var(--muted);font-weight:700;font-size:.92rem;line-height:1.34}@media (max-width: 760px),(orientation: landscape) and (max-height: 520px) and (max-width: 980px){.whats-new-modal{place-items:stretch;padding:10px}.app-popup{--app-popup-padding: 10px;--app-popup-inner-radius: 12px;place-items:stretch;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.app-popup__dialog{width:100%;max-height:calc(100dvh - 20px)}.app-popup--compact{--app-popup-padding: 12px;--app-popup-inner-radius: 14px;place-items:center;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}.app-popup--compact .app-popup__dialog{width:min(var(--app-popup-width),calc(100vw - 36px));max-height:calc(100dvh - 36px)}.app-popup__header{gap:10px;padding:10px}.app-popup__header h2{font-size:1.18rem}.app-popup__close{width:34px;height:34px}.app-popup__close svg{width:20px;height:20px}.app-popup__body{gap:10px;padding:10px}.app-popup--compact .app-popup__header{padding:12px 12px 10px}.app-popup--compact .app-popup__body{gap:12px;padding:12px}.app-popup.board-export-menu__modal{--app-popup-padding: 14px;--app-popup-inner-radius: 14px;--board-export-option-padding: 8px;--board-export-option-icon-radius: 14px;place-items:stretch;padding:0}.board-export-menu__modal .app-popup__dialog{width:100vw;height:100dvh;max-height:100dvh;border-right:0;border-left:0;border-radius:0;grid-template-rows:auto minmax(0,1fr)}.board-export-menu__modal .app-popup__header{padding:max(14px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) 12px max(18px,env(safe-area-inset-left))}.board-export-menu__modal .app-popup__body{height:100%;min-height:0;overflow-y:auto}.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:7px;padding:12px;border-radius:12px}.whats-new-entry h3{font-size:.98rem}.whats-new-entry ul{gap:6px;padding-left:1rem;font-size:.82rem;line-height:1.28}}.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:302px;padding:var(--board-export-popover-padding);border-radius:var(--board-export-popover-radius)}.board-export-menu__options{display:grid;gap:10px}.board-export-menu__preview{--board-export-preview-size: min( calc(var(--app-popup-width) - var(--app-popup-padding) * 2), clamp(220px, calc(100dvh - 575px) , 320px) );position:relative;display:grid;place-items:center;aspect-ratio:1;justify-self:center;width:var(--board-export-preview-size);height:var(--board-export-preview-size);max-width:100%;max-height:var(--board-export-preview-size);overflow:hidden;border:1px solid rgba(48,63,35,.12);border-radius:16px;background:#ffffff61;box-shadow:inset 0 1px #ffffffad,0 12px 24px #222e1c1f}.board-export-menu__preview--background-on{background:linear-gradient(45deg,rgba(48,63,35,.05) 25%,transparent 25%),linear-gradient(135deg,rgba(48,63,35,.05) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(48,63,35,.05) 75%),linear-gradient(135deg,transparent 75%,rgba(48,63,35,.05) 75%),#ffffff94;background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.board-export-menu__preview--background-off{background:transparent;box-shadow:none}.board-export-menu__preview:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";pointer-events:none;background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--theme-accent-soft) 32%,transparent),transparent 58%);opacity:0;transition:opacity .18s ease}.board-export-menu__preview--loading:before{opacity:1;animation:preview-pulse 1.2s ease-in-out infinite}.board-export-menu__preview-image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;object-fit:contain}.board-export-menu__preview-image--current{animation:preview-image-in .26s ease both}.board-export-menu__preview-image--previous{z-index:2;animation:preview-image-out .28s ease both}.board-export-menu__preview span{position:relative;z-index:1;color:var(--text-soft);font-size:.8rem;font-weight:700}.board-export-menu__settings{display:grid;gap:clamp(6px,.9dvh,8px);margin-bottom:clamp(7px,1dvh,10px);padding-bottom:clamp(7px,1dvh,10px);border-bottom:1px solid rgba(47,62,36,.1)}.board-export-menu__quality{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,224px);align-items:center;gap:12px;min-height:clamp(36px,5dvh,40px);padding:6px 10px;border:1px solid rgba(48,63,35,.08);border-radius:14px;background:#ffffffad}.board-export-menu__quality-label{color:var(--text-strong);font-size:.78rem;font-weight:700;line-height:1.1}.board-export-menu__quality-select-shell{position:relative;display:flex;align-items:center;justify-self:end;width:100%;min-width:0;min-height:30px;padding:0 32px 0 10px;border:1px solid rgba(48,63,35,.11);border-radius:10px;background:linear-gradient(180deg,#ffffffbd,#ffffff6b),color-mix(in srgb,var(--theme-accent-soft) 25%,transparent);transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}.board-export-menu__quality-select-shell:hover,.board-export-menu__quality-select-shell:focus-within{border-color:color-mix(in srgb,var(--theme-accent) 30%,rgba(48,63,35,.16));background:linear-gradient(180deg,#ffffffdb,#ffffff80),color-mix(in srgb,var(--theme-accent-soft) 36%,transparent)}.board-export-menu__quality-select-shell:focus-within{outline:2px solid var(--focus-ring);outline-offset:2px}.board-export-menu__quality-selected{min-width:0;overflow:hidden;color:var(--text-strong);font-size:.82rem;font-weight:700;line-height:1.12;pointer-events:none;text-overflow:ellipsis;white-space:nowrap}.board-export-menu__quality-chevron{position:absolute;right:10px;width:18px;height:18px;color:color-mix(in srgb,var(--theme-accent) 76%,var(--text-strong));pointer-events:none;--app-icon-primary: currentColor;--app-icon-secondary: currentColor}.board-export-menu__quality-chevron [opacity]{opacity:1}.board-export-menu__quality-select{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;opacity:0;cursor:pointer}.board-export-menu__toggle{min-height:clamp(36px,5dvh,40px)}.board-export-menu__modal .board-export-menu__option{grid-template-columns:44px minmax(0,1fr);min-height:clamp(58px,7.2dvh,64px);gap:10px;padding:8px 12px 8px 8px}.board-export-menu__modal .board-export-menu__option-icon{width:44px;height:44px}.board-export-menu__option{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;min-height:clamp(58px,7.4dvh,68px);padding:var(--board-export-option-padding) 13px var(--board-export-option-padding) var(--board-export-option-padding);border:1px solid rgba(48,63,35,.12);border-radius:var(--board-export-option-radius);background:linear-gradient(180deg,#ffffffe6,#ffffffb8),#ffffffc7;color:var(--text-strong);text-align:left;box-shadow:inset 0 1px #ffffffb8,0 1px #303f230a;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease,opacity .18s ease}.board-export-menu__option:hover:not(:disabled){transform:translateY(-1px);border-color:color-mix(in srgb,var(--theme-accent) 28%,rgba(48,63,35,.14));background:linear-gradient(180deg,#fffffff5,#ffffffc7),color-mix(in srgb,var(--theme-accent-soft) 42%,transparent);box-shadow:0 8px 18px #303f231a,inset 0 1px #ffffffd1}.board-export-menu__option--success:not(:disabled){border-color:color-mix(in srgb,var(--theme-accent) 48%,rgba(48,63,35,.16));background:linear-gradient(180deg,#fffffff5,#ffffffc7),color-mix(in srgb,var(--theme-accent-soft) 62%,transparent)}.board-export-menu__option:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.board-export-menu__option:active:not(:disabled){transform:translateY(0);box-shadow:inset 0 1px 3px #303f231a}.board-export-menu__option:disabled{cursor:not-allowed;opacity:.52}.board-export-menu__option-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:var(--board-export-option-icon-radius);background:linear-gradient(180deg,#ffffff52,#ffffff14),color-mix(in srgb,var(--theme-accent-soft) 62%,white);color:color-mix(in srgb,var(--theme-accent) 74%,var(--text-strong))}.board-export-menu__option-icon svg{width:24px;height:24px;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:.95rem;font-weight:700;line-height:1.08}.board-export-menu__option-meta{color:var(--text-soft);font-size:.74rem;line-height:1.15}.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:calc(var(--app-popup-padding, 16px) * -1);z-index:2;margin:calc(var(--app-popup-padding, 16px) * -1) calc(var(--app-popup-padding, 16px) * -1) 0;padding:16px 16px 14px;border-bottom:1px solid rgba(48,63,35,.1);background:linear-gradient(180deg,#fffffffa,#ffffffe6),var(--theme-surface-strong);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{position:sticky;top:calc(var(--app-popup-padding, 16px) * -1);z-index:2;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--empty{font-size:1.12rem;line-height:1.12}.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}.nexus-nucleus-menu__nucleus-icon{padding:3px}.nexus-reward-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.nexus-reward-card{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px;min-width:0;padding:9px;border:1px solid rgba(48,63,35,.08);border-radius:14px;background:#ffffffa8}.nexus-reward-card__icon{display:grid;place-items:center;width:34px;height:34px}.nexus-reward-card__icon img{width:100%;height:100%;object-fit:contain}.nexus-reward-card__body{display:grid;gap:1px;min-width:0}.nexus-reward-card__body strong{color:var(--text-strong);font-size:.88rem;font-variant-numeric:tabular-nums;line-height:1.1;overflow-wrap:anywhere}.nexus-reward-card__body small,.nexus-nucleus-menu__note,.nexus-collection-row__header p{color:var(--text-soft);font-size:.68rem;font-weight:700;line-height:1.2}.celestial-reward-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.celestial-monster-row{grid-template-columns:38px minmax(0,1fr)}.celestial-monster-row__rewards{display:flex;flex-wrap:wrap;gap:5px 9px;min-width:0;padding-top:3px}.celestial-monster-row__reward{display:inline-flex;align-items:center;gap:3px;color:var(--text-strong);font-size:.7rem;font-weight:800;font-variant-numeric:tabular-nums}.nexus-nucleus-menu__note{margin:9px 0 0}.nexus-collection-list{display:grid;gap:8px}.nexus-collection-row{display:grid;gap:8px;min-width:0;padding:10px;border:1px solid rgba(48,63,35,.08);border-radius:14px;background:#ffffffa8}.nexus-collection-row--complete{border-color:color-mix(in srgb,var(--theme-accent) 28%,rgba(48,63,35,.08));background:linear-gradient(180deg,#ffffffc2,#ffffff94),color-mix(in srgb,var(--theme-accent-soft) 24%,transparent)}.nexus-collection-row__header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;min-width:0}.nexus-collection-row__header h4{margin:0;color:var(--text-strong);font-size:.82rem;line-height:1.12}.nexus-collection-row__header p{margin:2px 0 0}.nexus-collection-row__status{flex:0 0 auto;padding:4px 8px;border-radius:999px;background:color-mix(in srgb,var(--theme-accent) 12%,rgba(255,255,255,.72));color:color-mix(in srgb,var(--theme-accent) 72%,black);font-size:.62rem;font-weight:800;line-height:1}.nexus-missing-list{display:flex;flex-wrap:wrap;gap:6px}.nexus-missing-chip{display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:4px 7px 4px 4px;border:1px solid rgba(48,63,35,.08);border-radius:999px;background:#ffffffad;color:var(--text-strong);font-size:.66rem;font-weight:800;line-height:1}.nexus-missing-chip__portrait{display:grid;place-items:center;width:24px;height:24px;overflow:hidden;border-radius:999px;background:#ffffffb8}.nexus-missing-chip__portrait--upcoming{filter:grayscale(1) saturate(0) contrast(1.06)}.nexus-missing-chip__portrait img{width:100%;height:100%;object-fit:contain}.max-income-panel{display:grid;gap:16px}.max-income-panel__section{gap:10px}.max-income-controls,.max-income-schedule{display:grid;gap:10px}.max-income-field{display:grid;gap:7px;min-width:0}.max-income-field__label{color:var(--text-strong);font-size:.78rem;font-weight:700}.max-income-schedule__row{display:grid;grid-template-columns:minmax(0,1fr) auto 36px;align-items:end;gap:8px}.max-income-schedule__unit{align-self:center;color:var(--text-soft);font-size:.76rem;font-weight:700;white-space:nowrap}.max-income-schedule__button{display:grid;place-items:center;width:36px;height:40px;border:1px solid rgba(48,63,35,.12);border-radius:12px;background:#ffffffd1;color:var(--text-strong);font:inherit;font-size:1.1rem;font-weight:800}.max-income-schedule__button:disabled{cursor:not-allowed;opacity:.42}.max-income-schedule__add{width:100%}.max-income-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.max-income-limit-note{margin:10px 0 0;padding:8px 10px;border:1px solid color-mix(in srgb,var(--theme-accent) 24%,rgba(48,63,35,.12));border-radius:12px;background:color-mix(in srgb,var(--theme-accent-soft) 20%,rgba(255,255,255,.72));color:var(--text-soft);font-size:.66rem;font-weight:700;line-height:1.25}.max-income-summary__stat{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:7px;row-gap:2px;min-width:0;padding:9px 8px;border:1px solid rgba(48,63,35,.08);border-radius:14px;background:#ffffffa8}.max-income-summary__stat strong{min-width:0;color:var(--text-strong);font-size:.92rem;line-height:1.1;overflow-wrap:anywhere}.max-income-summary__stat 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}.max-income-roster{display:grid;gap:8px}.max-income-roster__row{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:9px;min-width:0;padding:8px;border:1px solid rgba(48,63,35,.08);border-radius:14px;background:#ffffffa8}.max-income-roster__portrait{display:grid;place-items:center;width:36px;height:36px;overflow:hidden;border-radius:11px;background:#ffffffb8}.max-income-roster__portrait img{width:100%;height:100%;object-fit:contain}.max-income-roster__label{min-width:0;color:var(--text-strong);font-size:.82rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.max-income-roster__count{color:var(--text-soft);font-size:.78rem;font-weight:800}.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;position:relative;display:block;width:100%;max-width:100%;height:100%;min-height:0;min-width:0}.controls-card__scroll-clip{--sidebar-scroll-fade-top: var(--theme-surface-strong);--sidebar-scroll-fade-bottom: var(--theme-surface);position:relative;width:100%;max-width:100%;height:100%;min-height:0;min-width:0}.controls-card__scroll-clip:before,.controls-card__scroll-clip:after{position:absolute;left:0;right:0;z-index:2;height:24px;pointer-events:none;content:""}.controls-card__scroll-clip:before{top:0;background:linear-gradient(to bottom,var(--sidebar-scroll-fade-top),transparent)}.controls-card__scroll-clip:after{bottom:0;background:linear-gradient(to top,var(--sidebar-scroll-fade-bottom),transparent)}.controls-card__scroll{box-sizing:border-box;width:100%;max-width:100%;height:100%;min-height:0;min-width:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding-top:18px;padding-right:32px;margin-right:0;scrollbar-width:none;contain:layout style}.controls-card__scroll::-webkit-scrollbar{width:0;height:0}.controls-card__scrollbar{position:absolute;top:0;right:2px;bottom:0;z-index:3;width:16px;min-height:0}.controls-card__scrollbar-track{position:absolute;top:18px;right:4px;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);height:100%}.board-frame,.island-footer{min-width:0}.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{--sidebar-tabs-padding: 6px;--sidebar-tabs-gap: 10px;position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sidebar-tabs-gap);padding:var(--sidebar-tabs-padding);border-radius:22px;background:#ffffff9e;border:1px solid rgba(43,60,28,.08);isolation:isolate;overflow:hidden}.sidebar-tabs--with-decorations{grid-template-columns:repeat(3,minmax(0,1fr))}.sidebar-tabs:before{position:absolute;top:var(--sidebar-tabs-padding);bottom:var(--sidebar-tabs-padding);left:var(--sidebar-tabs-padding);z-index:0;width:calc((100% - var(--sidebar-tabs-padding) * 2 - var(--sidebar-tabs-gap)) / 2);border-radius:var(--sidebar-control-inner-radius, 16px);background:linear-gradient(180deg,var(--theme-accent-soft),rgba(255,255,255,.92));box-shadow:0 8px 18px #24301614;content:"";transform:translate(0);transition:transform .52s cubic-bezier(.22,1.42,.34,1),background .22s ease,box-shadow .22s ease}.sidebar-tabs--structures:before{transform:translate(calc(100% + var(--sidebar-tabs-gap)))}.sidebar-tabs--with-decorations:before{width:calc((100% - var(--sidebar-tabs-padding) * 2 - var(--sidebar-tabs-gap) * 2) / 3)}.sidebar-tabs--with-decorations.sidebar-tabs--decorations:before{transform:translate(calc((100% + var(--sidebar-tabs-gap)) * 2))}.sidebar-tabs__button{position:relative;z-index:1;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:transparent;color:color-mix(in srgb,var(--theme-accent) 72%,black);box-shadow:none}.sidebar-tabs__button:disabled{cursor:not-allowed;color:color-mix(in srgb,var(--text-soft) 52%,transparent);transform:none}.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{--island-card-width: clamp(150px, 12.5vw, 190px);--island-card-height: clamp(150px, 12vw, 178px);--island-icon-max-width: 168px;--island-icon-max-height: 116px;--island-switcher-edge-fade: 18px;box-sizing:border-box;display:flex;gap:12px;margin-bottom:16px;min-width:0;width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;padding:10px 0 0;scroll-padding-inline:0;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--theme-accent) transparent;-webkit-overflow-scrolling:touch}.island-switcher::-webkit-scrollbar{height:12px}.island-switcher::-webkit-scrollbar-track{background:transparent}.island-switcher::-webkit-scrollbar-thumb{border:4px solid transparent;border-radius:999px;background:linear-gradient(90deg,var(--theme-accent),var(--theme-accent));background-clip:padding-box;box-shadow:0 0 0 1px #ffffff14,0 3px 8px color-mix(in srgb,var(--theme-accent) 42%,transparent)}.island-switcher--footer{margin-bottom:0}.island-switcher-shell{--island-switcher-edge-fade: 18px;position:relative;box-sizing:border-box;overflow:hidden;min-width:0;width:100%;border-radius:calc(var(--outer-panel-radius) - var(--panel-card-padding))}.island-switcher-shell:before,.island-switcher-shell:after{position:absolute;top:0;bottom:0;z-index:2;width:var(--island-switcher-edge-fade);pointer-events:none;content:""}.island-switcher-shell:before{left:0;border-top-left-radius:inherit;border-bottom-left-radius:inherit;background:linear-gradient(90deg,var(--theme-surface-strong),transparent)}.island-switcher-shell:after{right:0;border-top-right-radius:inherit;border-bottom-right-radius:inherit;background:linear-gradient(270deg,var(--theme-surface-strong),transparent)}.island-switcher__button{flex:0 0 var(--island-card-width);display:grid;grid-template-rows:minmax(88px,1fr) auto;justify-items:center;align-items:end;min-height:var(--island-card-height);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;scroll-snap-align:start;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%,var(--island-icon-max-width));max-height:var(--island-icon-max-height);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.36;--island-icon-hover-scale: 1.4}.island-switcher__icon[data-island-id=water],.island-switcher__icon[data-island-id=shugabush],.island-switcher__icon[data-island-id=colossingum]{--island-icon-scale: 1.02;--island-icon-hover-scale: 1.06}.island-switcher__icon[data-island-id=gold],.island-switcher__icon[data-island-id=ethereal],.island-switcher__icon[data-island-id=ethereal-workshop]{--island-icon-scale: 1.32;--island-icon-hover-scale: 1.36}.island-switcher__icon[data-island-id=ethereal]{--island-icon-scale: 1.16;--island-icon-hover-scale: 1.2}.island-switcher__icon[data-island-id=earth]{--island-icon-scale: 1.06;--island-icon-hover-scale: 1.1}.island-switcher__icon[data-island-id=fire-haven],.island-switcher__icon[data-island-id=fire-oasis],.island-switcher__icon[data-island-id=mythical],.island-switcher__icon[data-island-id=light]{--island-icon-scale: .96;--island-icon-hover-scale: 1}.island-switcher__icon[data-island-id=mythical],.island-switcher__icon[data-island-id=wublin],.island-switcher__icon[data-island-id=psychic],.island-switcher__icon[data-island-id=faerie],.island-switcher__icon[data-island-id=bone],.island-switcher__icon[data-island-id=magical-sanctum],.island-switcher__icon[data-island-id=magical-nexus],.island-switcher__icon[data-island-id=paironormal-carnival]{--island-icon-scale: 1.32;--island-icon-hover-scale: 1.36}.island-switcher__icon[data-island-id=amber]{--island-icon-scale: 1.52;--island-icon-hover-scale: 1.56}.island-switcher__icon[data-island-id=celestial]{--island-icon-scale: 1.3;--island-icon-hover-scale: 1.34}.island-switcher__icon[data-island-id=paironormal-carnival]{--island-icon-scale: 1.6;--island-icon-hover-scale: 1.64}.island-switcher__icon.island-switcher__icon--custom[data-island-id=plant]{filter:brightness(0) saturate(100%)!important}.island-switcher__label{display:block;font-family:var(--heading);font-size:1.12rem;margin-top:6px;line-height:1.05}.custom-island-toolbar{--custom-island-toolbar-padding: 6px;--custom-island-toolbar-button-radius: 16px;display:flex;align-items:center;justify-content:center;gap:8px;max-width:min(calc(100vw - 48px),460px);padding:var(--custom-island-toolbar-padding);border:1px solid rgba(47,62,36,.11);border-radius:calc(var(--custom-island-toolbar-button-radius) + var(--custom-island-toolbar-padding) + 1px);background:linear-gradient(180deg,#fffffff0,#ffffffad),color-mix(in srgb,var(--theme-accent-soft) 18%,transparent);box-shadow:0 16px 34px #23301824,inset 0 1px #ffffffd6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.custom-island-toolbar__group{display:flex;align-items:center;gap:5px}.custom-island-toolbar__group+.custom-island-toolbar__group{padding-left:8px;border-left:1px solid color-mix(in srgb,var(--theme-accent) 16%,rgba(47,62,36,.1))}.custom-island-toolbar .custom-island-toolbar__button{position:relative;display:inline-grid;place-items:center;width:42px;height:42px;padding:0;border-radius:var(--custom-island-toolbar-button-radius);line-height:0;overflow:hidden}.custom-island-toolbar__button .app-icon{width:21px;height:21px}.board-frame .custom-island-toolbar__button{width:42px;height:42px;border-radius:var(--custom-island-toolbar-button-radius)}.board-frame .custom-island-toolbar{--custom-island-toolbar-button-radius: var(--board-action-button-radius);border-radius:calc(var(--custom-island-toolbar-button-radius) + var(--custom-island-toolbar-padding))}.board-frame .custom-island-toolbar .custom-island-toolbar__button{border-radius:var(--custom-island-toolbar-button-radius)}.custom-island-toolbar .custom-island-toolbar__button--active,.custom-island-toolbar .custom-island-toolbar__button--active:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--theme-accent) 56%,rgba(47,62,36,.14));background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--theme-accent) 26%,white),transparent 68%),linear-gradient(180deg,var(--theme-accent-soft),rgba(255,255,255,.84)),color-mix(in srgb,var(--theme-accent) 18%,transparent);color:color-mix(in srgb,var(--theme-accent) 86%,var(--text-strong));box-shadow:var(--control-shadow),inset 0 1px #ffffffeb,inset 0 0 0 2px color-mix(in srgb,var(--theme-accent) 18%,white);--app-icon-primary: currentColor;--app-icon-secondary: color-mix(in srgb, currentColor 70%, white)}.custom-island-toolbar__button--text{font-size:.82rem;font-weight:900;line-height:1}.path-paint-toolbar{--custom-island-toolbar-button-radius: 13px;gap:6px;max-width:min(calc(100vw - 36px),560px)}.path-paint-toolbar .custom-island-toolbar__group{gap:4px}.path-paint-toolbar .custom-island-toolbar__group+.custom-island-toolbar__group{padding-left:6px}.board-frame .path-paint-toolbar .custom-island-toolbar__button{width:34px;height:34px;border-radius:13px}.path-paint-toolbar .custom-island-toolbar__button .app-icon{width:18px;height:18px}.custom-island-toolbar__reset{position:relative}.mobile-custom-toolbar-dock{display:none;min-width:0;min-height:0}.custom-island-name-field input{min-height:36px;border:1px solid rgba(51,70,78,.2);border-radius:8px;background:#ffffffdb;color:#1e2a2deb;font:inherit}.custom-island-form{display:grid;gap:14px;min-width:0}.custom-island-modal{--app-popup-width: 560px}.custom-island-modal .app-popup__body{overflow-x:clip}.custom-island-name-field{display:grid;gap:8px;min-width:0;color:#26302cc2;font-family:var(--heading);font-weight:700}.custom-island-name-field input{width:100%;max-width:100%;min-width:0;padding:0 12px;overflow:hidden;font-size:.96rem;line-height:1.1;letter-spacing:0;text-overflow:ellipsis}.custom-template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:8px;min-width:0}.custom-template-option{position:relative;display:grid;grid-template-rows:minmax(54px,1fr) auto;justify-items:center;align-items:end;gap:6px;min-width:0;min-height:92px;padding:8px 10px 10px;border:1px solid rgba(50,67,60,.14);border-radius:8px;background:#ffffff94;color:#1f2a26d1;font-family:var(--heading);font-size:.92rem;font-weight:700;cursor:pointer;overflow:hidden;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.custom-template-option:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--theme-accent) 28%,rgba(47,62,36,.12));box-shadow:var(--control-shadow-soft)}.custom-template-option--selected{border-color:color-mix(in srgb,var(--theme-accent) 36%,rgba(47,62,36,.14));background:linear-gradient(180deg,var(--theme-accent-soft),rgba(255,255,255,.86));box-shadow:var(--control-shadow-soft),inset 0 1px #fffc}.custom-template-option input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.custom-template-option:focus-within{outline:2px solid var(--focus-ring);outline-offset:2px}.custom-template-option__spark{position:absolute;top:10px;right:10px;width:9px;height:9px;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}.custom-template-option--selected .custom-template-option__spark{opacity:1;transform:scale(1)}.custom-template-option__text{display:grid;min-width:0;place-items:center;text-align:center}.custom-template-option__label{overflow-wrap:anywhere}.custom-template-preview{justify-self:center;align-self:center;width:min(118px,100%);height:52px}.custom-template-preview polygon{fill:#529bc457;stroke:#31506029;stroke-width:1;vector-effect:non-scaling-stroke}.custom-template-preview--blank{display:block;width:min(94px,100%);height:42px;border:1px dashed rgba(49,80,96,.28);border-radius:8px;background:#ffffff6b}.custom-theme-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0}.custom-theme-picker__field{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;min-width:0;min-height:48px;padding:8px 10px;border:1px solid rgba(50,67,60,.14);border-radius:8px;background:#ffffff94;color:#1f2a26d1;font-family:var(--heading);font-size:.82rem;font-weight:700}.custom-theme-picker__field input{width:34px;height:34px;padding:0;border:1px solid rgba(50,67,60,.2);border-radius:999px;background:transparent;cursor:pointer;overflow:hidden}.custom-theme-picker__field input::-webkit-color-swatch-wrapper{padding:0}.custom-theme-picker__field input::-webkit-color-swatch{border:0;border-radius:999px}.custom-theme-picker__field input::-moz-color-swatch{border:0;border-radius:999px}.custom-island-form__actions{display:flex;justify-content:flex-end}.custom-background-picker,.custom-asset-form{display:grid;gap:12px;min-width:0}.custom-background-picker{grid-template-columns:96px minmax(0,1fr);align-items:center;padding:10px;border:1px solid rgba(50,67,60,.14);border-radius:8px;background:#ffffff94}.custom-background-picker__preview,.custom-asset-preview{display:grid;place-items:center;min-width:0;overflow:hidden;border:1px solid rgba(50,67,60,.14);border-radius:8px;background:#ffffff9e}.custom-background-picker__preview{width:96px;aspect-ratio:4 / 3}.custom-background-picker__preview img{width:100%;height:100%;object-fit:contain}.custom-background-picker__body{display:grid;gap:8px;min-width:0;color:#1f2a26d1;font-family:var(--heading);font-weight:700}.custom-background-picker__actions{display:flex;flex-wrap:wrap;gap:8px}.custom-background-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.custom-background-option{gap:12px;min-width:0;padding-inline:12px}.custom-background-option .settings-toggle__label{min-width:0;overflow-wrap:anywhere;white-space:normal;line-height:1.08}.custom-background-option .settings-toggle__switch{justify-self:end}.custom-theme-picker__field input:disabled{cursor:not-allowed;opacity:.58}.custom-background-picker__upload{position:relative;overflow:hidden}.custom-background-picker__upload input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.custom-asset-modal{--app-popup-width: 480px}.custom-asset-picker{position:relative;display:flex;align-items:center;gap:10px;min-height:48px;padding:10px 12px;border:1px dashed rgba(50,67,60,.26);border-radius:8px;background:#ffffff94;color:#1f2a26d1;font-family:var(--heading);font-weight:700;cursor:pointer}.custom-asset-picker input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.custom-asset-picker__icon{display:inline-grid;place-items:center;color:var(--theme-accent)}.custom-asset-picker>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-asset-rarity-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.custom-asset-rarity-picker__option{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:42px;padding:8px;border:1px solid rgba(48,63,35,.12);border-radius:8px;background:#ffffffa8;color:var(--text-strong);font-family:var(--heading);font-size:.84rem;font-weight:800;cursor:pointer}.custom-asset-rarity-picker__option--active{border-color:color-mix(in srgb,var(--theme-accent) 38%,rgba(48,63,35,.12));background:linear-gradient(180deg,#ffffffd1,#ffffff94),color-mix(in srgb,var(--theme-accent-soft) 26%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--theme-accent) 18%,transparent)}.custom-asset-rarity-picker__option img{width:22px;height:22px;object-fit:contain}.custom-asset-footprint{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.custom-asset-footprint .stepper-chip{grid-template-columns:minmax(0,1fr);min-width:0;padding:8px;background:#ffffff9e}.custom-asset-footprint .stepper-chip__details{display:flex;align-items:baseline;gap:6px;min-width:0}.custom-asset-footprint .stepper-chip__label,.custom-asset-footprint .stepper-chip__meta{overflow-wrap:normal;white-space:nowrap}.custom-asset-footprint .stepper-chip__control{grid-template-columns:44px minmax(64px,1fr) 44px;width:100%;gap:8px}.custom-asset-footprint .stepper-chip__button,.custom-asset-footprint .stepper-chip__input{width:100%}.custom-asset-preview{min-height:0;padding:2px 0;overflow:visible;border:0;background:transparent}.custom-asset-portrait-editor{position:relative;display:grid;place-items:center;width:min(176px,58vw);aspect-ratio:1;margin:0 auto;touch-action:none;-webkit-user-select:none;user-select:none}.custom-asset-portrait-editor--ready{cursor:grab}.custom-asset-portrait-editor--ready:active{cursor:grabbing}.custom-asset-portrait-editor__frame{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 12px 24px rgba(49,40,32,.16))}.custom-asset-portrait-editor__clip{position:absolute;top:9%;right:9%;bottom:10%;left:9%;z-index:1;overflow:hidden;border-radius:15%;pointer-events:none}.custom-asset-portrait-editor__clip--empty{display:grid;place-items:center}.custom-asset-portrait-editor__monster,.custom-asset-portrait-editor__placeholder{position:absolute;left:calc(50% + var(--custom-portrait-offset-x, 0%));top:calc(50% + var(--custom-portrait-offset-y, 0%));width:calc(88% * var(--custom-portrait-scale, 1));height:calc(88% * var(--custom-portrait-scale, 1));transform:translate(-50%,-50%);pointer-events:none}.custom-asset-portrait-editor__monster{object-fit:contain;filter:drop-shadow(0 6px 5px rgba(18,24,20,.22))}.custom-asset-portrait-editor__placeholder{display:grid;place-items:center;width:34%;height:34%;color:#1c261fb3}.custom-asset-current-portrait{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 12px 24px rgba(49,40,32,.16))}.custom-asset-structure-preview{display:grid;place-items:center;min-height:150px;border:1px solid rgba(50,67,60,.14);border-radius:8px;background:#ffffff94}.custom-asset-structure-preview img{width:100%;max-height:116px;object-fit:contain}.custom-asset-portrait-controls{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr) minmax(0,.9fr) 38px;align-items:end;gap:8px}.custom-asset-portrait-controls label{display:grid;gap:5px;min-width:0;color:#26302cc2;font-family:var(--heading);font-size:.76rem;font-weight:800}.custom-asset-portrait-controls input[type=range]{width:100%;accent-color:var(--theme-accent)}.custom-asset-portrait-controls__reset{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(48,63,35,.12);border-radius:10px;background:#ffffffc2;color:var(--text-strong);cursor:pointer}.custom-asset-portrait-controls__reset:disabled{opacity:.42;cursor:not-allowed}.custom-asset-form__note,.custom-asset-form__error{margin:0;font-size:.84rem;font-weight:700}.custom-asset-form__error{color:#9f2d21}.custom-asset-actions{padding:0 0 12px}.custom-asset-actions__button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%}.custom-asset-catalog-entry{position:relative;display:grid;min-width:0}.custom-asset-catalog-entry--uploaded>.catalog-chip{padding-right:84px}.custom-asset-catalog-entry--uploaded .catalog-chip__label{flex-wrap:nowrap;max-width:100%;overflow:hidden;line-height:1.08}.custom-asset-catalog-entry--uploaded .catalog-chip__label-text{flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-asset-card-actions{position:absolute;top:50%;right:10px;z-index:2;display:flex;gap:5px;transform:translateY(-50%)}.custom-asset-card-action{display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(48,63,35,.1);border-radius:9px;background:linear-gradient(180deg,#ffffffe6,#ffffff9e),color-mix(in srgb,var(--theme-accent-soft) 16%,white);color:color-mix(in srgb,var(--theme-accent) 76%,var(--text-strong));cursor:pointer;box-shadow:0 1px #ffffffb8,0 7px 16px #222a1c14;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.custom-asset-card-action:hover{border-color:color-mix(in srgb,var(--theme-accent) 28%,rgba(48,63,35,.12));transform:translateY(-1px)}.custom-asset-card-action--delete{border-color:#862e2229;background:linear-gradient(180deg,#fffcfaeb,#ffefebad),#fff0ecdb;color:#8f3125}@media (max-width: 520px){.custom-background-options,.custom-asset-footprint{grid-template-columns:minmax(0,1fr)}.custom-asset-portrait-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 38px}.custom-asset-portrait-controls label:first-child{grid-column:1 / -1}}@media (max-width: 760px){.custom-island-modal{place-items:stretch;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.custom-island-modal .app-popup__dialog{box-sizing:border-box;width:100%;max-width:none;max-height:calc(100dvh - 20px);justify-self:stretch}.custom-island-modal .app-popup__header,.custom-island-modal .app-popup__body{padding-right:14px;padding-left:14px}.custom-island-modal .app-popup__header h2{overflow-wrap:anywhere;font-size:1.3rem}.custom-island-name-field{gap:6px}.custom-island-name-field input{min-height:34px;padding-inline:10px;font-size:.82rem}.custom-island-modal .app-popup__body{scrollbar-gutter:auto}.custom-template-option{font-size:.84rem}.custom-template-grid,.custom-theme-picker{grid-template-columns:1fr}.custom-island-form__actions{justify-content:stretch}.custom-island-form__actions .sidebar-empty-state__action{box-sizing:border-box;width:100%;max-width:100%}}@media (min-width: 480px) and (max-width: 760px){.custom-template-grid,.custom-theme-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.custom-island-form__actions{justify-content:flex-end}.custom-island-form__actions .sidebar-empty-state__action{width:auto}}@media (max-width: 360px){.custom-island-modal .app-popup__header h2{font-size:1.18rem}.custom-island-name-field input{padding-inline:8px;font-size:.76rem}}.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;min-width:0;max-width:100%}.sidebar-empty-state{display:grid;place-items:center;gap:12px;min-height:168px;padding:24px 18px;border:1px solid rgba(47,62,36,.1);border-radius:18px;background:linear-gradient(180deg,#fffc,#ffffff8f),color-mix(in srgb,var(--theme-accent-soft) 18%,transparent);color:var(--text-soft);text-align:center;box-shadow:inset 0 1px #ffffffb8;animation:sidebar-panel-enter .32s cubic-bezier(.2,.92,.18,1) both}.sidebar-empty-state h3{margin:0 0 5px;color:var(--text-strong);font-size:1rem;line-height:1.15}.sidebar-empty-state p{color:var(--text-soft);font-size:.78rem;line-height:1.35}.sidebar-empty-state__action{min-height:36px;padding:8px 13px;border:1px solid rgba(47,62,36,.12);border-radius:12px;background:linear-gradient(180deg,#fffffff5,#ffffffb3),color-mix(in srgb,var(--theme-accent-soft) 32%,transparent);color:color-mix(in srgb,var(--theme-accent) 72%,var(--text-strong));box-shadow:var(--control-shadow-soft),inset 0 1px #fffc;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.sidebar-empty-state__action:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--theme-accent) 28%,rgba(47,62,36,.1));background:linear-gradient(180deg,#fffffffa,#ffffffc2),var(--theme-accent-soft)}.sidebar-empty-state__action:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.sidebar-panel-motion{--sidebar-panel-enter-x: 12px;min-width:0;max-width:100%;will-change:opacity,transform;animation:sidebar-panel-enter .36s cubic-bezier(.2,.92,.18,1) both}.sidebar-panel-motion[data-panel=monsters]{--sidebar-panel-enter-x: -12px}.section-block{display:grid;gap:14px;min-width:0;max-width:100%}.section-block__header h3{margin:0;font-size:1rem}.family-grid,.structure-grid{display:grid;gap:12px;min-width:0;max-width:100%}.family-card{min-width:0;max-width:100%;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 minmax(0,1fr);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);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__body{display:grid;min-width:0;gap:3px}.toggle-chip__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;color:var(--text-strong)}.toggle-chip__meta{color:var(--text-soft);font-size:.82rem;min-width:0;overflow:hidden;text-overflow:ellipsis;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--display{display:grid;place-items:center;cursor:default;-webkit-user-select:none;user-select:none;color:color-mix(in srgb,var(--text-strong) 86%,var(--text-soft));background:linear-gradient(180deg,#ffffffc7,#ffffff94),#f5f8f4d1}.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--grid-edit{cursor:crosshair}.board-frame__canvas-actions{position:absolute;top:var(--board-action-inset, 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:var(--board-action-inset, 18px);justify-items:start}.board-frame__canvas-actions--right{right:var(--board-action-inset, 18px);justify-items:end}.board-frame__canvas-actions--file{top:auto;right:var(--board-action-inset, 18px);bottom:var(--board-file-action-bottom-inset, var(--board-action-inset, 18px));justify-items:end}.board-frame__canvas-actions--bottom{top:auto;bottom:calc(var(--board-action-inset, 18px) + env(safe-area-inset-bottom,0px));left:50%;justify-items:center;transform:translate(-50%)}.board-frame__canvas--has-bottom-actions .board-frame__canvas-actions--file{bottom:var(--board-file-action-bottom-inset, var(--board-action-inset, 18px))}.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__grid-editor-cell{fill:#ffffff14;stroke:#47523e1f;stroke-width:1;vector-effect:non-scaling-stroke}.planner-board__grid-editor-cell--active{fill:#ffffff2e;stroke:#47523e29}.planner-board__grid-editor--paint .planner-board__grid-editor-cell,.planner-board__grid-editor--erase .planner-board__grid-editor-cell,.planner-board__grid-editor--castle .planner-board__grid-editor-cell{cursor:crosshair}.planner-board__castle-tile{fill:#3c4551cc;stroke:#f9fafbb8;stroke-width:1;vector-effect:non-scaling-stroke}.planner-board__fixed-structure-tile{fill:color-mix(in srgb,var(--theme-accent) 30%,#243244);stroke:color-mix(in srgb,var(--theme-accent-soft) 58%,#ffffff);stroke-width:1;vector-effect:non-scaling-stroke}.planner-board__grid-debug-labels{pointer-events:none}.planner-board__grid-debug-label{text-anchor:middle;dominant-baseline:middle;fill:#f92f3f;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:7px;font-weight:800;paint-order:stroke;stroke:#ffffffeb;stroke-linejoin:round;stroke-width:2.4px}.board-frame__grid-debug-readout{position:absolute;left:18px;bottom:18px;z-index:5;display:grid;gap:2px;min-width:128px;padding:8px 10px;border:1px solid rgba(249,47,63,.42);border-radius:8px;background:#ffffffeb;box-shadow:0 8px 22px #1b1f2629;color:#273043;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;line-height:1.25;pointer-events:none}.board-frame__grid-debug-readout strong{color:#d61f31;font-size:13px}.planner-board[data-island-id=paironormal-carnival] .planner-board__castle-tile{fill:color-mix(in srgb,#a73573 58%,#34263f);stroke:color-mix(in srgb,#f0b1cf 72%,#fff4d6)}.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__placement--decoration{fill-opacity:.9}.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 app-popup-backdrop-out{to{opacity:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}@keyframes app-popup-dialog-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(8px) scale(.96)}}@media (prefers-reduced-motion: reduce){.app-popup--closing,.app-popup--closing .app-popup__dialog{animation-duration:1ms!important}}@keyframes preview-pulse{0%,to{opacity:.36}50%{opacity:.72}}@keyframes preview-image-in{0%{opacity:0;transform:scale(1.012)}to{opacity:1;transform:scale(1)}}@keyframes preview-image-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.992)}}@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 board-popover-spring-out{0%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-6px) scale(.94)}}@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-actions-spring-out{0%{opacity:1;transform:translate(-50%,calc(-100% - 12px)) scale(1)}to{opacity:0;transform:translate(-50%,calc(-100% - 6px)) scale(.92)}}@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 sidebar-panel-enter{0%{opacity:0;transform:translate3d(var(--sidebar-panel-enter-x, 12px),0,0)}62%{opacity:1}to{opacity:1;transform:translateZ(0)}}@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,.sidebar-pinned-slot,.settings-toggle__track,.settings-toggle__thumb{transition:none}.settings-menu__popover,.reset-grid-menu__popover,.whats-new-dialog,.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){.app-shell{--desktop-layout-gap: 18px;--desktop-sidebar-width: clamp(280px, 30vw, 350px)}.planner-layout{grid-template-columns:var(--desktop-sidebar-width) minmax(0,1fr);gap:var(--desktop-layout-gap)}}@media (max-width: 960px){.app-shell{padding:18px;height:auto;min-height:100dvh;overflow:hidden}.planner-layout{grid-template-columns:1fr;height:auto;min-height:auto}.controls-panel{height:auto;overflow:hidden}.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-clip:before,.controls-card__scroll-clip:after{display:none}.controls-card__scroll{height:auto;overflow:visible;padding-top:18px;padding-right:0;margin-right:0;border-radius:0;scrollbar-width:auto}.controls-card__scrollbar{display:none}}@media (min-width: 761px) and (max-width: 960px){.controls-card__scroll-shell[data-panel=islands]{display:block;height:min(60vh,560px);max-height:min(60vh,560px);overflow:visible}.controls-card__scroll-shell[data-panel=islands] .controls-card__scroll-clip{height:100%;overflow:visible}.controls-card__scroll-shell[data-panel=islands] .controls-card__scroll{height:100%;overflow-y:auto;overflow-x:hidden;padding-right:32px;scrollbar-width:none}.controls-card__scroll-shell[data-panel=islands] .controls-card__scrollbar{display:block}.controls-card__scroll-shell[data-panel=islands] .sidebar-panel-motion{max-width:390px}}@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__body{grid-column:2}.toggle-chip--with-image{grid-template-columns:auto 38px minmax(0,1fr)}.toggle-chip--with-image .toggle-chip__body{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);--sidebar-control-height: 52px;--sidebar-island-step-width: 30px;--sidebar-control-inset: 5px;--sidebar-control-radius: 18px;--sidebar-control-inner-radius: calc(var(--sidebar-control-radius) - var(--sidebar-control-inset));--sidebar-control-border: rgba(47, 62, 36, .11);--sidebar-control-border-active: color-mix(in srgb, var(--theme-accent) 36%, rgba(47, 62, 36, .12));--sidebar-control-surface: linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(255, 255, 255, .74)), color-mix(in srgb, var(--theme-accent-soft) 20%, rgba(255, 255, 255, .72));--sidebar-control-surface-hover: linear-gradient(180deg, rgba(255, 255, 255, .99), rgba(255, 255, 255, .8)), color-mix(in srgb, var(--theme-accent-soft) 34%, rgba(255, 255, 255, .72));--sidebar-control-surface-active: linear-gradient(180deg, rgba(255, 255, 255, .92), rgba(255, 255, 255, .64)), var(--theme-accent-soft);--sidebar-control-text: var(--text-strong);--sidebar-control-muted: color-mix(in srgb, var(--text-soft) 86%, var(--text-strong));--sidebar-control-accent-text: color-mix(in srgb, var(--theme-accent) 74%, var(--text-strong));--sidebar-control-icon: color-mix(in srgb, var(--theme-accent) 62%, var(--text-soft));--sidebar-control-shadow: var(--control-shadow-soft), inset 0 1px 0 rgba(255, 255, 255, .86);--sidebar-control-active-shadow: 0 8px 18px rgba(36, 48, 22, .1), inset 0 1px 0 rgba(255, 255, 255, .86);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--mirror-plant,.app-shell__backdrop--mirror-plant{--theme-shadow: 0 22px 48px rgba(74, 32, 82, .2);--theme-backdrop-image: linear-gradient(180deg, rgba(247, 243, 250, .3), rgba(214, 225, 185, .18)), url(/assets/plant-backdrop-DzhZaqtR.webp)}.app-shell--mirror-cold,.app-shell__backdrop--mirror-cold{--theme-shadow: 0 22px 48px rgba(58, 38, 86, .2);--theme-backdrop-image: linear-gradient(180deg, rgba(248, 249, 255, .3), rgba(205, 225, 241, .2)), url(/assets/cold-backdrop-DNi7brL_.webp)}.app-shell--mirror-air,.app-shell__backdrop--mirror-air{--theme-shadow: 0 22px 48px rgba(72, 38, 82, .2);--theme-backdrop-image: linear-gradient(180deg, rgba(253, 244, 250, .3), rgba(226, 196, 216, .2)), url(/assets/air-backdrop-Cbsw-VJW.png)}.app-shell--mirror-water,.app-shell__backdrop--mirror-water{--theme-shadow: 0 22px 48px rgba(36, 79, 82, .2);--theme-backdrop-image: linear-gradient(180deg, rgba(242, 255, 252, .32), rgba(81, 139, 144, .22)), url(/assets/water-backdrop-B7tnhcr1.png)}.app-shell--mirror-earth,.app-shell__backdrop--mirror-earth{--theme-shadow: 0 22px 48px rgba(73, 44, 42, .22);--theme-backdrop-image: linear-gradient(180deg, rgba(248, 241, 233, .26), rgba(77, 58, 50, .24)), url(/assets/earth-backdrop-dgyBvlrS.png)}.app-shell--mirror-light,.app-shell__backdrop--mirror-light{--theme-shadow: 0 22px 48px rgba(61, 42, 20, .22);--theme-backdrop-image: linear-gradient(180deg, rgba(255, 239, 213, .34), rgba(16, 22, 34, .24)), url(/assets/mirror-light-backdrop-DBrC06Kh.jpg)}.app-shell--mirror-psychic,.app-shell__backdrop--mirror-psychic{--theme-shadow: 0 22px 48px rgba(13, 20, 54, .24);--theme-backdrop-image: linear-gradient(180deg, rgba(224, 250, 255, .28), rgba(11, 15, 44, .36)), url(/assets/mirror-psychic-backdrop-BZomhd_s.jpg)}.app-shell--mirror-faerie,.app-shell__backdrop--mirror-faerie{--theme-shadow: 0 22px 48px rgba(52, 31, 72, .24);--theme-backdrop-image: linear-gradient(180deg, rgba(255, 236, 252, .26), rgba(18, 13, 33, .38)), url(/assets/mirror-faerie-backdrop-DKuecmYy.jpg)}.app-shell--mirror-bone,.app-shell__backdrop--mirror-bone{--theme-shadow: 0 22px 48px rgba(20, 34, 54, .24);--theme-backdrop-image: linear-gradient(180deg, rgba(228, 255, 251, .26), rgba(10, 15, 31, .4)), url(/assets/mirror-bone-backdrop-DtT4CH92.jpg)}.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--fire-haven,.app-shell__backdrop--fire-haven{--theme-shadow: 0 22px 48px rgba(99, 35, 14, .2);--theme-backdrop-image: linear-gradient(180deg, rgba(255, 237, 214, .32), rgba(117, 43, 22, .24)), radial-gradient(circle at 50% 8%, rgba(255, 183, 96, .22), transparent 29%), url(/assets/fire-haven-backdrop-7k3kZotQ.webp)}.app-shell--fire-oasis,.app-shell__backdrop--fire-oasis{--theme-shadow: 0 22px 48px rgba(91, 48, 17, .2);--theme-backdrop-image: linear-gradient(180deg, rgba(255, 241, 220, .3), rgba(117, 66, 34, .22)), radial-gradient(circle at 50% 8%, rgba(98, 204, 225, .2), transparent 30%), url(/assets/fire-oasis-backdrop-M-61Uslp.webp)}.app-shell--mythical,.app-shell__backdrop--mythical{--theme-shadow: 0 22px 48px rgba(44, 43, 118, .22);--theme-backdrop-image: linear-gradient(180deg, rgba(248, 241, 255, .32), rgba(47, 48, 112, .24)), radial-gradient(circle at 50% 8%, rgba(240, 214, 122, .2), transparent 30%), url(/assets/mythical-backdrop-D7LNfyJB.jpg)}.app-shell--light,.app-shell__backdrop--light{--theme-shadow: 0 22px 48px rgba(75, 48, 110, .2);--theme-backdrop-image: linear-gradient(180deg, rgba(255, 246, 217, .34), rgba(89, 62, 126, .2)), radial-gradient(circle at 50% 8%, rgba(255, 236, 104, .24), transparent 30%), radial-gradient(circle at 78% 12%, rgba(100, 211, 213, .18), transparent 28%), url(/assets/light-backdrop-6x9g5O2L.webp)}.app-shell--psychic,.app-shell__backdrop--psychic{--theme-shadow: 0 22px 48px rgba(78, 34, 97, .2);--theme-backdrop-image: linear-gradient(180deg, rgba(255, 235, 248, .3), rgba(76, 42, 95, .2)), radial-gradient(circle at 50% 8%, rgba(177, 78, 195, .22), transparent 30%), radial-gradient(circle at 78% 12%, rgba(113, 215, 193, .18), transparent 28%), url(/assets/psychic-backdrop-DYH9NKrF.jpg)}.app-shell--faerie,.app-shell__backdrop--faerie{--theme-shadow: 0 22px 48px rgba(85, 42, 94, .2);--theme-backdrop-image: linear-gradient(180deg, rgba(255, 241, 247, .3), rgba(74, 49, 88, .2)), radial-gradient(circle at 50% 8%, rgba(234, 159, 210, .22), transparent 30%), radial-gradient(circle at 78% 12%, rgba(181, 219, 122, .18), transparent 28%), url(/assets/faerie-backdrop-BLN8Dn8y.jpg)}.app-shell--bone,.app-shell__backdrop--bone{--theme-shadow: 0 22px 48px rgba(36, 43, 63, .2);--theme-backdrop-image: linear-gradient(180deg, rgba(230, 255, 249, .3), rgba(34, 28, 58, .24)), radial-gradient(circle at 50% 8%, rgba(158, 226, 209, .24), transparent 30%), radial-gradient(circle at 78% 12%, rgba(88, 72, 125, .2), transparent 28%), url(/assets/bone-backdrop-BfW8XnAB.jpg)}.app-shell--magical-sanctum,.app-shell__backdrop--magical-sanctum{--theme-shadow: 0 22px 48px rgba(38, 32, 77, .22);--theme-backdrop-image: linear-gradient(180deg, rgba(235, 255, 250, .3), rgba(31, 25, 60, .24)), radial-gradient(circle at 50% 8%, rgba(143, 228, 207, .24), transparent 30%), radial-gradient(circle at 78% 12%, rgba(231, 184, 102, .18), transparent 28%), url(/assets/magical-sanctum-backdrop-CyX9FfvE.jpg)}.app-shell--magical-nexus,.app-shell__backdrop--magical-nexus{--theme-shadow: 0 22px 48px rgba(30, 52, 112, .22);--theme-backdrop-image: linear-gradient(180deg, rgba(235, 255, 248, .3), rgba(23, 38, 91, .24)), radial-gradient(circle at 50% 8%, rgba(134, 230, 181, .25), transparent 30%), radial-gradient(circle at 78% 12%, rgba(235, 193, 91, .18), transparent 28%), url(/assets/magical-nexus-backdrop-D0zRCP7c.jpg)}.app-shell--plasma-islet,.app-shell__backdrop--plasma-islet{--theme-shadow: 0 22px 48px rgba(47, 38, 99, .22);--theme-backdrop-image: linear-gradient(180deg, rgba(247, 243, 255, .3), rgba(42, 111, 100, .24)), radial-gradient(circle at 50% 8%, rgba(114, 85, 183, .22), transparent 30%), radial-gradient(circle at 78% 12%, rgba(104, 219, 201, .2), transparent 28%), url(/assets/plasma-islet-backdrop-BxPq4G-z.jpg)}.app-shell--mech-islet,.app-shell__backdrop--mech-islet{--theme-shadow: 0 22px 48px rgba(33, 48, 72, .23);--theme-backdrop-image: linear-gradient(180deg, rgba(244, 253, 253, .3), rgba(40, 56, 82, .24)), radial-gradient(circle at 50% 8%, rgba(115, 223, 232, .25), transparent 30%), radial-gradient(circle at 78% 12%, rgba(180, 160, 132, .18), transparent 28%), url(/assets/mech-islet-backdrop-C7-r_JqB.jpg)}.app-shell--shadow-islet,.app-shell__backdrop--shadow-islet{--theme-shadow: 0 22px 48px rgba(50, 24, 68, .23);--theme-backdrop-image: linear-gradient(180deg, rgba(252, 244, 255, .3), rgba(45, 20, 58, .26)), radial-gradient(circle at 50% 8%, rgba(141, 76, 154, .24), transparent 30%), radial-gradient(circle at 78% 12%, rgba(57, 199, 216, .18), transparent 28%), url(/assets/shadow-islet-backdrop-DU1mK8jW.jpg)}.app-shell--crystal-islet,.app-shell__backdrop--crystal-islet{--theme-shadow: 0 22px 48px rgba(20, 72, 61, .23);--theme-backdrop-image: linear-gradient(180deg, rgba(244, 255, 250, .3), rgba(21, 71, 56, .26)), radial-gradient(circle at 50% 8%, rgba(139, 230, 255, .24), transparent 30%), radial-gradient(circle at 78% 12%, rgba(245, 209, 83, .2), transparent 28%), url(/assets/crystal-islet-backdrop-DnKxuxSV.jpg)}.app-shell--paironormal-carnival,.app-shell__backdrop--paironormal-carnival{--theme-shadow: 0 22px 48px rgba(41, 34, 74, .22);--theme-backdrop-image: linear-gradient(180deg, rgba(255, 246, 231, .3), rgba(48, 40, 101, .24)), radial-gradient(circle at 50% 8%, rgba(255, 206, 99, .24), transparent 30%), radial-gradient(circle at 78% 12%, rgba(150, 91, 207, .18), transparent 28%), url(/assets/paironormal-carnival-backdrop-major-ij0_3YfK.jpg)}.app-shell--paironormal-carnival-minor,.app-shell--paironormal-carnival-minor .app-shell__backdrop--paironormal-carnival{--theme-shadow: 0 22px 48px rgba(27, 39, 92, .22);--theme-backdrop-image: linear-gradient(180deg, rgba(235, 244, 255, .32), rgba(43, 61, 138, .24)), radial-gradient(circle at 50% 8%, rgba(244, 111, 141, .22), transparent 30%), radial-gradient(circle at 78% 12%, rgba(100, 132, 230, .22), transparent 28%), url(/assets/paironormal-carnival-backdrop-minor-DRNbmeWr.jpg)}.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--amber,.app-shell__backdrop--amber{--theme-shadow: 0 22px 48px rgba(112, 57, 20, .2);--theme-backdrop-image: linear-gradient(180deg, rgba(255, 243, 218, .34), rgba(139, 74, 31, .24)), radial-gradient(circle at 50% 8%, rgba(255, 205, 113, .2), transparent 29%), url(/assets/amber-backdrop-Dw3LvM9z.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)}.app-shell--gold,.app-shell__backdrop--gold{--theme-shadow: 0 22px 48px rgba(116, 78, 22, .2);--theme-backdrop-image: linear-gradient(180deg, rgba(255, 246, 218, .34), rgba(126, 82, 24, .22)), radial-gradient(circle at 50% 8%, rgba(255, 222, 110, .22), transparent 30%), url(/assets/gold-backdrop-DLN4A1lu.jpg)}.app-shell--ethereal,.app-shell__backdrop--ethereal{--theme-shadow: 0 22px 48px rgba(54, 41, 106, .2);--theme-backdrop-image: linear-gradient(180deg, rgba(247, 243, 255, .3), rgba(36, 112, 98, .22)), radial-gradient(circle at 50% 8%, rgba(156, 126, 220, .22), transparent 30%), radial-gradient(circle at 78% 12%, rgba(127, 229, 208, .2), transparent 28%), url(/assets/ethereal-backdrop-DMQA22lA.jpg)}.app-shell--ethereal-workshop,.app-shell__backdrop--ethereal-workshop{--theme-shadow: 0 22px 48px rgba(22, 85, 104, .2);--theme-backdrop-image: linear-gradient(180deg, rgba(231, 253, 255, .3), rgba(111, 47, 102, .22)), radial-gradient(circle at 50% 8%, rgba(75, 206, 222, .22), transparent 30%), radial-gradient(circle at 78% 12%, rgba(242, 111, 178, .18), transparent 28%), url(/assets/ethereal-workshop-backdrop-BUsGIvB_.jpg)}.planner-layout{--desktop-layout-gap: clamp(16px, 2vw, 26px)}.controls-panel{overflow:visible}.controls-card__pinned{--sidebar-pinned-gap: 14px;gap:0;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:302px}.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__modal .reset-grid-menu__actions{gap:8px}.reset-grid-menu__actions .placement-actions__button{border-radius:var(--reset-grid-action-radius)}.reset-grid-menu__modal .reset-grid-menu__actions .placement-actions__button{min-height:42px;border-radius:max(12px,calc(var(--app-popup-inner-radius) - 4px))}.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}.settings-menu__body{gap:12px}.settings-menu__modal .settings-menu__section{gap:8px}.settings-menu__modal .settings-menu__section+.settings-menu__section{margin-top:0;padding-top:0;border-top:0}.settings-menu__modal .settings-menu__section-title{display:flex;align-items:center;gap:8px;margin:0;color:var(--text-soft);font-size:.74rem;font-weight:900;letter-spacing:0;line-height:1;text-transform:uppercase}.settings-menu__modal .settings-menu__section-title:after{display:block;height:1px;min-width:24px;flex:1 1 auto;background:linear-gradient(90deg,rgba(47,62,36,.16),transparent);content:""}.settings-menu__section-heading-icon,.settings-toggle__icon{display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(48,63,35,.1);background:linear-gradient(180deg,#ffffffb8,#ffffff6b),color-mix(in srgb,var(--theme-accent-soft) 48%,white);color:color-mix(in srgb,var(--theme-accent) 78%,var(--text-strong));box-shadow:inset 0 1px #ffffffb8}.settings-menu__section-heading-icon{width:24px;height:24px;border-radius:8px}.settings-menu__section-heading-icon svg{width:15px;height:15px}.settings-toggle--with-icon{grid-template-columns:36px minmax(0,1fr) auto;gap:10px;min-height:52px;padding:7px 10px 7px 7px;border-color:#2f3e241c;background:linear-gradient(180deg,#ffffffdb,#ffffff94),color-mix(in srgb,var(--theme-accent-soft) 20%,transparent);box-shadow:inset 0 1px #ffffffb8,0 1px #303f230d}.settings-toggle--with-icon:hover{border-color:color-mix(in srgb,var(--theme-accent) 26%,rgba(47,62,36,.12));background:linear-gradient(180deg,#fffffff0,#ffffffad),color-mix(in srgb,var(--theme-accent-soft) 34%,transparent);box-shadow:0 8px 18px #303f2314,inset 0 1px #ffffffc7}.settings-link{grid-template-columns:36px minmax(0,1fr);color:var(--text-strong);text-decoration:none}.settings-link:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.settings-toggle__icon{width:36px;height:36px;border-radius:12px;transition:transform .18s ease,border-color .18s ease,background .18s ease}.settings-toggle--with-icon:hover .settings-toggle__icon{transform:translateY(-1px);border-color:color-mix(in srgb,var(--theme-accent) 28%,rgba(47,62,36,.12));background:linear-gradient(180deg,#ffffffd1,#ffffff80),color-mix(in srgb,var(--theme-accent-soft) 62%,white)}.settings-toggle__icon svg{width:20px;height:20px}.settings-toggle__letter-mark{display:inline-grid;place-items:center;width:22px;height:22px;color:currentColor;font-size:1.02rem;font-weight:900;line-height:1}.settings-toggle__content{display:grid;gap:3px;min-width:0}.settings-toggle--with-icon .settings-toggle__label{font-size:.88rem;line-height:1.12;white-space:normal}.settings-toggle__state{display:inline-flex;align-items:center;gap:5px;min-width:0;color:var(--text-soft);font-size:.7rem;font-weight:800;letter-spacing:0;line-height:1}.settings-toggle__state:before{width:7px;height:7px;flex:0 0 auto;border-radius:999px;background:#62706a5c;box-shadow:0 0 0 3px #62706a1a;content:""}.settings-toggle__state--on{color:color-mix(in srgb,var(--theme-accent) 82%,var(--text-strong))}.settings-toggle__state--on:before{background:color-mix(in srgb,var(--theme-accent) 88%,white);box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-accent-soft) 54%,transparent)}.sidebar-tabs{--sidebar-tabs-padding: var(--sidebar-control-inset);--sidebar-tabs-gap: var(--sidebar-control-inset);--sidebar-tab-collapsed-size: max( 40px, calc(var(--sidebar-control-height) - var(--sidebar-control-inset) * 2) );--sidebar-tab-motion: cubic-bezier(.2, .84, .18, 1);position:relative;min-height:var(--sidebar-control-height);gap:var(--sidebar-tabs-gap);padding:var(--sidebar-tabs-padding);border-color:var(--sidebar-control-border);border-radius:var(--sidebar-control-radius);background:var(--sidebar-control-surface);box-shadow:var(--sidebar-control-shadow);isolation:isolate;overflow:hidden}.sidebar-tabs:before{top:var(--sidebar-tabs-padding);bottom:var(--sidebar-tabs-padding);left:var(--sidebar-tabs-padding);width:calc((100% - var(--sidebar-tabs-padding) * 2 - var(--sidebar-tabs-gap)) / 2);border-radius:var(--sidebar-control-inner-radius);background:var(--sidebar-control-surface-active);box-shadow:var(--sidebar-control-active-shadow)}.sidebar-tabs--count-3,.sidebar-tabs--count-4{display:flex;grid-template-columns:none}.sidebar-tabs--count-3:before,.sidebar-tabs--count-4:before{display:none}.sidebar-selector-stack{--sidebar-selector-stack-gap: 8px;display:grid;gap:0;min-width:0}.sidebar-selector-stack>:not(:first-child){margin-top:var(--sidebar-selector-stack-gap)}.sidebar-selector-stack>.sidebar-pinned-slot--hidden{margin-top:0}.sidebar-pinned-slot--placement-tabs{min-width:0}.sidebar-islands-control{display:grid;grid-template-columns:repeat(2,var(--sidebar-island-step-width)) minmax(0,1fr) var(--sidebar-control-height);align-items:stretch;gap:6px;min-width:0}.sidebar-islands-toggle{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;min-height:var(--sidebar-control-height);border:1px solid var(--sidebar-control-border);border-radius:var(--sidebar-control-radius);padding:8px 14px;background:var(--sidebar-control-surface);color:var(--sidebar-control-text);box-shadow:var(--sidebar-control-shadow);cursor:pointer;align-self:stretch;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}.sidebar-islands-step-button,.sidebar-islands-mirror-toggle{display:grid;place-items:center;min-width:0;min-height:var(--sidebar-control-height);border:1px solid var(--sidebar-control-border);border-radius:var(--sidebar-control-radius);padding:0;background:var(--sidebar-control-surface);color:var(--sidebar-control-icon);--app-icon-primary: currentColor;--app-icon-secondary: color-mix(in srgb, currentColor 58%, white);box-shadow:var(--sidebar-control-shadow);cursor:pointer;align-self:stretch;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}.sidebar-islands-step-button{width:var(--sidebar-island-step-width);border-radius:var(--sidebar-control-radius);color:color-mix(in srgb,var(--theme-accent) 88%,var(--text-strong));--app-icon-primary: currentColor;--app-icon-secondary: currentColor}.sidebar-islands-step-button svg{width:15px;height:15px}.sidebar-islands-step-button .app-icon [opacity]{opacity:1}.sidebar-islands-mirror-toggle svg{width:20px;height:20px}.sidebar-islands-toggle:hover,.sidebar-islands-step-button:hover,.sidebar-islands-mirror-toggle:hover{border-color:var(--sidebar-control-border-active);color:var(--sidebar-control-accent-text);transform:translateY(-1px)}.sidebar-islands-toggle:focus-visible,.sidebar-islands-step-button:focus-visible,.sidebar-islands-mirror-toggle:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.sidebar-islands-toggle[aria-expanded=true],.sidebar-islands-mirror-toggle[aria-pressed=true]{border-color:var(--sidebar-control-border-active);background:var(--sidebar-control-surface-active);color:var(--sidebar-control-accent-text);box-shadow:var(--sidebar-control-active-shadow)}.sidebar-islands-toggle__label,.sidebar-islands-toggle__current{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-islands-toggle__label{display:inline-flex;align-items:center;justify-self:start;gap:7px;font-size:.78rem;font-weight:800;letter-spacing:0}.sidebar-islands-toggle--icon-only-label .sidebar-islands-toggle__label{max-width:max-content}.sidebar-islands-toggle--icon-only-label .sidebar-islands-toggle__label-text{display:none}.sidebar-islands-toggle__current{justify-self:end;max-width:100%;border:1px solid transparent;border-radius:999px;padding:4px 8px;background:color-mix(in srgb,var(--theme-accent-soft) 42%,white);color:var(--text-soft);font-size:.62rem;font-weight:800;letter-spacing:0}.sidebar-islands-toggle[aria-expanded=true] .sidebar-islands-toggle__current{background:color-mix(in srgb,white 74%,var(--theme-accent-soft));color:var(--sidebar-control-accent-text)}.sidebar-selector-icon{flex:0 0 auto;--app-icon-primary: currentColor;--app-icon-secondary: color-mix(in srgb, currentColor 54%, white)}.sidebar-tabs__button{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:calc(var(--sidebar-control-height) - var(--sidebar-control-inset) * 2);border-radius:var(--sidebar-control-inner-radius);padding:8px 10px;color:var(--sidebar-control-muted);font-size:.72rem;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:flex-basis .42s var(--sidebar-tab-motion),flex-grow .42s var(--sidebar-tab-motion),min-width .42s var(--sidebar-tab-motion),padding .42s var(--sidebar-tab-motion),gap .32s var(--sidebar-tab-motion),color .18s ease,background .22s ease,box-shadow .22s ease,transform .18s ease}.sidebar-tabs__button:hover{color:var(--sidebar-control-text);background:color-mix(in srgb,white 44%,transparent)}.sidebar-tabs__button:focus-visible,.island-switcher__button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.sidebar-tabs__button--active,.sidebar-tabs__button--active:hover{background:transparent;color:var(--sidebar-control-accent-text);box-shadow:none}.sidebar-tabs__button:disabled,.sidebar-tabs__button:disabled:hover{cursor:not-allowed;color:color-mix(in srgb,var(--sidebar-control-muted) 48%,transparent);background:transparent;transform:none}.sidebar-tabs__button span{min-width:0;overflow:hidden;text-overflow:ellipsis}.sidebar-tabs__label{min-width:0;max-width:9rem;opacity:1;transform:translate(0);transition:max-width .36s var(--sidebar-tab-motion),opacity .18s ease,transform .36s var(--sidebar-tab-motion);white-space:nowrap}.sidebar-tabs--count-3 .sidebar-tabs__button,.sidebar-tabs--count-4 .sidebar-tabs__button{flex:0 0 var(--sidebar-tab-collapsed-size);min-width:var(--sidebar-tab-collapsed-size);gap:0;padding-inline:0}.sidebar-tabs--count-3 .sidebar-tabs__button--active,.sidebar-tabs--count-4 .sidebar-tabs__button--active{flex:1 1 0;min-width:0;gap:7px;padding-inline:10px;background:var(--sidebar-control-surface-active);box-shadow:var(--sidebar-control-active-shadow)}.sidebar-tabs--count-3 .sidebar-tabs__button--active:hover,.sidebar-tabs--count-4 .sidebar-tabs__button--active:hover{background:var(--sidebar-control-surface-active);box-shadow:var(--sidebar-control-active-shadow)}.sidebar-tabs--count-3 .sidebar-tabs__button:not(.sidebar-tabs__button--active) .sidebar-tabs__label,.sidebar-tabs--count-4 .sidebar-tabs__button:not(.sidebar-tabs__button--active) .sidebar-tabs__label{max-width:0;opacity:0;transform:translate(-5px)}.island-list{display:grid;justify-items:center;gap:9px;padding:2px 4px 12px}.island-tag-row{width:min(100%,360px);min-width:0}.island-tag-row--mirrorable{display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:8px;align-items:stretch}.island-tag-row__select,.island-tag-row__mirror{min-width:0;cursor:pointer;transition:border-color .18s ease,filter .18s ease,opacity .18s ease,transform .18s ease,box-shadow .18s ease}.island-tag-row__select{--island-tag-inner-radius: 14px;position:relative;isolation:isolate;display:grid;align-items:center;width:100%;aspect-ratio:562 / 144;min-height:68px;border:2px solid color-mix(in srgb,var(--theme-accent) 38%,white);border-radius:18px;padding:0;overflow:hidden;background:linear-gradient(180deg,#ffffff57,#ffffff14),color-mix(in srgb,var(--theme-accent-soft) 42%,white);color:#fff;text-align:left;box-shadow:0 10px 18px color-mix(in srgb,var(--theme-accent) 14%,transparent),inset 0 1px #ffffff52}.island-tag-row__select:after{position:absolute;top:2px;right:2px;bottom:2px;left:2px;z-index:1;border-radius:var(--island-tag-inner-radius);background:linear-gradient(90deg,#120e0c9e,#120e0c29 48%,#120e0c47),linear-gradient(180deg,rgba(255,255,255,.08),transparent 42%);content:"";pointer-events:none}.island-tag-row__select:hover{border-color:color-mix(in srgb,var(--theme-accent) 62%,white);filter:saturate(1.08) brightness(1.06);transform:translateY(-1px)}.island-tag-row--active .island-tag-row__select{border-color:color-mix(in srgb,var(--theme-accent) 74%,white);box-shadow:0 0 0 2px color-mix(in srgb,var(--theme-accent-soft) 68%,white),0 14px 22px color-mix(in srgb,var(--theme-accent) 24%,transparent),inset 0 1px #ffffff61}.island-tag-row__select:focus-visible,.island-tag-row__mirror:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.island-tag-row__art,.island-tag-row__custom-backdrop{position:absolute;top:2px;right:2px;bottom:2px;left:2px;z-index:0;overflow:hidden;pointer-events:none;border-radius:var(--island-tag-inner-radius)}.island-tag-row__art{background:#14110e}.island-tag-row__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill;transform:scale(1.046,1.136);transform-origin:left center}.island-tag-row__custom-backdrop{background:radial-gradient(circle at 18% 50%,rgba(255,232,135,.34),transparent 26%),radial-gradient(circle at 76% 35%,color-mix(in srgb,var(--theme-accent) 46%,transparent),transparent 34%),linear-gradient(90deg,#443324,#67533d 48%,#18110f)}.island-tag-row__content{position:relative;z-index:2;display:grid;align-content:center;min-width:0;padding:12px 18px;text-shadow:0 2px 0 #1b1719,0 0 7px rgba(0,0,0,.72)}.island-tag-row__title{display:block;min-width:0;overflow:hidden;letter-spacing:0;color:#fffaf2;font-size:.96rem;font-weight:900;line-height:1.02;overflow-wrap:anywhere;text-wrap:balance;white-space:normal}.island-tag-row__mirror{display:grid;place-items:center;min-height:0;border:0;border-radius:20px 24px 24px 20px;background:linear-gradient(180deg,rgba(255,255,255,.28),transparent 24%),linear-gradient(180deg,#f14637,#a41017);color:#fff;--app-icon-primary: currentColor;--app-icon-secondary: rgba(255, 255, 255, .82);box-shadow:0 12px 18px #74081038,inset 0 1px #fff6,inset 0 -2px #3f000761}.island-tag-row__mirror:hover{transform:translateY(-1px);filter:brightness(1.06)}.island-tag-row__mirror svg{width:24px;height:24px}.island-tag-row__mirror[aria-pressed=true]{background:linear-gradient(180deg,rgba(255,255,255,.3),transparent 24%),linear-gradient(180deg,#4e67d4,#283b97);box-shadow:0 12px 18px #2a389738,inset 0 1px #ffffff61,inset 0 -2px #0d14496b}@media (max-width: 760px){.island-list{gap:6px;padding-bottom:6px}.island-tag-row--mirrorable{grid-template-columns:minmax(0,1fr) 40px;gap:5px}.island-tag-row__select{--island-tag-inner-radius: 10px;min-height:56px;border-radius:14px}.island-tag-row__content{padding:8px 12px}.island-tag-row__title{font-size:.86rem}.island-tag-row__mirror{border-radius:14px 18px 18px 14px}.island-tag-row__mirror svg{width:18px;height:18px}}.layout-mode-controls{display:grid;grid-template-columns:minmax(132px,1fr) auto;align-items:center;gap:10px;width:100%;max-width:100%;min-width:0;transition:gap .26s cubic-bezier(.22,.72,.25,1)}.layout-mode-controls.layout-mode-controls--max-income{gap:0}.mobile-panel-toggle{display:none}.layout-mode-picker{position:relative;min-width:0}.layout-mode-picker__select-shell{position:relative;display:flex;align-items:center;width:100%;min-width:0;height:var(--sidebar-control-height);border:1px solid var(--sidebar-control-border);border-radius:var(--sidebar-control-radius);padding:0 34px 0 14px;background:var(--sidebar-control-surface);color:var(--sidebar-control-text);font:inherit;font-size:.88rem;font-weight:700;line-height:1.2;box-shadow:var(--sidebar-control-shadow);transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;overflow:hidden}.layout-mode-picker__select-shell:hover{border-color:var(--sidebar-control-border-active);background:var(--sidebar-control-surface-hover);transform:translateY(-1px)}.layout-mode-picker__select-shell:focus-within{border-color:var(--sidebar-control-border-active);outline:2px solid var(--focus-ring);outline-offset:2px}.layout-mode-picker__selected-label{display:block;min-width:0;overflow:hidden;pointer-events:none;text-overflow:ellipsis;white-space:nowrap}.layout-mode-picker__select-chevron{position:absolute;right:14px;width:18px;height:18px;color:color-mix(in srgb,var(--sidebar-control-accent-text) 70%,var(--theme-accent));opacity:1;pointer-events:none;--app-icon-primary: currentColor;--app-icon-secondary: currentColor;transform:translateY(1px)}.layout-mode-picker__select-chevron [opacity]{opacity:1}.layout-mode-picker__select{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;opacity:0;cursor:pointer}.auto-organize-toggle{display:grid;grid-template-columns:auto auto;align-items:center;gap:8px;min-width:0;max-width:132px;min-height:var(--sidebar-control-height);height:var(--sidebar-control-height);padding:8px 10px;border:1px solid var(--sidebar-control-border);border-radius:var(--sidebar-control-radius);background:var(--sidebar-control-surface);color:var(--sidebar-control-text);font-weight:700;box-shadow:var(--sidebar-control-shadow);cursor:pointer;overflow:hidden;white-space:nowrap;transition:max-width .26s cubic-bezier(.22,.72,.25,1),opacity .14s ease,padding-inline .26s cubic-bezier(.22,.72,.25,1),border-width .26s cubic-bezier(.22,.72,.25,1),background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease,visibility 0s linear 0s}.layout-mode-controls--max-income .auto-organize-toggle{max-width:0;padding-inline:0;border-width:0;opacity:0;pointer-events:none;transform:translate(8px) scale(.96);visibility:hidden;transition:max-width .26s cubic-bezier(.22,.72,.25,1),opacity .12s ease,padding-inline .26s cubic-bezier(.22,.72,.25,1),border-width .26s cubic-bezier(.22,.72,.25,1),background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .26s cubic-bezier(.22,.72,.25,1),visibility 0s linear .26s}.auto-organize-toggle:hover{border-color:var(--sidebar-control-border-active);background:var(--sidebar-control-surface-hover);transform:translateY(-1px)}.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:var(--sidebar-control-icon);transform:translateY(-50%);pointer-events:none}.search-box input{box-sizing:border-box;width:100%;min-width:0;min-height:var(--sidebar-control-height);height:var(--sidebar-control-height);border-color:var(--sidebar-control-border);border-radius:var(--sidebar-control-radius);padding:12px 14px 12px 46px;background:var(--sidebar-control-surface);color:var(--sidebar-control-text);box-shadow:var(--sidebar-control-shadow);transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}.search-box input::placeholder{color:color-mix(in srgb,var(--sidebar-control-muted) 74%,white)}.sidebar-search-row{--sidebar-search-gap: 10px;display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:var(--sidebar-search-gap);transition:grid-template-columns .42s cubic-bezier(.22,1.12,.28,1),gap .42s cubic-bezier(.22,1.12,.28,1)}.sidebar-search-row--filter-visible{grid-template-columns:minmax(0,1fr) var(--sidebar-control-height);gap:var(--sidebar-search-gap)}.sidebar-search-row--with-bulk-action{grid-template-columns:minmax(0,1fr) var(--sidebar-control-height)}.sidebar-search-row--with-bulk-action.sidebar-search-row--filter-visible{grid-template-columns:minmax(0,1fr) var(--sidebar-control-height) var(--sidebar-control-height)}.sidebar-search-row .search-box{min-width:0}.sidebar-bulk-action-button{display:grid;place-items:center;width:var(--sidebar-control-height);height:var(--sidebar-control-height);border:1px solid var(--sidebar-control-border);border-radius:var(--sidebar-control-radius);background:var(--sidebar-control-surface);color:var(--sidebar-control-icon);box-shadow:var(--sidebar-control-shadow);cursor:pointer;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease,transform .18s ease}.sidebar-bulk-action-button:hover{border-color:var(--sidebar-control-border-active);background:var(--sidebar-control-surface-hover);color:var(--sidebar-control-accent-text);transform:translateY(-1px)}.sidebar-bulk-action-button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.sidebar-bulk-action-button:disabled,.sidebar-bulk-action-button:disabled:hover{cursor:not-allowed;opacity:.56;border-color:var(--sidebar-control-border);background:var(--sidebar-control-surface);color:var(--sidebar-control-muted);transform:none;box-shadow:var(--sidebar-control-shadow)}.catalog-variant-picker{position:relative;box-sizing:border-box;display:grid;place-items:center;width:var(--sidebar-control-height);height:var(--sidebar-control-height);border:1px solid var(--sidebar-control-border);border-radius:var(--sidebar-control-radius);background:var(--sidebar-control-surface);box-shadow:var(--sidebar-control-shadow);cursor:pointer;justify-self:end;opacity:1;transform:translate(0) scale(1);visibility:visible;transition:border-color .18s ease,box-shadow .18s ease,opacity .22s ease,transform .36s cubic-bezier(.22,1.12,.28,1),visibility 0s linear 0s}.catalog-variant-picker:hover{border-color:var(--sidebar-control-border-active);background:var(--sidebar-control-surface-hover);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__stage{display:grid;place-items:center;width:27px;height:27px;border-radius:999px;background:linear-gradient(180deg,#ffffffe0,#ffffff94),color-mix(in srgb,var(--theme-accent-soft) 44%,transparent);color:color-mix(in srgb,var(--theme-accent) 72%,black);font-size:.72rem;font-weight:900;line-height:1}.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{--castle-picker-padding: 6px;--castle-picker-inner-radius: var(--sidebar-control-inner-radius);--castle-picker-icon-size: calc(var(--sidebar-control-height) - var(--castle-picker-padding) * 2);display:grid;grid-template-columns:var(--castle-picker-icon-size) minmax(0,1fr);align-items:center;gap:10px;min-width:0;min-height:var(--sidebar-control-height);padding:var(--castle-picker-padding);border:1px solid var(--sidebar-control-border);border-radius:var(--sidebar-control-radius);background:var(--sidebar-control-surface);box-shadow:var(--sidebar-control-shadow)}.castle-picker--over{border-color:#a1462a38;background:linear-gradient(180deg,#ffffffdb,#ffffff94),#f4ac8b57}.castle-picker__icon{position:relative;display:grid;place-items:center;width:var(--castle-picker-icon-size);aspect-ratio:1;border:1px solid var(--sidebar-control-border);border-radius:var(--castle-picker-inner-radius);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:calc(var(--castle-picker-icon-size) - 8px);height:calc(var(--castle-picker-icon-size) - 8px);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:var(--castle-picker-icon-size);border:1px solid var(--sidebar-control-border-active);border-radius:var(--castle-picker-inner-radius);padding:8px 34px 8px 11px;background:var(--sidebar-control-surface);color:var(--sidebar-control-accent-text);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;color:color-mix(in srgb,var(--sidebar-control-accent-text) 70%,var(--theme-accent));opacity:1;pointer-events:none;--app-icon-primary: currentColor;--app-icon-secondary: currentColor;transform:translateY(1px)}.castle-picker__select-chevron [opacity]{opacity:1}.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;min-width:0;max-width:100%}.catalog-chip{position:relative;contain:layout style;display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:12px;width:100%;min-width:0;max-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--with-count{grid-template-columns:44px minmax(0,1fr) minmax(2ch,auto)}.catalog-chip--path{cursor:pointer}.catalog-chip--selected{border-color:color-mix(in srgb,var(--theme-accent) 42%,rgba(47,62,36,.12));background:linear-gradient(180deg,var(--theme-accent-soft),rgba(255,255,255,.74)),color-mix(in srgb,var(--theme-accent) 10%,transparent);box-shadow:0 12px 24px color-mix(in srgb,var(--theme-accent) 14%,transparent),inset 0 1px #ffffffe6}.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:disabled,.catalog-chip:disabled:hover{cursor:not-allowed;opacity:.56;transform:none;box-shadow:inset 0 1px #ffffff80}.catalog-chip:active{cursor:grabbing}.catalog-chip:disabled:active{cursor:not-allowed}.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--path{box-sizing:border-box;background:linear-gradient(180deg,#ffffffb8,#ffffff57),color-mix(in srgb,var(--theme-accent-soft) 20%,transparent);overflow:hidden;padding:2px}.catalog-chip__portrait--path img{object-fit:contain}.catalog-chip__portrait svg,.toggle-chip__icon svg{width:100%;height:100%}.catalog-chip__portrait--upcoming img,.family-card__portrait--upcoming img,.toggle-chip__portrait--upcoming img{filter:grayscale(1) saturate(0) contrast(1.06)}.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--path .catalog-chip__label{display:block}.catalog-chip--path .catalog-chip__label-text{display:-webkit-box;overflow:hidden;line-height:1.12;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.catalog-chip__meta{color:color-mix(in srgb,var(--text-soft) 88%,var(--theme-accent));font-size:.78rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.catalog-chip__variant-icon{width:1.2rem;height:1.2rem;flex:0 0 auto;object-fit:contain}.catalog-chip__count{justify-self:end;min-width:2ch;color:var(--text-strong);font-size:1.48rem;font-weight:900;line-height:1;text-align:center;letter-spacing:0;font-variant-numeric:tabular-nums}.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 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 style;grid-template-columns:24px minmax(0,1fr);min-height:48px;border-radius:16px;padding:9px 12px}.toggle-chip--with-image{grid-template-columns:24px 40px minmax(0,1fr);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)}.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 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__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__fixed-structure-tile{fill:color-mix(in srgb,var(--theme-accent) 30%,#243244)}.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--movable{cursor:grab}.planner-board__castle--movable:active{cursor:grabbing}.planner-board__castle--interactive .planner-board__castle-tile{cursor:pointer}.planner-board__castle--movable .planner-board__castle-tile{cursor:grab}.planner-board__castle--movable:active .planner-board__castle-tile{cursor:grabbing}.planner-board__castle--interactive .planner-board__castle-portrait{cursor:pointer;pointer-events:auto}.planner-board__castle--movable .planner-board__castle-portrait{cursor:grab;pointer-events:auto}.planner-board__castle--movable:active .planner-board__castle-portrait{cursor:grabbing}.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__path-tiles{pointer-events:none}.planner-board__path-tile{opacity:.98;pointer-events:none}.planner-board__path-preview{pointer-events:none}.planner-board__path-preview-tile{opacity:.56;pointer-events:none;filter:drop-shadow(0 6px 4px rgba(42,50,31,.16));animation:path-preview-pulse .9s ease-in-out infinite}.planner-board__path-preview-outline{fill:none;stroke:color-mix(in srgb,var(--theme-accent) 72%,white);stroke-width:1.65;stroke-linejoin:round;vector-effect:non-scaling-stroke;opacity:.92}.planner-board__path-preview--erase .planner-board__path-preview-tile{opacity:.34;filter:saturate(.68) sepia(.26) hue-rotate(306deg) drop-shadow(0 6px 4px rgba(80,32,28,.16))}.planner-board__path-preview--erase .planner-board__path-preview-outline{stroke:#b23b37db}@keyframes path-preview-pulse{0%,to{opacity:.48}50%{opacity:.68}}.planner-board__castle-portrait,.planner-board__decoration-sprite,.planner-board__fixed-structure-portrait,.planner-board__monster-portrait,.planner-board__structure-portrait{filter:drop-shadow(0 7px 5px rgba(28,34,22,.22))}.planner-board__monster-portrait--upcoming{filter:grayscale(1) saturate(0) contrast(1.06) drop-shadow(0 7px 5px rgba(28,34,22,.22))}.planner-board__castle-portrait,.planner-board__decoration-sprite,.planner-board__fixed-structure-portrait,.planner-board__structure-portrait{pointer-events:none}.planner-board__castle--interactive .planner-board__castle-portrait,.planner-board__castle--movable .planner-board__castle-portrait{pointer-events:auto}.planner-board--moving .planner-board__castle-portrait,.planner-board--moving .planner-board__decoration-sprite,.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__placement-overlay-hitbox .planner-board__structure-portrait,.planner-board__placement-overlay-hitbox .planner-board__structure-icon{pointer-events:auto}.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)}.castle-picker--board.castle-picker--closing{pointer-events:none;animation:board-popover-spring-out .17s cubic-bezier(.38,0,.7,.2) forwards}.castle-picker__icon--empty{background:linear-gradient(135deg,transparent 48%,rgba(47,62,36,.18) 50%,transparent 52%),linear-gradient(180deg,#ffffffa8,#ffffff47),color-mix(in srgb,var(--theme-accent-soft) 34%,transparent)}.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{position:relative;padding:18px}.island-footer .panel-card__header{align-items:start;margin-bottom:12px}.island-footer__header-actions{display:flex;align-items:center;justify-content:flex-end;min-width:0}.island-mirror-toggle{position:relative;display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--glass-edge);border-radius:18px;background:linear-gradient(180deg,#fffffff5,#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;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease}.island-mirror-toggle svg{width:24px;height:24px}.island-mirror-toggle:hover{transform:translateY(-2px);background:linear-gradient(180deg,#fffffffa,#ffffffc7),var(--theme-accent-soft);box-shadow:var(--control-shadow),inset 0 1px #ffffffe6}.island-mirror-toggle:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.island-mirror-toggle[aria-pressed=true]{border-color:color-mix(in srgb,#4e67d4 34%,rgba(47,62,36,.14));background:linear-gradient(180deg,#fffffffa,#f4f8ffc7),color-mix(in srgb,#f46f8d 28%,transparent);color:color-mix(in srgb,#4e67d4 74%,var(--text-strong));box-shadow:0 12px 28px #34439b24,inset 0 1px #ffffffe6}.island-switcher{--island-card-width: clamp(132px, 10.5vw, 168px);--island-card-height: clamp(142px, 10vw, 164px);--island-icon-max-width: 158px;--island-icon-max-height: 106px;--island-switcher-edge-fade: 18px;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%,136px);max-height:96px;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}.app-shell{--grid-fullscreen-duration: .5s;--grid-fullscreen-ease: cubic-bezier(.18, .92, .18, 1)}.app-shell--grid-fullscreen{height:100dvh;min-height:0;overflow:hidden}.app-shell--grid-fullscreen-transitioning .planner-layout{transition:grid-template-columns var(--grid-fullscreen-duration) var(--grid-fullscreen-ease),grid-template-rows var(--grid-fullscreen-duration) var(--grid-fullscreen-ease),gap var(--grid-fullscreen-duration) var(--grid-fullscreen-ease)}.controls-panel{opacity:1;transform:translateZ(0);visibility:visible}.app-shell--grid-fullscreen-transitioning .controls-panel{transition:opacity .24s ease,transform var(--grid-fullscreen-duration) var(--grid-fullscreen-ease),visibility 0s linear 0s;will-change:opacity,transform}.app-shell--grid-fullscreen-transitioning .board-panel{transition:grid-template-columns var(--grid-fullscreen-duration) var(--grid-fullscreen-ease),grid-template-rows var(--grid-fullscreen-duration) var(--grid-fullscreen-ease),gap var(--grid-fullscreen-duration) var(--grid-fullscreen-ease)}.island-footer{max-height:min(360px,40dvh);overflow:hidden;opacity:1;transform:translateZ(0);transform-origin:50% 100%;visibility:visible}.app-shell--grid-fullscreen-transitioning .island-footer{transition:max-height var(--grid-fullscreen-duration) var(--grid-fullscreen-ease),padding var(--grid-fullscreen-duration) var(--grid-fullscreen-ease),opacity .22s ease,transform var(--grid-fullscreen-duration) var(--grid-fullscreen-ease),visibility 0s linear 0s;will-change:max-height,opacity,transform}.app-shell--grid-fullscreen .planner-layout{grid-template-columns:0 minmax(0,1fr);gap:0}.app-shell--grid-fullscreen .controls-panel{opacity:0;pointer-events:none;transform:translate3d(calc(-1 * (var(--desktop-sidebar-width) + var(--desktop-layout-gap))),0,0);visibility:hidden}.app-shell--grid-fullscreen-transitioning.app-shell--grid-fullscreen .controls-panel{transition:opacity .18s ease,transform var(--grid-fullscreen-duration) var(--grid-fullscreen-ease),visibility 0s linear var(--grid-fullscreen-duration)}.app-shell--grid-fullscreen .board-panel{gap:0}.app-shell--grid-fullscreen .island-footer{max-height:0;padding-top:0;padding-bottom:0;opacity:0;pointer-events:none;transform:translate3d(0,calc(100% + var(--desktop-layout-gap)),0);visibility:hidden}.app-shell--grid-fullscreen-transitioning.app-shell--grid-fullscreen .island-footer{transition:max-height var(--grid-fullscreen-duration) var(--grid-fullscreen-ease),padding var(--grid-fullscreen-duration) var(--grid-fullscreen-ease),opacity .18s ease,transform var(--grid-fullscreen-duration) var(--grid-fullscreen-ease),visibility 0s linear var(--grid-fullscreen-duration)}@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-tag-row__select,.island-tag-row__mirror,.island-switcher__button,.island-switcher__spark,.family-card__portrait img,.toggle-chip__portrait img,.island-switcher__icon,.catalog-chip__portrait,.catalog-chip__burst,.sidebar-pinned-slot,.sidebar-islands-toggle,.sidebar-islands-step-button,.sidebar-islands-mirror-toggle,.sidebar-tabs:before,.sidebar-panel-motion{transition:none}.whats-new-dialog,.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__path-preview-tile,.planner-board__selection-ripple-tile,.catalog-chip__burst,.catalog-chip__portrait--burst,.sidebar-panel-motion,.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__body{grid-column:2}.toggle-chip--with-image{grid-template-columns:24px 38px minmax(0,1fr)}.toggle-chip--with-image .toggle-chip__body{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--closing{pointer-events:none;animation:placement-actions-spring-out .17s cubic-bezier(.38,0,.7,.2) forwards}.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: var(--sidebar-control-inset);--sidebar-tabs-gap: var(--sidebar-control-inset);--sidebar-tab-radius: var(--sidebar-control-inner-radius);padding:var(--sidebar-tabs-padding);border-radius:var(--sidebar-control-radius)}.sidebar-tabs__button{border-radius:var(--sidebar-tab-radius)}.castle-picker{padding:var(--castle-picker-padding);border-radius:var(--sidebar-control-radius)}.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: var(--board-action-inset);--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__canvas-actions--bottom{top:auto;bottom:calc(var(--board-action-inset) + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%)}.board-frame__canvas--has-bottom-actions .board-frame__canvas-actions--file{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);--sidebar-control-border: var(--dark-border);--sidebar-control-border-active: color-mix(in srgb, var(--theme-accent) 38%, var(--dark-border-strong));--sidebar-control-surface: linear-gradient(180deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, .025)), var(--dark-field-soft);--sidebar-control-surface-hover: linear-gradient(180deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .04)), color-mix(in srgb, var(--theme-accent-soft) 36%, var(--dark-field));--sidebar-control-surface-active: linear-gradient(180deg, rgba(255, 255, 255, .13), rgba(255, 255, 255, .05)), var(--theme-accent-soft);--sidebar-control-text: var(--text-strong);--sidebar-control-muted: color-mix(in srgb, var(--text-soft) 86%, white);--sidebar-control-accent-text: var(--text-strong);--sidebar-control-icon: color-mix(in srgb, var(--theme-accent) 64%, var(--text-soft));--sidebar-control-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);--sidebar-control-active-shadow: var(--control-shadow-soft), inset 0 1px 0 rgba(255, 255, 255, .08);--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--mirror-plant,.app-shell__backdrop--mirror-plant{--theme-accent: #d36bd7;--theme-accent-soft: rgba(178, 210, 109, .3);--theme-surface: rgba(27, 17, 32, .78);--theme-surface-strong: rgba(38, 23, 45, .94);--theme-shadow: 0 24px 58px rgba(7, 2, 12, .54);--theme-backdrop-color: #100814;--theme-dark-page: #100814;--theme-dark-panel-top: rgba(38, 23, 45, .9);--theme-dark-panel-bottom: rgba(15, 9, 19, .74);--theme-dark-field: rgba(20, 12, 25, .76);--theme-dark-field-strong: rgba(30, 18, 37, .88);--theme-dark-field-soft: rgba(211, 107, 215, .08);--theme-dark-canvas: rgba(11, 6, 14, .48);--theme-dark-grid-fill: rgba(28, 22, 34, .86);--theme-dark-grid-stroke: rgba(237, 224, 244, .2);--theme-dark-ink: rgba(12, 8, 14, .94);--theme-backdrop-image: linear-gradient(180deg, rgba(20, 9, 25, .42), rgba(5, 3, 7, .9)), radial-gradient(circle at 17% 13%, rgba(179, 77, 194, .28), transparent 28%), radial-gradient(circle at 76% 11%, rgba(199, 221, 118, .12), transparent 24%), url(/assets/plant-backdrop-DzhZaqtR.webp)}.app-shell--mirror-cold,.app-shell__backdrop--mirror-cold{--theme-accent: #d36bd7;--theme-accent-soft: rgba(133, 198, 255, .3);--theme-surface: rgba(24, 18, 34, .78);--theme-surface-strong: rgba(34, 25, 47, .94);--theme-shadow: 0 24px 58px rgba(7, 3, 14, .54);--theme-backdrop-color: #100a18;--theme-dark-page: #100a18;--theme-dark-panel-top: rgba(34, 25, 47, .9);--theme-dark-panel-bottom: rgba(13, 9, 20, .74);--theme-dark-field: rgba(18, 13, 26, .76);--theme-dark-field-strong: rgba(27, 20, 38, .88);--theme-dark-field-soft: rgba(211, 107, 215, .08);--theme-dark-canvas: rgba(10, 7, 15, .48);--theme-dark-grid-fill: rgba(24, 24, 37, .86);--theme-dark-grid-stroke: rgba(226, 235, 245, .2);--theme-dark-ink: rgba(11, 9, 15, .94);--theme-backdrop-image: linear-gradient(180deg, rgba(18, 10, 26, .42), rgba(5, 4, 8, .9)), radial-gradient(circle at 17% 13%, rgba(179, 77, 194, .28), transparent 28%), radial-gradient(circle at 76% 11%, rgba(133, 198, 255, .16), transparent 24%), url(/assets/cold-backdrop-DNi7brL_.webp)}.app-shell--mirror-air,.app-shell__backdrop--mirror-air{--theme-accent: #d76dde;--theme-accent-soft: rgba(239, 192, 217, .3);--theme-surface: rgba(28, 17, 31, .78);--theme-surface-strong: rgba(40, 23, 43, .94);--theme-shadow: 0 24px 58px rgba(8, 3, 12, .54);--theme-backdrop-color: #130915;--theme-dark-page: #130915;--theme-dark-panel-top: rgba(40, 23, 43, .9);--theme-dark-panel-bottom: rgba(16, 8, 18, .74);--theme-dark-field: rgba(20, 12, 23, .76);--theme-dark-field-strong: rgba(31, 18, 34, .88);--theme-dark-field-soft: rgba(215, 109, 222, .08);--theme-dark-canvas: rgba(12, 6, 13, .48);--theme-dark-grid-fill: rgba(31, 24, 34, .86);--theme-dark-grid-stroke: rgba(245, 225, 239, .2);--theme-dark-ink: rgba(13, 8, 14, .94);--theme-backdrop-image: linear-gradient(180deg, rgba(22, 10, 24, .42), rgba(6, 3, 7, .9)), radial-gradient(circle at 17% 13%, rgba(179, 77, 194, .28), transparent 28%), radial-gradient(circle at 76% 11%, rgba(239, 192, 217, .15), transparent 24%), url(/assets/air-backdrop-Cbsw-VJW.png)}.app-shell--mirror-water,.app-shell__backdrop--mirror-water{--theme-accent: #da6dde;--theme-accent-soft: rgba(116, 217, 204, .32);--theme-surface: rgba(14, 31, 34, .78);--theme-surface-strong: rgba(20, 43, 47, .94);--theme-shadow: 0 24px 58px rgba(2, 9, 11, .54);--theme-backdrop-color: #071416;--theme-dark-page: #071416;--theme-dark-panel-top: rgba(20, 43, 47, .9);--theme-dark-panel-bottom: rgba(7, 18, 20, .76);--theme-dark-field: rgba(10, 25, 28, .76);--theme-dark-field-strong: rgba(16, 38, 41, .88);--theme-dark-field-soft: rgba(218, 109, 222, .08);--theme-dark-canvas: rgba(5, 14, 16, .5);--theme-dark-grid-fill: rgba(18, 36, 39, .86);--theme-dark-grid-stroke: rgba(213, 246, 240, .2);--theme-dark-ink: rgba(5, 14, 16, .94);--theme-backdrop-image: linear-gradient(180deg, rgba(7, 17, 20, .46), rgba(2, 6, 8, .9)), radial-gradient(circle at 17% 13%, rgba(178, 77, 182, .28), transparent 28%), radial-gradient(circle at 76% 11%, rgba(116, 217, 204, .18), transparent 24%), url(/assets/water-backdrop-B7tnhcr1.png)}.app-shell--mirror-earth,.app-shell__backdrop--mirror-earth{--theme-accent: #da6dde;--theme-accent-soft: rgba(212, 173, 82, .32);--theme-surface: rgba(29, 19, 18, .78);--theme-surface-strong: rgba(42, 28, 25, .94);--theme-shadow: 0 24px 58px rgba(7, 3, 4, .56);--theme-backdrop-color: #12090d;--theme-dark-page: #12090d;--theme-dark-panel-top: rgba(42, 28, 25, .9);--theme-dark-panel-bottom: rgba(17, 9, 10, .76);--theme-dark-field: rgba(23, 14, 14, .76);--theme-dark-field-strong: rgba(35, 22, 20, .88);--theme-dark-field-soft: rgba(218, 109, 222, .08);--theme-dark-canvas: rgba(12, 7, 7, .5);--theme-dark-grid-fill: rgba(36, 29, 26, .86);--theme-dark-grid-stroke: rgba(242, 222, 190, .18);--theme-dark-ink: rgba(12, 7, 7, .94);--theme-backdrop-image: linear-gradient(180deg, rgba(24, 13, 13, .5), rgba(5, 3, 4, .9)), radial-gradient(circle at 17% 13%, rgba(179, 90, 182, .28), transparent 28%), radial-gradient(circle at 76% 11%, rgba(212, 173, 82, .14), transparent 24%), url(/assets/earth-backdrop-dgyBvlrS.png)}.app-shell--mirror-light,.app-shell__backdrop--mirror-light{--theme-accent: #ffc75a;--theme-accent-soft: rgba(91, 214, 200, .34);--theme-surface: rgba(26, 24, 30, .78);--theme-surface-strong: rgba(38, 33, 40, .94);--theme-shadow: 0 24px 58px rgba(5, 5, 9, .56);--theme-backdrop-color: #101520;--theme-dark-page: #101520;--theme-dark-panel-top: rgba(38, 33, 40, .9);--theme-dark-panel-bottom: rgba(11, 13, 20, .76);--theme-dark-field: rgba(18, 18, 25, .76);--theme-dark-field-strong: rgba(30, 27, 34, .88);--theme-dark-field-soft: rgba(255, 199, 90, .08);--theme-dark-canvas: rgba(9, 10, 16, .5);--theme-dark-grid-fill: rgba(31, 29, 35, .86);--theme-dark-grid-stroke: rgba(255, 237, 190, .2);--theme-dark-ink: rgba(11, 10, 15, .94);--theme-backdrop-image: linear-gradient(180deg, rgba(17, 16, 24, .52), rgba(5, 6, 10, .92)), radial-gradient(circle at 17% 13%, rgba(91, 214, 200, .24), transparent 28%), radial-gradient(circle at 76% 11%, rgba(255, 199, 90, .18), transparent 24%), url(/assets/mirror-light-backdrop-DBrC06Kh.jpg)}.app-shell--mirror-psychic,.app-shell__backdrop--mirror-psychic{--theme-accent: #4fe1e5;--theme-accent-soft: rgba(255, 90, 167, .36);--theme-surface: rgba(16, 21, 49, .8);--theme-surface-strong: rgba(24, 31, 70, .94);--theme-shadow: 0 24px 58px rgba(2, 4, 16, .58);--theme-backdrop-color: #070d24;--theme-dark-page: #070d24;--theme-dark-panel-top: rgba(24, 31, 70, .9);--theme-dark-panel-bottom: rgba(7, 10, 29, .78);--theme-dark-field: rgba(12, 17, 41, .78);--theme-dark-field-strong: rgba(19, 26, 60, .9);--theme-dark-field-soft: rgba(79, 225, 229, .08);--theme-dark-canvas: rgba(5, 8, 25, .5);--theme-dark-grid-fill: rgba(20, 27, 58, .86);--theme-dark-grid-stroke: rgba(211, 248, 255, .2);--theme-dark-ink: rgba(6, 9, 26, .94);--theme-backdrop-image: linear-gradient(180deg, rgba(7, 9, 29, .52), rgba(2, 4, 13, .92)), radial-gradient(circle at 17% 13%, rgba(79, 225, 229, .24), transparent 28%), radial-gradient(circle at 76% 11%, rgba(255, 90, 167, .18), transparent 24%), url(/assets/mirror-psychic-backdrop-BZomhd_s.jpg)}.app-shell--mirror-faerie,.app-shell__backdrop--mirror-faerie{--theme-accent: #df89e6;--theme-accent-soft: rgba(127, 215, 207, .36);--theme-surface: rgba(25, 19, 46, .8);--theme-surface-strong: rgba(38, 29, 68, .94);--theme-shadow: 0 24px 58px rgba(5, 3, 18, .58);--theme-backdrop-color: #120d21;--theme-dark-page: #120d21;--theme-dark-panel-top: rgba(38, 29, 68, .9);--theme-dark-panel-bottom: rgba(13, 9, 27, .78);--theme-dark-field: rgba(21, 16, 41, .78);--theme-dark-field-strong: rgba(34, 26, 63, .9);--theme-dark-field-soft: rgba(223, 137, 230, .08);--theme-dark-canvas: rgba(9, 7, 23, .5);--theme-dark-grid-fill: rgba(30, 24, 54, .86);--theme-dark-grid-stroke: rgba(245, 210, 255, .2);--theme-dark-ink: rgba(12, 8, 25, .94);--theme-backdrop-image: linear-gradient(180deg, rgba(18, 13, 33, .52), rgba(6, 4, 16, .92)), radial-gradient(circle at 17% 13%, rgba(223, 137, 230, .22), transparent 28%), radial-gradient(circle at 76% 11%, rgba(127, 215, 207, .18), transparent 24%), url(/assets/mirror-faerie-backdrop-DKuecmYy.jpg)}.app-shell--mirror-bone,.app-shell__backdrop--mirror-bone{--theme-accent: #6be5d8;--theme-accent-soft: rgba(217, 135, 217, .36);--theme-surface: rgba(15, 23, 42, .8);--theme-surface-strong: rgba(22, 34, 58, .94);--theme-shadow: 0 24px 58px rgba(3, 5, 17, .58);--theme-backdrop-color: #0b1020;--theme-dark-page: #0b1020;--theme-dark-panel-top: rgba(22, 34, 58, .9);--theme-dark-panel-bottom: rgba(7, 11, 25, .78);--theme-dark-field: rgba(12, 19, 36, .78);--theme-dark-field-strong: rgba(18, 29, 50, .9);--theme-dark-field-soft: rgba(107, 229, 216, .08);--theme-dark-canvas: rgba(5, 8, 21, .5);--theme-dark-grid-fill: rgba(18, 30, 51, .86);--theme-dark-grid-stroke: rgba(208, 255, 250, .2);--theme-dark-ink: rgba(7, 10, 24, .94);--theme-backdrop-image: linear-gradient(180deg, rgba(8, 12, 26, .52), rgba(3, 5, 13, .92)), radial-gradient(circle at 17% 13%, rgba(107, 229, 216, .22), transparent 28%), radial-gradient(circle at 76% 11%, rgba(217, 135, 217, .18), transparent 24%), url(/assets/mirror-bone-backdrop-DtT4CH92.jpg)}.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--fire-haven,.app-shell__backdrop--fire-haven{--theme-accent: #ff995f;--theme-accent-soft: rgba(200, 92, 45, .38);--theme-surface: rgba(38, 18, 11, .78);--theme-surface-strong: rgba(55, 26, 16, .94);--theme-shadow: 0 24px 58px rgba(16, 5, 2, .54);--theme-backdrop-color: #190b05;--theme-dark-page: #190b05;--theme-dark-panel-top: rgba(55, 26, 16, .9);--theme-dark-panel-bottom: rgba(20, 8, 4, .74);--theme-dark-field: rgba(33, 15, 8, .76);--theme-dark-field-strong: rgba(48, 23, 13, .88);--theme-dark-field-soft: rgba(255, 153, 95, .08);--theme-dark-canvas: rgba(15, 5, 2, .48);--theme-dark-grid-fill: rgba(38, 20, 13, .86);--theme-dark-grid-stroke: rgba(248, 221, 190, .2);--theme-dark-ink: rgba(16, 7, 4, .94);--theme-backdrop-image: linear-gradient(180deg, rgba(30, 12, 5, .58), rgba(8, 3, 1, .92)), radial-gradient(circle at 50% 9%, rgba(255, 151, 82, .24), transparent 32%), radial-gradient(circle at 18% 18%, rgba(188, 62, 31, .24), transparent 27%), url(/assets/fire-haven-backdrop-7k3kZotQ.webp)}.app-shell--fire-oasis,.app-shell__backdrop--fire-oasis{--theme-accent: #ffad63;--theme-accent-soft: rgba(95, 205, 229, .36);--theme-surface: rgba(37, 22, 12, .78);--theme-surface-strong: rgba(54, 32, 18, .94);--theme-shadow: 0 24px 58px rgba(13, 7, 2, .54);--theme-backdrop-color: #180d07;--theme-dark-page: #180d07;--theme-dark-panel-top: rgba(55, 32, 18, .9);--theme-dark-panel-bottom: rgba(18, 9, 4, .74);--theme-dark-field: rgba(33, 19, 9, .76);--theme-dark-field-strong: rgba(49, 28, 14, .88);--theme-dark-field-soft: rgba(95, 205, 229, .08);--theme-dark-canvas: rgba(14, 7, 3, .48);--theme-dark-grid-fill: rgba(40, 25, 16, .86);--theme-dark-grid-stroke: rgba(250, 223, 186, .2);--theme-dark-ink: rgba(15, 8, 4, .94);--theme-backdrop-image: linear-gradient(180deg, rgba(25, 12, 5, .58), rgba(8, 4, 1, .92)), radial-gradient(circle at 50% 9%, rgba(73, 196, 221, .24), transparent 32%), radial-gradient(circle at 18% 18%, rgba(192, 61, 164, .2), transparent 27%), url(/assets/fire-oasis-backdrop-M-61Uslp.webp)}.app-shell--mythical,.app-shell__backdrop--mythical{--theme-accent: #c9bbff;--theme-accent-soft: rgba(240, 214, 122, .38);--theme-surface: rgba(23, 25, 58, .8);--theme-surface-strong: rgba(36, 38, 78, .94);--theme-shadow: 0 24px 58px rgba(5, 6, 20, .56);--theme-backdrop-color: #0d1024;--theme-dark-page: #0d1024;--theme-dark-panel-top: rgba(36, 38, 78, .9);--theme-dark-panel-bottom: rgba(9, 10, 30, .76);--theme-dark-field: rgba(18, 20, 49, .78);--theme-dark-field-strong: rgba(31, 32, 67, .9);--theme-dark-field-soft: rgba(201, 187, 255, .08);--theme-dark-canvas: rgba(8, 9, 27, .5);--theme-dark-grid-fill: rgba(24, 27, 61, .86);--theme-dark-grid-stroke: rgba(222, 216, 255, .2);--theme-dark-ink: rgba(7, 8, 24, .94);--theme-backdrop-image: linear-gradient(180deg, rgba(13, 15, 38, .58), rgba(5, 6, 18, .92)), radial-gradient(circle at 50% 9%, rgba(194, 177, 255, .24), transparent 32%), radial-gradient(circle at 20% 18%, rgba(232, 202, 105, .18), transparent 27%), url(/assets/mythical-backdrop-D7LNfyJB.jpg)}.app-shell--light,.app-shell__backdrop--light{--theme-accent: #ffe970;--theme-accent-soft: rgba(146, 104, 189, .38);--theme-surface: rgba(32, 24, 42, .78);--theme-surface-strong: rgba(46, 35, 62, .94);--theme-shadow: 0 24px 58px rgba(10, 6, 14, .54);--theme-backdrop-color: #170f20;--theme-dark-page: #170f20;--theme-dark-panel-top: rgba(46, 35, 62, .9);--theme-dark-panel-bottom: rgba(18, 11, 25, .74);--theme-dark-field: rgba(27, 20, 36, .76);--theme-dark-field-strong: rgba(39, 29, 52, .88);--theme-dark-field-soft: rgba(255, 233, 112, .08);--theme-dark-canvas: rgba(12, 7, 16, .48);--theme-dark-grid-fill: rgba(32, 27, 42, .86);--theme-dark-grid-stroke: rgba(250, 241, 196, .2);--theme-dark-ink: rgba(14, 8, 18, .94);--theme-backdrop-image: linear-gradient(180deg, rgba(21, 12, 30, .58), rgba(7, 4, 10, .92)), radial-gradient(circle at 50% 9%, rgba(255, 233, 112, .25), transparent 32%), radial-gradient(circle at 78% 13%, rgba(96, 213, 215, .2), transparent 28%), url(/assets/light-backdrop-6x9g5O2L.webp)}.app-shell--psychic,.app-shell__backdrop--psychic{--theme-accent: #8de3d0;--theme-accent-soft: rgba(160, 74, 186, .4);--theme-surface: rgba(34, 19, 42, .78);--theme-surface-strong: rgba(49, 28, 60, .94);--theme-shadow: 0 24px 58px rgba(10, 5, 13, .54);--theme-backdrop-color: #170c1c;--theme-dark-page: #170c1c;--theme-dark-panel-top: rgba(49, 28, 60, .9);--theme-dark-panel-bottom: rgba(18, 8, 24, .74);--theme-dark-field: rgba(29, 15, 36, .76);--theme-dark-field-strong: rgba(43, 22, 53, .88);--theme-dark-field-soft: rgba(141, 227, 208, .08);--theme-dark-canvas: rgba(13, 6, 16, .48);--theme-dark-grid-fill: rgba(36, 25, 43, .86);--theme-dark-grid-stroke: rgba(242, 215, 247, .2);--theme-dark-ink: rgba(16, 7, 20, .94);--theme-backdrop-image: linear-gradient(180deg, rgba(22, 10, 29, .58), rgba(7, 3, 9, .92)), radial-gradient(circle at 50% 9%, rgba(141, 227, 208, .22), transparent 32%), radial-gradient(circle at 78% 13%, rgba(177, 78, 195, .2), transparent 28%), url(/assets/psychic-backdrop-DYH9NKrF.jpg)}.app-shell--faerie,.app-shell__backdrop--faerie{--theme-accent: #d7eb8f;--theme-accent-soft: rgba(169, 92, 165, .4);--theme-surface: rgba(33, 21, 38, .78);--theme-surface-strong: rgba(48, 31, 55, .94);--theme-shadow: 0 24px 58px rgba(10, 5, 12, .54);--theme-backdrop-color: #160d18;--theme-dark-page: #160d18;--theme-dark-panel-top: rgba(48, 31, 55, .9);--theme-dark-panel-bottom: rgba(18, 9, 21, .74);--theme-dark-field: rgba(29, 17, 34, .76);--theme-dark-field-strong: rgba(43, 25, 50, .88);--theme-dark-field-soft: rgba(215, 235, 143, .08);--theme-dark-canvas: rgba(13, 7, 15, .48);--theme-dark-grid-fill: rgba(36, 28, 41, .86);--theme-dark-grid-stroke: rgba(245, 230, 247, .2);--theme-dark-ink: rgba(15, 8, 18, .94);--theme-backdrop-image: linear-gradient(180deg, rgba(22, 11, 26, .58), rgba(7, 4, 8, .92)), radial-gradient(circle at 50% 9%, rgba(215, 235, 143, .2), transparent 32%), radial-gradient(circle at 78% 13%, rgba(234, 159, 210, .18), transparent 28%), url(/assets/faerie-backdrop-BLN8Dn8y.jpg)}.app-shell--bone,.app-shell__backdrop--bone{--theme-accent: #9ee2d1;--theme-accent-soft: rgba(78, 109, 130, .42);--theme-surface: rgba(19, 24, 37, .78);--theme-surface-strong: rgba(28, 36, 51, .94);--theme-shadow: 0 24px 58px rgba(4, 6, 12, .54);--theme-backdrop-color: #080c18;--theme-dark-page: #080c18;--theme-dark-panel-top: rgba(28, 36, 51, .9);--theme-dark-panel-bottom: rgba(7, 10, 18, .74);--theme-dark-field: rgba(14, 18, 30, .76);--theme-dark-field-strong: rgba(22, 29, 43, .88);--theme-dark-field-soft: rgba(158, 226, 209, .08);--theme-dark-canvas: rgba(7, 9, 15, .5);--theme-dark-grid-fill: rgba(26, 34, 47, .86);--theme-dark-grid-stroke: rgba(202, 246, 238, .2);--theme-dark-ink: rgba(7, 9, 15, .94);--theme-backdrop-image: linear-gradient(180deg, rgba(11, 17, 29, .58), rgba(3, 5, 10, .94)), radial-gradient(circle at 50% 9%, rgba(158, 226, 209, .2), transparent 32%), radial-gradient(circle at 78% 13%, rgba(93, 76, 135, .22), transparent 28%), url(/assets/bone-backdrop-BfW8XnAB.jpg)}.app-shell--magical-sanctum,.app-shell__backdrop--magical-sanctum{--theme-accent: #8fe4cf;--theme-accent-soft: rgba(109, 85, 184, .42);--theme-surface: rgba(19, 18, 42, .78);--theme-surface-strong: rgba(30, 27, 58, .94);--theme-shadow: 0 24px 58px rgba(5, 4, 14, .56);--theme-backdrop-color: #0b0a18;--theme-dark-page: #0b0a18;--theme-dark-panel-top: rgba(30, 27, 58, .9);--theme-dark-panel-bottom: rgba(8, 7, 20, .76);--theme-dark-field: rgba(16, 14, 34, .78);--theme-dark-field-strong: rgba(25, 22, 50, .9);--theme-dark-field-soft: rgba(143, 228, 207, .08);--theme-dark-canvas: rgba(8, 7, 18, .5);--theme-dark-grid-fill: rgba(28, 25, 54, .86);--theme-dark-grid-stroke: rgba(210, 246, 237, .2);--theme-dark-ink: rgba(8, 7, 18, .94);--theme-backdrop-image: linear-gradient(180deg, rgba(12, 11, 29, .58), rgba(4, 4, 11, .94)), radial-gradient(circle at 50% 9%, rgba(143, 228, 207, .22), transparent 32%), radial-gradient(circle at 78% 13%, rgba(231, 184, 102, .18), transparent 28%), url(/assets/magical-sanctum-backdrop-CyX9FfvE.jpg)}.app-shell--magical-nexus,.app-shell__backdrop--magical-nexus{--theme-accent: #86e6b5;--theme-accent-soft: rgba(73, 103, 201, .42);--theme-surface: rgba(15, 27, 51, .78);--theme-surface-strong: rgba(24, 39, 70, .94);--theme-shadow: 0 24px 58px rgba(4, 7, 18, .56);--theme-backdrop-color: #071324;--theme-dark-page: #071324;--theme-dark-panel-top: rgba(24, 39, 70, .9);--theme-dark-panel-bottom: rgba(5, 9, 20, .76);--theme-dark-field: rgba(12, 23, 44, .78);--theme-dark-field-strong: rgba(20, 34, 62, .9);--theme-dark-field-soft: rgba(134, 230, 181, .08);--theme-dark-canvas: rgba(6, 12, 25, .5);--theme-dark-grid-fill: rgba(22, 37, 68, .86);--theme-dark-grid-stroke: rgba(207, 247, 224, .2);--theme-dark-ink: rgba(6, 12, 25, .94);--theme-backdrop-image: linear-gradient(180deg, rgba(8, 18, 36, .58), rgba(2, 5, 12, .94)), radial-gradient(circle at 50% 9%, rgba(134, 230, 181, .22), transparent 32%), radial-gradient(circle at 78% 13%, rgba(235, 193, 91, .18), transparent 28%), url(/assets/magical-nexus-backdrop-D0zRCP7c.jpg)}.app-shell--plasma-islet,.app-shell__backdrop--plasma-islet{--theme-accent: #68dbc9;--theme-accent-soft: rgba(114, 85, 183, .42);--theme-surface: rgba(19, 25, 48, .78);--theme-surface-strong: rgba(29, 37, 70, .94);--theme-shadow: 0 24px 58px rgba(5, 7, 18, .56);--theme-backdrop-color: #0e1025;--theme-dark-page: #0e1025;--theme-dark-panel-top: rgba(29, 37, 70, .9);--theme-dark-panel-bottom: rgba(7, 9, 22, .76);--theme-dark-field: rgba(14, 20, 43, .78);--theme-dark-field-strong: rgba(23, 32, 62, .9);--theme-dark-field-soft: rgba(104, 219, 201, .08);--theme-dark-canvas: rgba(8, 10, 25, .5);--theme-dark-grid-fill: rgba(26, 36, 67, .86);--theme-dark-grid-stroke: rgba(206, 246, 239, .2);--theme-dark-ink: rgba(8, 10, 25, .94);--theme-backdrop-image: linear-gradient(180deg, rgba(10, 13, 32, .58), rgba(3, 4, 12, .94)), radial-gradient(circle at 50% 9%, rgba(104, 219, 201, .24), transparent 32%), radial-gradient(circle at 78% 13%, rgba(114, 85, 183, .24), transparent 28%), url(/assets/plasma-islet-backdrop-BxPq4G-z.jpg)}.app-shell--mech-islet,.app-shell__backdrop--mech-islet{--theme-accent: #73dfe8;--theme-accent-soft: rgba(180, 160, 132, .42);--theme-surface: rgba(18, 29, 46, .78);--theme-surface-strong: rgba(28, 43, 65, .94);--theme-shadow: 0 24px 58px rgba(4, 9, 17, .56);--theme-backdrop-color: #071725;--theme-dark-page: #071725;--theme-dark-panel-top: rgba(28, 43, 65, .9);--theme-dark-panel-bottom: rgba(5, 11, 20, .76);--theme-dark-field: rgba(12, 25, 41, .78);--theme-dark-field-strong: rgba(21, 38, 58, .9);--theme-dark-field-soft: rgba(115, 223, 232, .08);--theme-dark-canvas: rgba(7, 16, 26, .5);--theme-dark-grid-fill: rgba(24, 41, 59, .86);--theme-dark-grid-stroke: rgba(214, 247, 250, .2);--theme-dark-ink: rgba(5, 10, 17, .94);--theme-backdrop-image: linear-gradient(180deg, rgba(7, 19, 31, .58), rgba(2, 5, 10, .94)), radial-gradient(circle at 50% 9%, rgba(115, 223, 232, .24), transparent 32%), radial-gradient(circle at 78% 13%, rgba(180, 160, 132, .2), transparent 28%), url(/assets/mech-islet-backdrop-C7-r_JqB.jpg)}.app-shell--shadow-islet,.app-shell__backdrop--shadow-islet{--theme-accent: #39c7d8;--theme-accent-soft: rgba(141, 76, 154, .44);--theme-surface: rgba(31, 19, 42, .78);--theme-surface-strong: rgba(48, 29, 62, .94);--theme-shadow: 0 24px 58px rgba(6, 3, 11, .56);--theme-backdrop-color: #140b1d;--theme-dark-page: #140b1d;--theme-dark-panel-top: rgba(48, 29, 62, .9);--theme-dark-panel-bottom: rgba(10, 5, 17, .78);--theme-dark-field: rgba(26, 15, 37, .78);--theme-dark-field-strong: rgba(39, 24, 53, .9);--theme-dark-field-soft: rgba(57, 199, 216, .08);--theme-dark-canvas: rgba(14, 7, 24, .5);--theme-dark-grid-fill: rgba(40, 25, 55, .86);--theme-dark-grid-stroke: rgba(219, 246, 249, .2);--theme-dark-ink: rgba(9, 4, 16, .94);--theme-backdrop-image: linear-gradient(180deg, rgba(20, 10, 31, .6), rgba(5, 2, 10, .95)), radial-gradient(circle at 50% 9%, rgba(57, 199, 216, .2), transparent 32%), radial-gradient(circle at 78% 13%, rgba(141, 76, 154, .24), transparent 28%), url(/assets/shadow-islet-backdrop-DU1mK8jW.jpg)}.app-shell--crystal-islet,.app-shell__backdrop--crystal-islet{--theme-accent: #8be6ff;--theme-accent-soft: rgba(98, 198, 95, .44);--theme-surface: rgba(17, 38, 34, .78);--theme-surface-strong: rgba(28, 54, 48, .94);--theme-shadow: 0 24px 58px rgba(3, 9, 8, .56);--theme-backdrop-color: #081b18;--theme-dark-page: #081b18;--theme-dark-panel-top: rgba(28, 54, 48, .9);--theme-dark-panel-bottom: rgba(4, 11, 10, .78);--theme-dark-field: rgba(13, 31, 28, .78);--theme-dark-field-strong: rgba(24, 45, 41, .9);--theme-dark-field-soft: rgba(139, 230, 255, .08);--theme-dark-canvas: rgba(6, 18, 16, .5);--theme-dark-grid-fill: rgba(24, 53, 45, .86);--theme-dark-grid-stroke: rgba(219, 255, 246, .2);--theme-dark-ink: rgba(3, 10, 9, .94);--theme-backdrop-image: linear-gradient(180deg, rgba(8, 24, 22, .6), rgba(2, 6, 5, .95)), radial-gradient(circle at 50% 9%, rgba(139, 230, 255, .2), transparent 32%), radial-gradient(circle at 78% 13%, rgba(98, 198, 95, .22), transparent 28%), url(/assets/crystal-islet-backdrop-DnKxuxSV.jpg)}.app-shell--paironormal-carnival,.app-shell__backdrop--paironormal-carnival{--theme-accent: #ffd267;--theme-accent-soft: rgba(138, 85, 196, .42);--theme-surface: rgba(26, 24, 45, .78);--theme-surface-strong: rgba(39, 35, 62, .94);--theme-shadow: 0 24px 58px rgba(7, 7, 16, .54);--theme-backdrop-color: #101126;--theme-dark-page: #101126;--theme-dark-panel-top: rgba(39, 35, 62, .9);--theme-dark-panel-bottom: rgba(13, 13, 29, .74);--theme-dark-field: rgba(22, 20, 39, .76);--theme-dark-field-strong: rgba(33, 30, 55, .88);--theme-dark-field-soft: rgba(255, 210, 103, .08);--theme-dark-canvas: rgba(9, 9, 21, .5);--theme-dark-grid-fill: rgba(33, 29, 49, .86);--theme-dark-grid-stroke: rgba(251, 229, 190, .2);--theme-dark-ink: rgba(10, 9, 19, .94);--theme-backdrop-image: linear-gradient(180deg, rgba(19, 17, 39, .58), rgba(5, 5, 12, .94)), radial-gradient(circle at 50% 9%, rgba(255, 210, 103, .22), transparent 32%), radial-gradient(circle at 78% 13%, rgba(150, 91, 207, .24), transparent 28%), url(/assets/paironormal-carnival-backdrop-major-ij0_3YfK.jpg)}.app-shell--paironormal-carnival-minor,.app-shell--paironormal-carnival-minor .app-shell__backdrop--paironormal-carnival{--theme-accent: #f46f8d;--theme-accent-soft: rgba(78, 103, 212, .42);--theme-surface: rgba(18, 24, 49, .78);--theme-surface-strong: rgba(27, 36, 69, .94);--theme-shadow: 0 24px 58px rgba(5, 8, 18, .54);--theme-backdrop-color: #091022;--theme-dark-page: #091022;--theme-dark-panel-top: rgba(27, 36, 69, .9);--theme-dark-panel-bottom: rgba(8, 12, 28, .74);--theme-dark-field: rgba(15, 21, 43, .76);--theme-dark-field-strong: rgba(23, 31, 62, .88);--theme-dark-field-soft: rgba(244, 111, 141, .08);--theme-dark-canvas: rgba(6, 9, 21, .5);--theme-dark-grid-fill: rgba(24, 34, 60, .86);--theme-dark-grid-stroke: rgba(214, 228, 255, .2);--theme-dark-ink: rgba(7, 9, 18, .94);--theme-backdrop-image: linear-gradient(180deg, rgba(10, 18, 39, .58), rgba(4, 6, 14, .94)), radial-gradient(circle at 50% 9%, rgba(244, 111, 141, .2), transparent 32%), radial-gradient(circle at 78% 13%, rgba(100, 132, 230, .24), transparent 28%), url(/assets/paironormal-carnival-backdrop-minor-DRNbmeWr.jpg)}.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--amber,.app-shell__backdrop--amber{--theme-accent: #ffb45f;--theme-accent-soft: rgba(189, 106, 40, .38);--theme-surface: rgba(38, 24, 13, .78);--theme-surface-strong: rgba(55, 34, 18, .94);--theme-shadow: 0 24px 58px rgba(16, 7, 2, .54);--theme-backdrop-color: #1a0f07;--theme-dark-page: #1a0f07;--theme-dark-panel-top: rgba(55, 34, 18, .9);--theme-dark-panel-bottom: rgba(20, 11, 5, .74);--theme-dark-field: rgba(33, 20, 11, .76);--theme-dark-field-strong: rgba(48, 30, 16, .88);--theme-dark-field-soft: rgba(255, 180, 95, .08);--theme-dark-canvas: rgba(14, 7, 3, .48);--theme-dark-grid-fill: rgba(37, 25, 17, .86);--theme-dark-grid-stroke: rgba(246, 223, 185, .2);--theme-dark-ink: rgba(16, 9, 4, .94);--theme-backdrop-image: linear-gradient(180deg, rgba(24, 12, 5, .56), rgba(8, 4, 2, .92)), radial-gradient(circle at 50% 9%, rgba(255, 176, 80, .24), transparent 32%), radial-gradient(circle at 20% 18%, rgba(190, 91, 34, .22), transparent 27%), url(/assets/amber-backdrop-Dw3LvM9z.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--gold,.app-shell__backdrop--gold{--theme-accent: #ffd56f;--theme-accent-soft: rgba(198, 139, 40, .4);--theme-surface: rgba(38, 28, 12, .78);--theme-surface-strong: rgba(55, 40, 17, .94);--theme-shadow: 0 24px 58px rgba(13, 8, 2, .54);--theme-backdrop-color: #1a1205;--theme-dark-page: #1a1205;--theme-dark-panel-top: rgba(55, 40, 17, .9);--theme-dark-panel-bottom: rgba(21, 14, 5, .74);--theme-dark-field: rgba(34, 24, 10, .76);--theme-dark-field-strong: rgba(49, 35, 15, .88);--theme-dark-field-soft: rgba(255, 213, 111, .08);--theme-dark-canvas: rgba(15, 10, 4, .48);--theme-dark-grid-fill: rgba(38, 29, 14, .86);--theme-dark-grid-stroke: rgba(247, 226, 168, .2);--theme-dark-ink: rgba(16, 11, 4, .94);--theme-backdrop-image: linear-gradient(180deg, rgba(24, 16, 5, .56), rgba(8, 5, 2, .92)), radial-gradient(circle at 50% 9%, rgba(255, 213, 111, .26), transparent 32%), radial-gradient(circle at 20% 18%, rgba(65, 155, 90, .18), transparent 27%), url(/assets/gold-backdrop-DLN4A1lu.jpg)}.app-shell--ethereal,.app-shell__backdrop--ethereal{--theme-accent: #7fe5d0;--theme-accent-soft: rgba(123, 94, 201, .42);--theme-surface: rgba(27, 22, 48, .78);--theme-surface-strong: rgba(39, 33, 68, .94);--theme-shadow: 0 24px 58px rgba(5, 4, 15, .54);--theme-backdrop-color: #100b22;--theme-dark-page: #100b22;--theme-dark-panel-top: rgba(39, 33, 68, .9);--theme-dark-panel-bottom: rgba(14, 10, 31, .74);--theme-dark-field: rgba(23, 18, 42, .76);--theme-dark-field-strong: rgba(35, 28, 60, .88);--theme-dark-field-soft: rgba(127, 229, 208, .08);--theme-dark-canvas: rgba(8, 6, 20, .5);--theme-dark-grid-fill: rgba(31, 28, 52, .86);--theme-dark-grid-stroke: rgba(218, 246, 244, .2);--theme-dark-ink: rgba(9, 7, 20, .94);--theme-backdrop-image: linear-gradient(180deg, rgba(17, 11, 37, .58), rgba(5, 4, 12, .94)), radial-gradient(circle at 50% 9%, rgba(127, 229, 208, .2), transparent 32%), radial-gradient(circle at 78% 13%, rgba(123, 94, 201, .26), transparent 28%), url(/assets/ethereal-backdrop-DMQA22lA.jpg)}.app-shell--ethereal-workshop,.app-shell__backdrop--ethereal-workshop{--theme-accent: #4bcede;--theme-accent-soft: rgba(242, 111, 178, .38);--theme-surface: rgba(12, 42, 51, .78);--theme-surface-strong: rgba(17, 58, 70, .94);--theme-shadow: 0 24px 58px rgba(2, 13, 18, .54);--theme-backdrop-color: #071827;--theme-dark-page: #071827;--theme-dark-panel-top: rgba(17, 58, 70, .9);--theme-dark-panel-bottom: rgba(5, 20, 31, .74);--theme-dark-field: rgba(8, 36, 46, .76);--theme-dark-field-strong: rgba(13, 49, 60, .88);--theme-dark-field-soft: rgba(75, 206, 222, .08);--theme-dark-canvas: rgba(4, 16, 26, .5);--theme-dark-grid-fill: rgba(16, 41, 52, .86);--theme-dark-grid-stroke: rgba(218, 250, 252, .2);--theme-dark-ink: rgba(5, 17, 26, .94);--theme-backdrop-image: linear-gradient(180deg, rgba(7, 24, 39, .56), rgba(2, 9, 16, .94)), radial-gradient(circle at 50% 9%, rgba(75, 206, 222, .22), transparent 32%), radial-gradient(circle at 78% 13%, rgba(242, 111, 178, .2), transparent 28%), url(/assets/ethereal-workshop-backdrop-BUsGIvB_.jpg)}.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)}.app-shell--celestial,.app-shell__backdrop--celestial{--theme-accent: #f1d676;--theme-accent-soft: rgba(110, 98, 183, .42);--theme-surface: rgba(21, 23, 48, .78);--theme-surface-strong: rgba(25, 27, 58, .94);--theme-shadow: 0 24px 58px rgba(3, 5, 18, .54);--theme-backdrop-color: #0d0e24;--theme-dark-page: #0d0e24;--theme-dark-panel-top: rgba(28, 31, 64, .9);--theme-dark-panel-bottom: rgba(10, 12, 32, .76);--theme-dark-field: rgba(20, 23, 52, .76);--theme-dark-field-strong: rgba(27, 31, 68, .88);--theme-dark-field-soft: rgba(241, 214, 118, .08);--theme-dark-canvas: rgba(8, 9, 25, .5);--theme-dark-grid-fill: rgba(25, 31, 58, .86);--theme-dark-grid-stroke: rgba(248, 234, 169, .2);--theme-dark-ink: rgba(5, 6, 20, .94);--theme-backdrop-image: linear-gradient(180deg, rgba(11, 12, 34, .54), rgba(4, 5, 17, .92)), radial-gradient(circle at 50% 9%, rgba(241, 214, 118, .22), transparent 32%), radial-gradient(circle at 78% 15%, rgba(114, 197, 184, .18), transparent 28%), url(/assets/celestial-backdrop-BqKxtAgU.jpg)}.panel-card,.board-frame,.custom-island-toolbar,.app-popup__dialog,.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)}.controls-card__scroll-clip{--sidebar-scroll-fade-top: var(--theme-dark-panel-top);--sidebar-scroll-fade-bottom: var(--theme-dark-panel-bottom)}.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,.app-popup__close,.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__select-shell,.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)}.island-mirror-toggle{border-color:var(--dark-border-strong);background:linear-gradient(180deg,#ffffff16,#ffffff08),color-mix(in srgb,var(--theme-accent-soft) 34%,var(--dark-field));color:color-mix(in srgb,var(--theme-accent) 86%,white);box-shadow:inset 0 1px #ffffff14,0 10px 24px #0003}.island-mirror-toggle:hover{border-color:color-mix(in srgb,var(--theme-accent) 42%,var(--dark-border-strong));background:linear-gradient(180deg,#ffffff1f,#ffffff0b),color-mix(in srgb,var(--theme-accent-soft) 64%,var(--dark-field));color:color-mix(in srgb,var(--theme-accent) 94%,white)}.island-mirror-toggle[aria-pressed=true]{border-color:color-mix(in srgb,#f46f8d 34%,var(--dark-border-strong));background:linear-gradient(180deg,#ffffff21,#ffffff0d),color-mix(in srgb,#4e67d4 42%,var(--dark-field));color:color-mix(in srgb,#f8c3dc 72%,white);box-shadow:inset 0 1px #ffffff1a,0 12px 26px #0000003d}.custom-island-name-field{color:color-mix(in srgb,var(--text-soft) 84%,var(--theme-accent))}.custom-island-name-field input{border-color:var(--dark-border-strong);background:linear-gradient(180deg,#ffffff13,#ffffff07),var(--dark-field-strong);color:var(--text-strong);box-shadow:inset 0 1px #ffffff14,0 1px #0003}.custom-asset-modal .app-popup__dialog{border-color:color-mix(in srgb,var(--theme-accent) 30%,rgba(255,255,255,.14));background:radial-gradient(circle at 50% -10%,color-mix(in srgb,var(--theme-accent) 17%,transparent),transparent 46%),linear-gradient(180deg,color-mix(in srgb,var(--theme-dark-panel-top) 90%,black),color-mix(in srgb,var(--theme-dark-panel-bottom) 95%,black)),var(--theme-surface-strong);box-shadow:0 30px 76px #0000008f,inset 0 1px #ffffff16,inset 0 -1px #ffffff09}.custom-asset-modal .app-popup__header{border-bottom-color:color-mix(in srgb,var(--theme-accent) 22%,rgba(255,255,255,.08))}.custom-asset-picker,.custom-background-picker,.custom-background-picker__preview,.custom-asset-rarity-picker__option,.custom-asset-footprint .stepper-chip,.custom-asset-structure-preview{border-color:var(--dark-border-strong);background:linear-gradient(180deg,#ffffff18,#ffffff08),color-mix(in srgb,var(--dark-field-strong) 92%,rgba(255,255,255,.03));color:var(--text-strong);box-shadow:inset 0 1px #ffffff13,0 1px #00000038}.custom-asset-picker{border-style:dashed;color:color-mix(in srgb,var(--text-strong) 86%,var(--theme-accent))}.custom-background-picker__body,.custom-asset-portrait-controls label,.custom-asset-footprint .stepper-chip__meta{color:color-mix(in srgb,var(--text-soft) 78%,var(--theme-accent))}.custom-asset-picker__icon,.custom-asset-modal .app-popup__close,.custom-asset-portrait-controls__reset{color:color-mix(in srgb,var(--theme-accent) 76%,white);--app-icon-primary: currentColor;--app-icon-secondary: color-mix(in srgb, var(--theme-accent) 54%, white)}.custom-asset-picker:hover,.custom-asset-rarity-picker__option:hover,.custom-asset-footprint .stepper-chip:hover,.custom-asset-portrait-controls__reset:hover:not(:disabled){border-color:color-mix(in srgb,var(--theme-accent) 42%,var(--dark-border-strong));background:linear-gradient(180deg,#ffffff21,#ffffff0c),color-mix(in srgb,var(--theme-accent-soft) 42%,var(--dark-field));box-shadow:var(--control-shadow-soft),inset 0 1px #ffffff17}.custom-asset-picker:focus-within,.custom-asset-rarity-picker__option:focus-visible,.custom-asset-portrait-controls__reset:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.custom-asset-rarity-picker__option--active,.custom-asset-rarity-picker__option--active:hover{border-color:color-mix(in srgb,var(--theme-accent) 62%,var(--dark-border-strong));background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--theme-accent) 28%,transparent),transparent 72%),linear-gradient(180deg,#ffffff29,#ffffff0e),color-mix(in srgb,var(--theme-accent-soft) 66%,var(--dark-field-strong));color:color-mix(in srgb,var(--theme-accent) 16%,white);box-shadow:var(--control-shadow-soft),inset 0 1px #ffffff1f,0 0 0 1px color-mix(in srgb,var(--theme-accent) 16%,transparent)}.custom-asset-rarity-picker__option img{filter:drop-shadow(0 2px 3px rgba(0,0,0,.32))}.custom-asset-footprint .stepper-chip__button,.custom-asset-footprint .stepper-chip__input,.custom-asset-portrait-controls__reset{border-color:var(--dark-border-strong);background:linear-gradient(180deg,#ffffff18,#ffffff09),var(--dark-field);color:var(--text-strong);box-shadow:inset 0 1px #ffffff14}.custom-asset-portrait-controls input[type=range]{accent-color:color-mix(in srgb,var(--theme-accent) 82%,white)}.custom-asset-portrait-editor__frame,.custom-asset-current-portrait{filter:drop-shadow(0 14px 24px rgba(0,0,0,.36))}.custom-asset-portrait-editor__monster{filter:drop-shadow(0 8px 7px rgba(0,0,0,.34))}.custom-asset-form__note{color:color-mix(in srgb,var(--text-soft) 82%,var(--theme-accent))}.custom-asset-form__error{color:var(--dark-danger)}.custom-asset-modal .custom-island-form__actions .sidebar-empty-state__action{border-color:color-mix(in srgb,var(--theme-accent) 44%,var(--dark-border-strong));background:linear-gradient(180deg,#ffffff21,#ffffff0d),color-mix(in srgb,var(--theme-accent-soft) 58%,var(--dark-field));color:color-mix(in srgb,var(--theme-accent) 74%,white);box-shadow:var(--control-shadow-soft),inset 0 1px #ffffff1a}.custom-asset-modal .custom-island-form__actions .sidebar-empty-state__action:disabled{opacity:.52;cursor:not-allowed}.custom-template-option,.custom-theme-picker__field{border-color:var(--dark-border);background:linear-gradient(180deg,#ffffff14,#ffffff07),var(--dark-field-soft);color:color-mix(in srgb,var(--text-strong) 90%,var(--theme-accent));box-shadow:inset 0 1px #ffffff0e,0 1px #0000002e}.custom-template-option:hover,.custom-theme-picker__field:hover{border-color:color-mix(in srgb,var(--theme-accent) 36%,var(--dark-border-strong));background:linear-gradient(180deg,#ffffff1c,#ffffff0a),color-mix(in srgb,var(--theme-accent-soft) 46%,var(--dark-field));box-shadow:var(--control-shadow-soft),inset 0 1px #ffffff14}.custom-template-preview polygon{fill:color-mix(in srgb,#71c7ef 34%,var(--theme-dark-field-strong));stroke:color-mix(in srgb,#c7edff 22%,transparent)}.custom-template-preview--blank{border-color:color-mix(in srgb,var(--text-soft) 34%,var(--dark-border-strong));background:linear-gradient(180deg,#ffffff0e,#ffffff05),var(--dark-field)}.custom-theme-picker__field input{border-color:color-mix(in srgb,var(--theme-accent) 28%,rgba(255,255,255,.26));box-shadow:0 0 0 2px #0003,inset 0 1px #ffffff1a}.custom-island-toolbar .custom-island-toolbar__button--active,.custom-island-toolbar .custom-island-toolbar__button--active:hover{border-color:color-mix(in srgb,var(--theme-accent) 66%,var(--dark-border-strong));background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--theme-accent) 34%,transparent),transparent 72%),linear-gradient(180deg,color-mix(in srgb,var(--theme-accent) 28%,rgba(255,255,255,.12)),#ffffff0f),var(--theme-dark-field-soft);color:color-mix(in srgb,var(--theme-accent) 92%,white);box-shadow:var(--control-shadow-soft),inset 0 1px #ffffff1f,inset 0 0 0 2px color-mix(in srgb,var(--theme-accent) 22%,transparent);--app-icon-primary: currentColor;--app-icon-secondary: color-mix(in srgb, currentColor 72%, white)}.app-popup__close,.whats-new-dialog__close{color:var(--theme-accent)}.settings-menu__trigger:hover,.settings-menu--open .settings-menu__trigger,.app-popup__close:hover,.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}.settings-toggle,.board-export-menu__quality,.whats-new-entry,.sidebar-empty-state,.sidebar-tabs,.sidebar-islands-toggle,.sidebar-islands-step-button,.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,.max-income-summary__stat,.max-income-roster__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}.settings-menu__modal .settings-menu__section-title:after{background:linear-gradient(90deg,rgba(255,255,255,.13),transparent)}.settings-menu__section-heading-icon,.settings-toggle__icon{border-color:var(--dark-border);background:linear-gradient(180deg,#ffffff17,#ffffff09),color-mix(in srgb,var(--theme-accent-soft) 36%,var(--dark-field));color:color-mix(in srgb,var(--theme-accent) 86%,white);box-shadow:inset 0 1px #ffffff12}.settings-toggle--with-icon{border-color:var(--dark-border);background:linear-gradient(180deg,#ffffff16,#ffffff08),color-mix(in srgb,var(--theme-accent-soft) 18%,var(--dark-field-soft));box-shadow:inset 0 1px #fff1,0 1px #00000029}.board-export-menu__modal .board-export-menu__option{border-color:var(--dark-border);background:linear-gradient(180deg,#ffffff16,#ffffff08),var(--dark-field-soft);box-shadow:inset 0 1px #fff1,0 1px #0000002e}.board-export-menu__quality-select-shell{border-color:var(--dark-border);background:linear-gradient(180deg,#ffffff17,#ffffff09),color-mix(in srgb,var(--theme-accent-soft) 38%,var(--dark-field))}.board-export-menu__quality-select-shell:hover,.board-export-menu__quality-select-shell:focus-within{border-color:color-mix(in srgb,var(--theme-accent) 44%,var(--dark-border-strong));background:linear-gradient(180deg,#ffffff1f,#ffffff0b),color-mix(in srgb,var(--theme-accent-soft) 52%,var(--dark-field))}.board-export-menu__modal .board-export-menu__option--success:not(:disabled){border-color:color-mix(in srgb,var(--theme-accent) 52%,var(--dark-border-strong));background:linear-gradient(180deg,#ffffff1c,#ffffff0b),color-mix(in srgb,var(--theme-accent-soft) 64%,var(--dark-field))}.layout-mode-picker__select-chevron,.castle-picker__select-chevron,.board-export-menu__quality-chevron,.mobile-panel-toggle{color:color-mix(in srgb,var(--theme-accent) 88%,white);--app-icon-primary: currentColor;--app-icon-secondary: currentColor}.layout-mode-picker__select-shell,.auto-organize-toggle,.mobile-panel-toggle,.sidebar-tabs,.sidebar-islands-toggle,.sidebar-islands-step-button,.search-box input,.catalog-variant-picker,.castle-picker{border-color:var(--sidebar-control-border);background:var(--sidebar-control-surface);color:var(--sidebar-control-text);box-shadow:var(--sidebar-control-shadow)}.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)}.sidebar-empty-state__action{border-color:var(--dark-border-strong);background:linear-gradient(180deg,#ffffff1a,#ffffff0a),color-mix(in srgb,var(--theme-accent-soft) 42%,var(--dark-field));color:color-mix(in srgb,var(--theme-accent) 86%,white);box-shadow:inset 0 1px #ffffff14}.settings-toggle:hover,.layout-mode-picker__select-shell:hover,.auto-organize-toggle:hover,.mobile-panel-toggle:hover,.sidebar-islands-toggle:hover,.sidebar-islands-step-button:hover,.catalog-variant-picker:hover,.sidebar-empty-state__action: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}.settings-toggle--with-icon:hover .settings-toggle__icon{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) 48%,var(--dark-field))}.settings-toggle__state{color:color-mix(in srgb,var(--text-soft) 82%,white)}.settings-toggle__state:before{background:#ffffff47;box-shadow:0 0 0 3px #ffffff0f}.settings-toggle__state--on{color:color-mix(in srgb,var(--theme-accent) 86%,white)}.settings-toggle__state--on:before{background:color-mix(in srgb,var(--theme-accent) 82%,white);box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-accent-soft) 42%,transparent)}.board-export-menu__modal .board-export-menu__option:hover:not(:disabled){border-color:color-mix(in srgb,var(--theme-accent) 36%,var(--dark-border-strong));background:linear-gradient(180deg,#ffffff1f,#ffffff0b),color-mix(in srgb,var(--theme-accent-soft) 42%,var(--dark-field));box-shadow:var(--control-shadow-soft),inset 0 1px #ffffff14}.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-islands-toggle__current{border-color:color-mix(in srgb,var(--theme-accent) 34%,rgba(255,255,255,.24));background:linear-gradient(180deg,#ffffff14,#ffffff06),color-mix(in srgb,var(--theme-accent) 30%,rgba(8,14,22,.88));color:color-mix(in srgb,var(--theme-accent-soft) 72%,white);box-shadow:inset 0 1px #ffffff1a,0 6px 16px #0000002e}.sidebar-islands-toggle[aria-expanded=true] .sidebar-islands-toggle__current{border-color:color-mix(in srgb,var(--theme-accent) 54%,rgba(255,255,255,.28));background:linear-gradient(180deg,#ffffff1f,#ffffff0b),color-mix(in srgb,var(--theme-accent) 42%,rgba(9,14,22,.9));color:color-mix(in srgb,white 88%,var(--theme-accent-soft))}.sidebar-tabs__button--active,.sidebar-tabs__button--active:hover,.sidebar-islands-toggle[aria-expanded=true],.family-card__bulk-toggle--checked,.family-card__bulk-toggle--mixed,.toggle-chip--checked,.custom-template-option--selected,.island-switcher__button--active{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}.custom-template-option--selected,.custom-template-option--selected:hover{border-color:color-mix(in srgb,var(--theme-accent) 58%,var(--dark-border-strong));background:radial-gradient(circle at 50% 14px,color-mix(in srgb,var(--theme-accent) 34%,transparent),transparent 70px),linear-gradient(180deg,#ffffff26,#ffffff0b),color-mix(in srgb,var(--theme-accent-soft) 62%,var(--theme-dark-field-strong));color:var(--text-strong);box-shadow:var(--control-shadow-soft),inset 0 1px #ffffff1c,0 0 0 1px color-mix(in srgb,var(--theme-accent) 20%,transparent)}.custom-template-option--selected .custom-template-preview polygon{fill:color-mix(in srgb,#75d9ff 42%,var(--theme-dark-field-strong));stroke:color-mix(in srgb,white 28%,var(--theme-accent))}.sidebar-tabs:before{border-color:color-mix(in srgb,var(--theme-accent) 38%,var(--dark-border));background:linear-gradient(180deg,#ffffff21,#ffffff0d),var(--theme-accent-soft);box-shadow:var(--control-shadow-soft),inset 0 1px #ffffff14}.sidebar-tabs__button--active,.sidebar-tabs__button--active:hover{background:transparent;box-shadow:none}.castle-picker__select-shell{border-color:var(--sidebar-control-border-active);background:var(--sidebar-control-surface);color:var(--sidebar-control-accent-text);box-shadow:var(--sidebar-control-shadow)}.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,.structure-grid .stepper-chip__icon,.catalog-chip__portrait,.coin-monster-row__portrait,.max-income-roster__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))}.custom-asset-card-action{border-color:var(--dark-border-strong);background:linear-gradient(180deg,#ffffff1b,#ffffff0a),color-mix(in srgb,var(--theme-accent) 18%,var(--dark-field-strong));color:color-mix(in srgb,var(--theme-accent) 76%,white);box-shadow:inset 0 1px #ffffff13,0 10px 18px #00000038}.custom-asset-card-action:hover{border-color:color-mix(in srgb,var(--theme-accent) 44%,var(--dark-border-strong));background:linear-gradient(180deg,#ffffff24,#ffffff0d),color-mix(in srgb,var(--theme-accent-soft) 42%,var(--dark-field))}.custom-asset-card-action--delete{border-color:color-mix(in srgb,var(--dark-danger) 34%,var(--dark-border));background:linear-gradient(180deg,#ffffff18,#ffffff09),var(--dark-danger-bg);color:var(--dark-danger)}.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,.max-income-summary__stat strong,.max-income-roster__label{color:var(--text-strong)}.max-income-summary__stat small,.max-income-roster__count{color:color-mix(in srgb,var(--theme-accent) 72%,white)}.max-income-limit-note{border-color:color-mix(in srgb,var(--theme-accent) 28%,var(--dark-border));background:linear-gradient(180deg,#ffffff12,#ffffff06),color-mix(in srgb,var(--theme-accent-soft) 34%,var(--dark-field));color:color-mix(in srgb,var(--text-soft) 82%,white)}.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))}.planner-board__monster-portrait--upcoming{filter:grayscale(1) saturate(0) contrast(1.06) 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__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);background:linear-gradient(180deg,var(--theme-dark-panel-top),var(--theme-dark-panel-bottom)),var(--theme-surface-strong);box-shadow:0 14px 22px #00000038}}@media (max-width: 760px){.app-shell{--sidebar-control-height: 34px;--sidebar-control-inset: 3px;--sidebar-control-radius: 12px;--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-custom-toolbar-height: 44px;--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) + var(--mobile-island-panel-height) + var(--mobile-section-gap) );--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: 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:visible;transition:grid-template-rows var(--mobile-layout-duration) var(--mobile-layout-ease);will-change:grid-template-rows}.planner-layout--mobile-custom-toolbar{--mobile-controls-panel-height: max( 0px, calc( var(--mobile-layout-height) - var(--mobile-section-gap) - var(--mobile-section-gap) - var(--mobile-board-panel-height) - var(--mobile-custom-toolbar-height) ) );grid-template-rows:var(--mobile-board-panel-height) var(--mobile-custom-toolbar-height) var(--mobile-controls-panel-height)}.board-panel{order:1;grid-template-rows: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)}.controls-card{--panel-card-padding: 5px;width:100%;max-width:100%;overflow:visible}.island-footer{--panel-card-padding: 5px;order:-1;height:var(--mobile-island-panel-height);padding:5px}.island-footer--mirrorable{--island-mirror-dock-gap: 5px;--island-mirror-dock-padding: 4px;--island-mirror-selector-radius: calc(var(--mobile-section-radius) - 5px);--island-mirror-button-radius: max( 8px, calc(var(--island-mirror-selector-radius) - var(--island-mirror-dock-padding)) );--island-mirror-button-width: clamp(36px, 9vw, 40px);--island-mirror-dock-width: calc( var(--island-mirror-button-width) + var(--island-mirror-dock-padding) + var(--island-mirror-dock-padding) )}.island-footer .panel-card__header{display:none}.island-footer--mirrorable .panel-card__header{position:absolute;top:var(--panel-card-padding);right:var(--panel-card-padding);bottom:var(--panel-card-padding);z-index:3;display:grid;width:var(--island-mirror-dock-width);margin-bottom:0;pointer-events:none}.island-footer--mirrorable .panel-card__header>div:first-child{display:none}.island-footer--mirrorable .island-footer__header-actions{width:100%;height:100%;padding:var(--island-mirror-dock-padding);pointer-events:auto}.island-footer--mirrorable .island-mirror-toggle{width:100%;height:100%;border-radius:var(--island-mirror-button-radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 1px #ffffffb3,0 8px 18px color-mix(in srgb,var(--theme-accent) 16%,transparent)}.island-footer--mirrorable .island-mirror-toggle svg{width:20px;height:20px}.island-footer--mirrorable .island-switcher-shell{padding-right:calc(var(--island-mirror-dock-width) + var(--island-mirror-dock-gap))}.island-footer--mirrorable .island-switcher{border-top-right-radius:var(--island-mirror-selector-radius);border-bottom-right-radius:var(--island-mirror-selector-radius);clip-path:inset(0 round 0 var(--island-mirror-selector-radius) var(--island-mirror-selector-radius) 0);scroll-padding-right:calc(var(--island-mirror-dock-width) + var(--island-mirror-dock-gap))}.island-switcher-shell{height:100%;border-radius:calc(var(--mobile-section-radius) - 5px)}.island-switcher-shell:before,.island-switcher-shell:after{display:none}.island-switcher{display:flex;gap:5px;height:100%;min-width:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;margin-inline:0;padding:0 3px 4px;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-mask-image:none;mask-image: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-switcher__icon[data-island-id=water],.island-switcher__icon[data-island-id=earth],.island-switcher__icon[data-island-id=fire-haven],.island-switcher__icon[data-island-id=fire-oasis],.island-switcher__icon[data-island-id=mythical],.island-switcher__icon[data-island-id=light],.island-switcher__icon[data-island-id=psychic],.island-switcher__icon[data-island-id=faerie],.island-switcher__icon[data-island-id=bone],.island-switcher__icon[data-island-id=magical-sanctum],.island-switcher__icon[data-island-id=magical-nexus],.island-switcher__icon[data-island-id=paironormal-carnival],.island-switcher__icon[data-island-id=shugabush],.island-switcher__icon[data-island-id=colossingum],.island-switcher__icon[data-island-id=gold],.island-switcher__icon[data-island-id=ethereal],.island-switcher__icon[data-island-id=ethereal-workshop],.island-switcher__icon[data-island-id=amber],.island-switcher__icon[data-island-id=wublin]{--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.5;--island-icon-hover-scale: 1.54}.island-switcher__icon[data-island-id=water],.island-switcher__icon[data-island-id=shugabush],.island-switcher__icon[data-island-id=colossingum]{--island-icon-scale: 1.08;--island-icon-hover-scale: 1.12}.island-switcher__icon[data-island-id=gold],.island-switcher__icon[data-island-id=ethereal],.island-switcher__icon[data-island-id=ethereal-workshop]{--island-icon-scale: 1.43;--island-icon-hover-scale: 1.47}.island-switcher__icon[data-island-id=ethereal]{--island-icon-scale: 1.26;--island-icon-hover-scale: 1.3}.island-switcher__icon[data-island-id=earth]{--island-icon-scale: 1.16;--island-icon-hover-scale: 1.2}.island-switcher__icon[data-island-id=fire-haven],.island-switcher__icon[data-island-id=fire-oasis],.island-switcher__icon[data-island-id=mythical],.island-switcher__icon[data-island-id=light]{--island-icon-scale: 1.06;--island-icon-hover-scale: 1.1}.island-switcher__icon[data-island-id=mythical],.island-switcher__icon[data-island-id=wublin],.island-switcher__icon[data-island-id=psychic],.island-switcher__icon[data-island-id=faerie],.island-switcher__icon[data-island-id=bone],.island-switcher__icon[data-island-id=magical-sanctum],.island-switcher__icon[data-island-id=magical-nexus],.island-switcher__icon[data-island-id=paironormal-carnival]{--island-icon-scale: 1.43;--island-icon-hover-scale: 1.47}.island-switcher__icon[data-island-id=amber]{--island-icon-scale: 1.63;--island-icon-hover-scale: 1.67}.island-switcher__icon[data-island-id=paironormal-carnival]{--island-icon-scale: 1.76;--island-icon-hover-scale: 1.8}.island-switcher__label{margin-top:1px;font-size:.52rem;line-height:1}.island-switcher__button--custom .island-switcher__label{font-size:.46rem}.board-frame{--board-frame-padding: var(--mobile-board-frame-padding);--board-action-inset: var(--mobile-board-action-inset);--board-file-action-bottom-inset: var(--board-action-inset);--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:visible;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}.custom-island-toolbar{--custom-island-toolbar-padding: 4px;--custom-island-toolbar-button-radius: 12px;gap:5px;max-width:min(calc(100vw - 42px),320px)}.custom-island-toolbar__group{gap:3px}.custom-island-toolbar__group+.custom-island-toolbar__group{padding-left:5px}.board-frame .custom-island-toolbar__button{width:30px;height:30px;border-radius:12px}.board-frame__canvas--has-bottom-actions .board-frame__canvas-actions--file{bottom:calc(var(--board-action-inset) + 43px + env(safe-area-inset-bottom,0px))}.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:hidden;transition:border-radius .26s ease,grid-template-rows var(--mobile-layout-duration) var(--mobile-layout-ease)}.controls-card__pinned{--sidebar-pinned-gap: 6px;gap:0;width:100%;max-width:100%;min-width:0;padding-bottom:6px;transition:padding-bottom var(--mobile-layout-duration) var(--mobile-layout-ease),border-color .16s ease}.controls-card__pinned>:not(.layout-mode-controls):not(.sidebar-pinned-slot){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}.sidebar-pinned-slot{width:100%;max-width:100%;min-width:0;max-height:none;opacity:0;pointer-events:none;transform:translateY(-8px) scale(.985);visibility:visible}.sidebar-pinned-slot--visible{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.sidebar-pinned-slot__content{width:100%;max-width:100%;min-width:0;max-height:none}.controls-card__header{display:none}.controls-card__pinned>.layout-mode-controls{margin-top:0}.layout-mode-controls{grid-template-columns:var(--sidebar-control-height) minmax(0,1fr) max-content;gap:6px;width:100%;max-width:100%;min-width:0}.layout-mode-controls--max-income .mobile-panel-toggle{margin-right:6px}.layout-mode-picker__select-shell,.mobile-panel-toggle,.auto-organize-toggle{min-height:var(--sidebar-control-height);height:var(--sidebar-control-height)}.layout-mode-picker__select-shell{border-radius:var(--sidebar-control-radius);padding-inline:10px 28px;font-size:.68rem}.layout-mode-picker__select-chevron{right:8px;width:16px;height:16px}.auto-organize-toggle{grid-template-columns:auto auto;justify-content:center;justify-self:end;width:fit-content;max-width:100%;border-radius:var(--sidebar-control-radius);padding:5px 7px}.auto-organize-toggle__label{min-width:max-content;overflow:visible;text-overflow:clip;white-space:nowrap}.mobile-panel-toggle{display:grid;place-items:center;width:var(--sidebar-control-height);border:1px solid var(--sidebar-control-border);border-radius:var(--sidebar-control-radius);padding:0;background:var(--sidebar-control-surface);color:color-mix(in srgb,var(--sidebar-control-accent-text) 76%,var(--theme-accent));--app-icon-primary: currentColor;--app-icon-secondary: currentColor;box-shadow:var(--sidebar-control-shadow);transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .24s ease}.mobile-panel-toggle:hover{border-color:var(--sidebar-control-border-active);background:var(--sidebar-control-surface-hover)}.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)}.mobile-panel-toggle .app-icon [opacity]{opacity: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( var(--auto-organize-switch-width) - var(--settings-toggle-thumb-size) - var(--settings-toggle-thumb-inset) * 2 );--auto-organize-switch-width: 36px;width:var(--auto-organize-switch-width);height:21px}.sidebar-tabs{--sidebar-tabs-gap: 4px;gap:var(--sidebar-tabs-gap);width:100%;max-width:100%;min-width:0}.sidebar-islands-toggle{gap:8px;padding:6px 10px}.sidebar-islands-step-button svg{width:13px;height:13px}.sidebar-islands-mirror-toggle svg{width:17px;height:17px}.sidebar-islands-toggle__label{gap:5px;font-size:.68rem}.sidebar-islands-toggle__current{padding:3px 6px;font-size:.56rem}.sidebar-selector-icon{width:15px;height:15px}.sidebar-tabs__button{min-width:0;min-height:calc(var(--sidebar-control-height) - var(--sidebar-control-inset) * 2);gap:5px;overflow:hidden;padding:6px;font-size:.66rem;text-overflow:ellipsis;white-space:nowrap}.castle-picker{--castle-picker-padding: var(--sidebar-control-inset);grid-template-columns:var(--castle-picker-icon-size) minmax(0,1fr);gap:7px;width:100%;max-width:100%}.castle-picker__icon{width:var(--castle-picker-icon-size)}.castle-picker__icon img{width:calc(var(--castle-picker-icon-size) - 7px);height:calc(var(--castle-picker-icon-size) - 7px)}.castle-picker__icon span{min-width:22px;padding:2px 4px;font-size:.54rem}.castle-picker__select-shell{min-height:var(--castle-picker-icon-size);padding:5px 28px 5px 9px;font-size:.66rem}.sidebar-search-row{--sidebar-search-gap: 6px;gap:var(--sidebar-search-gap);width:100%;max-width:100%;min-width:0}.sidebar-search-row--filter-visible{grid-template-columns:minmax(0,1fr) var(--sidebar-control-height)}.search-box__icon{left:13px;width:16px;height:16px}.search-box input{min-height:var(--sidebar-control-height);height:var(--sidebar-control-height);border-radius:var(--sidebar-control-radius);padding:7px 10px 7px 38px;font-size:.68rem}.catalog-variant-picker{width:var(--sidebar-control-height);height:var(--sidebar-control-height);border-radius:var(--sidebar-control-radius)}.catalog-variant-picker__icon{width:23px;height:23px}.controls-card__scroll-shell{position:relative;z-index:1;display:block;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-clip:before,.controls-card__scroll-clip:after{height:18px}.controls-card__scroll{height:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-top:7px;padding-right:0;scrollbar-width:none}.controls-card__scrollbar{display:none}.catalog-grid,.family-grid,.structure-grid,.checklist-stack{gap:6px}@media (max-width: 360px){.layout-mode-controls{grid-template-columns:var(--sidebar-control-height) minmax(0,1fr) max-content;gap:4px}.layout-mode-picker__select-shell{padding-inline:8px 24px}.auto-organize-toggle{padding:3px 5px}.auto-organize-toggle__label{font-size:.56rem}.auto-organize-toggle .settings-toggle__switch{--auto-organize-switch-width: 30px}.sidebar-tabs__button{padding-inline:3px;font-size:.58rem}.castle-picker{gap:4px}}.sidebar-empty-state{min-height:126px;gap:9px;padding:16px 12px;border-radius:14px}.sidebar-empty-state h3{font-size:.82rem}.sidebar-empty-state p{font-size:.66rem}.sidebar-empty-state__action{min-height:32px;padding:6px 10px;border-radius:10px;font-size:.68rem}.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--with-count{grid-template-columns:32px minmax(0,1fr) minmax(2ch,auto)}.catalog-chip__portrait{width:32px}.catalog-chip__label{gap:4px;font-size:.72rem}.catalog-chip__count{font-size:1.04rem}.catalog-chip__meta,.toggle-chip__meta,.stepper-chip__meta{font-size:.6rem}.toggle-chip,.toggle-chip--with-image{min-height:42px;gap:7px;padding:5px 8px 5px 6px}.toggle-chip--with-image{grid-template-columns:20px 32px minmax(0,1fr)}.toggle-chip__control{width:20px;height:20px;border-radius:7px}.toggle-chip__control:after{width:8px;height:5px;border-bottom-width:2px;border-left-width:2px}.toggle-chip__portrait,.toggle-chip__icon{width:32px;border-radius:12px}.toggle-chip__label{font-size:.72rem;line-height:1.08}.family-grid>.toggle-chip--with-image{grid-template-columns:20px 32px minmax(0,1fr)}.family-grid>.toggle-chip--with-image .toggle-chip__body{grid-column:3}.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{font-size:.68rem;line-height:1.08}.structure-grid .toggle-chip__meta{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}.planner-layout--mobile-custom-toolbar .controls-panel{order:3}.planner-layout--mobile-custom-toolbar .board-frame{--board-file-action-bottom-inset: var(--board-action-inset)}.mobile-custom-toolbar-dock{order:2;display:flex;align-items:stretch;min-height:0;min-width:0;overflow:visible}.mobile-custom-toolbar-dock .custom-island-toolbar{justify-content:space-between;width:100%;max-width:none;min-width:0;height:100%;padding:5px;border-radius:var(--mobile-section-radius)}.mobile-custom-toolbar-dock .custom-island-toolbar__group{gap:4px}.mobile-custom-toolbar-dock .custom-island-toolbar__group+.custom-island-toolbar__group{padding-left:6px}.mobile-custom-toolbar-dock .custom-island-toolbar__button{width:32px;height:32px;border-radius:11px}.mobile-custom-toolbar-dock .custom-island-toolbar__button .app-icon{width:18px;height:18px}.family-card{--family-card-padding: 7px;--family-card-child-radius: 12px}.family-card__header{align-items:center;gap:8px}.family-card__header h4{margin-bottom:2px;font-size:.72rem;line-height:1.08}.family-card__header p{font-size:.6rem;line-height:1}.family-card__identity{grid-template-columns:32px minmax(0,1fr);gap:8px}.family-card__portrait{width:32px;border-radius:12px}.family-card__bulk-toggle{width:32px;height:32px;border-radius:11px}.family-card__bulk-mark{width:18px;height:18px;border-radius:7px}.family-card__bulk-mark:before{width:8px;height:5px;border-bottom-width:2px;border-left-width:2px}.family-card__bulk-toggle--mixed .family-card__bulk-mark:before{top:8px;left:4px;width:8px;border-bottom-width:2px}.family-card__toggles{gap:6px;margin-top:6px}.family-card__toggles .toggle-chip--with-image{grid-template-columns:20px 32px minmax(0,1fr);row-gap:0}.family-card__toggles .toggle-chip__body{grid-column:3}.app-shell--mobile-controls-collapsed .planner-layout{--mobile-layout-duration: .43s;--mobile-collapsed-card-padding: 5px;--mobile-collapsed-control-height: 32px;--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: var(--mobile-board-panel-height);--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 .planner-layout--mobile-custom-toolbar{--mobile-board-panel-height: calc( var(--mobile-layout-height) - var(--mobile-section-gap) - var(--mobile-section-gap) - var(--mobile-custom-toolbar-height) - var(--mobile-controls-panel-height) );--mobile-board-frame-height: var(--mobile-board-panel-height);--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-custom-toolbar-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{--sidebar-control-height: var(--mobile-collapsed-control-height);--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:visible;transform:translateY(0)}.app-shell--mobile-controls-collapsed .layout-mode-controls,.app-shell--mobile-controls-collapsed .layout-mode-picker{z-index:35}.app-shell--mobile-controls-collapsed .controls-card__pinned{align-self:center;display:grid;gap:0;height:var(--mobile-collapsed-control-height);min-height:0;margin:0;padding:0;width:100%;max-width:100%;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 .layout-mode-picker__select-shell,.app-shell--mobile-controls-collapsed .mobile-panel-toggle,.app-shell--mobile-controls-collapsed .auto-organize-toggle{height:var(--mobile-collapsed-control-height);min-height:var(--mobile-collapsed-control-height)}.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)}.app-shell--grid-fullscreen .planner-layout{--mobile-layout-duration: var(--grid-fullscreen-duration);--mobile-board-panel-height: var(--mobile-layout-height);--mobile-controls-panel-height: 0px;--mobile-board-frame-height: var(--mobile-layout-height);--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-columns:1fr;grid-template-rows:var(--mobile-board-panel-height) 0px;gap:0}.app-shell--grid-fullscreen .board-panel{grid-template-columns:minmax(0,1fr);grid-template-rows:var(--mobile-board-frame-height);gap:0}.app-shell--grid-fullscreen .island-footer{max-height:0;padding-top:0;padding-bottom:0;opacity:0;pointer-events:none;transform:translate3d(0,calc(-100% - var(--mobile-section-gap)),0);visibility:hidden}.app-shell--grid-fullscreen .controls-panel{opacity:0;pointer-events:none;transform:translate3d(0,calc(100% + var(--mobile-section-gap)),0);visibility:hidden}.app-shell--grid-fullscreen .board-frame{grid-template-rows:var(--mobile-board-header-height) var(--mobile-board-canvas-height)}.app-shell--grid-fullscreen .board-frame__canvas{height:var(--mobile-board-canvas-height)}.app-shell--grid-fullscreen .planner-layout--mobile-custom-toolbar{--mobile-board-panel-height: calc( var(--mobile-layout-height) - var(--mobile-section-gap) - var(--mobile-custom-toolbar-height) );--mobile-board-frame-height: var(--mobile-board-panel-height);--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-custom-toolbar-height);gap:var(--mobile-section-gap)}.app-shell--grid-fullscreen .planner-layout--mobile-custom-toolbar .controls-panel{display:none}.app-shell--grid-fullscreen .planner-layout--mobile-custom-toolbar .mobile-custom-toolbar-dock{display:flex}}@media (max-width: 760px),(orientation: landscape) and (max-height: 520px) and (max-width: 980px){.controls-card__scroll-shell{display:block}.controls-card__scroll{padding-right:20px}.controls-card__scrollbar{display:block;right:1px;width:12px;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(252px,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__body{gap:12px}.settings-menu__modal .settings-menu__section{gap:7px}.settings-menu__modal .settings-menu__section-title{gap:7px;font-size:.63rem}.settings-menu__section-heading-icon{width:22px;height:22px;border-radius:8px}.settings-menu__section-heading-icon svg{width:14px;height:14px}.settings-toggle--with-icon{grid-template-columns:32px minmax(0,1fr) auto;min-height:44px;gap:8px;padding:6px 8px 6px 6px;border-radius:13px}.settings-link{grid-template-columns:32px minmax(0,1fr)}.settings-toggle__icon{width:32px;height:32px;border-radius:10px}.settings-toggle__icon svg{width:18px;height:18px}.settings-toggle__letter-mark{width:20px;height:20px;font-size:.84rem}.settings-toggle__content{gap:4px}.settings-toggle--with-icon .settings-toggle__label{font-size:.72rem;line-height:1.12}.settings-toggle__state{gap:4px;font-size:.6rem}.settings-toggle__state:before{width:6px;height:6px;box-shadow:0 0 0 2px #62706a1a}.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:clamp(7px,1dvh,8px)}.board-export-menu__body{--board-export-preview-size: min( calc(100vw - 36px) , clamp(144px, calc(100dvh - 468px) , 360px));grid-template-rows:var(--board-export-preview-size) auto auto;align-content:stretch;gap:clamp(8px,1.15dvh,10px);padding:12px max(18px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}.board-export-menu__body .board-export-menu__preview{align-self:center;justify-self:center;width:var(--board-export-preview-size);height:var(--board-export-preview-size);max-height:var(--board-export-preview-size);border-radius:14px}.board-export-menu__settings{gap:clamp(5px,.75dvh,7px);margin-bottom:clamp(5px,.75dvh,8px);padding-bottom:clamp(5px,.75dvh,8px)}.board-export-menu__quality{grid-template-columns:minmax(0,1fr) minmax(206px,216px);min-height:clamp(40px,5.5dvh,50px);gap:8px;padding:6px 8px}.board-export-menu__quality-label{font-size:.72rem}.board-export-menu__quality-select-shell{min-height:28px;border-radius:9px}.board-export-menu__quality-selected{font-size:.75rem}.board-export-menu__toggle{min-height:clamp(40px,5.5dvh,50px)}.board-export-menu__option{grid-template-columns:42px minmax(0,1fr);min-height:clamp(58px,7.8dvh,68px);gap:clamp(8px,1.1dvh,10px);padding:clamp(7px,1dvh,9px) 11px clamp(7px,1dvh,9px) clamp(7px,1dvh,9px);border-radius:var(--board-export-option-radius)}.board-export-menu__option-icon{width:42px;height:42px;border-radius:var(--board-export-option-icon-radius)}.board-export-menu__option-icon svg{width:22px;height:22px;overflow:visible}.board-export-menu__option-label{font-size:.9rem}.board-export-menu__option-meta{font-size:.7rem}.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(--app-popup-padding, var(--popover-padding)) * -1);margin:calc(var(--app-popup-padding, var(--popover-padding)) * -1) calc(var(--app-popup-padding, var(--popover-padding)) * -1) 0;padding:10px 10px 9px}.polarity-menu__summary{top:calc(var(--app-popup-padding, 10px) * -1);margin:calc(var(--app-popup-padding, 10px) * -1) calc(var(--app-popup-padding, 10px) * -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){.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=water],.island-switcher__icon[data-island-id=earth],.island-switcher__icon[data-island-id=fire-haven],.island-switcher__icon[data-island-id=fire-oasis],.island-switcher__icon[data-island-id=mythical],.island-switcher__icon[data-island-id=light],.island-switcher__icon[data-island-id=psychic],.island-switcher__icon[data-island-id=faerie],.island-switcher__icon[data-island-id=bone],.island-switcher__icon[data-island-id=magical-sanctum],.island-switcher__icon[data-island-id=magical-nexus],.island-switcher__icon[data-island-id=paironormal-carnival],.island-switcher__icon[data-island-id=shugabush],.island-switcher__icon[data-island-id=colossingum],.island-switcher__icon[data-island-id=gold],.island-switcher__icon[data-island-id=ethereal],.island-switcher__icon[data-island-id=ethereal-workshop],.island-switcher__icon[data-island-id=amber],.island-switcher__icon[data-island-id=wublin]{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.42;--island-icon-hover-scale: 1.46}.island-switcher__icon[data-island-id=water],.island-switcher__icon[data-island-id=shugabush],.island-switcher__icon[data-island-id=colossingum]{--island-icon-scale: 1.02;--island-icon-hover-scale: 1.06}.island-switcher__icon[data-island-id=earth]{--island-icon-scale: 1.09;--island-icon-hover-scale: 1.13}.island-switcher__icon[data-island-id=fire-haven],.island-switcher__icon[data-island-id=fire-oasis],.island-switcher__icon[data-island-id=mythical],.island-switcher__icon[data-island-id=light]{--island-icon-scale: .99;--island-icon-hover-scale: 1.03}.island-switcher__icon[data-island-id=gold],.island-switcher__icon[data-island-id=ethereal],.island-switcher__icon[data-island-id=ethereal-workshop],.island-switcher__icon[data-island-id=amber],.island-switcher__icon[data-island-id=mythical],.island-switcher__icon[data-island-id=wublin],.island-switcher__icon[data-island-id=psychic],.island-switcher__icon[data-island-id=faerie],.island-switcher__icon[data-island-id=bone],.island-switcher__icon[data-island-id=magical-sanctum],.island-switcher__icon[data-island-id=magical-nexus],.island-switcher__icon[data-island-id=paironormal-carnival]{--island-icon-scale: 1.34;--island-icon-hover-scale: 1.38}.island-switcher__icon[data-island-id=ethereal]{--island-icon-scale: 1.18;--island-icon-hover-scale: 1.22}.island-switcher__icon[data-island-id=amber]{--island-icon-scale: 1.53;--island-icon-hover-scale: 1.57}.island-switcher__icon[data-island-id=paironormal-carnival]{--island-icon-scale: 1.65;--island-icon-hover-scale: 1.69}.island-switcher__label{font-size:.5rem}}.island-switcher__icon[data-island-id=light]{--island-icon-scale: 1.14;--island-icon-hover-scale: 1.18}@media (max-width: 980px){.island-switcher__icon[data-island-id=light]{--island-icon-scale: 1.2;--island-icon-hover-scale: 1.24}}@media (orientation: landscape) and (max-height: 520px) and (max-width: 980px){.island-switcher__icon[data-island-id=light]{--island-icon-scale: 1.12;--island-icon-hover-scale: 1.16}}@media (prefers-reduced-motion: reduce){.planner-layout,.controls-panel,.board-panel,.island-footer,.board-frame,.board-frame__canvas,.sidebar-tabs__button,.sidebar-tabs__label{transition:none!important}}@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){.app-shell{--sidebar-control-height: 30px;--sidebar-control-inset: 3px;--sidebar-control-radius: 10px}.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-custom-toolbar-width: 42px;--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)}.planner-layout--mobile-custom-toolbar{grid-template-columns:clamp(172px,24vw,206px) var(--landscape-custom-toolbar-width) minmax(0,1fr)}.controls-panel{order:1;height:100%;min-height:0;min-width:0;overflow:hidden}.planner-layout--mobile-custom-toolbar .controls-panel{order:1}.planner-layout--mobile-custom-toolbar .mobile-custom-toolbar-dock{order:2;display:flex;align-items:stretch;justify-content:center;height:100%;min-height:0;min-width:0}.planner-layout--mobile-custom-toolbar .mobile-custom-toolbar-dock .custom-island-toolbar{flex-direction:column;justify-content:center;width:100%;max-width:none;height:100%;min-height:0;padding:4px;border-radius:var(--landscape-section-radius)}.planner-layout--mobile-custom-toolbar .mobile-custom-toolbar-dock .custom-island-toolbar__group{flex-direction:column;gap:3px}.planner-layout--mobile-custom-toolbar .mobile-custom-toolbar-dock .custom-island-toolbar__group+.custom-island-toolbar__group{padding-top:5px;padding-left:0;border-top:1px solid color-mix(in srgb,var(--theme-accent) 16%,rgba(47,62,36,.1));border-left:0}.planner-layout--mobile-custom-toolbar .mobile-custom-toolbar-dock .custom-island-toolbar__button{width:30px;height:30px;border-radius:10px}.board-panel{order:2;grid-template-columns:minmax(0,1fr) clamp(44px,6.2vw,52px);grid-template-rows:minmax(0,1fr);gap:6px;height:100%;min-height:0;min-width:0}.planner-layout--mobile-custom-toolbar .board-panel{order:3}.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:hidden;transition:padding var(--mobile-layout-duration) var(--mobile-layout-ease)}.controls-card__header{display:none}.controls-card__pinned{--sidebar-pinned-gap: 5px;gap:0;width:100%;max-width:100%;min-width:0;padding-bottom:5px;border-bottom-color:#2f3e2414;transition:padding-bottom var(--mobile-layout-duration) var(--mobile-layout-ease),border-color .16s ease}.controls-card__pinned>:not(.layout-mode-controls):not(.sidebar-pinned-slot){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}.sidebar-pinned-slot{width:100%;max-width:100%;min-width:0;max-height:none;opacity:0;pointer-events:none;transform:translateY(-6px) scale(.985);visibility:visible}.sidebar-pinned-slot--visible{opacity:1;pointer-events:auto;transform:none}.sidebar-pinned-slot__content{width:100%;max-width:100%;min-width:0;max-height:none}.controls-card__scroll-shell{display:block;width:100%;max-width:100%;height:100%;min-height:0;max-height:100%;overflow:hidden;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-clip{width:100%;max-width:100%;height:100%;overflow:hidden}.controls-card__scroll{width:100%;max-width:100%;height:100%;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding-top:5px;padding-right:0;scrollbar-width:none}.controls-card__scrollbar{display:none}.mobile-panel-toggle{display:grid;place-items:center;width:var(--sidebar-control-height);min-height:var(--sidebar-control-height);height:var(--sidebar-control-height);border:1px solid var(--sidebar-control-border);border-radius:var(--sidebar-control-radius);padding:0;background:var(--sidebar-control-surface);color:color-mix(in srgb,var(--sidebar-control-accent-text) 76%,var(--theme-accent));--app-icon-primary: currentColor;--app-icon-secondary: currentColor;box-shadow:var(--sidebar-control-shadow);transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .22s ease}.mobile-panel-toggle:hover{border-color:var(--sidebar-control-border-active);background:var(--sidebar-control-surface-hover)}.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)}.mobile-panel-toggle .app-icon [opacity]{opacity:1}.controls-card__pinned>.layout-mode-controls{margin-top:0}.layout-mode-controls{grid-template-columns:var(--sidebar-control-height) minmax(0,1fr) max-content;gap:5px;width:100%;max-width:100%;min-width:0;transition:grid-template-columns var(--mobile-layout-duration) var(--mobile-layout-ease),gap var(--mobile-layout-duration) var(--mobile-layout-ease)}.layout-mode-controls--max-income .mobile-panel-toggle{margin-right:5px}.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__select-shell,.auto-organize-toggle{min-height:var(--sidebar-control-height);height:var(--sidebar-control-height);border-radius:var(--sidebar-control-radius)}.layout-mode-picker__select-shell{padding-inline:8px 24px;font-size:.6rem}.layout-mode-picker__select-chevron{right:7px;width:15px;height:15px}.auto-organize-toggle{grid-template-columns:auto auto;justify-content:center;justify-self:end;width:fit-content;max-width:100%;padding:4px 6px}.auto-organize-toggle__label{min-width:max-content;overflow:visible;text-overflow:clip;white-space:nowrap}.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( var(--auto-organize-switch-width) - var(--settings-toggle-thumb-size) - var(--settings-toggle-thumb-inset) * 2 );--auto-organize-switch-width: 32px;width:var(--auto-organize-switch-width);height:19px}.sidebar-tabs{--sidebar-tabs-gap: 4px;gap:var(--sidebar-tabs-gap);width:100%;max-width:100%;min-width:0}.sidebar-islands-toggle{gap:6px;padding:5px 8px}.sidebar-islands-step-button svg{width:12px;height:12px}.sidebar-islands-mirror-toggle svg{width:16px;height:16px}.sidebar-islands-toggle__label{gap:4px;font-size:.64rem}.sidebar-islands-toggle__current{padding:3px 5px;font-size:.54rem}.sidebar-tabs__button{min-height:calc(var(--sidebar-control-height) - var(--sidebar-control-inset) * 2);gap:4px;padding:5px 6px;font-size:.62rem}.island-list{gap:4px;padding-bottom:4px}.island-tag-row--mirrorable{grid-template-columns:minmax(0,1fr) 32px;gap:4px}.island-tag-row__select{--island-tag-inner-radius: 8px;min-height:46px;border-radius:11px}.island-tag-row__content{padding:6px 9px}.island-tag-row__title{font-size:.58rem;line-height:1}.island-tag-row__mirror{border-radius:10px 14px 14px 10px}.island-tag-row__mirror svg{width:16px;height:16px}.castle-picker{--castle-picker-padding: var(--sidebar-control-inset);grid-template-columns:var(--castle-picker-icon-size) minmax(0,1fr);gap:6px}.castle-picker__icon{width:var(--castle-picker-icon-size)}.castle-picker__icon img{width:calc(var(--castle-picker-icon-size) - 6px);height:calc(var(--castle-picker-icon-size) - 6px)}.castle-picker__icon span{min-width:19px;padding:1px 4px;font-size:.48rem}.castle-picker__select-shell{min-height:var(--castle-picker-icon-size);padding:4px 26px 4px 8px;font-size:.58rem}.sidebar-search-row{--sidebar-search-gap: 5px;gap:var(--sidebar-search-gap);min-width:0}.sidebar-search-row--filter-visible{grid-template-columns:minmax(0,1fr) var(--sidebar-control-height)}.search-box__icon{left:11px;width:15px;height:15px}.search-box input{min-height:var(--sidebar-control-height);height:var(--sidebar-control-height);border-radius:var(--sidebar-control-radius);padding:6px 8px 6px 33px;font-size:.6rem}.catalog-variant-picker{width:var(--sidebar-control-height);height:var(--sidebar-control-height);border-radius:var(--sidebar-control-radius)}.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--with-count{grid-template-columns:28px minmax(0,1fr) minmax(2ch,auto)}.catalog-chip__portrait{width:28px}.catalog-chip__label{gap:3px;font-size:.62rem}.catalog-chip__count{font-size:.9rem}.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__control:after{width:8px;height:5px;border-bottom-width:2px;border-left-width:2px}.toggle-chip__portrait,.toggle-chip__icon{width:28px;border-radius:9px}.toggle-chip__label{font-size:.62rem;line-height:1.08}.family-grid>.toggle-chip--with-image{grid-template-columns:18px 28px minmax(0,1fr)}.family-grid>.toggle-chip--with-image .toggle-chip__body{grid-column:3}.family-card{--family-card-padding: 6px;--family-card-child-radius: 12px}.family-card__header{align-items:center;gap:7px}.family-card__header h4{margin-bottom:1px;font-size:.62rem;line-height:1.08}.family-card__header p{font-size:.52rem;line-height:1}.family-card__identity{grid-template-columns:28px minmax(0,1fr);gap:7px}.family-card__portrait{width:28px;border-radius:9px}.family-card__bulk-toggle{width:28px;height:28px;border-radius:9px}.family-card__bulk-mark{width:16px;height:16px;border-radius:6px}.family-card__bulk-mark:before{width:7px;height:4px;border-bottom-width:2px;border-left-width:2px}.family-card__bulk-toggle--mixed .family-card__bulk-mark:before{top:7px;left:4px;width:7px;border-bottom-width:2px}.family-card__toggles{gap:5px;margin-top:5px}.family-card__toggles .toggle-chip--with-image{grid-template-columns:18px 28px minmax(0,1fr);row-gap:0}.family-card__toggles .toggle-chip__body{grid-column:3}.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: var(--board-action-inset);--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)}.custom-island-toolbar{--custom-island-toolbar-padding: 4px;--custom-island-toolbar-button-radius: 12px;gap:5px;max-width:min(calc(100vw - 42px),320px)}.custom-island-toolbar__group{gap:3px}.custom-island-toolbar__group+.custom-island-toolbar__group{padding-left:5px}.board-frame .custom-island-toolbar__button{width:30px;height:30px;border-radius:12px}.board-frame__canvas--has-bottom-actions .board-frame__canvas-actions--file{bottom:calc(var(--board-action-inset) + 43px + env(safe-area-inset-bottom,0px))}.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%;max-height:none;min-height:0;padding:4px}.island-footer--mirrorable{--island-mirror-dock-gap: 4px;--island-mirror-dock-padding: 3px;--island-mirror-selector-radius: calc(var(--mobile-section-radius) - 4px);--island-mirror-button-radius: max( 7px, calc(var(--island-mirror-selector-radius) - var(--island-mirror-dock-padding)) );--island-mirror-button-height: clamp(30px, 8vh, 34px);--island-mirror-dock-size: calc( var(--island-mirror-button-height) + var(--island-mirror-dock-padding) + var(--island-mirror-dock-padding) )}.island-footer .panel-card__header{display:none}.island-footer--mirrorable .panel-card__header{position:absolute;right:var(--panel-card-padding);bottom:var(--panel-card-padding);left:var(--panel-card-padding);z-index:3;display:grid;height:var(--island-mirror-dock-size);margin-bottom:0;pointer-events:none}.island-footer--mirrorable .panel-card__header>div:first-child{display:none}.island-footer--mirrorable .island-footer__header-actions{width:100%;height:100%;padding:var(--island-mirror-dock-padding);pointer-events:auto}.island-footer--mirrorable .island-mirror-toggle{width:100%;height:100%;border-radius:var(--island-mirror-button-radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.island-footer--mirrorable .island-mirror-toggle svg{width:20px;height:20px}.island-footer--mirrorable .island-switcher-shell{padding-bottom:calc(var(--island-mirror-dock-size) + var(--island-mirror-dock-gap))}.island-footer--mirrorable .island-switcher{border-bottom-right-radius:var(--island-mirror-selector-radius);border-bottom-left-radius:var(--island-mirror-selector-radius);clip-path:inset(0 round 0 0 var(--island-mirror-selector-radius) var(--island-mirror-selector-radius));scroll-padding-bottom:calc(var(--island-mirror-dock-size) + var(--island-mirror-dock-gap))}.island-switcher-shell{height:100%;border-radius:calc(var(--mobile-section-radius) - 4px)}.island-switcher-shell:before,.island-switcher-shell:after{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;margin-inline:0;padding:2px 2px 4px;scroll-snap-type:y proximity;scrollbar-width:none;-webkit-mask-image:none;mask-image:none}.island-switcher::-webkit-scrollbar{display:none}.island-switcher__button{flex:0 0 clamp(28px,calc((100% - 15px)/5),36px);grid-template-rows:minmax(0,1fr) auto;height:auto;min-height:0;padding:1px 2px 2px;border-radius:8px;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=water],.island-switcher__icon[data-island-id=earth],.island-switcher__icon[data-island-id=fire-haven],.island-switcher__icon[data-island-id=fire-oasis],.island-switcher__icon[data-island-id=mythical],.island-switcher__icon[data-island-id=light],.island-switcher__icon[data-island-id=psychic],.island-switcher__icon[data-island-id=faerie],.island-switcher__icon[data-island-id=bone],.island-switcher__icon[data-island-id=magical-sanctum],.island-switcher__icon[data-island-id=magical-nexus],.island-switcher__icon[data-island-id=paironormal-carnival],.island-switcher__icon[data-island-id=shugabush],.island-switcher__icon[data-island-id=colossingum],.island-switcher__icon[data-island-id=gold],.island-switcher__icon[data-island-id=ethereal],.island-switcher__icon[data-island-id=ethereal-workshop],.island-switcher__icon[data-island-id=amber],.island-switcher__icon[data-island-id=wublin]{--island-icon-scale: 1;--island-icon-hover-scale: 1.03;width:min(100%,28px);max-height:18px;filter:drop-shadow(0 4px 5px rgba(25,35,24,.14))}.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.2;--island-icon-hover-scale: 1.24}.island-switcher__icon[data-island-id=water],.island-switcher__icon[data-island-id=shugabush],.island-switcher__icon[data-island-id=colossingum]{--island-icon-scale: .92;--island-icon-hover-scale: .96}.island-switcher__icon[data-island-id=gold],.island-switcher__icon[data-island-id=ethereal],.island-switcher__icon[data-island-id=ethereal-workshop]{--island-icon-scale: 1.16;--island-icon-hover-scale: 1.2}.island-switcher__icon[data-island-id=ethereal]{--island-icon-scale: 1.02;--island-icon-hover-scale: 1.06}.island-switcher__icon[data-island-id=earth]{--island-icon-scale: .98;--island-icon-hover-scale: 1.02}.island-switcher__icon[data-island-id=fire-haven],.island-switcher__icon[data-island-id=fire-oasis],.island-switcher__icon[data-island-id=mythical],.island-switcher__icon[data-island-id=light]{--island-icon-scale: .94;--island-icon-hover-scale: .98}.island-switcher__icon[data-island-id=mythical],.island-switcher__icon[data-island-id=wublin],.island-switcher__icon[data-island-id=psychic],.island-switcher__icon[data-island-id=faerie],.island-switcher__icon[data-island-id=bone],.island-switcher__icon[data-island-id=magical-sanctum],.island-switcher__icon[data-island-id=magical-nexus],.island-switcher__icon[data-island-id=paironormal-carnival]{--island-icon-scale: 1.16;--island-icon-hover-scale: 1.2}.island-switcher__icon[data-island-id=amber]{--island-icon-scale: 1.28;--island-icon-hover-scale: 1.32}.island-switcher__icon[data-island-id=paironormal-carnival]{--island-icon-scale: 1.38;--island-icon-hover-scale: 1.42}.island-switcher__label{margin-top:0;font-size:.38rem;line-height:1}.island-switcher__button--custom .island-switcher__label{font-size:.34rem}.app-shell--mobile-controls-collapsed .planner-layout{grid-template-columns:40px minmax(0,1fr)}.app-shell--mobile-controls-collapsed .planner-layout--mobile-custom-toolbar{grid-template-columns:40px var(--landscape-custom-toolbar-width) 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;margin:0;padding:0;width:100%;max-width:100%;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-controls--max-income .mobile-panel-toggle{margin-right: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)}.app-shell--grid-fullscreen .planner-layout{grid-template-columns:0 minmax(0,1fr);gap:0}.app-shell--grid-fullscreen .planner-layout--mobile-custom-toolbar{grid-template-columns:var(--landscape-custom-toolbar-width) minmax(0,1fr);gap:6px}.app-shell--grid-fullscreen .controls-panel{opacity:0;pointer-events:none;transform:translate3d(calc(-100% - 6px),0,0);visibility:hidden}.app-shell--grid-fullscreen .planner-layout--mobile-custom-toolbar .controls-panel{display:none}.app-shell--grid-fullscreen .planner-layout--mobile-custom-toolbar .mobile-custom-toolbar-dock{order:1;display:flex}.app-shell--grid-fullscreen .board-panel{grid-template-columns:minmax(0,1fr);gap:0}.app-shell--grid-fullscreen .planner-layout--mobile-custom-toolbar .board-panel{order:2}.app-shell--grid-fullscreen .island-footer{max-width:0;padding-right:0;padding-left:0;opacity:0;pointer-events:none;transform:translate3d(calc(100% + 6px),0,0);visibility:hidden}.app-shell--grid-fullscreen .board-card{grid-column:1}}@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{display:block}.controls-card__scroll{padding-right:20px}.controls-card__scrollbar{display:block;right:1px;width:12px;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)}.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=water],.island-switcher__icon[data-island-id=earth],.island-switcher__icon[data-island-id=fire-haven],.island-switcher__icon[data-island-id=fire-oasis],.island-switcher__icon[data-island-id=mythical],.island-switcher__icon[data-island-id=light],.island-switcher__icon[data-island-id=psychic],.island-switcher__icon[data-island-id=faerie],.island-switcher__icon[data-island-id=bone],.island-switcher__icon[data-island-id=magical-sanctum],.island-switcher__icon[data-island-id=magical-nexus],.island-switcher__icon[data-island-id=paironormal-carnival],.island-switcher__icon[data-island-id=shugabush],.island-switcher__icon[data-island-id=colossingum],.island-switcher__icon[data-island-id=gold],.island-switcher__icon[data-island-id=ethereal],.island-switcher__icon[data-island-id=ethereal-workshop],.island-switcher__icon[data-island-id=amber],.island-switcher__icon[data-island-id=wublin]{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.42;--island-icon-hover-scale: 1.46}.island-switcher__icon[data-island-id=water],.island-switcher__icon[data-island-id=shugabush],.island-switcher__icon[data-island-id=colossingum]{--island-icon-scale: 1.02;--island-icon-hover-scale: 1.06}.island-switcher__icon[data-island-id=earth]{--island-icon-scale: 1.09;--island-icon-hover-scale: 1.13}.island-switcher__icon[data-island-id=fire-haven],.island-switcher__icon[data-island-id=fire-oasis],.island-switcher__icon[data-island-id=mythical],.island-switcher__icon[data-island-id=light]{--island-icon-scale: .99;--island-icon-hover-scale: 1.03}.island-switcher__icon[data-island-id=gold],.island-switcher__icon[data-island-id=ethereal],.island-switcher__icon[data-island-id=ethereal-workshop],.island-switcher__icon[data-island-id=amber],.island-switcher__icon[data-island-id=mythical],.island-switcher__icon[data-island-id=wublin],.island-switcher__icon[data-island-id=psychic],.island-switcher__icon[data-island-id=faerie],.island-switcher__icon[data-island-id=bone],.island-switcher__icon[data-island-id=magical-sanctum],.island-switcher__icon[data-island-id=magical-nexus],.island-switcher__icon[data-island-id=paironormal-carnival]{--island-icon-scale: 1.34;--island-icon-hover-scale: 1.38}.island-switcher__icon[data-island-id=ethereal]{--island-icon-scale: 1.18;--island-icon-hover-scale: 1.22}.island-switcher__icon[data-island-id=amber]{--island-icon-scale: 1.53;--island-icon-hover-scale: 1.57}.island-switcher__icon[data-island-id=paironormal-carnival]{--island-icon-scale: 1.65;--island-icon-hover-scale: 1.69}.island-switcher__label{font-size:.5rem}.island-switcher__button--custom .island-switcher__label{font-size:.44rem}}@media (min-width: 961px){.board-card{transform-origin:0 0;backface-visibility:hidden}.app-shell--grid-fullscreen-transitioning .planner-layout,.app-shell--grid-fullscreen-transitioning .board-panel{transition:none}.app-shell--grid-fullscreen-transitioning .board-card{contain:layout style;isolation:isolate;will-change:transform}.app-shell--grid-fullscreen-transitioning .board-frame__canvas{contain:layout paint style}.app-shell--grid-fullscreen-transitioning .planner-board{transform:translateZ(0);will-change:transform}}@media (max-width: 720px){.board-frame__canvas-actions--bottom{right:var(--board-action-inset, 12px);left:var(--board-action-inset, 12px);justify-items:center;transform:none}.path-paint-toolbar{--custom-island-toolbar-button-radius: var(--board-action-button-radius);flex-wrap:wrap;justify-content:center;width:148px;box-sizing:content-box;column-gap:2px;max-width:none;overflow:visible;row-gap:4px}.path-paint-toolbar__tools{order:1}.path-paint-toolbar__history{order:2}.path-paint-toolbar__brush{order:3}.path-paint-toolbar__actions{order:4}.path-paint-toolbar .custom-island-toolbar__group{gap:2px}.path-paint-toolbar .custom-island-toolbar__group+.custom-island-toolbar__group{padding-left:0;border-left:0}.board-frame .path-paint-toolbar .custom-island-toolbar__button,.mobile-custom-toolbar-dock .path-paint-toolbar .custom-island-toolbar__button{width:28px;height:28px;border-radius:var(--board-action-button-radius)}.path-paint-toolbar .custom-island-toolbar__button .app-icon{width:15px;height:15px}.path-paint-toolbar .custom-island-toolbar__button--text{font-size:.72rem}}@media (max-width: 430px){.path-paint-toolbar{width:148px}.board-frame__canvas--has-bottom-actions .board-frame__canvas-actions--file{bottom:calc(var(--board-action-inset, 12px) + 76px + env(safe-area-inset-bottom,0px))}}