.cls-app{--cls-gold:#ffd84a;--cls-cyan:#5ceaff;--cls-quiet:#9fb6d6;max-width:600px;min-height:100dvh;padding:0 16px calc(96px + env(safe-area-inset-bottom));color:#fff;font-family:var(--game-type,inherit);background:radial-gradient(circle at 50% 0,#1679dd88,#0000 40%),linear-gradient(#063a91,#031347 60%,#020a25);flex-direction:column;gap:12px;margin:0 auto;display:flex}body:has(.cls-app){background:#020a25}.cls-top{z-index:5;background:linear-gradient(#063a91,#063a91e6 70%,#0000);grid-template-columns:40px 1fr 40px;align-items:center;padding:10px 0;display:grid;position:sticky;top:0}.cls-top>a{color:#fff;background:#ffffff10;border:1px solid #fff2;border-radius:12px;place-items:center;width:38px;height:38px;font-size:20px;text-decoration:none;display:grid}.cls-top>div{text-align:center;flex-direction:column;min-width:0;display:flex}.cls-top small{letter-spacing:.18em;color:var(--cls-cyan);font:700 9px Chakra Petch,sans-serif}.cls-top b{white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.cls-card{background:#0b2a62cc;border:1px solid #2aa2ff55;border-radius:18px;flex-direction:column;gap:8px;padding:14px;display:flex}.cls-card h2{margin:0;font-size:15px}.cls-row{grid-template-columns:1fr auto;gap:8px;display:grid}.cls-app input,.cls-app textarea,.cls-app select{color:#fff;width:100%;font:inherit;background:#00000040;border:1px solid #2aa2ff66;border-radius:12px;padding:10px 12px;font-size:14px}.cls-code-input{letter-spacing:.3em;text-align:center;text-transform:uppercase;font:900 20px Chakra Petch,sans-serif!important}.cls-primary{color:#07255d;text-align:center;background:linear-gradient(#ffed3f,#ff9d00);border:3px solid #fff04b;border-radius:14px;padding:11px 16px;font-weight:900;text-decoration:none;display:block;box-shadow:0 3px #b95a00}.cls-primary:disabled{opacity:.45}.cls-item{color:#fff;background:#0003;border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:2px 8px;padding:10px 12px;text-decoration:none;display:grid}.cls-item small{color:var(--cls-quiet);grid-column:1;font-size:11px}.cls-item i{color:var(--cls-gold);grid-area:1/2/3;font-size:20px;font-style:normal}.cls-muted{color:var(--cls-quiet);margin:0;font-size:12px;line-height:1.5}.cls-center{text-align:center}.cls-muted a{color:var(--cls-gold)}.cls-error{color:#ffb3c1;background:#ff5d7a22;border-radius:10px;margin:0;padding:8px 10px;font-size:12px}.cls-hero{text-align:center;background:linear-gradient(#0b53b1,#041c5d);border:2px solid #36cfff;border-radius:20px;flex-direction:column;align-items:center;gap:6px;padding:14px;display:flex}.cls-hero small{color:#bfe3ff;font-size:12px}.cls-hero p{color:#d5e8ff;margin:0;font-size:13px}.cls-invite{flex-direction:column;align-items:center;gap:4px;margin-top:4px;display:flex}.cls-invite span{color:var(--cls-quiet);font-size:11px}.cls-invite strong{letter-spacing:.25em;color:var(--cls-gold);font:900 32px Chakra Petch,sans-serif}.cls-invite button{color:#fff;background:#ffffff14;border:1px solid #fff3;border-radius:12px;padding:7px 14px;font-size:12px;font-weight:800}.cls-tabs{grid-template-columns:1fr 1fr;gap:6px;display:grid}.cls-tabs button{color:#fff;background:#ffffff0d;border:1px solid #fff2;border-radius:12px;padding:10px;font-size:13px;font-weight:800}.cls-tabs .active{border-color:var(--cls-cyan);background:#5ceaff22}.cls-roster{flex-direction:column;gap:6px;display:flex}.cls-student{background:#0b2a62cc;border-radius:14px;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.cls-rank{color:var(--cls-gold);text-align:center;font:900 15px Chakra Petch,sans-serif}.cls-student>div{flex-direction:column;gap:3px;min-width:0;display:flex}.cls-student b{font-size:14px}.cls-badges{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.cls-badges small{color:var(--cls-quiet);font-size:11px}.cls-stats{color:#bfe3ff;font-size:11px;line-height:1.45}.cls-remove{color:#ffb3c1;background:#ffffff10;border:0;border-radius:9px;width:30px;height:30px}.cls-post{background:#0b2a62cc;border:1px solid #2aa2ff55;border-radius:16px;flex-direction:column;gap:8px;padding:12px;display:flex}.cls-post.done{border-color:#58efa488}.cls-post>p{white-space:pre-wrap;margin:0;font-size:14px;line-height:1.5}.cls-post-meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.cls-post-meta small{color:var(--cls-quiet);font-size:11px}.cls-post-meta small.overdue{color:#ffb3c1}.cls-go{color:var(--cls-cyan);background:#5ceaff22;border-radius:10px;padding:6px 12px;font-size:12px;font-weight:800;text-decoration:none}.cls-done{color:#bdf5d8;background:0 0;border:1px dashed #58efa488;border-radius:12px;padding:10px;font-weight:800}.cls-done.on{color:#58efa4;background:#58efa422;border-style:solid}.cls-done-list summary{cursor:pointer;color:#bfe3ff;font-size:12px}.cls-done-list p{color:#d5e8ff;margin:6px 0;font-size:12px}.cls-remove-post{color:#ffb3c1;background:0 0;border:1px solid #ff9caf66;border-radius:9px;padding:5px 10px;font-size:11px}.cls-composer textarea{resize:vertical}.cls-footer{justify-content:center;margin-top:8px;display:flex}.cls-footer button{color:#ffb3c1;background:0 0;border:1px solid #ff9caf66;border-radius:12px;padding:9px 16px;font-size:12px;font-weight:800}.cls-seats-open{color:#ffd84a;background:#ffd84a12;border:1px dashed #ffd84a99;border-radius:14px;padding:11px;font-size:13px;font-weight:800}.cls-field{color:#bfe3ff;flex-direction:column;gap:4px;font-size:12px;display:flex}.cls-host-tour{width:max-content;max-width:100%;margin:10px auto 0}.cls-app input,.cls-app select{min-height:44px}.cls-app input[type=checkbox]{accent-color:#ffd84a;flex:none;width:22px;height:22px;min-height:0}.cls-app input[type=file]{padding:9px 10px;font-size:13px}.cls-note{color:#ffe9a3;background:#ffd84a1f;border:1px solid #ffd84a55;border-radius:12px;margin:0;padding:8px 12px;font-size:13px;line-height:1.5}.cls-note a{color:#ffd84a;font-weight:800}.cls-link{min-height:44px;color:var(--cls-gold);align-items:center;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.cls-create{flex-direction:column;gap:8px;display:flex}.cls-grid2,.cls-grid3{grid-template-columns:1fr 1fr;gap:8px;display:grid}.cls-grid3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:420px){.cls-grid3{grid-template-columns:1fr 1fr}.cls-grid3>:last-child:nth-child(odd){grid-column:1/-1}}.cls-field{font-size:13px}.cls-join-card{text-align:center;align-items:center;margin-top:24px}.cls-join-art{filter:drop-shadow(0 6px 10px #000a);width:120px;height:auto}.cls-code-chip{letter-spacing:.2em;color:var(--cls-gold);font:900 22px Chakra Petch,sans-serif}.cls-invite-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.cls-invite-actions a{color:#ffe9a3;background:#ffd84a1a;border:2px solid #ffd84a;border-radius:999px;align-items:center;min-height:44px;padding:0 16px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.cls-host-row{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px;display:flex}.cls-secondary{color:#fff;background:#2e8cff33;border:2px solid #5cd3ff;border-radius:999px;min-height:44px;padding:0 16px;font-size:13px;font-weight:800;text-decoration:none}.cls-tabs.n4{grid-template-columns:repeat(4,minmax(0,1fr))}.cls-tabs.n4 button{padding:8px 4px;font-size:12px}.cls-avatar{color:#04163f;background:linear-gradient(145deg,#5ceaff,#2a6cf0);border-radius:50%;place-items:center;width:34px;height:34px;font-size:15px;font-weight:900;display:grid}.cls-student.me{border-color:#ffd84a!important;box-shadow:0 3px #6b4700,0 0 12px #ffd84a55!important}.cls-post-head{align-items:center;gap:10px;display:flex}.cls-post-head img{object-fit:contain;filter:drop-shadow(0 2px 3px #0008);flex:none;width:40px;height:40px}.cls-post-head div{flex-direction:column;min-width:0;display:flex}.cls-post-head small{color:var(--cls-cyan);font-size:11px;font-weight:800}.cls-post-head b{white-space:pre-wrap;font-size:15px;line-height:1.4}.cls-post.notice .cls-post-head small{color:#ffd84a}.cls-mine{color:#bdf5d8;border:1px dashed #58efa488;border-radius:12px;padding:10px 12px;font-size:13px;font-weight:800}.cls-mine.on{color:#58efa4;background:#58efa422;border-style:solid}.cls-done-list ul{flex-direction:column;gap:4px;margin:6px 0 0;padding:0;list-style:none;display:flex}.cls-done-list li{background:#0003;border-radius:8px;justify-content:space-between;gap:8px;padding:6px 8px;font-size:12px;display:flex}.cls-done-list li em{color:#bfe3ff;text-align:right;font-style:normal}.cls-done-list li.on em{color:#58efa4}.cls-remove-post{align-self:flex-end;min-height:44px}.cls-type-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}@media (max-width:420px){.cls-type-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.cls-type-grid button{color:#fff;min-height:72px;font:inherit;background:#0003;border:2px solid #2aa2ff55;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;font-size:11px;font-weight:800;line-height:1.2;display:flex}.cls-type-grid button img{object-fit:contain;width:36px;height:36px}.cls-type-grid button.on{background:#ffd84a26;border-color:#ffd84a;box-shadow:0 0 10px #ffd84a55}.cls-seg{background:#031a5acc;border:1px solid #2aa2ff55;border-radius:999px;grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;padding:4px;display:grid}.cls-seg button{color:#bfe3ff;min-height:44px;font:inherit;background:0 0;border:0;border-radius:999px;font-size:13px;font-weight:800}.cls-seg button.on{color:#07255d;background:linear-gradient(#fff84e,#ffae05);box-shadow:0 3px #c86300}.cls-switch{color:#d5e8ff;align-items:center;gap:10px;min-height:44px;font-size:13px;display:flex}.cls-rank-panel,.cls-report{flex-direction:column;gap:10px;display:flex}.cls-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.cls-tile{text-align:center;background:#0b2a62cc;border:1px solid #2aa2ff55;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;display:flex}.cls-tile b{color:var(--cls-gold);font:900 18px Chakra Petch,sans-serif}.cls-tile small{color:#bfe3ff;font-size:11px}.cls-report-row{background:#0b2a62cc;border:1px solid #2aa2ff55;border-radius:16px;flex-direction:column;gap:6px;padding:12px;display:flex}.cls-report-row dl{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:0;display:grid}.cls-report-row dl div{flex-direction:column;display:flex}.cls-report-row dt{color:#9fb6d6;font-size:11px}.cls-report-row dd{margin:0;font-size:14px;font-weight:800}.cls-weak{color:#ffe9a3;font-size:12px}.cls-status.ok{border-color:#58efa4!important}.cls-status.bad{border-color:#ff9caf!important}.cls-hero-title{color:var(--cls-gold);margin:0;font-size:22px}.cls-hero .cls-note{margin-top:6px}.cls-poster-page{color:#0b1b3a;min-height:100dvh;font-family:var(--game-type,inherit);background:#eef2f7;flex-direction:column;align-items:center;gap:12px;padding:16px;display:flex}body:has(.cls-poster-page){background:#eef2f7}.cls-poster-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.cls-poster-btn{color:#0b1b3a;min-height:44px;font:inherit;background:#fff;border:2px solid #0b1b3a33;border-radius:999px;align-items:center;padding:0 18px;font-weight:800;text-decoration:none;display:inline-flex}.cls-poster-btn.primary{background:linear-gradient(#ffed3f,#ff9d00);border-color:#ff9d00}.cls-poster{text-align:center;background:#fff;border-radius:24px;flex-direction:column;align-items:center;gap:8px;width:min(100%,560px);padding:28px 20px;display:flex;box-shadow:0 8px 30px #0b1b3a22}.cls-poster-logo{border-radius:16px;width:64px;height:64px}.cls-poster h1{margin:0;font-size:32px;line-height:1.2}.cls-poster-facts{color:#3a4d6b;margin:0;font-size:16px}.cls-poster-lead{margin:8px 0 4px;font-size:22px;font-weight:900}.cls-poster-code-label{color:#3a4d6b;margin:8px 0 0;font-size:14px}.cls-poster-code{letter-spacing:.25em;margin:0;font:900 48px Chakra Petch,sans-serif}.cls-poster-url{color:#6b7c95;word-break:break-all;margin:0;font-size:12px}@media print{.no-print{display:none!important}.cls-poster-page{background:#fff;padding:0}.cls-poster{box-shadow:none;width:100%}body{background:#fff!important}}.cls-app .cls-top small{letter-spacing:.08em;font-size:11px}.cls-poster-page{padding-bottom:calc(120px + env(safe-area-inset-bottom))}@media print{body:has(.cls-poster-page) :is(nav,header):not(.cls-poster *){display:none!important}}.cls-student-actions{align-items:center;gap:6px;display:flex}.cls-message{color:#fff;white-space:nowrap;background:#2e8cff33;border:1px solid #5cd3ff88;border-radius:12px;align-items:center;min-height:44px;padding:0 10px;font-size:12px;font-weight:800;text-decoration:none;display:inline-flex}.cls-message-teacher{align-items:center;display:inline-flex}
.cls-app.arena-scene{font-family:var(--font-game);background:linear-gradient(180deg,#041a5c40 0%,#021345a6 34%,#021345e0 66%,#010927 100%),var(--scene) center top/cover no-repeat fixed,url(/classic-assets/game-room.webp) center top/cover no-repeat fixed,#021345}body:has(.cls-app.arena-scene){background:#021345}.cls-app :is(h1,h2,h3){font-family:var(--font-game)}.cls-app .cls-top{background:linear-gradient(#021345e6,#02134599 70%,#0000)}.cls-app .cls-top>a{background:linear-gradient(#2e8cff,#0634b4);border:2px solid #5cd3ff;border-radius:14px;width:40px;height:40px;font-size:24px;box-shadow:0 3px #001a78}.cls-app .cls-top small{font:700 10px/1.4 var(--font-number);letter-spacing:.2em;color:var(--arena-sky);text-shadow:0 0 10px #2ae5ff88}.cls-app .cls-top b{text-shadow:0 2px #01164c;font-size:17px;font-weight:700}.cls-app .cls-card{background:linear-gradient(160deg,#0b53b1ee,#041c5df5);border:2px solid #2aa2ff;border-radius:22px;animation:.45s cubic-bezier(.2,1.4,.4,1) both arena-pop;box-shadow:0 4px #01164c,0 0 18px #11cfff26}.cls-app .cls-card h2{color:var(--arena-sun);text-shadow:0 2px #7a3d00;align-items:center;gap:6px;font-size:18px;font-weight:700;display:flex}.cls-app .cls-card h2 img{object-fit:contain;filter:drop-shadow(0 2px 3px #0008);width:34px;height:34px}.cls-app .cls-join{border-color:#ffd84a;margin-top:120px;padding-top:18px;position:relative;box-shadow:0 4px #6b4700,0 0 20px #ffd54b44}.cls-mascot{pointer-events:none;filter:drop-shadow(0 8px 12px #000a);width:118px;height:auto;animation:4.5s ease-in-out infinite arena-float;position:absolute;bottom:calc(100% - 2px);right:6px}.cls-app .cls-join h2{padding-right:96px}.cls-app input,.cls-app textarea,.cls-app select{font-family:var(--font-game);background:#02113fcc;border:2px solid #2aa2ff66}.cls-app :is(input,textarea,select):focus{border-color:#ffd84a;outline:none;box-shadow:0 0 0 3px #ffd84a33}.cls-app .cls-code-input{letter-spacing:.3em;color:var(--arena-sun);font:700 22px var(--font-number)!important}.cls-app .cls-code-input::placeholder{font:600 14px var(--font-game);letter-spacing:0;color:#9fb6d3}.cls-app .cls-primary.arena-btn{border-radius:999px;min-height:46px;font-size:15px}.cls-app .cls-primary.arena-btn:disabled{opacity:.7}.cls-app a.cls-primary.arena-btn{align-self:center}.cls-app .cls-item{background:linear-gradient(#ffffff17,#ffffff08);border:1px solid #5cd3ff33;border-radius:16px}.cls-app .cls-item b{font-weight:700}.cls-app .cls-item i{width:30px;height:30px;color:var(--arena-ink);background:linear-gradient(#fff84e,#ffae05);border:2px solid #fff15c;border-radius:50%;place-items:center;display:grid;box-shadow:0 3px #c86300}.cls-empty{background:#02113f80;border:1px dashed #5cd3ff66;border-radius:16px;align-items:center;gap:10px;padding:6px 10px 6px 4px;display:flex}.cls-empty img{object-fit:contain;filter:drop-shadow(0 4px 6px #0009);flex:none;width:60px;height:60px}.cls-app .cls-muted{color:#cfe6ff}.cls-app .cls-muted a{color:var(--arena-sun);font-weight:700}.cls-app .cls-hero{background:linear-gradient(160deg,#1a63c9ee,#06246ef5);border:2px solid #ffd84a;border-radius:22px;box-shadow:0 4px #6b4700,0 0 20px #ffd54b33}.cls-hero-art{object-fit:contain;filter:drop-shadow(0 6px 10px #000a);width:72px;height:72px;margin-top:-6px;animation:4.5s ease-in-out infinite arena-float}.cls-app .cls-hero small{color:#cfe6ff;font-weight:700}.cls-app .cls-invite strong{font:700 34px var(--font-number);color:var(--arena-sun);text-shadow:0 3px #7a3d00}.cls-app .cls-invite button{font-family:var(--font-game);background:linear-gradient(#2e8cff,#0634b4);border:2px solid #5cd3ff;border-radius:999px;box-shadow:0 3px #001a78}.cls-app .cls-tabs{background:#031a5acc;border:1px solid #2aa2ff55;border-radius:999px;padding:5px}.cls-app .cls-tabs button{color:#bfe3ff;font-family:var(--font-game);background:0 0;border:0;border-radius:999px}.cls-app .cls-tabs .active{color:var(--arena-ink);background:linear-gradient(#fff84e,#ffae05);box-shadow:0 3px #c86300}.cls-app .cls-student{background:linear-gradient(160deg,#0b53b1ee,#041c5df5);border:2px solid #2aa2ff88;border-radius:18px;box-shadow:0 3px #01164c}.cls-app .cls-rank{color:#08205c;width:30px;height:34px;font:700 16px var(--font-number);background:linear-gradient(145deg,#fff9ce,#eabc54);border-radius:9px;place-items:center;display:grid;box-shadow:0 2px #8f5511}.cls-app .cls-roster .cls-student:first-child .cls-rank{box-shadow:0 2px #8f5511,0 0 12px #ffd84a}.cls-app .cls-post{background:linear-gradient(160deg,#0b53b1ee,#041c5df5);border:2px solid #2aa2ff;border-radius:20px;box-shadow:0 4px #01164c}.cls-app .cls-post.done{border-color:#5cf0a0;box-shadow:0 4px #075a31}.cls-app .cls-go{color:var(--arena-ink);background:linear-gradient(#fff84e,#ffae05);border:2px solid #fff15c;border-radius:999px;box-shadow:0 3px #c86300}.cls-app .cls-done{font-family:var(--font-game);border-radius:999px}.cls-app .cls-done.on{color:#04301a;background:linear-gradient(#5cf0a0,#0f9a55);border-color:#a6ffd0}.cls-app .cls-seats-open{font-family:var(--font-game);border:2px dashed #ffd84a99;border-radius:18px;justify-content:center;align-items:center;gap:8px;display:flex}.cls-app .cls-seats-open img{object-fit:contain;width:32px;height:32px}.cls-app .cls-footer button{font-family:var(--font-game);border-radius:999px}@media (prefers-reduced-motion:reduce){.cls-mascot,.cls-hero-art,.cls-app .cls-card{animation:none!important}}.cls-app .cls-invite button,.cls-app .cls-tabs button,.cls-app .cls-go,.cls-app .cls-done,.cls-app .cls-remove,.cls-app .cls-remove-post,.cls-app .cls-footer button,.cls-app .cls-top>a{min-width:44px;min-height:44px}.cls-app .cls-invite button{padding:0 16px}.cls-app .cls-go{align-items:center;padding:0 16px;display:inline-flex}.cls-app .cls-done-list summary{cursor:pointer;align-items:center;min-height:44px;display:flex}.cls-coach-cta{flex-direction:column;align-items:center;gap:8px;display:flex}.cls-coach-cta .arena-btn{min-height:48px;text-decoration:none}.cls-student{grid-template-columns:auto minmax(0,1fr) auto}.cls-avatar{background:radial-gradient(circle at 50% 35%,#5ceaff,#1b4fb8);border:2px solid #5cd3ff;width:40px;height:40px;overflow:hidden;box-shadow:0 2px #01164c}.cls-avatar img{object-fit:cover;object-position:50% 12%;width:100%;height:100%;transform:scale(1.5)translateY(14%)}.cls-avatar img.chosen{object-position:center;transform:none}.cls-app .cls-roster .cls-student.top .cls-rank{box-shadow:0 2px #8f5511,0 0 12px #ffd84a}.cls-app .cls-roster .cls-student:first-child:not(.top) .cls-rank{box-shadow:0 2px #8f5511}button.cls-link{cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0;font-family:inherit}.cls-late{flex-direction:column;gap:8px;display:flex}.cls-late p{margin:0}.cls-late small{color:#ffe9a3cc;font-size:12px}.cls-late .cls-secondary,.cls-confirm .cls-secondary{font-family:var(--font-game);cursor:pointer}.cls-confirm{color:#e3efff;background:#02113fcc;border:2px solid #ffd84a;border-radius:16px;flex-direction:column;gap:6px;padding:12px;font-size:13px;display:flex}.cls-confirm b{color:#ffd84a;font-size:15px}.cls-confirm small{color:#bfe3ff;font-size:12px}.cls-confirm-actions{grid-template-columns:1fr 1.4fr;gap:8px;margin-top:4px;display:grid}