:root{color-scheme:dark;--navy:#08182d;--text:#edf3fc;--muted:#96adc9;--blue:#b5cae5;--line:#ffffff16;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 76% 0,#152d4c66,transparent 53%),var(--navy);color:var(--text);font-family:var(--sans);font-size:14px;min-height:100vh}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #b5cae5;outline-offset:7px}.skip{position:fixed;left:20px;top:-80px;background:var(--text);color:var(--navy);padding:15px;z-index:20}.skip:focus{top:15px}.shell{max-width:1440px;margin:auto;padding:0 54px}.header{height:112px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:13px;font-family:var(--serif);font-size:27px;letter-spacing:-.45px;white-space:nowrap}.brand img{width:50px;height:55px;object-fit:contain}.brand>span>span{color:var(--blue)}.header-actions{display:flex;align-items:center;gap:25px;position:relative}.count{color:var(--muted);font-size:11px}.header-actions button{border:1px solid #ffffff1c;background:#b5cae50a;color:#d9e5f5;display:flex;align-items:center;gap:10px;font-size:11px;border-radius:30px;padding:11px 17px;cursor:pointer;transition:background .2s,border-color .2s}.header-actions button:hover{background:#b5cae516;border-color:#b5cae560}.header-actions svg{width:14px;height:14px;stroke:#bfd4ee;stroke-width:1.5}#copy-status{position:absolute;right:0;top:46px;white-space:nowrap;font-size:10px;color:#b5cae5;z-index:10;background:var(--navy);border-radius:5px;max-width:85vw}#copy-status:not(:empty){padding:8px 10px;border:1px solid #ffffff20}main{padding-top:16px}.featured-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:24px}.tile{--rx:0deg;--ry:0deg;--px:50%;--py:30%;position:relative;display:block;isolation:isolate;transform:perspective(1100px) rotateX(var(--rx)) rotateY(var(--ry)) translateZ(0);transition:transform .55s cubic-bezier(.2,.7,.2,1);outline-offset:7px}.feature{height:370px;border-radius:25px}.surface{position:absolute;inset:0;border-radius:inherit;border:1px solid #9dbce62e;background:#10243f;overflow:hidden;box-shadow:0 15px 45px -28px #000b;transition:border-color .4s,box-shadow .4s}.surface:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at var(--px) var(--py),#d4e4ff14,transparent 65%);opacity:0;transition:opacity .45s;pointer-events:none;z-index:2}.visual{transition:transform .8s cubic-bezier(.2,.7,.2,1)}.front-visual{position:absolute;inset:0}.front-visual img{width:100%;height:100%;object-fit:cover;object-position:48% 41%;opacity:.9;filter:saturate(.83) contrast(1.02)}.shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#08182d00 35%,#08182d20 57%,#08182df2 100%);z-index:1}.tile-label{position:absolute;inset:auto 27px 25px;display:flex;align-items:center;justify-content:space-between;gap:10px;z-index:5;transform:translateZ(20px)}.tile-label h1,.tile-label h2{font-family:var(--serif);font-weight:400;font-size:36px;letter-spacing:-1px;margin:0;text-shadow:0 2px 12px #08182d88}.tile-label h1 span,.tile-label h2 span{color:#b8cde9}.launch{display:grid;place-items:center;width:39px;height:39px;flex-shrink:0;border-radius:50%;border:1px solid #d8e7fc40;background:#c1d7f00d;backdrop-filter:blur(12px);font-size:24px;font-family:var(--sans);color:#d3e3f6;transition:background .3s,color .3s,transform .3s}.chess-surface{background:radial-gradient(ellipse at 70% 10%,#395c85 0%,#183454 44%,#0e223c 85%)}.chess-halo{position:absolute;border:1px solid #bad4f512;border-radius:50%;width:430px;height:430px;top:-140px;right:-140px;box-shadow:0 0 0 52px #bad4f506,0 0 0 110px #bad4f504}.chess-stage{position:absolute;inset:-38px -8px 45px 0;perspective:850px;pointer-events:none;z-index:3}.board-wrap{position:absolute;width:340px;height:340px;left:50%;top:45%;transform:translate(-42%,-50%) rotateX(40deg) rotateZ(-25deg);transform-style:preserve-3d;transition:transform .8s cubic-bezier(.2,.7,.2,1);filter:drop-shadow(10px 26px 17px #020a15a0)}.board{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);width:100%;height:100%;border:10px solid #6885a9;border-radius:5px;box-shadow:0 2px 0 #829dbd,0 5px 0 #34516f,0 9px 0 #263d58,0 12px 0 #182e47,inset 0 0 0 1px #ffffff40;outline:1px solid #a9c5e3;overflow:hidden}.square{display:grid;place-items:center;background:#c1d2e7;color:#10233d;position:relative}.square.dark{background:#496b94}.square svg{width:90%;height:105%;filter:drop-shadow(1px 3px 1px #07142a99);overflow:visible}.square.highlight:after{content:'';position:absolute;inset:0;border:2px solid #d9eaff;background:#e2efff25}.more-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:25px}.small{height:235px;border-radius:23px}.small .tile-label{inset:auto 22px 21px}.small .tile-label h2{font-size:24px;letter-spacing:-.6px}.small .launch{width:32px;height:32px;font-size:20px}.small .shade{background:linear-gradient(180deg,transparent 30%,#08182d08 45%,#08182deb 100%)}.small .visual{position:absolute;inset:0}.feud .surface{background:radial-gradient(ellipse at 50% 28%,#314c73,#10243f 85%)}.survey-board{position:absolute;top:32px;left:50%;transform:translateX(-50%) perspective(500px) rotateX(12deg) rotateZ(-8deg);display:grid;grid-template-columns:repeat(2,1fr);gap:9px;width:232px;filter:drop-shadow(0 12px 12px #0004)}.survey-board>span{height:48px;display:flex;align-items:center;gap:15px;border:1px solid #9cbbdf66;background:linear-gradient(135deg,#466891,#264369);padding:8px;border-radius:9px;box-shadow:0 3px 0 #122a48}.survey-board b{border:1px solid #a6c3e7;border-radius:50%;width:27px;height:27px;display:grid;place-items:center;font-family:var(--serif);font-weight:400;background:#183251;color:#d4e2f4;font-size:16px}.survey-board i{width:32px;height:3px;border-radius:2px;background:#bad3f077}.stocks .surface{background:radial-gradient(ellipse at 50% 0,#1e3b5b,#10243b)}.chart-grid{position:absolute;inset:0;background-image:linear-gradient(#8eb5e30b 1px,transparent 1px),linear-gradient(90deg,#8eb5e30b 1px,transparent 1px);background-size:45px 36px}.ticker{position:absolute;top:26px;left:24px;font-size:12px;letter-spacing:2px;color:#b4cbe5}.stock-chart{position:absolute;left:0;top:28px;width:100%;height:150px;overflow:visible;filter:drop-shadow(0 0 6px #a4c9ec22)}.math .surface{background:radial-gradient(ellipse at 50% 15%,#334f74,#142b48 80%)}.math-shape{position:absolute;display:grid;place-items:center;font-family:var(--serif);font-size:47px;border:1px solid #c1d7f04d;box-shadow:2px 4px 0 #0a1c3350,0 12px 22px #07142666}.shape-one{width:75px;height:75px;background:linear-gradient(135deg,#bbd0eb,#89a6ce);color:#142840;border-radius:20px;left:18%;top:30px;transform:rotate(-19deg)}.shape-two{width:74px;height:74px;background:linear-gradient(135deg,#2e5078,#1d3b5f);color:#d8e6f9;border-radius:50%;left:43%;top:78px;transform:rotate(9deg)}.shape-three{width:61px;height:61px;background:linear-gradient(135deg,#7b9ecb,#4d71a0);color:#eaf3ff;border-radius:17px;left:68%;top:23px;transform:rotate(17deg)}.shape-four{width:36px;height:36px;background:#c7d7eb;color:#193454;border-radius:50%;left:72%;top:108px;font-size:23px}footer{height:76px;display:flex;justify-content:space-between;align-items:center;color:#7890ad;font-size:10px}.footer-dots{display:flex;gap:5px}.footer-dots i{height:3px;width:3px;background:#7890ad;border-radius:50%}
@media(hover:hover) and (pointer:fine){.tile:hover .surface{border-color:#b5cae570;box-shadow:0 24px 50px -25px #000c}.tile:hover .surface:after{opacity:1}.tile:hover .visual{transform:scale(1.06)}.tile:hover .launch{background:#b5cae5;color:#0a1c32;transform:rotate(5deg)}.chess:hover .board-wrap{transform:translate(-42%,-53%) rotateX(33deg) rotateZ(-20deg) scale(1.025)}.feud:hover .survey-board{transform:translateX(-50%) perspective(500px) rotateX(4deg) rotateZ(-5deg)}.survey-board{transition:transform .8s cubic-bezier(.2,.7,.2,1)}}
@media(min-width:1600px){.shell{padding:0 60px}.header{height:124px}main{padding-top:22px}.feature{height:410px}.small{height:260px}.board-wrap{width:380px;height:380px}.survey-board{top:40px}.stock-chart{top:38px;height:160px}}
@media(max-width:1100px){.shell{padding:0 32px}.header{height:100px}.feature{height:330px}.featured-grid,.more-grid{gap:20px}.more-grid{margin-top:22px}.board-wrap{width:300px;height:300px;transform:translate(-45%,-47%) rotateX(40deg) rotateZ(-25deg)}.tile-label{inset:auto 23px 23px}.tile-label h1,.tile-label h2{font-size:31px}.small{height:219px}.small .tile-label{inset:auto 19px 20px}.small .tile-label h2{font-size:21px}.math .tile-label h2{font-size:19px}.small .launch{width:28px;height:28px;font-size:17px}.survey-board{width:204px;gap:7px;top:30px}.survey-board>span{height:43px;gap:10px}.survey-board i{width:26px}.shape-one{left:12%;width:65px;height:65px}.shape-two{left:39%;width:64px;height:64px;top:75px}.shape-three{left:67%;width:52px;height:52px}.shape-four{left:73%;top:96px}.math-shape{font-size:39px}.shape-four{font-size:22px}.chess:hover .board-wrap{transform:translate(-45%,-50%) rotateX(33deg) rotateZ(-20deg) scale(1.025)}}
@media(max-width:760px){.shell{padding:0 21px}.header{height:92px}.brand{gap:8px;font-size:22px}.brand img{width:37px;height:43px}.count{display:none}.header-actions{gap:0}.header-actions button{padding:10px;font-size:10px;gap:7px}.header-actions button>span{display:none}.header-actions svg{width:14px;height:14px}.featured-grid{grid-template-columns:1fr;gap:36px}.feature{height:320px;border-radius:22px}.featured-grid .chess{margin-top:0}.chess-stage{inset:-28px -3px 45px 0}.board-wrap{width:310px;height:310px;transform:translate(-43%,-45%) rotateX(40deg) rotateZ(-25deg)}.tile-label h1,.tile-label h2{font-size:34px}.tile-label{inset:auto 23px 23px}.launch{width:36px;height:36px;font-size:22px}.more-grid{grid-template-columns:1fr;gap:20px;margin-top:24px}.small{height:182px;border-radius:21px}.small .tile-label{inset:auto 23px 23px}.small .tile-label h2,.math .tile-label h2{font-size:27px}.small .launch{width:33px;height:33px;font-size:20px}.small .visual{left:32%;right:0}.survey-board{top:21px;width:205px;left:55%;gap:7px;transform:translateX(-50%) perspective(500px) rotateX(15deg) rotateZ(-10deg)}.survey-board>span{height:43px}.small .shade{background:linear-gradient(0deg,#08182deb,transparent 85%),linear-gradient(90deg,#08182d55,transparent)}.stock-chart{top:20px;left:0;height:120px;width:120%}.ticker{left:30px;top:22px;font-size:10px}.shape-one{left:17%;top:17px;width:66px;height:66px}.shape-two{left:47%;top:54px;width:64px;height:64px}.shape-three{left:76%;top:12px;width:47px;height:47px}.shape-four{left:80%;top:82px}.math-shape{font-size:40px}.shape-four{font-size:22px}footer{height:64px}main{padding-top:6px}.chess:hover .board-wrap{transform:translate(-43%,-45%) rotateX(40deg) rotateZ(-25deg)}}
@media(max-width:390px){.shell{padding:0 17px}.brand{font-size:20px;gap:6px}.brand img{width:33px;height:39px}.header{height:83px}.feature{height:290px}.tile-label h1,.tile-label h2{font-size:31px}.board-wrap{width:285px;height:285px}.small .tile-label h2,.math .tile-label h2{font-size:23px}.small .visual{left:25%}.header-actions button{padding:8px}.small .launch{width:29px;height:29px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tile{transform:none!important}*,*:before,*:after{transition:none!important}.tile:hover .visual{transform:none}.chess:hover .board-wrap{transform:translate(-42%,-50%) rotateX(40deg) rotateZ(-25deg)}}
@media(max-width:760px){.chess-stage{inset:-22px 0 60px;clip-path:inset(-35px 0 0)}.board-wrap{width:250px;height:250px;left:50%;top:41%;transform:translate(-50%,-50%) rotateX(40deg) rotateZ(-25deg)}.chess:hover .board-wrap{transform:translate(-50%,-50%) rotateX(40deg) rotateZ(-25deg)}}
@media(max-width:390px){.board-wrap{width:230px;height:230px}}
.school-status[hidden]{display:none}.school-status{position:relative;margin-top:23px;border-top:1px solid #ffffff12;padding-top:21px}.calendar-stats{display:flex;align-items:center;gap:32px;min-height:54px}.school-date-cell{display:flex;flex-direction:column;gap:6px}.school-date-cell time{font-size:15px;color:#d4e1f3;white-space:nowrap}.school-date-cell>span,.school-stat span{color:#96adc9;font-size:10px}.school-stat{display:flex;align-items:center;gap:10px;padding-left:28px;border-left:1px solid #ffffff16}.school-stat>strong{color:#d1e1f6;font-size:27px;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.1}.school-stat>div{display:flex;flex-direction:column;gap:5px}.school-stat small{color:#647f9f;font-size:9px}.calendar-source{margin-left:auto;font-size:10px;color:#8faaca;white-space:nowrap}.calendar-source:hover{color:#e3eeff}.period-rail{display:flex;align-items:center;justify-content:center;padding-bottom:20px}.clock-sideways{display:flex;align-items:center;gap:14px}.school-clock{display:flex;align-items:center;gap:2px;color:#b5cae5;padding:7px 9px;border-radius:9px;background:#0d213b;border:1px solid #ffffff12;transition:color .3s}.school-digit{width:16px;height:32px;flex:none}.school-digit path{fill:currentColor;opacity:.065;stroke:#0d213b;stroke-width:.8;stroke-linejoin:round}.school-digit path.on{opacity:1}.school-colon{width:6px;height:32px;fill:currentColor;flex:none}.urgent .school-clock{color:#ed7584}.idle .school-clock{opacity:.4}.period-badge{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:90px}.period-badge small{font-size:8px;color:#96adc9;white-space:nowrap}.school-wheel{height:29px;width:90px;position:relative;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.school-wheel>span{position:absolute;left:50%;top:50%;width:18px;text-align:center;font-size:23px;line-height:1;color:#b5cae5;opacity:var(--opacity,0);transform:translateX(calc(var(--offset,0)*18px)) translate(-50%,-50%) scale(var(--scale,1));transition:transform .65s cubic-bezier(.22,.72,.18,1),opacity .5s ease}.school-wheel b{font-weight:400}.school-wheel.passing>.current b{animation:period-pulse 1.2s ease-in-out infinite}@keyframes period-pulse{50%{opacity:.25}}.school-status~footer{height:48px}
@media(min-width:1280px){.period-rail{position:fixed;left:max(3px,calc((100vw - 1440px)/2 + 3px));top:50%;width:44px;height:242px;transform:translateY(-50%);padding:0;z-index:6}.clock-sideways{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-90deg);gap:12px;width:max-content}.school-clock{padding:5px 7px}.school-digit{width:15px;height:30px}.school-colon{height:30px}.school-status{margin-top:22px}}
@media(max-width:760px){.school-status{margin-top:24px;padding-top:22px}.calendar-stats{display:grid;grid-template-columns:1fr 1fr;gap:20px 12px}.school-date-cell time{font-size:14px}.school-stat{padding:0;border:0;gap:8px}.school-stat>strong{font-size:25px}.school-stat span{font-size:9px}.break-stat{grid-column:1/2}.calendar-source{margin:0;justify-self:end}.school-status~footer{height:55px}}
@media(prefers-reduced-motion:reduce){.school-wheel>span{transition:none}.school-wheel.passing>.current b{animation:none}}
/* Header-centered school information. */
.header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:24px}.header .school-status{justify-self:center;width:max-content;max-width:100%;padding:0;margin:0;border:0;display:flex;align-items:center;flex-direction:column;gap:10px}.header .school-status[hidden]{display:none}.header .period-rail{position:static;left:auto;top:auto;width:auto;height:auto;padding:0;transform:none;z-index:auto}.header .clock-sideways{position:static;left:auto;top:auto;transform:none;width:auto;gap:12px}.header .school-clock{padding:4px 7px;border-radius:7px}.header .school-digit{width:11px;height:22px}.header .school-colon{width:4px;height:22px}.header .period-badge{gap:2px;min-width:80px}.header .period-badge small{font-size:7px}.header .school-wheel{width:80px;height:23px}.header .school-wheel>span{font-size:21px}.header .calendar-stats{min-height:0;display:flex;align-items:center;gap:15px}.header .school-date-cell{gap:0}.header .school-date-cell time{font-size:10px}.header .school-date-cell>span{display:none}.header .school-stat{padding-left:14px;gap:7px;border-left:1px solid #ffffff16}.header .school-stat>strong{font-size:18px}.header .school-stat span{font-size:8px}.header .school-stat>div{gap:0}.header .school-stat small{display:none}.header .calendar-source{font-size:8px;margin:0}.header-actions{justify-self:end}.school-status~footer,footer{height:76px}
@media(max-width:1150px){.header{gap:16px}.header .brand{font-size:23px}.header .count{display:none}.header .calendar-source{display:none}.header .calendar-stats{gap:10px}.header .school-stat{padding-left:10px}}
@media(max-width:900px){.header{grid-template-columns:1fr auto;height:auto;min-height:130px;padding:20px 0 24px;row-gap:17px}.header .brand{grid-area:1/1;font-size:24px}.header-actions{grid-area:1/2}.header .school-status{grid-area:2/1/3/3;gap:9px}.header .calendar-source{display:inline}.header .calendar-stats{gap:15px}.header .school-stat{padding-left:14px}}
@media(max-width:760px){.header .brand{font-size:22px}.header .calendar-source{display:none}.header .calendar-stats{gap:11px;flex-wrap:wrap;justify-content:center}.header .school-stat{padding-left:11px}.header .school-date-cell time{font-size:10px}.header .school-stat>strong{font-size:18px}.header .school-stat span{font-size:8px}.header .break-stat{grid-column:auto}.header{padding-top:18px;padding-bottom:27px}.header .school-status{width:100%}footer{height:64px}}
@media(max-width:390px){.header .brand{font-size:20px}.header .calendar-stats{gap:8px}.header .school-stat{gap:5px;padding-left:8px}.header .school-stat span{font-size:7px}.header .school-date-cell time{font-size:9px}.header .school-stat>strong{font-size:17px}}