*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{color:#f7eedc;background:#120e21;margin:0;font:16px/1.6 system-ui,sans-serif}main{max-width:1200px;margin:auto;padding:24px}header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}h1{color:#ecd091;margin:0;font-size:28px}h2{margin:0 0 12px;font-size:20px}p{margin:6px 0}small{letter-spacing:2px;color:#c5a4e8}.lobby{background:#241a37;border:1px solid #644579;border-radius:16px;margin-bottom:18px;padding:20px}button,input,select{font:inherit;color:inherit;background:#342249;border:1px solid #795b95;border-radius:9px;padding:10px 14px}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}button.primary{color:#28163c;background:#d6b0f5}label{flex-direction:column;gap:5px;display:flex}.row{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.muted{color:#bcaecb;font-size:14px}.error{color:#ffc6c6}.players{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.player{border:1px solid #806590;border-radius:10px;padding:8px 12px}.player.active{background:#674180}.invite{overflow-wrap:anywhere}a{color:#e4bdff}iframe{border:0;width:100%;display:block}details{margin-top:12px}@media (max-width:600px){main{padding:10px}h1{font-size:23px}.lobby{padding:14px}.row label{width:100%}}.teacher-header{justify-content:flex-start;gap:20px;padding:12px 0 18px}.teacher-portrait{border:3px solid #ecd091;border-radius:50%;flex-shrink:0;width:96px;height:96px;overflow:hidden;box-shadow:0 0 0 5px #ecd09114,0 8px 28px #0005}.teacher-portrait img{object-fit:cover;object-position:48% 38%;width:100%;height:100%;display:block;transform:scale(1.7)}.teacher-header small{letter-spacing:1px;font-size:14px}.brand-game{white-space:nowrap}@media (max-width:600px){.teacher-header{gap:14px;padding:12px 4px}.teacher-portrait{width:76px;height:76px}.teacher-header h1{font-size:22px;line-height:1.4}.brand-game{display:block}.brand-divider{display:none}.teacher-header small{letter-spacing:0;font-size:12px}.teacher-header p{font-size:14px}}.mobile-nav{display:none}@media (max-width:700px){html,body{overscroll-behavior:none;height:100%;overflow:hidden}main{grid-template-rows:56px minmax(0,1fr) calc(62px + env(safe-area-inset-bottom,0px));max-width:none;height:100dvh;padding:0;display:grid;overflow:hidden}main>.teacher-header{background:#1d142e;border-bottom:1px solid #644579;grid-row:1;gap:10px;min-width:0;margin:0;padding:6px 12px}.teacher-portrait{width:38px;height:38px;box-shadow:none;border-width:2px}.teacher-header h1{font-size:16px;line-height:1.3}.teacher-header small,.teacher-header p{display:none}.brand-game,.brand-divider{display:inline}main>iframe{grid-area:2/1;width:100%;min-height:0;overflow:hidden;height:100%!important}main>.lobby{overscroll-behavior:contain;border:0;border-radius:0;grid-area:2/1;min-height:0;margin:0;padding:14px;display:none;overflow:auto}main.mobile-screen-room>.lobby{z-index:2;display:block}main.mobile-screen-room>iframe{visibility:hidden;pointer-events:none}.mobile-nav{padding:3px 6px calc(3px + env(safe-area-inset-bottom,0px));z-index:10;background:#20152f;border-top:1px solid #795a90;grid-row:3;grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.mobile-nav button{color:#c4b0d7;background:0 0;border:0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:0;padding:3px;font-size:12px;line-height:1.4;display:flex}.mobile-nav button>span{font-size:21px;line-height:1.1}.mobile-nav button[aria-current=page]{color:#ffe3a2;background:#4b3264}.lobby input,.lobby select{font-size:16px}.lobby .row button{white-space:normal;max-width:100%}}.famous-gallery{background:#241a37;border:1px solid #7b5a91;border-radius:16px;margin-bottom:18px;padding:20px}.famous-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0;display:grid}.famous-grid article{background:linear-gradient(145deg,#473157,#271b3d);border:1px solid #80638f;border-radius:14px;padding:18px}.famous-grid article.selected{border:2px solid #edcc83}.famous-grid h3{margin:8px 0;font-size:21px}.famous-grid small{letter-spacing:0;color:#e1c58f;font-size:12px}.famous-grid p{margin:8px 0;font-size:13px}.famous-grid button{width:100%;font-size:14px}.famous-seal{color:#ffe0a1;background:#1c142b;border:1px solid #d0a765;border-radius:50%;place-items:center;width:42px;height:42px;font-size:23px;display:grid}@media (max-width:700px){main>.famous-gallery{overscroll-behavior:contain;border:0;border-radius:0;grid-area:2/1;min-height:0;margin:0;padding:14px;display:none;overflow:auto}main.mobile-screen-gallery>.famous-gallery{z-index:2;display:block}main.mobile-screen-gallery>iframe{visibility:hidden;pointer-events:none}.famous-grid{grid-template-columns:1fr;gap:10px}.famous-grid article{grid-template-columns:42px 1fr;gap:4px 12px;padding:12px;display:grid}.famous-grid h3{margin:0;font-size:18px}.famous-grid small,.famous-grid p{grid-column:2;margin:0}.famous-grid button{grid-column:1/-1;margin-top:5px}.famous-seal{grid-row:1/3}.mobile-nav{grid-template-columns:repeat(5,1fr)}.teacher-header p.gallery-identity{color:#e4c79b;margin:0;font-size:10px;line-height:1.3;display:block}.teacher-header:has(.gallery-identity) h1{font-size:14px}}.teacher-header:has(.gallery-identity){z-index:20;background:#1d142e;position:sticky;top:0}.teacher-header .gallery-identity{color:#ffe4a4;background:#3c294a;border:1px solid #a98446;border-radius:10px;flex-wrap:wrap;gap:4px 12px;padding:7px 12px;font-size:15px;line-height:1.5;display:flex}.teacher-header .gallery-identity span{color:#eadbc5}.teacher-header>div:last-child{min-width:0}@media (max-width:700px){main{grid-template-rows:82px minmax(0,1fr) calc(62px + env(safe-area-inset-bottom,0px))}.teacher-header p.gallery-identity{overflow-wrap:anywhere;flex-direction:column;gap:0;margin-top:3px;padding:3px 7px;font-size:12px;line-height:1.4;display:flex}.teacher-header:has(.gallery-identity) h1{font-size:13px}.teacher-header .gallery-identity strong{color:#ffe4a4}}.famous-avatar{object-fit:cover;border:2px solid #dfb96e;border-radius:50%;width:112px;height:112px;margin-bottom:12px;display:block;box-shadow:0 5px 20px #0006}.famous-grid article.selected .famous-avatar{box-shadow:0 0 22px #e9ba5c77}@media (max-width:700px){.famous-avatar{width:88px;height:88px}}.active-owner-avatar{object-fit:cover;border:2px solid #edcc83;border-radius:50%;flex-shrink:0;width:70px;height:70px}.teacher-header:has(.active-owner-avatar) .teacher-portrait{display:none}.famous-quick{background:#291c3d;border:1px solid #80638f;border-radius:14px;align-items:center;gap:20px;margin-bottom:16px;padding:12px 18px;display:flex}.famous-quick>strong{color:#ffe3a2}.famous-quick>div{gap:12px;display:flex}.famous-quick button{align-items:center;gap:8px;padding:5px 12px 5px 5px;display:flex}.famous-quick img{object-fit:cover;border-radius:50%}.famous-quick button[aria-pressed=true]{background:#684776;border-color:#ffe3a2;box-shadow:0 0 0 1px #ffe3a2}@media (max-width:700px){main{grid-template-rows:82px 96px minmax(0,1fr) calc(62px + env(safe-area-inset-bottom,0px))}main>.famous-quick{border:0;border-bottom:1px solid #795a90;border-radius:0;grid-area:2/1;margin:0;padding:4px 12px;display:block}.famous-quick>strong{font-size:13px;line-height:20px;display:block}.famous-quick>div{gap:6px}.famous-quick button{white-space:nowrap;flex:1;justify-content:center;gap:4px;min-width:0;padding:4px;font-size:12px}.famous-quick img{width:36px;height:36px}.active-owner-avatar{width:48px;height:48px}main>iframe,main>.lobby,main>.famous-gallery{grid-row:3}.mobile-nav{grid-row:4}.famous-grid article{grid-template-columns:88px 1fr}.famous-avatar{grid-row:1/4;margin:0}}.famous-quick>strong a{color:#efd5ab;margin-left:6px;font-size:12px;font-weight:400;display:inline}.usage-dialog{color:#f7eedc;background:#271b3d;border:1px solid #d9b97a;border-radius:18px;width:min(560px,100vw - 28px);max-height:85dvh;padding:24px;font-size:16px;line-height:1.7;overflow:auto}.usage-dialog::backdrop{background:#10081ddd}.usage-dialog h2{color:#ffe3a2}.usage-dialog li{margin:10px 0}.usage-dialog .row{margin-top:20px}.usage-dialog a{color:#ffe3a2}main.has-selected-chart>.famous-quick,main.has-selected-chart:not(.mobile-screen-gallery)>.famous-gallery{display:none}@media (max-width:700px){main,main.has-selected-chart{grid-template-rows:50px minmax(0,1fr) calc(58px + env(safe-area-inset-bottom,0px))}main>.famous-quick{display:none!important}main>.teacher-header{gap:8px;height:50px;padding:4px 10px;position:static}.teacher-header .active-owner-avatar,.teacher-header .teacher-portrait{width:34px;height:34px}:is(.teacher-header h1,.teacher-header:has(.gallery-identity) h1){font-size:11px;line-height:1.3}.teacher-header p.gallery-identity{background:0 0;border:0;margin:2px 0 0;padding:0;font-size:13px;line-height:1.3;display:block}.teacher-header .gallery-identity span{display:none}main>iframe,main>.lobby,main>.famous-gallery{grid-row:2}.mobile-nav{grid-row:3}main.mobile-screen-gallery>.famous-gallery{display:block}}.single-back{background:0 0;border-color:#80638f;flex-shrink:0;min-width:48px;min-height:40px;padding:5px 8px;font-size:14px}.teacher-header>div:last-child{flex:1;min-width:0}@media (max-width:700px){.teacher-header h1,.teacher-header p.gallery-identity{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}.header-game-tools{display:none}.teacher-header>.header-identity{flex:1;min-width:0}@media (max-width:700px){main>.teacher-header{gap:6px;padding:3px 8px}.teacher-header>.header-game-tools{flex:none;gap:3px;display:flex}.header-game-tools button{color:#f4d58f;width:40px;min-width:40px;height:44px;box-shadow:none;background:0 0;border:0;border-radius:10px;place-items:center;padding:0;font-size:25px;line-height:1;display:grid}.header-game-tools button[aria-pressed=false]{color:#c3b1d3}.header-game-tools button:focus-visible{outline-offset:-2px;outline:2px solid #f4d58f}main.mobile-screen-gallery .header-game-tools,main.mobile-screen-room .header-game-tools{display:none}.teacher-header .single-back{min-width:40px;padding:4px;font-size:13px}.teacher-header .active-owner-avatar,.teacher-header .teacher-portrait{width:30px;height:30px}.teacher-header p.gallery-identity{font-size:12px}}