html,body{overscroll-behavior:none;background:#000;min-height:100dvh;margin:0;padding:0}.room-deco{pointer-events:none;z-index:0;opacity:.15;animation:roomFloat var(--fd,6s) ease-in-out infinite var(--fdelay,0s);-webkit-user-select:none;user-select:none;font-size:2.4rem;position:fixed}@keyframes roomFloat{0%,to{transform:translateY(0) rotate(var(--rot,0deg))}50%{transform:translateY(-14px) rotate(var(--rot,0deg))}}.chalk-back{z-index:2;color:#f5dcaaa6;filter:drop-shadow(0 2px 4px #00000059);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:none;transition:color .2s;display:inline-flex;position:absolute;top:.75rem;right:.75rem}.chalk-back:hover{color:#f5dcaa}.chalk-back svg{width:38px;height:38px}@keyframes chalkboard-open{0%{opacity:0;transform:translateY(-110vh)}65%{opacity:1;transform:translateY(12px)}80%{opacity:1;transform:translateY(-6px)}90%{opacity:1;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes chalkboard-close{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-110vh)}}.chalkboard-frame{z-index:1;background:#2b1f14;border:10px solid #8b6234;border-radius:1.2rem;min-height:calc(100vh - 4.5rem);padding-bottom:2rem;animation:.75s ease-out both chalkboard-open;position:relative;overflow:hidden;box-shadow:0 6px #5a3d1c,0 12px 36px #0000004d,inset 0 0 50px #00000026,inset 0 0 120px #ffb43c0a}.chalkboard-frame:before{content:"";pointer-events:none;z-index:0;background-image:repeating-linear-gradient(0deg,#0000,#0000 39px,#ffffff06 40px),radial-gradient(circle at 80% 10%,#ffc8640f 0%,#0000 55%);position:absolute;inset:0}.chalkboard-frame>:not(.chalk-back){z-index:1;position:relative}.board-header{background:linear-gradient(#ffb43c12,#0000);border-bottom:3px solid #5a3d1c;align-items:center;gap:1rem;padding:1.5rem 3.75rem 1.1rem 1.4rem;display:flex}.board-header-sign{background:#8b6234;border:3px solid #c49a52;border-radius:.75rem;flex-shrink:0;padding:.4rem .9rem;box-shadow:0 3px #5a3d1c,inset 0 1px #ffffff26}.board-header-sign-text{color:#fde68a;text-shadow:1px 1px 3px #00000080;letter-spacing:2px;font-family:Schoolbell,cursive;font-size:1.5rem;line-height:1}.board-header-title{color:#fde68ae6;letter-spacing:.5px;font-family:Schoolbell,cursive;font-size:1.1rem;line-height:1.2}.board-header-sub{color:#f5dcaa73;letter-spacing:.5px;margin-top:.15rem;font-family:Schoolbell,cursive;font-size:.78rem}.board-tabs-nav{border-bottom:1px solid #ffffff14;display:flex}.board-tab-btn{color:#f5dcaa73;cursor:pointer;text-align:center;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;margin-bottom:-1px;padding:.75rem 1rem;font-family:Schoolbell,cursive;font-size:.9rem;transition:all .2s}.board-tab-btn.active{color:#fde68a;background:#ffd97a0d;border-bottom-color:#fde68a}.board-tab-btn:hover:not(.active){color:#f5dcaab3}