.wc-classroom-scene{--wall:#2a2530;--wall-2:#221e28;--mortar:rgba(0, 0, 0, 0.35);--slate:#1d2723;--wood:#6b4524;--wood-2:#4a2e17;--chalk:#f3f0e6;--parch:#ecdcb3;--parch-2:#d9c08a;--ink:#3a2a16;position:relative;isolation:isolate;margin:0 0 22px;padding:64px 22px 0;border-radius:24px;overflow:hidden;border:1px solid rgb(255 255 255 / .08);background:radial-gradient(60% 50% at 50% 30%,color-mix(in srgb,var(--pin) 16%,transparent),transparent 70%),repeating-linear-gradient(0deg,transparent 0 46px,var(--mortar) 46px 48px),repeating-linear-gradient(90deg,transparent 0 94px,var(--mortar) 94px 96px),linear-gradient(180deg,var(--wall),var(--wall-2));box-shadow:0 30px 70px -40px rgb(0 0 0 / .9),inset 0 0 120px rgb(0 0 0 / .55)}.wc-classroom-scene::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 46px,var(--mortar) 46px 48px,transparent 48px 96px);-webkit-mask-image:repeating-linear-gradient(0deg,transparent 0 48px,#000 48px 96px);mask-image:repeating-linear-gradient(0deg,transparent 0 48px,#000 48px 96px);opacity:.8}.wc-classroom-candles{position:absolute;inset:10px 0 auto;display:flex;justify-content:space-around;pointer-events:none}.wc-classroom-candles i{position:relative;width:9px;height:30px;border-radius:3px 3px 2px 2px;background:linear-gradient(90deg,#d9d2bf,#fbf7ea 45%,#cfc6b0)}.wc-classroom-candles i:nth-child(2n){height:24px;margin-top:12px}.wc-classroom-candles i:nth-child(3){margin-top:4px}.wc-classroom-candles i::before{content:'';position:absolute;left:50%;bottom:100%;width:8px;height:14px;margin-left:-4px;border-radius:50% 50% 50% 50% / 60% 60% 40% 40%;background:radial-gradient(circle at 50% 70%,#fff7d0 0 25%,#ffc65a 45%,#ff8a2a 80%,transparent 82%);box-shadow:0 0 18px 6px rgb(255 190 90 / .45);transform-origin:50% 100%}.wc-classroom-front{display:grid;grid-template-columns:110px minmax(0,1fr) 130px;align-items:end;gap:18px}.wc-classroom-window{position:relative;align-self:start;height:170px;margin-top:6px;border:7px solid #3b2f2a;border-radius:60px 60px 6px 6px;background:linear-gradient(90deg,transparent calc(50% - 2px),#3b2f2a calc(50% - 2px) calc(50% + 2px),transparent calc(50% + 2px)),linear-gradient(0deg,transparent calc(55% - 2px),#3b2f2a calc(55% - 2px) calc(55% + 2px),transparent calc(55% + 2px)),radial-gradient(40% 30% at 70% 30%,rgb(255 245 210 / .9),transparent 70%),linear-gradient(180deg,#7fb2e0,#c9e0f0 70%,#e8d7a8);box-shadow:0 0 40px -6px rgb(200 225 255 / .35),inset 0 0 18px rgb(0 0 0 / .35)}.wc-map-night .wc-classroom-window{background:linear-gradient(90deg,transparent calc(50% - 2px),#2a2220 calc(50% - 2px) calc(50% + 2px),transparent calc(50% + 2px)),linear-gradient(0deg,transparent calc(55% - 2px),#2a2220 calc(55% - 2px) calc(55% + 2px),transparent calc(55% + 2px)),radial-gradient(14% 10% at 68% 28%,#fdf6d8 0 60%,transparent 100%),radial-gradient(1px 1px at 22% 20%,#fff,transparent),radial-gradient(1px 1px at 35% 62%,#fff,transparent),radial-gradient(1.5px 1.5px at 80% 70%,#fff,transparent),linear-gradient(180deg,#0c1430,#1c2550 75%,#2a2848);box-shadow:0 0 40px -10px rgb(140 160 255 / .35),inset 0 0 18px rgb(0 0 0 / .5)}.wc-classroom-window::after{content:'';position:absolute;left:-14px;right:-14px;bottom:-14px;height:8px;border-radius:3px;background:#4a3b33}.wc-classroom-board{position:relative;min-height:210px;margin-bottom:26px;padding:24px 28px 30px;border:12px solid var(--wood);border-radius:8px;color:var(--chalk);background:radial-gradient(40% 30% at 20% 25%,rgb(255 255 255 / .07),transparent 70%),radial-gradient(35% 25% at 80% 70%,rgb(255 255 255 / .05),transparent 70%),radial-gradient(60% 40% at 55% 45%,rgb(255 255 255 / .04),transparent 75%),linear-gradient(160deg,#24312b,var(--slate));box-shadow:inset 0 0 0 2px var(--wood-2),inset 0 0 40px rgb(0 0 0 / .55),0 0 0 2px var(--wood-2),0 24px 40px -18px rgb(0 0 0 / .9);text-shadow:0 0 1px rgb(255 255 255 / .6),0 0 6px rgb(255 255 255 / .12)}.wc-classroom-board::after{content:'';position:absolute;left:-16px;right:-16px;bottom:-26px;height:12px;border-radius:2px 2px 4px 4px;background:linear-gradient(180deg,#7a512b,var(--wood-2));box-shadow:0 6px 10px -4px rgb(0 0 0 / .7)}.wc-classroom-board-chalk{position:absolute;bottom:-22px;inset-inline-start:18%;z-index:1;width:28px;height:6px;border-radius:3px;background:#f5f2e8;box-shadow:40px 1px 0 -1px color-mix(in srgb,var(--pin) 70%,#fff)}.wc-classroom-board-eyebrow{margin:0 0 6px;color:color-mix(in srgb,var(--pin) 55%,var(--chalk));font-size:.74rem;letter-spacing:.04em;opacity:.9}.wc-classroom-board-title{margin:0 0 10px;font-size:clamp(1.15rem, 2.4vw, 1.6rem);line-height:1.7;font-weight:700;color:var(--chalk)}.wc-classroom-board-title a{color:inherit;text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100% / 0 1px no-repeat;transition:background-size 0.35s ease}.wc-classroom-board-title a:hover,.wc-classroom-board-title a:focus-visible{background-size:100% 1px}.wc-classroom-board-text{max-width:62ch;margin:0 0 12px;color:rgb(243 240 230 / .82);font-size:.86rem;line-height:2}.wc-classroom-board-meta{display:flex;flex-wrap:wrap;gap:6px 16px;margin:0 0 14px;color:rgb(243 240 230 / .7);font-size:.74rem}.wc-classroom-board-meta i{color:color-mix(in srgb,var(--pin) 55%,var(--chalk))}.wc-classroom-board-meta a{color:inherit}.wc-classroom-board-enter{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;border:1.5px dashed rgb(243 240 230 / .6);border-radius:999px;color:var(--chalk);font-size:.8rem;text-decoration:none;transition:background-color 0.2s ease,border-color 0.2s ease}.wc-classroom-board-enter:hover,.wc-classroom-board-enter:focus-visible{border-style:solid;border-color:var(--chalk);background:rgb(243 240 230 / .08);color:var(--chalk)}.wc-classroom-board .wc-room-flag--new{color:#14110f}.wc-classroom-prop{position:relative;isolation:isolate;display:grid;place-items:end center;height:150px;margin-bottom:26px}.wc-classroom-prop::before{content:'';position:absolute;inset:10% -10% -6%;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--pin) 38%,transparent),transparent);pointer-events:none}.wc-classroom-prop svg{width:120px;height:120px;overflow:visible}.wc-classroom-prop .wc-prop-pin{fill:var(--pin)}.wc-classroom-prop .wc-prop-rim{fill:color-mix(in srgb,var(--pin) 45%,#1a1420);stroke:color-mix(in srgb,var(--pin) 45%,#1a1420)}.wc-classroom-prop .wc-prop-iron{fill:#2b2530;stroke:#2b2530;stroke-linecap:round}.wc-classroom-prop .wc-prop-steam path{fill:none;stroke:rgb(230 245 235 / .55);stroke-width:3;stroke-linecap:round}.wc-classroom-prop .wc-prop-bubble{fill:color-mix(in srgb,var(--pin) 50%,#fff)}.wc-classroom-prop .wc-prop-fire{fill:#ff9a3c}.wc-classroom-prop .wc-prop-wisp{fill:none;stroke:rgb(170 160 200 / .5);stroke-width:6;stroke-linecap:round}.wc-classroom-prop .wc-prop-star{fill:#ffe7a0}.wc-classroom-prop .wc-prop-tail{fill:none;stroke:#8c7f74;stroke-width:6;stroke-linecap:round}.wc-classroom-prop .wc-prop-ear{fill:#8c7f74}.wc-classroom-prop .wc-prop-spark{fill:#fff3c4}.wc-classroom-prop .wc-prop-quill{fill:#f1ece0}.wc-classroom-prop .wc-prop-wand{stroke:#5a3a1e;stroke-linecap:round}.wc-classroom-prop .wc-prop-ghost path{fill:rgb(210 225 240 / .55)}.wc-classroom-prop .wc-prop-eye{fill:rgb(30 40 60 / .7)}.wc-classroom-prop .wc-prop-leaves path{fill:color-mix(in srgb,#3f9a4a 70%,var(--pin))}.wc-classroom-prop--icon i{display:grid;place-items:center;width:96px;height:96px;border-radius:50%;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--pin) 55%,#fff),var(--pin) 70%);color:#fff;font-size:2.4rem;box-shadow:0 0 0 4px rgb(255 255 255 / .1)}.wc-classroom-floor{position:relative;margin:0 -22px;padding:18px 22px 26px;background:repeating-linear-gradient(90deg,rgb(0 0 0 / .18) 0 2px,transparent 2px 120px),linear-gradient(180deg,#3d2a1c,#2a1d13);box-shadow:inset 0 18px 30px -18px rgb(0 0 0 / .9)}.wc-classroom-floor-label{margin:0 0 14px;color:rgb(255 240 215 / .6);font-size:.74rem}.wc-classroom-desks{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:30px 22px;margin:0;padding:0;list-style:none}.wc-classroom-desk{position:relative;padding-bottom:30px}.wc-classroom-desk::before{content:'';position:absolute;left:-8px;right:-8px;bottom:12px;height:22px;border-radius:5px;background:linear-gradient(180deg,#8a5c32,var(--wood) 40%,var(--wood-2));box-shadow:0 10px 14px -8px rgb(0 0 0 / .8)}.wc-classroom-desk::after{content:'';position:absolute;left:10px;right:10px;bottom:0;height:14px;background:linear-gradient(90deg,var(--wood-2) 0 8px,transparent 8px calc(100% - 8px),var(--wood-2) calc(100% - 8px))}.wc-classroom-scroll{position:relative;z-index:1;margin:0 6px;padding:20px 18px 18px;border-radius:4px;color:var(--ink);background:radial-gradient(70% 50% at 30% 20%,rgb(255 255 255 / .35),transparent 70%),radial-gradient(60% 40% at 80% 90%,rgb(120 80 30 / .18),transparent 70%),linear-gradient(180deg,var(--parch),var(--parch-2));box-shadow:0 10px 18px -10px rgb(0 0 0 / .85);transform:rotate(-1.2deg);transform-origin:50% 100%;transition:transform 0.3s ease,box-shadow 0.3s ease}.wc-classroom-desk:nth-child(2n) .wc-classroom-scroll{transform:rotate(1deg)}.wc-classroom-desk:nth-child(3n) .wc-classroom-scroll{transform:rotate(-0.4deg)}.wc-classroom-scroll::before,.wc-classroom-scroll::after{content:'';position:absolute;left:-6px;right:-6px;height:12px;border-radius:6px;background:linear-gradient(180deg,#f3e6c4,#c4a56c 60%,#a8884f);box-shadow:0 2px 4px rgb(0 0 0 / .3)}.wc-classroom-scroll::before{top:-6px}.wc-classroom-scroll::after{bottom:-6px}.wc-classroom-desk:hover .wc-classroom-scroll,.wc-classroom-desk:focus-within .wc-classroom-scroll{transform:translateY(-6px) rotate(0deg);box-shadow:0 18px 26px -12px rgb(0 0 0 / .9),0 0 0 2px color-mix(in srgb,var(--pin) 60%,transparent)}.wc-classroom-scroll-title{margin:0 0 6px;padding-inline-end:44px;font-size:.95rem;line-height:1.8}.wc-classroom-scroll-title a{color:var(--ink);text-decoration:none}.wc-classroom-scroll-title a:hover,.wc-classroom-scroll-title a:focus-visible{color:#000;text-decoration:underline;text-underline-offset:4px}.wc-classroom-scroll-title a::after{content:'';position:absolute;inset:0}.wc-classroom-scroll-meta a,.wc-classroom-scroll-meta .wc-room-badge{position:relative;z-index:1}.wc-classroom-scroll-text{margin:0 0 10px;color:rgb(58 42 22 / .85);font-size:.78rem;line-height:1.9}.wc-classroom-scroll-meta{display:flex;flex-wrap:wrap;gap:4px 12px;margin:0;color:rgb(58 42 22 / .7);font-size:.68rem}.wc-classroom-scroll-meta a{color:inherit}.wc-classroom-scroll-meta .wc-room-badge{border-color:rgb(58 42 22 / .28);background:rgb(58 42 22 / .08);color:var(--ink)}.wc-classroom-scroll-meta i{color:color-mix(in srgb,var(--pin) 70%,var(--ink))}.wc-classroom-scroll-last{flex-basis:100%}.wc-classroom-scroll .wc-room-flag--pin,.wc-classroom-scroll .wc-room-flag--lock{background:rgb(58 42 22 / .12);color:var(--ink)}.wc-classroom-seal{position:absolute;top:12px;inset-inline-end:12px;display:grid;place-items:center;align-content:center;width:42px;height:42px;border-radius:47% 53% 50% 50% / 52% 48% 52% 48%;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--pin) 55%,#fff),var(--pin) 55%,color-mix(in srgb,var(--pin) 70%,#000));color:#fff;line-height:1.05;text-align:center;box-shadow:0 2px 4px rgb(0 0 0 / .35),inset 0 0 0 3px color-mix(in srgb,var(--pin) 80%,#000)}.wc-classroom-seal strong{font-size:.85rem}.wc-classroom-seal span{font-size:.52rem;opacity:.85}.wc-classroom-desk.is-locked .wc-classroom-scroll{filter:saturate(.6) brightness(.92)}.wc-light-mode .wc-classroom-scene{--wall:#b9ab97;--wall-2:#a39380;--mortar:rgba(70, 55, 40, 0.28);border-color:rgb(60 45 30 / .18);box-shadow:0 30px 70px -40px rgb(60 45 30 / .6),inset 0 0 120px rgb(60 45 30 / .25)}.wc-light-mode .wc-classroom-floor{background:repeating-linear-gradient(90deg,rgb(0 0 0 / .12) 0 2px,transparent 2px 120px),linear-gradient(180deg,#8a6440,#6e4e31)}.wc-light-mode .wc-classroom-floor-label{color:rgb(255 245 230 / .85)}@media (max-width:760px){.wc-classroom-scene{padding:54px 14px 0;border-radius:18px}.wc-classroom-front{grid-template-columns:minmax(0,1fr) 76px;gap:10px}.wc-classroom-window{display:none}.wc-classroom-board{padding:18px 18px 24px;border-width:9px;min-height:0}.wc-classroom-prop{height:90px}.wc-classroom-prop svg{width:72px;height:72px}.wc-classroom-prop--icon i{width:60px;height:60px;font-size:1.5rem}.wc-classroom-candles i:nth-child(n+4){display:none}.wc-classroom-floor{margin:0 -14px;padding:16px 14px 22px}.wc-classroom-desks{grid-template-columns:minmax(0,1fr);gap:26px}}@media (max-width:420px){.wc-classroom-front{grid-template-columns:minmax(0,1fr)}.wc-classroom-scene{padding-top:74px}.wc-classroom-prop{position:absolute;top:4px;inset-inline-end:10px;height:66px;margin:0}.wc-classroom-prop svg{width:64px;height:64px}.wc-classroom-prop--icon i{width:52px;height:52px;font-size:1.3rem}.wc-classroom-candles{justify-content:space-evenly;padding-inline-end:84px}}@media (prefers-reduced-motion:no-preference){.wc-classroom-candles i{animation:wc-cls-bob 5s ease-in-out infinite alternate}.wc-classroom-candles i:nth-child(2){animation-duration:6.2s;animation-delay:-1.4s}.wc-classroom-candles i:nth-child(3){animation-duration:4.6s;animation-delay:-2.8s}.wc-classroom-candles i:nth-child(4){animation-duration:5.6s;animation-delay:-0.6s}.wc-classroom-candles i:nth-child(5){animation-duration:6.8s;animation-delay:-3.3s}.wc-classroom-candles i::before{animation:wc-cls-flicker 1.6s ease-in-out infinite alternate}.wc-classroom-candles i:nth-child(2n)::before{animation-duration:1.1s}.wc-classroom-board-title,.wc-classroom-board-text{animation:wc-cls-write 1.4s steps(28,end) both}.wc-classroom-board-text{animation-duration:1.8s;animation-delay:0.9s}.wc-classroom-board-meta{animation:wc-cls-fade 0.5s ease both}.wc-classroom-desk{animation:wc-cls-settle 0.6s ease both}.wc-classroom-desk:nth-child(2){animation-delay:0.08s}.wc-classroom-desk:nth-child(3){animation-delay:0.16s}.wc-classroom-desk:nth-child(4){animation-delay:0.24s}.wc-classroom-desk:nth-child(n+5){animation-delay:0.32s}.wc-prop-steam path{animation:wc-cls-steam 3.2s ease-in-out infinite}.wc-prop-steam path:nth-child(2){animation-delay:-1.1s}.wc-prop-steam path:nth-child(3){animation-delay:-2.2s}.wc-prop-bubble{animation:wc-cls-bubble 2.4s ease-in infinite;transform-box:fill-box}.wc-prop-bubble:nth-of-type(2){animation-delay:-0.8s}.wc-prop-bubble:nth-of-type(3){animation-delay:-1.6s}.wc-prop-fire{animation:wc-cls-flicker 0.9s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:50% 100%}.wc-prop-wisp{animation:wc-cls-steam 5s ease-in-out infinite}.wc-prop-star{animation:wc-cls-twinkle 2.6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.wc-prop-star:nth-of-type(2){animation-delay:-0.9s}.wc-prop-star:nth-of-type(3){animation-delay:-1.7s}.wc-prop-spark{animation:wc-cls-twinkle 1.8s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.wc-prop-spark:nth-of-type(2n){animation-delay:-0.7s}.wc-prop-tail{animation:wc-cls-sway 2.8s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:0% 100%}.wc-prop-feather{animation:wc-cls-float 4.5s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:center}.wc-prop-ghost{animation:wc-cls-ghost 7s ease-in-out infinite alternate}.wc-prop-leaves{animation:wc-cls-sway 3.4s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:50% 100%}}@keyframes wc-cls-bob{from{transform:translateY(0)}to{transform:translateY(-8px)}}@keyframes wc-cls-flicker{0%{transform:scale(1,1);opacity:.95}50%{transform:scale(.92,1.08) skewX(2deg);opacity:1}100%{transform:scale(1.05,.94) skewX(-2deg);opacity:.85}}@keyframes wc-cls-write{from{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0 0 0 0)}}@keyframes wc-cls-fade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes wc-cls-settle{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes wc-cls-steam{0%{opacity:0;transform:translateY(6px)}40%{opacity:1}100%{opacity:0;transform:translateY(-14px)}}@keyframes wc-cls-bubble{0%{opacity:0;transform:translateY(0) scale(.6)}30%{opacity:1}100%{opacity:0;transform:translateY(-22px) scale(1.1)}}@keyframes wc-cls-twinkle{0%,100%{opacity:.35;transform:scale(.7)}50%{opacity:1;transform:scale(1.15)}}@keyframes wc-cls-sway{from{transform:rotate(-5deg)}to{transform:rotate(5deg)}}@keyframes wc-cls-float{from{transform:translateY(0) rotate(-6deg)}to{transform:translateY(-12px) rotate(8deg)}}@keyframes wc-cls-ghost{from{transform:translate(-6px,0);opacity:.75}to{transform:translate(8px,-8px);opacity:1}}