:root{--sky-1:#bdeeff;--sky-2:#8ad8f7;--lawn-1:#8ed456;--lawn-2:#6bba3c;--lawn-3:#55a12c;--stucco:#fff8e9;--stucco-2:#ffeecd;--stucco-3:#f7dfb4;--roof:#e8763d;--roof-2:#cf5a26;--roof-3:#a8410f;--ink:#40291a;--ink-2:#7d6350;--ink-3:#ab937f;--gem:#55e133;--gem-dk:#229c10;--happy:#55e133;--okay:#d5e02c;--meh:#f7a52c;--sad:#ec5237;--sun:#ffc93c;--sky-ink:#2c8fc4;--plum:#b269e0;--r-lg:22px;--r-md:14px;--r-sm:9px;--shadow-soft:0 10px 26px #3a261429;--font-d:"Fredoka", "Trebuchet MS", system-ui, sans-serif;--font-b:"Nunito", system-ui, -apple-system, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{font-family:var(--font-b);color:var(--ink);background:var(--lawn-2);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}h1,h2,h3{font-family:var(--font-d);margin:0;font-weight:600}.lot{background:linear-gradient(180deg, var(--sky-1) 0%, var(--sky-2) 42%, #a8e0a0 62%, var(--lawn-2) 100%);grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);height:100%;display:grid;overflow:hidden}.roof{background:linear-gradient(178deg, var(--roof) 0%, var(--roof-2) 70%, var(--roof-3) 100%);z-index:20;padding:12px 20px 20px;position:relative;box-shadow:0 12px 30px #78300a57}.roof:before{content:"";opacity:.75;background:linear-gradient(90deg,#ff9c67,#ffd0a8,#ff9c67);height:5px;position:absolute;inset:0 0 auto}.roof__shingles{background:radial-gradient(circle 11px at 11px 0, var(--roof-3) 0 11px, transparent 11.5px) repeat-x;filter:drop-shadow(0 2px 2px #78300a59);background-size:22px 12px;height:12px;position:absolute;bottom:-11px;left:0;right:0}.roof__inner{perspective:400px;grid-template-columns:minmax(0,auto) minmax(120px,1fr) auto auto;align-items:center;gap:18px;max-width:1760px;margin:0 auto;display:grid}.crest{perspective:320px;align-items:center;gap:12px;min-width:0;display:flex}.crest__words{min-width:0}.crest__words h1,.crest__words p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.crest__words h1{letter-spacing:-.4px;color:#fff6ea;text-shadow:0 2px #78300a99;font-size:25px;line-height:1}.crest__words p{letter-spacing:.4px;color:#ffd9be;text-transform:lowercase;margin:3px 0 0;font-size:11px;font-weight:800}.mood{min-width:0}.mood__top{justify-content:space-between;align-items:baseline;margin-bottom:4px;display:flex}.mood__label{letter-spacing:1.4px;text-transform:uppercase;color:#ffdcc2;font-size:10px;font-weight:900}.mood__pct{font-family:var(--font-d);color:#fff;text-shadow:0 2px #78300a8c;font-size:19px;font-weight:700;line-height:1}.mood__track{background:#5e22066b;border-radius:99px;height:17px;position:relative;overflow:hidden;box-shadow:inset 0 3px 5px #46180280}.mood__fill{background:linear-gradient(180deg, color-mix(in srgb, var(--gem) 65%, white), var(--gem));width:0;box-shadow:0 0 12px color-mix(in srgb, var(--gem) 70%, transparent);border-radius:99px;transition:width .6s cubic-bezier(.22,1.4,.4,1),background .5s;position:absolute;inset:2px auto 2px 2px}.mood__fill:after{content:"";background:repeating-linear-gradient(115deg,#ffffff57 0 8px,#fff0 8px 18px);border-radius:99px;animation:1.1s linear infinite shimmer;position:absolute;inset:0}@keyframes shimmer{to{background-position:18px 0}}.mood__ticks{background:repeating-linear-gradient(90deg,#0000 0 24.6%,#4618024d 24.6% 25%);position:absolute;inset:0}.mood__note{color:#ffe3cd;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:11px;font-style:italic;font-weight:800;overflow:hidden}.cheer{color:#143c07;font-family:var(--font-d);text-align:left;background:linear-gradient(#83f05f,#3fc41e);border-bottom:5px solid #1f7d0c;border-radius:16px;align-items:center;gap:9px;padding:9px 17px 9px 13px;font-size:13px;line-height:1.12;transition:transform .12s,filter .15s;display:flex;box-shadow:0 6px 16px #145a0859}.cheer__txt b{font-size:15px;font-weight:700}.cheer__gem{clip-path:polygon(50% 0,100% 38%,50% 100%,0 38%);background:linear-gradient(120deg,#eaffd9,#7bff4a 45%,#1e8f08);flex:none;width:17px;height:26px;animation:2.2s ease-in-out infinite gemsway}.cheer:hover{filter:brightness(1.06)}.cheer:active{border-bottom-width:1px;transform:translateY(4px)}.cheer:disabled{filter:grayscale(.7)brightness(.94);cursor:default;opacity:.65}.ctrls{gap:7px;display:flex}.ctrl{background:linear-gradient(180deg, var(--stucco), var(--stucco-2));width:58px;color:var(--ink);border-bottom:4px solid #c9a879;border-radius:14px;justify-items:center;gap:1px;padding:7px 2px 5px;transition:transform .1s,filter .15s;display:grid;box-shadow:0 4px 10px #78300a38}.ctrl span{font-size:17px;line-height:1}.ctrl em{letter-spacing:.2px;text-transform:uppercase;color:var(--ink-2);font-size:9px;font-style:normal;font-weight:900}.ctrl:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-1px)}.ctrl:active:not(:disabled){border-bottom-width:1px;transform:translateY(3px)}.ctrl:disabled{opacity:.42;cursor:default}.ctrl--danger em{color:#c34327}.ctrl--go{background:linear-gradient(180deg, #ffe08a, var(--sun));border-bottom-color:#c98d10}.yard{grid-template-columns:246px minmax(0,1fr) 316px;gap:14px;min-height:0;padding:20px 16px 10px;display:grid}.panel{border-radius:var(--r-lg);background:linear-gradient(180deg, var(--stucco), #fff2dc);min-height:0;box-shadow:var(--shadow-soft), inset 0 -4px 0 #be966438;flex-direction:column;display:flex;position:relative;overflow:hidden}.panel:after{content:"";pointer-events:none;opacity:.5;background-image:radial-gradient(#b48c5a21 1px,#0000 1px);background-size:7px 7px;position:absolute;inset:0}.panel__eave{z-index:1;background:linear-gradient(180deg, var(--roof), var(--roof-2));justify-content:space-between;align-items:baseline;gap:8px;padding:9px 14px 10px;display:flex;position:relative;box-shadow:0 3px 8px #78300a47}.panel__eave h2{color:#fff7ec;text-shadow:0 2px #78300a80;letter-spacing:.2px;white-space:nowrap;text-overflow:ellipsis;font-size:16px;overflow:hidden}.panel__hint{color:#ffd8bd;text-transform:lowercase;white-space:nowrap;font-size:10px;font-weight:800}.panel__body{z-index:1;scrollbar-width:thin;scrollbar-color:var(--stucco-3) transparent;flex:1;min-height:0;padding:13px;position:relative;overflow:hidden auto}.panel__body::-webkit-scrollbar{width:9px}.panel__body::-webkit-scrollbar-thumb{background:var(--stucco-3);border-radius:9px}.subhead{letter-spacing:1.3px;text-transform:uppercase;color:var(--ink-3);align-items:center;gap:8px;margin:16px 0 8px;font-size:11px;font-weight:700;display:flex}.subhead:after{content:"";background:repeating-linear-gradient(90deg, var(--stucco-3) 0 4px, transparent 4px 8px);border-radius:2px;flex:1;height:2px}.cat{grid-template-columns:1fr 1fr;gap:9px;display:grid}.tile{border-radius:var(--r-md);border-bottom:4px solid var(--stucco-3);background:#fffdf6;justify-items:center;gap:3px;padding:11px 5px 8px;transition:transform .13s cubic-bezier(.3,1.6,.5,1),box-shadow .15s;display:grid;position:relative;overflow:hidden;box-shadow:0 3px 9px #8c643724}.tile__art{filter:drop-shadow(0 2px 2px #78502838);place-items:center;width:40px;height:40px;font-size:25px;line-height:1;transition:transform .2s cubic-bezier(.3,1.7,.5,1);display:grid}.tile__art svg{width:38px;height:38px;overflow:visible}.tile__name{font-family:var(--font-d);color:var(--ink);font-size:12px;font-weight:600;line-height:1}.tile__kind{letter-spacing:.7px;text-transform:uppercase;color:var(--ink-3);font-size:8.5px;font-weight:900}.tile:hover{transform:translateY(-3px);box-shadow:0 8px 16px #8c643738}.tile:hover .tile__art{transform:scale(1.16)rotate(-5deg)}.tile:active{border-bottom-width:1px;transform:translateY(2px)scale(.97)}.decals{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.decal{aspect-ratio:1;border-bottom:3px solid var(--stucco-3);background:#fffdf6;border-radius:11px;place-items:center;font-size:20px;transition:transform .14s cubic-bezier(.3,1.7,.5,1);display:grid;box-shadow:0 2px 6px #8c643721}.decal svg{filter:drop-shadow(0 1px 1px #78502840);width:27px;height:27px;display:block}.decal:hover{z-index:2;transform:scale(1.2)rotate(8deg)}.decal:active{transform:scale(.9)}.stage{border-radius:var(--r-lg);background:linear-gradient(180deg, #cbeeff 0%, #9adcf6 38%, #b4e59c 52%, var(--lawn-1) 66%, var(--lawn-2) 100%);box-shadow:inset 0 0 0 4px #ffffff8c, var(--shadow-soft);place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.stage__sky{pointer-events:none;background:radial-gradient(circle at 84% 18%,#fff5bef2 0 30px,#ffeb9659 31px 60px,#0000 61px),radial-gradient(90px 34px at 18% 22%,#ffffffe6 60%,#0000 61%),radial-gradient(64px 26px at 30% 30%,#ffffffbf 60%,#0000 61%),radial-gradient(74px 28px at 62% 12%,#fff9 60%,#0000 61%);height:55%;position:absolute;inset:0 0 auto}.stage__grass{pointer-events:none;background:repeating-linear-gradient(90deg,#ffffff17 0 34px,#00000009 34px 68px);height:46%;position:absolute;inset:auto 0 0;-webkit-mask-image:linear-gradient(#0000,#000 30%);mask-image:linear-gradient(#0000,#000 30%)}.canvasWrap{border-radius:16px;width:calc(100% - 44px);height:calc(100% - 44px);position:relative}.canvasHost{border-radius:16px;position:absolute;inset:0;overflow:hidden}.canvasHost canvas,.canvasHost cesdk-canvas{width:100%;height:100%;display:block}.overlay,.fx{pointer-events:none;border-radius:16px;position:absolute;inset:0;overflow:hidden}.zoombar{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:5;background:#fff8e9ed;border-radius:15px;gap:5px;padding:5px;display:flex;position:absolute;bottom:14px;right:16px;box-shadow:0 5px 16px #3c28143d}.zbtn{border-bottom:3px solid var(--stucco-3);min-width:32px;height:30px;font-family:var(--font-d);color:var(--ink);background:#fffdf6;border-radius:10px;font-size:16px;font-weight:600;transition:transform .1s,filter .14s}.zbtn--wide{padding:0 12px;font-size:12px}.zbtn:hover{filter:brightness(.98)}.zbtn:active{border-bottom-width:1px;transform:translateY(2px)}.boot{z-index:30;perspective:500px;background:linear-gradient(#cbeeff,#8ed456);align-content:center;place-items:center;gap:18px;transition:opacity .5s,visibility .5s;display:grid;position:absolute;inset:0}.boot p{font-family:var(--font-d);color:#35621b;letter-spacing:.4px;margin:0;font-size:15px}.boot__gem{clip-path:polygon(50% 0,100% 38%,50% 100%,0 38%);filter:drop-shadow(0 8px 12px #1e780a66);background:linear-gradient(120deg,#eaffd9,#7bff4a 45%,#1e8f08);width:48px;height:74px;animation:1.5s linear infinite gemspin,1.6s ease-in-out infinite bob}.boot.is-gone{opacity:0;visibility:hidden}.gem{--gs:30px;width:var(--gs);height:calc(var(--gs) * 1.62);perspective:260px;flex:none;position:relative}.gem__spin{transform-style:preserve-3d;animation:3.4s linear infinite gemspin;position:absolute;inset:0}.gem__spin i{display:block;position:absolute;inset:0}.gem__spin .f1{clip-path:polygon(50% 0,0 38%,50% 38%);background:color-mix(in srgb, var(--gem) 55%, white)}.gem__spin .f2{clip-path:polygon(50% 0,100% 38%,50% 38%);background:color-mix(in srgb, var(--gem) 88%, white)}.gem__spin .f3{clip-path:polygon(50% 100%,0 38%,50% 38%);background:color-mix(in srgb, var(--gem) 78%, black)}.gem__spin .f4{clip-path:polygon(50% 100%,100% 38%,50% 38%);background:color-mix(in srgb, var(--gem) 92%, black)}.gem__glow{width:calc(var(--gs) * 2.6);height:calc(var(--gs) * 2.6);background:radial-gradient(circle, color-mix(in srgb, var(--gem) 55%, transparent) 0%, transparent 62%);pointer-events:none;border-radius:50%;animation:2.2s ease-in-out infinite pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes gemspin{to{transform:rotateY(360deg)}}@keyframes pulse{0%,to{opacity:.5;transform:translate(-50%,-50%)scale(.9)}50%{opacity:.95;transform:translate(-50%,-50%)scale(1.12)}}@keyframes bob{0%,to{translate:0 -5px}50%{translate:0 5px}}.crest__gem{background:linear-gradient(118deg, #f0ffe4, var(--gem) 44%, color-mix(in srgb, var(--gem) 60%, black));clip-path:polygon(50% 0,100% 38%,50% 100%,0 38%);filter:drop-shadow(0 4px 6px #5a280573);width:32px;height:50px;transition:background .5s;animation:3.4s linear infinite gemspin,2.8s ease-in-out infinite bob}.pip{opacity:.95;perspective:90px;width:13px;height:21px;margin:-30px 0 0 -6.5px;transition:opacity .4s,scale .4s;position:absolute;top:0;left:0}.pip i{background:linear-gradient(118deg, #fffc, var(--gem) 45%, color-mix(in srgb, var(--gem) 55%, black));clip-path:polygon(50% 0,100% 38%,50% 100%,0 38%);filter:drop-shadow(0 2px 3px #00000052);width:100%;height:100%;transition:background .4s;animation:2.6s ease-in-out infinite gemsway;display:block}@keyframes gemsway{0%,to{transform:rotateY(-46deg)}50%{transform:rotateY(46deg)}}.pip.is-calm{opacity:.66;scale:.82}.pip.is-upset{opacity:1;animation:.9s ease-in-out infinite bob}.pip.is-upset i{filter:drop-shadow(0 2px 3px #0000004d) drop-shadow(0 0 10px color-mix(in srgb, var(--gem) 90%, transparent));animation:.9s ease-in-out infinite gemsway}.pip.is-hushed{opacity:0}.sel{justify-items:center;gap:2px;display:grid;position:absolute;transform:translate(-50%)}.sel .gem{--gs:30px;filter:drop-shadow(0 4px 5px #0000004d)}.nameplate{font-family:var(--font-d);color:var(--ink);white-space:nowrap;background:#fff8e9f5;border-bottom:2px solid #be966480;border-radius:99px;padding:2px 10px 3px;font-size:11px;font-weight:600;box-shadow:0 3px 8px #28190a47}.nameplate b{color:var(--gem-dk)}.bubble{pointer-events:auto;cursor:pointer;white-space:nowrap;z-index:4;background:#fffdf3;border-bottom:3px solid #e6d3ac;border-radius:16px;align-items:center;gap:7px;padding:7px 13px 8px 9px;animation:.42s cubic-bezier(.2,1.7,.4,1) both bubblein;display:flex;position:absolute;transform:translate(-50%,-100%);box-shadow:0 6px 16px #28190a4d}.bubble:after,.bubble:before{content:"";background:#fffdf3;border-radius:50%;position:absolute;left:16px}.bubble:after{width:11px;height:11px;bottom:-9px}.bubble:before{width:6px;height:6px;bottom:-18px}.bubble__ico{font-size:17px;line-height:1;animation:1.1s ease-in-out infinite nudge}.bubble__txt{font-family:var(--font-d);color:var(--ink);font-size:12px;font-weight:600;line-height:1.15}.bubble__txt small{font-family:var(--font-b);letter-spacing:.6px;text-transform:uppercase;color:#d1782a;font-size:9px;font-weight:900;display:block}.bubble:hover{filter:brightness(1.02);transform:translate(-50%,-100%)scale(1.06)}.bubble.is-crit{border-bottom-color:#e8987c}@keyframes bubblein{0%{opacity:0;transform:translate(-50%,-70%)scale(.55)}}@keyframes nudge{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-3px)rotate(4deg)}}.shard{clip-path:polygon(50% 0,100% 38%,50% 100%,0 38%);will-change:transform, opacity;width:9px;height:15px;margin:-7px 0 0 -4px;position:absolute}.floaty{font-family:var(--font-d);color:#fff;text-shadow:0 2px #1e640abf,0 4px 10px #0000004d;white-space:nowrap;font-size:15px;font-weight:700;animation:1.15s cubic-bezier(.15,.9,.3,1) forwards floatup;position:absolute;transform:translate(-50%,-50%)}@keyframes floatup{0%{opacity:0;transform:translate(-50%,-20%)scale(.5)}22%{opacity:1;transform:translate(-50%,-70%)scale(1.15)}to{opacity:0;transform:translate(-50%,-190%)scale(1)}}.dropghost{z-index:60;pointer-events:none;filter:drop-shadow(0 6px 6px #00000040);place-items:center;width:46px;height:46px;font-size:30px;display:grid;position:fixed}.ringpop{border:4px solid var(--gem);border-radius:50%;width:40px;height:40px;margin:-20px 0 0 -20px;animation:.62s cubic-bezier(.1,.8,.3,1) forwards ringpop;position:absolute}@keyframes ringpop{0%{opacity:.95;scale:.25}to{opacity:0;scale:2.6}}.simcard{border-radius:var(--r-md);border-bottom:4px solid var(--stucco-3);background:linear-gradient(#fffdf6,#fff4e0);align-items:center;gap:11px;margin-bottom:13px;padding:11px 13px;display:flex;box-shadow:0 3px 10px #8c643724}.simcard .gem{--gs:26px}.simcard__who{flex:1;min-width:0}.simcard__name{font-family:var(--font-d);white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:600;line-height:1.05;overflow:hidden}.simcard__kind{letter-spacing:.9px;text-transform:uppercase;color:var(--ink-3);font-size:10px;font-weight:900}.simcard__mood{font-family:var(--font-d);color:var(--gem-dk);font-size:22px;font-weight:700;line-height:1;transition:color .4s}.simcard__mood small{opacity:.65;font-size:10px}.need{border-radius:var(--r-md);background:#fffdf7;margin-bottom:10px;padding:9px 11px 10px;transition:box-shadow .3s,background .3s;box-shadow:inset 0 0 0 2px #be966429}.need.is-low{background:#fff4ee;animation:1.9s ease-in-out infinite needpulse;box-shadow:inset 0 0 0 2px #e86e4666}@keyframes needpulse{50%{box-shadow:inset 0 0 0 2px #e86e46bf,0 0 12px #e86e4638}}.need__top{align-items:center;gap:7px;margin-bottom:6px;display:flex}.need__ico{font-size:15px;line-height:1}.need__name{font-family:var(--font-d);flex:1;font-size:13px;font-weight:600}.need__val{font-family:var(--font-d);color:var(--ink-2);font-size:13px;font-weight:700}.need__track{background:#ecdcc0;border-radius:99px;height:14px;margin-bottom:8px;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #966e3c59}.need__fill{background:linear-gradient(180deg, color-mix(in srgb, var(--c) 60%, white), var(--c));border-radius:99px;width:0;transition:width .55s cubic-bezier(.22,1.4,.4,1),background .4s;position:absolute;inset:2px auto 2px 2px}.need__fill:after{content:"";background:repeating-linear-gradient(115deg,#ffffff4d 0 6px,#0000 6px 14px);border-radius:99px;animation:.9s linear infinite shimmer2;position:absolute;inset:0}@keyframes shimmer2{to{background-position:14px 0}}.care{border-bottom:3px solid var(--stucco-3);width:100%;font-family:var(--font-d);color:var(--ink);background:linear-gradient(#fff,#ffeed3);border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:7px 10px 6px;font-size:12px;font-weight:600;transition:transform .1s,filter .14s;display:flex}.care:hover:not(:disabled){filter:brightness(.99);transform:translateY(-1px)}.care:active:not(:disabled){border-bottom-width:1px;transform:translateY(2px)}.care:disabled{opacity:.45;cursor:default}.need.is-low .care{color:#6a3405;background:linear-gradient(#ffd9a4,#ffb75e);border-bottom-color:#d18416}.chips{grid-template-columns:repeat(6,1fr);gap:6px;margin-bottom:12px;display:grid}.chip{aspect-ratio:1;border-radius:8px;transition:transform .13s cubic-bezier(.3,1.7,.5,1);position:relative;box-shadow:inset 0 -3px #0003,0 2px 5px #5a3c1e33}.chip:hover{z-index:2;transform:scale(1.18)rotate(-6deg)}.chip:active{transform:scale(.88)}.chip.is-on:after{content:"✓";color:#fff;text-shadow:0 1px 3px #0000008c;place-items:center;font-size:13px;font-weight:900;display:grid;position:absolute;inset:0}.dial{margin-bottom:11px}.dial__top{justify-content:space-between;align-items:baseline;margin-bottom:2px;display:flex}.dial__lbl{font-family:var(--font-d);align-items:center;gap:5px;font-size:12px;font-weight:600;display:flex}.dial__num{color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:11px;font-weight:900}input[type=range]{appearance:none;cursor:grab;background:0 0;width:100%;height:20px;margin:0}input[type=range]:active{cursor:grabbing}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--gem) var(--p,50%), #ecdcc0 var(--p,50%));border-radius:99px;height:10px;box-shadow:inset 0 2px 3px #966e3c4d}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;clip-path:polygon(50% 0,100% 38%,50% 100%,0 38%);background:linear-gradient(118deg,#f4ffe9,#7ff04f 45%,#1f8f08);border:0;width:17px;height:26px;margin-top:-8px;transition:filter .12s,scale .12s}input[type=range]:hover::-webkit-slider-thumb{filter:brightness(1.08);scale:1.14}.stepper{align-items:center;gap:8px;display:flex}.stepper button{border-bottom:3px solid var(--stucco-3);width:30px;height:27px;font-family:var(--font-d);background:#fffdf6;border-radius:9px;font-size:15px;font-weight:600}.stepper button:active{border-bottom-width:1px;transform:translateY(2px)}.stepper output{text-align:center;font-family:var(--font-d);flex:1;font-size:15px;font-weight:700}.microtip{color:var(--ink-3);margin:8px 2px 0;font-size:10.5px;font-weight:800;line-height:1.45}.microtip b{color:var(--ink-2)}.rule{border-radius:var(--r-md);background:#fffdf7;align-items:flex-start;gap:9px;margin-bottom:7px;padding:9px 11px 10px;display:flex;box-shadow:inset 0 0 0 2px #be966426}.rule__ico{flex:none;font-size:16px;line-height:1.2}.rule b{font-family:var(--font-d);margin-bottom:1px;font-size:13px;font-weight:600;display:block}.rule span{color:var(--ink-3);font-size:11px;font-weight:700;line-height:1.42}.rule--gem{background:linear-gradient(#f2ffe8,#e4fbd4);box-shadow:inset 0 0 0 2px #55e13359}.empty{text-align:center;color:var(--ink-2);padding:26px 12px}.empty__art{margin-bottom:8px;font-size:40px;animation:3s ease-in-out infinite bob}.empty h3{margin-bottom:5px;font-size:15px}.empty p{color:var(--ink-3);margin:0;font-size:12px;font-weight:700;line-height:1.45}.curb{align-items:center;gap:12px;min-height:54px;padding:8px 20px 11px;display:flex}.curb__label{font-family:var(--font-d);letter-spacing:1.2px;text-transform:uppercase;color:#2f5f16;text-shadow:0 1px #fff6;white-space:nowrap;font-size:11px;font-weight:600}.roster{scrollbar-width:none;flex:1;align-items:center;gap:7px;min-height:40px;padding:3px 2px 4px;display:flex;overflow:auto hidden}.roster::-webkit-scrollbar{display:none}.res{background:#fff8e9eb;border-bottom:2px solid #8c6e4659;border-radius:99px;flex:none;align-items:center;gap:6px;padding:4px 11px 4px 6px;transition:transform .14s cubic-bezier(.3,1.6,.5,1),box-shadow .15s;display:flex;box-shadow:0 3px 8px #28461433}.res:hover{transform:translateY(-3px)}.res.is-sel{box-shadow:0 0 0 3px var(--gem), 0 4px 10px #28461447;background:#fff}.res__ico{font-size:15px;line-height:1}.res__name{font-family:var(--font-d);font-size:12px;font-weight:600}.res__bar{background:#e3d3b8;border-radius:99px;width:26px;height:6px;overflow:hidden}.res__bar i{background:var(--gem);border-radius:99px;height:100%;transition:width .5s,background .4s;display:block}.curb__right{align-items:center;gap:10px;display:flex}.tip{color:#33611a;white-space:nowrap;text-shadow:0 1px #ffffff59;font-size:11px;font-weight:800}.mute{background:#fff8e9eb;border-bottom:3px solid #8c6e4659;border-radius:11px;width:34px;height:30px;font-size:14px}.mute:active{border-bottom-width:1px;transform:translateY(2px)}.mute.is-off{opacity:.55}.toasts{z-index:80;pointer-events:none;justify-items:center;gap:7px;display:grid;position:fixed;bottom:76px;left:50%;transform:translate(-50%)}.toast{color:#fff6e6;font-family:var(--font-d);background:#40291af0;border-radius:99px;padding:8px 18px 9px;font-size:13px;font-weight:500;animation:.35s cubic-bezier(.2,1.6,.4,1) both toastin;box-shadow:0 8px 22px #0000004d}.toast b{color:var(--gem);font-weight:700}.toast.is-out{animation:.35s ease-in forwards toastout}@keyframes toastin{0%{opacity:0;transform:translateY(16px)scale(.85)}}@keyframes toastout{to{opacity:0;transform:translateY(-8px)scale(.94)}}.pop{animation:.4s cubic-bezier(.2,1.8,.4,1) pop}@keyframes pop{40%{transform:scale(1.13)}}.shake{animation:.4s shake}@keyframes shake{25%{transform:translate(-5px)rotate(-1.5deg)}50%{transform:translate(5px)rotate(1.5deg)}75%{transform:translate(-3px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.gem__spin,.crest__gem,.cheer__gem,.pip,.boot__gem{animation:none!important}}@media (width<=1180px){.yard{grid-template-columns:208px minmax(0,1fr) 276px}.ctrl{width:50px}}