@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.static{position:static}.flex{display:flex}.grid{display:grid}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.flex-wrap{flex-wrap:wrap}.rounded{border-radius:.25rem}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}}:root{--bg-start:#fff9ef;--bg-end:#e2f8ff;--card:#fff;--ink:#14303f;--muted:#55737f;--accent:#ff7e4f;--accent-strong:#e95f2b;--border:#cae5ef;--danger:#bb1f1f;--font-display:"Fredoka",sans-serif;--font-body:"Nunito",sans-serif;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--shadow-soft:0 12px 28px #14303f1a;--shadow-strong:0 18px 40px #14303f24}*{box-sizing:border-box}body{min-height:100vh;font-family:var(--font-body);color:var(--ink);background:radial-gradient(circle at 15% 10%,#fff3db 0%,transparent 35%),radial-gradient(circle at 90% 5%,#cff7ff 0%,transparent 38%),linear-gradient(165deg,var(--bg-start),var(--bg-end));margin:0}h1,h2,h3{font-family:var(--font-display);margin:0}h1{font-size:clamp(1.6rem,1.8vw + 1rem,2.3rem)}h2{margin-top:1.2rem;margin-bottom:.7rem;font-size:1.25rem}p{margin:0}a{color:#0b6da8}.shell{place-items:center;min-height:100vh;padding:2rem 1rem;display:grid}.login-shell{isolation:isolate;position:relative;overflow:hidden}.login-shell:before{content:"";opacity:.14;filter:saturate(1.05);z-index:-1;pointer-events:none;background-image:url(/login-bugs/ladybug.svg),url(/login-bugs/butterfly.svg),url(/login-bugs/bee.svg);background-position:0 0,68px 110px,-42px 88px;background-repeat:repeat,repeat,repeat;background-size:132px 132px,190px 190px,154px 154px;animation:70s linear infinite login-bugs-drift;position:absolute;inset:-20%;transform:rotate(-5deg)}@keyframes login-bugs-drift{0%{background-position:0 0,68px 110px,-42px 88px}to{background-position:-900px 0,-732px 110px,-1170px 88px}}@media (prefers-reduced-motion:reduce){.login-shell:before{animation:none}}.student-shell{padding:0}.card{background:var(--card);border:1px solid var(--border);width:min(100%,520px);box-shadow:var(--shadow-strong);border-radius:24px;padding:1.3rem}.card.wide{width:100%;max-width:none}.edge-shell .card.wide:not(.full-screen-classroom):not(.classroom-full){border-radius:var(--radius-lg);max-width:1320px;margin-inline:auto}.edge-shell{place-items:stretch stretch;padding:0}.eyebrow{letter-spacing:.04em;color:#0b6da8;margin-bottom:.25rem;font-weight:700}.subtitle{color:var(--muted);margin-top:.35rem;margin-bottom:1rem}.form{gap:.8rem;width:100%;display:grid}.menu-tabs{border:1px solid var(--border);border-radius:var(--radius-md);background:#f6fbff;flex-wrap:wrap;gap:.5rem;margin-top:1rem;padding:.45rem;display:flex}.menu-tabs button{--btn-hover-translate-y:0px}.hierarchy-dropdown{width:100%}.hierarchy-dropdown summary{cursor:pointer;font-weight:700}.hierarchy-panel{border:1px solid var(--border);background:#f7fcff;border-radius:10px;margin-top:.45rem;padding:.55rem .7rem}.compact-list{margin:.3rem 0 0;padding-left:1rem}.tab-active{--btn-bg:#0b6da8;--btn-bg-hover:#075b8d;--btn-fg:#fff;--btn-shadow-hover:0 12px 20px #0b6da833;color:#fff;background:#0b6da8;border:1px solid #0b6da8}.form.row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));justify-content:stretch;align-items:end;gap:.75rem;margin-top:.35rem}.checkbox-row{align-items:center;gap:.5rem;font-weight:600;display:flex}.checkbox-row input{flex:none;width:16px;height:16px}.student-picks{border:1px solid var(--border);background:#f8fdff;border-radius:12px;gap:.35rem;padding:.65rem;display:grid}.span-2{grid-column:1/-1}label{gap:.4rem;width:100%;max-width:none;font-weight:600;display:grid}.checkbox-row{max-width:none}input,select,textarea,button{font:inherit}input,select,textarea{border:1px solid var(--border);border-radius:var(--radius-sm);background:#f9feff;width:100%;min-height:42px;padding:.65rem .8rem}textarea{resize:vertical;min-height:92px}button{--btn-bg:var(--accent);--btn-bg-hover:var(--accent-strong);--btn-fg:#fff;--btn-shadow-hover:0 8px 16px #e95f2b33;--btn-hover-translate-y:-1px;border-radius:var(--radius-sm);cursor:pointer;background:var(--btn-bg);color:var(--btn-fg);border:0;min-height:42px;padding:.64rem .9rem;font-weight:700;transition:transform .12s,box-shadow .12s,background .12s}button:hover{background:var(--btn-bg-hover);transform:translateY(var(--btn-hover-translate-y));box-shadow:var(--btn-shadow-hover)}button:disabled{opacity:.7;cursor:not-allowed}button.ghost{--btn-bg:#eff8fb;--btn-bg-hover:#def2f8;--btn-fg:var(--ink);--btn-shadow-hover:0 10px 18px #14303f1a;border:1px solid var(--border)}button.danger-ghost{--btn-bg:#fff3f3;--btn-bg-hover:#ffe2e2;--btn-fg:#b91c1c;--btn-shadow-hover:0 10px 18px #b91c1c1f;border:1px solid #f5c2c2}.hint{color:var(--muted);font-size:.94rem}.status-toast{z-index:40;color:#111827;font-family:var(--font-display);letter-spacing:.03em;text-align:center;pointer-events:none;background:linear-gradient(90deg,#fde68a 0%,#bbf7d0 38%,#bfdbfe 72%,#fbcfe8 100%) 0 0/200% 200%;border:3px solid #111827;border-radius:999px;max-width:min(640px,100% - 2rem);padding:.55rem .9rem;font-weight:900;animation:.18s ease-out statusToastPop,3.4s ease-in-out infinite statusToastShimmer;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 16px 26px #0f172a24}.status-toast.tone-success{background:linear-gradient(90deg,#fde68a 0%,#bbf7d0 38%,#bfdbfe 72%,#fbcfe8 100%) 0 0/200% 200%}.status-toast.tone-info{background:linear-gradient(90deg,#bae6fd 0%,#93c5fd 50%,#a7f3d0 100%) 0 0/200% 200%}.status-toast.tone-warning{background:linear-gradient(90deg,#fde68a 0%,#fdba74 55%,#fbcfe8 100%) 0 0/200% 200%}.status-toast.tone-error{background:linear-gradient(90deg,#fecaca 0%,#fda4af 55%,#fbcfe8 100%) 0 0/200% 200%}@keyframes statusToastPop{0%{opacity:0;transform:translate(-50%)translateY(-10px)scale(.98)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@keyframes statusToastShimmer{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@media (prefers-reduced-motion:reduce){.status-toast{animation:none}}.error{color:var(--danger);font-weight:700}.loading{place-items:center;min-height:100vh;font-weight:700;display:grid}.topbar{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:.8rem;display:flex}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.7rem;margin-top:1rem;display:grid}.stats-grid article{border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);background:#f4fcff;padding:.85rem}.stats-grid strong{font-size:1.5rem;font-family:var(--font-display)}.list{gap:.5rem;margin:.2rem 0 0;padding:0;list-style:none;display:grid}.list li{border:1px solid var(--border);border-radius:var(--radius-md);background:#fcfeff;grid-template-columns:1fr auto;justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem .8rem;display:grid}.list li>span{min-width:0;line-height:1.35}.list li>.inline-field,.list li>div{flex-wrap:wrap;justify-content:flex-end}.avatar-builder{grid-template-columns:minmax(180px,220px) 1fr;gap:1rem;margin-top:.5rem;display:grid}.monster{aspect-ratio:1;color:#0c1d25;font-family:var(--font-display);border:2px dashed #fefefe;border-radius:24px;align-content:center;justify-items:center;font-size:2rem;display:grid;box-shadow:inset 0 -16px 26px #ffffff52}.monster small{text-transform:uppercase;margin-top:.45rem;font-size:.8rem}.controls{gap:.65rem;display:grid}.inline-field{align-items:center;gap:.45rem;display:flex}.inline-field input{flex:1}.inline-field.wrap{flex-wrap:wrap;align-items:center;row-gap:.4rem}.user-menu{z-index:6;justify-items:center;gap:.35rem;min-width:120px;display:grid;position:relative}.menu-popover{border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);z-index:7;background:#fff;min-width:150px;padding:.35rem;position:absolute;top:calc(100% + .35rem);right:0}.menu-popover button{--btn-bg:#fff;--btn-bg-hover:#eff8fb;--btn-fg:var(--ink);--btn-shadow-hover:none;--btn-hover-translate-y:0px;text-align:left;border:1px solid #0000;border-radius:12px;width:100%;min-height:40px;padding:.55rem .7rem}.menu-popover button:hover{border-color:var(--border)}.classroom-scene{background-image:radial-gradient(circle at 20% 12%,#ffffff8c 0%,transparent 42%),radial-gradient(circle at 82% 8%,#ffffff73 0%,transparent 46%),var(--class-wall-texture,none),linear-gradient(180deg,var(--class-wall-color,#d8f1ff)0 42%,var(--class-floor-color,#f9dfbf)42% 100%);background-size:100% 100%,100% 100%,22px 22px,100% 100%;border:3px solid #111827;border-radius:18px;flex:1;min-height:calc(100vh - 160px);margin-top:1rem;padding:1rem;position:relative;overflow:hidden;box-shadow:0 18px 36px #0f172a1f}.classroom-scene:before{content:"";background:linear-gradient(180deg,var(--class-wall-color,#d8f1ff)0%,var(--class-floor-color,#f9dfbf)100%);height:16px;position:absolute;top:42%;left:0;right:0;transform:translateY(-8px)}@supports (color:color-mix(in lab, red, red)){.classroom-scene:before{background:linear-gradient(180deg,color-mix(in srgb,var(--class-wall-color,#d8f1ff)35%,#fff)0%,color-mix(in srgb,var(--class-floor-color,#f9dfbf)25%,#fff)100%)}}.classroom-scene:before{z-index:1;pointer-events:none;border-top:3px solid #111827;border-bottom:3px solid #111827}.classroom-scene>*{z-index:2;position:relative}.classroom-scene:after{content:"";z-index:0;background-image:var(--class-floor-texture,none);opacity:.4;background-size:20px 20px;position:absolute;inset:42% 0 0}.classroom-scene:before{box-shadow:0 8px 14px #0000000f}.classroom-rug{z-index:0;background-image:var(--class-rug-texture,none),radial-gradient(ellipse at center,var(--class-rug-color,#fbbf24)0%,var(--class-rug-color,#fbbf24)64%,var(--class-rug-color,#fbbf24)100%);border-radius:999px;width:min(980px,90%);height:220px;position:absolute;bottom:.6rem;left:50%;transform:translate(-50%)}@supports (color:color-mix(in lab, red, red)){.classroom-rug{background-image:var(--class-rug-texture,none),radial-gradient(ellipse at center,color-mix(in srgb,var(--class-rug-color,#fbbf24)88%,#fff)0%,var(--class-rug-color,#fbbf24)64%,color-mix(in srgb,var(--class-rug-color,#fbbf24)72%,#000)100%)}}.classroom-rug{opacity:.8;background-size:16px 16px,100% 100%;border:3px solid #111827;box-shadow:inset 0 10px #ffffff40,0 14px 24px #0f172a1a}.classroom-rug:before{content:"";pointer-events:none;border:2px dashed #11182773;border-radius:999px;position:absolute;inset:12px;box-shadow:inset 0 0 0 2px #ffffff2e}.windows-row{z-index:0;pointer-events:none;justify-content:space-between;align-items:center;gap:0;width:100%;margin:0 auto;padding-inline:clamp(2.25rem,9vw,12rem);display:flex;position:absolute;top:1rem;left:0;right:0}.classroom-decorations{pointer-events:none;position:absolute;inset:0}.classroom-decorations.base{z-index:1}.classroom-decorations.overlay{z-index:6}.classroom-plant{filter:drop-shadow(0 12px 18px #0f172a1f);opacity:.95;align-content:end;justify-items:center;gap:.25rem;width:88px;height:152px;display:grid;position:absolute;bottom:1.15rem}.classroom-plant.plant-left{left:1.05rem}.classroom-plant.plant-right{right:1.05rem;transform:scale(.94)}.classroom-plant .plant-leaves{width:88px;height:92px;position:relative}.classroom-plant .plant-leaves .leaf{clip-path:polygon(50% 0%,64% 8%,78% 24%,88% 46%,86% 70%,74% 90%,50% 100%,26% 90%,14% 70%,12% 46%,22% 24%,36% 8%);transform-origin:bottom;background:radial-gradient(circle at 30% 22%,#ffffff47 0%,#0000 56%),linear-gradient(120deg,#ffffff38 0%,#0000 42%),linear-gradient(#8fe7c7 0%,#22c55e 36%,#16a34a 72%,#106731 100%);border:2px solid #111827b3;border-radius:999px;width:28px;height:72px;position:absolute;bottom:0;box-shadow:inset 0 -6px #0000001a,0 10px 14px #0f172a1a}.classroom-plant .plant-leaves .leaf:before{content:"";opacity:.55;mix-blend-mode:overlay;pointer-events:none;background:linear-gradient(#ffffff7a 0%,#ffffff24 40%,#0000 100%);border-radius:999px;width:4px;position:absolute;top:10%;bottom:12%;left:50%;transform:translate(-50%)}.classroom-plant .plant-leaves .leaf:after{content:"";opacity:.22;filter:blur(.2px);pointer-events:none;background:repeating-linear-gradient(140deg,#ffffff2e 0 2px,#0000 2px 11px);border-radius:999px;position:absolute;inset:12% 22% 18%}.classroom-plant .leaf-1{height:66px;left:4px;transform:rotate(-18deg)}.classroom-plant .leaf-2{height:74px;left:23px;transform:rotate(-6deg)}.classroom-plant .leaf-3{height:74px;right:23px;transform:rotate(6deg)}.classroom-plant .leaf-4{height:66px;right:4px;transform:rotate(18deg)}.classroom-plant .plant-pot{background:radial-gradient(circle at 30% 25%,#ffffff3d 0%,#0000 56%),linear-gradient(#fb7185 0%,#f43f5e 58%,#be123c 100%);border:3px solid #111827;border-radius:12px 12px 16px 16px;width:64px;height:52px;position:relative;box-shadow:inset 0 -8px #00000024}.classroom-plant .plant-pot:before{content:"";background:linear-gradient(#fb7185 0%,#f43f5e 100%);border:3px solid #111827;border-radius:999px;width:70px;height:20px;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.holiday-decor{position:absolute;inset:0}.halloween-bats{opacity:.95;height:0;position:absolute;top:4.3rem;left:0;right:0}.halloween-bats .bat{clip-path:polygon(0 65%,18% 38%,33% 56%,50% 22%,67% 56%,82% 38%,100% 65%,84% 100%,66% 78%,50% 100%,34% 78%,16% 100%);filter:drop-shadow(0 6px 10px #0f172a2e);background:#111827;width:34px;height:18px;position:absolute}.halloween-bats .bat:first-child{left:18%;transform:rotate(-10deg)scale(.92)}.halloween-bats .bat:nth-child(2){opacity:.8;left:42%;transform:rotate(6deg)scale(.78)}.halloween-bats .bat:nth-child(3){right:20%;transform:rotate(12deg)scale(.96)}.halloween-pumpkins{opacity:.98;height:72px;position:absolute;bottom:1.05rem;left:0;right:0}.halloween-pumpkins .pumpkin{background:radial-gradient(circle at 30% 25%,#ffffff38 0%,#0000 52%),linear-gradient(#fb923c 0%,#f97316 58%,#c2410c 100%);border:3px solid #111827;border-radius:50% 50% 46% 46%;width:54px;height:44px;position:absolute;bottom:0;box-shadow:inset 0 -7px #00000024,0 12px 16px #0f172a1f}.halloween-pumpkins .pumpkin:before{content:"";opacity:.65;pointer-events:none;background:repeating-linear-gradient(90deg,#ffffff1a 0 6px,#0000 6px 12px);border-radius:50%;position:absolute;inset:7px}.halloween-pumpkins .pumpkin:after{content:"";background:linear-gradient(#22c55e 0%,#166534 100%);border:2px solid #111827;border-radius:6px;width:10px;height:16px;position:absolute;top:-12px;left:50%;transform:translate(-50%)rotate(-8deg);box-shadow:inset 0 -4px #0000001f}.halloween-pumpkins .pumpkin:first-child{left:clamp(5.5rem,14vw,9.6rem)}.halloween-pumpkins .pumpkin:nth-child(2){opacity:.92;right:clamp(7.2rem,18vw,11rem);transform:scale(.82)}.halloween-pumpkins .pumpkin:nth-child(3){right:clamp(4.9rem,12vw,8.9rem)}.string-lights{height:60px;position:absolute;top:.35rem;left:.85rem;right:.85rem}.string-lights:before{content:"";background:#111827b8;border-radius:999px;height:5px;position:absolute;top:18px;left:0;right:0;box-shadow:0 8px 12px #0f172a29}.string-lights .light{border:2px solid #111827;border-radius:999px;width:11px;height:16px;position:absolute;top:22px;box-shadow:inset 0 -4px #0000001f}.string-lights .light:before{content:"";background:#111827db;border-radius:6px 6px 4px 4px;width:10px;height:7px;position:absolute;top:-7px;left:50%;transform:translate(-50%)}.string-lights .light:first-child{background:#fca5a5;left:6%;box-shadow:0 0 18px #f8717166,inset 0 -4px #0000001f}.string-lights .light:nth-child(2){background:#facc15;top:28px;left:15%;box-shadow:0 0 18px #facc1566,inset 0 -4px #0000001f}.string-lights .light:nth-child(3){background:#34d399;left:24%;box-shadow:0 0 18px #34d39966,inset 0 -4px #0000001f}.string-lights .light:nth-child(4){background:#60a5fa;top:28px;left:33%;box-shadow:0 0 18px #60a5fa66,inset 0 -4px #0000001f}.string-lights .light:nth-child(5){background:#c084fc;left:42%;box-shadow:0 0 18px #c084fc66,inset 0 -4px #0000001f}.string-lights .light:nth-child(6){background:#fca5a5;top:28px;left:51%;box-shadow:0 0 18px #f8717166,inset 0 -4px #0000001f}.string-lights .light:nth-child(7){background:#facc15;left:60%;box-shadow:0 0 18px #facc1566,inset 0 -4px #0000001f}.string-lights .light:nth-child(8){background:#34d399;top:28px;left:69%;box-shadow:0 0 18px #34d39966,inset 0 -4px #0000001f}.string-lights .light:nth-child(9){background:#60a5fa;left:78%;box-shadow:0 0 18px #60a5fa66,inset 0 -4px #0000001f}.string-lights .light:nth-child(10){background:#c084fc;top:28px;left:87%;box-shadow:0 0 18px #c084fc66,inset 0 -4px #0000001f}.string-lights .light:nth-child(11){background:#fca5a5;left:96%;box-shadow:0 0 18px #f8717166,inset 0 -4px #0000001f}.gift-stack{opacity:.95;gap:.35rem;display:grid;position:absolute;bottom:1.05rem;left:6.2rem}.gift-stack .gift{border:3px solid #111827;border-radius:14px;width:50px;height:44px;position:relative;overflow:hidden;box-shadow:inset 0 -8px #0000001f,0 12px 16px #0f172a1f}.gift-stack .gift:before{content:"";background:#ffffffb8;width:10px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);box-shadow:inset 0 -6px #00000014}.gift-stack .gift:after{content:"";background:#ffffffb8;height:10px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);box-shadow:inset 0 -6px #00000014}.gift-stack .gift:first-child{background:linear-gradient(#60a5fa 0%,#3b82f6 65%,#1d4ed8 100%)}.gift-stack .gift:nth-child(2){background:linear-gradient(#fb7185 0%,#f43f5e 65%,#be123c 100%);margin-left:18px;transform:scale(.92)}.easter-eggs{opacity:.95;height:64px;position:absolute;bottom:1.1rem;left:0;right:0}.easter-eggs .egg{background:radial-gradient(circle at 30% 25%,#ffffff4d 0%,#0000 55%),linear-gradient(#fce7f3 0%,#fbcfe8 55%,#f472b6 100%);border:3px solid #111827;border-radius:50% 50% 46% 46%;width:28px;height:38px;position:absolute;bottom:0;overflow:hidden;box-shadow:inset 0 -6px #0000001f,0 12px 16px #0f172a1a}.easter-eggs .egg:before{content:"";opacity:.55;pointer-events:none;background:repeating-linear-gradient(45deg,#0000 0 6px,#ffffff59 6px 10px),radial-gradient(circle at 30% 60%,#ffffff59 0 2px,#0000 2.2px),radial-gradient(circle at 68% 46%,#ffffff59 0 2px,#0000 2.2px);position:absolute;inset:0}.easter-eggs .egg:first-child{background:linear-gradient(#bfdbfe 0%,#93c5fd 55%,#60a5fa 100%);left:16%}.easter-eggs .egg:nth-child(2){background:linear-gradient(#bbf7d0 0%,#86efac 55%,#22c55e 100%);bottom:10px;left:23%}.easter-eggs .egg:nth-child(3){background:linear-gradient(#fde68a 0%,#fcd34d 55%,#f59e0b 100%);left:31%}.easter-eggs .egg:nth-child(4){background:linear-gradient(#e9d5ff 0%,#c4b5fd 55%,#8b5cf6 100%);right:31%}.easter-eggs .egg:nth-child(5){background:linear-gradient(#fecaca 0%,#fca5a5 55%,#f87171 100%);bottom:10px;right:23%}.easter-eggs .egg:nth-child(6){background:linear-gradient(#a7f3d0 0%,#6ee7b7 55%,#10b981 100%);right:16%}.easter-eggs .egg:nth-child(7){background:linear-gradient(#cffafe 0%,#a5f3fc 55%,#22d3ee 100%);bottom:6px;right:8%;transform:scale(.92)}.birthday-banner{width:min(720px,100% - 2.4rem);font-family:var(--font-display);text-align:center;z-index:7;background:linear-gradient(90deg,#fb7185 0%,#facc15 38%,#34d399 68%,#60a5fa 100%);border:3px solid #111827;border-radius:14px;padding:.55rem 1.1rem;position:absolute;top:.6rem;left:50%;transform:translate(-50%);box-shadow:0 14px 22px #0f172a29}.birthday-banner:before,.birthday-banner:after{content:"";background:#11182740;border:3px solid #111827;border-top:0;border-left:0;width:18px;height:18px;position:absolute;top:50%;transform:translateY(-50%)rotate(45deg)}.birthday-banner:before{left:-10px}.birthday-banner:after{right:-10px}.birthday-banner span{color:#111827;text-shadow:0 2px #fff9;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:clamp(1.05rem,.9vw + .75rem,1.45rem);display:inline-block;overflow:hidden}.snow-overlay,.confetti-overlay{pointer-events:none;position:absolute;inset:0}@keyframes snowFall{0%{opacity:0;transform:translateY(-12vh)}10%{opacity:.85}to{opacity:.85;transform:translateY(120vh)}}.snowflake{background:#ffffffe0;border-radius:999px;width:9px;height:9px;animation:7.5s linear infinite snowFall;position:absolute;top:0;box-shadow:0 0 0 2px #1118271a}.snowflake:first-child{animation-duration:7.8s;animation-delay:-1.2s;left:6%;transform:translateY(-20vh)scale(.85)}.snowflake:nth-child(2){animation-duration:8.4s;animation-delay:-4.8s;left:14%;transform:translateY(-14vh)scale(1.1)}.snowflake:nth-child(3){animation-duration:7.2s;animation-delay:-2.4s;left:22%;transform:translateY(-30vh)scale(.95)}.snowflake:nth-child(4){animation-duration:9.1s;animation-delay:-6.1s;left:33%;transform:translateY(-22vh)scale(1.2)}.snowflake:nth-child(5){animation-duration:8.8s;animation-delay:-3.8s;left:41%;transform:translateY(-28vh)scale(.9)}.snowflake:nth-child(6){animation-duration:7.6s;animation-delay:-5.4s;left:48%;transform:translateY(-18vh)scale(1.05)}.snowflake:nth-child(7){animation-duration:9.4s;animation-delay:-2.9s;left:56%;transform:translateY(-24vh)scale(.88)}.snowflake:nth-child(8){animation-duration:8.1s;animation-delay:-6.6s;left:64%;transform:translateY(-32vh)scale(1.18)}.snowflake:nth-child(9){animation-duration:7.4s;animation-delay:-1.7s;left:72%;transform:translateY(-16vh)scale(.92)}.snowflake:nth-child(10){animation-duration:9.2s;animation-delay:-4.2s;left:80%;transform:translateY(-26vh)scale(1.1)}.snowflake:nth-child(11){animation-duration:7.7s;animation-delay:-3.1s;left:88%;transform:translateY(-20vh)scale(.86)}.snowflake:nth-child(12){animation-duration:8.9s;animation-delay:-5.9s;left:95%;transform:translateY(-34vh)scale(1.22)}@keyframes confettiFall{0%{opacity:0;transform:translateY(-12vh)rotate(0)}10%{opacity:.9}to{opacity:.9;transform:translateY(120vh)rotate(520deg)}}.confetti{background:#facc15;border:2px solid #11182733;border-radius:4px;width:10px;height:16px;animation:6.8s linear infinite confettiFall;position:absolute;top:0;box-shadow:0 10px 18px #0f172a1a}.confetti:first-child{background:#fb7185;animation-duration:6.6s;animation-delay:-1.8s;left:6%}.confetti:nth-child(2){background:#60a5fa;animation-duration:7.2s;animation-delay:-5.2s;left:10%}.confetti:nth-child(3){background:#34d399;animation-duration:6.9s;animation-delay:-2.6s;left:14%}.confetti:nth-child(4){background:#facc15;animation-duration:7.4s;animation-delay:-4.4s;left:18%}.confetti:nth-child(5){background:#c084fc;animation-duration:6.5s;animation-delay:-3.5s;left:23%}.confetti:nth-child(6){background:#fb923c;animation-duration:7.3s;animation-delay:-1.1s;left:28%}.confetti:nth-child(7){background:#2dd4bf;animation-duration:6.8s;animation-delay:-5.6s;left:33%}.confetti:nth-child(8){background:#fca5a5;animation-duration:7.1s;animation-delay:-2.2s;left:38%}.confetti:nth-child(9){background:#86efac;animation-duration:6.7s;animation-delay:-4.1s;left:43%}.confetti:nth-child(10){background:#fde047;animation-duration:7.5s;animation-delay:-3.2s;left:48%}.confetti:nth-child(11){background:#93c5fd;animation-duration:6.9s;animation-delay:-5.9s;left:52%}.confetti:nth-child(12){background:#fb7185;animation-duration:7.4s;animation-delay:-2.9s;left:56%}.confetti:nth-child(13){background:#34d399;animation-duration:6.6s;animation-delay:-4.8s;left:60%}.confetti:nth-child(14){background:#facc15;animation-duration:7.2s;animation-delay:-1.9s;left:64%}.confetti:nth-child(15){background:#c084fc;animation-duration:6.7s;animation-delay:-3.7s;left:68%}.confetti:nth-child(16){background:#60a5fa;animation-duration:7.5s;animation-delay:-5.3s;left:72%}.confetti:nth-child(17){background:#fb923c;animation-duration:7.1s;animation-delay:-2.1s;left:76%}.confetti:nth-child(18){background:#2dd4bf;animation-duration:6.6s;animation-delay:-4.6s;left:80%}.confetti:nth-child(19){background:#fca5a5;animation-duration:7.3s;animation-delay:-3s;left:84%}.confetti:nth-child(20){background:#86efac;animation-duration:6.9s;animation-delay:-5.8s;left:88%}.confetti:nth-child(21){background:#fde047;animation-duration:7.5s;animation-delay:-2.7s;left:92%}.confetti:nth-child(22){background:#93c5fd;animation-duration:6.8s;animation-delay:-4s;left:96%}.confetti:nth-child(23){background:#fb7185;animation-duration:7.6s;animation-delay:-.9s;top:-8vh;left:12%}.confetti:nth-child(24){background:#34d399;animation-duration:7.8s;animation-delay:-1.4s;top:-10vh;left:58%}.confetti:nth-child(25){background:#facc15;animation-duration:7.7s;animation-delay:-2s;top:-14vh;left:76%}.confetti:nth-child(26){background:#60a5fa;animation-duration:7.9s;animation-delay:-3.1s;top:-12vh;left:36%}@media (prefers-reduced-motion:reduce){.snowflake,.confetti{animation:none}}.student-view{padding-top:1.5rem;position:relative}.full-screen-classroom{border:0;border-radius:0;flex-direction:column;width:100%;max-width:none;min-height:100vh;margin:0;display:flex}.classroom-full{border:0;border-radius:0;width:100%;max-width:none;min-height:100vh;margin:0}.stats-panel{border:1px solid var(--border);border-radius:var(--radius-md);width:min(260px,92vw);box-shadow:var(--shadow-soft);z-index:2;background:#ffffffeb;gap:.45rem;padding:.7rem;display:grid;position:absolute;top:6.4rem;right:1.2rem}.user-monster-trigger{--btn-bg:#fff;--btn-bg-hover:#fff;--btn-fg:var(--ink);--btn-shadow-hover:0 10px 18px #14303f29;--btn-hover-translate-y:0px;border:1px solid #cbe2ec;border-radius:999px;place-items:center;width:auto;min-width:74px;margin-top:.1rem;padding:.45rem;display:grid;box-shadow:0 6px 14px #14303f1f}.user-monster-trigger .scene-monster{--monster-size:60px}.avatar-trigger{--btn-bg:#f6fbff;--btn-bg-hover:#e7f6ff;--btn-fg:var(--ink);--btn-shadow-hover:0 10px 18px #14303f1a;border:1px solid var(--border);justify-items:center;gap:.3rem;display:grid}.avatar-trigger .scene-monster{--monster-size:72px}.avatar-editor{gap:.55rem;margin-top:.25rem;display:grid}.student-goals{margin-top:1rem}.store-launch-button{--btn-bg:#fb923c;--btn-bg-hover:#f97316;--btn-fg:#fff;--btn-shadow-hover:0 12px 20px #f9731638;border:1px solid #ea6b1d;align-items:center;gap:.45rem;width:auto;min-height:40px;padding:.35rem .55rem;display:inline-flex}.store-launch-icon{background:#ffb36f;border:1px solid #f48a30;border-radius:999px;place-items:center;width:24px;height:24px;display:grid}.store-launch-icon svg{fill:#6b2f00;width:14px;height:14px}.store-launch-label{letter-spacing:.02em;font-weight:800}.goal-progress-button{--btn-bg:#f1fbff;--btn-bg-hover:#ddf4ff;--btn-fg:var(--ink);--btn-shadow-hover:0 10px 18px #14303f1a;border:1px solid var(--border);justify-content:flex-start;align-items:center;gap:.6rem;width:100%;display:flex}.goal-pie{border-radius:999px;width:34px;height:34px;display:inline-block;position:relative}.goal-pie:after{content:"";background:#fff;border-radius:999px;position:absolute;inset:7px}.store-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.6rem;margin-top:.6rem;display:grid}.store-item{border:1px solid var(--border);border-radius:var(--radius-md);background:#f9fdff;gap:.35rem;padding:.55rem;display:grid}.store-category-tabs{flex-wrap:wrap;gap:.45rem;margin-top:.6rem;display:flex}.store-category-tab{letter-spacing:.01em;padding:.55rem .75rem;font-weight:900}.store-item-preview{border-radius:var(--radius-md);border:1px dashed var(--border);place-items:center;padding:.45rem;display:grid}@supports (color:color-mix(in lab, red, red)){.store-item-preview{border:1px dashed color-mix(in srgb,var(--border)78%,#7dd3fc)}}.store-item-preview{background:linear-gradient(#fff 0%,#eef9ff 100%);min-height:92px}.store-item-preview .scene-monster{--monster-size:76px}.store-item-name{text-align:center;font-weight:950}.store-item-meta{text-align:center;color:var(--ink);font-weight:800}@supports (color:color-mix(in lab, red, red)){.store-item-meta{color:color-mix(in srgb,var(--ink)74%,#64748b)}}.store-item button{width:100%}.store-item.store-item-owned{background:#f0fdf4;border-color:#22c55e}@supports (color:color-mix(in lab, red, red)){.store-item.store-item-owned{border-color:color-mix(in srgb,#22c55e 32%,var(--border))}}.store-item.store-item-owned .store-item-meta{color:#16a34a}.store-admin-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.7rem;margin-top:.6rem;display:grid}.store-admin-card{border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);background:#f9fdff;padding:.7rem}.store-admin-card h3{margin:0;font-size:1rem}.store-admin-list{gap:.5rem;margin:.6rem 0 0;padding:0;list-style:none;display:grid}.store-admin-row{border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;justify-content:space-between;align-items:center;gap:.6rem;padding:.45rem .5rem;display:flex}.store-admin-label{align-items:center;gap:.45rem;font-weight:700;display:inline-flex}.store-admin-dot{border:1px solid #14303f4d;border-radius:999px;width:15px;height:15px}.store-admin-points{align-items:center;gap:.35rem;font-size:.86rem;display:inline-flex}.store-admin-points input{width:70px;padding:.35rem .45rem}.store-admin-actions{margin-top:.7rem}.game-zone{flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;gap:.65rem;margin-top:.85rem;padding-right:clamp(1.2rem,10vw,10.5rem);display:flex}.game-zone.with-easel{padding-left:clamp(6rem,9vw,12rem)}.game-zone.with-easel .classroom-easel-button{margin-right:auto}.classroom-easel-button{cursor:pointer;--easel-floor-offset:28px;transform:translateY(var(--easel-floor-offset));background:0 0;border:0;border-radius:16px;justify-items:center;gap:.35rem;margin:0;padding:0;transition:transform .12s,filter .12s,opacity .12s;display:grid}.classroom-easel-button:hover{transform:translateY(calc(var(--easel-floor-offset) - 2px));filter:drop-shadow(0 12px 18px #0f172a24)}.classroom-easel-button:active{transform:translateY(calc(var(--easel-floor-offset) - 1px));filter:drop-shadow(0 10px 16px #0f172a1f)}.classroom-easel-button:focus-visible{outline-offset:6px;outline:3px solid #facc158c}.classroom-easel{justify-items:center;width:128px;height:172px;padding-bottom:38px;display:grid;position:relative}.classroom-easel .easel-board{background:linear-gradient(#fff7ed 0%,#fed7aa 55%,#fb923c 100%);border:3px solid #111827;border-radius:16px;width:122px;height:124px;padding:.45rem;position:relative;box-shadow:inset 0 0 0 2px #fff9,0 14px 20px #0f172a1f}.classroom-easel .easel-board:after{content:"";background:#1118272e;border-radius:999px;height:10px;position:absolute;bottom:12px;left:14px;right:14px}.classroom-easel .easel-paper{background:#fff;border:2px solid #1118273d;border-radius:12px;place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden}.classroom-easel .easel-paper:before{content:"";opacity:.7;pointer-events:none;background:radial-gradient(circle at 22% 26%,#7dd3fc2e 0 18px,#0000 19px),radial-gradient(circle at 78% 18%,#f472b62e 0 18px,#0000 19px),radial-gradient(circle at 64% 72%,#4ade802e 0 18px,#0000 19px),repeating-linear-gradient(#0000 0 12px,#1118270f 12px 13px);position:absolute;inset:0}.classroom-easel .easel-paper img{object-fit:cover;z-index:1;background:#fff;width:100%;height:100%;display:block;position:relative}.classroom-easel .easel-placeholder{z-index:1;font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:#111827a6;text-align:center;padding:0 .35rem;font-weight:950;position:relative}.classroom-easel .easel-leg{background:linear-gradient(#fde68a 0%,#fbbf24 55%,#b45309 100%);border:3px solid #111827;border-radius:10px;width:14px;height:54px;position:absolute;bottom:0;box-shadow:inset 0 -4px #00000029}.classroom-easel .easel-leg.left{transform-origin:top;left:20px;transform:rotate(10deg)}.classroom-easel .easel-leg.right{transform-origin:top;right:20px;transform:rotate(-10deg)}.classroom-easel .easel-leg.back{opacity:.9;width:12px;height:60px;bottom:6px;left:50%;transform:translate(-50%)}.classroom-easel .easel-crossbar{background:linear-gradient(#fde68a 0%,#fbbf24 100%);border:3px solid #111827;border-radius:999px;height:12px;position:absolute;bottom:32px;left:28px;right:28px;box-shadow:inset 0 -3px #00000029}.classroom-easel-label{font-family:var(--font-display);letter-spacing:.02em;border:1px solid var(--border);color:#111827;background:#ffffffd9;border-radius:999px;padding:.12rem .55rem;font-size:.92rem;font-weight:950}.game-desk{justify-items:center;gap:.35rem;padding-bottom:34px;display:grid;position:relative}.games-callout{z-index:3;pointer-events:none;position:absolute;top:-52px;left:50%;transform:translate(-50%)}.games-callout span{color:#111827;font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;text-shadow:0 2px #ffffff8c;background:linear-gradient(90deg,#fb7185 0%,#facc15 35%,#34d399 70%,#60a5fa 100%) 0 0/200% 200%;border:3px solid #111827;border-radius:999px;justify-content:center;align-items:center;padding:.28rem .75rem;font-weight:950;display:inline-flex;box-shadow:0 14px 22px #0f172a29}.games-callout:after{content:"";background:#facc15;border:3px solid #111827;border-top:0;border-left:0;width:18px;height:18px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)rotate(45deg);box-shadow:0 10px 18px #0f172a1f}@keyframes gamesCalloutBounce{0%{transform:translate(-50%)translateY(0)rotate(-2deg)scale(1)}45%{transform:translate(-50%)translateY(-7px)rotate(2deg)scale(1.05)}to{transform:translate(-50%)translateY(0)rotate(-2deg)scale(1)}}@keyframes gamesRainbowShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.game-zone.interactive .games-callout{filter:drop-shadow(0 0 18px #34d39959)drop-shadow(0 0 22px #facc1547);animation:1.85s ease-in-out infinite gamesCalloutBounce}.game-zone.interactive .games-callout span{animation:3.2s ease-in-out infinite gamesRainbowShift}@media (prefers-reduced-motion:reduce){.game-zone.interactive .games-callout,.game-zone.interactive .games-callout span{animation:none}}.game-desk>button{z-index:2;position:relative}.game-desk:before,.game-desk:after{content:"";background:var(--class-desk-color,#8b5a3c);border-radius:6px;width:16px;height:26px;position:absolute;bottom:0}@supports (color:color-mix(in lab, red, red)){.game-desk:before,.game-desk:after{background:color-mix(in srgb,var(--class-desk-color,#8b5a3c)70%,#111827)}}.game-desk:before,.game-desk:after{z-index:0;border:3px solid #111827;box-shadow:inset 0 -4px #0003}.game-desk:before{left:calc(50% - 75px)}.game-desk:after{right:calc(50% - 75px)}.desk-top{background-image:var(--class-desk-texture,none),linear-gradient(180deg,var(--class-desk-color,#8b5a3c)0%,var(--class-desk-color,#8b5a3c)55%,var(--class-desk-color,#8b5a3c)100%);border:3px solid #111827;border-radius:14px;width:186px;height:52px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}@supports (color:color-mix(in lab, red, red)){.desk-top{background-image:var(--class-desk-texture,none),linear-gradient(180deg,color-mix(in srgb,var(--class-desk-color,#8b5a3c)86%,#fff)0%,var(--class-desk-color,#8b5a3c)55%,color-mix(in srgb,var(--class-desk-color,#8b5a3c)70%,#111827)100%)}}.desk-top{z-index:1;background-size:14px 14px,auto;overflow:hidden;box-shadow:inset 0 -10px #00000024,0 12px 18px #0f172a1f}.desk-top:before{content:"";background:linear-gradient(180deg,var(--class-desk-color,#8b5a3c)0%,var(--class-desk-color,#8b5a3c)100%);height:14px;position:absolute;top:0;left:0;right:0}@supports (color:color-mix(in lab, red, red)){.desk-top:before{background:linear-gradient(180deg,color-mix(in srgb,var(--class-desk-color,#8b5a3c)80%,#fff)0%,color-mix(in srgb,var(--class-desk-color,#8b5a3c)62%,#111827)100%)}}.desk-top:before{opacity:.95;border-bottom:3px solid #111827}.desk-top:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0 49%,#1118272e 49% 51%,#0000 51% 100%),radial-gradient(circle at 25% 60%,#ffffff24 0%,#0000 60%),radial-gradient(circle at 75% 60%,#ffffff24 0%,#0000 60%);border:2px solid #1118274d;border-radius:10px;position:absolute;inset:18px 12px 12px}.game-desk .computer-icon{gap:4px;width:74px}.game-desk .computer-icon .screen{width:74px;height:50px}.game-desk .computer-icon .base{border-radius:7px;width:46px;height:11px}.game-desk .computer-icon:after{border-radius:9px;width:64px;height:14px;top:54px}@keyframes minigamesPulse{0%{filter:drop-shadow(0 10px 16px #0f172a24);transform:translateY(0)}50%{filter:drop-shadow(0 14px 18px #0f172a29)drop-shadow(0 0 18px #34d39973);transform:translateY(-4px)}to{filter:drop-shadow(0 10px 16px #0f172a24);transform:translateY(0)}}.game-zone.interactive .minigames-computer-button .computer-icon{transform-origin:bottom;animation:2.6s ease-in-out infinite minigamesPulse}@media (prefers-reduced-motion:reduce){.game-zone.interactive .minigames-computer-button .computer-icon{animation:none}}.clock-game-button{--btn-bg:#ffffffc7;--btn-bg-hover:#fff;--btn-fg:var(--ink);--btn-shadow-hover:0 12px 20px #0f172a1f;border:2px solid #b8cfd9;border-radius:14px;justify-items:center;gap:.35rem;padding:.6rem .75rem;display:inline-grid}.clock-game-button.active{border-color:#34d399;box-shadow:0 0 0 4px #34d3993b,0 12px 20px #0f172a1f}.clock-game-button.locked{opacity:.8}.computer-game-button{--btn-bg:#ffffffc7;--btn-bg-hover:#fff;--btn-fg:var(--ink);--btn-shadow-hover:0 12px 20px #0f172a1f;border:2px solid #b8cfd9;border-radius:14px;justify-items:center;gap:.35rem;padding:.6rem .75rem;display:inline-grid}.computer-game-button.active{border-color:#34d399;box-shadow:0 0 0 4px #34d3993b,0 12px 20px #0f172a1f}.computer-game-button.locked{opacity:.8}.minigames-computer-button{cursor:pointer;background:0 0;border:0;border-radius:12px;place-items:center;margin:0;padding:0;transition:transform .12s,filter .12s,opacity .12s;display:grid}.minigames-computer-button:hover{filter:drop-shadow(0 12px 18px #0f172a24);transform:translateY(-2px)}.minigames-computer-button:active{filter:drop-shadow(0 10px 16px #0f172a1f);transform:translateY(-1px)}.minigames-computer-button:disabled{opacity:.62;cursor:not-allowed;filter:none;transform:none}.minigames-computer-button:focus-visible{outline-offset:6px;outline:3px solid #34d3998c}.math-game-button{--btn-bg:#ffffffc7;--btn-bg-hover:#fff;--btn-fg:var(--ink);--btn-shadow-hover:0 12px 20px #0f172a1f;border:2px solid #b8cfd9;border-radius:14px;justify-items:center;gap:.35rem;padding:.6rem .75rem;display:inline-grid}.math-game-button.active{border-color:#34d399;box-shadow:0 0 0 4px #34d3993b,0 12px 20px #0f172a1f}.math-game-button.locked{opacity:.8}.math-icon{color:#1f2937;width:62px;height:46px;font-family:var(--font-display);background:linear-gradient(#fff4c2 0%,#ffd166 100%);border:3px solid #355468;border-radius:12px;grid-template-columns:1fr 1fr;place-items:center;font-size:1.35rem;display:grid}.math-icon span:last-child{color:#dc2626}.sentence-icon{background:linear-gradient(#fff 0%,#dbeafe 100%);border:3px solid #355468;border-radius:12px;width:62px;height:46px;position:relative;overflow:hidden}.sentence-icon:before{content:"";background-color:#0000;background-image:linear-gradient(#355468b8 0 0),linear-gradient(#355468b8 0 0),linear-gradient(#355468b8 0 0);background-position:0 0,0 9px,0 18px;background-repeat:no-repeat;background-size:100% 2px,82% 2px,62% 2px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;position:absolute;inset:10px 10px 12px}.sentence-icon:after{content:"";background:#ef4444;border-radius:999px;width:38px;height:6px;position:absolute;bottom:10px;left:12px;transform:rotate(-2deg);box-shadow:0 0 0 2px #ef444433}.shoe-icon{background:linear-gradient(#fff 0%,#e0f2fe 100%);border:3px solid #355468;border-radius:12px;width:62px;height:46px;position:relative;overflow:hidden}.shoe-icon:before{content:"";background-color:#0000;background-image:linear-gradient(#ffffffd9 0 0),linear-gradient(#ffffffd9 0 0),linear-gradient(#ffffffd9 0 0),radial-gradient(circle at 18% 28%,#ffffff73 0%,#0000 52%),linear-gradient(#60a5fa 0%,#2563eb 100%);background-position:14px 6px,14px 10px,14px 14px,0 0,0 0;background-repeat:no-repeat;background-size:18px 2px,18px 2px,18px 2px,auto,auto;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;border:2px solid #111827;border-radius:12px 16px 12px 10px;width:46px;height:20px;position:absolute;top:15px;left:9px;transform:rotate(-8deg);box-shadow:inset 0 -4px #00000024}.shoe-icon:after{content:"";background:linear-gradient(#fff 0%,#e2e8f0 100%);border:2px solid #111827;border-radius:999px;width:44px;height:10px;position:absolute;top:32px;left:12px;transform:rotate(-8deg);box-shadow:inset 0 -2px #00000029}.computer-icon{justify-items:center;gap:3px;width:62px;display:grid;position:relative}.computer-icon .screen{background:radial-gradient(circle at 30% 25%,#ffffffa6 0%,#0000 35%),linear-gradient(#d4efff 0%,#8ad4ff 100%);border:3px solid #355468;border-radius:8px;width:62px;height:42px;box-shadow:inset 0 -6px #0000001a}.computer-icon .base{background:linear-gradient(#7a97a8 0%,#5b7686 100%);border:2px solid #355468;border-radius:6px;width:38px;height:9px;box-shadow:0 6px 10px #0f172a1f}.computer-icon:after{content:"";background:repeating-linear-gradient(90deg,#0f172a38 0 6px,#0000 6px 9px),linear-gradient(#f8fafc 0%,#dbeafe 100%);border:2px solid #355468;border-radius:8px;width:54px;height:12px;position:absolute;top:46px;left:50%;transform:translate(-50%)}.clock-icon-face{background:#fff;border:3px solid #355468;border-radius:999px;width:58px;height:58px;position:relative}.clock-icon-hand{transform-origin:bottom;background:#1f2937;border-radius:999px;position:absolute;bottom:50%;left:50%}.clock-icon-hand.hour{width:4px;height:16px;transform:translate(-50%)rotate(65deg)}.clock-icon-hand.minute{width:3px;height:21px;transform:translate(-50%)rotate(195deg)}.clock-icon-center{background:#111827;border-radius:999px;width:7px;height:7px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.game-overlay{z-index:20;background:#06151e6b;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.goals-overlay{z-index:19;background:#06151e59;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.goals-panel{border:1px solid var(--border);border-radius:var(--radius-lg);width:min(760px,100%);max-height:86vh;box-shadow:var(--shadow-strong);background:#fff;padding:1rem;overflow:auto}.easel-panel{width:min(980px,100%)}.easel-subtitle{margin-top:-.15rem}.easel-canvas-shell{border:1px solid var(--border);box-shadow:var(--shadow-soft);background:linear-gradient(#fff 0%,#eef9ff 100%);border-radius:18px;margin-top:.7rem;padding:.65rem}.easel-canvas{aspect-ratio:4/3;touch-action:none;cursor:crosshair;background:#fff;border:3px solid #111827;border-radius:14px;width:100%;max-width:860px;height:auto;margin:0 auto;display:block;box-shadow:inset 0 0 0 2px #ffffff8c,0 14px 20px #0f172a1f}.easel-tools{gap:.55rem;margin-top:.8rem;display:grid}.easel-tools-row{flex-wrap:wrap;justify-content:center;gap:.45rem;display:flex}.easel-tool{letter-spacing:.01em;min-height:44px;padding:.55rem .85rem;font-weight:950}.easel-size-row .easel-tool{place-items:center;min-width:56px;display:grid}.easel-size-dot{background:#111827bf;border-radius:999px;display:inline-block;box-shadow:inset 0 -2px #00000038,0 0 0 2px #ffffff59}.easel-color-row{flex-wrap:wrap;justify-content:center;gap:.45rem;display:flex}.easel-color-chip{border-radius:14px;width:44px;height:44px}.easel-action-row{justify-content:center}.game-modal{border-radius:var(--radius-lg);border:1px solid var(--border);width:min(920px,100%);box-shadow:var(--shadow-strong);background:#fff;padding:1rem 1.05rem}.minigame-menu-modal{width:min(680px,100%)}.minigame-menu-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.75rem;margin-top:.9rem;display:grid}.minigame-menu-card{--btn-bg:#f6fbff;--btn-bg-hover:#e7f6ff;--btn-fg:var(--ink);--btn-shadow-hover:0 12px 20px #14303f24;--btn-hover-translate-y:-2px;background:var(--btn-bg);text-align:center;border:1px solid #cbe2ec;border-radius:18px;justify-items:center;gap:.35rem;width:100%;min-height:172px;padding:.85rem .85rem .9rem;display:grid;position:relative}.minigame-menu-card:disabled{opacity:.7}.minigame-menu-card:disabled:hover{box-shadow:none;background:var(--btn-bg);transform:none}.minigame-menu-icon{place-items:center;height:74px;display:grid}.minigame-menu-icon .clock-icon-face{transform:scale(.86)}.minigame-menu-icon .math-icon{transform:scale(.92)}.minigame-menu-icon .sentence-icon,.minigame-menu-icon .shoe-icon,.minigame-menu-icon .word-classify-icon,.minigame-menu-icon .computer-icon,.minigame-menu-icon .ladder-icon{transform:scale(.95)}.ladder-icon{width:64px;height:72px;position:relative}.ladder-icon .rail{background:linear-gradient(#fbbf24 0%,#fb923c 100%);border-radius:999px;width:10px;position:absolute;top:6px;bottom:6px;box-shadow:inset 0 -2px #0000002e,0 10px 18px #0f172a1f}.ladder-icon .rail.left{left:16px}.ladder-icon .rail.right{right:16px}.ladder-icon .rung{background:linear-gradient(#fde68a 0%,#fbbf24 100%);border-radius:999px;height:8px;position:absolute;left:20px;right:20px;box-shadow:inset 0 -2px #00000024}.ladder-icon .rung-1{top:14px}.ladder-icon .rung-2{top:26px}.ladder-icon .rung-3{top:38px}.ladder-icon .rung-4{top:50px}.ladder-icon .rung-5{top:62px}.pill{background:#fff4d4;border:1px solid #f5d175;border-radius:999px;align-items:center;gap:.35rem;padding:.34rem .65rem;font-size:.82rem;font-weight:900;display:inline-flex}.pill.subtle{color:var(--muted);background:#eff8fb;border-color:#cbe2ec}.ladder-climb-modal{width:min(1120px,100%)}.ladder-climb-topline{align-items:center;gap:.65rem;display:flex}.ladder-climb-timer.danger{color:#be123c;background:#fff1f2;border-color:#fecdd3}.ladder-climb-lobby{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:stretch;gap:.9rem;margin-top:.9rem;display:grid}@media (max-width:900px){.ladder-climb-lobby{grid-template-columns:1fr}}.ladder-climb-lobby-card,.ladder-climb-lobby-preview{border:1px solid var(--border);box-shadow:var(--shadow-soft);background:#f7fcff;border-radius:18px;padding:.9rem}.ladder-climb-lobby-preview{text-align:center;place-items:center;display:grid}.ladder-climb-lobby-heading{justify-content:space-between;align-items:center;gap:.65rem;display:flex}@keyframes ladderClimbConnectingPulse{0%{opacity:.78;transform:translateY(0)}50%{opacity:1;transform:translateY(-1px)}to{opacity:.78;transform:translateY(0)}}.ladder-climb-connecting-pill{animation:1.1s ease-in-out infinite ladderClimbConnectingPulse}.ladder-climb-connect-error{color:#be123c;background:#fff1f2;border:1px solid #fecdd3;border-radius:14px;margin:.6rem 0 0;padding:.55rem .65rem;font-weight:850;box-shadow:0 12px 18px #f43f5e1a}.ladder-climb-player-list{gap:.45rem;max-height:260px;margin:.6rem 0 0;padding:0;list-style:none;display:grid;overflow:auto}.ladder-climb-player-list li{background:#fff;border:1px solid #d7ecf5;border-radius:14px;grid-template-columns:56px minmax(0,1fr) 34px;align-items:center;gap:.65rem;padding:.55rem .6rem;display:grid}.ladder-climb-player-avatar{background:radial-gradient(circle at 18% 18%,#fff 0%,#0000 45%),linear-gradient(#eff6ff 0%,#fff7ed 100%);border:1px solid #d7ecf5;border-radius:18px;place-items:center;width:56px;height:56px;display:grid;position:relative;overflow:hidden;box-shadow:0 12px 18px #0284c71a}.ladder-climb-player-avatar .scene-monster{--monster-size:48px}.ladder-climb-player-presence{background:#94a3b8;border:2px solid #fff;border-radius:999px;width:12px;height:12px;position:absolute;bottom:5px;right:5px;box-shadow:0 10px 14px #0f172a1f}.ladder-climb-player-presence.active{background:#22c55e}.ladder-climb-player-presence.away{background:#94a3b8}.ladder-climb-player-meta{gap:.1rem;min-width:0;display:grid}.ladder-climb-player-meta .name{text-overflow:ellipsis;white-space:nowrap;font-weight:950;overflow:hidden}.ladder-climb-player-ready{place-items:center;display:grid}@keyframes ladderClimbReadyPop{0%{transform:scale(.86)}60%{transform:scale(1.12)}to{transform:scale(1)}}.ladder-climb-ready-check{background:#f8fafc;border:2px solid #cbd5e1;border-radius:999px;width:28px;height:28px;position:relative;box-shadow:inset 0 -2px #0000001a,0 12px 18px #0f172a14}.ladder-climb-ready-check:before{content:"";opacity:0;border-bottom:4px solid #fff;border-left:4px solid #fff;width:10px;height:6px;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)rotate(-45deg)}.ladder-climb-ready-check.on{background:#22c55e;border-color:#86efac;animation:.22s ease-out ladderClimbReadyPop}.ladder-climb-ready-check.on:before{opacity:1}@media (prefers-reduced-motion:reduce){.ladder-climb-connecting-pill,.ladder-climb-ready-check.on{animation:none!important}}.ladder-climb-player-list li.me{border-color:#fdba74;box-shadow:0 14px 22px #fb923c24}.ladder-climb-player-list li.empty{text-align:center;color:var(--muted);background:#f7fbff;border-color:#cbe2ec;font-weight:850;display:block}.ladder-climb-player-list .dot{background:#cbd5e1;border-radius:999px;width:10px;height:10px}.ladder-climb-player-list .dot.active{background:#22c55e}.ladder-climb-player-list .dot.away{background:#94a3b8}.ladder-climb-player-list .name{font-weight:950}.ladder-climb-player-list .tag{border:1px solid #0000;border-radius:999px;padding:.22rem .55rem;font-size:.74rem;font-weight:950}.ladder-climb-player-list .tag.ready{color:#166534;background:#dcfce7;border-color:#86efac}.ladder-climb-player-list .tag.waiting{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.ladder-climb-lobby-actions{gap:.35rem;margin-top:.85rem;display:grid}.ladder-climb-ladder-preview{background:radial-gradient(circle at 15% 18%,#fff 0%,#0000 45%),radial-gradient(circle at 80% 12%,#fff 0%,#0000 52%),linear-gradient(#e0f2fe 0%,#fff7ed 100%);border:2px dashed #c6e2ee;border-radius:22px;width:min(240px,100%);height:260px;position:relative;overflow:hidden}.ladder-climb-ladder-preview-ladder{background:linear-gradient(90deg,#0000 0% 18%,#fbbf24d9 18% 24%,#0000 24% 76%,#fbbf24d9 76% 82%,#0000 82% 100%),repeating-linear-gradient(0deg,#0000 0 16px,#fb923c8c 16px 20px);border-radius:18px;position:absolute;inset:18px 70px;box-shadow:inset 0 0 0 3px #1118271a}.ladder-climb-ladder-preview-monster{width:82px;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.ladder-climb-stage{background:radial-gradient(circle at 12% 18%,#fff 0%,#0000 44%),radial-gradient(circle at 82% 10%,#fff 0%,#0000 50%),linear-gradient(#e0f2fe 0%,#fff7ed 100%);border:1px solid #cbe2ec;border-radius:18px;margin-top:.9rem;padding:.9rem;overflow:hidden}.ladder-climb-theme-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.8rem;display:flex}.ladder-climb-stage-grid{grid-template-columns:minmax(0,340px) minmax(0,1fr);align-items:start;gap:.85rem;display:grid}@media (max-width:980px){.ladder-climb-stage-grid{grid-template-columns:1fr}}.ladder-climb-controls{background:#ffffffd6;border:1px solid #cbe2ec;border-radius:18px;padding:.85rem}.ladder-climb-controls h3{font-family:var(--font-display);margin:0;font-size:1.1rem}.ladder-climb-suggestions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin-top:.65rem;display:grid}.ladder-climb-suggest{--btn-bg:#eff8fb;--btn-bg-hover:#dff1f8;--btn-fg:var(--ink);--btn-shadow-hover:0 10px 18px #14303f1f;text-transform:capitalize;border:1px solid #cbe2ec;font-weight:950}.ladder-climb-type-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.6rem;margin-top:.75rem;display:grid}.ladder-climb-type-label{gap:.35rem;font-weight:800;display:grid}.ladder-climb-status{color:#0b6da8;margin-top:.55rem;font-weight:950}.ladder-climb-ladders{background:#ffffffd6;border:1px solid #cbe2ec;border-radius:18px;padding:.7rem .7rem .85rem}.ladder-climb-ladders-scroll{gap:.75rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.ladder-climb-column{min-width:190px;box-shadow:var(--shadow-soft);background:#fff;border:1px solid #d7ecf5;border-radius:18px;flex:0 0 190px;padding:.65rem}.ladder-climb-column.highlight{border-color:#fdba74;box-shadow:0 18px 32px #fb923c2e}.ladder-climb-column-header{justify-content:space-between;align-items:center;gap:.55rem;display:flex}.ladder-climb-column-header .name{text-overflow:ellipsis;white-space:nowrap;font-weight:950;overflow:hidden}.ladder-climb-track{--ladder-offset:0px;background:linear-gradient(90deg,#0000 0% 20%,#fbbf24bf 20% 26%,#0000 26% 74%,#fbbf24bf 74% 80%,#0000 80% 100%),repeating-linear-gradient(0deg,#0000 0 14px,#0f172a1a 14px 18px);background-position:0 calc(var(--ladder-offset)*-1),0 calc(var(--ladder-offset)*-1);background-size:auto,auto;border:3px solid #cbe2ec;border-radius:18px;height:320px;margin-top:.65rem;transition:background-position .24s;position:relative;overflow:hidden}.ladder-climb-track-monster{filter:drop-shadow(0 14px 16px #0f172a24);width:76px;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.ladder-climb-bubble{text-overflow:ellipsis;white-space:nowrap;background:#fff;border:1px solid #cbe2ec;border-radius:999px;max-width:calc(100% - 18px);padding:.25rem .55rem;font-size:.76rem;font-weight:950;position:absolute;bottom:108px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 12px 18px #0f172a1f}.ladder-climb-finish{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start;gap:.9rem;margin-top:.85rem;display:grid;position:relative}@media (max-width:980px){.ladder-climb-finish{grid-template-columns:1fr}}.ladder-climb-finish-card,.ladder-climb-finish-list{border:1px solid var(--border);box-shadow:var(--shadow-soft);background:#fff;border-radius:18px;padding:.9rem;position:relative;overflow:hidden}.ladder-climb-podium{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin-top:.75rem;display:grid}.podium-slot{text-align:center;background:#f7fcff;border:1px solid #d7ecf5;border-radius:16px;justify-items:center;gap:.25rem;padding:.7rem .6rem;display:grid}.podium-slot.place-1{background:linear-gradient(#fff7ed 0%,#ffedd5 100%);border-color:#f59e0b}.podium-slot.place-2{background:linear-gradient(#f8fafc 0%,#eef2ff 100%);border-color:#94a3b8}.podium-slot.place-3{background:linear-gradient(#fff7ed 0%,#ffe4e6 100%);border-color:#fb923c}.podium-slot.empty{opacity:.75}.podium-avatar{width:72px}.ladder-climb-finish-actions{margin-top:.85rem}.ladder-climb-results{gap:.45rem;margin:.75rem 0 0;padding:0;list-style:none;display:grid}.ladder-climb-results li{background:#f7fcff;border:1px solid #d7ecf5;border-radius:14px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:.6rem;padding:.5rem .6rem;display:grid}.ladder-climb-results li.me{border-color:#fdba74;box-shadow:0 14px 22px #fb923c24}.ladder-climb-results .rank{color:#0b6da8;font-weight:950}.teacher-theme-editor{gap:.75rem;margin-top:.75rem;display:grid}.teacher-theme-card{border:1px solid var(--border);box-shadow:var(--shadow-soft);background:#f7fcff;border-radius:18px;padding:.9rem}.minigame-menu-card strong{font-family:var(--font-display);letter-spacing:.01em;font-weight:900}.minigame-menu-card .hint{font-size:.82rem;line-height:1.25}.minigame-menu-badge{border:1px solid #0000;border-radius:999px;padding:.25rem .5rem;font-size:.74rem;font-weight:900;position:absolute;top:.55rem;right:.55rem}.minigame-menu-badge.tone-locked{color:#374151;background:#f3f4f6;border-color:#d1d5db}.minigame-menu-badge.tone-remaining{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.minigame-menu-badge.tone-limit{color:#be123c;background:#fff1f2;border-color:#fecdd3}.score-chip{background:#fff4d4;border:1px solid #f5d175;border-radius:999px;padding:.45rem .7rem;font-weight:700}.clock-game-layout{grid-template-columns:280px 1fr;align-items:center;gap:1rem;margin-top:.9rem;display:grid}.clock-face{--clock-number-radius:98px;--clock-number-size:30px;background:#fff;border:6px solid #31526a;border-radius:999px;width:240px;height:240px;margin:0 auto;position:relative}.clock-numbers{pointer-events:none;position:absolute;inset:0}.clock-number{width:var(--clock-number-size);height:var(--clock-number-size);font-family:var(--font-display);color:#355468;text-shadow:0 2px #ffffffd9;transform:translate(-50%,-50%)rotate(calc(var(--i)*30deg))translateY(calc(var(--clock-number-radius)*-1))rotate(calc(var(--i)*-30deg));background:#ffffffbd;border:1px solid #35546838;border-radius:999px;justify-content:center;align-items:center;font-size:.95rem;font-weight:950;display:flex;position:absolute;top:50%;left:50%;box-shadow:inset 0 -2px #0000000f}.clock-center{z-index:4;background:#0f172a;border-radius:999px;width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.clock-hand{transform-origin:bottom;z-index:3;border-radius:999px;position:absolute;bottom:50%;left:50%}.clock-hand.hour{background:#0f172a;width:7px;height:62px}.clock-hand.minute{background:#334155;width:5px;height:90px}.clock-options{grid-template-columns:repeat(2,minmax(120px,1fr));gap:.6rem;display:grid}.clock-options button.correct{background:#22c55e}.clock-options button.wrong{background:#ef4444}.word-classify-modal{width:min(720px,100%)}.word-classify-panel{text-align:center;justify-items:center;gap:.85rem;margin-top:.8rem;display:grid}.word-classify-word{font-family:var(--font-display);letter-spacing:.06em;background:#f6fbff;border:3px solid #111827;border-radius:18px;min-width:min(520px,100%);padding:.65rem 1.25rem;font-size:clamp(2.2rem,2.2vw + 1.2rem,3rem);box-shadow:0 14px 22px #0f172a1f}.word-classify-options{grid-template-columns:repeat(2,minmax(120px,1fr));gap:.6rem;width:min(520px,100%);display:grid}.word-classify-options button.correct{background:#22c55e}.word-classify-options button.wrong{background:#ef4444}.word-classify-feedback{border:1px solid var(--border);border-radius:var(--radius-md);background:#fff;width:min(620px,100%);padding:.7rem .75rem}.word-classify-icon{width:76px;height:56px;font-family:var(--font-display);color:#0b2940;background:radial-gradient(circle at 30% 22%,#ffffff8c 0%,#0000 62%),linear-gradient(#e0f2fe 0%,#bae6fd 60%,#7dd3fc 100%);border:3px solid #355468;border-radius:16px;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr);gap:4px;padding:6px;font-weight:900;display:grid;box-shadow:0 12px 18px #0f172a1f}.word-classify-icon span{background:#ffffffbf;border:2px solid #3554688c;border-radius:12px;place-items:center;font-size:.7rem;line-height:1;display:grid}.typing-panel{text-align:center;align-content:center;justify-items:center;gap:.8rem;width:100%;margin-top:.8rem;display:grid}.typing-word{font-family:var(--font-display);letter-spacing:.08em;text-align:center;font-size:2rem}.typing-word span{padding:0 .1rem;display:inline-block}.typing-word span.done{color:#16a34a}.typing-word span.next{color:#2563eb;text-decoration:underline}.typing-keyboard{justify-items:center;gap:.4rem;width:fit-content;margin:0 auto;display:grid}.typing-keyboard-row{flex-wrap:wrap;justify-content:center;gap:.35rem;width:fit-content;margin:0 auto;display:flex}.typing-keyboard kbd{text-align:center;background:#f5fbff;border:1px solid #accad8;border-radius:6px;min-width:2rem;padding:.28rem .36rem;font-weight:700}.typing-keyboard kbd.active{background:#dbeafe;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33}.vocab-runner-modal{border-color:#38bdf8;width:min(980px,100%)}.vocab-runner-stage{background:radial-gradient(circle at 20% 18%,#ffffffb3 0%,#0000 45%),radial-gradient(circle at 78% 12%,#ffffff8c 0%,#0000 42%),linear-gradient(#bfe7ff 0%,#b3f1ff 45%,#fff 100%);border:3px solid #111827;border-radius:18px;height:min(560px,70vh);margin-top:.85rem;position:relative;overflow:hidden;box-shadow:0 18px 26px #0f172a1f}.vocab-runner-bg{pointer-events:none;background-position:0 100%;background-repeat:repeat-x;background-size:auto 100%;position:absolute;inset:0}.vocab-runner-bg.back{opacity:.95;background-image:url(/vocabulary-runner/forest/parallax-forest-back-trees.png);animation:28s linear infinite vocab-runner-parallax-back;transform:translateY(2%)}.vocab-runner-bg.middle{opacity:.95;background-image:url(/vocabulary-runner/forest/parallax-forest-middle-trees.png);animation:18s linear infinite vocab-runner-parallax-middle;transform:translateY(9%)}.vocab-runner-bg.front{opacity:.95;background-image:url(/vocabulary-runner/forest/parallax-forest-front-trees.png);animation:12s linear infinite vocab-runner-parallax-front;transform:translateY(16%)}.vocab-runner-bg.lights{mix-blend-mode:screen;opacity:.55;background-image:url(/vocabulary-runner/forest/parallax-forest-lights.png);animation:3.2s ease-in-out infinite vocab-runner-lights;transform:translateY(9%)}.vocab-runner-stage.paused .vocab-runner-bg,.vocab-runner-stage.paused .vocab-runner-monster-inner{animation-play-state:paused}@keyframes vocab-runner-parallax-back{0%{background-position-x:0}to{background-position-x:-1100px}}@keyframes vocab-runner-parallax-middle{0%{background-position-x:0}to{background-position-x:-1400px}}@keyframes vocab-runner-parallax-front{0%{background-position-x:0}to{background-position-x:-1700px}}@keyframes vocab-runner-lights{0%,to{opacity:.25;filter:blur()}50%{opacity:.75;filter:blur(.5px)}}.vocab-runner-ground{background:radial-gradient(circle at 20% 20%,#fff3 0%,#0000 60%),linear-gradient(#3f6212 0%,#14532d 48%,#052e16 100%);height:42%;position:absolute;bottom:0;left:0;right:0}.vocab-runner-ground:before{content:"";opacity:.96;background:repeating-linear-gradient(90deg,#ffffff59 0 18px,#0000 18px 52px),linear-gradient(#a16207 0%,#7c2d12 100%);border:3px solid #1118278c;border-radius:26px;width:min(680px,92%);height:58%;position:absolute;bottom:12%;left:50%;transform:translate(-50%)skew(-8deg);box-shadow:inset 0 0 0 2px #ffffff40,0 14px 18px #0f172a2e}.vocab-runner-monster{z-index:4;justify-items:center;width:170px;display:grid;position:absolute;bottom:22%;left:10%}.vocab-runner-monster-inner{transform-origin:50% 100%;width:150px}.vocab-runner-monster.running .vocab-runner-monster-inner{animation:.7s ease-in-out infinite vocab-runner-bob}.vocab-runner-monster.tired .vocab-runner-monster-inner{filter:saturate(.8)brightness(.95)}@keyframes vocab-runner-bob{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-10px)rotate(1deg)}}.vocab-runner-speech{font-family:var(--font-display);letter-spacing:.02em;text-transform:lowercase;background:#fff;border:3px solid #111827;border-radius:16px;padding:.35rem .6rem;font-weight:950;position:absolute;top:-10px;left:55%;transform:translate(-50%,-100%);box-shadow:0 16px 22px #0f172a2e}.vocab-runner-speech:after{content:"";border-top:12px solid #111827;border-left:10px solid #0000;border-right:10px solid #0000;width:0;height:0;position:absolute;bottom:-12px;left:14px}.vocab-runner-speech:before{content:"";border-top:9px solid #fff;border-left:7px solid #0000;border-right:7px solid #0000;width:0;height:0;position:absolute;bottom:-9px;left:17px}.vocab-runner-hud{z-index:6;pointer-events:none;place-items:start center;padding:.85rem;display:grid;position:absolute;inset:0}.vocab-runner-question{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;background:#ffffffeb;border:1px solid #cbe2ec;border-radius:18px;width:min(720px,100%);padding:.85rem .95rem .9rem;box-shadow:0 18px 30px #0f172a24}.vocab-runner-timer{background:#0f172a1a;border:1px solid #0f172a24;border-radius:999px;height:12px;overflow:hidden}.vocab-runner-timer-bar{background:linear-gradient(90deg,#22c55e 0%,#3b82f6 55%,#a855f7 100%);border-radius:999px;height:100%;transition:width 80ms linear}.vocab-runner-timer-bar.low{background:linear-gradient(90deg,#f97316 0%,#ef4444 100%)}.vocab-runner-clue{font-family:var(--font-display);letter-spacing:.01em;margin:.6rem 0 .65rem;font-size:clamp(1.2rem,.7vw + 1.05rem,1.55rem)}.vocab-runner-answer-row{align-items:stretch;gap:.55rem;display:flex}.vocab-runner-answer-row input{border:2px solid #111827;border-radius:16px;flex:1;min-height:46px;padding:.55rem .75rem;font-size:1.05rem;font-weight:850}.vocab-runner-answer-row button{min-height:46px;padding-inline:1rem}.vocab-runner-status{margin-top:.55rem;font-weight:900}.vocab-runner-results{z-index:9;background:#06151e61;place-items:center;padding:1rem;display:grid;position:absolute;inset:0}.vocab-runner-results-card{border:1px solid var(--border);border-radius:var(--radius-lg);width:min(520px,100%);box-shadow:var(--shadow-strong);text-align:center;background:#fff;padding:1rem 1.05rem}.vocab-runner-results-card h3{font-family:var(--font-display);margin:0}@media (prefers-reduced-motion:reduce){.vocab-runner-bg,.vocab-runner-monster-inner{animation:none!important}}.math-modal{border-color:#f9d166}.math-panel{text-align:center;justify-items:center;gap:.9rem;margin-top:.8rem;display:grid}.math-banner{gap:.4rem;display:inline-flex}.math-banner .bubble{border-radius:999px;width:12px;height:12px}.math-banner .bubble.red{background:#ef4444}.math-banner .bubble.blue{background:#3b82f6}.math-banner .bubble.green{background:#22c55e}.math-expression{font-family:var(--font-display);background:#fff8dc;border:2px solid #facc15;border-radius:14px;padding:.5rem 1rem;font-size:clamp(1.8rem,2vw + 1rem,2.5rem)}.math-options{grid-template-columns:repeat(2,minmax(130px,1fr));gap:.65rem;width:min(560px,100%);display:grid}.math-options button{--btn-shadow-hover:0 12px 20px #2563eb38;background:linear-gradient(#60a5fa 0%,#3b82f6 100%)}.math-options button:hover{background:linear-gradient(#3b82f6 0%,#2563eb 100%)}.math-options button.correct{background:linear-gradient(#34d399 0%,#22c55e 100%)}.math-options button.wrong{background:linear-gradient(#f87171 0%,#ef4444 100%)}.sentence-modal{border-color:#a5b4fc}.sentence-panel{gap:.85rem;margin-top:.8rem;display:grid}.sentence-surface{white-space:pre-wrap;background:#f6fbff;border:2px solid #b8cfd9;border-radius:14px;padding:.85rem;font-size:1.15rem;line-height:1.7}.sentence-surface.teacher{font-size:1.05rem}.sentence-token{--btn-bg:#fff;--btn-bg-hover:#eff8fb;--btn-fg:var(--ink);--btn-shadow-hover:0 10px 18px #0f172a1a;--btn-hover-translate-y:-1px;background:var(--btn-bg);min-height:34px;color:var(--btn-fg);border:1px solid #cbe2ec;border-radius:10px;align-items:center;margin:.06rem .1rem;padding:.2rem .45rem;display:inline-flex;box-shadow:inset 0 -2px #00000014}.sentence-token:hover{background:var(--btn-bg-hover)}.sentence-token.selected{background:#fef9c3;border-color:#facc15;box-shadow:0 0 0 3px #facc153d}.sentence-token.answer{background:#fff7ed;border-color:#fdba74}.sentence-token.correct{background:#dcfce7;border-color:#22c55e}.sentence-token.wrong{background:#fee2e2;border-color:#ef4444}.sentence-feedback{border:1px solid var(--border);border-radius:var(--radius-md);background:#fff;padding:.7rem .75rem}.print-poster{border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);background:#f8fdff;margin-top:1rem;padding:.9rem}.poster-scene{border-radius:var(--radius-md);background:linear-gradient(#d9f2ff 0 45%,#f4dec2 45% 100%);border:1px solid #b6dff0;justify-items:center;gap:.8rem;margin-top:.7rem;padding:.8rem;display:grid}.poster-staff{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:.85rem;width:100%;display:flex}.poster-teacher{width:fit-content}.poster-students{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));justify-items:center;gap:.55rem;width:100%;display:grid}.poster-assistant,.poster-student{width:fit-content}.windows{background-image:radial-gradient(circle at 22% 28%,#ffffffa6 0%,transparent 46%),radial-gradient(circle at 72% 24%,#ffffff8c 0%,transparent 50%),var(--class-window-sky-texture,none),linear-gradient(180deg,var(--class-window-sky-color,#c8ecff)0%,var(--class-window-sky-color,#c8ecff)100%);border-radius:14px;flex:none;width:184px;height:92px;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.windows{background-image:radial-gradient(circle at 22% 28%,#ffffffa6 0%,transparent 46%),radial-gradient(circle at 72% 24%,#ffffff8c 0%,transparent 50%),var(--class-window-sky-texture,none),linear-gradient(180deg,color-mix(in srgb,var(--class-window-sky-color,#c8ecff)72%,#fff)0%,color-mix(in srgb,var(--class-window-sky-color,#c8ecff)92%,#7dd3fc)100%)}}.windows{background-size:100% 100%,100% 100%,18px 18px,auto;border:4px solid #111827;box-shadow:inset 0 0 0 2px #ffffff7a,inset 0 -10px #0000001a,0 10px 16px #0000001f}.windows:before{content:"";background-image:linear-gradient(90deg,transparent 48.5%,#111827d1 48.5% 51.5%,transparent 51.5%),linear-gradient(180deg,transparent 47.5%,#111827d1 47.5% 52.5%,transparent 52.5%),var(--class-window-frame-texture,none);opacity:.72;pointer-events:none;background-size:100% 100%,100% 100%,10px 10px;position:absolute;inset:0}.windows:after{content:"";pointer-events:none;background:linear-gradient(#ffffff94 0%,#0000 46%),linear-gradient(0deg,#0000 0 14px,#ffffff2e 14px 18px,#0000 18px 100%),linear-gradient(0deg,#1118272e 0 14px,#0000 14px 100%);position:absolute;inset:0}.board{background-image:var(--class-board-texture,none);background-color:var(--class-board-color,#1d7247);width:min(760px,92%);min-height:170px;color:var(--class-board-text-color,#f4f9f4);letter-spacing:.03em;text-align:center;border:4px solid #111827;border-radius:12px;place-items:center;margin:.85rem auto 0;padding:.7rem .9rem;font-family:Patrick Hand,Comic Sans MS,cursive;font-size:clamp(1.3rem,1.4vw + .8rem,2rem);display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #fff6,0 12px 20px #0f172a1f}.board-content{justify-items:center;gap:.35rem;display:grid}.board-title{line-height:1.05}.board-quiz-alert{color:#111827;font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;background:#facc15;border:3px solid #111827;border-radius:999px;margin-top:.15rem;padding:.25rem .7rem;font-weight:900;box-shadow:0 12px 18px #0f172a1f}.board-quiz-subtitle{letter-spacing:.02em;opacity:.95;font-size:clamp(.95rem,.8vw + .7rem,1.15rem)}.board-overlay-button{color:#0000;--btn-bg:transparent;--btn-bg-hover:transparent;--btn-fg:transparent;--btn-shadow-hover:none;--btn-hover-translate-y:0px;cursor:pointer;background:0 0;border:0;border-radius:12px;padding:0;position:absolute;inset:0}.board-overlay-button:focus-visible{outline-offset:10px;outline:3px solid #34d3998c}.board:before{content:"";opacity:.8;pointer-events:none;background:radial-gradient(circle at 22% 30%,#ffffff24 0%,#0000 58%),radial-gradient(circle at 78% 62%,#00000024 0%,#0000 56%),repeating-linear-gradient(0deg,#ffffff12 0 2px,#0000 2px 7px);border:2px solid #ffffff2e;border-radius:10px;position:absolute;inset:8px}.quiz-menu-modal{width:min(720px,100%)}.quiz-menu-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.7rem;margin-top:.85rem;display:grid}.quiz-menu-card{--btn-bg:#f6fbff;--btn-bg-hover:#e7f6ff;--btn-fg:var(--ink);--btn-shadow-hover:0 12px 20px #14303f24;--btn-hover-translate-y:-2px;text-align:left;border:1px solid #cbe2ec;border-radius:18px;gap:.35rem;width:100%;min-height:140px;padding:.85rem;display:grid}.quiz-menu-card strong{font-family:var(--font-display);letter-spacing:.01em;font-size:1.15rem;font-weight:900}.quiz-take-modal{width:min(820px,100%)}.quiz-question{gap:.7rem;margin-top:.9rem;display:grid}.quiz-prompt{font-family:var(--font-display);letter-spacing:.02em;background:#f8fdff;border:3px solid #111827;border-radius:16px;padding:.75rem .9rem;font-size:clamp(1.3rem,1.2vw + 1rem,1.8rem);line-height:1.2;box-shadow:0 14px 22px #0f172a1a}.quiz-options{grid-template-columns:repeat(2,minmax(140px,1fr));gap:.6rem;display:grid}.quiz-options button{--btn-bg:#fff;--btn-bg-hover:#eff8fb;--btn-fg:var(--ink);--btn-shadow-hover:0 12px 20px #0f172a1f;text-align:left;border:2px solid #b8cfd9;border-radius:16px;justify-content:flex-start;align-items:center;gap:.5rem;min-height:56px;padding:.7rem .85rem;display:flex}.quiz-options button.selected{border-color:#34d399;box-shadow:0 0 0 4px #34d3993b,0 12px 20px #0f172a1f}.quiz-choice-label{background:#fef9c3;border:2px solid #111827;border-radius:999px;place-items:center;width:28px;height:28px;font-weight:900;display:grid}.quiz-nav{flex-wrap:wrap;justify-content:space-between;gap:.6rem;margin-top:.85rem;display:flex}.quiz-results{text-align:center;justify-items:center;gap:.55rem;margin-top:.8rem;display:grid}.quiz-score{font-family:var(--font-display);font-size:clamp(1.2rem,1vw + .9rem,1.6rem)}.quiz-admin-toolbar{margin-top:.6rem}.quiz-list{gap:.65rem}.quiz-list-item{align-items:start;padding:.75rem .85rem}.quiz-list-item.active{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}.quiz-list-summary{gap:.35rem;min-width:0;display:grid}.quiz-title-row{flex-wrap:wrap;align-items:baseline;gap:.45rem;display:flex}.quiz-title-row strong{font-size:1.02rem}.quiz-pill{letter-spacing:.04em;text-transform:uppercase;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:.12rem .55rem;font-size:.74rem;font-weight:950;display:inline-flex}.quiz-pill.published{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.quiz-pill.draft{color:#374151;background:#f3f4f6;border-color:#d1d5db}.quiz-pill.scheduled{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.quiz-meta-row{flex-wrap:wrap;gap:.35rem;display:flex}.quiz-meta-pill{border:1px solid var(--border);color:var(--ink);background:#fff;border-radius:999px;align-items:center;padding:.14rem .55rem;font-size:.78rem;font-weight:700;display:inline-flex}.quiz-list-actions button{border-radius:12px;min-height:36px;padding:.4rem .55rem;font-size:.9rem}.quiz-actions-menu{position:relative}.quiz-actions-menu .menu-popover{top:calc(100% + .25rem);right:0}.quiz-admin-grid{grid-template-columns:minmax(280px,420px) 1fr;align-items:start;gap:1rem;margin-top:.8rem;display:grid}@media (max-width:980px){.quiz-admin-grid{grid-template-columns:1fr}}.quiz-admin-panel{border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);background:#fcfeff;padding:.9rem}.quiz-editor-actions{border:1px solid var(--border);background:#f6fbff;border-radius:12px;padding:.65rem}.quiz-editor-question{border:1px solid var(--border);border-radius:var(--radius-md);background:#f8fdff;gap:.65rem;padding:.75rem;display:grid}.quiz-editor-question-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.55rem;display:flex}.quiz-editor-choices{gap:.55rem;display:grid}.quiz-editor-choice-row{grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;display:grid}.quiz-editor-choice-row .checkbox-row{white-space:nowrap}@media (max-width:600px){.quiz-editor-choice-row{grid-template-columns:1fr}}.quiz-submission-list li{grid-template-columns:1fr}.theme-palette{flex-wrap:wrap;gap:.4rem;margin-top:.45rem;display:flex}.theme-swatch{align-items:center;gap:.35rem;width:auto;min-height:36px;display:inline-flex}.theme-swatch-dot{border:1px solid #14303f59;border-radius:999px;width:14px;height:14px}.theme-preview-scene{min-height:240px;margin-top:.7rem}.theme-surface-buttons{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.45rem;margin-top:.55rem;display:grid}.theme-surface-button{justify-content:space-between;align-items:center;width:100%;display:inline-flex}.theme-surface-dot{border:2px solid #14303f59;border-radius:999px;width:18px;height:18px}.theme-selected-editor{border:1px solid var(--border);border-radius:var(--radius-md);background:#f7fcff;gap:.4rem;margin-top:.65rem;padding:.6rem;display:grid}.theme-selected-editor input[type=color]{width:56px;min-width:56px;height:42px;padding:.12rem}.theme-selected-hex{border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;padding:.55rem .75rem;font-weight:700}.theme-event-controls{border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);background:#f7fcff;gap:.65rem;margin-top:.55rem;padding:.65rem;display:grid}.theme-event-controls .checkbox-row{font-size:.98rem}.teacher-zone{margin-top:.25rem;width:min(720px,100%);margin-inline:auto;padding-bottom:78px;position:relative;transform:translateY(-16px)}.teacher-desk{background-image:var(--class-desk-texture,none);background-color:var(--class-desk-color,#8b5a3c);border:3px solid #111827;border-radius:12px;width:min(460px,96%);height:78px;position:absolute;bottom:0;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:inset 0 -10px #0000001a,0 14px 22px #0f172a1f}.teacher-desk:before{content:"";background:linear-gradient(180deg,var(--class-desk-color,#8b5a3c)0%,var(--class-desk-color,#8b5a3c)100%);height:14px;position:absolute;top:0;left:0;right:0}@supports (color:color-mix(in lab, red, red)){.teacher-desk:before{background:linear-gradient(180deg,color-mix(in srgb,var(--class-desk-color,#8b5a3c)78%,#fff)0%,color-mix(in srgb,var(--class-desk-color,#8b5a3c)62%,#111827)100%)}}.teacher-desk:before{opacity:.95;border-bottom:3px solid #111827}.teacher-desk:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0 46%,#11182738 46% 54%,#0000 54% 100%),radial-gradient(circle at 25% 60%,#ffffff29 0%,#0000 55%),radial-gradient(circle at 75% 60%,#ffffff29 0%,#0000 55%);border:2px solid #11182759;border-radius:10px;position:absolute;inset:18px 12px 10px}.staff-row{z-index:2;justify-content:center;align-items:flex-end;gap:.9rem;display:flex;position:relative}.assistant-row{flex-wrap:wrap;justify-content:flex-end;gap:.7rem;display:flex}.staff-actor{justify-items:center;min-width:96px;display:grid}.staff-name{border:1px solid var(--border);background:#ffffffd9;border-radius:999px;margin:0 0 .2rem;padding:.12rem .5rem;font-size:.82rem;font-weight:800}.desk-apple{z-index:3;background:#ef4444;border:1px solid #991b1b;border-radius:999px;width:16px;height:16px;position:absolute;bottom:64px;left:calc(50% - 72px);transform:none;box-shadow:6px 0 #ef4444}.desk-apple:before{content:"";background:#7c2d12;width:2px;height:8px;position:absolute;top:-8px;left:9px}.desk-apple:after{content:"";background:#22c55e;border-radius:10px 10px 10px 0;width:8px;height:5px;position:absolute;top:-10px;left:10px;transform:rotate(-12deg)}.actor-teacher{margin-top:.75rem}.student-grid{grid-template-columns:repeat(auto-fit,minmax(92px,112px));justify-content:center;align-items:end;gap:.85rem .7rem;margin-top:1rem;padding:.25rem .35rem 1.6rem;display:grid}.student-grid .actor{justify-self:center;justify-items:center;width:fit-content;display:grid}.student-grid .actor:nth-child(6n+1){justify-self:start;transform:translate(4px,6px)}.student-grid .actor:nth-child(6n+2){justify-self:center;transform:translate(10px)}.student-grid .actor:nth-child(6n+3){justify-self:end;transform:translate(-6px,10px)}.student-grid .actor:nth-child(6n+4){justify-self:start;transform:translate(12px,14px)}.student-grid .actor:nth-child(6n+5){justify-self:end;transform:translate(-12px,4px)}.student-grid .actor:nth-child(6n){justify-self:center;transform:translateY(16px)}.student-grid .scene-monster{--monster-size:64px;border-radius:18px}.student-grid .scene-avatar figcaption strong{border:1px solid var(--border);background:#ffffffef;border-radius:999px;padding:.12rem .5rem;font-size:.8rem;box-shadow:0 2px 6px #14303f1a}.student-grid .scene-avatar figcaption span{font-size:.7rem}.scene-avatar{justify-items:center;gap:.35rem;margin:0;display:grid}@keyframes classroomSway{0%{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-3px)rotate(4deg)}to{transform:translateY(0)rotate(-4deg)}}.classroom-scene .scene-avatar{transform-origin:bottom;animation:2.4s ease-in-out infinite classroomSway}.classroom-scene .student-grid .actor:nth-child(2n) .scene-avatar{animation-duration:2.1s;animation-delay:.2s}.classroom-scene .student-grid .actor:nth-child(3n) .scene-avatar{animation-duration:2.8s;animation-delay:.35s}.classroom-scene .actor-teacher .scene-avatar{animation-duration:2.6s}.scene-monster{--monster-color:#7dd3fc;--monster-body-color:var(--monster-color);--monster-body-texture:none;--monster-eyes-color:#111827;--pupil-x:0px;--pupil-y:0px;--monster-nose-color:#111827;--monster-mouth-color:#111827;--monster-hair-color:#111827;--monster-arms-color:var(--monster-color);--monster-legs-color:var(--monster-color);--monster-accessory-color:#facc15;--monster-arms-pattern:none;--monster-legs-pattern:none;--monster-accessory-pattern:none;--monster-size:88px;--monster-scale:calc(var(--monster-size)/88px);width:var(--monster-size);height:var(--monster-size);transform-origin:bottom;position:relative}@keyframes monsterBreathe{0%{transform:translateY(0)scale(1)}50%{transform:translateY(-1px)scale(1.035)}to{transform:translateY(0)scale(1)}}@keyframes monsterWiggle{0%{transform:rotate(-2.2deg)scale(1)}50%{transform:rotate(2.2deg)scale(1.03)}to{transform:rotate(-2.2deg)scale(1)}}@keyframes monsterFloat{0%{transform:translateY(0)}50%{transform:translateY(-3px)}to{transform:translateY(0)}}@keyframes monsterSpikyFlow{0%{transform:rotate(-2.8deg)scale(1.01)}35%{transform:rotate(3.2deg)scale(1.035)}70%{transform:rotate(-1.2deg)scale(1.02)}to{transform:rotate(-2.8deg)scale(1.01)}}@keyframes monsterSquish{0%{transform:translateY(0)scaleX(1.02)scaleY(.98)}40%{transform:translateY(-1px)scaleX(.98)scaleY(1.03)}75%{transform:translateY(0)scaleX(1.01)scaleY(.99)}to{transform:translateY(0)scaleX(1.02)scaleY(.98)}}@keyframes monsterPuff{0%{transform:translateY(0)scaleX(1.03)scaleY(.99)}45%{transform:translateY(-2px)scaleX(.99)scaleY(1.035)}to{transform:translateY(0)scaleX(1.03)scaleY(.99)}}@keyframes monsterGhostFloat{0%{opacity:.98;transform:translateY(0)rotate(-1deg)}50%{opacity:1;transform:translateY(-4px)rotate(1deg)}to{opacity:.98;transform:translateY(0)rotate(-1deg)}}@keyframes monsterBeanWobble{0%{transform:rotate(2deg)scale(1)}30%{transform:rotate(-3deg)scale(1.03)}60%{transform:rotate(2deg)scale(1.015)}to{transform:rotate(2deg)scale(1)}}@keyframes monsterCrystalTilt{0%{transform:rotate(-1.8deg)scale(1)}50%{transform:rotate(1.8deg)scale(1.04)}to{transform:rotate(-1.8deg)scale(1)}}@keyframes monsterRobotNod{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-2px)rotate(-.6deg)}to{transform:translateY(0)rotate(0)}}@keyframes monsterHeartPulse{0%{transform:translateY(0)scale(1)}35%{transform:translateY(-1px)scale(1.075)}60%{transform:translateY(0)scale(.995)}to{transform:translateY(0)scale(1)}}@keyframes monsterLadybugWiggle{0%{transform:rotate(-1.6deg)scale(1)}50%{transform:rotate(1.6deg)scale(1.03)}to{transform:rotate(-1.6deg)scale(1)}}@keyframes monsterMantisSway{0%{transform:translateY(0)rotate(-1deg)scale(1.01)}40%{transform:translateY(-2px)rotate(1deg)scale(1.03)}75%{transform:translateY(0)rotate(-.6deg)scale(1.015)}to{transform:translateY(0)rotate(-1deg)scale(1.01)}}@keyframes monsterCaterpillarSquirm{0%{transform:rotate(1deg)scaleX(1.03)scaleY(.98)}35%{transform:rotate(-1deg)scaleX(.98)scaleY(1.035)}70%{transform:rotate(.8deg)scaleX(1.01)scaleY(.99)}to{transform:rotate(1deg)scaleX(1.03)scaleY(.98)}}@keyframes monsterBeeBuzz{0%{transform:translate(0)scale(1)}25%{transform:translate(.5px,-1px)scale(1.02)}50%{transform:translate(-.5px)scale(1.03)}75%{transform:translate(.5px,-.5px)scale(1.02)}to{transform:translate(0)scale(1)}}.scene-monster.monster-body-rounded{--monster-body-texture:radial-gradient(circle at 22% 32%,#fff3 0 6px,transparent 7px),radial-gradient(circle at 78% 38%,#0000001a 0 5px,transparent 6px),radial-gradient(circle at 42% 74%,#ffffff29 0 8px,transparent 9px),radial-gradient(circle at 60% 62%,#00000014 0 10px,transparent 11px);animation:2.9s ease-in-out infinite monsterBreathe}.scene-monster.monster-body-square{--monster-body-texture:repeating-linear-gradient(90deg,#ffffff1f 0 6px,transparent 6px 18px),repeating-linear-gradient(0deg,#00000014 0 6px,transparent 6px 20px);animation:2.6s ease-in-out infinite monsterWiggle}.scene-monster.monster-body-oval{--monster-body-texture:repeating-linear-gradient(135deg,#ffffff1f 0 10px,transparent 10px 22px);animation:3.1s ease-in-out infinite monsterFloat}.scene-monster.monster-body-spiky{--monster-body-texture:repeating-linear-gradient(135deg,#0000001a 0 6px,transparent 6px 16px),radial-gradient(circle at 28% 26%,#ffffff24 0 12px,transparent 13px);animation:2.4s ease-in-out infinite monsterSpikyFlow}.scene-monster.monster-body-slime{--monster-body-texture:radial-gradient(circle at 24% 40%,#fff3 0 7px,transparent 8px),radial-gradient(circle at 70% 56%,#ffffff24 0 5px,transparent 6px),radial-gradient(circle at 52% 28%,#0000001a 0 10px,transparent 11px);animation:2.35s ease-in-out infinite monsterSquish}.scene-monster.monster-body-cloud{--monster-body-texture:radial-gradient(circle at 30% 44%,#ffffff2e 0 18px,transparent 19px),radial-gradient(circle at 70% 48%,#ffffff24 0 16px,transparent 17px),linear-gradient(90deg,#ffffff1a 0%,transparent 40%,#00000014 100%);animation:3.2s ease-in-out infinite monsterPuff}.scene-monster.monster-body-ghost{--monster-body-texture:repeating-linear-gradient(90deg,#ffffff24 0 10px,transparent 10px 22px),radial-gradient(circle at 50% 30%,#ffffff1f 0 22px,transparent 23px);animation:2.7s ease-in-out infinite monsterGhostFloat}.scene-monster.monster-body-bean{--monster-body-texture:linear-gradient(90deg,transparent 0 47%,#0000001f 47% 49%,transparent 49% 100%),radial-gradient(circle at 38% 42%,#ffffff29 0 16px,transparent 17px);animation:2.8s ease-in-out infinite monsterBeanWobble}.scene-monster.monster-body-crystal{--monster-body-texture:linear-gradient(115deg,transparent 0 48%,#ffffff38 48% 51%,transparent 51% 100%),linear-gradient(65deg,transparent 0 58%,#00000024 58% 61%,transparent 61% 100%),radial-gradient(circle at 30% 30%,#ffffff2e 0 18px,transparent 19px);animation:3.35s ease-in-out infinite monsterCrystalTilt}.scene-monster.monster-body-robot{--monster-body-texture:repeating-linear-gradient(0deg,#1118271f 0 2px,transparent 2px 14px),repeating-linear-gradient(90deg,#1118271a 0 2px,transparent 2px 16px),radial-gradient(circle at 28% 28%,#ffffff2e 0 6px,transparent 7px),radial-gradient(circle at 72% 68%,#0000001a 0 6px,transparent 7px);animation:2.15s ease-in-out infinite monsterRobotNod}.scene-monster.monster-body-teddy{--monster-body-texture:linear-gradient(90deg,transparent 0 49%,#00000024 49% 51%,transparent 51% 100%),radial-gradient(circle at 30% 42%,#0000002e 0 7px,transparent 8px),radial-gradient(circle at 70% 42%,#0000002e 0 7px,transparent 8px),radial-gradient(circle at 36% 68%,#0000002e 0 8px,transparent 9px),radial-gradient(circle at 64% 68%,#0000002e 0 8px,transparent 9px),radial-gradient(circle at 50% 30%,#ffffff24 0 18px,transparent 19px);animation:2.6s ease-in-out infinite monsterLadybugWiggle}.scene-monster.monster-body-heart{--monster-body-texture:radial-gradient(circle at 34% 42%,#00000024 0 6px,transparent 7px),radial-gradient(circle at 68% 58%,#0000001f 0 7px,transparent 8px),linear-gradient(90deg,transparent 0 49%,#0000001a 49% 51%,transparent 51% 100%),linear-gradient(135deg,#ffffff1a 0%,transparent 55%);animation:2.2s ease-in-out infinite monsterHeartPulse}.scene-monster.monster-body-dino{--monster-body-texture:repeating-linear-gradient(0deg,#0000001f 0 3px,transparent 3px 18px),radial-gradient(circle at 34% 30%,#ffffff29 0 16px,transparent 17px),linear-gradient(90deg,transparent 0 49%,#ffffff1a 49% 50.5%,transparent 50.5% 100%);animation:2.45s ease-in-out infinite monsterMantisSway}.scene-monster.monster-body-pumpkin{--monster-body-texture:repeating-linear-gradient(0deg,#0000001f 0 4px,transparent 4px 20px),radial-gradient(circle at 18% 40%,#ffffff24 0 14px,transparent 15px),radial-gradient(circle at 78% 66%,#ffffff1f 0 12px,transparent 13px);animation:2.85s ease-in-out infinite monsterCaterpillarSquirm}.scene-monster.monster-body-puff{--monster-body-texture:repeating-linear-gradient(0deg,#0000002e 0 8px,transparent 8px 16px),radial-gradient(circle at 8px 8px,#ffffff2e 0 2px,transparent 3px)0 0/14px 14px,radial-gradient(circle at 7px 7px,#00000014 0 2px,transparent 3px)7px 7px/14px 14px;animation:1.7s ease-in-out infinite monsterBeeBuzz}.scene-monster-inner{width:88px;height:88px;transform:scale(var(--monster-scale));transform-origin:0 0;font-family:var(--font-display);color:#0c1d25;align-content:center;justify-items:center;display:grid;position:absolute;top:0;left:0}.scene-monster-inner:before{content:"";z-index:0;background:var(--monster-body-texture,none),radial-gradient(circle at 28% 22%,#fff9 0%,transparent 48%),radial-gradient(circle at 75% 78%,#00000029 0%,transparent 52%),linear-gradient(180deg,var(--monster-body-color)0%,var(--monster-body-color)55%,var(--monster-body-color)100%);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.scene-monster-inner:before{background:var(--monster-body-texture,none),radial-gradient(circle at 28% 22%,#fff9 0%,transparent 48%),radial-gradient(circle at 75% 78%,#00000029 0%,transparent 52%),linear-gradient(180deg,color-mix(in srgb,var(--monster-body-color)92%,#fff)0%,var(--monster-body-color)55%,color-mix(in srgb,var(--monster-body-color)80%,#0f172a)100%)}}.scene-monster-inner:before{filter:drop-shadow(1px 0 #111827eb)drop-shadow(-1px 0 #111827eb)drop-shadow(0 1px #111827eb)drop-shadow(0 -1px #111827eb)drop-shadow(0 6px 10px #0f172a2e);box-shadow:inset 0 0 0 2px #ffffff8c,inset 0 -16px 24px #00000024;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.scene-monster-inner:after{content:none}@keyframes slimeDrip{0%{opacity:0;transform:translate(-50%)scale(.35)}70%{opacity:0;transform:translate(-50%)scale(.35)}78%{opacity:.95;transform:translate(-50%,2px)scale(.5)}to{opacity:0;transform:translate(-50%,22px)scale(.9)}}.scene-monster.monster-body-slime .scene-monster-inner:after{content:"";background:radial-gradient(circle at 35% 30%,#fff3 0 4px,transparent 6px),var(--monster-body-color);border-radius:999px;width:14px;height:18px;position:absolute;bottom:6px;left:50%}@supports (color:color-mix(in lab, red, red)){.scene-monster.monster-body-slime .scene-monster-inner:after{background:radial-gradient(circle at 35% 30%,#fff3 0 4px,transparent 6px),color-mix(in srgb,var(--monster-body-color)86%,#0f172a)}}.scene-monster.monster-body-slime .scene-monster-inner:after{z-index:1;opacity:0;pointer-events:none;border:2px solid #1118278c;animation:4.3s ease-in-out infinite slimeDrip;transform:translate(-50%)scale(.35);box-shadow:inset 0 -3px #00000024,0 10px 16px #0f172a1a}@keyframes crystalShine{0%{opacity:0;transform:translate(-130%)rotate(18deg)}35%{opacity:.85}60%{opacity:.65}to{opacity:0;transform:translate(130%)rotate(18deg)}}.scene-monster.monster-body-crystal .scene-monster-inner:after{content:"";z-index:1;mix-blend-mode:overlay;filter:blur(.2px);opacity:0;pointer-events:none;background:linear-gradient(120deg,#0000 0%,#ffffff61 45%,#0000 55%);animation:3.6s ease-in-out infinite crystalShine;position:absolute;inset:-8px;transform:translate(-130%)rotate(18deg);-webkit-mask-image:url(/monster-bodies/crystal.svg);mask-image:url(/monster-bodies/crystal.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.scene-monster-inner.body-rounded:before{-webkit-mask-image:url(/monster-bodies/rounded.svg);mask-image:url(/monster-bodies/rounded.svg)}.scene-monster-inner.body-square:before{-webkit-mask-image:url(/monster-bodies/square.svg);mask-image:url(/monster-bodies/square.svg)}.scene-monster-inner.body-oval:before{-webkit-mask-image:url(/monster-bodies/oval.svg);mask-image:url(/monster-bodies/oval.svg)}.scene-monster-inner.body-spiky:before{-webkit-mask-image:url(/monster-bodies/spiky.svg);mask-image:url(/monster-bodies/spiky.svg)}.scene-monster-inner.body-slime:before{-webkit-mask-image:url(/monster-bodies/slime.svg);mask-image:url(/monster-bodies/slime.svg)}.scene-monster-inner.body-cloud:before{-webkit-mask-image:url(/monster-bodies/cloud.svg);mask-image:url(/monster-bodies/cloud.svg)}.scene-monster-inner.body-ghost:before{-webkit-mask-image:url(/monster-bodies/ghost.svg);mask-image:url(/monster-bodies/ghost.svg)}.scene-monster-inner.body-bean:before{-webkit-mask-image:url(/monster-bodies/bean.svg);mask-image:url(/monster-bodies/bean.svg)}.scene-monster-inner.body-crystal:before{-webkit-mask-image:url(/monster-bodies/crystal.svg);mask-image:url(/monster-bodies/crystal.svg)}.scene-monster-inner.body-robot:before{-webkit-mask-image:url(/monster-bodies/robot.svg);mask-image:url(/monster-bodies/robot.svg)}.scene-monster-inner.body-teddy:before{-webkit-mask-image:url(/monster-bodies/teddy.svg);mask-image:url(/monster-bodies/teddy.svg)}.scene-monster-inner.body-heart:before{-webkit-mask-image:url(/monster-bodies/heart.svg);mask-image:url(/monster-bodies/heart.svg)}.scene-monster-inner.body-dino:before{-webkit-mask-image:url(/monster-bodies/dino.svg);mask-image:url(/monster-bodies/dino.svg)}.scene-monster-inner.body-pumpkin:before{-webkit-mask-image:url(/monster-bodies/pumpkin.svg);mask-image:url(/monster-bodies/pumpkin.svg)}.scene-monster-inner.body-puff:before{-webkit-mask-image:url(/monster-bodies/puff.svg);mask-image:url(/monster-bodies/puff.svg)}.monster-eyes{z-index:4;pointer-events:none;align-items:center;gap:16px;display:flex;position:absolute;top:30px;left:50%;transform:translate(-50%)}.monster-eyes .eye{background:linear-gradient(#fff 0%,#eef6ff 100%);border:2px solid #111827b3;border-radius:999px;width:18px;height:18px;position:relative;overflow:hidden;box-shadow:inset 0 -3px #0000001a,0 4px 8px #0f172a1a}.monster-eyes .eye:before{content:"";left:calc(50% + var(--pupil-x,0px));top:calc(52% + var(--pupil-y,0px));background:var(--monster-eyes-color);border-radius:999px;width:8px;height:8px;transition:left 80ms,top 80ms;position:absolute;transform:translate(-50%,-50%);box-shadow:inset 0 -2px #0000002e}.monster-eyes .eye:after{content:"";background:#ffffffeb;border-radius:999px;width:5px;height:5px;position:absolute;top:4px;left:4px;box-shadow:0 0 0 1px #ffffff59}.monster-eyes.eyes-round .eye:after,.monster-eyes.eyes-surprised .eye:after,.monster-eyes.eyes-wink .eye.right:after,.monster-eyes.eyes-kawaii .eye:after,.monster-eyes.eyes-glow .eye:after{display:none}.monster-eyes.eyes-round .eye{width:18px;height:18px}.monster-eyes.eyes-star .eye{background:linear-gradient(#fff 0%,#f1f5ff 100%)}.monster-eyes.eyes-star .eye:before{clip-path:polygon(50% 0%,62% 34%,98% 38%,70% 60%,78% 96%,50% 76%,22% 96%,30% 60%,2% 38%,38% 34%);background:var(--monster-eyes-color);width:12px;height:12px;box-shadow:none;border-radius:0}.monster-eyes.eyes-sleepy .eye{width:18px;height:12px;box-shadow:none;background:0 0;border:0;overflow:visible}.monster-eyes.eyes-sleepy .eye:before{border-bottom:4px solid var(--monster-eyes-color);width:100%;height:100%;box-shadow:none;background:0 0;border-radius:0 0 14px 14px}.monster-eyes.eyes-sleepy .eye:after{display:none}.monster-eyes.eyes-happy .eye{width:18px;height:12px;box-shadow:none;background:0 0;border:0;overflow:visible}.monster-eyes.eyes-happy .eye:before{border-top:4px solid var(--monster-eyes-color);width:100%;height:100%;box-shadow:none;background:0 0;border-radius:14px 14px 0 0}.monster-eyes.eyes-happy .eye:after{display:none}.monster-eyes.eyes-diamond .eye:before{background:var(--monster-eyes-color);width:11px;height:11px;box-shadow:none;border-radius:2px;transform:translate(-50%,-50%)rotate(45deg)}.monster-eyes.eyes-heart .eye{background:radial-gradient(circle at 30% 25%,#ffffff47 0 3px,transparent 4px),var(--monster-eyes-color);border:2px solid #111827a6;border-radius:2px;width:12px;height:12px;position:relative;transform:rotate(45deg);box-shadow:inset 0 -3px #00000024,0 4px 8px #0f172a1f}.monster-eyes.eyes-heart .eye:before,.monster-eyes.eyes-heart .eye:after{content:"";background:radial-gradient(circle at 30% 25%,#ffffff3d 0 3px,transparent 4px),var(--monster-eyes-color);border-radius:999px;width:12px;height:12px;position:absolute}.monster-eyes.eyes-heart .eye:before{top:0;left:-6px}.monster-eyes.eyes-heart .eye:after{top:-6px;left:0}.monster-eyes.eyes-surprised .eye{width:18px;height:22px}.monster-eyes.eyes-surprised .eye:before{width:6px;height:6px;top:calc(56% + var(--pupil-y,0px))}@keyframes eyeSwirlSpin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.monster-eyes.eyes-wink .eye.left{width:18px;height:12px;box-shadow:none;background:0 0;border:0;overflow:visible}.monster-eyes.eyes-wink .eye.left:before{border-top:4px solid var(--monster-eyes-color);width:100%;height:100%;box-shadow:none;background:0 0;border-radius:14px 14px 0 0}.monster-eyes.eyes-wink .eye.left:after{display:none}.monster-eyes.eyes-wink .eye.right{width:18px;height:18px}.monster-eyes.eyes-kawaii .eye{background:linear-gradient(#fff 0%,#eff6ff 100%);width:22px;height:22px}.monster-eyes.eyes-kawaii .eye:before{width:10px;height:12px;top:calc(56% + var(--pupil-y,0px));background:var(--monster-eyes-color);border-radius:999px}@media (prefers-reduced-motion:reduce){.scene-monster,.scene-monster-inner:after,.monster-accessory.accessory-wings .wing,.monster-accessory.accessory-glow .glow{animation:none!important}.monster-eyes .eye:before{transition:none}}.monster-eyes.eyes-kawaii .eye:after{background:#fffffff2;width:6px;height:6px;top:3px;left:3px;box-shadow:8px 10px #ffffff8c}.monster-eyes.eyes-swirl .eye:before{background:repeating-conic-gradient(from 0deg,var(--monster-eyes-color)0 14deg,transparent 14deg 28deg);width:12px;height:12px;box-shadow:none;border-radius:999px;animation:2.8s linear infinite eyeSwirlSpin}.monster-eyes.eyes-swirl .eye:after{display:none}.monster-eyes.eyes-glow .eye:before{background:var(--monster-eyes-color);width:10px;height:10px;box-shadow:0 0 10px var(--monster-eyes-color),inset 0 -2px 0 #00000024}@supports (color:color-mix(in lab, red, red)){.monster-eyes.eyes-glow .eye:before{box-shadow:0 0 10px color-mix(in srgb,var(--monster-eyes-color)60%,#fff),inset 0 -2px 0 #00000024}}.monster-eyes.eyes-glow .eye:after{width:6px;height:6px;top:3px;left:3px}.monster-eyes.eyes-sparkle .eye{background:linear-gradient(#fff 0%,#f0f9ff 100%)}.monster-eyes.eyes-sparkle .eye:before{clip-path:polygon(50% 0%,62% 34%,98% 38%,70% 60%,78% 96%,50% 76%,22% 96%,30% 60%,2% 38%,38% 34%);background:radial-gradient(circle at 30% 30%,#ffffff42 0 3px,transparent 4px),var(--monster-eyes-color);width:12px;height:12px;box-shadow:none;border-radius:0}.monster-eyes.eyes-sparkle .eye:after{clip-path:polygon(50% 0%,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);background:#fff;border-radius:0;width:6px;height:6px;top:2px;left:auto;right:2px;box-shadow:0 0 0 1px #ffffff52}.monster-hair{z-index:3;pointer-events:none;filter:drop-shadow(1px 0 #111827d9)drop-shadow(-1px 0 #111827d9)drop-shadow(0 1px #111827d9)drop-shadow(0 -1px #111827d9);width:74px;height:44px;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.monster-hair:before,.monster-hair:after{content:"";position:absolute}.monster-hair.hair-tuft:before,.monster-hair.hair-tuft:after{background:radial-gradient(circle at 50% 6px,var(--monster-hair-color)0 4px,transparent 5px),linear-gradient(180deg,var(--monster-hair-color)0%,var(--monster-hair-color)100%);background-position:top,50% 10px;background-repeat:no-repeat;background-size:100% 100%,4px 26px;width:12px;height:34px;top:12px}.monster-hair.hair-tuft:before{left:22px;transform:rotate(-16deg)}.monster-hair.hair-tuft:after{right:22px;transform:rotate(16deg)}.monster-hair.hair-spikes:before{background:linear-gradient(180deg,var(--monster-hair-color)0%,var(--monster-hair-color)60%,var(--monster-hair-color)100%);width:62px;height:26px;top:14px;left:50%;transform:translate(-50%)}@supports (color:color-mix(in lab, red, red)){.monster-hair.hair-spikes:before{background:linear-gradient(180deg,color-mix(in srgb,var(--monster-hair-color)72%,#fff)0%,var(--monster-hair-color)60%,color-mix(in srgb,var(--monster-hair-color)80%,#0f172a)100%)}}.monster-hair.hair-spikes:before{clip-path:polygon(0 100%,8% 50%,16% 100%,26% 40%,36% 100%,50% 32%,64% 100%,74% 42%,84% 100%,92% 56%,100% 100%);border-radius:0 0 16px 16px}.monster-hair.hair-mohawk:before{background:linear-gradient(180deg,var(--monster-hair-color)0%,var(--monster-hair-color)64%,var(--monster-hair-color)100%);width:20px;height:44px;top:6px;left:50%;transform:translate(-50%)}@supports (color:color-mix(in lab, red, red)){.monster-hair.hair-mohawk:before{background:linear-gradient(180deg,color-mix(in srgb,var(--monster-hair-color)74%,#fff)0%,var(--monster-hair-color)64%,color-mix(in srgb,var(--monster-hair-color)80%,#0f172a)100%)}}.monster-hair.hair-mohawk:before{clip-path:polygon(0 100%,14% 40%,32% 100%,50% 22%,68% 100%,86% 40%,100% 100%);border-radius:999px}.monster-hair.hair-curl:before{border:7px solid var(--monster-hair-color);border-bottom-color:#0000;border-right-color:#0000;border-radius:999px;width:34px;height:34px;top:10px;left:50%;transform:translate(-50%)rotate(-18deg);box-shadow:inset 0 0 0 2px #ffffff29}.monster-hair.hair-puffs:before,.monster-hair.hair-puffs:after{background:radial-gradient(circle at 30% 28%,#ffffff38 0 4px,transparent 5px),var(--monster-hair-color);border-radius:999px;width:22px;height:22px;top:18px}.monster-hair.hair-puffs:before{left:10px}.monster-hair.hair-puffs:after{right:10px}.monster-hair.hair-fringe:before{background:linear-gradient(180deg,var(--monster-hair-color)0%,var(--monster-hair-color)60%,var(--monster-hair-color)100%);width:68px;height:22px;top:16px;left:50%;transform:translate(-50%)}@supports (color:color-mix(in lab, red, red)){.monster-hair.hair-fringe:before{background:linear-gradient(180deg,color-mix(in srgb,var(--monster-hair-color)74%,#fff)0%,var(--monster-hair-color)60%,color-mix(in srgb,var(--monster-hair-color)80%,#0f172a)100%)}}.monster-hair.hair-fringe:before{clip-path:polygon(0 0,100% 0,100% 70%,86% 100%,72% 72%,58% 100%,44% 72%,30% 100%,16% 72%,0 100%);border-radius:18px 18px 14px 14px}.monster-hair.hair-antenna:before,.monster-hair.hair-antenna:after{background:radial-gradient(circle at 50% 8px,var(--monster-hair-color)0 6px,transparent 7px),linear-gradient(180deg,var(--monster-hair-color)0%,var(--monster-hair-color)100%);background-position:top,50% 12px;background-repeat:no-repeat;background-size:100% 100%,4px 28px;width:14px;height:40px;top:6px}.monster-hair.hair-antenna:before{left:22px;transform:rotate(-12deg)}.monster-hair.hair-antenna:after{right:22px;transform:rotate(12deg)}.monster-nose{z-index:4;pointer-events:none;width:22px;height:18px;position:absolute;top:48px;left:50%;transform:translate(-50%)}.monster-nose:before,.monster-nose:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.monster-nose.nose-dot:before{background:var(--monster-nose-color);border:2px solid #111827a6;border-radius:999px;width:6px;height:6px;box-shadow:inset 0 -2px #00000024}.monster-nose.nose-button:before{background:radial-gradient(circle at 30% 30%,#ffffff4d 0 3px,transparent 4px),var(--monster-nose-color);border:2px solid #11182799;border-radius:999px;width:14px;height:10px;box-shadow:inset 0 -3px #00000029}.monster-nose.nose-triangle:before{background:var(--monster-nose-color);clip-path:polygon(50% 100%,0 0,100% 0);filter:drop-shadow(1px 0 #111827b3)drop-shadow(-1px 0 #111827b3)drop-shadow(0 1px #111827b3)drop-shadow(0 -1px #111827b3);width:14px;height:12px}.monster-nose.nose-snout:before,.monster-nose.nose-pig:before{background:linear-gradient(180deg,var(--monster-nose-color)0%,var(--monster-nose-color)100%);border-radius:999px;width:18px;height:12px}@supports (color:color-mix(in lab, red, red)){.monster-nose.nose-snout:before,.monster-nose.nose-pig:before{background:linear-gradient(180deg,color-mix(in srgb,var(--monster-nose-color)70%,#fff)0%,var(--monster-nose-color)100%)}}.monster-nose.nose-snout:before,.monster-nose.nose-pig:before{border:2px solid #1118278c;box-shadow:inset 0 -3px #00000024}.monster-nose.nose-snout:after,.monster-nose.nose-pig:after{background:var(--monster-nose-color);border-radius:999px;width:4px;height:6px}@supports (color:color-mix(in lab, red, red)){.monster-nose.nose-snout:after,.monster-nose.nose-pig:after{background:color-mix(in srgb,var(--monster-nose-color)35%,#111827)}}.monster-nose.nose-snout:after,.monster-nose.nose-pig:after{box-shadow:7px 0 0 var(--monster-nose-color)}@supports (color:color-mix(in lab, red, red)){.monster-nose.nose-snout:after,.monster-nose.nose-pig:after{box-shadow:7px 0 0 color-mix(in srgb,var(--monster-nose-color)35%,#111827)}}.monster-nose.nose-pig:before{width:16px;height:13px}.monster-nose.nose-beak:before{background:linear-gradient(180deg,var(--monster-nose-color)0%,var(--monster-nose-color)65%,var(--monster-nose-color)100%);width:18px;height:14px}@supports (color:color-mix(in lab, red, red)){.monster-nose.nose-beak:before{background:linear-gradient(180deg,color-mix(in srgb,var(--monster-nose-color)72%,#fff)0%,var(--monster-nose-color)65%,color-mix(in srgb,var(--monster-nose-color)80%,#0f172a)100%)}}.monster-nose.nose-beak:before{clip-path:polygon(50% 100%,0 15%,100% 15%);filter:drop-shadow(1px 0 #111827b3)drop-shadow(-1px 0 #111827b3)drop-shadow(0 1px #111827b3)drop-shadow(0 -1px #111827b3)}.monster-nose.nose-clown:before{background:radial-gradient(circle at 30% 30%,#ffffff73 0 3px,transparent 4px),linear-gradient(180deg,var(--monster-nose-color)0%,var(--monster-nose-color)100%);border-radius:999px;width:14px;height:14px}@supports (color:color-mix(in lab, red, red)){.monster-nose.nose-clown:before{background:radial-gradient(circle at 30% 30%,#ffffff73 0 3px,transparent 4px),linear-gradient(180deg,color-mix(in srgb,var(--monster-nose-color)70%,#fff)0%,var(--monster-nose-color)100%)}}.monster-nose.nose-clown:before{border:2px solid #11182799;box-shadow:inset 0 -3px #00000029}.monster-nose.nose-heart:before{background:var(--monster-nose-color);clip-path:polygon(50% 96%,6% 52%,18% 24%,34% 8%,50% 24%,66% 8%,82% 24%,94% 52%);filter:drop-shadow(1px 0 #111827b3)drop-shadow(-1px 0 #111827b3)drop-shadow(0 1px #111827b3)drop-shadow(0 -1px #111827b3);width:16px;height:14px}.monster-nose.nose-star:before{background:var(--monster-nose-color);clip-path:polygon(50% 0%,62% 34%,98% 38%,70% 60%,78% 96%,50% 76%,22% 96%,30% 60%,2% 38%,38% 34%);filter:drop-shadow(1px 0 #111827b3)drop-shadow(-1px 0 #111827b3)drop-shadow(0 1px #111827b3)drop-shadow(0 -1px #111827b3);border-radius:0;width:14px;height:14px}.monster-nose.nose-diamond:before{background:var(--monster-nose-color);filter:drop-shadow(1px 0 #111827b3)drop-shadow(-1px 0 #111827b3)drop-shadow(0 1px #111827b3)drop-shadow(0 -1px #111827b3);border-radius:2px;width:12px;height:12px;transform:translate(-50%,-50%)rotate(45deg)}.monster-nose.nose-nostrils:before{background:var(--monster-nose-color);width:4px;height:6px;box-shadow:8px 0 0 var(--monster-nose-color);filter:drop-shadow(1px 0 #1118278c)drop-shadow(-1px 0 #1118278c);border-radius:999px}.monster-nose.nose-nostrils:after{display:none}.monster-mouth{z-index:4;pointer-events:none;width:44px;height:28px;position:absolute;top:60px;left:50%;transform:translate(-50%)}.monster-mouth:before,.monster-mouth:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.monster-mouth.mouth-smile:before{border-bottom:4px solid var(--monster-mouth-color);border-radius:0 0 999px 999px;width:28px;height:14px;top:10px}.monster-mouth.mouth-smirk:before{border-bottom:4px solid var(--monster-mouth-color);border-radius:0 0 999px 999px;width:22px;height:12px;top:10px;left:56%;transform:translate(-50%,-50%)rotate(-10deg)}.monster-mouth.mouth-frown:before{border-top:4px solid var(--monster-mouth-color);border-radius:999px 999px 0 0;width:26px;height:14px;top:18px}.monster-mouth.mouth-o:before{background:var(--monster-mouth-color);border-radius:999px;width:14px;height:14px}@supports (color:color-mix(in lab, red, red)){.monster-mouth.mouth-o:before{background:color-mix(in srgb,var(--monster-mouth-color)22%,#0f172a)}}.monster-mouth.mouth-o:before{border:3px solid var(--monster-mouth-color);box-shadow:inset 0 -3px #0000002e}.monster-mouth.mouth-open:before,.monster-mouth.mouth-tongue:before,.monster-mouth.mouth-toothy:before{background:var(--monster-mouth-color);border-radius:0 0 999px 999px;width:24px;height:18px}@supports (color:color-mix(in lab, red, red)){.monster-mouth.mouth-open:before,.monster-mouth.mouth-tongue:before,.monster-mouth.mouth-toothy:before{background:color-mix(in srgb,var(--monster-mouth-color)20%,#0f172a)}}.monster-mouth.mouth-open:before,.monster-mouth.mouth-tongue:before,.monster-mouth.mouth-toothy:before{border:3px solid var(--monster-mouth-color);border-top:0;top:54%;box-shadow:inset 0 -3px #0003}.monster-mouth.mouth-tongue:after{background:linear-gradient(#fb7185 0%,#f43f5e 100%);border:2px solid #11182759;border-radius:999px 999px 12px 12px;width:12px;height:10px;top:66%;box-shadow:inset 0 -2px #0000001f}.monster-mouth.mouth-grin:before{border-bottom:4px solid var(--monster-mouth-color);border-radius:0 0 999px 999px;width:30px;height:16px;top:12px}.monster-mouth.mouth-grin:after,.monster-mouth.mouth-toothy:after{background:repeating-linear-gradient(90deg,#fff 0 5px,#dbe7ef 5px 6px);border:2px solid #11182738;border-radius:0 0 10px 10px;width:20px;height:8px;top:62%;box-shadow:inset 0 -2px #00000014}.monster-mouth.mouth-toothy:after{top:48%}.monster-mouth.mouth-laugh:before{background:var(--monster-mouth-color);border-radius:0 0 999px 999px;width:32px;height:22px}@supports (color:color-mix(in lab, red, red)){.monster-mouth.mouth-laugh:before{background:color-mix(in srgb,var(--monster-mouth-color)20%,#0f172a)}}.monster-mouth.mouth-laugh:before{border:3px solid var(--monster-mouth-color);border-top:0;top:56%;box-shadow:inset 0 -4px #0000002e}.monster-mouth.mouth-laugh:after{background:repeating-linear-gradient(90deg,#fff 0 6px,#dbe7ef 6px 7px) 50% 1px/22px 7px no-repeat,radial-gradient(circle at 50% 90%,#fb7185 0 6px,#0000 7px) 50% 100%/20px 10px no-repeat;border-radius:0 0 999px 999px;width:24px;height:14px;top:56%;box-shadow:0 0 0 2px #11182724}.monster-mouth.mouth-fangs:before{background:var(--monster-mouth-color);border-radius:0 0 999px 999px;width:26px;height:18px}@supports (color:color-mix(in lab, red, red)){.monster-mouth.mouth-fangs:before{background:color-mix(in srgb,var(--monster-mouth-color)22%,#0f172a)}}.monster-mouth.mouth-fangs:before{border:3px solid var(--monster-mouth-color);border-top:0;top:54%;box-shadow:inset 0 -3px #0000002e}.monster-mouth.mouth-fangs:after{background:repeating-linear-gradient(90deg,#fff 0 6px,#dbe7ef 6px 7px) 50% 2px/22px 7px no-repeat,linear-gradient(#fff 0 0) 6px 8px/4px 6px no-repeat,linear-gradient(#fff 0 0) 12px 8px/4px 6px no-repeat;border-radius:0 0 12px 12px;width:22px;height:14px;top:52%;box-shadow:0 0 0 2px #11182724}.monster-mouth.mouth-bubblegum:before{background:radial-gradient(circle at 30% 30%,#ffffffa6 0 5px,#0000 6px),linear-gradient(#f472b6 0%,#fb7185 100%);border:2px solid #1118276b;border-radius:999px;width:22px;height:22px;top:48%;box-shadow:inset 0 -4px #0000001f,0 6px 10px #0f172a1f}.monster-mouth.mouth-bubblegum:after{display:none}.monster-mouth.mouth-zigzag:before{background:var(--monster-mouth-color);clip-path:polygon(0% 60%,8% 20%,16% 60%,24% 20%,32% 60%,40% 20%,48% 60%,56% 20%,64% 60%,72% 20%,80% 60%,88% 20%,100% 60%,100% 90%,88% 40%,80% 90%,72% 40%,64% 90%,56% 40%,48% 90%,40% 40%,32% 90%,24% 40%,16% 90%,8% 40%,0% 90%);filter:drop-shadow(1px 0 #111827b3)drop-shadow(-1px 0 #111827b3)drop-shadow(0 1px #111827b3)drop-shadow(0 -1px #111827b3);width:30px;height:12px;top:48%}.monster-mouth.mouth-zigzag:after{display:none}.monster-mouth.mouth-braces:before{background:repeating-linear-gradient(90deg,#fff 0 6px,#dbe7ef 6px 7px);border:2px solid #11182738;border-radius:0 0 12px 12px;width:28px;height:14px;top:56%;box-shadow:inset 0 -2px #00000014}.monster-mouth.mouth-braces:after{background:linear-gradient(90deg,#11182773 0% 100%) 50% 58%/100% 2px no-repeat,radial-gradient(circle at 12% 58%,#9ca3af 0 2px,#0000 3px),radial-gradient(circle at 32% 58%,#9ca3af 0 2px,#0000 3px),radial-gradient(circle at 52% 58%,#9ca3af 0 2px,#0000 3px),radial-gradient(circle at 72% 58%,#9ca3af 0 2px,#0000 3px),radial-gradient(circle at 92% 58%,#9ca3af 0 2px,#0000 3px);border-radius:0 0 12px 12px;width:26px;height:12px;top:56%;box-shadow:0 0 0 2px #1118271a}.monster-mouth:after{pointer-events:none}.monster-design{z-index:2;pointer-events:none;opacity:.38;position:absolute;inset:0;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.scene-monster-inner.body-rounded .monster-design{-webkit-mask-image:url(/monster-bodies/rounded.svg);mask-image:url(/monster-bodies/rounded.svg)}.scene-monster-inner.body-square .monster-design{-webkit-mask-image:url(/monster-bodies/square.svg);mask-image:url(/monster-bodies/square.svg)}.scene-monster-inner.body-oval .monster-design{-webkit-mask-image:url(/monster-bodies/oval.svg);mask-image:url(/monster-bodies/oval.svg)}.scene-monster-inner.body-spiky .monster-design{-webkit-mask-image:url(/monster-bodies/spiky.svg);mask-image:url(/monster-bodies/spiky.svg)}.scene-monster-inner.body-slime .monster-design{-webkit-mask-image:url(/monster-bodies/slime.svg);mask-image:url(/monster-bodies/slime.svg)}.scene-monster-inner.body-cloud .monster-design{-webkit-mask-image:url(/monster-bodies/cloud.svg);mask-image:url(/monster-bodies/cloud.svg)}.scene-monster-inner.body-ghost .monster-design{-webkit-mask-image:url(/monster-bodies/ghost.svg);mask-image:url(/monster-bodies/ghost.svg)}.scene-monster-inner.body-bean .monster-design{-webkit-mask-image:url(/monster-bodies/bean.svg);mask-image:url(/monster-bodies/bean.svg)}.scene-monster-inner.body-crystal .monster-design{-webkit-mask-image:url(/monster-bodies/crystal.svg);mask-image:url(/monster-bodies/crystal.svg)}.scene-monster-inner.body-robot .monster-design{-webkit-mask-image:url(/monster-bodies/robot.svg);mask-image:url(/monster-bodies/robot.svg)}.scene-monster-inner.body-teddy .monster-design{-webkit-mask-image:url(/monster-bodies/teddy.svg);mask-image:url(/monster-bodies/teddy.svg)}.scene-monster-inner.body-heart .monster-design{-webkit-mask-image:url(/monster-bodies/heart.svg);mask-image:url(/monster-bodies/heart.svg)}.scene-monster-inner.body-dino .monster-design{-webkit-mask-image:url(/monster-bodies/dino.svg);mask-image:url(/monster-bodies/dino.svg)}.scene-monster-inner.body-pumpkin .monster-design{-webkit-mask-image:url(/monster-bodies/pumpkin.svg);mask-image:url(/monster-bodies/pumpkin.svg)}.scene-monster-inner.body-puff .monster-design{-webkit-mask-image:url(/monster-bodies/puff.svg);mask-image:url(/monster-bodies/puff.svg)}.monster-design.design-spots{background:radial-gradient(circle at 20% 28%,#ffffff73 0 4px,#0000 5px),radial-gradient(circle at 72% 40%,#00000038 0 4px,#0000 5px),radial-gradient(circle at 46% 68%,#ffffff6b 0 4px,#0000 5px)}.monster-design.design-stripes{background:repeating-linear-gradient(135deg,#ffffff57 0 7px,#0000002e 7px 14px)}.monster-design.design-stars{background:radial-gradient(circle at 25% 24%,#ffffff8f 0 3px,#0000 4px),radial-gradient(circle at 70% 30%,#ffffff8f 0 3px,#0000 4px),radial-gradient(circle at 54% 62%,#ffffff8f 0 3px,#0000 4px)}.monster-design.design-zigzag{background:linear-gradient(135deg,#0000 74%,#00000038 74% 80%,#0000 80%) 0 0/18px 18px,linear-gradient(225deg,#0000 74%,#ffffff59 74% 80%,#0000 80%) 0 0/18px 18px}.monster-design.design-dots{background:radial-gradient(circle at 3px 3px,#ffffff70 0 2px,#0000 3px) 0 0/11px 11px}.monster-design.design-waves{background:repeating-linear-gradient(90deg,#ffffff40 0 8px,#00000026 8px 16px)}.monster-arms{z-index:1;pointer-events:none;position:absolute;inset:0}.monster-arms .arm{background:var(--monster-arms-color,var(--monster-color,#7dd3fc));width:18px;height:9px;position:absolute;top:38px}@supports (color:color-mix(in lab, red, red)){.monster-arms .arm{background:color-mix(in srgb,var(--monster-arms-color,var(--monster-color,#7dd3fc))88%,#000)}}.monster-arms .arm{border:2px solid var(--monster-arms-color,var(--monster-color,#7dd3fc))}@supports (color:color-mix(in lab, red, red)){.monster-arms .arm{border:2px solid color-mix(in srgb,var(--monster-arms-color,var(--monster-color,#7dd3fc))45%,#111827)}}.monster-arms .arm{border-radius:999px;overflow:hidden;box-shadow:inset 0 -2px #0000002e}.monster-arms .arm:before{content:"";background:#ffffff52;border-radius:999px;width:40%;height:35%;position:absolute;top:1px;left:2px}.monster-arms .arm:after{content:"";background-image:var(--monster-arms-pattern,none);opacity:.58;position:absolute;inset:0}.monster-arms .arm.left{left:-13px}.monster-arms .arm.right{right:-13px}@keyframes armWiggle{0%{transform:rotate(-10deg)}50%{transform:rotate(10deg)}to{transform:rotate(-10deg)}}.monster-arms.arms-wave .arm.left{transform-origin:100%;width:22px;height:10px;animation:1.8s ease-in-out infinite armWiggle;top:34px;transform:rotate(-38deg)}.monster-arms.arms-wave .arm.right{transform-origin:0;width:22px;height:10px;animation:1.8s ease-in-out infinite reverse armWiggle;top:34px;transform:rotate(38deg)}.monster-arms.arms-wave .arm.left:before,.monster-arms.arms-wave .arm.right:before{background:var(--monster-arms-color,var(--monster-color,#7dd3fc));width:8px;height:8px;top:0}@supports (color:color-mix(in lab, red, red)){.monster-arms.arms-wave .arm.left:before,.monster-arms.arms-wave .arm.right:before{background:color-mix(in srgb,var(--monster-arms-color,var(--monster-color,#7dd3fc))75%,#fff)}}.monster-arms.arms-wave .arm.left:before{left:0}.monster-arms.arms-wave .arm.right:before{left:auto;right:0}.monster-arms.arms-spike .arm{width:18px;height:12px;box-shadow:none;clip-path:polygon(0 50%,28% 16%,60% 50%,28% 84%);background:var(--monster-arms-color,var(--monster-color,#7dd3fc));border:0;border-radius:0;top:36px}@supports (color:color-mix(in lab, red, red)){.monster-arms.arms-spike .arm{background:color-mix(in srgb,var(--monster-arms-color,var(--monster-color,#7dd3fc))80%,#0f172a)}}.monster-arms.arms-spike .arm.left{transform:scaleX(-1)}.monster-arms.arms-spike .arm:before{display:none}.monster-arms.arms-tiny .arm{border-radius:999px;width:11px;height:6px;top:41px}.monster-arms.arms-tiny .arm:before{background:#fef3c7;width:5px;height:5px;top:-1px;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #11182733}.monster-arms.arms-goo .arm{background:linear-gradient(180deg,var(--monster-arms-color,var(--monster-color,#7dd3fc))0%,var(--monster-arms-color,var(--monster-color,#7dd3fc))100%);border-radius:4px 4px 999px 999px;width:14px;height:16px;top:35px}@supports (color:color-mix(in lab, red, red)){.monster-arms.arms-goo .arm{background:linear-gradient(180deg,color-mix(in srgb,var(--monster-arms-color,var(--monster-color,#7dd3fc))90%,#fff)0%,color-mix(in srgb,var(--monster-arms-color,var(--monster-color,#7dd3fc))70%,#0f172a)100%)}}.monster-arms.arms-goo .arm:before{background:inherit;width:9px;height:9px;top:auto;bottom:-4px;left:50%;transform:translate(-50%)}@keyframes wingFlapLeft{0%{transform:rotate(-16deg)scaleX(-1)}50%{transform:rotate(10deg)scaleX(-1)}to{transform:rotate(-16deg)scaleX(-1)}}@keyframes wingFlapRight{0%{transform:rotate(16deg)}50%{transform:rotate(-10deg)}to{transform:rotate(16deg)}}.monster-arms.arms-flex .arm{border-radius:999px;width:22px;height:12px;top:34px;box-shadow:inset 0 -3px #00000038}.monster-arms.arms-flex .arm.left{transform-origin:100%;transform:rotate(-26deg)}.monster-arms.arms-flex .arm.right{transform-origin:0;transform:rotate(26deg)}.monster-arms.arms-flex .arm:before{background:radial-gradient(circle at 30% 30%,#ffffff47 0 3px,transparent 4px),var(--monster-arms-color,var(--monster-color,#7dd3fc));border-radius:999px;width:10px;height:10px;top:-2px;left:auto;right:2px}@supports (color:color-mix(in lab, red, red)){.monster-arms.arms-flex .arm:before{background:radial-gradient(circle at 30% 30%,#ffffff47 0 3px,transparent 4px),color-mix(in srgb,var(--monster-arms-color,var(--monster-color,#7dd3fc))86%,#0f172a)}}.monster-arms.arms-flex .arm:before{box-shadow:-10px 3px 0 0 var(--monster-arms-color,var(--monster-color,#7dd3fc))}@supports (color:color-mix(in lab, red, red)){.monster-arms.arms-flex .arm:before{box-shadow:-10px 3px 0 0 color-mix(in srgb,var(--monster-arms-color,var(--monster-color,#7dd3fc))80%,#0f172a)}}.monster-arms.arms-claw .arm{width:20px;height:9px;top:37px}.monster-arms.arms-claw .arm.left{left:-14px}.monster-arms.arms-claw .arm.right{right:-14px}.monster-arms.arms-claw .arm:before{background:var(--monster-arms-color,var(--monster-color,#7dd3fc));border-radius:2px;width:10px;height:10px;top:50%;left:auto;right:-4px;transform:translateY(-50%)}@supports (color:color-mix(in lab, red, red)){.monster-arms.arms-claw .arm:before{background:color-mix(in srgb,var(--monster-arms-color,var(--monster-color,#7dd3fc))58%,#111827)}}.monster-arms.arms-claw .arm:before{clip-path:polygon(0 20%,35% 50%,0 80%,50% 50%,100% 20%,70% 50%,100% 80%,50% 50%)}.monster-arms.arms-claw .arm.left:before{left:-4px;right:auto;transform:translateY(-50%)scaleX(-1)}.monster-arms.arms-robot .arm{background:linear-gradient(180deg,var(--monster-arms-color,var(--monster-color,#7dd3fc))0%,var(--monster-arms-color,var(--monster-color,#7dd3fc))100%);border-radius:4px;width:18px;height:10px;top:36px}@supports (color:color-mix(in lab, red, red)){.monster-arms.arms-robot .arm{background:linear-gradient(180deg,color-mix(in srgb,var(--monster-arms-color,var(--monster-color,#7dd3fc))80%,#fff)0%,color-mix(in srgb,var(--monster-arms-color,var(--monster-color,#7dd3fc))70%,#0f172a)100%)}}.monster-arms.arms-robot .arm:before{background:#f8fafceb;border-radius:999px;width:6px;height:6px;top:50%;left:4px;transform:translateY(-50%);box-shadow:8px 0 #f8fafcd1}.monster-arms.arms-wings .arm{width:28px;height:18px;box-shadow:none;background:linear-gradient(180deg,var(--monster-arms-color,var(--monster-color,#7dd3fc))0%,var(--monster-arms-color,var(--monster-color,#7dd3fc))100%);border:0;border-radius:0;top:28px}@supports (color:color-mix(in lab, red, red)){.monster-arms.arms-wings .arm{background:linear-gradient(180deg,color-mix(in srgb,var(--monster-arms-color,var(--monster-color,#7dd3fc))72%,#fff)0%,color-mix(in srgb,var(--monster-arms-color,var(--monster-color,#7dd3fc))70%,#0f172a)100%)}}.monster-arms.arms-wings .arm{clip-path:polygon(0 60%,18% 20%,40% 58%,60% 22%,78% 54%,100% 30%,100% 90%,78% 76%,60% 92%,40% 74%,18% 90%,0 76%);filter:drop-shadow(1px 0 #111827b3)drop-shadow(-1px 0 #111827b3)drop-shadow(0 1px #111827b3)drop-shadow(0 -1px #111827b3);overflow:visible}.monster-arms.arms-wings .arm:before,.monster-arms.arms-wings .arm:after{display:none}.monster-arms.arms-wings .arm.left{transform-origin:100%;animation:1.6s ease-in-out infinite wingFlapLeft;left:-18px;transform:scaleX(-1)}.monster-arms.arms-wings .arm.right{transform-origin:0;animation:1.6s ease-in-out infinite wingFlapRight;right:-18px}.monster-arms.arms-hug{z-index:5}.monster-arms.arms-hug .arm{width:30px;height:10px;top:46px;box-shadow:inset 0 -3px #00000038}.monster-arms.arms-hug .arm.left{transform-origin:100%;left:-4px;transform:rotate(22deg)}.monster-arms.arms-hug .arm.right{transform-origin:0;right:-4px;transform:rotate(-22deg)}.monster-arms.arms-hug .arm:before{background:radial-gradient(circle at 30% 30%,#ffffff42 0 3px,transparent 4px),var(--monster-arms-color,var(--monster-color,#7dd3fc));width:12px;height:12px;top:-2px;left:-2px}@supports (color:color-mix(in lab, red, red)){.monster-arms.arms-hug .arm:before{background:radial-gradient(circle at 30% 30%,#ffffff42 0 3px,transparent 4px),color-mix(in srgb,var(--monster-arms-color,var(--monster-color,#7dd3fc))82%,#0f172a)}}.monster-arms.arms-hug .arm:before{box-shadow:16px 0 0 0 var(--monster-arms-color,var(--monster-color,#7dd3fc))}@supports (color:color-mix(in lab, red, red)){.monster-arms.arms-hug .arm:before{box-shadow:16px 0 0 0 color-mix(in srgb,var(--monster-arms-color,var(--monster-color,#7dd3fc))82%,#0f172a)}}.monster-arms.arms-hug .arm:before{border-radius:999px}.monster-legs{z-index:-1;pointer-events:none;position:absolute;inset:0}.monster-legs .leg{background:var(--monster-legs-color,var(--monster-color,#7dd3fc));width:16px;height:15px;position:absolute;bottom:-12px}@supports (color:color-mix(in lab, red, red)){.monster-legs .leg{background:color-mix(in srgb,var(--monster-legs-color,var(--monster-color,#7dd3fc))78%,#111)}}.monster-legs .leg{border:2px solid var(--monster-legs-color,var(--monster-color,#7dd3fc))}@supports (color:color-mix(in lab, red, red)){.monster-legs .leg{border:2px solid color-mix(in srgb,var(--monster-legs-color,var(--monster-color,#7dd3fc))45%,#111827)}}.monster-legs .leg{border-radius:8px;overflow:hidden;box-shadow:inset 0 -2px #0000002e}.monster-legs .leg:before{content:"";background:#ffffff42;border-radius:999px;width:40%;height:35%;position:absolute;top:1px;left:2px}.monster-legs .leg:after{content:"";background-image:var(--monster-legs-pattern,none);opacity:.6;position:absolute;inset:0}.monster-legs .leg.left{left:22px}.monster-legs .leg.right{right:22px}.monster-legs.legs-stomp .leg{border-radius:4px;width:20px;height:13px;bottom:-10px;box-shadow:inset 0 -3px #0000003d}.monster-legs.legs-spring .leg{background:repeating-linear-gradient(to bottom,var(--monster-legs-color,var(--monster-color,#7dd3fc))0 3px,var(--monster-legs-color,var(--monster-color,#7dd3fc))3px 6px);border:2px solid #334155;border-radius:7px;width:12px;height:20px;bottom:-13px}@supports (color:color-mix(in lab, red, red)){.monster-legs.legs-spring .leg{background:repeating-linear-gradient(to bottom,color-mix(in srgb,var(--monster-legs-color,var(--monster-color,#7dd3fc))78%,#111)0 3px,color-mix(in srgb,var(--monster-legs-color,var(--monster-color,#7dd3fc))52%,#f8fafc)3px 6px)}}.monster-legs.legs-spring .leg:before{background:#f8fafc;width:8px;height:3px;top:-2px;left:50%;transform:translate(-50%)}.monster-legs.legs-skater .leg{border-radius:999px;width:22px;height:9px;bottom:-10px;box-shadow:inset 0 -1px #00000059}.monster-legs.legs-skater .leg:before{background:#111827;border-radius:999px;width:6px;height:6px;top:auto;bottom:-6px;left:3px;box-shadow:10px 0 #111827}.monster-legs.legs-skater .leg:after{opacity:.35}.monster-legs.legs-tentacle .leg{width:11px;height:22px;box-shadow:none;background:linear-gradient(180deg,var(--monster-legs-color,var(--monster-color,#7dd3fc))0%,var(--monster-legs-color,var(--monster-color,#7dd3fc))100%);border:0;border-radius:5px 5px 999px 999px;bottom:-14px}@supports (color:color-mix(in lab, red, red)){.monster-legs.legs-tentacle .leg{background:linear-gradient(180deg,color-mix(in srgb,var(--monster-legs-color,var(--monster-color,#7dd3fc))88%,#fff)0%,color-mix(in srgb,var(--monster-legs-color,var(--monster-color,#7dd3fc))64%,#0f172a)100%)}}.monster-legs.legs-tentacle .leg.left{transform:rotate(12deg)}.monster-legs.legs-tentacle .leg.right{transform:rotate(-12deg)}.monster-legs.legs-tentacle .leg:before{background:#ffffff73;border-radius:999px;width:4px;height:4px;top:auto;bottom:2px;left:50%;transform:translate(-50%);box-shadow:0 -6px #ffffff59,0 -12px #ffffff42}@keyframes thrusterFlicker{0%{opacity:.85;transform:translate(-50%)scaleY(.95)}50%{opacity:1;transform:translate(-50%)scaleY(1.1)}to{opacity:.85;transform:translate(-50%)scaleY(.95)}}.monster-legs.legs-boots .leg{border-radius:5px 5px 10px 10px;width:18px;height:18px;bottom:-14px;box-shadow:inset 0 -3px #00000038}.monster-legs.legs-boots .leg:before{background:#11182747;border-radius:0 0 10px 10px;width:100%;height:6px;top:auto;bottom:-2px;left:0}.monster-legs.legs-robot .leg{background:repeating-linear-gradient(to bottom,var(--monster-legs-color,var(--monster-color,#7dd3fc))0 4px,var(--monster-legs-color,var(--monster-color,#7dd3fc))4px 8px);border:2px solid #334155;border-radius:4px;width:14px;height:20px;bottom:-14px}@supports (color:color-mix(in lab, red, red)){.monster-legs.legs-robot .leg{background:repeating-linear-gradient(to bottom,color-mix(in srgb,var(--monster-legs-color,var(--monster-color,#7dd3fc))78%,#111)0 4px,color-mix(in srgb,var(--monster-legs-color,var(--monster-color,#7dd3fc))56%,#f8fafc)4px 8px)}}.monster-legs.legs-robot .leg:before{background:#f8fafce6;border-radius:999px;width:6px;height:6px;top:3px;left:50%;transform:translate(-50%);box-shadow:0 10px #f8fafcb3}.monster-legs.legs-paws .leg{border-radius:999px;width:18px;height:12px;bottom:-10px;box-shadow:inset 0 -2px #0000002e}.monster-legs.legs-paws .leg:before{background:#ffffff59;border-radius:999px;width:4px;height:4px;top:3px;left:50%;transform:translate(-50%);box-shadow:-6px 0 #ffffff4d,6px 0 #ffffff4d}.monster-legs.legs-hover .leg{background:linear-gradient(#e2e8f0 0%,#94a3b8 60%,#475569 100%);border:2px solid #334155;border-radius:6px;width:10px;height:16px;bottom:-12px;box-shadow:inset 0 -2px #0000002e}.monster-legs.legs-hover .leg:before{filter:drop-shadow(0 6px 10px #0f172a2e);background:radial-gradient(circle at 50% 20%,#ffffffb3 0 3px,#0000 4px),radial-gradient(circle at 50% 70%,#fb923c 0 6px,#0000 7px),radial-gradient(circle at 50% 88%,#facc15 0 5px,#0000 6px);border-radius:999px;width:14px;height:18px;animation:.9s ease-in-out infinite thrusterFlicker;top:auto;bottom:-18px;left:50%;transform:translate(-50%)}.monster-legs.legs-hover .leg:after{display:none}.monster-legs.legs-stilts .leg{border-radius:999px;width:8px;height:26px;bottom:-20px;box-shadow:inset 0 -2px #0003}.monster-legs.legs-stilts .leg:before{background:#11182738;border-radius:999px;width:14px;height:6px;top:auto;bottom:-3px;left:50%;transform:translate(-50%)}.monster-accessory{z-index:6;pointer-events:none;position:absolute;inset:0}.monster-accessory .piece{background:var(--monster-accessory-color,#facc15);position:absolute;overflow:hidden}.monster-accessory .piece:after{content:"";background-image:var(--monster-accessory-pattern,none);opacity:.65;position:absolute;inset:0}.monster-accessory.accessory-hat .hat-top{background:radial-gradient(circle at 30% 25%,#ffffff47 0%,transparent 52%),linear-gradient(180deg,var(--monster-accessory-color,#facc15)0%,var(--monster-accessory-color,#facc15)60%,var(--monster-accessory-color,#facc15)100%);border:2px solid #111827b3;border-radius:8px 8px 3px 3px;width:30px;height:13px;top:5px;left:50%;transform:translate(-50%)}@supports (color:color-mix(in lab, red, red)){.monster-accessory.accessory-hat .hat-top{background:radial-gradient(circle at 30% 25%,#ffffff47 0%,transparent 52%),linear-gradient(180deg,color-mix(in srgb,var(--monster-accessory-color,#facc15)78%,#fff)0%,var(--monster-accessory-color,#facc15)60%,color-mix(in srgb,var(--monster-accessory-color,#facc15)70%,#0f172a)100%)}}.monster-accessory.accessory-hat .hat-top{box-shadow:inset 0 -3px #00000029}.monster-accessory.accessory-hat .hat-brim{background:linear-gradient(180deg,var(--monster-accessory-color,#facc15)0%,var(--monster-accessory-color,#facc15)100%);border:2px solid #111827b3;border-radius:999px;width:46px;height:8px;top:15px;left:50%;transform:translate(-50%)}@supports (color:color-mix(in lab, red, red)){.monster-accessory.accessory-hat .hat-brim{background:linear-gradient(180deg,color-mix(in srgb,var(--monster-accessory-color,#facc15)75%,#fff)0%,var(--monster-accessory-color,#facc15)100%)}}.monster-accessory.accessory-hat .hat-brim{box-shadow:inset 0 -2px #00000024}.monster-accessory.accessory-cape{z-index:-1}.monster-accessory.accessory-cape .cape{clip-path:polygon(10% 0,90% 0,100% 100%,0 100%);opacity:.9;border:2px solid #1118278c;border-radius:10px 10px 14px 14px;width:52px;height:52px;top:29px;left:50%;transform:translate(-50%)}.monster-accessory.accessory-glasses{z-index:7}.monster-accessory.accessory-glasses .lens{border:2px solid var(--monster-accessory-color,#facc15);background:#fff3;border-radius:6px;width:16px;height:12px;top:31px;box-shadow:inset 0 -2px #0000001a}.monster-accessory.accessory-glasses .lens:after{display:none}.monster-accessory.accessory-glasses .lens.left{left:20px}.monster-accessory.accessory-glasses .lens.right{right:20px}.monster-accessory.accessory-glasses .bridge{background:var(--monster-accessory-color,#facc15);width:10px;height:2px;top:35px;left:50%;transform:translate(-50%)}@keyframes fireflyGlowPulse{0%{opacity:.55;transform:scale(.98)}50%{opacity:.88;transform:scale(1.05)}to{opacity:.55;transform:scale(.98)}}.monster-accessory.accessory-wings{z-index:-1}.monster-accessory.accessory-wings .wing{background:linear-gradient(180deg,var(--monster-accessory-color,#facc15)0%,#ffffff1f 100%);border:2px solid #1118278c;border-radius:999px;width:46px;height:34px;top:22px}@supports (color:color-mix(in lab, red, red)){.monster-accessory.accessory-wings .wing{background:linear-gradient(180deg,color-mix(in srgb,var(--monster-accessory-color,#facc15)40%,#fff)0%,#ffffff1f 100%)}}.monster-accessory.accessory-wings .wing{opacity:.72;clip-path:polygon(10% 55%,22% 14%,44% 38%,62% 10%,78% 34%,92% 18%,100% 44%,90% 92%,62% 78%,42% 92%,18% 76%,0 68%);filter:drop-shadow(0 10px 14px #0f172a1a)}.monster-accessory.accessory-wings .wing:after{opacity:.2}.monster-accessory.accessory-wings .wing.left{transform-origin:100%;animation:1.85s ease-in-out infinite wingFlapLeft;left:-22px}.monster-accessory.accessory-wings .wing.right{transform-origin:0;animation:1.85s ease-in-out infinite wingFlapRight;right:-22px}.monster-accessory.accessory-glow{z-index:1}.monster-accessory.accessory-glow .glow{background:radial-gradient(circle at 42% 30%,var(--monster-accessory-color,#facc15)0%,transparent 62%),radial-gradient(circle at 60% 70%,var(--monster-accessory-color,#facc15)0%,transparent 70%);border-radius:999px;inset:10px}@supports (color:color-mix(in lab, red, red)){.monster-accessory.accessory-glow .glow{background:radial-gradient(circle at 42% 30%,color-mix(in srgb,var(--monster-accessory-color,#facc15)70%,#fff)0%,transparent 62%),radial-gradient(circle at 60% 70%,color-mix(in srgb,var(--monster-accessory-color,#facc15)55%,#fff)0%,transparent 70%)}}.monster-accessory.accessory-glow .glow{opacity:.75;filter:blur(4px);mix-blend-mode:screen;animation:2.2s ease-in-out infinite fireflyGlowPulse}.monster-accessory.accessory-glow .glow:after{display:none}.monster-accessory.accessory-flower{z-index:7}.monster-accessory.accessory-flower .petal{width:8px;height:8px;box-shadow:0 -10px 0 0 var(--monster-accessory-color,#facc15),0 10px 0 0 var(--monster-accessory-color,#facc15),10px 0 0 0 var(--monster-accessory-color,#facc15),-10px 0 0 0 var(--monster-accessory-color,#facc15),7px -7px 0 0 var(--monster-accessory-color,#facc15),-7px -7px 0 0 var(--monster-accessory-color,#facc15),7px 7px 0 0 var(--monster-accessory-color,#facc15),-7px 7px 0 0 var(--monster-accessory-color,#facc15);border:2px solid #1118278c;border-radius:999px;top:8px;left:50%;transform:translate(-50%)}.monster-accessory.accessory-flower .petal:after{display:none}.monster-accessory.accessory-flower .center{background:radial-gradient(circle at 30% 30%,#fff 0%,#facc15 55%,#eab308 100%);border:2px solid #11182799;border-radius:999px;width:10px;height:10px;top:8px;left:50%;transform:translate(-50%);box-shadow:0 6px 10px #0f172a29}.monster-accessory.accessory-flower .center:after{display:none}.monster-accessory.accessory-leaf{z-index:7}.monster-accessory.accessory-leaf .leaf{background:linear-gradient(90deg,transparent 0 48%,#0000001f 48% 52%,transparent 52% 100%),radial-gradient(circle at 30% 25%,#ffffff42 0%,transparent 58%),linear-gradient(180deg,var(--monster-accessory-color,#facc15)0%,var(--monster-accessory-color,#facc15)70%,var(--monster-accessory-color,#facc15)100%);border:2px solid #11182799;border-radius:999px;width:30px;height:18px;top:7px;left:50%;transform:translate(-50%)rotate(-18deg)}@supports (color:color-mix(in lab, red, red)){.monster-accessory.accessory-leaf .leaf{background:linear-gradient(90deg,transparent 0 48%,#0000001f 48% 52%,transparent 52% 100%),radial-gradient(circle at 30% 25%,#ffffff42 0%,transparent 58%),linear-gradient(180deg,color-mix(in srgb,var(--monster-accessory-color,#facc15)78%,#fff)0%,var(--monster-accessory-color,#facc15)70%,color-mix(in srgb,var(--monster-accessory-color,#facc15)70%,#0f172a)100%)}}.monster-accessory.accessory-leaf .leaf{clip-path:polygon(0 50%,22% 12%,65% 0,100% 50%,65% 100%,22% 88%);box-shadow:0 10px 14px #0f172a1f}.monster-accessory.accessory-leaf .leaf:after{opacity:.25}.monster-accessory.accessory-bowtie{z-index:7}.monster-accessory.accessory-bowtie .bow,.monster-accessory.accessory-bowtie .knot{top:66px}.monster-accessory.accessory-bowtie .bow{background:linear-gradient(180deg,var(--monster-accessory-color,#facc15)0%,var(--monster-accessory-color,#facc15)60%,var(--monster-accessory-color,#facc15)100%);border:2px solid #111827b3;border-radius:6px;width:16px;height:12px}@supports (color:color-mix(in lab, red, red)){.monster-accessory.accessory-bowtie .bow{background:linear-gradient(180deg,color-mix(in srgb,var(--monster-accessory-color,#facc15)78%,#fff)0%,var(--monster-accessory-color,#facc15)60%,color-mix(in srgb,var(--monster-accessory-color,#facc15)70%,#0f172a)100%)}}.monster-accessory.accessory-bowtie .bow{clip-path:polygon(0 50%,100% 0,72% 50%,100% 100%);box-shadow:inset 0 -3px #00000024}.monster-accessory.accessory-bowtie .bow.left{left:28px;transform:rotate(6deg)}.monster-accessory.accessory-bowtie .bow.right{right:28px;transform:scaleX(-1)rotate(6deg)}.monster-accessory.accessory-bowtie .knot{background:linear-gradient(180deg,var(--monster-accessory-color,#facc15)0%,var(--monster-accessory-color,#facc15)100%);border:2px solid #111827b3;border-radius:4px;width:10px;height:10px;left:50%;transform:translate(-50%)}@supports (color:color-mix(in lab, red, red)){.monster-accessory.accessory-bowtie .knot{background:linear-gradient(180deg,color-mix(in srgb,var(--monster-accessory-color,#facc15)74%,#fff)0%,var(--monster-accessory-color,#facc15)100%)}}.monster-accessory.accessory-bowtie .knot{box-shadow:inset 0 -2px #00000024}.monster-workshop{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.7rem;margin-top:.5rem;display:grid}.monster-workshop-section{border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);background:#f7fbff;gap:.5rem;padding:.65rem;display:grid}.monster-workshop-section h3{margin:0;font-size:.95rem}.monster-color-grid{grid-template-columns:repeat(auto-fit,minmax(30px,1fr));gap:.35rem;display:grid}.monster-color-chip{border:2px solid #b9d6e3;border-radius:999px;width:30px;height:30px;padding:0}.monster-color-chip.selected{border-color:#111827;box-shadow:0 0 0 2px #ffffffd9,0 0 0 4px #11182759}.avatar-designer-preview{justify-items:center;margin-bottom:.65rem;display:grid}.monster-designer-preview .scene-monster{--monster-size:160px}.monster-designer-fieldset{border:0;min-width:0;margin:0;padding:0}.monster-designer-actions{justify-content:center;margin-bottom:.5rem}.monster-designer-nav{border:1px solid var(--border);border-radius:var(--radius-md);background:#f6fbff;flex-wrap:wrap;justify-content:center;gap:.55rem;margin-bottom:.7rem;padding:.55rem;display:flex}.monster-designer-tab{font-family:var(--font-display);letter-spacing:.02em;border-radius:999px;min-height:52px;padding-inline:1rem;font-weight:900}.monster-designer-stage{gap:.75rem;padding-bottom:.6rem;display:grid}.monster-designer-section h3{font-family:var(--font-display);letter-spacing:.02em;font-size:1.1rem}.monster-designer-picker{gap:.35rem;display:grid}.monster-designer-picker-label{font-size:.95rem}.monster-designer-picker-controls{grid-template-columns:56px 1fr 56px;align-items:stretch;gap:.6rem;display:grid}.monster-designer-arrow{border-radius:16px;width:56px;padding:0;font-size:1.6rem;line-height:1}.monster-designer-current{min-height:56px;font-family:var(--font-display);letter-spacing:.02em;text-align:center;background:#fff;border:2px solid #b8cfd9;border-radius:16px;place-items:center;padding-inline:.8rem;font-size:1.15rem;font-weight:900;display:grid;box-shadow:0 12px 20px #0f172a1a}.monster-designer-panel .monster-color-chip{border-width:3px;width:44px;height:44px}.monster-designer-toggle{justify-content:center;width:100%}.monster-designer-footer{border-top:1px solid var(--border);background:linear-gradient(#ffffffad 0%,#fff 70%);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;margin-top:.9rem;padding-top:.85rem;display:flex;position:sticky;bottom:0}.monster-designer-step{font-family:var(--font-display);font-weight:900}.scene-avatar figcaption{justify-items:center;line-height:1.1;display:grid}.scene-avatar figcaption strong{font-size:.92rem}.scene-avatar figcaption span{color:var(--muted);font-size:.78rem}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,summary:focus-visible{outline-offset:2px;outline:3px solid #3b82f659}@media (max-width:920px){.list li{grid-template-columns:1fr;align-items:start}.list li>.inline-field,.list li>div{justify-content:flex-start}.topbar{align-items:stretch}}@media (max-width:768px){.classroom-scene{min-height:calc(100vh - 120px)}.classroom-rug{width:94%;height:160px}.windows-row{gap:0;padding-inline:.85rem;top:.6rem;left:0;right:0}.windows{width:132px;height:66px}.student-grid{grid-template-columns:repeat(auto-fit,minmax(78px,98px));justify-content:center;gap:.75rem .55rem;padding:.15rem .15rem 1.2rem}.student-grid .actor:nth-child(n){justify-self:center;transform:none}.student-grid .actor:nth-child(2n){transform:translateY(10px)}.student-grid .actor:nth-child(3n){transform:translateY(4px)}.student-grid .actor:nth-child(5n){transform:translateY(16px)}.stats-panel{width:100%;margin-top:.8rem;position:static}.avatar-builder,.clock-game-layout{grid-template-columns:1fr}.clock-face{--clock-number-radius:76px;--clock-number-size:26px;width:190px;height:190px}.clock-hand.hour{height:50px}.clock-hand.minute{height:72px}}nextjs-portal{display:none!important}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}