:root{--ink:#221a4d;--ink-soft:#625c8f;--bg:#f1ecff;--card:#fff;--line:#e3dbff;--purple:#7b5cff;--purple-dark:#5a3fd9;--pink:#ff4fa3;--pink-dark:#d92f82;--cyan:#19c6f0;--cyan-dark:#0f9cc2;--yellow:#ffc93c;--yellow-dark:#e0a400;--green:#22c55e;--green-dark:#15963f;--orange:#ff8a3d;--orange-dark:#e0661b;--red:#ff5a5f;--red-dark:#d93338;--navy:#1b1442;--navy-2:#2b1f66;--neon:#7ee8fa;--neon-pink:#f3a6ff;--grad:linear-gradient(to left, #5fe3f6, #a991ff);--night:linear-gradient(#1b144273, #1b1442b3), url(/art/bg-kid.webp) center / cover;--radius:20px;--font-fun:"Fredoka", "Rubik", system-ui, sans-serif;--font-text:"Rubik", "Fredoka", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0}body{font-family:var(--font-text);color:var(--ink);background-color:var(--bg);background-image:radial-gradient(circle at 1px 1px,#7b5cff1f 1.5px,#0000 0),linear-gradient(#f5f1ff,#ebe3ff);background-size:26px 26px,100% 100%;background-attachment:fixed;min-height:100vh;font-size:17px;line-height:1.55;overflow-x:clip}h1,h2,h3,h4,.fun{font-family:var(--font-fun);font-weight:700;line-height:1.2}h1{margin:0 0 6px;font-size:clamp(28px,4vw,38px)}h2{margin:0 0 12px;font-size:24px}h3{margin:0 0 8px;font-size:19px}html[data-projector] .private{display:none}html[data-projector] .t-main{zoom:1.2}.projector-banner{background:var(--pink);color:#fff;border-radius:12px;margin-bottom:12px;padding:6px 14px;font-size:15px;font-weight:600}a{color:var(--purple-dark)}img{max-width:100%}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.muted{color:var(--ink-soft)}.small{font-size:15px}.center{text-align:center}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row.between{justify-content:space-between}.stack{grid-template-columns:minmax(0,1fr);gap:14px;display:grid}.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.split{grid-template-columns:minmax(240px, var(--side)) minmax(0, 1fr);align-items:start;gap:14px;display:grid}@media (width>=601px){.sticky-side{position:sticky;top:12px}}.spacer{flex:1}.hidden{display:none!important}.btn{--c:linear-gradient(to left, #9b7dff, #6e4cf5);--d:var(--purple-dark);background:var(--c);color:#fff;min-height:46px;font-family:var(--font-fun);box-shadow:0 5px 0 var(--d);cursor:pointer;white-space:nowrap;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-size:17px;font-weight:600;text-decoration:none;transition:transform 80ms,box-shadow 80ms,filter .15s;display:inline-flex}.btn:hover{filter:brightness(1.06)}.btn:active{box-shadow:0 2px 0 var(--d);transform:translateY(3px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn.pink{--c:var(--pink);--d:var(--pink-dark)}.btn.cyan{--c:var(--cyan);--d:var(--cyan-dark)}.btn.green{--c:var(--green);--d:var(--green-dark)}.btn.yellow{--c:var(--yellow);--d:var(--yellow-dark);color:var(--ink)}.btn.orange{--c:var(--orange);--d:var(--orange-dark)}.btn.red{--c:var(--red);--d:var(--red-dark)}.btn.white{--c:#fff;--d:var(--line);color:var(--ink);border:2px solid var(--line)}.btn.big{min-height:64px;box-shadow:0 7px 0 var(--d);border-radius:18px;padding:16px 30px;font-size:22px}.btn.small{min-height:36px;box-shadow:0 3px 0 var(--d);border-radius:11px;padding:6px 12px;font-size:15px}.btn.block{width:100%}.link-btn{color:var(--purple-dark);cursor:pointer;background:0 0;border:0;padding:0;font-weight:500;text-decoration:underline}.card{background:var(--card);border:2px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:0 10px 28px #3c1ea014}.card.tight{padding:12px}.card h2:first-child,.card h3:first-child{margin-top:0}.pill{background:var(--bg);color:var(--ink-soft);border-radius:999px;align-items:center;gap:4px;padding:2px 10px;font-size:14px;font-weight:600;display:inline-flex}.pill.green{color:var(--green-dark);background:#dcfce7}.pill.yellow{color:#8a6400;background:#fff4cc}.pill.red{color:var(--red-dark);background:#ffe1e2}.pill.purple{color:var(--purple-dark);background:#ece6ff}.pill.cyan{color:#076f8c;background:#d6f6ff}.field{gap:5px;display:grid}.field>span{font-size:15px;font-weight:600}.input,select.input,textarea.input{border:2px solid var(--line);background:#fff;border-radius:12px;width:100%;min-height:46px;padding:10px 12px}textarea.input{resize:vertical;min-height:120px;line-height:1.6}.input:focus{border-color:var(--purple);outline:none;box-shadow:0 0 0 3px #7b5cff2e}.error-box{color:var(--red-dark);background:#ffe1e2;border-radius:12px;padding:10px 14px;font-weight:600}.ok-box{color:var(--green-dark);background:#dcfce7;border-radius:12px;padding:10px 14px;font-weight:600}.avatar{object-fit:cover;background:#fff;border-radius:22%;flex:none;display:block;box-shadow:0 3px #1b1d4a1f}.avatar.empty{line-height:1;font-family:var(--font-fun);color:var(--purple-dark);background:linear-gradient(135deg,#ece6ff,#d6f6ff);place-items:center;font-weight:700;display:grid}.rank{font-family:var(--font-fun);align-items:center;gap:6px;font-weight:600;display:inline-flex}.rank img{image-rendering:pixelated}.t-shell{grid-template-columns:230px 1fr;min-height:100vh;display:grid}.t-nav{color:#fff;background:linear-gradient(#1b1442c7,#1b1442f0),url(/art/join-bg.webp) 12%/cover;flex-direction:column;gap:4px;height:100vh;padding:18px 12px;display:flex;position:sticky;top:0}.t-nav .brand{padding:4px 6px 18px;display:block}.t-nav .brand img{width:100%;height:auto}.t-nav a.nav{color:#c9cbf5;font-family:var(--font-fun);border-radius:12px;align-items:center;gap:10px;padding:10px 12px;font-size:17px;font-weight:500;text-decoration:none;display:flex}.t-nav a.nav:hover{color:#fff;background:#ffffff12}.t-nav a.nav.active{background:var(--grad);color:var(--ink);box-shadow:0 4px #7d63e6}.t-nav .nav-ico{text-align:center;width:26px;font-size:19px}.t-nav .bottom{margin-top:auto}.t-main{width:100%;min-width:0;padding:26px clamp(16px,3vw,36px) 60px}.page-head{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:20px;display:flex}.page-head .spacer{flex:1}@media (width<=900px){.t-shell{grid-template-columns:1fr}.t-nav{width:100%;height:auto;padding:6px 4px calc(6px + env(safe-area-inset-bottom));z-index:40;flex-direction:row;justify-content:space-around;position:fixed;top:auto;bottom:0}.t-nav .brand,.t-nav .bottom{display:none}.t-nav a.nav{text-align:center;white-space:nowrap;flex-direction:column;flex:1;gap:0;min-width:0;padding:6px 0;font-size:12px}.t-nav a.nav.active{box-shadow:none}.t-main{padding-bottom:110px}}.tabs{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.tab{border:2px solid var(--line);cursor:pointer;font-family:var(--font-fun);color:var(--ink-soft);background:#fff;border-radius:12px;padding:8px 14px;font-size:16px;font-weight:600}.tab.active{background:var(--navy-2);border-color:var(--navy-2);color:#fff}.tab .count{background:var(--pink);color:#fff;border-radius:999px;margin-inline-start:4px;padding:0 7px;font-size:13px}.table-wrap{border:2px solid var(--line);background:#fff;border-radius:14px;max-height:75vh;overflow:auto}table.table{border-collapse:collapse;width:100%;font-size:16px}.table th,.table td{text-align:start;border-bottom:1px solid var(--line);white-space:nowrap;padding:9px 12px}.table th{font-family:var(--font-fun);z-index:2;box-shadow:0 1px 0 var(--line);background:#f8f6ff;font-weight:600;position:sticky;top:0}.table tr:last-child td{border-bottom:0}.modal-back{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;background:#1b14428c;place-items:center;padding:16px;animation:.15s fade;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:24px;width:min(560px,100%);max-height:90vh;padding:22px;animation:.2s pop;overflow:auto;box-shadow:0 10px #00000026}.modal.wide{width:min(900px,100%)}.toast{background:var(--ink);color:#fff;font-family:var(--font-fun);z-index:200;border-radius:14px;max-width:calc(100% - 32px);padding:12px 22px;font-weight:600;animation:.2s pop;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 5px #00000040}.toast.error{background:var(--red)}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.92)}}@keyframes pop-x{0%{opacity:0;transform:translate(-50%)scale(.92)}}.toast{animation-name:pop-x}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes float{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-10px)rotate(2deg)}}.empty{text-align:center;color:var(--ink-soft);padding:30px 16px}.empty img{width:110px;image-rendering:pixelated;animation:4s ease-in-out infinite float}.loading{place-items:center;padding:60px;display:grid}.loading img{width:80px;image-rendering:pixelated;animation:1s ease-in-out infinite bounce}.kid-page{max-width:1100px;min-height:100vh;margin:0 auto;padding:20px 16px 40px}.kid-top{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;display:flex}.preview-bar{z-index:50;background:var(--navy);color:#fff;border-bottom:2px solid #a991ff;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:10px 16px;display:flex;position:sticky;top:0}.preview-bar .input{width:auto;max-width:100%;color:var(--ink)}.brand-logo{width:clamp(160px,20vw,240px);height:auto;display:block}.name-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.kid-page.names-page{max-width:1760px;padding-inline:clamp(16px,3vw,48px)}.names-page .name-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:22px}.names-search{flex:0 360px;min-width:0}.names-search input{width:100%;padding:12px 0;font-size:19px}@media (width<=700px){.names-page .names-head{flex-wrap:wrap}.names-search{flex:100%}.names-page .name-grid{gap:14px}}.name-card{border:3px solid var(--line);text-align:center;cursor:pointer;box-shadow:0 5px 0 var(--line);font-family:var(--font-fun);background:#fff;border-radius:18px;padding:12px 8px 10px;font-size:18px;font-weight:600;transition:transform .1s}.name-card:hover{border-color:var(--purple);transform:translateY(-3px)}.name-card .avatar{margin:0 auto 6px}.name-card.here{border-color:var(--green);box-shadow:0 5px 0 var(--green-dark)}.pin-dots{direction:ltr;justify-content:center;gap:14px;margin:14px 0 18px;display:flex}.pin-dots span{border:3px solid var(--purple);border-radius:50%;width:22px;height:22px}.pin-dots span.on{background:var(--purple)}.keypad{direction:ltr;grid-template-columns:repeat(3,1fr);gap:10px;max-width:300px;margin:0 auto;display:grid}.keypad .btn{min-height:66px;font-size:28px}.avatar-pick{grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:10px;display:grid}.avatar-pick .avatar{width:100%;height:auto}.avatar-pick button{cursor:pointer;background:0 0;border:3px solid #0000;border-radius:20px;padding:4px}.avatar-pick button.on{border-color:var(--pink);background:#ffe3f1}.task-card{color:#fff;background:linear-gradient(135deg,#6e4cf5,#a17dff 60%,#5fc8f0);border:0;box-shadow:0 10px 28px #3c1ea04d}.task-card .task-body{color:var(--ink);background:#fffffff5;border-radius:14px;max-height:340px;margin-top:12px;padding:14px 16px;overflow:auto}.tool-card{cursor:pointer;text-align:start;flex-direction:column;align-items:flex-start;gap:8px;transition:transform .1s;display:flex}.tool-card:hover{border-color:var(--cyan);transform:translateY(-3px)}.tool-ico{width:52px;height:52px;font-size:26px;font-family:var(--font-fun);color:#fff;border-radius:14px;place-items:center;font-weight:700;display:grid}.tool-ico img{object-fit:contain;background:#fff;border-radius:14px;width:100%;height:100%}.secret{border:2px dashed var(--line);direction:ltr;background:#f8f6ff;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;font-size:18px;font-weight:600;display:flex}.secret code{word-break:break-all;font-family:ui-monospace,Consolas,monospace}.drop{border:3px dashed var(--purple);text-align:center;cursor:pointer;background:#f8f6ff;border-radius:18px;padding:22px}.drop.over{background:#ece6ff}.works-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.work-thumb{border:2px solid var(--line);background:#fff;border-radius:14px;position:relative;overflow:hidden}.work-thumb .media{aspect-ratio:1;background:#f3f0ff 50%/cover no-repeat;place-items:center;font-size:40px;display:grid}.work-thumb .media img,.work-thumb .media video{object-fit:cover;width:100%;height:100%}.work-desc{color:var(--ink-soft);white-space:pre-wrap;overflow-wrap:anywhere}.work-thumb .work-desc{padding:0 10px 8px;font-size:13px}.work-thumb .cap{justify-content:space-between;align-items:center;gap:6px;padding:6px 10px;font-size:14px;display:flex}.grade-badge{background:var(--yellow);color:var(--ink);font-family:var(--font-fun);border-radius:10px;padding:2px 8px;font-weight:700}.me-chip{border:2px solid var(--line);font-family:var(--font-fun);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:4px 12px 4px 4px;font-weight:600;display:flex}.cyber{color:#f1edff;background:linear-gradient(#1b1442c7,#1b1442e6),url(/art/join-bg.webp) 50%/cover fixed}.cyber .card{color:#f1edff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#2b1f66c7;border-color:#a991ff73;box-shadow:0 10px 30px #00000040}.neon{color:var(--neon);text-shadow:0 0 8px #2ef2ffcc,0 0 22px #2ef2ff66}.neon-pink{color:var(--neon-pink);text-shadow:0 0 8px #ff3df2cc,0 0 22px #ff3df266}.board{gap:10px;display:grid}.board-row{background:#2b1f66d1;border:2px solid #a991ff59;border-radius:16px;grid-template-columns:48px auto 1fr auto;align-items:center;gap:12px;padding:8px 14px;animation:.3s backwards pop;display:grid}.board-row .place{font-family:var(--font-fun);text-align:center;color:#b9a8ff;font-size:26px;font-weight:700}.board-row.p1{border-color:#ffd54a;box-shadow:0 0 22px #ffd54a59}.board-row.p1 .place{color:#ffd54a}.board-row.p2 .place{color:#d7defa}.board-row.p3 .place{color:#ff9f5a}.board-row .name{font-family:var(--font-fun);font-size:22px;font-weight:600}.board-row .pts{font-family:var(--font-fun);font-size:26px;font-weight:700}.light .board-row{border-color:var(--line);color:var(--ink);background:#fff}.screen .board{grid-template-rows:repeat(5,auto);grid-auto-columns:1fr;grid-auto-flow:column;gap:14px 24px}.screen .board-row .name{font-size:26px}.light .board-row .pts{color:var(--purple-dark)}.att-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.att-card{border:3px solid var(--line);text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:0 4px 0 var(--line);background:#fff;border-radius:18px;padding:10px 8px 8px;transition:transform 80ms;position:relative}.att-card:active{transform:translateY(2px)}.att-card .avatar{margin:0 auto 4px}.att-card .nm{font-family:var(--font-fun);font-size:17px;font-weight:600;line-height:1.15}.att-card .st{margin-top:2px;font-size:13px;font-weight:600}.att-card .full-name{color:var(--ink-soft);font-size:13px}.att-card .say{color:var(--purple-dark);overflow-wrap:anywhere;margin-top:2px;font-size:13px}.att-card.present{border-color:var(--green);box-shadow:0 4px 0 var(--green-dark);background:#f0fdf4}.att-card.late{border-color:var(--yellow);box-shadow:0 4px 0 var(--yellow-dark);background:#fffbeb}.att-card.absent{border-color:var(--red);box-shadow:0 4px 0 var(--red-dark);opacity:.8;background:#fff1f2}.att-card .badge-inc{top:6px;background:var(--red);color:#fff;border-radius:999px;place-items:center;min-width:24px;height:24px;font-size:13px;font-weight:700;display:grid;position:absolute;inset-inline-start:6px}.att-card .badge-pts{top:6px;background:var(--yellow);border-radius:999px;padding:0 7px;font-size:13px;font-weight:700;position:absolute;inset-inline-end:6px}.att-actions{justify-content:center;gap:4px;margin-top:6px;display:flex}.att-actions button{cursor:pointer;background:#f3f0ff;border:0;border-radius:9px;padding:3px 8px;font-size:15px}.att-actions button:hover{background:#ece6ff}.timeline{gap:8px;display:grid}.step{border:2px solid var(--line);cursor:pointer;background:#fff;border-radius:14px;grid-template-columns:64px 1fr;align-items:start;gap:12px;padding:10px 12px;display:grid}.step .min{font-family:var(--font-fun);color:var(--purple-dark);text-align:center;background:#ece6ff;border-radius:10px;padding:4px 0;font-size:18px;font-weight:700}.step.current{border-color:var(--pink);box-shadow:0 4px 0 var(--pink-dark)}.step.current .min{background:var(--pink);color:#fff}.step.done{opacity:.5}.timer{font-family:var(--font-fun);text-align:center;direction:ltr;font-size:44px;font-weight:700}.timer.over{color:var(--red)}.prose{line-height:1.7}.prose blockquote{border-inline-start:5px solid var(--cyan);background:#f0fbff;border-radius:10px;margin:10px 0;padding:10px 16px;font-size:17px}.prose table{border-collapse:collapse;margin:10px 0;font-size:15px;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--line);padding:6px 10px}.prose th{background:#f8f6ff}.prose h2{color:var(--purple-dark);margin-top:18px;font-size:20px}.prose p{margin:8px 0}.device-card{gap:8px;display:grid}.device-card .who{flex-wrap:wrap;gap:6px;display:flex}.screen{flex-direction:column;gap:3vh;min-height:100vh;padding:3vh 4vw;display:flex}.screen-top{align-items:center;gap:20px;display:flex}.screen-top .logo-word{color:#fff;font-size:30px}.screen .join-code{font-family:var(--font-fun);letter-spacing:.12em;direction:ltr;font-size:clamp(80px,14vw,200px);font-weight:700;line-height:1}.screen .joined{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.screen .joined .kid{font-family:var(--font-fun);flex-direction:column;align-items:center;gap:4px;font-size:20px;font-weight:600;animation:.35s backwards pop;display:flex}.screen .big-text{font-size:clamp(24px,2.6vw,40px);line-height:1.5}.screen .big-text blockquote{background:0 0;border:0;margin:0;padding:0}.screen-controls{opacity:.25;gap:6px;transition:opacity .2s;display:flex;position:fixed;bottom:14px;left:14px}.screen-controls:hover{opacity:1}.input.invalid{border-color:var(--red,#e5484d);box-shadow:0 0 0 3px #e5484d26}.drop.waiting{opacity:.55}.work-pick{top:18px;z-index:2;cursor:pointer;background:#fff;border-radius:10px;padding:6px;display:grid;position:absolute;inset-inline-start:18px;box-shadow:0 2px 8px #221a4d33}.work-pick input{width:24px;height:24px;accent-color:var(--purple);cursor:pointer;margin:0}.card.picked{outline:4px solid var(--purple);outline-offset:-2px}.bulk-bar{z-index:20;border:2px solid var(--purple);background:#fff;border-radius:20px;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;display:flex;position:sticky;bottom:12px;box-shadow:0 10px 30px #221a4d40}.chip{border:2px solid var(--line);font:inherit;cursor:pointer;color:var(--ink);background:#fff;border-radius:999px;padding:6px 12px;font-size:14px}.chip.on,.chip:hover{border-color:var(--purple);background:#f1ecff}.screen-controls{z-index:60;flex-wrap:wrap;align-items:center;max-width:calc(100vw - 28px)}.screen-controls.awake{opacity:1}.screen-controls .fs-btn{padding:12px 22px;font-size:20px;box-shadow:0 0 0 4px #ff4fa34d,0 6px #00000040}.screen-error{color:var(--ink);background:#fff;border-radius:12px;padding:6px 12px;font-weight:600}.cyber .modal{color:var(--ink)}.screen.cyber{background:radial-gradient(at 80% 0,#2a2f86 0%,#0000 60%),linear-gradient(160deg,#1a1f63,#14123f) fixed}.slideshow{z-index:50;position:fixed;inset:0;overflow-y:auto}.slide{flex-direction:column;flex:1;gap:3vh;min-height:0;display:flex}.slide-head{align-items:center;gap:2vw;display:flex}.slide-num{font-family:var(--font-fun);color:var(--neon);white-space:nowrap;font-size:clamp(18px,1.6vw,26px);font-weight:700}.slide-title{font-family:var(--font-fun);flex:1;margin:0;font-size:clamp(30px,min(4.4vw,6.6vh),72px);line-height:1.15}.slide-timer{min-width:150px;color:var(--neon-pink);justify-items:center;gap:4px;display:grid}.slide-timer .label{color:#c9cbf5;white-space:nowrap;font-size:clamp(14px,1.1vw,18px)}.slide-timer .time{font-family:var(--font-fun);direction:ltr;font-size:clamp(34px,3.4vw,56px);font-weight:700;line-height:1}.slide-timer .bar{background:#ffffff26;border-radius:99px;width:100%;height:8px;overflow:hidden}.slide-timer .bar span{background:var(--neon-pink);height:100%;margin-inline-start:auto;transition:width 1s linear;display:block}.slide-timer.over{color:var(--yellow)}.slide-body{flex:1;align-content:start;align-items:start;gap:3vw;padding-top:4vh;display:grid}.slide-body.with-image{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)}.slide-text{max-width:24em;font-size:clamp(24px,min(3vw,4.6vh),52px);line-height:1.45}.slide-text p{margin:0 0 .5em}.slide-text h3{font-family:var(--font-fun);text-align:center;unicode-bidi:plaintext;margin:0 0 .3em;font-size:1.9em}.slide-text strong{color:var(--neon)}.slide-text blockquote{border-inline-start:6px solid var(--neon);background:#ffffff14;border-radius:14px;margin:.4em 0 0;padding:.5em .9em;font-size:.58em;line-height:1.45}.slide-text blockquote p{margin:0}.did-you-know{opacity:.65;margin-top:.6em;font-size:.55em;line-height:1.45;display:block}.did-you-know strong,.slide-text .did-you-know strong{color:inherit}.slide-card .kids .did-you-know{font-size:.85em}.slide-img{object-fit:contain;background:#fff;border-radius:18px;width:100%;max-height:62vh;box-shadow:0 12px 40px #00000059}.slide-link{align-self:center;padding:.6em 1.6em;font-size:clamp(20px,1.8vw,30px)}@media (width<=760px){.slide-body.with-image{grid-template-columns:1fr}}.lesson-filters input[type=search],.tool-filters input[type=search]{flex:1;min-width:220px}.lesson-filters select,.tool-filters select{width:auto;max-width:100%}.lesson-page .prose{font-size:18px}.slide-card{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:18px;display:grid}.slide-card.no-image{grid-template-columns:minmax(0,1fr)}.slide-card h3{margin:0;font-size:22px}.slide-card .kids{font-size:19px;line-height:1.6}.slide-card .kids p{margin:4px 0}.slide-card .kids h3{text-align:start;unicode-bidi:plaintext}.slide-card img{border:1px solid var(--line);cursor:zoom-in;border-radius:12px;width:100%}.teacher-note{background:#fff8db;border-radius:12px;padding:10px 14px;font-size:17px;line-height:1.6}.teacher-note b{color:#8a6400}.lesson-more summary{cursor:pointer;font-family:var(--font-fun);padding:6px 0;font-size:20px;font-weight:600}@media (width<=760px){.slide-card{grid-template-columns:1fr}}@media print{.t-nav,.no-print,.tabs{display:none!important}.t-shell{display:block}body{background:#fff}.card{box-shadow:none;break-inside:avoid;border-color:#ccc}}a.tool-card{color:inherit;text-decoration:none}.shared-link{color:#fff;background:var(--pink);border-color:var(--pink-dark);box-shadow:0 5px 0 var(--pink-dark);flex-wrap:wrap;align-items:center;gap:14px;text-decoration:none;animation:.3s pop;display:flex}.join-screen{background:var(--navy) url(/art/join-bg.webp) center / cover;grid-template-columns:minmax(0,1fr);align-items:center;min-height:100dvh;padding:110px clamp(16px,5vw,64px) 120px;display:grid;position:relative;overflow:hidden}.join-bg{z-index:0;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.join-screen:before{content:"";z-index:1;background:linear-gradient(270deg,#1b1442e6 0%,#1b1442a6 32%,#1b144200 62%);position:absolute;inset:0}.join-top{z-index:2;align-items:center;gap:12px;padding:18px clamp(16px,3vw,36px);display:flex;position:absolute;inset:0 0 auto}.join-logo{width:clamp(190px,22vw,320px);height:auto}.join-help{color:#fff;font:600 18px var(--font-fun);cursor:pointer;background:#14163abf;border:2px solid #ffffff59;border-radius:999px;padding:8px 18px}.join-help:hover{background:#14163af2}a.join-help{text-decoration:none}.join-help{white-space:nowrap}.join-card{z-index:2;background:#f4f2ff;border-radius:24px;grid-template-columns:minmax(0,1fr);justify-self:start;gap:12px;width:min(520px,100%);margin-inline-start:clamp(0px,7vw,140px);padding:clamp(22px,3vw,38px);position:relative;box-shadow:0 18px 50px #00000059}.join-card h1{text-align:center;font-family:var(--font-fun);color:var(--ink);margin:0;font-size:clamp(32px,4vw,46px)}.join-sub{text-align:center;color:var(--ink-soft);margin:4px 0 6px;font-size:21px}.join-label{margin-top:6px;font-size:17px;font-weight:700}.join-field{background:#fff;border:2px solid #ddd7fa;border-radius:16px;align-items:center;gap:10px;padding:0 16px;display:flex}.join-field:focus-within{border-color:var(--purple)}.join-field input{min-width:0;font:600 22px var(--font-text);color:var(--ink);background:0 0;border:0;outline:none;flex:1;padding:18px 0}.join-field input::placeholder{color:#8f91b5;font-size:18px;font-weight:400}.join-go{cursor:pointer;font:700 26px var(--font-fun);color:var(--ink);background:linear-gradient(270deg,#5fe3f6,#a991ff);border:0;border-radius:18px;margin-top:10px;padding:18px;transition:transform .1s;box-shadow:0 5px #7d63e6}.join-go:hover:not(:disabled){transform:translateY(-2px)}.join-go:disabled{opacity:.55;cursor:default}.join-already{text-align:center;border-top:1px solid var(--line);gap:8px;padding-top:6px;display:grid}.join-foot{text-align:center;color:var(--ink-soft);margin:6px 0 0}.join-teacher{z-index:2;color:#ffffffb3;font-size:14px;position:absolute;bottom:74px;left:18px}@media (width<=760px){.join-screen:before{background:linear-gradient(#1b14428c,#1b1442d9)}.join-screen{align-items:start;padding-top:96px}.join-logo{width:170px}.join-card{margin-inline-start:0}}@media (prefers-reduced-motion:reduce){.join-bg{display:none}}.slot-time{text-align:end;direction:ltr;min-width:110px;font-size:20px}.slot-info{flex:1;min-width:200px}.slot-acts{gap:10px;display:flex}.session-tools{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.session-tools>select{width:auto}.roll-acts{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}@media (hover:none){.key-hint{display:none}}@media (width<=600px){.t-main{padding-top:16px}.t-main h1{font-size:24px}.slot-card{gap:8px;display:grid}.slot-time{text-align:start;min-width:0}.slot-info{min-width:0}.slot-acts>*{flex:1;min-height:44px;font-size:17px}.session-tools{grid-template-columns:1fr 1fr;width:100%;display:grid}.session-tools>.pill,.session-tools>select{grid-column:1/-1;justify-content:center;width:100%}.session-tools>.btn{text-align:center;justify-content:center;padding-inline:8px}.tabs{grid-template-columns:repeat(3,1fr);display:grid}.tab{padding:10px 4px;font-size:15px}.att-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.att-actions{gap:6px}.att-actions button{flex:1;min-height:38px;font-size:17px}.split{grid-template-columns:minmax(0,1fr)}.table th,.table td{white-space:normal;padding:8px 6px}.link-btn{padding:10px 2px}.roll-acts{grid-template-columns:1fr 1fr;width:100%;display:grid}.roll-acts .btn{justify-content:center;min-height:58px;font-size:20px}.roll-acts .btn.green{grid-column:1/-1;min-height:72px;font-size:24px}}html:has(.kid-page) body{background:var(--night);background-attachment:fixed}.kid-page .card:not(.cyber):not(.task-card):not(.shared-link),.kid-page .name-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffffff0}.kid-page>h1,.kid-page>h2,.kid-section>h2{color:#fff;text-shadow:0 2px 10px #00000059}.kid-page .me-chip{background:#ffffffeb}html{scroll-behavior:smooth}.kid-shell{grid-template-columns:250px minmax(0,1fr);min-height:100vh;display:grid}.kid-side{color:#fff;background:linear-gradient(#1b1442b3,#1b1442eb),url(/art/bg-kid.webp) 88%/cover;border-inline-end:2px solid #a991ff59;flex-direction:column;gap:4px;height:100vh;padding:18px 12px;display:flex;position:sticky;top:0;overflow-y:auto}.kid-side .brand{width:100%;height:auto;padding:0 6px 14px}.kid-me{gap:8px;margin-bottom:10px;display:grid}.kid-me-card{background:#ffffff1f;border:1px solid #fff3;border-radius:16px;align-items:center;gap:10px;padding:8px;display:flex}.kid-me-card .rank{font-size:14px}.kid-side a.nav{color:#e3dcff;font-family:var(--font-fun);border-radius:12px;align-items:center;gap:10px;padding:10px 12px;font-size:18px;font-weight:600;text-decoration:none;display:flex}.kid-side a.nav:hover,.kid-side a.nav.active{background:var(--grad);color:var(--ink)}.kid-side .nav-ico{text-align:center;width:28px;font-size:20px}.kid-side .bottom{margin-top:auto}.kid-main{width:100%;max-width:1100px}.kid-main [id]{scroll-margin-top:16px}@media (width<=900px){.kid-shell{grid-template-columns:minmax(0,1fr)}.kid-side{z-index:40;width:100%;height:auto;padding:6px 4px calc(6px + env(safe-area-inset-bottom));border:0;border-top:2px solid #a991ff59;flex-direction:row;justify-content:space-around;align-items:center;position:fixed;top:auto;bottom:0;overflow:visible}.kid-side .brand,.kid-me{display:none}.kid-side .bottom{flex:none;min-height:34px;margin:0;padding:4px 10px;font-size:13px}.kid-side a.nav{text-align:center;white-space:nowrap;flex-direction:column;flex:1;gap:0;min-width:0;padding:6px 0;font-size:12px}.kid-side{justify-content:flex-start;overflow-x:auto}.kid-side a.nav{flex:1 0 auto;min-width:64px;padding:6px 4px}.kid-main{padding-bottom:100px}}.tool-card-main{text-align:start;cursor:pointer;color:inherit;background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:8px;padding:0;display:flex}.tool-about{border:2px solid var(--line);background:#f4f0ff;border-radius:16px;justify-items:start;gap:12px;padding:14px 16px;line-height:1.7;display:grid}.screen a[href^=http]{color:#8ee9ff;direction:ltr;unicode-bidi:isolate}.screen.cyber.mode-join,.screen.cyber.mode-board,.screen.cyber.mode-task{isolation:isolate;background:#120c30;position:relative}.lofi-bg{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.lofi-bg .cam{will-change:transform;animation:22s linear infinite alternate lofi-push;position:absolute;inset:0}.lofi-bg img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.lofi-bg img.glow{filter:blur(10px)brightness(1.55)saturate(1.35);mix-blend-mode:screen;opacity:0;will-change:opacity;animation:2.4s ease-in-out infinite alternate lofi-breathe}.lofi-bg .shade{background:radial-gradient(#120c3080,#0000 65%),linear-gradient(#120c30a8,#120c30cc);position:absolute;inset:0}.mode-join .lofi-bg .shade{background:radial-gradient(#120c308c,#0000 65%),linear-gradient(#120c30bd,#120c30db)}.mode-board .lofi-bg .shade{background:radial-gradient(#120c3073,#0000 65%),linear-gradient(#120c309e,#120c30c7)}.lofi-bg .dust i{opacity:0;animation:lofi-rise var(--dur) linear var(--delay) infinite;background:radial-gradient(circle,#fff7c2f2,#f3a6ff66 55%,#0000 72%);border-radius:50%;position:absolute}@keyframes lofi-push{0%{transform:scale(1)}to{transform:scale(1.04)}}@keyframes lofi-breathe{0%{opacity:0}to{opacity:.38}}@keyframes lofi-rise{0%{opacity:0;transform:translateY(0)}20%,75%{opacity:.7}to{transform:translateY(var(--rise));opacity:0}}@media (prefers-reduced-motion:reduce){.lofi-bg .cam,.lofi-bg img.glow,.lofi-bg .dust i{animation:none}}.capy-pose{width:72px;image-rendering:pixelated;flex:none}.names-head{flex-wrap:nowrap;gap:12px}.celebrate{z-index:60;color:#fff;font-family:var(--font-fun);pointer-events:none;background:#1b14428c;place-content:center;justify-items:center;gap:10px;font-size:clamp(26px,4vw,40px);animation:.35s backwards pop;display:grid;position:fixed;inset:0}.celebrate img{width:min(260px,60vw);image-rendering:pixelated;animation:1s ease-in-out infinite bounce}.rank-up{text-align:center;justify-items:center;gap:14px;font-size:22px;display:grid}.rank-up img{width:min(220px,60vw);image-rendering:pixelated;filter:drop-shadow(0 8px 24px #7b5cff80);animation:.5s backwards pop}.today-hero{border-radius:var(--radius);background:linear-gradient(270deg,#1b1442d1,#1b144259 55%,#1b144200 80%),url(/art/bg-teacher.webp) 50%/cover;align-items:flex-end;min-height:170px;padding:26px 28px}.today-hero h1{color:#fff}.today-hero .muted{color:#e9e4ff}@media (width<=640px){.today-hero{background-position:30%}}.news-hero{align-items:center;gap:14px;margin-bottom:16px;display:flex}.news-hero h1{margin:0 0 4px}.news-tabs .tab:not(.active){background:#ffffffeb}.news-grid{grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));align-items:start;gap:16px;display:grid}.news-card{border-top:6px solid var(--purple);gap:8px;animation:.3s backwards pop;display:grid}.news-card.cute{border-top-color:var(--pink)}.news-card h2{margin:0;font-size:22px}.news-card p{margin:0;line-height:1.7}.news-img{aspect-ratio:16/9;background:#ece6ff;border-radius:14px;margin:-2px 0 4px;position:relative;overflow:hidden}.news-img img{object-fit:cover;width:100%;height:100%;display:block}.news-img figcaption{color:#fff;background:#1b1442b3;border-radius:999px;padding:1px 8px;font-size:12px;position:absolute;bottom:6px;left:8px}.news-head{justify-content:space-between;align-items:center;display:flex}.news-emoji{background:#ece6ff;border-radius:18px;place-items:center;width:56px;height:56px;font-size:32px;display:grid}.news-card.cute .news-emoji{background:#ffe3f1}.news-new{background:var(--yellow);color:var(--ink)}.news-like{border:2px solid var(--line);font:600 17px var(--font-text);color:var(--ink);cursor:pointer;background:#fff;border-radius:999px;justify-self:start;align-items:center;gap:6px;padding:4px 14px;transition:transform .1s;display:inline-flex}.news-like:hover{border-color:var(--pink)}.news-like:active{transform:scale(.94)}.news-like.on{border-color:var(--pink);color:var(--pink-dark);background:#ffe3f1}.news-like.on span[aria-hidden]{animation:.3s pop}.news-foot{margin-top:2px}.news-foot a{color:inherit;text-decoration:none}.news-foot a:hover{text-decoration:underline}@media (width<=600px){.news-tabs{display:flex}.news-tabs .tab{flex:1}}.ticker{z-index:3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;background:#14163ad1;border-top:2px solid #a991ff59;height:60px;display:flex;position:absolute;inset:auto 0 0}.ticker-label{background:var(--grad);color:var(--ink);font:700 18px var(--font-fun);white-space:nowrap;flex:none;align-items:center;padding:0 18px;text-decoration:none;display:flex}.ticker-window{flex:1;align-items:center;min-width:0;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(270deg,#0000,#000 40px calc(100% - 40px),#0000);mask-image:linear-gradient(270deg,#0000,#000 40px calc(100% - 40px),#0000)}.ticker-track,.ticker-copy{width:max-content;display:flex}.ticker-track{animation:ticker var(--dur,120s) linear infinite}.ticker-window:hover .ticker-track,.ticker-window:focus-within .ticker-track{animation-play-state:paused}.ticker-item{color:#fff;font-size:18px;font-family:var(--font-text);white-space:nowrap;align-items:center;gap:10px;padding-inline:18px;text-decoration:none;display:flex}.ticker-item:after{content:"✦";color:var(--neon-pink);margin-inline-start:26px}.ticker-item:hover{color:var(--neon)}.ticker-item b{font-family:var(--font-text);color:#fff;font-weight:500}.ticker-teaser{color:#d8d2ff}.ticker-peek{pointer-events:none;background:#fff;border:3px solid #fff;border-radius:14px;width:260px;animation:.2s pop;position:absolute;bottom:calc(100% + 10px);overflow:hidden;transform:translate(-50%);box-shadow:0 12px 30px #00000073}.ticker-peek img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.ticker-peek span{color:#fff;background:#1b1442b3;border-radius:999px;padding:1px 8px;font-size:12px;position:absolute;bottom:6px;left:8px}@keyframes ticker{to{transform:translate(50%)}}@media (prefers-reduced-motion:reduce){.ticker-track{animation:none}.ticker-window{overflow-x:auto;-webkit-mask-image:none;mask-image:none}}@media (width<=600px){.ticker{height:52px}.ticker-label{padding:0 12px;font-size:16px}.ticker-item{font-size:15px}}.locked-alert{z-index:90;border:3px solid var(--pink);background:#fff;border-radius:18px;gap:8px;width:min(420px,100vw - 32px);padding:14px 16px;animation:.3s pop;display:grid;position:fixed;bottom:20px;left:20px;box-shadow:0 12px 34px #1b144259}.locked-alert p{margin:0}.locked-row{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;padding-top:8px;display:flex}@media (width<=900px){.locked-alert{bottom:96px;left:16px}}.locked-alert{max-height:min(70vh,560px);overflow-y:auto}.locked-chip{z-index:90;cursor:pointer;background:var(--yellow);color:var(--ink);font:600 16px var(--font-fun);box-shadow:0 3px 0 var(--yellow-dark);border:0;border-radius:999px;padding:8px 16px;position:fixed;bottom:20px;left:20px}@media (width<=900px){.locked-chip{bottom:96px;left:16px}}.prose a,.task-body a{overflow-wrap:anywhere}.news-refresh{color:#e9e4ff;justify-items:end;gap:4px;display:grid}.news-refresh .small{text-shadow:0 1px 6px #000000b3}.news-refresh .btn:disabled{opacity:.9}.news-hide{margin-inline-start:10px}.tool-card-main{width:100%;min-width:0}.tool-meta{white-space:nowrap;text-overflow:ellipsis;max-width:100%;display:block;overflow:hidden}.prep-card{border:2px solid var(--yellow)}.prep-acts{gap:10px}@media (width<=640px){.prep-acts>*{flex:100%;justify-content:center}}.screen-link{border:1px dashed var(--purple);background:#f4f0ff;border-radius:14px;gap:10px;padding:10px 14px}.screen-link code{color:var(--purple-dark);-webkit-user-select:all;user-select:all;overflow-wrap:anywhere;font-size:18px}.prize-input{width:3.2ch;font:inherit;color:inherit;text-align:center;background:0 0;border:0;padding:0}.prize-input:focus{outline:2px solid var(--purple);border-radius:6px}.game-winners{background:linear-gradient(135deg,#fff7d6,#ffe9f4)}.att-seg{flex-wrap:wrap;gap:4px;display:flex}.att-seg .btn.small{min-height:34px;box-shadow:none;padding:4px 10px}