.salon-entry{display:flex;align-items:center;gap:24px}.join-qr{width:240px;flex-shrink:0;text-align:center}.join-qr canvas{width:100%;height:auto;display:block;border-radius:12px;background:white}.join-qr small{display:block;font-size:12px;color:#526f70;margin-top:8px}.join-code small{display:block}.participant-tiles{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:26px auto;max-width:1000px}.participant-tile{background:#d9f8f1;color:#095b62;border:2px solid #5ad4c5;border-radius:16px;padding:14px 22px;font-size:20px;font-weight:800;animation:tile-in .3s ease-out}.participant-tile:nth-child(3n+2){background:#fff1c5;border-color:#ffd15b;color:#78510d}.participant-tile:nth-child(3n){background:#dfedff;border-color:#96b9ff;color:#164b98}.game-board{overflow:hidden}.question-stage{transition:padding .55s ease; padding:14px 0}.game-question{transition:font-size .55s ease,margin .55s ease;max-width:1100px;margin:0 auto 20px;font-size:clamp(24px,3vw,42px);line-height:1.25;overflow-wrap:anywhere}.question-intro .question-stage{padding:70px 0}.question-intro .game-question{font-size:clamp(38px,5vw,74px);margin:30px auto}.answers-grid{opacity:1;transform:translateY(0);transition:opacity .4s ease,transform .4s ease}.question-intro .answers-grid{visibility:hidden;opacity:0;transform:translateY(40px);height:0;overflow:hidden}.answer-button.answer-0{background:#008d91!important;border-color:#00b2ae!important;color:#fff!important}.answer-button.answer-1{background:#facb36!important;border-color:#eeb600!important;color:#422d00!important}.answer-button.answer-2{background:#306bea!important;border-color:#5391ff!important;color:#fff!important}.answer-button.answer-3{background:#e74b69!important;border-color:#fc7189!important;color:#fff!important}.answer-button.answer-4{background:#803bd5!important;border-color:#a166ec!important;color:#fff!important}.game-board .answer-button{min-height:112px;border-width:3px;border-radius:20px;box-shadow:0 6px 0 #123c3e1a;opacity:1;font-size:clamp(18px,2vw,26px)}.game-board .answer-button:disabled{opacity:1;cursor:default}.game-board .answer-button.selected{outline:5px solid #193d45;outline-offset:3px;transform:translateY(-3px)}.game-board .answer-symbol{background:#ffffff26;color:inherit;width:66px;height:66px;flex-shrink:0}.game-board .answer-symbol svg{width:46px;height:46px;filter:drop-shadow(0 2px 1px #0002)}.game-board .answer-symbol small{font-size:12px}.game-board .game-controls{justify-content:center;gap:16px}.game-board [hidden]{display:none!important}.timer{background:#e7f9f6;color:#065e63;border-radius:12px;padding:10px 16px;font-weight:850}.live-ranking{max-width:980px;margin:20px auto 35px;text-align:left}.live-ranking h2{text-align:center;margin:20px}.live-ranking .leaderboard-row{position:relative;display:grid;grid-template-columns:55px minmax(0,1fr) auto 50px;gap:14px;border-radius:16px;background:#eff9f8;border:1px solid #cae9e4;padding:19px 22px;min-height:74px;margin:9px 0;font-size:20px}.live-ranking .leaderboard-row:first-of-type{background:#fff0b8;border-color:#f5d161}.live-ranking strong{overflow-wrap:anywhere}.rank-position{font-weight:900;color:#098087}.rank-score{font-weight:800}.rank-movement{color:#446b6d;text-align:right}.answer-feedback{max-width:660px;margin:28px auto;padding:30px;border-radius:28px;text-align:center}.feedback-correct{background:#d3f8df;color:#085d32;border:3px solid #39bc76}.feedback-wrong{background:#ffe0e5;color:#982743;border:3px solid #f17090}.feedback-icon{font-size:68px;font-weight:900}.answer-feedback h2{font-size:36px;margin:5px}.feedback-points{font-size:40px;display:block}.answer-feedback p{font-size:21px;font-weight:700}.round-label{text-align:center;font-weight:700}.personal-final{font-size:26px;color:#087f86}.bulk-import summary{cursor:pointer;font-weight:800;color:#087f86}.bulk-import pre{white-space:pre-wrap;font-size:13px;background:#eef7f5;padding:16px;border-radius:12px}.bulk-import #bulk-result{max-height:320px;overflow:auto;margin:16px 0}.bulk-import li{margin-bottom:10px}.tier-section{margin:26px 0}.tier-section .package-grid{margin-top:15px}.package-price{display:block;font-size:24px;margin:15px 0}.admin-row label{font-size:12px}.admin-row input[type=checkbox]{width:auto}.salon-entry .join-code{min-width:210px}.join-code button{font-size:38px;letter-spacing:4px}@keyframes tile-in{from{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@media(min-width:1400px){.join-qr{width:290px}}@media(max-width:760px){.salon-entry{width:100%;justify-content:center;flex-wrap:wrap}.join-qr{width:220px}.salon-entry .join-code{text-align:center}.game-board .answer-button{font-size:18px;min-height:100px;padding:12px}.game-board .answer-symbol{width:48px;height:48px}.game-board .answer-symbol svg{width:34px;height:34px}.live-ranking .leaderboard-row{grid-template-columns:30px minmax(0,1fr) auto 25px;gap:7px;padding:16px 10px;font-size:15px}.question-intro .question-stage{padding:30px 0}.question-intro .game-question{font-size:36px}.participant-tile{font-size:16px;padding:10px 15px}}@media(prefers-reduced-motion:reduce){.question-stage,.game-question,.answers-grid{transition:none}.participant-tile{animation:none}}
body.active-game .sidebar,body.active-game .topbar,body.active-game .public-header,body.active-game .page-heading,body.active-game .footer{display:none}body.active-game .main-shell{margin-left:0}body.active-game .content{padding:20px;max-width:1500px;margin:auto}body.active-game .game-board{min-height:calc(100vh - 90px);margin:0}body.active-game .public-shell{max-width:1500px;margin:auto}
body.active-game .content{width:100%}.game-meta .timer{width:auto;min-width:80px;height:auto;white-space:nowrap;font-size:22px}.game-board{width:100%}
[hidden]{display:none!important}
/* Multiple correct answers and accessible ordering. */
.question-tools{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.editor-tool{border:1px solid #b5dcd8;background:#effbf9;border-radius:6px;padding:5px 9px;color:#155e59;font-size:12px}.editor-tool:disabled{opacity:.35}.option-row>input[type=checkbox]{width:22px;height:22px;flex-shrink:0;accent-color:#007f78}.option-row>.order-rank{width:66px;flex-shrink:0}.question-panel .correct-hint{color:#376c69;font-size:12px}.answer-instruction,.answer-rule,.send-answer{grid-column:1/-1}.answer-instruction{font-size:17px;font-weight:600;color:#175c58;margin:0 0 6px}.answer-rule{color:#386963}.answer-area .send-answer{justify-self:center;min-width:230px;margin-top:8px}.selection-check{margin-left:auto;background:#ffffffd9;color:#143d3b;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;flex-shrink:0}.answer-button.selected .selection-check{background:#163e3c;color:white}.order-answers{grid-template-columns:1fr}.order-row{min-height:82px;padding:13px 20px}.order-position{font-size:25px;min-width:28px}.order-moves{margin-left:auto;display:flex;gap:7px;opacity:1!important;flex-shrink:0}.order-move{border:1px solid #ffffffa0;border-radius:8px;background:#ffffffdf;color:#123e3b;font-size:25px;width:44px;height:44px}.order-move:disabled{opacity:.35;cursor:default}.order-row .answer-body{flex:1;min-width:0}.order-row .option-image{max-height:100px}.answer-button:focus-visible,.order-move:focus-visible,.editor-tool:focus-visible{outline:4px solid #122f4b;outline-offset:4px}.question-intro .answer-area{pointer-events:none}@media(max-width:600px){.question-header{align-items:flex-start;gap:8px}.question-tools{justify-content:flex-end}.order-row{padding:12px 9px;gap:8px}.order-row .answer-symbol{width:40px;height:45px}.order-row .answer-symbol svg{width:30px;height:30px}.order-moves{flex-direction:column;gap:4px}.order-move{width:36px;height:34px;font-size:21px}.answer-instruction{font-size:14px}.answer-button .answer-text{overflow-wrap:anywhere}}
.teacher-preview{border:1px solid #cce5df;background:#f7fcfa;border-radius:12px;padding:14px;margin:17px 0}.teacher-preview summary{cursor:pointer;color:#146d68;font-weight:700}.preview-stage{padding:12px 0}.preview-stage h3{font-size:23px;margin:10px 0 22px;text-align:center}.preview-stage .answers-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.preview-stage .answer-button{min-height:75px;padding:12px}.preview-stage .answer-text{font-size:17px}.preview-stage .question-image{display:block;margin:auto auto 15px;max-height:220px}.answer-explanation{margin-top:15px;padding:12px 15px;border-radius:10px;background:#e8f8f2;color:#195b51;font-weight:600;white-space:pre-wrap}.exam-review{text-align:left;margin-top:25px}.exam-review h3{font-size:18px}.review-item{padding:14px;border:1px solid #d7eae6;border-radius:10px;background:#fff;margin:10px 0}.review-item p{margin:5px 0!important;font-size:14px}.review-right{color:#086b3e}.review-wrong{color:#af4f57}@media(max-width:600px){.preview-stage .answers-grid{grid-template-columns:1fr}}
.preview-stage .answer-button>.answer-symbol{color:inherit;opacity:1!important;background:#ffffff24;border-radius:8px;min-width:46px;min-height:46px}.preview-stage .answer-symbol svg{width:34px;height:34px;filter:drop-shadow(0 2px 1px #0002)}.preview-stage .answer-symbol small{font-size:11px}

/* On the live player's phone the projected question stays with the teacher. */
body.player-options-only .content{padding:clamp(8px,2vw,18px)}
body.player-options-only .game-board{min-height:calc(100dvh - 20px);padding:clamp(10px,2vw,22px)}
body.player-options-only #game-content{display:flex;flex-direction:column;min-height:calc(100dvh - 120px)}
body.player-options-only .game-meta{flex:none;gap:8px;align-items:center;margin-bottom:12px}
body.player-options-only .answer-area.single-choice{flex:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(var(--choice-rows),minmax(0,1fr));gap:clamp(8px,1.5vw,18px);min-height:360px}
body.player-options-only .answer-area.single-choice .answer-button{min-width:0;min-height:0;max-height:none;padding:clamp(8px,1.5vw,20px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(5px,1vw,12px);text-align:center;overflow:hidden}
body.player-options-only .answer-area.single-choice .answer-symbol{width:clamp(38px,7vh,66px);height:clamp(38px,7vh,66px)}
body.player-options-only .answer-area.single-choice .answer-symbol svg{width:72%;height:72%}
body.player-options-only .answer-area.single-choice .answer-body{flex:none;width:100%;min-width:0;font-size:clamp(14px,2.7vw,23px);font-weight:750;line-height:1.18}
body.player-options-only .answer-area.single-choice .answer-text{display:block;width:100%;overflow-wrap:normal;word-break:normal;hyphens:none;text-wrap:balance}
body.player-options-only .answer-area.single-choice .option-image{max-height:min(15vh,130px);max-width:100%;margin:5px auto 0}
body.player-options-only .answer-area.has-choice .answer-button.not-chosen{opacity:.36!important;filter:saturate(.2) brightness(1.22);transform:scale(.985)}
body.player-options-only .answer-area.has-choice .answer-button.selected{opacity:1!important;filter:saturate(1.2);outline:5px solid #0d3740;outline-offset:-5px;box-shadow:0 0 0 3px #fff,0 12px 28px #0c495340}
body.player-options-only .status-message{flex:none;margin:10px 0 0;font-size:18px;font-weight:800;color:#075e5d;text-align:center}
.game-board .home-link{display:inline-flex;margin:20px auto 5px;min-width:180px;justify-content:center;text-decoration:none}
.game-board #end-question-button{background:#fff4d9;border-color:#d99016;color:#704906;font-weight:800}
@media(max-width:600px){body.player-options-only .game-board{padding:10px 8px}body.player-options-only #game-content{min-height:calc(100dvh - 96px)}body.player-options-only .game-meta{font-size:13px}body.player-options-only .game-meta .timer{font-size:19px;padding:7px 10px}body.player-options-only .answer-area.single-choice{min-height:300px;gap:8px}body.player-options-only .answer-area.single-choice .answer-button{border-radius:16px;border-width:3px;padding:7px}body.player-options-only .answer-area.single-choice .answer-body{font-size:clamp(16px,4.5vw,21px)}body.player-options-only .answer-area.single-choice .answer-symbol{width:clamp(35px,6vh,49px);height:clamp(35px,6vh,49px)}}
@media(max-height:580px){body.player-options-only .answer-area.single-choice .answer-button{flex-direction:row}body.player-options-only .answer-area.single-choice .answer-symbol{width:34px;height:34px;flex:none}}
.question-intro .question-stage{padding:clamp(8px,3vh,32px) 0;max-height:68dvh;overflow:auto}
.question-intro .game-question{font-size:clamp(24px,min(5vw,7vh),70px);line-height:1.14;margin:8px auto;text-wrap:balance}
.question-intro .question-image{max-height:24dvh;margin:8px auto}
.rank-metrics{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2;white-space:nowrap}
.rank-time{font-size:12px;color:#315f63;font-weight:700;margin-top:4px}
@media(max-width:600px){.live-ranking .leaderboard-row{grid-template-columns:28px minmax(0,1fr) auto 20px}.rank-time{font-size:10px}}
.mfa-panel{margin-top:20px}.mfa-qr canvas{max-width:100%;height:auto;border:1px solid #b8dcd6;border-radius:12px;margin:14px 0}.mfa-secret{display:block;overflow-wrap:anywhere;padding:12px;background:#e9f7f3;margin:10px 0 18px;letter-spacing:2px}.mfa-panel pre{white-space:pre-wrap;font-size:17px;letter-spacing:2px}.mfa-login{max-width:480px;margin:10vh auto}
.media-review-row{align-items:center;gap:16px}.media-review-row img{width:120px;height:90px;object-fit:contain;background:#eef7f5;border:1px solid #b8d5d0;border-radius:10px}.media-review-row>div{flex:1;min-width:150px}
.host-participants{max-width:1000px;margin:22px auto;border-top:1px solid #b9dcd7;padding-top:14px}.host-participants summary{cursor:pointer;font-weight:800;color:#125b5e}.host-participant-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;margin-top:14px}.host-participant{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#e9f7f4;border:1px solid #b9ded8;padding:9px 12px;border-radius:12px}.host-participant .button{padding:5px 10px;font-size:12px}
.legal-nav{display:flex;flex-wrap:wrap;gap:.55rem;margin:0 0 1rem}.legal-nav a{display:inline-flex;align-items:center;min-height:2.5rem;padding:.5rem .85rem;border-radius:999px;background:#e4f8f4;color:#075b61;font-weight:700;text-decoration:none}.legal-nav a:hover,.legal-nav a:focus-visible{background:#b8eee3}.legal-document{max-width:960px;line-height:1.7}.legal-document h2{margin:1.6rem 0 .4rem;color:#075b61}.legal-document h2:first-child{margin-top:0}.legal-document p{margin:.4rem 0 1rem}.legal-document a,.legal-notice a,.legal-check a{color:#006f84;text-decoration:underline;text-underline-offset:2px}.legal-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.legal-settings-grid label{min-width:0}.legal-settings-grid textarea{width:100%}.legal-notice{font-size:.9rem;line-height:1.45}.legal-check{display:flex!important;align-items:flex-start;gap:.6rem;font-size:.9rem;line-height:1.4}.legal-check input{width:1.1rem;height:1.1rem;flex:0 0 auto;margin:.1rem 0 0}.footer nav{display:flex;gap:.7rem 1rem;flex-wrap:wrap}.footer nav a{color:inherit;text-decoration:underline;text-underline-offset:2px}@media(max-width:720px){.legal-settings-grid{grid-template-columns:1fr}.footer{flex-wrap:wrap;gap:.5rem}}