@font-face{font-family:Mega;src:url('assets/MegaSans-Regular.woff2');font-weight:400;font-display:swap}@font-face{font-family:Mega;src:url('assets/MegaSans-Bold.woff2');font-weight:700;font-display:swap}*{box-sizing:border-box}body{margin:0;background:#f0efeb;color:#292b2b;font-family:Mega,Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button,a,input,select{outline-offset:4px}button{padding:10px 15px;border:1px solid #ccc;background:#fff;border-radius:5px}button:hover{border-color:#a21a17}.primary{background:#a21a17;color:#fff;border:0}a{color:inherit}.mast{display:flex;align-items:center;gap:36px;padding:26px 4vw;background:#fff;border-bottom:4px solid #a21a17}.mast img{width:240px}.mast h1{margin:0;font-size:38px}.mast p{margin:5px 0 0;color:#777}.mast #logout{margin-left:auto}main:not(#screen-stage){max-width:1700px;margin:auto;padding:28px 4vw}.login{display:flex;justify-content:space-between;gap:30px;align-items:center;background:#fff;padding:26px 30px;border-radius:8px}.login h2{margin:10px 0;font-size:28px}.login p{max-width:640px;line-height:1.5;color:#666}.eyebrow{font-size:12px;letter-spacing:2px;color:#a21a17;font-weight:700}form{display:flex;gap:14px;align-items:end}label{display:flex;flex-direction:column;gap:6px;font-size:14px}input,select{background:#fff;border:1px solid #ccc;padding:11px;border-radius:5px;max-width:100%}#notice{min-height:25px;color:#a21a17}.lab{margin-bottom:38px}.lab-head{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:18px}.lab-head h2{font-size:34px;margin:0}.lab-head .mode{font-size:14px;padding:7px 12px;background:#e3e6df;border-radius:30px}.lab-head .lesson{flex:1;color:#666;font-size:14px}.settings{display:flex;gap:14px;align-items:end;flex-wrap:wrap;background:#fff;padding:18px;margin-bottom:14px;border-radius:8px}.settings label.topic{flex:1;min-width:180px}.tv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tv{background:#fff;border-radius:8px;overflow:hidden;border:1px solid #ddd}.tv-top{display:flex;align-items:center;justify-content:space-between;padding:14px 16px}.tv-top h3{margin:0;font-size:17px}.tv-top a{font-size:13px}.preview{position:relative;aspect-ratio:16/9;background:#252627}.preview iframe{position:absolute;width:100%;height:100%;border:0;pointer-events:none}.tv.dragging{outline:3px solid #a21a17}.upload{padding:16px}.upload label{padding:16px;border:1px dashed #bbb;align-items:center;cursor:pointer;background:#f8f7f4;font-size:14px;text-align:center}.upload label.disabled{opacity:.5;cursor:default}.upload input[type=file]{position:absolute;width:1px;height:1px;opacity:0}.tv-actions{display:flex;align-items:center;gap:8px;margin-top:12px}.tv-actions input{min-width:0;flex:1;font-size:12px;padding:8px}.tv-actions button{font-size:12px;padding:8px}.restore{margin-top:12px;width:100%;font-size:12px}.upload small{display:block;color:#777;margin-top:9px;line-height:1.4}details{margin-top:16px;background:#fff;border:1px solid #ddd;border-radius:8px;padding:14px}summary{cursor:pointer}.week{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:15px}.day h4{margin:0 0 12px}.slot{border-top:1px solid #eee;padding:8px 0;font-size:13px}.slot span{display:block;color:#777;margin-top:4px}footer{padding:24px 0;color:#777;font-size:13px}.television{width:100vw;height:100vh;overflow:hidden;background:#242627;color:#f4f2eb}.television #screen-stage{position:absolute;width:1920px;height:1080px;transform-origin:0 0;background:#242627;overflow:hidden;--a:#e79898;--b:#edc27e}.screen-head{position:absolute;left:72px;right:72px;top:40px;display:flex;align-items:center;gap:28px;z-index:4;height:80px}.screen-head img{width:285px;filter:grayscale(1) brightness(0) invert(1)}.screen-head #room-name{font-size:34px;letter-spacing:2px}.screen-head #screen-number{margin-left:auto;font-size:24px;color:#bbb}.screen-clock{margin-left:auto;text-align:right;font-size:58px;font-weight:700;line-height:1}.screen-clock small{display:block;font-size:22px;font-weight:400;line-height:1.3;margin-top:8px}#screen-content{position:absolute;inset:0}.art-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.shade{position:absolute;inset:0;background:linear-gradient(180deg,#242627f0 0,#242627bb 22%,transparent 47%,#24262710 75%,#242627e0 100%)}.subject-title{position:absolute;left:80px;right:80px;top:165px;margin:0;font-size:88px;line-height:1.06;letter-spacing:-2px;z-index:2;max-width:1700px}.caption{position:absolute;left:80px;bottom:75px;margin:0;font-size:38px;line-height:1.25;max-width:1500px;z-index:2}.caption b{display:block;color:var(--a);font-size:58px;margin-bottom:12px}.middle .art-bg{left:780px;width:1140px;object-fit:cover;opacity:.8}.middle .shade{background:linear-gradient(90deg,#242627 0,#242627 32%,#24262788 62%,transparent)}.middle .subject-title{max-width:1200px;font-size:74px}.cards{position:absolute;left:80px;top:390px;display:flex;flex-direction:column;gap:16px;width:820px}.learning-card{padding:24px 34px;border:2px solid #dcdcdca0;clip-path:polygon(0 0,100% 3%,100% 100%,0 97%);background:#242627e8}.learning-card b{font-size:39px;color:var(--a);display:block}.learning-card p{margin:10px 0 0;font-size:30px;line-height:1.25}.diagram .subject-title{font-size:72px}.diagram .art-bg{top:270px;height:770px;object-fit:contain}.diagram .shade{background:linear-gradient(180deg,#242627 0,#242627 24%,transparent 50%)}.periodic .subject-title{top:153px;font-size:60px}.periodic-table{position:absolute;left:72px;right:72px;top:290px;display:grid;grid-template-columns:repeat(18,minmax(0,1fr));grid-template-rows:repeat(10,57px);gap:7px}.element{border:1px solid #eee9;position:relative;background:#ffffff05;padding:4px 8px}.element .z{font-size:17px;position:absolute;left:5px;top:3px;color:#ccc}.element .symbol{font-size:34px;font-weight:700;display:block;text-align:center;margin-top:10px}.element.active{background:var(--a);color:#242627;border-color:var(--a)}.element.active .z{color:#242627}.element.f{border-color:var(--b);color:var(--b)}.periodic-note{position:absolute;left:340px;top:290px;max-width:990px;font-size:27px;line-height:1.3;color:#ccc}.periodic-note b{font-size:42px;color:var(--a)}.selected-element{position:absolute;left:72px;bottom:75px;font-size:31px}.selected-element b{font-size:45px;color:var(--a);margin-right:22px}.group-label{font-size:18px;align-self:center;color:var(--b);grid-column:1 / 4;padding-left:12px}.teacher-picture{position:absolute;inset:130px 0 0;width:100%;height:950px;object-fit:contain}.teacher-title{position:absolute;left:80px;right:80px;top:135px;font-size:25px;color:#bbb}.info-columns{position:absolute;left:80px;right:80px;top:390px;display:flex;gap:30px}.info-columns .learning-card{flex:1;min-height:300px;padding:45px}.info-columns .learning-card b{font-size:48px}.info-columns .learning-card p{font-size:37px}.diagram-caption{position:absolute;left:80px;bottom:55px;font-size:32px;color:var(--a)}#connection{position:absolute;bottom:12px;right:25px;font-size:19px;color:#bbb;z-index:8}@media(max-width:1000px){.tv-grid{grid-template-columns:1fr}.mast{gap:18px;flex-wrap:wrap}.mast img{width:190px}.mast h1{font-size:29px}.login{flex-direction:column;align-items:start}.week{grid-template-columns:1fr 1fr}.settings{align-items:stretch}.tv .preview{max-height:none}}@media(max-width:500px){.week{grid-template-columns:1fr}.login{padding:20px}form{flex-wrap:wrap}.mast p{font-size:13px}.lab-head h2{font-size:29px}}

.choose-picture{width:100%;margin-bottom:10px;font-weight:700}.login[hidden]{display:none}
/* Text panels remain translucent so the subject illustration stays visible. */
.subject-title{right:auto;width:max-content;max-width:calc(100% - 160px);padding:18px 28px;background:rgba(12,15,17,.72);border-radius:12px;backdrop-filter:blur(3px)}
.caption,.diagram-caption{padding:22px 28px;background:rgba(12,15,17,.76);border-radius:12px;backdrop-filter:blur(3px)}
.learning-card{background:rgba(12,15,17,.76);backdrop-filter:blur(3px)}
.periodic-note,.selected-element,.teacher-title{padding:12px 18px;background:rgba(12,15,17,.72);border-radius:10px}
.television.night{background:#000}.television.night #screen-stage{visibility:hidden}
/* Android TV WebViews before Chromium 87 do not understand inset.
   Explicit edges give the artwork a real full-screen containing block. */
#screen-content{top:0;right:0;bottom:0;left:0;width:1920px;height:1080px}
.art-bg,.shade{top:0;right:0;bottom:0;left:0}
.teacher-picture{top:130px;right:0;bottom:0;left:0}
/* Room and screen identifiers belong only in the control panel. */
.screen-head #room-name,.screen-head #screen-number{display:none}

.custom-picture .screen-head,.custom-picture .teacher-title,.custom-picture #connection{display:none}
.custom-picture .teacher-picture{top:0;right:0;bottom:0;left:0;width:1920px;height:1080px;object-fit:contain}