.games-page { min-width: 0; overflow-x: hidden; background: #f4f7fb; }
.games-topbar { background: rgba(255,255,255,.94); }
.games-nav { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.games-intro { position: relative; overflow: hidden; padding: 54px 0 60px; color: #fff; background: radial-gradient(circle at 17% 20%,rgba(78,192,207,.42),transparent 21rem),radial-gradient(circle at 87% 90%,rgba(116,99,230,.42),transparent 28rem),linear-gradient(122deg,#172a56,#233c76 58%,#315d92); }
.games-intro::after { content:""; position:absolute; inset:0; opacity:.16; background-image:linear-gradient(rgba(255,255,255,.42) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.42) 1px,transparent 1px); background-size:46px 46px; mask-image:linear-gradient(90deg,transparent,#000 20%,#000 82%,transparent); }
.games-intro-layout { position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; gap:42px; }
.games-kicker { display:flex; align-items:center; gap:8px; margin:0; color:#c9f5f0; font-size:.84rem; font-weight:900; }
.games-kicker .ui-icon { width:1.25rem; height:1.25rem; }
.games-intro h1 { margin:8px 0 13px; color:#fff; font-size:clamp(2.5rem,6vw,4.5rem); line-height:1.13; letter-spacing:-.045em; }
.games-intro h1 span { color:#8fe5da; }
.games-intro p:not(.games-kicker) { max-width:660px; margin:0; color:#e4edff; font-size:1.07rem; line-height:1.95; }
.games-intro-notes { display:grid; grid-template-columns:repeat(3,1fr); min-width:320px; overflow:hidden; border:1px solid rgba(255,255,255,.19); border-radius:22px; background:rgba(255,255,255,.1); backdrop-filter:blur(10px); }
.games-intro-notes span { display:grid; gap:2px; padding:19px 14px; border-inline-start:1px solid rgba(255,255,255,.14); color:#dbe8ff; text-align:center; font-size:.79rem; font-weight:800; }
.games-intro-notes span:first-child { border-inline-start:0; }
.games-intro-notes strong { color:#fff; font-size:1.6rem; line-height:1; }

.games-workspace { padding:34px 0 70px; }
.section-heading { display:flex; align-items:end; justify-content:space-between; gap:22px; margin-bottom:20px; }
.section-heading p { margin:0 0 2px; color:#5f7793; font-size:.82rem; font-weight:900; }
.section-heading h2 { margin:0; color:#1f335d; font-size:clamp(1.65rem,3vw,2.2rem); letter-spacing:-.025em; }
.grade-filter { display:flex; gap:7px; padding:5px; border:1px solid #dce5f1; border-radius:14px; background:#fff; box-shadow:0 8px 20px rgba(29,49,91,.06); }
.grade-filter button { min-height:38px; padding:7px 14px; border:0; border-radius:9px; color:#687b93; background:transparent; cursor:pointer; font:inherit; font-size:.87rem; font-weight:900; }
.grade-filter button.is-active { color:#fff; background:#294c87; box-shadow:0 6px 12px rgba(41,76,135,.2); }
.game-library { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; }
.game-card { --card:#315d92; --card-soft:#edf4ff; position:relative; display:grid; gap:12px; min-height:245px; padding:20px; overflow:hidden; border:1px solid #dce5f2; border-radius:20px; background:#fff; box-shadow:0 11px 28px rgba(27,47,86,.07); transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease; }
.game-card::after { content:""; position:absolute; width:150px; height:150px; left:-60px; bottom:-85px; border-radius:50%; background:color-mix(in srgb,var(--card),transparent 88%); pointer-events:none; }
.game-card:hover { transform:translateY(-5px); box-shadow:0 19px 36px rgba(27,47,86,.13); }
.game-card.is-hidden { display:none; }
.game-card-cyan { --card:#278aa4; --card-soft:#eaf8fc; }.game-card-orange { --card:#d77d2c; --card-soft:#fff4e9; }.game-card-violet { --card:#7858c8; --card-soft:#f3efff; }.game-card-green { --card:#458564; --card-soft:#edf8f0; }.game-card-pink { --card:#c65c7d; --card-soft:#fff0f5; }.game-card-blue { --card:#3775b3; --card-soft:#edf4ff; }
.game-card-top { display:flex; align-items:start; justify-content:space-between; gap:12px; }
.grade-chip { padding:5px 9px; border-radius:999px; color:var(--card); background:var(--card-soft); font-size:.72rem; font-weight:900; }
.game-symbol { display:grid; place-items:center; width:42px; height:42px; border-radius:14px 14px 5px 14px; color:#fff; background:var(--card); box-shadow:0 9px 15px color-mix(in srgb,var(--card),transparent 68%); }
.game-symbol .ui-icon { width:22px; height:22px; }
.game-card h3 { margin:0; color:#203457; font-size:1.25rem; }.game-card p { margin:0; color:#66768b; font-size:.9rem; line-height:1.8; }
.game-card-meta { display:flex; gap:8px; margin-top:auto; color:#718096; font-size:.75rem; font-weight:800; }.game-card-meta span { padding-inline-start:9px; border-inline-start:1px solid #dce4ed; }.game-card-meta span:first-child { padding:0; border:0; }
.game-card button { position:relative; z-index:1; min-height:43px; display:inline-flex; align-items:center; justify-content:center; gap:7px; border:0; border-radius:12px; color:#fff; background:var(--card); cursor:pointer; font:inherit; font-weight:900; }
.game-card button:hover { filter:brightness(1.06); }

.scoreboard { display:grid; grid-template-columns:210px 1fr auto; align-items:center; gap:18px; margin-top:28px; padding:18px 20px; border:1px solid #d8e3f0; border-radius:20px; background:#fff; box-shadow:0 11px 26px rgba(27,47,86,.06); }
.scoreboard-title { display:flex; align-items:center; gap:10px; color:#2e548c; }.scoreboard-title > .ui-icon { width:30px; height:30px; }.scoreboard-title p { margin:0; color:#71829a; font-size:.74rem; font-weight:800; }.scoreboard-title h2 { margin:0; color:#203457; font-size:1.05rem; }
.teams { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; }.team { display:grid; grid-template-columns:1fr auto auto; align-items:center; gap:8px; min-height:50px; padding:7px 8px 7px 7px; border-radius:12px; background:#f5f8fc; font-size:.78rem; font-weight:900; }.team strong { color:#263f6d; font-size:1.23rem; }.team button { width:31px; height:31px; border:0; border-radius:9px; color:#fff; background:#385c99; cursor:pointer; font:inherit; font-weight:900; }.team-two button { background:#d07b31; }.team-three button { background:#4c9a68; }.team-four button { background:#805fc7; }.reset-scores { min-height:38px; padding:8px 11px; border:1px solid #d9e2ee; border-radius:10px; color:#5d718a; background:#fff; cursor:pointer; font:inherit; font-size:.78rem; font-weight:900; }

.game-stage { padding:30px 18px 54px; background:#14274d; }.game-stage[hidden] { display:none; }.stage-shell { width:min(1240px,100%); margin:auto; overflow:hidden; border:1px solid rgba(255,255,255,.16); border-radius:26px; color:#fff; background:radial-gradient(circle at 8% 84%,rgba(80,210,199,.17),transparent 22rem),radial-gradient(circle at 95% 6%,rgba(123,101,228,.28),transparent 25rem),#182f5a; box-shadow:0 30px 70px rgba(8,20,43,.32); }.stage-toolbar { min-height:82px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:16px; padding:14px 20px; border-bottom:1px solid rgba(255,255,255,.12); }.stage-toolbar button { min-height:40px; display:inline-flex; align-items:center; justify-content:center; gap:7px; width:max-content; padding:8px 12px; border:1px solid rgba(255,255,255,.2); border-radius:11px; color:#fff; background:rgba(255,255,255,.08); cursor:pointer; font:inherit; font-size:.82rem; font-weight:900; }.stage-fullscreen { justify-self:end; }.stage-game-name { text-align:center; }.stage-game-name span { color:#9fded7; font-size:.72rem; font-weight:900; }.stage-game-name h2 { margin:1px 0 0; color:#fff; font-size:1.18rem; }
.stage-content { display:grid; grid-template-columns:220px minmax(0,1fr); gap:20px; padding:20px; }.stage-side { display:grid; align-content:start; gap:12px; }.timer-card,.stage-score-card { padding:15px; border:1px solid rgba(255,255,255,.13); border-radius:16px; background:rgba(9,22,49,.28); }.timer-card > span,.stage-score-card > span { color:#c9d9ee; font-size:.76rem; font-weight:800; }.timer-card strong { display:block; margin:4px 0 13px; color:#93e5db; font-size:2.25rem; line-height:1; letter-spacing:.035em; }.timer-actions { display:grid; grid-template-columns:1fr 1fr; gap:7px; }.timer-actions button,.stage-awards button { min-height:37px; border:0; border-radius:10px; color:#18305a; background:#a3e6dc; cursor:pointer; font:inherit; font-weight:900; }.timer-actions button + button { color:#dce8fb; background:rgba(255,255,255,.11); }.stage-awards { display:grid; grid-template-columns:1fr 1fr; gap:7px; margin-top:11px; }.stage-awards button { color:#fff; background:#4772b3; }.stage-awards button:nth-child(2) { background:#d28238; }.stage-awards button:nth-child(3) { background:#4c9a68; }.stage-awards button:nth-child(4) { background:#825ec6; }.teacher-note { margin:0; color:#bdcce3; font-size:.75rem; line-height:1.75; }
.question-card { min-height:470px; display:grid; align-content:start; justify-items:center; padding:27px clamp(18px,4vw,60px); border-radius:20px; color:#23395f; background:#fff; text-align:center; }.question-progress { display:flex; align-items:center; justify-content:space-between; gap:18px; width:100%; color:#708199; font-size:.77rem; font-weight:900; }.question-progress > div { flex:1; max-width:300px; height:8px; overflow:hidden; border-radius:999px; background:#e7edf6; }.question-progress > div span { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#4e9eac,#6a77cc); transition:width .25s ease; }.question-kicker { margin:30px 0 5px; color:#4d81a2; font-size:.8rem; font-weight:900; }.question-card h3 { max-width:760px; margin:0; color:#213a63; font-size:clamp(1.45rem,3vw,2.2rem); line-height:1.55; }.question-visual { display:grid; place-items:center; min-height:64px; margin:14px 0 4px; color:#4c76a6; font-size:1.05rem; font-weight:900; }.question-visual .visual-box { display:inline-flex; align-items:center; gap:9px; padding:10px 14px; border:1px dashed #bdd0e3; border-radius:12px; background:#f8fbff; }.answer-area { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; width:min(760px,100%); margin-top:10px; }.answer-choice { min-height:62px; padding:12px; border:1px solid #d9e3ef; border-radius:14px; color:#335174; background:#fbfdff; cursor:pointer; font:inherit; font-size:1rem; font-weight:800; line-height:1.55; }.answer-choice:hover:not(:disabled) { border-color:#6091b9; background:#f2f9fd; }.answer-choice.is-correct { color:#176447; border-color:#60b88d; background:#e9f8ef; }.answer-choice.is-wrong { color:#9f4552; border-color:#e2a1aa; background:#fff1f2; }.answer-choice:disabled { cursor:default; }.game-feedback { min-height:26px; margin:15px 0 0; color:#55708d; font-size:.92rem; font-weight:900; }.game-feedback.is-success { color:#238052; }.game-feedback.is-error { color:#aa4350; }.question-actions { display:flex; justify-content:center; flex-wrap:wrap; gap:9px; margin-top:4px; }.question-actions button { min-height:42px; padding:9px 13px; border:0; border-radius:11px; color:#355477; background:#e9f1f8; cursor:pointer; font:inherit; font-size:.85rem; font-weight:900; }.question-actions button:last-child { color:#fff; background:#315d92; }
.sequence-instruction { grid-column:1 / -1; margin:0 0 2px; color:#657a94; font-size:.82rem; font-weight:800; }.sequence-order { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; grid-column:1 / -1; min-height:62px; width:100%; padding:9px; border:2px dashed #b6c9db; border-radius:14px; background:#f7fbff; }.sequence-order:empty::before { content:"اضغط الأوامر بالترتيب الصحيح"; align-self:center; color:#8192a6; font-size:.84rem; font-weight:800; }.sequence-step { min-height:42px; display:inline-flex; align-items:center; gap:6px; padding:7px 10px; border:0; border-radius:10px; color:#fff; background:#7555bd; cursor:pointer; font:inherit; font-size:.85rem; font-weight:800; }.sequence-step::before { content:attr(data-order); display:grid; place-items:center; width:20px; height:20px; border-radius:50%; color:#513f83; background:#fff; font-size:.7rem; }.sequence-pool { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; grid-column:1 / -1; }.sequence-pool button { min-height:44px; padding:8px 11px; border:1px solid #d7cbed; border-radius:10px; color:#684ca9; background:#f9f6ff; cursor:pointer; font:inherit; font-size:.86rem; font-weight:800; }.sequence-pool button:disabled { opacity:.4; cursor:default; }.sequence-actions { display:flex; justify-content:center; gap:8px; grid-column:1 / -1; }.sequence-actions button { min-height:40px; padding:8px 12px; border:0; border-radius:10px; color:#fff; background:#7354bb; cursor:pointer; font:inherit; font-weight:900; }.sequence-actions button:last-child { color:#665b78; background:#ede9f4; }

@media (max-width:900px) { .games-intro-layout { align-items:flex-start; flex-direction:column; }.games-intro-notes { min-width:min(100%,360px); }.game-library { grid-template-columns:repeat(2,minmax(0,1fr)); }.scoreboard { grid-template-columns:1fr; }.teams { max-width:640px; }.reset-scores { width:max-content; }.stage-content { grid-template-columns:1fr; }.stage-side { grid-template-columns:repeat(2,minmax(0,1fr)); }.teacher-note { grid-column:1 / -1; }.question-card { min-height:0; } }
@media (max-width:620px) { .wrap { width:min(100% - 26px,1160px); }.games-nav { min-height:70px; flex-wrap:wrap; padding-block:9px; }.games-nav .nav-links { width:100%; order:3; overflow-x:auto; white-space:nowrap; }.games-intro { padding:42px 0 46px; }.games-intro h1 { font-size:2.55rem; }.games-intro-notes { width:100%; }.section-heading { align-items:flex-start; flex-direction:column; }.grade-filter { width:100%; }.grade-filter button { flex:1; padding-inline:8px; }.game-library { grid-template-columns:1fr; }.teams { grid-template-columns:1fr 1fr; }.stage-toolbar { grid-template-columns:1fr auto; }.stage-game-name { grid-column:1 / -1; grid-row:1; }.stage-back { grid-column:1; grid-row:2; }.stage-fullscreen { grid-column:2; grid-row:2; }.stage-content { padding:12px; }.stage-side { grid-template-columns:1fr; }.question-card { padding:22px 14px; }.answer-area { grid-template-columns:1fr; }.question-card h3 { font-size:1.38rem; }.question-progress { align-items:flex-start; flex-direction:column; gap:7px; }.question-progress > div { width:100%; max-width:none; }.basmala { white-space:normal; } }
@media (max-width:450px) { .games-intro-notes span { padding:16px 8px; }.scoreboard { padding:16px; }.team { font-size:.73rem; }.stage-toolbar button { padding:8px 9px; font-size:.75rem; } }

.game-stage:fullscreen { min-height:100vh; padding:0; }
.game-stage:fullscreen .stage-shell { width:100vw; min-height:100vh; border:0; border-radius:0; }

/* توحيد قسم الألعاب مع هوية ملف الإنجاز: أبيض، أخضر هادئ، وتباين واضح. */
.games-page { color:var(--ink); background:var(--paper); }
.games-intro { background:radial-gradient(circle at 17% 20%,rgba(169,182,166,.28),transparent 21rem),radial-gradient(circle at 87% 90%,rgba(120,146,123,.34),transparent 28rem),linear-gradient(122deg,#2c4030,#34463a 58%,#526b58); }
.games-kicker { color:#dce8dd; }.games-intro h1 span { color:#d8e6d8; }.games-intro p:not(.games-kicker) { color:#edf4ed; }
.games-intro-notes { border-color:rgba(255,255,255,.19); background:rgba(255,255,255,.1); }.games-intro-notes span { color:#e3eee4; }
.section-heading p { color:#69806c; }.section-heading h2,.game-card h3,.scoreboard-title h2 { color:#34463a; }
.grade-filter { border-color:#dce6dd; box-shadow:0 8px 20px rgba(52,70,58,.06); }.grade-filter button { color:#718176; }.grade-filter button.is-active { background:#5d7962; box-shadow:0 6px 12px rgba(52,70,58,.2); }
.game-card { --card:#5d7962; --card-soft:#edf4ed; border-color:#dce6dd; box-shadow:0 11px 28px rgba(52,70,58,.07); }.game-card:hover { box-shadow:0 19px 36px rgba(52,70,58,.13); }.game-card-cyan { --card:#5d7962; --card-soft:#edf4ed; }.game-card-orange { --card:#6f8c74; --card-soft:#f0f5f0; }.game-card-violet { --card:#78927b; --card-soft:#eff5ef; }.game-card-green { --card:#66826a; --card-soft:#edf4ed; }.game-card-pink { --card:#819b83; --card-soft:#f1f6f1; }.game-card-blue { --card:#527257; --card-soft:#eaf2eb; }
.game-card p,.game-card-meta { color:#68736b; }.game-card-meta span { border-color:#dce6dd; }.game-card button { background:var(--card); }
.scoreboard { border-color:#dce6dd; box-shadow:0 11px 26px rgba(52,70,58,.06); }.scoreboard-title { color:#5d7962; }.scoreboard-title p { color:#718176; }.team { background:#f3f7f3; }.team strong { color:#34463a; }.team button { background:#5d7962; }.team-two button { background:#6f8c74; }.team-three button { background:#78927b; }.team-four button { background:#527257; }.reset-scores { border-color:#dce6dd; color:#617466; }
.game-stage { background:#34463a; }.stage-shell { background:radial-gradient(circle at 8% 84%,rgba(169,182,166,.15),transparent 22rem),radial-gradient(circle at 95% 6%,rgba(120,146,123,.27),transparent 25rem),#34463a; }.stage-game-name span { color:#d7e6d8; }.timer-card,.stage-score-card { background:rgba(22,39,27,.27); }.timer-card > span,.stage-score-card > span,.teacher-note { color:#d8e5d9; }.timer-card strong { color:#c8e2cb; }.timer-actions button,.stage-awards button { color:#34463a; background:#c7dcc9; }.timer-actions button + button { color:#e4eee5; background:rgba(255,255,255,.12); }.stage-awards button { color:#fff; background:#5d7962; }.stage-awards button:nth-child(2) { background:#6f8c74; }.stage-awards button:nth-child(3) { background:#78927b; }.stage-awards button:nth-child(4) { background:#527257; }
.question-card { color:#34463a; }.question-progress { color:#718176; }.question-progress > div { background:#e7efe6; }.question-progress > div span { background:linear-gradient(90deg,#78927b,#5d7962); }.question-kicker { color:#66826a; }.question-card h3 { color:#34463a; }.question-visual { color:#5d7962; }.question-visual .visual-box { border-color:#c9d9ca; background:#f7faf7; }.answer-choice { border-color:#dce6dd; color:#415746; background:#fcfefc; }.answer-choice:hover:not(:disabled) { border-color:#78927b; background:#f2f8f2; }.game-feedback { color:#687d6c; }.question-actions button { color:#4f6854; background:#e7efe6; }.question-actions button:last-child { background:#5d7962; }
.sequence-instruction { color:#687d6c; }.sequence-order { border-color:#bcd0bf; background:#f7faf7; }.sequence-order:empty::before { color:#819284; }.sequence-step { background:#5d7962; }.sequence-step::before { color:#415746; }.sequence-pool button { border-color:#cdddcf; color:#55705a; background:#f5f9f5; }.sequence-actions button { background:#5d7962; }.sequence-actions button:last-child { color:#5b6e5e; background:#e7efe6; }

/* صفحة الألعاب امتداد هادئ لملف الإنجاز، وليست واجهة منفصلة عنه. */
.games-page { margin:0; color:var(--ink); background:var(--paper); }
.games-topbar { background:rgba(255,255,255,.94); }
.games-intro {
  padding:46px 0 50px;
  color:var(--ink);
  border-bottom:1px solid var(--line);
  background:
    radial-gradient(circle at 83% 16%,rgba(120,146,123,.18),transparent 24rem),
    linear-gradient(125deg,#ffffff 0%,#f7faf7 58%,#edf3ed 100%);
}
.games-intro::after {
  opacity:.2;
  background-image:linear-gradient(rgba(120,146,123,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(120,146,123,.2) 1px,transparent 1px);
  background-size:52px 52px;
}
.games-intro-layout { gap:30px; }
.games-kicker { color:var(--teal); }
.games-intro h1 { margin:7px 0 12px; color:var(--deep); font-size:clamp(2.35rem,5.2vw,3.9rem); }
.games-intro h1 span { color:var(--teal); }
.games-intro p:not(.games-kicker) { color:var(--muted); font-size:1rem; }
.games-intro-notes {
  min-width:300px;
  border-color:#d4e0d5;
  background:rgba(255,255,255,.78);
  box-shadow:0 14px 30px rgba(52,70,58,.08);
  backdrop-filter:blur(10px);
}
.games-intro-notes span { color:var(--muted); border-inline-start-color:#dce6dd; }
.games-intro-notes strong { color:var(--deep); }
.games-workspace { padding:38px 0 76px; }

/* تمييز بطاقات الألعاب عن الخلفية كي تبقى الحدود واضحة على كل شاشة. */
.game-library { padding:4px; border:1px solid #d6e1d7; border-radius:24px; background:rgba(231,239,230,.62); }
.game-card { border:2px solid #b9cbbb; box-shadow:0 13px 28px rgba(52,70,58,.1); }
.game-card::before { content:""; position:absolute; z-index:1; inset:0 0 auto; height:5px; background:var(--card); }
.game-card:hover { border-color:var(--card); box-shadow:0 20px 36px rgba(52,70,58,.18); }

@media (max-width: 900px) {
  .games-intro { padding:42px 0 46px; }
  .games-intro-layout { gap:22px; }
}
@media (max-width: 620px) {
  .games-intro { padding:34px 0 38px; }
  .games-intro h1 { font-size:clamp(2.15rem,11vw,3rem); }
  .games-intro-notes { min-width:0; }
}

/* تحكم الجولة: نتيجة ظاهرة قرب السؤال وتأكيد فوري للنقطة. */
.stage-awards button { transition:transform .18s ease,filter .18s ease,opacity .18s ease; }
.stage-awards button:disabled { cursor:not-allowed; filter:grayscale(.35); opacity:.5; }
.stage-awards button.is-awarded { animation:score-pop .55s ease both; }
.stage-score-feedback { min-height:36px; margin:10px 0 7px; color:#d8e5d9; font-size:.73rem; font-weight:800; line-height:1.55; }
.stage-score-feedback.is-success { color:#c8eacb; }
.stage-score-feedback.is-error { color:#ffd8d8; }
.stage-score-mini { display:grid; grid-template-columns:repeat(4,1fr); gap:5px; }
.stage-score-mini span { display:flex; align-items:center; justify-content:space-between; gap:3px; padding:6px; border-radius:8px; color:#dce9de; background:rgba(255,255,255,.1); font-size:.67rem; font-weight:800; }
.stage-score-mini b { color:#fff; font-size:.88rem; }
.question-actions button:disabled { cursor:not-allowed; opacity:.48; }
@keyframes score-pop { 0% { transform:scale(1); } 35% { transform:scale(1.16) rotate(-3deg); filter:brightness(1.18); } 100% { transform:scale(1); } }

/* طالب الجولة: يرتبط بفصل الحصة ويظل ظاهرًا بجوار السؤال دون إطالة شاشة العرض. */
.game-student-card { display:grid; gap:8px; padding:14px; border:1px solid rgba(218,235,220,.28); border-radius:16px 16px 5px 16px; color:#fff; background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.055)); box-shadow:inset 3px 0 0 rgba(200,226,203,.64); }
.game-student-eyebrow { color:#c8e2cb; font-size:.68rem; font-weight:900; }
.game-student-card h3 { margin:-3px 0 0; color:#fff; font-size:1rem; }
.game-class-context { min-height:2.8em; margin:0; color:#d8e5d9; font-size:.72rem; font-weight:800; line-height:1.55; }
.game-selected-student { display:grid; place-items:center; min-height:42px; padding:8px; color:#34463a; border:1px solid #d9e9db; border-radius:11px 11px 4px 11px; background:#fff; text-align:center; font-size:.86rem; line-height:1.4; }
.game-student-label { color:#d8e5d9; font-size:.7rem; font-weight:850; }
.game-student-card select { width:100%; min-height:39px; padding:7px 9px; border:1px solid rgba(218,235,220,.45); border-radius:10px; color:#34463a; background:#fff; font:inherit; font-size:.78rem; font-weight:800; }
.game-student-card select:disabled { color:#748376; background:#edf3ee; }
.game-student-actions { display:grid; grid-template-columns:1fr 1fr; gap:7px; }
.game-student-actions button { min-height:37px; padding:7px; border:1px solid rgba(218,235,220,.34); border-radius:10px; color:#34463a; background:#c8e2cb; cursor:pointer; font:inherit; font-size:.72rem; font-weight:900; }
.game-student-actions button + button { color:#eef5ef; background:rgba(255,255,255,.1); }
.game-student-actions button:disabled { cursor:not-allowed; opacity:.5; }
.game-student-status { min-height:2.9em; margin:0; color:#d8e5d9; font-size:.7rem; font-weight:800; line-height:1.55; }
.game-student-status.is-success { color:#c8eacb; }.game-student-status.is-error { color:#ffd8d8; }

@media (max-width:900px) { .game-student-card { min-height:0; }.game-class-context,.game-student-status { min-height:0; } }
@media (max-width:420px) { .game-student-actions { grid-template-columns:1fr; } }