.account-loading{text-align:center;color:#fff;background:#102337;place-content:center;gap:18px;min-height:70vh;display:grid}.account-loading svg{color:#ffa652;margin:auto}.account-setup{color:#f5f7fb;background:#102337;min-height:100vh;overflow:hidden}.setup-header{justify-content:space-between;align-items:center;gap:16px;max-width:1240px;margin:auto;padding:22px 32px;display:flex}.setup-header>a{color:#fff}.setup-header>span{color:#b9cbdc;align-items:center;gap:7px;font-size:12px;display:flex}.setup-main{max-width:1180px;margin:auto;padding:22px 32px 70px}.setup-steps{justify-content:center;gap:12px;margin:0 auto 38px;display:flex}.setup-steps>span{color:#a0b5c9;border:1px solid #ffffff18;border-radius:30px;align-items:center;gap:8px;padding:9px 14px;font-size:12px;display:flex}.setup-steps b{background:#ffffff12;border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;display:grid}.setup-steps .current{color:#172b3c;background:#ffb66d;border-color:#ffb66d}.setup-steps .done{color:#88d8b2}.setup-intro{grid-template-columns:1.15fr 1fr;align-items:center;gap:12px;display:grid}.setup-intro-copy{z-index:1;position:relative}.setup-intro .eyebrow{color:#ffd5a1;letter-spacing:.1em;align-items:center;gap:7px;font-size:10px;display:flex}.setup-intro h1{letter-spacing:-.045em;margin:20px 0;font-size:clamp(40px,4.6vw,64px);font-weight:800;line-height:1.07}.setup-intro h1 em{color:#ffb66d;font-style:normal}.setup-intro-copy>p:not(.eyebrow){color:#c2d0df;max-width:510px;font-size:17px;line-height:1.7}.setup-intro-copy>button{margin:10px 8px 8px 0}.account-setup button[data-variant=ghost]{color:inherit}.setup-intro-copy>button:first-of-type{color:#16283a;background:#ffb66d;font-weight:750;box-shadow:0 8px 30px #ffa65225}.setup-payoff{align-items:center;gap:12px;margin:26px 0 14px;display:flex}.setup-payoff>span{align-items:center;gap:7px;font-size:13px;font-weight:650;display:flex}.setup-payoff svg{color:#ffc478;width:19px;height:19px}.setup-payoff>svg{color:#7891a7;width:13px}.setup-money-art{isolation:isolate;align-self:stretch;align-items:center;display:grid;position:relative}.setup-money-art:before{content:"";z-index:-1;background:radial-gradient(#e8954828,#0000 68%);position:absolute;inset:10% 0}.setup-money-art img{border-radius:24px;width:115%;max-width:none;margin-left:-7%;animation:5s ease-in-out infinite setup-float}.setup-money-stamp{color:#172c3c;background:#fff4d9;border-radius:12px;align-items:center;gap:12px;padding:16px 20px;font-size:13px;font-weight:850;line-height:1.5;display:flex;position:absolute;bottom:6%;left:12%;transform:rotate(-5deg);box-shadow:0 10px 25px #0005}.setup-note{color:#ffc36f;width:35px;height:35px;animation:5s ease-in-out infinite setup-note;position:absolute}.note-0{top:20%;left:2%}.note-1{animation-delay:-1s;top:15%;right:3%}.note-2{animation-delay:-2s;bottom:18%;right:8%}.note-3{animation-delay:-3s;bottom:25%;left:10%}.note-4{animation-delay:-4s;top:3%;right:35%}.setup-games-strip{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:45px;display:grid}.setup-games-strip article{background:#ffffff06;border:1px solid #ffffff15;border-radius:16px;align-items:center;gap:12px;padding:12px;display:flex}.setup-games-strip img{object-fit:cover;border-radius:9px;width:83px;height:66px}.setup-games-strip h2{margin:0 0 5px;font-size:15px;font-weight:700}.setup-games-strip p{color:#b2c4d7;margin:0;font-size:12px;line-height:1.5}.setup-panel{color:#223c52;background:#f9fbfd;border-radius:26px;padding:38px;animation:.32s ease-out setup-in;box-shadow:0 28px 90px #0003}.setup-panel.compact{max-width:575px;margin:0 auto}.setup-panel h1{letter-spacing:-.035em;margin:10px 0 16px;font-size:clamp(28px,4vw,39px);font-weight:800;line-height:1.16}.setup-panel p{line-height:1.65}.setup-panel label:not(.setup-check){margin:20px 0 8px;font-size:13px;font-weight:650;display:block}.setup-panel input{background:#fff}.setup-panel>button{margin:18px 10px 0 0}.setup-panel>button:first-of-type{color:#fff;background:#2d4b61}.setup-symbol{color:#ac6019;width:37px;height:37px;margin-bottom:16px}.period-options{grid-template-columns:repeat(4,1fr);gap:10px;margin:25px 0;display:grid}.period-options button{cursor:pointer;background:#fff;border:2px solid #d7e2eb;border-radius:14px;min-width:0;padding:17px 4px;font-size:32px;font-weight:800}.period-options .period-ordinal{white-space:nowrap;line-height:1.1;display:block}.period-options .period-suffix{font-size:.5em}.period-options small{margin-top:6px;font-size:11px;font-weight:600;display:block}.period-options .selected{background:#fff1df;border-color:#f9a254;box-shadow:0 0 0 3px #ffa65222}.period-confirm{background:#ebf0f5;border-radius:12px;padding:15px}.period-confirm p{margin:0 0 12px}.setup-check{cursor:pointer;align-items:flex-start;gap:11px;font-size:14px;line-height:1.5;display:flex}.setup-check input{accent-color:#2d4b61;flex-shrink:0;width:18px;height:18px;margin-top:2px}.save-code-screen{background:#830f24 radial-gradient(circle at 80% 30%,#c9324444,#0000 70%)}.save-code-screen .setup-steps .current{color:#801c2b;background:#ffe5e9;border-color:#fff}.save-code-screen .setup-steps>span{color:#ffdbe2}.code-panel{color:#78162a;text-align:center;background:#fff3f4;border:3px solid #ffb1be;max-width:690px;margin:auto;box-shadow:0 25px 85px #35000b70}.code-panel .setup-symbol{color:#b01c3a;width:48px;height:48px;margin:auto}.code-panel .eyebrow{color:#a81832;margin-top:20px;font-weight:850}.code-panel h1{font-size:clamp(34px,5vw,48px)}.code-warning{font-size:18px;font-weight:600}.account-secret{overflow-wrap:anywhere;letter-spacing:.045em;color:#901b31;background:#fff;border:2px dashed #cd7a8a;border-radius:13px;margin:24px 0 5px;padding:22px 12px;font-size:clamp(19px,3.4vw,30px);font-weight:800;display:block}.code-panel>button:first-of-type{color:#fff;background:#9b1933}.code-panel .setup-check{text-align:left;background:#ffe1e7;border-radius:12px;margin-top:22px;padding:16px}.code-panel>button{margin-top:18px}.username-field .name-check{align-items:center;gap:7px;min-height:28px;margin:10px 0;font-size:13px;display:flex}.name-check.safe{color:#197146}.name-check.unsafe{color:#ab283d}.username-rules{background:#fff0dc;border-radius:12px;gap:12px;margin:16px 0;padding:16px;font-size:13px;display:flex}.username-rules>svg{color:#9b5c20;flex-shrink:0}.username-rules p{margin:0 0 8px}.username-rules p:last-child{margin:0}.preview-banner{color:#233b50;z-index:50;background:#ffdb99;align-items:center;gap:14px;padding:14px 24px;font-size:13px;font-weight:650;display:flex;position:sticky;top:0}.preview-banner>span{flex:1}.preview-banner>svg{flex-shrink:0}.arcade-welcome{text-align:center;overflow:hidden;color:#fff!important;background:#122b40!important;border:1px solid #f8bb7066!important;padding:40px!important}.arcade-welcome h2{font-size:32px;font-weight:800;line-height:1.2}.arcade-welcome p{color:#cbdae5;line-height:1.7}.arcade-welcome button:not([data-slot=dialog-close]){color:#172d40;z-index:1;background:#ffc078}.welcome-emblem{color:#19364b;background:#ffba65;border-radius:24px;place-items:center;width:75px;height:75px;margin:4px auto 24px;display:grid;transform:rotate(-8deg)}.welcome-emblem svg{width:39px;height:39px}.setup-confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.setup-confetti i{left:var(--x);background:var(--color);width:8px;height:13px;animation:setup-confetti 3.6s var(--delay) ease-in-out 2;transform:rotate(var(--r));position:absolute;top:-15%}.account-settings label:not(.setup-check){margin-top:15px;font-size:13px;font-weight:650;display:block}.account-settings>button{margin-top:12px}.account-settings .inline-form{margin-top:8px}.account-settings p{font-size:14px;line-height:1.6}.account-tools-heading{justify-content:space-between;align-items:center;gap:24px;display:flex}.account-tools-heading>div{max-width:620px}.account-tools-heading h2{font-size:25px}.account-tools-actions{flex-wrap:wrap;gap:12px;margin:22px 0 12px;display:flex}.teacher-code{letter-spacing:.05em;overflow-wrap:anywhere;font-size:22px;display:block}.account-table-scroll{margin-top:25px;overflow-x:auto}.account-roster{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.account-roster td,.account-roster th{border-bottom:1px solid #dbe4ec;padding:14px 10px}.account-roster th{text-transform:uppercase;letter-spacing:.06em;color:#5c7183;font-size:11px}.cd-stage-track{flex-wrap:wrap;gap:6px;margin:0 0 20px;display:flex}.cd-stage-track span{color:#536b7e;background:#e8edf3;border-radius:7px;padding:6px 8px;font-size:11px}.cd-stage-track .current{color:#fff;background:#2d4b61}.cd-proof{background:#f0f6fa;border:1px solid #c5d8e9;border-radius:12px;margin:15px 0;padding:16px}.cd-proof h4{margin:0 0 6px;font-weight:750}.cd-proof p{font-size:13px;line-height:1.5}.cd-proof-row{grid-template-columns:1fr auto;align-items:center;gap:8px;margin:12px 0;display:grid}.cd-proof-row label{font-size:12px;font-weight:650}.cd-proof-row input{background:#fff;grid-column:1/-1}.cd-proof small{color:#627c90;font-size:11px}.cd-proof-selected{background:#fff3df;border-radius:5px;padding:6px;font-size:12px}.cd-source p{white-space:pre-line}@keyframes setup-float{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-12px)rotate(1deg)}}@keyframes setup-note{0%,to{opacity:.65;transform:translateY(0)rotate(-14deg)}50%{opacity:1;transform:translateY(-22px)rotate(16deg)}}@keyframes setup-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes setup-confetti{0%{transform:rotate(var(--r));opacity:0;top:-15%}10%{opacity:1}to{transform:rotate(calc(var(--r) + 540deg));opacity:.2;top:110%}}@media (max-width:760px){.setup-header{padding:20px}.setup-header>span{max-width:145px;font-size:10px}.setup-main{padding:15px 20px 45px}.setup-steps{gap:6px;margin-bottom:25px}.setup-steps>span{padding:7px 10px}.setup-steps small{display:none}.setup-steps .current small{display:block}.setup-intro{grid-template-columns:1fr}.setup-intro h1{font-size:42px}.setup-money-art{min-height:250px}.setup-money-art img{width:100%;max-width:500px;margin:0 auto}.setup-money-stamp{bottom:4%;left:12%}.setup-games-strip{grid-template-columns:1fr;margin-top:22px}.setup-games-strip img{width:90px}.setup-panel{border-radius:20px;padding:27px 22px}.setup-payoff{gap:9px}.setup-payoff>span{font-size:12px}.preview-banner{gap:8px;padding:10px;font-size:11px}.preview-banner button{font-size:11px}.account-tools-heading{flex-direction:column;align-items:flex-start}.game-nav .nav-end{flex-wrap:wrap;gap:4px}.game-nav .nav-end button span{display:none}.game-nav{flex-wrap:wrap;gap:12px}.arcade-welcome{padding:30px 22px!important}}@media (prefers-reduced-motion:reduce){.account-setup *,.setup-confetti i{transition:none!important;animation:none!important}.setup-confetti{display:none}}.setup-header .teacher-entry{white-space:nowrap;align-items:center;gap:6px;margin-left:auto;font-size:12px;font-weight:600;display:inline-flex}.setup-header{flex-wrap:wrap;gap:14px}.setup-header .teacher-entry:hover{text-decoration:underline}.payday-ribbon{color:#f4f8fc;isolation:isolate;background:linear-gradient(115deg,#1b344a,#2d4b61);border:1px solid #55728a;border-radius:16px;align-items:center;gap:22px;margin:0 0 18px;padding:15px 20px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 25px #19394e12}.payday-ribbon:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(110deg,#0000 25%,#ffd19710 45%,#0000 60%) 0 0/250% 100%;animation:10s ease-in-out infinite payday-shine;position:absolute;inset:0}.payday-brand{flex-shrink:0;align-items:center;gap:10px;display:flex}.payday-emblem{color:#ffd095;background:#ffd09518;border:1px solid #ffd09545;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.payday-brand h2{letter-spacing:-.02em;margin:0;font-size:16px;font-weight:750}.payday-brand p{color:#bad0df;margin:3px 0 0;font-size:10px}.payday-leaders{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-width:0;margin:0;padding:0;list-style:none;display:grid}.payday-leaders li{border-left:1px solid #ffffff20;align-items:center;gap:8px;min-width:0;padding-left:12px;display:flex}.payday-leaders li>div{min-width:0}.payday-name{white-space:nowrap;text-overflow:ellipsis;color:#edf4fb;font-size:11px;display:block;overflow:hidden}.payday-cash{font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:#ffce94;margin-top:2px;font-size:17px;font-weight:750;display:block}.payday-medal{color:#bdd0df;background:#ffffff0c;border-radius:50%;flex-shrink:0;place-items:center;min-width:28px;height:28px;font-size:11px;font-weight:750;display:inline-grid}.payday-medal.place-1{color:#ffdc90;background:#ffce7522;border:1px solid #eac88060}.payday-medal.place-2{color:#e3eff8;background:#dcecff18;border:1px solid #c6d8e750}.payday-medal.place-3{color:#f3bf9d;background:#d78f6620;border:1px solid #d997704d}.payday-leaders .is-you .payday-name{color:#ffdc90}.payday-ribbon-action{text-align:right;flex-shrink:0}.payday-ribbon-action p{color:#c8d9e6;margin:0 0 5px;font-size:10px}.payday-ribbon-action p span{color:#ffce94;font-weight:750}.payday-ribbon-action button{color:#19364d;background:#ffcc91;border-color:#f3c17f;height:31px;font-size:12px;font-weight:750}.payday-ribbon-action button:hover{color:#19364d;background:#ffdcaf}.payday-status{color:#cfdeea;flex:1;justify-content:center;align-items:center;gap:10px;margin:0;font-size:12px;line-height:1.5;display:flex}.payday-status svg{color:#ffcf92;flex-shrink:0}.payday-status button{color:#ffcf92;text-decoration:underline}.payday-modal{max-height:85vh;flex-direction:column;width:calc(100vw - 32px);max-height:85dvh;color:#f1f6fc!important;background:#1e384e!important;border-color:#688298!important;border-radius:20px!important;gap:15px!important;max-width:680px!important;display:flex!important}.payday-modal .eyebrow{color:#ffd094;letter-spacing:.1em;align-items:center;gap:8px;font-size:10px;display:flex}.payday-modal [data-slot=dialog-title]{letter-spacing:-.025em;font-size:26px}.payday-modal [data-slot=dialog-description]{color:#c3d6e6;font-size:12px;line-height:1.5}.payday-modal [data-slot=dialog-close]{color:#d3e3ef}.payday-board-tools{flex-shrink:0;justify-content:space-between;align-items:end;gap:15px;display:flex}.payday-board-tools label{color:#c4d7e6;align-items:center;gap:8px;font-size:12px;display:flex}.payday-board-tools select{color:#1c384e;background:#f0f6fb;border:1px solid #7290a6;border-radius:8px;padding:7px;font-size:12px}.payday-board-tools>span{color:#b4cddd;white-space:nowrap;font-size:11px}.payday-table-scroll{overscroll-behavior:contain;border:1px solid #ffffff1c;border-radius:10px;min-height:0;overflow:auto}.payday-table{border-collapse:collapse;width:100%;font-size:13px}.payday-table th{color:#cddde9;text-transform:uppercase;letter-spacing:.07em;text-align:left;z-index:1;background:#2c4a61;padding:10px 14px;font-size:10px;position:sticky;top:0}.payday-table td{border-top:1px solid #ffffff10;padding:9px 14px}.payday-table td:first-child{width:65px}.payday-table td:nth-child(2){overflow-wrap:anywhere}.payday-table td:last-child,.payday-table th:last-child{text-align:right;white-space:nowrap}.payday-table td:last-child{font-variant-numeric:tabular-nums;color:#ffd194;font-size:15px;font-weight:750}.payday-table td small{color:#b7cfdf;margin-top:2px;font-size:10px;display:block}.payday-table .is-you{background:#f5c37d15;box-shadow:inset 3px 0 #f5c37d}.payday-personal{color:#fbd5a4;background:#f3c5800b;border:1px solid #f3c58050;border-radius:9px;flex-shrink:0;align-items:center;gap:9px;padding:10px 12px;font-size:12px;display:flex}.payday-personal svg{flex-shrink:0}.payday-footnote{color:#b3c9da;flex-shrink:0;margin:0;font-size:10px;line-height:1.5}.payday-empty{color:#c6d9e7;justify-content:center;align-items:center;gap:15px;padding:24px 0;font-size:13px;line-height:1.6;display:flex}.payday-empty svg{color:#ffce91}@keyframes payday-shine{0%,65%,to{background-position:120% 0}90%{background-position:-70% 0}}@media (max-width:1050px){.payday-ribbon{flex-wrap:wrap;gap:14px;padding:13px 16px}.payday-brand{flex:1}.payday-ribbon-action{order:1}.payday-leaders,.payday-status{flex-basis:100%;order:2}.payday-leaders{border-top:1px solid #ffffff15;padding-top:10px}.payday-leaders li:first-child{border-left:0;padding-left:0}}@media (max-width:540px){.payday-ribbon{gap:10px;padding:12px}.payday-emblem{border-radius:10px;width:34px;height:34px}.payday-brand{gap:8px}.payday-brand h2{font-size:14px}.payday-brand p{font-size:9px}.payday-ribbon-action p{max-width:140px;font-size:9px}.payday-ribbon-action button{padding:0 9px;font-size:11px}.payday-leaders{gap:7px}.payday-leaders li{gap:5px;padding-left:7px}.payday-leaders .payday-medal{min-width:22px;height:22px;font-size:9px}.payday-name{font-size:10px}.payday-cash{font-size:14px}.payday-modal{gap:12px!important;padding:20px 15px!important}.payday-modal [data-slot=dialog-title]{font-size:23px}.payday-board-tools{align-items:center;gap:8px}.payday-board-tools label{flex-direction:column;align-items:flex-start;gap:4px;font-size:10px}.payday-table th,.payday-table td{padding:9px}.payday-table td:first-child{width:50px}.payday-table td:last-child{font-size:14px}}@media (prefers-reduced-motion:reduce){.payday-ribbon:before{animation:none}}