:root{--cream:#f3ede8;--sage:#b7d0a4;--forest:#385b48;--blush:#ecc6b8;--sky:#6faccf;--pink:#ef8db3;--brown:#8a6c37;--plum:#6d2749;--lavender:#d2bfd6;--butter:#ebd48f;--periwinkle:#c3d2e9;--orange:#e08051;--olive:#b7b445;--font-display:"Doto", ui-monospace, monospace;--font-body:Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--shadow:4px 4px 0 var(--forest);--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font-body);color:var(--forest);-webkit-text-size-adjust:100%}*{box-sizing:border-box}html,body{background:var(--cream);margin:0}body{min-height:100dvh;overflow-x:hidden}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}h1,h2,h3,p{margin:0}:focus-visible{outline:3px solid var(--forest);outline-offset:2px;box-shadow:0 0 0 6px var(--cream)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn{background:var(--cream);border:3px solid var(--forest);min-height:48px;box-shadow:var(--shadow);border-radius:0;justify-content:center;align-items:center;gap:6px;padding:10px 20px;font-size:16px;font-weight:800;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.btn:active{box-shadow:2px 2px 0 var(--forest);transform:translate(2px,2px)}.btn-primary{background:var(--plum);color:var(--cream)}.btn-ghost{box-shadow:none;background:0 0;border-color:#0000;padding-inline:8px}.btn-ghost:active{box-shadow:none;transform:none}.btn-sm{min-height:44px;box-shadow:3px 3px 0 var(--forest);text-align:center;max-width:100%;padding:6px 10px;font-size:14px;line-height:1.15}.btn-toggle[aria-pressed=true]{background:var(--forest);color:var(--cream)}.icon-btn{border:3px solid var(--forest);background:var(--cream);flex:none;width:44px;height:44px;font-size:16px;font-weight:800}.actions{flex-direction:column;gap:14px;width:100%;margin-top:24px;display:flex}.tag{font-family:var(--font-body);vertical-align:middle;border:2px solid var(--forest);background:var(--cream);color:var(--forest);white-space:nowrap;margin-left:6px;padding:2px 6px;font-size:11px;font-weight:800;line-height:1.3;display:inline-block}.tag-home{background:var(--butter)}.tag-here{background:var(--plum);color:var(--cream);border-color:var(--plum)}.tag-match{background:var(--butter)}.tag-inactive{background:var(--lavender);color:var(--plum);border-style:dashed}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--plum);font-size:12px;font-weight:800}.note{color:var(--forest);background:var(--periwinkle);border-left:4px solid var(--pink);text-align:left;padding:8px 10px;font-size:13px}.screen{max-width:480px;min-height:100dvh;padding:calc(24px + var(--safe-t)) calc(16px + var(--safe-r)) calc(24px + var(--safe-b)) calc(16px + var(--safe-l));flex-direction:column;margin:0 auto;display:flex}.landing{text-align:center;justify-content:center;align-items:center}.house-mark{width:150px;height:auto;image-rendering:pixelated;margin-bottom:24px;display:block}.landing .title{margin-bottom:8px}.landing .actions{margin-top:32px}.title{font-family:var(--font-display);color:var(--plum);font-size:clamp(38px,12vw,56px);font-weight:900;line-height:1}.title-sm{text-align:center;margin-bottom:16px;font-size:28px}.quiz-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.progress{align-items:center;gap:6px;display:flex}.progress span:not(.progress-text){background:var(--cream);border:2px solid var(--forest);width:28px;height:10px}.progress span.on{background:var(--plum)}.progress-text{margin-left:6px;font-size:14px;font-weight:800}.quiz-prompt{font-family:var(--font-display);color:var(--plum);margin-bottom:18px;font-size:30px;font-weight:900;line-height:1.1}.quiz-prompt:focus,.title:focus{box-shadow:none;outline:none}.options{gap:10px;margin:0;padding:0;list-style:none;display:grid}.options-program{grid-template-columns:1fr 1fr}.option{text-align:left;background:var(--cream);border:3px solid var(--forest);width:100%;min-height:56px;box-shadow:3px 3px 0 var(--forest);align-items:center;gap:12px;padding:10px 14px;display:flex}.option:active{box-shadow:1px 1px 0 var(--forest);transform:translate(2px,2px)}.option.selected{background:var(--plum);color:var(--cream)}.option-text{flex-direction:column;gap:2px;min-width:0;display:flex}.option-label{font-size:16px;font-weight:800}.option-hint{color:var(--forest);font-size:13px}.option.selected .option-hint{color:var(--cream)}.options-program .option{gap:8px;padding:8px 10px}.options-program .option-label{font-size:14px}.reveal{justify-content:center}.name-step{flex-direction:column;gap:16px;display:flex}.name-input{width:100%;min-height:56px;font:inherit;color:var(--forest);background:var(--cream);border:3px solid var(--forest);box-shadow:3px 3px 0 var(--forest);border-radius:0;padding:10px 14px;font-size:20px;font-weight:700}.name-input::placeholder{color:var(--forest);opacity:.55}.name-input:focus-visible{outline:3px solid var(--plum);outline-offset:2px;box-shadow:3px 3px 0 var(--forest)}.name-note{font-family:var(--font-body);color:var(--forest);margin-top:-6px;font-size:13px;line-height:1.45}.name-error{font-family:var(--font-body);color:var(--plum);background:var(--blush);border-left:4px solid var(--plum);margin-top:-6px;padding:6px 10px;font-size:14px;font-weight:700}.name-input-sm{min-height:44px;padding:6px 10px;font-size:16px}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:var(--shadow);transform:none}.profile-who{grid-template-columns:1fr auto 1fr;align-items:center;gap:2px;width:100%;display:grid}.profile-who .profile-name{overflow-wrap:anywhere;grid-column:2}.edit-name-btn{width:44px;height:44px;color:var(--forest);background:0 0;border:0;grid-column:3;justify-self:start;place-items:center;padding:0;transition:color .12s;display:grid}.edit-name-btn:hover{color:var(--plum)}.edit-name-btn:active{transform:translate(1px,1px)}.link-btn{min-height:44px;color:var(--plum);text-underline-offset:3px;background:0 0;border:0;padding:0 2px;font-size:14px;font-weight:800;text-decoration:underline}.name-edit{text-align:left;flex-direction:column;gap:8px;width:100%;display:flex}.name-edit-actions{justify-content:flex-end;gap:8px;display:flex}.avatar{aspect-ratio:1925/2000;flex:none;position:relative}.avatar img,.avatar svg{width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.avatar-sm{width:40px}.avatar-md{width:96px}.avatar-lg{width:150px}.profile-card{background:var(--cream);border:3px solid var(--forest);box-shadow:6px 6px 0 var(--forest);text-align:center;flex-direction:column;align-items:center;gap:6px;padding:20px 18px;display:flex}.profile-avatar{background:var(--sage);border:3px solid var(--forest);margin-bottom:8px;padding:14px 20px 6px}.profile-name{font-family:var(--font-display);color:var(--plum);font-size:30px;font-weight:900;line-height:1.1}.profile-specialty{font-weight:600}.profile-bio{color:var(--forest);font-size:15px}.profile-facts{border-top:2px dashed var(--lavender);gap:8px;width:100%;margin:10px 0 0;padding-top:10px;display:grid}.profile-facts div,.facts div{text-align:left;justify-content:space-between;align-items:center;gap:12px;display:flex}.profile-facts dt,.facts dt{text-transform:uppercase;letter-spacing:.06em;color:var(--forest);font-size:13px;font-weight:800}.profile-facts dd,.facts dd{text-align:right;margin:0;font-weight:600}.house{background:var(--forest);grid-template-rows:auto minmax(0,1fr);height:100dvh;display:grid;overflow:hidden}.hud{z-index:5;padding:calc(8px + var(--safe-t)) calc(10px + var(--safe-r)) 8px calc(10px + var(--safe-l));background:var(--cream);border-bottom:3px solid var(--pink);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;display:grid;position:relative}.hud-btn{background:var(--cream);border:3px solid var(--forest);min-width:48px;min-height:48px;box-shadow:3px 3px 0 var(--forest);flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:4px;font-size:11px;font-weight:800;display:flex}.hud-title{text-align:center;min-width:0}.hud-title h1{font-family:var(--font-display);color:var(--plum);font-size:22px;font-weight:900;line-height:1.1}.hud-title p{color:var(--forest);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.hud-profile{background:var(--sage);border:3px solid var(--forest);min-height:48px;box-shadow:3px 3px 0 var(--forest);align-items:flex-end;padding:3px 6px;display:flex;position:relative}.live-dot{border:2px solid var(--cream);background:#a3a3a3;border-radius:50%;width:11px;height:11px;position:absolute;top:-6px;right:-6px}.live-dot.is-live{background:#2fa84f}.stage{position:relative;overflow:hidden;container-type:size}.scene-scroller{z-index:0;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;align-items:center;display:flex;position:absolute;inset:0;overflow:auto hidden}.scene-scroller::-webkit-scrollbar{display:none}.scene-track{flex:none;margin-inline:auto;display:flex}.scene{width:max(100cqw, calc(100cqh * var(--aspect)));aspect-ratio:var(--aspect);flex:none;position:relative;container-type:inline-size}.scene-art{width:100%;height:100%;image-rendering:pixelated;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;display:block;position:absolute;inset:0}.enter-fade{animation:.26s ease-out fade-in}.enter-right{animation:.32s ease-out from-right}.enter-left{animation:.32s ease-out from-left}.enter-up{animation:.32s ease-out from-top}.enter-down{animation:.32s ease-out from-bottom}@keyframes fade-in{0%{opacity:0}}@keyframes from-right{0%{opacity:0;transform:translate(48px)}}@keyframes from-left{0%{opacity:0;transform:translate(-48px)}}@keyframes from-top{0%{opacity:0;transform:translateY(-40px)}}@keyframes from-bottom{0%{opacity:0;transform:translateY(40px)}}.person{cursor:pointer;width:max(44px,15cqi);transform:translate(-50%, -100%) scale(var(--s,1));transform-origin:50% 100%;background:0 0;border:0;padding:0;animation:.26s ease-out person-in;position:absolute}@keyframes person-in{0%{opacity:0}}.person .avatar{filter:drop-shadow(0 3px #385b4859);width:100%}.person.is-self .avatar{filter:drop-shadow(2px 0 0 var(--plum)) drop-shadow(-2px 0 0 var(--plum)) drop-shadow(0 2px 0 var(--plum)) drop-shadow(0 -2px 0 var(--plum))}.person:hover .avatar,.person:focus-visible .avatar{filter:drop-shadow(0 0 6px var(--butter)) drop-shadow(0 3px 0 #385b4859)}.person-names{pointer-events:none;z-index:200000;position:absolute;inset:0}.person-name{text-overflow:ellipsis;white-space:nowrap;border:1.5px solid var(--forest);max-width:16ch;color:var(--forest);background:#f3ede8f0;padding:1px 7px;font-size:clamp(11px,1.15cqi,14px);font-weight:800;line-height:1.3;position:absolute;overflow:hidden;transform:translate(-50%,calc(-100% - 3px))}.person-name.is-self{background:var(--plum);border-color:var(--plum);color:var(--cream)}.greeter-bubble{z-index:300000;transform-origin:50% calc(100% + 14px);background:var(--cream);border:3px solid var(--forest);width:max-content;max-width:min(240px,70vw);box-shadow:3px 3px 0 var(--forest);font-family:var(--font-display);color:var(--forest);text-align:center;padding:10px 14px;font-size:16px;font-weight:900;line-height:1.2;animation:.32s cubic-bezier(.3,1.5,.6,1) bubble-pop;position:absolute;transform:translate(-50%,calc(-100% - 14px))}.greeter-bubble:after{content:"";border:10px solid #0000;border-top:12px solid var(--forest);border-bottom:0;position:absolute;top:100%;left:50%;transform:translate(-50%)}.greeter-bubble:before{content:"";z-index:1;border:6px solid #0000;border-top:8px solid var(--cream);border-bottom:0;position:absolute;top:100%;left:50%;transform:translate(-50%)}@keyframes bubble-pop{0%{opacity:0;transform:translate(-50%,calc(-100% - 14px))scale(.6)}}.react{right:calc(10px + var(--safe-r));bottom:calc(72px + var(--safe-b));z-index:5;position:absolute}.react-btn{background:var(--cream);border:3px solid var(--forest);width:48px;height:48px;box-shadow:3px 3px 0 var(--forest);color:var(--forest);place-items:center;padding:0;transition:color .15s;display:grid}.react-btn:hover,.react-btn[aria-expanded=true]{color:var(--plum)}.react-btn:active{box-shadow:1px 1px 0 var(--forest);transform:translate(2px,2px)}.react-picker{background:var(--cream);border:3px solid var(--forest);box-shadow:4px 4px 0 var(--forest);grid-template-columns:repeat(3,44px);gap:6px;padding:8px;animation:.12s ease-out fade-in;display:grid;position:absolute;bottom:calc(100% + 8px);right:0}.react-option{background:var(--cream);border:2px solid var(--sage);place-items:center;width:44px;height:44px;padding:0;font-size:22px;line-height:1;display:grid}.react-option.is-text{font-family:var(--font-display);color:var(--plum);font-size:20px;font-weight:900}.react-option:hover:not(:disabled),.react-option:focus-visible{background:var(--blush);border-color:var(--forest)}.react-option:disabled{opacity:.4;cursor:not-allowed}.reaction-bubble{background:var(--cream);border:2px solid var(--forest);box-shadow:2px 2px 0 var(--forest);white-space:nowrap;pointer-events:none;padding:3px 9px;font-size:clamp(18px,2cqi,26px);line-height:1.2;animation:3s ease-out forwards reaction-pop;position:absolute;transform:translate(-50%,calc(-100% - 30px))}.reaction-bubble.is-text{font-family:var(--font-display);color:var(--plum);font-weight:900}@keyframes reaction-pop{0%{opacity:0;transform:translate(-50%,calc(-100% - 24px))scale(.6)}8%{opacity:1;transform:translate(-50%,calc(-100% - 30px))scale(1.08)}14%{transform:translate(-50%,calc(-100% - 30px))scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,calc(-100% - 44px))}}@keyframes reaction-fade{0%{opacity:0}10%,80%{opacity:1}to{opacity:0}}.people-card{z-index:6;left:50%;bottom:calc(76px + var(--safe-b));background:var(--cream);border:3px solid var(--forest);width:min(320px,100% - 32px);box-shadow:4px 4px 0 var(--forest);padding:12px 14px;animation:.16s ease-out fade-in;position:absolute;transform:translate(-50%)}.people-card-close{position:absolute;top:6px;right:6px}.person-detail{align-items:center;gap:12px;padding-right:44px;display:flex}.person-detail-avatar{background:var(--sage);border:2px solid var(--forest);flex:none;padding:4px 6px 0}.person-detail p{font-size:14px;font-weight:600}.person-detail-name{font-family:var(--font-display);color:var(--plum);line-height:1.1;font-size:22px!important;font-weight:900!important}.door{z-index:3;border:2px solid var(--forest);width:52px;min-height:52px;box-shadow:2px 2px 0 var(--forest);color:var(--forest);background:#f3ede8eb;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 4px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.door-left{left:calc(8px + var(--safe-l))}.door-right{right:calc(8px + var(--safe-r))}.door-arrow{font-size:20px;font-weight:800;line-height:1}.door-label{text-align:center;font-size:10px;font-weight:700;line-height:1.1}.door:hover,.door:focus-visible{background:var(--butter)}.door:active{box-shadow:1px 1px 0 var(--forest);transform:translate(1px,calc(1px - 50%))}.look-hint{z-index:3;color:var(--cream);pointer-events:none;white-space:nowrap;border:3px solid var(--cream);background:#6d2749eb;flex-direction:column;align-items:center;gap:4px;padding:12px 18px;font-size:15px;font-weight:800;display:flex;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.look-arrows{letter-spacing:.3em;font-size:22px;animation:1.2s ease-in-out infinite nudge}@keyframes nudge{50%{transform:translate(8px)}}.stage-bottom{z-index:4;padding:0 calc(10px + var(--safe-r)) calc(10px + var(--safe-b)) calc(10px + var(--safe-l));pointer-events:none;flex-direction:column;gap:8px;display:flex;position:absolute;bottom:0;left:0;right:0}.stage-bottom>*{pointer-events:auto}.pan-track{border:2px solid var(--forest);pointer-events:none;background:#f3ede8cc;align-self:center;width:96px;height:6px;position:relative}.pan-track i{background:var(--forest);position:absolute;top:0;bottom:0}.stairs{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.stairs-up{z-index:4;padding:0 calc(10px + var(--safe-r)) 0 calc(10px + var(--safe-l));pointer-events:none;position:absolute;top:10px;left:0;right:0}.stairs-up>*{pointer-events:auto}.stair{border:2px solid var(--forest);min-width:44px;min-height:44px;box-shadow:2px 2px 0 var(--forest);color:var(--plum);background:#f3ede8f0;align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.stair:hover,.stair:focus-visible{background:var(--butter)}.stair:active{box-shadow:1px 1px 0 var(--forest);transform:translate(1px,1px)}.stair-arrow{color:var(--forest);font-size:18px;font-weight:800;line-height:1}.stair-label{font-family:var(--font-display);white-space:nowrap;font-size:15px;font-weight:900;line-height:1.05}@media (width<=600px){.stairs-many{flex-wrap:nowrap;gap:6px}.stairs-many .stair{flex-direction:column;justify-content:center;gap:2px;min-width:64px;max-width:96px;padding:6px 8px}.stairs-many .stair-label{white-space:normal;text-align:center;font-size:13px}}.room-object{z-index:250000;cursor:pointer;background:0 0;border:0;padding:0;position:absolute;transform:translate(-50%,-50%)}.room-object:focus-visible{outline:3px solid var(--plum);outline-offset:4px;box-shadow:0 0 0 7px var(--cream);border-radius:4px}.object-art{z-index:1;pointer-events:none;position:absolute}.object-art img{width:100%;height:100%;image-rendering:pixelated;opacity:0;transition:opacity .18s ease-out,filter .18s ease-out,transform .12s ease-out;display:block}.object-shine{opacity:0;-webkit-mask:var(--mask) 0 0 / 100% 100% no-repeat;-webkit-mask:var(--mask) 0 0 / 100% 100% no-repeat;mask:var(--mask) 0 0 / 100% 100% no-repeat;background:linear-gradient(115deg,#0000 38%,#fffbf0a6 50%,#0000 62%) 160% 0/260% 100% no-repeat;position:absolute;inset:0}.room-object:focus-visible~.object-art img{opacity:1;filter:brightness(1.15) sepia(.15) drop-shadow(0 0 2px var(--cream)) drop-shadow(0 0 7px #ef8db3cc)}@media (hover:hover){.room-object:hover~.object-art img{opacity:1;filter:brightness(1.15) sepia(.15) drop-shadow(0 0 2px var(--cream)) drop-shadow(0 0 7px #ef8db3cc)}}@media (hover:none){.object-shine{animation:glisten var(--shine-every,5s) ease-in-out var(--shine-delay,1s) infinite}.room-object:active~.object-art img{opacity:1;filter:brightness(1.15);transform:scale(.97)}}@keyframes glisten{0%{opacity:1;background-position:160% 0}16%{opacity:1;background-position:-60% 0}16.1%,to{opacity:0;background-position:-60% 0}}@media (hover:none) and (prefers-reduced-motion:reduce){.object-art img{opacity:1;filter:brightness(1.07)drop-shadow(0 0 4px #ef8db3b3)}}.sheet{border:3px solid var(--forest);background:var(--cream);width:100%;max-width:560px;max-height:88dvh;color:var(--forest);border-bottom:0;margin:auto auto 0;padding:0;transition:transform .18s ease-out}.sheet[open]{flex-direction:column;animation:.24s ease-out sheet-up;display:flex}.sheet::backdrop{background:#385b4899}@keyframes sheet-up{0%{transform:translateY(100%)}}.sheet-grab{background:var(--sage);border-radius:3px;flex:none;width:44px;height:5px;margin:8px auto 2px}.sheet-header{border-bottom:2px solid var(--sage);flex:none;justify-content:space-between;align-items:center;gap:12px;padding:6px 16px 12px;display:flex}.sheet-header h2{font-family:var(--font-display);color:var(--plum);font-size:28px;font-weight:900;line-height:1.1}.sheet-body{overscroll-behavior:contain;min-height:0;padding:14px 16px calc(20px + var(--safe-b));flex:auto;overflow-y:auto}.sheet .profile-card{box-shadow:none;border:0;padding:0}.sheet-classes{height:70dvh}.heading-room{font-family:var(--font-display)}.heading-sub{font-family:var(--font-body);color:var(--forest);white-space:nowrap;font-size:16px;font-weight:700}.course-heading{flex-direction:column;gap:2px;margin:0 0 4px;display:flex}.course-code{font-family:var(--font-display);color:var(--plum);font-size:22px;font-weight:900}.course-heading .course-title{font-family:var(--font-display);color:var(--plum);font-size:24px;font-weight:900;line-height:1.15}.chips{flex-wrap:wrap;gap:6px;margin:10px 0;display:flex}.chips .tag{margin:0}.facts{border-block:2px dashed var(--lavender);gap:8px;margin:0;padding:10px 0;display:grid}.course-desc{font-family:var(--font-body);color:var(--forest);margin-top:12px;font-size:15px;line-height:1.55}.course-hub{margin-top:14px}.course-hub h4{letter-spacing:.06em;text-transform:uppercase;color:var(--forest);margin:0 0 6px;font-size:12px;font-weight:800}.course-hub ul{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.course-hub .tag{white-space:normal;margin:0}.tag-hub{background:var(--periwinkle);border-color:var(--forest);color:var(--forest)}.course-note{color:var(--forest);background:var(--sage);border-left:4px solid var(--forest);margin-top:12px;padding:8px 10px;font-size:14px;line-height:1.45}.empty-classes{padding:12px 0;font-size:17px;line-height:1.5}.class-list{border-top:2px solid var(--sage);margin:0;padding:0;list-style:none}.class-list li{border-bottom:2px solid var(--sage)}.class-list li:nth-child(2n) .class-row{background:#c3d2e959}.class-row{text-align:left;background:0 0;border:0;align-items:center;gap:12px;width:100%;min-height:60px;padding:10px 8px;display:flex}.class-row:hover,.class-row:active{background:var(--blush)!important}.class-code{min-width:64px;font-family:var(--font-display);color:var(--plum);flex:none;font-size:17px;font-weight:900}.class-text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.class-title{color:var(--forest);font-size:15px;font-weight:800}.class-meta{flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.class-meta .tag{margin:0}.class-chevron{color:var(--forest);font-size:24px;font-weight:800}.class-list li:has(.is-inactive){border-bottom-style:dashed}.class-row.is-inactive{background:#d2bfd68c!important}.class-row.is-inactive .class-code,.class-row.is-inactive .class-title,.class-row.is-inactive .class-chevron{color:var(--plum);font-weight:600}.back-link{min-height:44px;color:var(--plum);text-underline-offset:3px;background:0 0;border:0;align-items:center;margin:-6px 0 6px;padding:0 2px;font-weight:800;text-decoration:underline;display:inline-flex}.board{flex-direction:column;gap:12px;display:flex}.board-intro{font-size:14px;line-height:1.45}.board-add{align-self:stretch}.board-status,.board-empty{background:var(--periwinkle);border-left:4px solid var(--forest);padding:8px 10px;font-size:14px;line-height:1.45}.board-empty{background:0 0;border:0;padding:8px 0;font-size:15px}.board-thanks{background:var(--sage);border-left:4px solid var(--forest);padding:8px 10px;font-size:14px;font-weight:700}.chip-row{scrollbar-width:none;gap:6px;margin:0 -16px;padding:2px 16px 6px;scroll-padding-inline:16px;display:flex;overflow-x:auto}.chip-row::-webkit-scrollbar{display:none}.chip{background:var(--cream);border:2px solid var(--forest);min-height:44px;box-shadow:2px 2px 0 var(--forest);white-space:nowrap;flex:none;padding:6px 12px;font-size:14px;font-weight:800}.chip[aria-pressed=true]{background:var(--plum);border-color:var(--plum);color:var(--cream);box-shadow:2px 2px 0 var(--forest)}.chip:active{box-shadow:1px 1px 0 var(--forest);transform:translate(1px,1px)}.res-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.res-card{background:var(--cream);border:2px solid var(--forest);box-shadow:3px 3px 0 var(--forest)}.res-link{color:var(--forest);flex-direction:column;gap:6px;padding:12px 12px 10px;text-decoration:none;display:flex}.res-link:hover,.res-link:active{background:var(--blush)}.res-link:focus-visible{outline-offset:-3px}.res-title{font-family:var(--font-display);color:var(--plum);overflow-wrap:anywhere;font-size:21px;font-weight:900;line-height:1.15}.res-desc{overflow-wrap:anywhere;font-size:14px;line-height:1.45}.res-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.res-meta .tag{margin:0}.res-domain{overflow-wrap:anywhere;text-underline-offset:3px;font-size:13px;font-weight:700;text-decoration:underline}.res-cat-typography{background:var(--butter)}.res-cat-ui-ux{background:var(--periwinkle)}.res-cat-motion-graphics{background:var(--lavender)}.res-cat-color{background:var(--blush)}.res-cat-inspiration{background:var(--lavender);border-style:dashed}.res-cat-tools{background:var(--sage)}.res-cat-mockups{background:var(--periwinkle);border-style:dashed}.res-cat-tutorials{background:var(--butter);border-style:dashed}.res-cat-other{background:var(--cream)}.res-foot{border-top:2px dashed var(--lavender);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 10px;min-height:44px;padding:0 12px;font-size:13px;font-weight:600;display:flex}.res-by{overflow-wrap:anywhere}.res-foot .link-btn{font-size:13px}.res-confirm{color:var(--plum);align-items:center;gap:10px;font-weight:700;display:inline-flex}.res-reported{color:var(--plum);font-weight:700}.res-form{flex-direction:column;gap:14px;display:flex}.res-form .back-link{align-self:flex-start}.res-form-title{font-family:var(--font-display);color:var(--plum);margin-top:-4px;font-size:24px;font-weight:900}.field{flex-direction:column;gap:6px;display:flex}.field-label{text-transform:uppercase;letter-spacing:.06em;align-items:baseline;gap:6px;font-size:13px;font-weight:800;display:flex}.field-optional{text-transform:none;letter-spacing:0;font-weight:600}.field-count{letter-spacing:0;margin-left:auto;font-weight:600}.res-textarea{resize:vertical;min-height:88px;font-size:16px;font-weight:600;line-height:1.4}.res-select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--forest) 50%), linear-gradient(135deg, var(--forest) 50%, transparent 50%);background-position:calc(100% - 18px),calc(100% - 12px);background-repeat:no-repeat;background-size:6px 6px;padding-right:32px}.res-form .name-note,.res-form .name-error{margin-top:0}.res-form-actions{justify-content:flex-end;gap:12px;margin-top:4px;display:flex}.res-form-actions .btn{flex:1}.housemap{width:min(100%,58.8894dvh - 80.3037px);margin:0 auto;position:relative}.housemap-art{width:100%;height:100%;image-rendering:pixelated;-webkit-user-select:none;user-select:none;display:block}.map-spot{cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:0;display:flex;position:absolute;transform:translate(-50%,-50%)}.map-spot:hover,.map-spot:focus-visible{box-shadow:inset 0 0 0 3px var(--butter), 0 0 14px 2px #ebd48fcc}.map-spot.is-current{box-shadow:inset 0 0 0 3px var(--plum), 0 0 0 2px var(--cream)}.map-spot-tags{z-index:1;flex-wrap:wrap;gap:3px;padding:4px;display:flex;position:relative}.map-spot-tags .tag{margin:0;padding:1px 4px;font-size:10px}.map-spot-tags .tag-here{border-color:var(--cream)}.map-spot-name{border:1px solid var(--forest);font-family:var(--font-display);color:var(--plum);white-space:nowrap;opacity:0;background:#f3ede8eb;margin:auto 4px 4px;padding:1px 5px;font-size:12px;font-weight:900;transition:opacity .12s}.map-spot:hover .map-spot-name,.map-spot:focus-visible .map-spot-name{opacity:1}.map-spot:hover,.map-spot:focus-visible{z-index:2}.map-count{z-index:1;background:var(--plum);color:var(--cream);border:1.5px solid var(--cream);align-items:center;gap:3px;padding:1px 5px;font-size:11px;font-weight:800;line-height:1.3;display:inline-flex;position:absolute;top:4px;right:4px}.housemap-hint{text-align:center;margin-top:10px;font-size:13px;font-weight:600}@media (orientation:landscape){.look-hint{display:none}}@media (width>=768px){.sheet{border-bottom:3px solid var(--forest);box-shadow:8px 8px 0 var(--forest);margin:auto}.sheet[open]{animation:.2s ease-out fade-in}.sheet-grab{display:none}.sheet-header{padding-top:14px}.sheet-classes{height:auto;max-height:80dvh}.hud{padding-inline:20px}.hud-title h1{font-size:24px}.hud-title p{font-size:14px}.door{width:64px}.door-label{font-size:11px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.reaction-bubble{transform:translate(-50%,calc(-100% - 30px));animation:3s linear forwards reaction-fade!important}.scene-scroller{scroll-behavior:auto}}