:root{--bg:#07060a;--surface:#0e0c13;--surface-2:#15111d;--purple-dark:#241331;--purple:#62377b;--purple-light:#9b62b5;--red-deep:#681426;--red:#a7223e;--red-soft:#c84a61;--text:#f0ecf3;--text-2:#a49cab;--muted:#68616f;--border:#9b62b524;--border-soft:#f0ecf312;--glow-purple:0 0 24px #62377b40;--glow-red:0 0 18px #a7223e38;--radius:14px;--radius-sm:9px;--font:"Outfit", system-ui, -apple-system, "Segoe UI", sans-serif;--nav-h:60px}*{box-sizing:border-box}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.55;overflow-x:hidden}h1,h2,h3,h4{letter-spacing:.01em;margin:0 0 .4em;font-weight:600;line-height:1.2}h1{font-size:1.7rem}h2{font-size:1.25rem}h3{font-size:1.02rem}p{margin:0 0 .8em}a{color:var(--purple-light);text-decoration:none}a:hover{color:var(--text)}img{max-width:100%;display:block}button{font-family:inherit}::selection{background:#a7223e80}:focus-visible{outline:2px solid var(--purple-light);outline-offset:2px;border-radius:4px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--purple-dark);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--purple)}.app-bg{z-index:-2;background:radial-gradient(ellipse 90% 60% at 75% 10%, #62377b2e, transparent 60%), radial-gradient(ellipse 70% 50% at 15% 90%, #68142624, transparent 60%), var(--bg);position:fixed;top:0;bottom:0;left:0;right:0}.app-bg:after{content:"";background-image:var(--bg-art,none);opacity:.35;background-position:50% 30%;background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0}@media (max-width:768px){.app-bg:after{opacity:.22;background-position:62% 0}}.app-vignette{z-index:-1;pointer-events:none;background:linear-gradient(#07060a8c 0%,#07060a33 30%,#07060abf 100%);position:fixed;top:0;bottom:0;left:0;right:0}.card{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(160deg,#15111deb,#0e0c13f0);padding:18px}.card-soft{border:1px solid var(--border-soft);border-radius:var(--radius);background:#0e0c13b8;padding:16px}.glow-edge{box-shadow:var(--glow-purple)}.btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);min-height:42px;color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:.92rem;font-weight:500;transition:background .15s,border-color .15s,transform .1s;display:inline-flex}.btn:hover{background:var(--purple-dark);border-color:var(--purple)}.btn:active{transform:scale(.98)}.btn.primary{background:linear-gradient(135deg, var(--red-deep), var(--red));box-shadow:var(--glow-red);border-color:#0000}.btn.primary:hover{filter:brightness(1.15)}.btn.ghost{background:0 0}.btn.danger{color:var(--red-soft);border-color:#a7223e80}.btn.danger:hover{background:#6814264d}.btn.small{min-height:34px;padding:6px 12px;font-size:.82rem}.btn:disabled{opacity:.45;cursor:not-allowed}.input,.textarea,.select{border-radius:var(--radius-sm);border:1px solid var(--border);width:100%;min-height:42px;color:var(--text);background:#07060ab3;padding:10px 14px;font-family:inherit;font-size:.95rem}.input:focus,.textarea:focus,.select:focus{border-color:var(--purple);outline:none;box-shadow:0 0 0 3px #62377b33}.textarea{resize:vertical;min-height:90px}.input::placeholder,.textarea::placeholder{color:var(--muted)}label.field{margin-bottom:12px;display:block}label.field>span{color:var(--text-2);letter-spacing:.04em;margin-bottom:5px;font-size:.8rem;display:block}.row{align-items:center;gap:10px;display:flex}.row.between{justify-content:space-between}.row.wrap{flex-wrap:wrap}.stack{flex-direction:column;gap:12px;display:flex}.muted{color:var(--text-2)}.dim{color:var(--muted)}.tiny{font-size:.78rem}.small{font-size:.86rem}.red{color:var(--red-soft)}.purple{color:var(--purple-light)}.center{text-align:center}.spacer{flex:1}.tag{letter-spacing:.05em;border:1px solid var(--border);color:var(--text-2);background:#62377b2e;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:.72rem;display:inline-flex}.tag.red{color:var(--red-soft);background:#68142640;border-color:#a7223e59}.tag.purple{color:var(--purple-light);background:#62377b40}.page{max-width:1200px;margin:0 auto;padding:22px}@media (min-width:769px){.page{padding:34px 40px}}.page-title{flex-wrap:wrap;align-items:baseline;gap:12px;margin-bottom:20px;display:flex}.page-title h1{margin:0}.empty{text-align:center;color:var(--text-2);padding:54px 20px}.empty .glyph{filter:grayscale(.3)opacity(.85);margin-bottom:12px;font-size:2.4rem;display:block}.empty h3{color:var(--text)}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--surface) 25%, var(--surface-2) 50%, var(--surface) 75%);background-size:200% 100%;animation:1.4s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.toast{bottom:calc(var(--nav-h) + 18px);z-index:90;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--glow-purple);max-width:min(92vw,480px);padding:11px 20px;font-size:.9rem;animation:.25s toast-in;position:fixed;left:50%;transform:translate(-50%)}@media (min-width:769px){.toast{bottom:24px}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}.xpbar{border:1px solid var(--border-soft);background:#07060acc;border-radius:99px;height:9px;overflow:hidden}.xpbar>div{background:linear-gradient(90deg, var(--red-deep), var(--red), var(--red-soft));border-radius:99px;height:100%;transition:width .6s;box-shadow:0 0 10px #a7223e80}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.shell{min-height:100dvh;display:flex}.sidebar{border-right:1px solid var(--border-soft);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a080ed1;flex-direction:column;flex-shrink:0;gap:4px;width:218px;height:100dvh;padding:22px 14px;display:none;position:sticky;top:0}@media (min-width:900px){.sidebar{display:flex}}.brand{align-items:center;gap:10px;padding:4px 10px 18px;display:flex}.brand .logo{background:linear-gradient(135deg, var(--purple-dark), var(--red-deep));border:1px solid var(--border);width:34px;height:34px;box-shadow:var(--glow-purple);border-radius:10px;place-items:center;font-size:1.05rem;display:grid}.brand h1{letter-spacing:.14em;margin:0;font-size:1.05rem}.brand .sub{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;font-size:.62rem}.navlink{border-radius:var(--radius-sm);color:var(--text-2);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:11px;width:100%;padding:9px 12px;font-size:.9rem;transition:background .12s,color .12s;display:flex}.navlink:hover{color:var(--text);background:#62377b1f}.navlink.active{color:var(--text);border-color:var(--border);background:#62377b38}.navlink .ico{text-align:center;width:20px;font-size:.95rem}.sidebar .foot{color:var(--muted);margin-top:auto;padding:10px;font-size:.72rem}.main{flex-direction:column;flex:1;min-width:0;display:flex}.content{padding-bottom:calc(var(--nav-h) + 84px);flex:1}@media (min-width:900px){.content{padding-bottom:110px}}.topbar{z-index:40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-soft);background:#07060ad9;align-items:center;gap:12px;padding:14px 18px;display:flex;position:sticky;top:0}@media (min-width:900px){.topbar{padding:14px 40px}}.topbar .title{letter-spacing:.02em;font-size:.95rem;font-weight:600}.topbar .crumb{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;font-size:.72rem}.mobilenav{height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border-soft);background:#0a080ef0;display:flex;position:fixed;bottom:0;left:0;right:0}@media (min-width:900px){.mobilenav{display:none}}.mobilenav button{color:var(--muted);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;min-height:44px;font-size:.62rem;display:flex}.mobilenav button .ico{font-size:1.15rem}.mobilenav button.active{color:var(--red-soft)}.moremenu{right:10px;bottom:calc(var(--nav-h) + 10px);z-index:60;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;min-width:180px;padding:6px;animation:.18s toast-in;display:flex;position:fixed;box-shadow:0 8px 30px #0009}.moremenu button{border-radius:var(--radius-sm);color:var(--text-2);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:10px 12px;font-size:.88rem;display:flex}.moremenu button:hover{color:var(--text);background:#62377b2e}.grid{gap:14px;display:grid}.grid.c2{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}.grid.c3{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))}.grid.c4{grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr))}.dash-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (min-width:900px){.dash-grid{grid-template-columns:repeat(12,1fr)}.dash-grid .span8{grid-column:span 8}.dash-grid .span4{grid-column:span 4}.dash-grid .span6{grid-column:span 6}.dash-grid .span12{grid-column:span 12}}.miniplayer{left:0;right:0;bottom:calc(var(--nav-h) + env(safe-area-inset-bottom));z-index:45;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border);background:#0e0c13f5;align-items:center;gap:12px;padding:8px 14px;display:flex;position:fixed}@media (min-width:900px){.miniplayer{border-top:1px solid var(--border);bottom:0;left:218px}}.content.has-mini{padding-bottom:calc(var(--nav-h) + 150px)}@media (min-width:900px){.content.has-mini{padding-bottom:170px}}.miniplayer .info{flex:1;min-width:0}.miniplayer .info .t{white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;overflow:hidden}.miniplayer .info .a{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.miniplayer .art{background:var(--purple-dark);border-radius:8px;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:1.1rem;display:grid;overflow:hidden}.miniplayer .art img{object-fit:cover;width:100%;height:100%}.miniplayer button{border:1px solid var(--border);width:38px;height:38px;color:var(--text);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.miniplayer button:hover{background:var(--purple-dark)}.miniplayer .prog{background:var(--red);height:2px;transition:width 1s linear;position:absolute;top:-1px;left:0;right:0}.workshop-scene{border-radius:var(--radius);border:1px solid var(--border);aspect-ratio:16/9;background:radial-gradient(80% 65% at 70% 30%,#62377b38,#0000 65%),radial-gradient(60% 45% at 20% 85%,#6814262e,#0000 60%),linear-gradient(#0c0912 0%,#0a0810 100%);min-height:240px;position:relative;overflow:hidden}.workshop-scene .moon{opacity:.85;background:radial-gradient(circle at 35% 35%,#efe9f4,#b9a8c9 70%,#8a7a9b);border-radius:50%;width:34px;height:34px;position:absolute;top:9%;right:12%;box-shadow:0 0 34px #f0ecf359}.workshop-scene .window{background:linear-gradient(#241331b3,#07060ae6);border:2px solid #9b62b540;border-radius:6px;width:16%;height:38%;position:absolute;top:6%;right:7%}.workshop-scene .floor{background:linear-gradient(#0000,#07060ae6);border-top:1px solid #9b62b514;height:26%;position:absolute;bottom:0;left:0;right:0}.workshop-scene .item{filter:drop-shadow(0 4px 8px #0009);cursor:default;place-items:center;font-size:clamp(1.2rem,3.4vw,2rem);transition:transform .2s;display:grid;position:absolute}.workshop-scene .item:hover{transform:scale(1.12)}.workshop-scene .item .label{color:var(--text-2);white-space:nowrap;opacity:0;pointer-events:none;background:#07060ad9;border-radius:6px;padding:2px 7px;font-size:.58rem;transition:opacity .15s;position:absolute;bottom:-1.5em}.workshop-scene .item:hover .label{opacity:1}.pos-guitar{bottom:22%;left:8%}.pos-amp{bottom:22%;left:20%}.pos-pedal{bottom:8%;left:30%}.pos-light{top:14%;left:78%}.pos-poster{top:12%;left:45%}.pos-record{bottom:24%;right:8%}.pos-headphones{bottom:24%;left:42%}.pos-furniture{bottom:22%;right:30%}.pos-decor{bottom:10%;right:45%}.demonica{flex-shrink:0;width:46px;height:46px;animation:4s ease-in-out infinite demonica-breathe;position:relative}.demonica .body{background:radial-gradient(circle at 30% 30%,#241331,#0d0912 75%);border-radius:46% 46% 40% 40%;width:30px;height:26px;position:absolute;bottom:4px;left:50%;transform:translate(-50%);box-shadow:0 3px 10px #0009}.demonica .body:before,.demonica .body:after{content:"";border-bottom:9px solid #1a0e24;border-left:5px solid #0000;border-right:5px solid #0000;width:0;height:0;position:absolute;top:-7px}.demonica .body:before{left:2px;transform:rotate(-14deg)}.demonica .body:after{right:2px;transform:rotate(14deg)}.demonica .eye{background:var(--red-soft);border-radius:50%;width:4px;height:5px;animation:6s infinite demonica-blink;position:absolute;top:9px;box-shadow:0 0 6px #c84a61e6}.demonica .tail{transform-origin:100% 100%;border:2px solid #0000;border-right-color:#241331;border-radius:0 0 60%;width:14px;height:16px;animation:3.2s ease-in-out infinite demonica-tail;position:absolute;bottom:6px;right:2px}.demonica.sitting{transform:scaleY(.94)}.demonica.sleeping .eye{height:1.5px;box-shadow:none;background:#3a2447}@keyframes demonica-breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-2.5px)}}@keyframes demonica-blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes demonica-tail{0%,to{transform:rotate(0)}50%{transform:rotate(22deg)}}.demonica-speech{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:12px 12px 12px 3px;max-width:240px;padding:8px 13px;font-size:.84rem;animation:.25s toast-in;position:relative}.demonica-speech:before{content:"";border:6px solid #0000;border-right-color:var(--border);border-left:none;position:absolute;bottom:10px;left:-6px}.demonica-speech:after{content:"";border:5px solid #0000;border-right-color:var(--surface-2);border-left:none;position:absolute;bottom:11px;left:-4.5px}.polaroid{color:#1c1720;cursor:pointer;background:#efe9f4;border-radius:4px;padding:10px 10px 14px;transition:transform .2s;transform:rotate(-1.2deg);box-shadow:0 6px 18px #00000080}.polaroid:nth-child(2n){transform:rotate(1deg)}.polaroid:nth-child(3n){transform:rotate(-.4deg)}.polaroid:hover{z-index:2;transform:rotate(0)scale(1.03)}.polaroid .ph{aspect-ratio:1;background:#d8cfe0;border-radius:2px;overflow:hidden}.polaroid .ph img{object-fit:cover;width:100%;height:100%}.polaroid .cap{white-space:nowrap;text-overflow:ellipsis;margin-top:8px;font-family:Caveat,Segoe Script,cursive;font-size:1rem;overflow:hidden}.gallery-grid{column-count:2;column-gap:14px}@media (min-width:700px){.gallery-grid{column-count:3}}@media (min-width:1100px){.gallery-grid{column-count:4}}.gallery-grid .polaroid{break-inside:avoid;margin-bottom:14px}.badge-visibility{z-index:2;position:absolute;top:14px;right:14px}.wall{border-radius:var(--radius);border:1px solid var(--border);background:radial-gradient(60% 40% at 50% 0,#62377b24,#0000),linear-gradient(175deg,#14101c 0%,#0e0b14 100%);min-height:420px;padding:18px;position:relative;overflow:hidden}.wall:before{content:"";pointer-events:none;background-image:radial-gradient(#9b62b50f 1px,#0000 1px);background-size:22px 22px;position:absolute;top:0;bottom:0;left:0;right:0}.wall-item{color:#1c1720;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background:#efe9f4;border-radius:3px;width:150px;padding:8px;position:absolute;box-shadow:0 5px 14px #00000080}.wall-item img{pointer-events:none;border-radius:2px;width:100%}.wall-item .txt{overflow-wrap:break-word;font-size:.72rem;line-height:1.35}.wall-item .pin{background:radial-gradient(circle at 35% 35%, var(--red-soft), var(--red-deep));border-radius:50%;width:12px;height:12px;position:absolute;top:-6px;left:50%;transform:translate(-50%);box-shadow:0 2px 4px #00000080}.wall-item .tape{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#f0ecf347;width:54px;height:16px;position:absolute;top:-8px;left:50%;transform:translate(-50%)rotate(-2deg)}.wall-item.dragging{opacity:.85;cursor:grabbing;z-index:5}.wall-item button.del{color:#efe9f4;cursor:pointer;opacity:0;background:#1c1720bf;border:none;border-radius:50%;width:18px;height:18px;font-size:.6rem;transition:opacity .15s;position:absolute;top:2px;right:2px}.wall-item:hover button.del{opacity:1}.share-page{background:radial-gradient(ellipse 80% 55% at 50% 0%, #62377b38, transparent 65%), radial-gradient(ellipse 60% 45% at 50% 100%, #68142629, transparent 60%), var(--bg);place-items:center;min-height:100dvh;padding:30px 18px;display:grid}.share-card{border:1px solid var(--border);border-radius:var(--radius);text-align:center;width:100%;max-width:520px;box-shadow:var(--glow-purple);background:#0e0c13e6;padding:26px}.share-card img{border-radius:var(--radius-sm);object-fit:contain;max-height:62vh;margin:14px auto}.share-card .frame{background:#efe9f4;border-radius:4px;padding:12px 12px 16px;display:inline-block;box-shadow:0 10px 30px #0000008c}.share-card .frame img{margin:0}.share-card .sig{color:var(--purple-light);font-family:Caveat,cursive;font-size:1.15rem}.auth-wrap{place-items:center;min-height:100dvh;padding:24px 18px;display:grid}.auth-card{border:1px solid var(--border);width:100%;max-width:400px;box-shadow:var(--glow-purple);background:#0e0c13f0;border-radius:18px;padding:30px 26px}.auth-card .logo-big{background:linear-gradient(135deg, var(--purple-dark), var(--red-deep));border:1px solid var(--border);border-radius:14px;place-items:center;width:52px;height:52px;margin:0 auto 14px;font-size:1.5rem;display:grid}.auth-card h1{text-align:center;letter-spacing:.22em;margin-bottom:2px;font-size:1.25rem}.auth-card .tagline{text-align:center;color:var(--muted);letter-spacing:.2em;text-transform:uppercase;margin-bottom:22px;font-size:.72rem}.auth-error{color:var(--red-soft);border-radius:var(--radius-sm);background:#68142647;border:1px solid #a7223e66;margin-bottom:14px;padding:10px 14px;font-size:.85rem}.setup-code{border:1px solid var(--border);border-radius:var(--radius-sm);white-space:pre;background:#07060acc;min-width:0;max-width:100%;padding:12px 16px;font-family:ui-monospace,Cascadia Code,monospace;font-size:.8rem;overflow-x:auto}.auth-wrap>*,.auth-card{min-width:0}.auth-card ol,.auth-card p{overflow-wrap:break-word}@media (max-width:480px){.setup-code{white-space:pre-wrap;word-break:break-all}}.levelup-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#07060ad1;place-items:center;animation:.3s toast-in;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.levelup-card{text-align:center;background:var(--surface-2);border:1px solid var(--purple);box-shadow:var(--glow-purple), 0 0 80px #a7223e40;border-radius:20px;padding:40px 48px}.levelup-card .big{letter-spacing:.06em;font-size:2.6rem;font-weight:700}.levelup-card .lv{letter-spacing:.35em;color:var(--red-soft);text-transform:uppercase;font-size:.78rem}.birthday-moon{z-index:70;bottom:calc(var(--nav-h) + 74px);cursor:pointer;opacity:.35;background:0 0;border:none;place-items:center;width:34px;height:34px;font-size:1.15rem;transition:opacity .2s,transform .2s;display:grid;position:fixed;left:14px}@media (min-width:900px){.birthday-moon{bottom:70px;left:232px}}.birthday-moon:hover{opacity:.9;transform:scale(1.15)}.birthday-card{text-align:center;border:1px solid var(--purple);max-width:460px;box-shadow:var(--glow-purple), 0 0 90px #a7223e2e;background:linear-gradient(165deg,#241331f2,#0e0c13f7);border-radius:22px;margin:0 auto;padding:44px 32px}.birthday-card .note{color:var(--text);font-family:Caveat,cursive;font-size:1.3rem;line-height:1.7}.birthday-card .hb{letter-spacing:.4em;text-transform:uppercase;color:var(--red-soft);margin-bottom:18px;font-size:.75rem}.phrase-row{border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:#0e0c1399;align-items:center;gap:12px;padding:12px 14px;display:flex}.phrase-row.learned{background:#6814261f;border-color:#a7223e59}.phrase-row.active{border-color:var(--purple)}.speed-group{flex-wrap:wrap;gap:6px;display:flex}.speed-group button{border:1px solid var(--border);background:var(--surface);min-height:36px;color:var(--text-2);cursor:pointer;border-radius:8px;padding:6px 11px;font-size:.8rem}.speed-group button.on{color:var(--text);border-color:var(--purple);background:#62377b59}.discover-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr))}.discover-card{align-items:flex-start;gap:14px;transition:border-color .15s,transform .15s;display:flex}.discover-card:hover{border-color:var(--purple);transform:translateY(-2px)}.discover-art img{border:1px solid var(--border-soft);border-radius:10px;width:72px;height:72px;box-shadow:0 4px 14px #00000073}.discover-body{flex:1;min-width:0}.discover-title{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.98rem;overflow:hidden}.discover-card audio{border-radius:8px}.workshop-scene{aspect-ratio:16/10}.workshop-scene .rug{opacity:.8;background:repeating-linear-gradient(90deg,#68142666 0 8px,#24133166 8px 16px);border:2px solid #68142680;border-radius:50% 50% 46% 46%/60% 60% 40% 40%;width:40%;height:18%;position:absolute;bottom:4%;left:28%}.workshop-scene .shelf{background:#62377b59;border-radius:2px;width:18%;height:4px;position:absolute;top:34%;left:5%;box-shadow:0 12px 0 -10px #62377b33}.workshop-scene .cable{pointer-events:none;border:2px solid #9b62b54d;border-top:none;border-radius:0 0 60% 60%;width:22%;height:10%;position:absolute;bottom:6%;left:12%}.workshop-scene .item{z-index:2}.workshop-scene .item.equipped-glow{filter:drop-shadow(0 0 12px #9b62b573)}.workshop-scene .lampglow{pointer-events:none;background:radial-gradient(circle,#c84a6124,#0000 65%);border-radius:50%;width:220px;height:220px;animation:7s ease-in-out infinite lamp-flicker;position:absolute}@keyframes lamp-flicker{0%,to{opacity:1}48%{opacity:1}50%{opacity:.82}52%{opacity:1}78%{opacity:.9}}.demonica{cursor:pointer;width:56px;height:56px;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.demonica .body{background:radial-gradient(circle at 32% 28%,#3a2149 0%,#241331 38%,#0d0912 78%);border-radius:48% 48% 42% 42%;width:36px;height:32px;bottom:6px;box-shadow:0 4px 12px #000000a6,inset 0 -3px 6px #68142659}.demonica .body:before,.demonica .body:after{filter:drop-shadow(0 -1px 2px #9b62b540);border-bottom:11px solid #2b1740}.demonica .eye{background:radial-gradient(circle at 40% 35%, #ffd9e0, var(--red-soft) 65%);width:5px;height:6px;top:11px;box-shadow:0 0 8px #c84a61}.demonica .eye.l{left:10px}.demonica .eye.r{right:10px}.demonica .mouth{border-bottom:1.5px solid #c84a61b3;border-radius:0 0 50% 50%;width:7px;height:4px;position:absolute;top:19px;left:50%;transform:translate(-50%)}.demonica .belly{background:radial-gradient(#a7223e66,#0000 75%);border-radius:50%;width:16px;height:10px;position:absolute;bottom:7px;left:50%;transform:translate(-50%)}.demonica .tail{border-right-color:#2b1740;width:16px;height:18px;bottom:8px;right:0}.demonica .horn-glow{pointer-events:none;background:radial-gradient(#9b62b54d,#0000 70%);width:26px;height:8px;position:absolute;top:-4px;left:50%;transform:translate(-50%)}@keyframes demonica-wander{0%,to{transform:translate(0)scaleX(1)}30%{transform:translate(14px)scaleX(1)}31%{transform:translate(14px)scaleX(-1)}70%{transform:translate(2px)scaleX(-1)}71%{transform:translate(2px)scaleX(1)}}.demonica.wandering{animation:3.4s ease-in-out infinite demonica-breathe,12s ease-in-out infinite demonica-wander}@keyframes demonica-hop{0%{transform:translateY(0)scale(1)}20%{transform:translateY(-3px)scale(1.06,.94)}45%{transform:translateY(-14px)scale(.94,1.08)}70%{transform:translateY(0)scale(1.08,.9)}85%{transform:translateY(-3px)scale(.98,1.02)}to{transform:translateY(0)scale(1)}}.demonica.hopping{animation:.7s cubic-bezier(.36,.07,.19,.97) demonica-hop}.demonica.fleeing{transition:transform .45s cubic-bezier(.22,1,.36,1)}.demonica.sleeping .body{filter:saturate(.7)brightness(.85)}.card,.card-soft{transition:border-color .18s,box-shadow .18s,transform .18s}.card:hover{border-color:#9b62b54d}.btn{transition:all .15s}.navlink{position:relative}.navlink.active:before{content:"";background:linear-gradient(180deg, var(--red-soft), var(--red));border-radius:2px;width:2.5px;height:60%;position:absolute;top:20%;left:0;box-shadow:0 0 8px #c84a6180}.page-title h1{background:linear-gradient(100deg, var(--text) 55%, var(--purple-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.garden{border-radius:var(--radius);border:1px solid var(--border);aspect-ratio:16/9;background:radial-gradient(45% 35% at 78% 10%,#f0ecf31f,#0000 70%),radial-gradient(60% 40% at 20% 100%,#68142626,#0000 65%),linear-gradient(#120b1a 0%,#0d0813 45%,#07060a 100%);min-height:260px;position:relative;overflow:hidden}.garden .stars{background-image:radial-gradient(1px 1px at 12% 22%,#f0ecf380,#0000),radial-gradient(1px 1px at 32% 12%,#f0ecf359,#0000),radial-gradient(1.5px 1.5px at 55% 28%,#9b62b580,#0000),radial-gradient(1px 1px at 70% 15%,#f0ecf366,#0000),radial-gradient(1px 1px at 88% 30%,#f0ecf34d,#0000),radial-gradient(1px 1px at 44% 8%,#f0ecf373,#0000);position:absolute;top:0;bottom:40%;left:0;right:0}.garden .moon{background:radial-gradient(circle at 36% 34%,#f4eef8,#b9a8c9 68%,#8a7a9b);border-radius:50%;width:42px;height:42px;position:absolute;top:6%;right:10%;box-shadow:0 0 40px #f0ecf359,0 0 90px #9b62b533}.garden .moon:after{content:"";background:radial-gradient(circle at 60% 55%,#24133140 0 12%,#0000 14%),radial-gradient(circle at 42% 38%,#24133133 0 9%,#0000 11%);border-radius:50%;position:absolute;top:0;bottom:0;left:0;right:0}.garden .ground{background:radial-gradient(80% 100% at 50% 100%,#241331bf,#0000 80%),linear-gradient(#0000,#140c1ce6);border-top:1px solid #68142659;height:30%;position:absolute;bottom:0;left:0;right:0}.garden .mist{filter:blur(6px);background:linear-gradient(90deg,#0000,#9b62b514 25%,#9b62b51f 50%,#9b62b514 75%,#0000);height:18%;animation:14s ease-in-out infinite alternate mist-drift;position:absolute;bottom:24%;left:0;right:0}@keyframes mist-drift{0%{opacity:.7;transform:translate(-4%)}to{opacity:1;transform:translate(4%)}}.gplant{bottom:var(--ground-y,8%);transform-origin:bottom;animation:6s ease-in-out infinite alternate sway;animation-delay:var(--sway-delay,0s);transition:transform .2s;position:absolute}.gplant:hover{transform:scale(1.12)}.gplant .label{color:var(--text-2);white-space:nowrap;opacity:0;pointer-events:none;background:#07060ad9;border-radius:6px;padding:2px 7px;font-size:.58rem;transition:opacity .15s;position:absolute;bottom:-1.6em;left:50%;transform:translate(-50%)}.gplant:hover .label{opacity:1}@keyframes sway{0%{rotate:-2.4deg}to{rotate:2.4deg}}.flower{width:46px;height:74px;position:relative}.flower .stem{background:linear-gradient(#2e4a2e,#1a2c1c);border-radius:2px;width:3px;height:58%;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.flower .stem:before,.flower .stem:after{content:"";background:#2e4a2e;border-radius:2px;width:10px;height:3px;position:absolute}.flower .stem:before{top:32%;left:-6px;rotate:24deg}.flower .stem:after{top:55%;right:-6px;rotate:-24deg}.flower .leaf-l,.flower .leaf-r{background:#2e4a2e;border-radius:0 100%;width:14px;height:7px;position:absolute}.flower .leaf-l{top:34%;left:-1px;rotate:-28deg}.flower .leaf-r{top:56%;right:-1px;rotate:208deg}.flower .head{place-items:center;width:30px;height:30px;display:grid;position:absolute;top:0;left:50%;transform:translate(-50%)}.flower .eyes{z-index:2;gap:5px;display:flex;position:absolute;top:46%;left:50%;transform:translate(-50%)}.flower .eyes:before,.flower .eyes:after{content:"";background:var(--eye,#ffd9e0);width:4px;height:5px;box-shadow:0 0 6px var(--eye,#ffd9e0);border-radius:50%;animation:5.5s infinite blinky}@keyframes blinky{0%,91%,to{transform:scaleY(1)}94%{transform:scaleY(.08)}}.f-bloodrose .head{width:34px;height:34px}.f-bloodrose .head:before{content:"";background:radial-gradient(circle at 50% 50%, #2b050e 0 22%, transparent 24%), conic-gradient(#a7223e 0 40deg, #681426 40deg 80deg, #a7223e 80deg 120deg, #681426 120deg 160deg, #a7223e 160deg 200deg, #681426 200deg 240deg, #a7223e 240deg 280deg, #681426 280deg 320deg, #a7223e 320deg);clip-path:polygon(50% 0,65% 12%,88% 8%,90% 32%,100% 50%,90% 68%,88% 92%,65% 88%,50% 100%,35% 88%,12% 92%,10% 68%,0 50%,10% 32%,12% 8%,35% 12%);border-radius:50%;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:0 0 16px #a7223e8c,inset 0 0 8px #00000080}.f-bloodrose{--eye:#ff9db0}.f-nightbell .head{top:6px}.f-nightbell .head:before{content:"";background:linear-gradient(#9b62b5,#62377b 70%,#3a2149);border-radius:50% 50% 8% 8%/62% 62% 6% 6%;width:24px;height:26px;position:absolute;top:-6px;left:50%;transform:translate(-50%);box-shadow:0 0 14px #9b62b580,inset 0 -4px 6px #0006}.f-nightbell .head:after{content:"";background:#3a2149;border-radius:2px;width:4px;height:8px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.f-nightbell{--eye:#d9b8ef}.f-wraithlily .head:before{content:"";filter:drop-shadow(0 0 8px #f0ecf359);background:radial-gradient(42% 90% at 50% 62%,#c84a61 0 60%,#0000 62%),conic-gradient(from 200deg at 50% 100%,#0000 0deg,#f0ecf3d9 20deg,#0000 40deg,#f0ecf3b3 60deg,#0000 80deg,#f0ecf3d9 100deg,#0000 120deg,#f0ecf3b3 140deg,#0000 160deg);border-radius:4px;position:absolute;top:0;bottom:0;left:0;right:0}.f-wraithlily{--eye:#ffe3ea}.f-wraithlily .stem{opacity:.8}.f-voidtulip .head:before{content:"";background:linear-gradient(#9b62b5 0%,#62377b 55%,#241331 100%);border-radius:50% 50% 10% 10%/70% 70% 8% 8%;width:26px;height:24px;position:absolute;top:2px;left:50%;transform:translate(-50%);box-shadow:0 0 12px #62377b80,inset 0 3px 5px #f0ecf326}.f-voidtulip .head:after{content:"";background:radial-gradient(30% 100% at 20% 100%,#62377b 0 60%,#0000 62%),radial-gradient(30% 100% at 50% 100%,#9b62b5 0 60%,#0000 62%),radial-gradient(30% 100% at 80% 100%,#62377b 0 60%,#0000 62%);width:30px;height:12px;position:absolute;top:-2px;left:50%;transform:translate(-50%)}.f-voidtulip{--eye:#b48ad1}.f-mourndaisy .head:before{content:"";background:conic-gradient(#f0ecf3e6 0 12deg, transparent 12deg 24deg, #f0ecf3e6 24deg 36deg, transparent 36deg 48deg, #f0ecf3e6 48deg 60deg, transparent 60deg 72deg, #f0ecf3e6 72deg 84deg, transparent 84deg 96deg, #f0ecf3e6 96deg 108deg, transparent 108deg 120deg, #f0ecf3e6 120deg 132deg, transparent 132deg 144deg, #f0ecf3e6 144deg 156deg, transparent 156deg 168deg, #f0ecf3e6 168deg 180deg, transparent 180deg 192deg, #f0ecf3e6 192deg 204deg, transparent 204deg 216deg, #f0ecf3e6 216deg 228deg, transparent 228deg 240deg, #f0ecf3e6 240deg 252deg, transparent 252deg 264deg, #f0ecf3e6 264deg 276deg, transparent 276deg 288deg, #f0ecf3e6 288deg 300deg, transparent 300deg 312deg, #f0ecf3e6 312deg 324deg, transparent 324deg 336deg, #f0ecf3e6 336deg 348deg, transparent 348deg);filter:drop-shadow(0 0 6px #f0ecf34d);border-radius:50%;position:absolute;top:-2px;bottom:-2px;left:-2px;right:-2px}.f-mourndaisy .head:after{content:"";background:radial-gradient(circle,#1a0e24 40%,#241331);border-radius:50%;position:absolute;top:8px;bottom:8px;left:8px;right:8px}.f-mourndaisy{--eye:#c84a61}.f-emberbloom .head:before{content:"";background:radial-gradient(circle at 50% 70%,#ffd9a0 0 18%,#c84a61 40%,#681426 75%);border-radius:50% 50% 45% 45%;animation:3.2s ease-in-out infinite ember-pulse;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:0 0 18px #c84a61a6}@keyframes ember-pulse{0%,to{box-shadow:0 0 14px #c84a618c}50%{box-shadow:0 0 24px #c84a61d9}}.f-emberbloom{--eye:#ffd9a0}.vine{width:40px;height:90px;position:relative}.vine .tendril{border:3px solid #0000;border-left-color:#2e4a2e;border-radius:50%;width:30px;height:90px;position:absolute;bottom:0;left:50%}.vine .tendril.t2{opacity:.7;transform:translate(-6px)scaleX(-1)}.vine .leafpair{background:#2e4a2e;border-radius:0 100%;width:12px;height:6px;position:absolute}.vine .leafpair.p1{top:20%;left:-2px;rotate:-30deg}.vine .leafpair.p2{top:42%;right:-2px;rotate:210deg}.vine .leafpair.p3{top:64%;left:0;rotate:-20deg}.v-hexvine .tendril{border-left-color:#3a2b52}.v-hexvine .leafpair{background:#3a2b52}.v-hexvine .bud{background:radial-gradient(circle at 40% 35%,#9b62b5,#241331);border-radius:50% 50% 40% 40%;width:10px;height:12px;position:absolute;top:8px;left:50%;transform:translate(-50%);box-shadow:0 0 10px #9b62b599}.v-gravevine .tendril{border-left-color:#3d1d28}.v-gravevine .leafpair{background:#3d1d28}.v-gravevine .bud{background:radial-gradient(circle at 40% 35%,#c84a61,#1a0e24);border-radius:50%;width:12px;height:10px;position:absolute;top:4px;left:50%;transform:translate(-50%);box-shadow:0 0 10px #c84a6180}.tree{width:110px;height:150px;position:relative}.tree .trunk{background:linear-gradient(90deg,#17101f,#2b1740 55%,#120b1a);border-radius:4px 4px 2px 2px;width:12px;height:46%;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.tree .canopy{width:104px;height:62%;position:absolute;top:4px;left:50%;transform:translate(-50%)}.tree .canopy:before,.tree .canopy:after,.tree .canopy .c3{content:"";background:radial-gradient(circle at 35% 30%,#2b1740,#120b1a 75%);border-radius:46% 54% 50% 50%;position:absolute}.tree .canopy:before{width:62%;height:74%;top:18%;left:0}.tree .canopy:after{width:58%;height:68%;top:22%;right:0}.tree .canopy .c3{width:54%;height:60%;top:0;left:23%}.tree .eyes{z-index:2;gap:8px;display:flex;position:absolute;top:34%;left:50%;transform:translate(-50%)}.tree .eyes:before,.tree .eyes:after{content:"";background:var(--eye,#c84a61);width:6px;height:7px;box-shadow:0 0 10px var(--eye,#c84a61);border-radius:50%;animation:7s infinite blinky}.tree .mouth{border-bottom:2px solid #c84a6199;border-radius:0 0 60% 60%;width:10px;height:5px;position:absolute;top:48%;left:50%;transform:translate(-50%)}.t-deviltree{--eye:#ff9db0}.t-deviltree .canopy:before,.t-deviltree .canopy:after,.t-deviltree .canopy .c3{box-shadow:0 0 30px #a7223e1f}.t-weepingbirch .canopy:before,.t-weepingbirch .canopy:after,.t-weepingbirch .canopy .c3{background:radial-gradient(circle at 35% 30%,#241331,#0d0813 80%)}.t-weepingbirch .branch-d{transform-origin:top;background:#2b1740;width:2px;height:34px;position:absolute;top:40%;left:50%;transform:translate(-50%)rotate(6deg)}.shroom{width:34px;height:40px;position:relative}.shroom .cap{background:radial-gradient(ellipse at 50% 20%, var(--cap1,#a7223e), var(--cap2,#681426));border-radius:50% 50% 12% 12%/85% 85% 10% 10%;width:30px;height:18px;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 0 12px #a7223e66}.shroom .cap:before{content:"";background:#f0ecf380;border-radius:50%;width:6px;height:4px;position:absolute;top:35%;left:22%;box-shadow:10px 3px #f0ecf359,16px -2px #f0ecf366}.shroom .stalk{background:linear-gradient(90deg,#c9c2d0,#8a8095);border-radius:3px 3px 2px 2px;width:8px;height:46%;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.shroom .face{gap:3px;display:flex;position:absolute;bottom:12%;left:50%;transform:translate(-50%)}.shroom .face:before,.shroom .face:after{content:"";background:var(--eye,#1a0e24);border-radius:50%;width:2.5px;height:3.5px}.m-screampore{--cap1:#a7223e;--cap2:#4d0d1c;--eye:#2b050e}.m-eyeshroom{--cap1:#9b62b5;--cap2:#3a2149;--eye:#ffd9e0}.m-eyeshroom .face:before,.m-eyeshroom .face:after{background:#ffd9e0;box-shadow:0 0 5px #ffd9e0}.lantern{width:30px;height:62px;position:relative}.lantern .post{background:#2a2531;width:3px;height:55%;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.lantern .cage{background:radial-gradient(circle at 50% 60%,#c84a61e6,#681426b3 70%);border:2px solid #2a2531;border-radius:6px 6px 8px 8px;width:18px;height:22px;animation:4.5s ease-in-out infinite lantern-flicker;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 0 22px #c84a618c,0 0 50px #c84a6140}.lantern .cage:before{content:"";background:#2a2531;border-radius:2px 2px 0 0;width:8px;height:5px;position:absolute;top:-5px;left:50%;transform:translate(-50%)}@keyframes lantern-flicker{0%,to{opacity:1}45%{opacity:.85}47%{opacity:.7}49%{opacity:.95}}.lantern .glowpool{background:radial-gradient(#c84a6138,#0000 70%);border-radius:50%;width:70px;height:18px;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.l-fairyfire .cage{background:radial-gradient(circle at 50% 60%,#9b62b5e6,#62377bb3 70%);animation:5s ease-in-out infinite alternate fairy-drift;box-shadow:0 0 22px #9b62b58c,0 0 50px #9b62b540}@keyframes fairy-drift{0%{transform:translate(-58%)translateY(0)}to{transform:translate(-42%)translateY(-5px)}}.l-fairyfire .glowpool{background:radial-gradient(#9b62b538,#0000 70%)}.skullstone{width:30px;height:30px;position:relative}.skullstone .rock{background:linear-gradient(#4a4453,#2a2531);border-radius:40% 40% 8% 8%;width:26px;height:18px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.skullstone .skull{background:radial-gradient(circle at 40% 30%,#d8d2de,#8a8095 75%);border-radius:50% 50% 40% 40%;width:16px;height:14px;position:absolute;top:0;left:50%;transform:translate(-50%)}.skullstone .skull:before,.skullstone .skull:after{content:"";background:#1a0e24;border-radius:50%;width:3.5px;height:4px;position:absolute;top:5px;box-shadow:0 0 4px #c84a6199}.skullstone .skull:before{left:3px}.skullstone .skull:after{right:3px}.skullstone .skull .nose{clip-path:polygon(50% 0,0 100%,100% 100%);background:#1a0e24;width:3px;height:2.5px;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.ironfence{opacity:.85;pointer-events:none;justify-content:space-around;align-items:flex-end;height:46px;display:flex;position:absolute;bottom:9%;left:0;right:0}.ironfence .bar{clip-path:polygon(50% 0,100% 14%,100% 100%,0 100%,0 14%);background:linear-gradient(#3a3542,#1d1a24);width:4px;height:38px}.ironfence .rail{background:#2a2531;height:3px;position:absolute;top:12px;left:0;right:0}.gate{width:70px;height:90px;position:relative}.gate .arch{clip-path:inset(0);background:repeating-linear-gradient(90deg,#0000 0 10px,#2a2531e6 10px 14px);border:4px solid #2a2531;border-bottom:none;border-radius:45% 45% 0 0/30% 30% 0 0;position:absolute;top:0;bottom:0;left:0;right:0}.gate .spike{border-bottom:10px solid #2a2531;border-left:5px solid #0000;border-right:5px solid #0000;width:0;height:0;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.gcat{width:40px;height:34px;position:relative}.gcat .bod{background:radial-gradient(circle at 35% 30%,#241331,#0d0912 75%);border-radius:45% 45% 42% 42%;width:26px;height:18px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.gcat .bod:before,.gcat .bod:after{content:"";border-bottom:8px solid #1a0e24;border-left:4px solid #0000;border-right:4px solid #0000;position:absolute;top:-6px}.gcat .bod:before{left:2px;transform:rotate(-14deg)}.gcat .bod:after{right:2px;transform:rotate(14deg)}.gcat .bod .ceye{background:var(--eye,#c84a61);width:4px;height:4.5px;box-shadow:0 0 6px var(--eye,#c84a61);border-radius:50%;position:absolute;top:7px}.gcat .bod .ceye.l{left:6px}.gcat .bod .ceye.r{right:6px}.gcat .ctail{transform-origin:100% 100%;border:2.5px solid #0000;border-right-color:#241331;border-radius:0 0 65%;width:13px;height:15px;animation:3.2s ease-in-out infinite demonica-tail;position:absolute;bottom:3px;right:0}.c-demonica-cat{--eye:#c84a61}.c-imp-cat{--eye:#d9b8ef}.slot-0{--ground-y:7%;left:8%}.slot-1{--ground-y:12%;--sway-delay:.6s;left:20%}.slot-2{--ground-y:6%;--sway-delay:1.1s;left:33%}.slot-3{--ground-y:13%;--sway-delay:.3s;left:46%}.slot-4{--ground-y:8%;--sway-delay:.9s;left:58%}.slot-5{--ground-y:12%;--sway-delay:1.5s;left:70%}.slot-6{--ground-y:6%;--sway-delay:.4s;left:82%}.slot-7{--ground-y:11%;--sway-delay:1.2s;left:90%}.gplant[data-cat=tree]{z-index:1}.gplant[data-cat=flower]{z-index:3}.gplant[data-cat=mushroom]{z-index:4}.gplant[data-cat=creature]{z-index:5}.gplant[data-cat=light],.gplant[data-cat=decor]{z-index:2}@media (prefers-reduced-motion:reduce){.gplant,.flower .eyes:before,.flower .eyes:after,.tree .eyes:before,.tree .eyes:after,.lantern .cage,.garden .mist,.f-emberbloom .head:before{animation:none!important}}