.student-games-page{--student-game-blue: #245a92;--student-game-blue-dark: #183d66;--student-game-blue-soft: #edf5fc;--student-game-green: #2f7659;--student-game-border: #cbd9e5;--student-game-text: #23303c;margin:0 auto;color:var(--student-game-text)}.student-games-page,.student-games-page button,.student-games-page input,.student-games-page select,.student-games-page textarea{font-family:Quicksand,sans-serif}.student-games-hero{max-width:760px;margin:12px auto 34px;text-align:center}.student-games-hero h1{margin:4px 0 12px;color:var(--student-game-blue-dark);font-size:clamp(2rem,5vw,3.4rem);line-height:1.08}.student-games-hero>p:last-child{margin:0;font-size:1.08rem;line-height:1.65}.student-games-kicker{margin:0;color:var(--student-game-blue);font-size:.78rem;font-weight:700;letter-spacing:.16em}.student-games-builder{display:grid;gap:18px}.student-games-section,.student-game-result{margin:0;padding:clamp(20px,4vw,32px);border:1px solid var(--student-game-border);border-radius:18px;background:#fff;box-shadow:0 10px 28px #183d6614}.student-games-section>legend,.student-games-section>h2,.student-game-section-heading h2,.student-game-result h2{color:var(--student-game-blue-dark);font-size:clamp(1.25rem,3vw,1.65rem);font-weight:700}.student-games-section>legend{padding:69px 8px 0}.student-games-section>h2,.student-game-section-heading h2,.student-game-result h2{margin:0 0 20px}.student-game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.student-games-page .student-game-card{position:relative;display:flex;align-items:stretch;width:100%;max-width:100%;min-width:0;min-height:168px;box-sizing:border-box;overflow:hidden;border:2px solid var(--student-game-border);border-radius:16px;background:#fff;cursor:pointer;isolation:isolate;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}@media (hover: hover){.student-games-page .student-game-card:hover{border-color:#8baac5;transform:translateY(-2px)}}.student-games-page .student-game-card:focus-within{outline:3px solid rgb(36 90 146 / 24%);outline-offset:3px}.student-games-page .student-game-card.is-selected,.student-games-page .student-game-card:has(input:checked){border-color:var(--student-game-blue);background:linear-gradient(135deg,#fff 42%,#f2f8fd);box-shadow:0 8px 22px #245a922b}.student-game-card>input{position:absolute;width:1px;height:1px;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap}.student-game-icon{display:flex;flex:0 0 136px;align-items:center;justify-content:center;min-width:0;padding:22px;box-sizing:border-box}.student-game-icon svg{display:block;width:100%;max-width:104px;height:auto;filter:drop-shadow(0 7px 10px rgb(0 0 0 / 18%))}.student-game-icon--invaders{background:radial-gradient(circle at 18% 18%,rgb(68 219 235 / 22%),transparent 28%),linear-gradient(145deg,#09162f,#183d66)}.student-game-icon--adventure{background:radial-gradient(circle at 18% 16%,rgb(255 212 107 / 22%),transparent 30%),linear-gradient(145deg,#17443f,#2f7659)}.student-game-card-body{position:relative;z-index:1;display:flex;flex:1 1 auto;min-width:0;flex-direction:column;justify-content:center;gap:9px;padding:20px 52px 20px 20px;box-sizing:border-box}.student-game-title-row{display:flex;min-width:0;flex-wrap:wrap;align-items:center;gap:8px 10px}.student-game-title-row strong{color:var(--student-game-blue-dark);font-size:1.12rem;line-height:1.22;overflow-wrap:anywhere}.student-game-card small{color:#40515f;font-size:.9rem;line-height:1.45;overflow-wrap:anywhere}.student-game-credit,.student-game-ai-credit{display:inline-flex;align-items:center;gap:6px;width:fit-content;padding:4px 9px;border-radius:999px;background:var(--student-game-blue-soft);color:var(--student-game-blue);font-size:.78rem;font-weight:700;white-space:nowrap}.student-game-check{position:absolute;z-index:2;top:14px;right:14px;display:grid;width:28px;height:28px;box-sizing:border-box;place-items:center;border:2px solid #adc0d1;border-radius:50%;background:#fff;color:transparent;box-shadow:0 2px 7px #23303c1a}.student-game-card.is-selected .student-game-check,.student-game-card:has(input:checked) .student-game-check{border-color:var(--student-game-blue);background:var(--student-game-blue);color:#fff}.student-game-settings-grid,.student-game-ai-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.student-game-ai-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.student-game-field{display:grid;align-content:start;gap:7px}.student-game-field--wide{grid-column:1 / -1}.student-game-field label,.student-game-share-link>label{color:var(--student-game-blue-dark);font-size:.96rem;font-weight:700}.student-game-field input,.student-game-field select,.student-game-field textarea,.student-game-share-link input{width:100%;box-sizing:border-box;border:1px solid #aebfce;border-radius:10px;background:#fff;color:var(--student-game-text);font-size:1rem}.student-game-field input,.student-game-field select,.student-game-share-link input{min-height:46px;padding:10px 12px}.student-game-field textarea{min-height:190px;padding:13px 14px;line-height:1.55;resize:vertical}.student-game-field input:focus,.student-game-field select:focus,.student-game-field textarea:focus,.student-game-share-link input:focus{border-color:var(--student-game-blue);outline:3px solid rgb(36 90 146 / 16%)}.student-game-field small,.student-game-section-heading p,.student-game-help{margin:0;color:#526474;font-size:.88rem;line-height:1.5}.student-game-access{margin:22px 0 0;padding:18px;border:1px solid #b8cce0;border-radius:13px;background:var(--student-game-blue-soft)}.student-game-access>legend{padding:0 6px;color:var(--student-game-blue-dark);font-weight:700}.student-game-help{margin-top:13px}.student-game-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.student-game-section-heading h2{margin-bottom:6px}.student-game-count{flex:0 0 auto;padding:6px 10px;border-radius:999px;background:#eef1f4;color:#425463;font-size:.86rem;font-weight:700}.student-game-count.is-over-limit,.student-game-validation:not(:empty){color:#a1262e}.student-game-validation{min-height:1.45em;margin:8px 0 0;font-size:.9rem;font-weight:600}.student-game-ai-panel{margin-top:18px;overflow:hidden;border:1px solid var(--student-game-border);border-radius:13px;background:#f9fbfd}.student-game-ai-panel>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;cursor:pointer;list-style-position:inside}.student-game-ai-panel>summary>span:first-child{display:inline-flex;flex-direction:column;gap:3px}.student-game-ai-panel>summary strong{color:var(--student-game-blue-dark)}.student-game-ai-panel>summary small{color:#526474;font-size:.86rem}.student-game-ai-body{display:grid;gap:18px;padding:4px 18px 18px}.student-game-secondary-action,#generateStudentGameBtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;box-sizing:border-box;border-radius:10px;font-size:.95rem;font-weight:700;text-decoration:none;cursor:pointer}.student-game-secondary-action{width:fit-content;padding:10px 15px;border:1px solid var(--student-game-blue);background:#fff;color:var(--student-game-blue)}.student-game-secondary-action:hover{background:var(--student-game-blue-soft)}.student-game-secondary-action:disabled,#generateStudentGameBtn:disabled{cursor:not-allowed;opacity:.55}.student-game-generate-row{display:grid;justify-items:center;gap:10px;padding:8px 0}#generateStudentGameBtn{min-width:min(100%,360px);padding:13px 24px;border:0;background:var(--student-game-blue);color:#fff;font-size:1.03rem;box-shadow:0 7px 18px #245a9238}#generateStudentGameBtn:not(:disabled):hover{background:var(--student-game-blue-dark)}#studentGameStatus{min-height:1.5em;margin:0;color:#4c5e6d;font-size:.92rem;text-align:center}#studentGameStatus[data-state=error]{color:#a1262e;font-weight:600}.student-game-result{margin-top:26px;border-color:#9ccbb7;background:#fbfffd}.student-game-result-copy{display:flex;align-items:flex-start;gap:14px}.student-game-result-copy h2{margin:2px 0 5px}.student-game-result-copy p:last-child{margin:0}.student-game-ready-icon{display:grid;flex:0 0 auto;width:42px;height:42px;place-items:center;border-radius:50%;background:var(--student-game-green);color:#fff}.student-game-result-layout{display:grid;grid-template-columns:minmax(0,1fr) 230px;align-items:center;gap:26px;margin-top:24px}.student-game-share-link{display:grid;gap:9px}.student-game-share-link>div{display:flex;gap:8px}.student-game-share-link input{min-width:0;padding:10px 12px}.student-game-share-link a{width:fit-content;color:var(--student-game-blue);font-weight:700}.student-game-qr{display:grid;justify-items:center;gap:8px;margin:0}.student-game-qr img{width:min(220px,100%);aspect-ratio:1;border:10px solid #fff;border-radius:8px;box-shadow:0 4px 16px #23303c21}.student-game-qr figcaption{color:#425463;font-weight:700}.student-game-result-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.student-game-handout-note{margin:22px 0 0;padding:14px 16px;border-radius:10px;background:var(--student-game-blue-soft);color:#35495a}.student-game-handout-note a{color:var(--student-game-blue);font-weight:700}@media (max-width: 720px){.student-games-page{padding-top:78px}.student-game-grid,.student-game-settings-grid,.student-game-ai-grid,.student-game-result-layout{grid-template-columns:1fr}.student-games-section{padding:18px 14px;border-radius:16px}.student-game-grid{gap:12px}.student-games-page .student-game-card{min-height:132px;border-radius:14px}.student-game-icon{flex-basis:94px;padding:14px}.student-game-card-body{gap:7px;padding:15px 43px 15px 14px}.student-game-title-row{display:grid;justify-items:start;gap:6px}.student-game-title-row strong{font-size:1rem}.student-game-card small{font-size:.82rem;line-height:1.4}.student-game-credit{padding:3px 8px;font-size:.72rem}.student-game-check{top:11px;right:11px;width:26px;height:26px}.student-game-ai-panel>summary,.student-game-section-heading{align-items:flex-start}.student-game-share-link>div{flex-direction:column}.student-game-secondary-action,#generateStudentGameBtn{width:100%}.student-game-result-actions{display:grid}}@media print{body *{visibility:hidden!important}#studentGameResult,#studentGameResult *{visibility:visible!important}#studentGameResult{position:absolute;inset:0;width:100%;box-sizing:border-box;margin:0;border:0;box-shadow:none}#studentGameResult .no-print,#studentGameResult .student-game-ready-icon{display:none!important}.student-game-result-layout{grid-template-columns:1fr;justify-items:center}.student-game-share-link{width:100%}.student-game-share-link button{display:none!important}}