:root{--blue:#0349a8;--royal:#0759b8;--navy:#082e5a;--deep:#05193a;--gold:#fec955;--cream:#fff4dd;--coral:#f45d69;--ink:#082e5a;--muted:#44627c;--sky:#e7f4ff;--paper:#fffaf0;--body-font:'Nunito Sans',ui-rounded,system-ui,sans-serif;--display-font:'Fredoka','Arial Rounded MT Bold',ui-rounded,system-ui,sans-serif;--ease:cubic-bezier(.22,.75,.18,1);--motion:420ms;--scene-dim:0}
*{box-sizing:border-box}html{min-width:320px;background:#376d9e;scroll-behavior:smooth}body{margin:0;min-height:100svh;font-family:var(--body-font);color:var(--ink);font-size:16px;line-height:1.45;overflow-x:hidden}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{border:0;cursor:pointer;color:inherit}button,a{touch-action:manipulation}button{background:transparent}button:disabled{cursor:not-allowed;opacity:.56}button:not(:disabled):active{transform:translateY(2px) scale(.98)}button,a,input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,canvas:focus-visible{outline:3px solid #fff;box-shadow:0 0 0 6px #082e5a;border-radius:8px}[hidden]{display:none!important}h1,h2,p{margin:0}h1,h2{font-family:var(--display-font);font-weight:600;line-height:1.15}h1{font-size:32px}h2{font-size:30px}a{color:inherit}img{max-width:100%}.artwork{pointer-events:none;user-select:none;position:absolute;display:block}.icon{display:inline-block;width:24px;height:24px;flex:0 0 auto;background:currentColor;mask:var(--icon) center/contain no-repeat;-webkit-mask:var(--icon) center/contain no-repeat;vertical-align:middle}[data-icon]{display:inline-flex;align-items:center;justify-content:center}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:8px;left:16px;z-index:1000;transform:translateY(-150%);background:var(--cream);padding:12px 18px;border-radius:14px}.skip-link:focus{transform:none}
.scenery{position:fixed;inset:0;z-index:0;overflow:hidden;background:#3875ac}.scene-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:17% 26%;opacity:0;transition:opacity 360ms ease;pointer-events:none}.scene-image.active{opacity:1}.scene-shade{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(6,42,83,.04),transparent 60%,rgba(5,35,40,.2));pointer-events:none}.scene-fit .scene-image{object-fit:contain}.app-shell{position:relative;z-index:1;max-width:1820px;margin:auto;padding:24px 38px 16px;min-height:100svh;display:flex;flex-direction:column}.cream-skin{border:solid transparent;border-width:21px 28px;border-image:url("assets/panels/header-navigation-shell.svg") 75 95 75 95 fill stretch}.header{display:flex;gap:18px;align-items:center;justify-content:space-between;min-height:96px;position:relative;z-index:3;filter:drop-shadow(0 5px 9px #06377316)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}.brand-star{color:#e5a428;font-size:41px;line-height:1;text-shadow:1px 2px white}.brand-copy{display:flex;flex-direction:column}.brand-small{text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:2.4px;color:#265b8b}.brand strong{font-family:var(--display-font);font-size:26px;font-weight:600;letter-spacing:.2px;line-height:1.1}.brand-logo{max-width:94px;max-height:49px;object-fit:contain}.header-nav{display:flex;align-items:center;gap:6px;margin-left:auto;margin-right:auto}.nav-button{display:flex;gap:9px;align-items:center;justify-content:center;min-height:50px;padding:9px 20px;font-family:var(--display-font);font-size:20px;font-weight:500;border-radius:28px;white-space:nowrap;transition:background .18s}.nav-button:hover{background:#dfeef8}.nav-button.active{color:white;background:linear-gradient(#237acd,#074aae);box-shadow:inset 0 2px 0 #62abeb,0 0 0 3px #fac754,0 3px 0 3px #e1ad3b}.header-actions{display:flex;align-items:center;gap:12px}.circle-control{display:grid;place-items:center;width:51px;height:53px;flex-shrink:0;text-decoration:none}.blue-face{background:url("assets/timer/circle-blue.svg") center/100% 100% no-repeat;color:white}.gold-face{background:url("assets/timer/circle-gold.svg") center/100% 100% no-repeat}.circle-control .icon{width:27px;height:27px;margin-top:-3px}.gold-skin{border:solid transparent;border-width:10px 24px;border-image:url("assets/timer/button-gold.svg") 30 90 30 90 fill stretch}.blue-skin{border:solid transparent;border-width:10px 25px;border-image:url("assets/timer/button-blue.svg") 30 90 30 90 fill stretch;color:white}.coral-skin{border:solid transparent;border-width:11px 25px;border-image:url("assets/timer/button-coral.svg") 30 115 30 115 fill stretch;color:white}.present-button{display:flex;align-items:center;gap:8px;min-height:53px;font-family:var(--display-font);font-weight:500;font-size:18px}.present-button .icon{width:21px;height:21px}.mini-timer{font-family:var(--display-font);display:flex;align-items:center;gap:4px;border:1px solid #e6c56a;border-radius:18px;padding:8px;font-size:19px;font-variant-numeric:tabular-nums;white-space:nowrap}.mini-timer .icon{width:17px;height:17px}
.workspace{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.95fr);gap:clamp(24px,4vw,76px);width:100%;max-width:1550px;margin:22px auto 0;align-items:start;flex:1;outline:none}.left-column{min-width:0;display:flex;align-items:flex-end;flex-direction:column;position:relative;z-index:1}.classroom-heading{width:min(100%,640px);text-align:center;margin:4px 0 -6px}.eyebrow{font-size:10px;letter-spacing:2.6px;font-weight:800;color:#fdf6e2;text-shadow:0 1px 4px #03427075}.message-button{font-family:var(--display-font);font-size:clamp(18px,1.7vw,25px);font-weight:500;color:white;text-shadow:0 2px 7px #173f54a0;display:inline-flex;align-items:center;gap:9px;padding:2px 6px 4px;max-width:100%;overflow-wrap:anywhere}.message-button .icon{width:14px;height:14px;opacity:.85}.activity-view{width:min(100%,640px)}.timer-face{width:100%;aspect-ratio:1600/1100;position:relative;container-type:inline-size}.timer-shell{inset:0;width:100%;height:100%;filter:drop-shadow(0 6px 6px #0a407b22)}.timer-inset{left:20.625%;top:27.7273%;width:58.75%;height:35.4545%}.timer-medallion{left:43.125%;top:8.1818%;width:13.75%;height:20.9091%}.timer-readout-button{position:absolute;left:24.375%;top:33.1818%;width:51.25%;height:24.5455%;display:flex;align-items:center;justify-content:center;padding:0;font-family:var(--display-font);font-weight:600;color:#07305a;line-height:1;cursor:pointer;border-radius:20px}.timer-readout-button:active{transform:none!important}#timer-readout{font-size:19.5cqw;font-variant-numeric:tabular-nums;letter-spacing:-.8cqw;white-space:nowrap;font-weight:600}#timer-readout.long{font-size:13.6cqw;letter-spacing:-.6cqw}.timer-adjust{position:absolute;top:36.8182%;width:15%;height:22.7273%;display:grid;place-items:center;padding:0}.timer-adjust .icon{width:5cqw;height:5cqw;margin-top:-1cqw}.timer-adjust.minus{left:5.3125%}.timer-adjust.plus{left:79.6875%}.timer-progress{position:absolute;left:35%;top:64%;width:30%;height:1.1%;border-radius:12px;background:#031c5b66;overflow:hidden}.timer-progress span{display:block;background:#ffde83;height:100%;width:100%;border-radius:12px;transition:width .22s linear}.timer-action{position:absolute;left:20%;top:66.8182%;width:60%;height:20.9091%;display:flex;align-items:center;justify-content:center;padding:0}.timer-action img{inset:0;width:100%;height:100%}.timer-action-copy{position:relative;display:flex;align-items:center;justify-content:center;gap:2.5cqw;color:white;text-shadow:0 2px #c22e4c80;font-family:var(--display-font);font-size:7cqw;font-weight:600;line-height:1;padding-bottom:1cqw}.timer-action-copy .icon{width:6cqw;height:6cqw}.timer-state{position:absolute;left:20%;top:87.5%;width:60%;text-align:center;font-family:var(--display-font);font-size:2.6cqw;color:#fff4db;letter-spacing:.05em}.timer-face.finished .timer-readout-button{color:#b72646}.timer-face.finished .timer-inset{filter:drop-shadow(0 0 13px #fff1bf)}.timer-options{display:flex;flex-direction:column;align-items:center;gap:9px;margin:-5px 0 0}.preset-options{display:flex;gap:4px;align-items:center;flex-wrap:wrap;justify-content:center;padding:5px 9px;border:1px solid #ffe9a2;border-radius:22px;background:rgba(255,249,231,.97);box-shadow:0 3px 7px #0b405922}.preset-options button{min-height:34px;padding:5px 11px;border-radius:15px;font-size:14px;font-weight:800}.preset-options button:hover{background:#d4eaff}.preset-options button.selected{background:var(--blue);color:white}.preset-label{font-size:10px;letter-spacing:1px;text-transform:uppercase;font-weight:800;padding:0 7px}.timer-secondary{display:flex;align-items:center;gap:10px;padding:2px 13px;background:#fff8e9ef;border-radius:18px;min-height:30px}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;font-weight:800;font-size:13px;padding:4px 6px}.text-button .icon{width:17px;height:17px}.text-button:hover{text-decoration:underline;text-underline-offset:3px}.vertical-rule{height:16px;width:1px;background:#bcd0d9}
.tool-tray{width:100%;max-width:750px;position:relative;margin-top:26px}.tray-ribbon{position:relative;z-index:1;width:67%;height:auto;aspect-ratio:1200/220;margin:0 auto -5.9%;pointer-events:none}.tray-ribbon img{width:100%;height:100%;position:absolute;inset:0}.tray-ribbon h2{position:absolute;left:17%;top:18%;width:66%;height:48%;display:flex;align-items:center;justify-content:center;font-size:clamp(18px,2.15vw,34px);font-weight:600;color:white;white-space:nowrap;text-shadow:0 2px #c54a6355}.tray-skin{border:solid transparent;border-width:24px 23px 17px;border-image:url("assets/panels/tool-tray-shell.svg") 110 115 110 115 fill stretch}.tray-body{padding:0 0 1px;filter:drop-shadow(0 5px 7px #0d355821)}.tool-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;padding-top:9px}.tool-tile{padding:0;display:flex;flex-direction:column;gap:5px;align-items:center;border-radius:17px;min-width:0;transition:transform 180ms var(--ease)}.tile-picture{display:block;position:relative;width:100%;aspect-ratio:1/1.04;background:url("assets/panels/tool-tile.svg") center/100% 100% no-repeat;border-radius:20px}.tile-picture>img{display:block;position:absolute;width:106%;max-width:none;height:106%;object-fit:contain;left:-3%;top:-6%;transition:transform .18s var(--ease)}.tile-label{font-family:var(--display-font);font-size:clamp(11px,1.05vw,17px);font-weight:500;white-space:nowrap;line-height:1.2}.tool-tile:hover .tile-picture>img{transform:translateY(-3px) rotate(-2deg)}.tool-tile.selected .tile-picture:after{content:'';position:absolute;inset:-3px;background:url("assets/panels/tool-tile-selected.svg") center/100% 100% no-repeat;pointer-events:none}.tile-check{position:absolute;bottom:3%;right:-3%;width:24px;height:24px;display:none;place-items:center;border:2px solid #fff1c1;border-radius:50%;background:#ffd65d;color:var(--navy);font-weight:900;font-size:16px;z-index:2;box-shadow:0 2px 3px #36536733}.selected .tile-check{display:grid}
.tv-drawer{position:relative;min-width:0;margin-top:28px;container-type:inline-size;container-name:television;transition:transform var(--motion) var(--ease),opacity var(--motion) var(--ease);transform-origin:right center}.tv-heading{display:flex;justify-content:space-between;align-items:center;padding:0 7% 10px 5%;gap:8px}.tv-change{display:flex;align-items:center;gap:2px;color:white;font-size:12px;font-weight:800;text-shadow:0 1px 5px #083764}.tv-change .icon{width:15px;height:15px}.tv-heading .eyebrow{font-size:9px;letter-spacing:2px}.video-mount{position:absolute;inset:0;z-index:2}.video-mount iframe{width:100%;height:100%;display:block;border:0}.video-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;text-align:center;padding:14px 20px;background:radial-gradient(ellipse at 50% 20%,#2366a2 0,#164979 40%,#0b2e56 100%);color:var(--cream)}.video-placeholder:before,.video-placeholder:after{content:'';position:absolute;width:85%;height:70%;border:1px solid #fdda7912;border-radius:50%;transform:rotate(-18deg);pointer-events:none}.video-placeholder:after{transform:rotate(18deg);width:65%;height:90%}.video-placeholder h2{font-size:clamp(22px,4.9cqw,34px);font-weight:500;letter-spacing:.1px;z-index:1}.video-placeholder p{font-size:clamp(10px,2.1cqw,13px);margin-top:9px;color:#cfdfef;max-width:280px;z-index:1}.screen-choose{display:flex;align-items:center;gap:9px;justify-content:center;border:1px solid #ffe59d;border-radius:28px;min-height:43px;background:linear-gradient(#ffe494,#fac551);box-shadow:0 3px 0 #9d691d;margin-top:17px;padding:7px 18px;color:#092d53;font-weight:800;font-size:clamp(12px,2.6cqw,16px);position:relative;z-index:1}.screen-choose .icon{width:17px;height:17px}.video-placeholder.has-video h2{font-size:clamp(21px,4.8cqw,30px);max-width:94%;overflow-wrap:anywhere}.video-caption{margin:-5% auto 0;width:86%;display:flex;align-items:flex-start;gap:8px;padding:10px 13px;background:#fff8e7f7;border:1px solid #efce7f;border-radius:16px;position:relative;z-index:5;box-shadow:0 3px 7px #0e30432b;font-size:12px;font-weight:700;flex-wrap:wrap}.video-caption p{flex:1;min-width:100px}.video-status-dot{flex:0 0 auto;display:inline-block;margin-top:4px;width:7px;height:7px;border-radius:50%;background:#7b9cae}.video-status-dot.playing{background:#278052}.video-caption a{font-size:11px}.video-fine-print{color:white;font-size:11px;text-align:center;width:88%;margin:9px auto 0;text-shadow:0 1px 4px #14364e;font-weight:700}.tv-toggle{position:fixed;right:-3px;top:168px;z-index:5;width:65px;height:85px;padding:0;filter:drop-shadow(-3px 3px 4px #05234336);transition:transform .15s}.tv-toggle>img{position:absolute;width:100%;height:100%;inset:0}.tv-toggle-icons{position:absolute;inset:14px 8px 17px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff4dd;gap:3px}.tv-toggle-icons .icon{width:27px;height:27px}.tv-toggle-icons>#tv-toggle-chevron .icon{width:18px;height:18px;color:var(--gold)}body.tv-closed .tv-drawer{transform:translateX(calc(100% + 120px));opacity:0;pointer-events:none}body.tv-closed .workspace{grid-template-columns:minmax(0,1.12fr) minmax(0,.95fr)}body.tv-closed .left-column{grid-column:1/-1;width:min(850px,100%);justify-self:center;align-items:center}body.tv-closed .tv-drawer{grid-column:2;grid-row:1;height:0;overflow:hidden}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px auto 0;width:100%;max-width:1550px}.footer-scene{display:flex;align-items:center;gap:7px;border:1px solid #dbe6d580;background:#fef7e8f2;border-radius:25px;padding:8px 13px;font-size:12px;font-weight:800;min-height:37px}.footer-scene .icon{width:18px;height:18px}.footer-change{border-left:1px solid #cdd2c5;font-weight:600;padding-left:8px;color:var(--muted)}.footer-note{color:#fffdf1;text-shadow:0 1px 6px #234636;font-size:11px;font-weight:700;letter-spacing:.2px}.footer-note>span{color:#ffe58b;margin-left:7px}
.illustrated-panel{border:solid transparent;border-width:22px;border-image:url("assets/panels/generic-panel-frame.svg") 120 120 120 120 fill stretch}.tool-panel{margin-top:24px;padding:5px 12px 13px;min-height:415px;filter:drop-shadow(0 5px 9px #072e4624);text-align:center}.tool-panel-header{display:flex;align-items:center;justify-content:space-between;text-align:left;gap:12px;margin-bottom:10px}.overline{font-size:9px;letter-spacing:1.8px;font-weight:800;color:#466987;margin-bottom:4px}.panel-mini-art{width:64px;height:64px;object-fit:contain}.icon-button{min-width:42px;min-height:42px;border:1px solid #c3d8df;background:#eef6fa;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;padding:7px;flex-shrink:0}.icon-button.selected,.icon-button[aria-pressed=true]{background:#d2e9fb;border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)}.icon-button:hover{background:#dceeff}.small-button{display:inline-flex;justify-content:center;align-items:center;gap:6px;background:#e7f0f8;border:1px solid #b4cbdc;border-radius:14px;font-weight:800;font-size:13px;min-height:40px;padding:8px 14px}.small-button:hover{background:#d2e7f7}.action-button{font-family:var(--display-font);font-size:22px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:59px;min-width:195px;line-height:1.1}.action-button .icon{width:23px;height:23px}.action-row{display:flex;align-items:center;justify-content:center;gap:12px}.soft-note{font-size:12px;color:var(--muted);margin:12px 0}.privacy-note{font-size:11px;line-height:1.5;color:#47657c;margin-top:15px}.result-label{font-family:var(--display-font);font-size:29px;line-height:1.2;font-weight:500;margin:6px 0 14px;overflow-wrap:anywhere}.wheel-area{position:relative;width:245px;max-width:68%;aspect-ratio:1;margin:15px auto 0;filter:drop-shadow(0 5px 4px #13447830)}.wheel{width:100%;height:100%;border:8px solid #0955a5;border-radius:50%;background:#1e78bc;box-shadow:0 0 0 4px #ffc34c,inset 0 0 0 4px #f4cb65;transition:transform 2400ms cubic-bezier(.13,.64,.16,1);overflow:hidden}.wheel svg{width:100%;height:100%;display:block}.wheel-pointer{position:absolute;top:-15px;left:calc(50% - 14px);border-left:14px solid transparent;border-right:14px solid transparent;border-top:32px solid #ffd25d;z-index:4;filter:drop-shadow(0 2px 1px #936020a0)}.wheel-hub{position:absolute;left:calc(50% - 24px);top:calc(50% - 24px);width:48px;height:48px;background:linear-gradient(#fff0b2,#f6bc3a);border:4px solid #0857a4;border-radius:50%;display:grid;place-items:center;font-size:25px;color:#1055a3;pointer-events:none}.picker-options{display:flex;align-items:center;justify-content:center;gap:16px;font-size:12px;margin:8px 0 0}.check-label{display:flex;align-items:center;gap:6px}.check-label input{accent-color:var(--blue);width:17px;height:17px}.roster-link{font-size:11px}.whiteboard-panel{width:100%;max-width:700px;padding:3px 6px 8px}.board-toolbar{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-bottom:9px}.board-toolbar .icon-button{min-width:33px;min-height:35px;padding:6px}.board-toolbar .icon{width:20px;height:20px}.color-choices{display:flex;align-items:center;gap:4px;padding:0 5px}.color-chip{width:24px;height:24px;background:var(--ink);border:3px solid #fff8e9;border-radius:50%;box-shadow:0 0 0 1px #c4caca}.color-chip.selected{box-shadow:0 0 0 2px #2c628b}.brush-label{display:flex;align-items:center;gap:4px;font-size:11px}.brush-label input{width:55px;accent-color:var(--blue)}.board-canvas-wrap{position:relative;aspect-ratio:4/3;background:#fffdf6;border:2px solid #afc9d6;border-radius:11px;overflow:hidden;box-shadow:inset 0 1px 5px #0e467214}#whiteboard{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}#board-hint{position:absolute;top:50%;left:10%;width:80%;transform:translateY(-50%);text-align:center;font-family:var(--display-font);font-size:20px;color:#8494a1;pointer-events:none}.board-note{font-size:12px;margin:10px 0 0;color:var(--muted)}.board-note span{font-size:10px}.segmented{display:flex;border:1px solid #bdcdd5;border-radius:12px;padding:3px;background:#e7f0f4}.segmented button{padding:6px 9px;font-size:12px;font-weight:800;min-height:33px;border-radius:8px}.segmented button.selected{background:#0755ac;color:white}.dice-stage{display:flex;justify-content:center;align-items:center;gap:30px;min-height:220px;margin:12px 0}.die{position:relative;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:19px;gap:9px;width:133px;height:133px;background:linear-gradient(140deg,#fffef2,#fae2b0);border:2px solid #f6d789;border-radius:24px;box-shadow:inset 3px 4px 0 #fff,0 9px 0 #d2b27a,0 13px 16px #21537326;transform:rotate(-7deg)}.die:nth-child(2){transform:rotate(9deg)}.die .pip{width:22px;height:22px;background:#084c95;border-radius:50%;box-shadow:inset 0 3px 1px #002d61;align-self:center;justify-self:center}.die.rolling{animation:dice-tumble 600ms ease-in-out}.dice-stage+.result-label{font-size:30px;margin-bottom:23px}@keyframes dice-tumble{0%{transform:rotate(-7deg)}25%{transform:translateY(-15px) rotate(18deg)}60%{transform:translateY(-5px) rotate(-20deg)}100%{transform:rotate(-7deg)}}.group-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px;margin:12px 0}.group-controls input{width:60px!important;height:40px;padding:5px!important;text-align:center;margin:0 4px}.groups-result{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-height:270px;overflow:auto;padding:2px 2px 8px;margin-bottom:17px;text-align:left}.group-card{border:1px solid #bfd0d9;border-radius:14px;background:#f8fcfd;padding:12px;min-width:0}.group-card h3{font-family:var(--display-font);font-weight:500;font-size:17px;margin:0 0 8px;color:#0755a5}.group-people{display:flex;flex-wrap:wrap;gap:5px}.group-person{background:#deedf6;border-radius:7px;padding:3px 7px;font-size:12px;overflow-wrap:anywhere;max-width:100%}.group-card:nth-child(4n+2){background:#fff7e2}.group-card:nth-child(4n+2) .group-person{background:#f8e6b7}.group-card:nth-child(4n+3){background:#fcebef}.group-card:nth-child(4n+3) .group-person{background:#f8d7e0}.group-card:nth-child(4n+4){background:#ebf7f1}.group-card:nth-child(4n+4) .group-person{background:#d0ecdf}.group-empty{grid-column:1/-1;min-height:208px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--display-font);font-size:20px;text-align:center}.group-empty img{width:140px;height:140px;object-fit:contain}.recovery{position:relative;z-index:4;max-width:900px;margin:12px auto 0;display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:13px}
.modal{border:2px solid #edc56e;border-radius:28px;background:#fff9eb;color:var(--ink);padding:28px;max-width:min(650px,calc(100vw - 28px));width:650px;max-height:calc(100svh - 40px);overflow:auto;box-shadow:0 0 0 6px #0752a8,0 25px 80px #00152c75}.modal::backdrop{background:#061c42a8;backdrop-filter:blur(5px)}.modal[open]{animation:modal-in 210ms var(--ease)}@keyframes modal-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.small-modal{width:470px}.modal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:15px}.modal-heading>.icon-button{min-width:36px;min-height:36px;border:0;background:#e3eef2}.modal-heading .icon{width:21px;height:21px}.modal-intro{font-size:14px;color:var(--muted);max-width:500px;margin-bottom:18px}.scene-choices{display:grid;grid-template-columns:1fr 1fr;gap:14px}.scene-choice{position:relative;padding:7px;background:#fdfefe;border:2px solid #bcd3df;border-radius:18px;text-align:left;overflow:hidden;transition:border-color .15s}.scene-choice img{display:block;width:100%;aspect-ratio:1.65;object-fit:cover;border-radius:11px}.scene-choice strong{font-family:var(--display-font);font-size:21px;font-weight:500;display:block;padding:8px 4px 3px}.scene-choice>span{position:absolute;bottom:12px;right:12px;display:none;align-items:center;justify-content:center;width:25px;height:25px;background:#ffd15e;border-radius:50%;font-weight:900}.scene-choice[aria-pressed=true]{border-color:#ba8016;box-shadow:0 0 0 2px #ffd470}.scene-choice[aria-pressed=true]>span{display:flex}.scene-choice:hover{border-color:#2580c3}.field-label{display:flex;justify-content:space-between;align-items:center;gap:8px;font-weight:800;font-size:14px;margin:15px 0 7px}.field-label>span{font-size:11px;color:var(--muted);font-weight:600}.modal input[type=text],.modal input[type=number],.modal input[type=url],.modal textarea,.group-controls input{width:100%;padding:12px 14px;border:1px solid #a9c0d2;border-radius:12px;background:#fffefa;color:var(--ink);min-height:45px;font-size:16px}.modal textarea{resize:vertical;min-height:86px}.form-error{color:#a8203f;font-weight:700;font-size:13px;min-height:22px;margin:6px 0}.form-status{color:#225b86;font-size:13px;min-height:20px;margin-top:8px}.duration-inputs{display:flex;align-items:center;gap:9px;margin:23px 0 16px}.duration-inputs label{flex:1;min-width:0;text-align:center;font-size:12px;font-weight:800;color:var(--muted)}.duration-inputs input{font-family:var(--display-font);font-size:34px!important;text-align:center;margin-top:6px;padding:12px 3px!important;appearance:textfield;-moz-appearance:textfield}.duration-inputs input::-webkit-inner-spin-button{appearance:none}.duration-inputs>span{padding-top:20px;font-size:27px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:17px;padding-bottom:15px;border-bottom:1px solid #dce1de;font-size:14px}.setting-row strong{display:block;font-size:14px}.setting-row small{display:block;font-size:11px;color:var(--muted);margin-top:3px}.setting-row>input[type=range]{flex:1;min-width:40px;accent-color:var(--blue)}.switch{width:46px;height:27px;position:relative;display:block;flex-shrink:0}.switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:2}.switch span{position:absolute;inset:0;border-radius:30px;background:#a6b6bf;transition:background .16s}.switch span:after{content:'';position:absolute;left:3px;top:3px;width:21px;height:21px;border-radius:50%;background:white;box-shadow:0 1px 3px #182f4933;transition:transform .16s}.switch input:checked+span{background:#0961b7}.switch input:checked+span:after{transform:translateX(19px)}.switch input:focus-visible+span{outline:3px solid var(--navy);outline-offset:4px}.modal-actions{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:22px}.video-library{display:grid;grid-template-columns:1fr 1fr;gap:10px}.video-choice{padding:10px;background:#e8f1f7;border:1px solid #c2d5df;border-radius:13px;text-align:left;display:flex;align-items:center;gap:9px;font-family:var(--display-font);font-size:15px}.video-choice img{width:70px;height:44px;object-fit:cover;border-radius:6px}.video-choice .icon{width:24px;height:24px}.toast{position:fixed;left:50%;bottom:25px;max-width:min(550px,calc(100vw - 30px));transform:translate(-50%,15px);z-index:30;background:#fff7e6;color:var(--navy);border:2px solid #e9c16a;box-shadow:0 8px 25px #0b2b5440;border-radius:16px;padding:13px 21px;font-size:14px;font-weight:700;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}.exit-presentation{position:fixed;right:22px;top:19px;z-index:10;display:flex;align-items:center;gap:8px;background:#fff7e7;border:2px solid #e8be62;border-radius:22px;padding:11px 16px;min-height:47px;font-size:13px;font-weight:800}.exit-presentation .icon{width:20px;height:20px}.presenting .header,.presenting .teacher-only{display:none!important}.presenting .workspace{margin-top:60px}.presenting .classroom-heading{margin-bottom:3px}.presenting .message-button{pointer-events:none}.presenting .activity-view{width:min(100%,760px)}.presenting .timer-face .timer-readout-button{cursor:default}.presenting .timer-adjust.plus{visibility:hidden}.presenting .tv-drawer{margin-top:38px}.presenting .classroom-heading .eyebrow{display:none}.presenting .tv-toggle{top:102px}.presenting .tool-panel{min-height:460px}.noscript{position:fixed;inset:20% 10% auto;background:white;border-radius:24px;padding:28px;z-index:100}

@media(min-width:1650px){.app-shell{padding-top:35px;padding-left:55px;padding-right:55px}.header{min-height:104px}.workspace{margin-top:35px}.classroom-heading{width:700px}.activity-view{width:min(100%,700px)}.tool-tray{margin-top:30px}.tool-grid{gap:11px}.tv-drawer{margin-top:45px}.tv-heading .eyebrow{font-size:11px}.tv-change{font-size:14px}.site-footer{margin-top:26px}.tile-label{font-size:17px}.timer-options{gap:12px}.preset-options button{min-height:40px;font-size:15px}.preset-label{font-size:11px}.nav-button{font-size:23px;padding-left:25px;padding-right:25px}.brand strong{font-size:30px}}
@media(max-width:1200px){.app-shell{padding:20px 27px 16px}.header{gap:12px;border-width:18px 22px}.brand strong{font-size:22px}.brand-small{font-size:8px;letter-spacing:2px}.brand-star{font-size:34px}.header-nav{gap:3px}.nav-button{font-size:18px;padding:9px 13px;gap:6px}.nav-button .icon{width:22px;height:22px}.header-actions{gap:8px}.present-button{font-size:16px;border-width:10px 15px}.circle-control{width:45px;height:47px}.workspace{gap:24px;margin-top:16px}.timer-options{margin-top:0}.preset-options{gap:0}.preset-label{display:none}.preset-options button{padding:5px 9px}.tv-toggle{width:51px;height:70px;top:150px}.tv-toggle-icons{inset:12px 4px 12px 9px}.tv-toggle-icons .icon{width:23px;height:23px}.tray-skin{border-width:24px 16px 17px}.tool-grid{gap:4px}.tile-label{font-size:11px}.tool-tray{margin-top:20px}.tv-drawer{margin-top:25px}.classroom-heading{margin-top:6px}.message-button{font-size:19px}.eyebrow{font-size:8px;letter-spacing:1.7px}.mini-timer{font-size:15px}.mini-timer .icon{display:none}.tool-panel{padding:2px 8px 10px}.wheel-area{width:220px}.picker-options{gap:8px}}
@media(max-width:1000px){.app-shell{padding:15px 22px}.header{flex-wrap:wrap;justify-content:space-between;gap:12px;min-height:90px}.header-nav{order:3;flex-basis:100%;justify-content:center;margin-top:2px}.header-actions{margin-left:auto}.brand strong{font-size:26px}.brand-small{font-size:9px}.nav-button{font-size:18px;padding:8px 24px;min-height:44px}.workspace{grid-template-columns:1fr!important;max-width:720px;margin-top:23px;gap:26px}.left-column{align-items:center}.classroom-heading{width:100%;margin:0}.activity-view{width:min(100%,640px)}.message-button{font-size:24px}.eyebrow{font-size:10px;letter-spacing:2.4px}.tool-tray{max-width:690px;margin-top:22px}.tray-ribbon h2{font-size:29px}.tile-label{font-size:15px}.tool-grid{gap:8px}.tv-drawer{margin-top:0;width:100%;max-width:620px;justify-self:center}.tv-heading .eyebrow{font-size:10px}.tv-change{font-size:13px}.site-footer{margin-top:28px}.tv-toggle{top:auto;bottom:24px;width:61px;height:78px}.tv-toggle-icons{inset:13px 6px 14px 9px}.tv-toggle-icons .icon{width:28px;height:28px}.footer-note{padding-right:43px;text-align:right}.tv-closed .tv-drawer{grid-column:1!important;grid-row:2!important}.tv-closed .workspace{flex:0}.presenting .workspace{margin-top:72px}.presenting .tv-drawer{margin-top:0}.presenting .tv-toggle{top:auto}.tool-panel{width:min(100%,640px)}.tool-panel-header h1{font-size:32px}.wheel-area{width:250px}.tile-check{width:27px;height:27px;font-size:18px}}
@media(max-width:580px){body{font-size:15px}.app-shell{padding:13px 13px 15px}.header{border-width:16px 16px;gap:10px;min-height:94px}.brand-star{font-size:29px}.brand{gap:6px}.brand strong{font-size:22px}.brand-small{font-size:8px;letter-spacing:1.5px}.header-actions{gap:6px}.circle-control{width:39px;height:41px}.circle-control .icon{width:24px;height:24px}.present-button{padding:0;border-width:10px 13px;min-height:43px;gap:0}.present-button>span:last-child{display:none}.present-button .icon{width:20px;height:20px}.header-nav{gap:4px;margin-top:3px;justify-content:space-around}.nav-button{padding:7px 11px;min-height:40px;gap:6px;font-size:15px}.nav-button .icon{width:18px;height:18px}.workspace{margin-top:18px;gap:22px}.eyebrow{font-size:8px;letter-spacing:1.8px}.message-button{font-size:21px}.classroom-heading{margin-bottom:2px}.timer-state{font-size:3cqw;top:88%}.timer-options{margin-top:4px;gap:8px}.preset-options{padding:5px 7px;gap:2px}.preset-options button{min-height:38px;padding:4px 9px;font-size:13px}.timer-secondary{min-height:36px}.timer-adjust .icon{width:6cqw;height:6cqw}.timer-action-copy{font-size:7.8cqw}.tool-tray{margin-top:19px}.tray-ribbon{width:85%;margin-bottom:-7.5%}.tray-ribbon h2{font-size:24px}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px 11px;padding-top:14px}.tray-skin{border-width:24px 20px 20px}.tile-label{font-size:15px}.tile-picture{max-width:110px;aspect-ratio:1/1}.tile-check{width:25px;height:25px;font-size:17px}.tray-body{padding-bottom:3px}.tv-drawer{max-width:420px}.tv-heading{padding-bottom:9px}.site-footer{align-items:flex-start;margin-top:25px;flex-direction:column;gap:11px}.footer-note{font-size:10px;text-align:left;max-width:80%}.footer-scene{min-height:40px}.tv-toggle{bottom:25px;width:58px;height:75px}.tool-panel{border-width:16px;padding:9px 7px 15px;min-height:410px;margin-top:19px}.tool-panel-header h1{font-size:27px}.tool-panel-header .overline{font-size:7px;letter-spacing:1.2px}.panel-mini-art{width:48px;height:48px}.result-label{font-size:26px}.action-button{font-size:20px;min-height:57px;min-width:180px}.wheel-area{width:233px;max-width:80%;margin-top:17px}.picker-options{font-size:11px;gap:8px}.privacy-note{font-size:10px}.whiteboard-panel{padding:8px 4px}.board-toolbar{gap:5px}.brush-label{margin-right:10px}.board-canvas-wrap{aspect-ratio:1/1.05}.board-note{font-size:10px}.board-note span{display:block}.dice-stage{gap:19px;min-height:203px}.die{width:108px;height:108px;padding:15px;gap:6px;border-radius:20px}.die .pip{width:18px;height:18px}.segmented button{font-size:10px;padding:4px 6px}.group-controls{font-size:12px;gap:6px}.group-controls .small-button{font-size:10px;padding:8px}.groups-result{gap:7px;max-height:310px}.group-card{padding:9px}.group-person{font-size:11px}.modal{padding:21px 19px;border-radius:24px;max-height:calc(100svh - 32px);max-width:calc(100vw - 24px)}.modal h2{font-size:27px}.modal-heading{gap:8px}.modal-intro{font-size:12px}.scene-choices{gap:9px}.scene-choice{padding:5px;border-radius:14px}.scene-choice img{aspect-ratio:1.15;border-radius:9px}.scene-choice strong{font-size:18px;padding-left:3px}.scene-choice>span{width:21px;height:21px;bottom:11px;right:9px;font-size:13px}.duration-inputs{gap:5px}.duration-inputs input{font-size:29px!important}.setting-row{font-size:12px;gap:10px}.setting-row strong{font-size:12px}.setting-row small{font-size:10px}.setting-row .small-button{padding:7px 10px}.field-label{font-size:13px;flex-wrap:wrap}.modal-actions{gap:8px}.video-library{grid-template-columns:1fr}.recovery{font-size:12px;gap:8px}.mini-timer{position:absolute;right:14px;bottom:-22px;background:#fff8e9;font-size:13px;padding:4px 10px;z-index:2}.presenting .workspace{margin-top:55px}.exit-presentation{right:13px;top:13px;font-size:12px}.presenting .tool-panel{min-height:400px}}
@media(max-width:355px){.brand strong{font-size:19px}.brand-small{font-size:7px}.brand-star{display:none}.header-nav{gap:1px}.nav-button{font-size:14px;padding:7px 8px}.nav-button .icon{width:17px;height:17px}.preset-options button{padding:4px 7px}.preset-options button span{display:none}.tile-label{font-size:13px}.tray-ribbon h2{font-size:20px}.tv-heading .eyebrow{display:none}.tv-heading{justify-content:flex-end}.groups-result{grid-template-columns:1fr}.tool-panel-header h1{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
body.reduced-motion *,body.reduced-motion *:before,body.reduced-motion *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
/* Final desktop composition: keep the scenic castle visible to the left of the timer. */
:root{--display-font:'Fredoka','Arial Rounded MT Bold','Trebuchet MS',system-ui,sans-serif;--body-font:'Nunito Sans',system-ui,sans-serif}
.timer-state{top:86.5%;font-size:2.1cqw;line-height:1}
@media(min-width:1001px){
 .workspace{grid-template-columns:minmax(0,1.28fr) minmax(0,.9fr);gap:clamp(25px,2.8vw,48px)}
 #timer-view,.classroom-heading{width:min(100%,540px,calc((100svh - 460px)*1.4545))}
 .classroom-heading{margin:0 0 -4px}.classroom-heading .eyebrow{font-size:9px;line-height:1.3}.message-button{font-size:22px;line-height:1.35}
 .timer-options{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:-4px}
 .preset-label{display:none}.preset-options{padding:4px 6px;gap:0}.preset-options button{font-size:12px;min-height:32px;padding:3px 8px}
 .timer-secondary{padding:2px 7px;gap:5px;min-height:36px}.timer-secondary .text-button{font-size:11px;gap:4px;min-height:30px;padding:3px 4px}.timer-secondary .icon{width:15px;height:15px}
 .tool-tray{margin-top:18px}.tile-picture{max-width:94px}.tray-ribbon{width:61%;margin-bottom:-5.4%}.tray-ribbon h2{font-size:30px}
 .tool-grid{padding-top:7px}.site-footer{margin-top:12px}
 body.tv-closed .workspace{grid-template-columns:minmax(0,1.28fr) minmax(0,.9fr)}
}
@media(min-width:1001px) and (max-height:820px){
 .app-shell{padding-top:15px;padding-bottom:10px}.header{min-height:85px;border-top-width:16px;border-bottom-width:16px}.workspace{margin-top:15px}.classroom-heading .eyebrow{display:none}.message-button{font-size:20px}
 #timer-view,.classroom-heading{width:min(100%,520px,calc((100svh - 450px)*1.4545))}
 .preset-options button span{display:none}.timer-options{gap:5px}.timer-secondary{padding-left:5px;padding-right:5px}
 .tool-tray{margin-top:12px}.tray-ribbon{width:56%;margin-bottom:-5.1%}.tray-ribbon h2{font-size:26px}.tile-picture{max-width:81px}.tile-label{font-size:13px}.tray-skin{border-top-width:22px;border-bottom-width:13px}.tool-grid{padding-top:6px}
 .tv-drawer{margin-top:17px}.tv-heading{padding-bottom:7px}.video-fine-print{font-size:10px}.site-footer{margin-top:8px}.footer-scene{padding-top:5px;padding-bottom:5px;min-height:32px}
 .tool-panel{margin-top:10px;min-height:340px}.wheel-area{width:188px;margin-top:5px}.picker-options{margin-top:3px}.tool-panel-header{margin-bottom:5px}.picker-options .text-button{min-height:27px}.result-label{font-size:25px;margin:4px 0 8px}.dice-stage{min-height:176px}.groups-result{max-height:200px}.board-canvas-wrap{aspect-ratio:1.65}
}
@media(min-width:1650px) and (min-height:950px){#timer-view,.classroom-heading{width:min(100%,640px)}.tile-picture{max-width:106px}.tray-ribbon h2{font-size:34px}.timer-secondary .text-button{font-size:13px}.preset-options button{font-size:14px;min-height:36px}.tool-tray{margin-top:25px}}



@media(min-width:1001px) and (max-height:820px){.site-footer{margin-top:1px}.app-shell{padding-bottom:0}}