/* Kıblezan quiz suite. Layout and visual vocabulary mapped to the four supplied references. */
body.quiz-suite{background:#fbf8f1;color:#164d40}body.quiz-suite #sidebar,body.quiz-suite .shell>header,body.quiz-suite .shell>footer,body.quiz-suite .scrim{display:none!important}body.quiz-suite .shell{margin-left:0!important}body.quiz-suite main#main{max-width:none;margin:0;padding:0;min-height:100dvh}#mp-app.qr-reference{--qr-green:#155443;--qr-gold:#b99a50;--qr-cream:#fbf8f1;--qr-line:#e9e2d5;background:#fcf9f3;min-height:100dvh;max-width:1600px;margin:auto;color:#184d40;font:14px/1.6 Arial,Helvetica,sans-serif}#mp-app.qr-reference h1,#mp-app.qr-reference h2{font-family:Georgia,'Times New Roman',serif;font-weight:600;color:#133f35;letter-spacing:-.3px}#mp-app.qr-reference h1{font-size:31px;margin:0 0 7px}#mp-app.qr-reference h2{font-size:22px;margin:0 0 13px}#mp-app.qr-reference h3{font-family:Georgia,'Times New Roman',serif;font-size:17px;color:#173e34;margin:0 0 10px}#mp-app.qr-reference p{font-size:12px;color:#6f756b;line-height:1.8}#mp-app.qr-reference .card{border:1px solid #ebe5da;border-radius:10px;background:#fffdf9;box-shadow:0 2px 12px #4f452a06}#mp-app.qr-reference .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:6px;min-height:39px;padding:10px 18px;font-size:12px;line-height:1.4;font-weight:500;box-shadow:none;white-space:normal}#mp-app.qr-reference .btn:not(.secondary):not(.ghost):not(.qr-gold-button):not(.qr-danger-outline):not(.qr-danger-solid){background:linear-gradient(110deg,#155443,#226653);color:#fff;border:1px solid #155443}#mp-app.qr-reference .btn.secondary{border:1px solid #a5b9ab;background:#fffefa;color:#245d4c}#mp-app.qr-reference .btn.ghost{border:0;background:none;color:#556f60;padding:5px 9px;min-height:30px}#mp-app.qr-reference .btn.qr-gold-button{background:linear-gradient(120deg,#c8ad69,#b3903f);color:#fff;border:1px solid #c2a45f;min-height:45px}#mp-app.qr-reference .btn.qr-danger-outline{background:#fffaf8;border:1px solid #dba3a0;color:#b44845}#mp-app.qr-reference .btn.qr-danger-solid{background:#b8413f;border:1px solid #a63734;color:#fff}#mp-app.qr-reference button:disabled{opacity:.45}#mp-app.qr-reference input,#mp-app.qr-reference select,#mp-app.qr-reference textarea{border:1px solid #deded4;background:#fffefa;border-radius:6px;color:#3f5549;font:12px/1.5 Arial,sans-serif;padding:10px 12px}#mp-app.qr-reference input:focus,#mp-app.qr-reference select:focus,#mp-app.qr-reference textarea:focus{outline:2px solid #c4b073;outline-offset:2px}#mp-app.qr-reference label{font-size:11px;font-weight:400;color:#43594d}.qr-icon{width:19px;height:19px;display:inline-block;flex-shrink:0;vertical-align:middle}.qr-topbar{height:76px;display:flex;align-items:center;gap:44px;position:sticky;top:0;z-index:300;padding:0 42px;background:#fffdf9f5;backdrop-filter:blur(14px);border-bottom:1px solid #e4ded1;box-shadow:0 2px 8px #4b3d2210}.qr-brand{display:flex;align-items:center;gap:7px;color:#124c3e;font:bold 28px Georgia,'Times New Roman',serif;letter-spacing:-.8px;white-space:nowrap}.qr-brand svg{width:30px;height:38px}.qr-topbar nav{display:flex;flex-direction:row;align-self:stretch;align-items:stretch;gap:21px;overflow:visible}.qr-topbar nav button{display:flex;align-items:center;gap:7px;border:0;border-bottom:2px solid transparent;padding:2px 4px 0;color:#35473d;font-size:11px!important;font-weight:400;white-space:nowrap}.qr-topbar nav button .qr-icon{width:16px;height:16px}.qr-topbar nav button.active{color:#145443;border-bottom-color:#b39446;font-weight:600}.qr-topbar nav button.active .qr-icon{color:#b39446}.qr-header-actions{margin-left:auto;position:relative;gap:16px;flex-shrink:0}.qr-help-icon{border:1px solid #e3dbc8;border-radius:50%;font:13px Georgia;width:24px;height:24px;color:#a4894a}.qr-user{display:flex;gap:9px;align-items:center;background:none!important;border:0!important;font-size:11px!important;white-space:nowrap}.qr-user>.mp-avatar{height:33px;width:33px;font-size:16px;border:2px solid #d6c591}.qr-user-menu{position:absolute;top:55px;right:0;width:210px;z-index:400;background:#fffdf8;border:1px solid #e5dcc9;border-radius:9px;padding:7px;box-shadow:0 15px 30px #4e452620}.qr-user-menu button,.qr-user-menu a{display:block;width:100%;text-align:left;font-size:12px;padding:9px 12px;color:#335748;border-radius:4px}.qr-user-menu button:hover,.qr-user-menu a:hover{background:#f5efdf}.qr-page-body{position:relative;max-width:1340px;margin:auto;padding:38px 42px 55px;min-height:calc(100dvh - 76px)}.qr-ornament{position:absolute;width:125px;height:125px;background:url('assets/quiz/geometric-corner.svg') no-repeat center/contain;pointer-events:none;opacity:.46;z-index:0}.qr-tl{top:0;left:0}.qr-tr{top:0;right:0;transform:rotate(90deg)}#mp-content,.mp-social-panel,.mp-notice,.qr-demo-label{position:relative;z-index:1}.qr-demo-label{font-size:10px;color:#8b7843;background:#f7f1e3;border:1px solid #eee3c8;border-radius:6px;padding:7px 12px;margin:-15px 0 22px;display:flex;align-items:center;justify-content:space-between;gap:10px}.qr-demo-label .btn{font-size:10px!important;min-height:20px!important;padding:1px 5px!important}.qr-page-heading{margin-bottom:24px}.qr-page-heading>.btn{margin:0 0 13px -8px}#mp-app.qr-reference .qr-page-heading h1{font-size:30px}#mp-app.qr-reference .qr-page-heading p{margin:0;font-size:12px}.qr-heading-row{display:flex;align-items:center;justify-content:space-between;gap:22px}.qr-heading-row h1 .qr-icon{width:29px;height:29px;color:#bc9a45;margin-right:10px}.qr-muted{font-size:11px!important;color:#9c9f90!important;line-height:1.8}.qr-welcome-hero{min-height:315px;position:relative;padding:14px 0 25px;display:flex;align-items:center;overflow:hidden}.qr-welcome-hero>div{position:relative;z-index:2;max-width:55%}.qr-welcome-hero>div>span{font-size:9px;font-weight:600;letter-spacing:1px;color:#b3974b;display:block;margin-bottom:15px}#mp-app.qr-reference .qr-welcome-hero h1{font-size:40px;line-height:1.16;letter-spacing:-.7px;margin:0 0 18px;color:#164d3d}#mp-app.qr-reference .qr-welcome-hero h1 em{font-style:normal;color:#b49343}.qr-welcome-hero p{font:15px/1.75 Georgia,serif!important;color:#344e40!important;margin:0 0 19px}.qr-welcome-hero>img{position:absolute;right:-22px;width:72%;height:100%;top:-1px;object-fit:cover;object-position:100% 68%;mix-blend-mode:multiply;mask-image:linear-gradient(90deg,transparent,#000 20%,#000);pointer-events:none}.qr-play-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:0 0 25px}.qr-play-card{padding:24px 28px;text-align:left;display:flex;align-items:center;gap:24px;min-height:125px;border-radius:11px;box-shadow:0 5px 13px #5b482014;border:1px solid #1a5c48;color:#fff}.qr-play-card.qr-green{background:linear-gradient(115deg,#124d3e,#1f604e)}.qr-play-card.qr-gold{background:linear-gradient(115deg,#ac8b3e,#d0b267);border-color:#c6a45b}.qr-play-card>.qr-icon{width:48px;height:48px;color:#eee6be;stroke-width:1.25}#mp-app.qr-reference .qr-play-card h2{font-size:24px;color:#fff;margin:0 0 5px}.qr-play-card p{color:#f6f1dc!important;font-size:12px!important;margin:0}.qr-play-card>span{margin-left:auto;display:grid;place-items:center;width:33px;height:33px;border:1px solid #f4e6b980;border-radius:50%;font:29px Georgia;color:#fff2c4}.qr-home-bottom{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:16px}.qr-home-bottom .card{padding:21px}.qr-home-bottom h3{font:600 13px Arial!important;display:flex;align-items:center;gap:10px}.qr-home-bottom h3 .qr-icon{color:#b69b4d}.qr-home-bottom p{margin:16px 0 7px;max-width:260px}.qr-three-stats{display:flex;align-items:center;justify-content:space-evenly;margin:25px 0 5px;gap:10px}.qr-three-stats>div{text-align:center;flex:1;border-right:1px solid #eae4d7}.qr-three-stats>div:last-child{border:0}.qr-three-stats b{display:block;font:600 25px Georgia;color:#225b49}.qr-three-stats small{display:block;font-size:9px;color:#8d9387;margin-top:8px}.qr-bottom-links{display:flex;justify-content:center;gap:22px;margin-top:27px}.qr-create-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:22px;align-items:stretch}.qr-create-layout>.card{padding:25px}.qr-create-layout h2{font-family:Arial!important;font-size:16px!important;display:flex;align-items:center;gap:11px;margin-bottom:7px!important}.qr-create-layout h2>i{display:grid;place-items:center;min-width:27px;height:27px;border-radius:50%;background:#ba9b4b;color:#fff;font:normal 15px Georgia}.qr-category-panel>p{padding-left:37px;font-size:10px!important}.qr-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:25px 0}.qr-category-grid label{margin:0!important;cursor:pointer;position:relative}.qr-category-grid input{position:absolute;opacity:0;width:1px;height:1px}.qr-category-grid label>span{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:23px 5px;border:1px solid #e9e5dc;border-radius:8px;background:#fffefb;min-height:118px;color:#3c5145;text-align:center}.qr-category-grid .qr-icon{width:31px;height:31px;color:#b69749;stroke-width:1.4}.qr-category-grid b{font-size:11px;font-weight:500}.qr-category-grid i{position:absolute;top:8px;right:8px;border:1px solid #dfdccd;border-radius:3px;font-size:9px;color:transparent;width:12px;height:12px;line-height:10px;font-style:normal}.qr-category-grid input:checked+span{background:#165542;border-color:#1b6551;color:#fff;box-shadow:0 5px 10px #164e3c14}.qr-category-grid input:checked+span .qr-icon{color:#e8d99f}.qr-category-grid input:checked+span i{background:#85af97;border-color:#85af97;color:white}.qr-category-grid input:focus-visible+span{outline:3px solid #bfa456;outline-offset:3px}.qr-select-all{width:100%}.qr-game-options{display:flex;flex-direction:column;gap:20px}.qr-game-options>label{margin:0!important;display:grid!important;grid-template-columns:90px 1fr;align-items:center;font-size:11px!important}.qr-option-line{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.qr-option-line>strong{font-size:11px;font-weight:500;min-width:90px}.qr-option-line>small{color:#9c9d8f;font-size:9px}.qr-option-line .mp-number-control{max-width:160px;height:37px;padding:0;border-radius:5px;border-color:#dadace}.qr-option-line .mp-number-control button{width:33px;min-width:33px;height:35px;border-radius:0;background:#fbfaf6;color:#647c6a;font-size:17px;border-right:1px solid #e7e4da}.qr-option-line .mp-number-control button:last-child{border-left:1px solid #e7e4da;border-right:0}#mp-app.qr-reference .qr-option-line .mp-number-control input{height:35px;font-size:17px!important;min-width:45px;font-family:Georgia,serif!important}.qr-segmented{display:flex;flex:1;min-width:0;gap:7px}.qr-segmented label{margin:0!important;flex:1;cursor:pointer}.qr-segmented input{position:absolute;width:1px;height:1px;opacity:0}.qr-segmented label>span{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #dedfd5;border-radius:5px;font-size:11px;padding:9px 7px;background:#fffefa;color:#536759;line-height:1.5;min-height:36px}.qr-segmented input:checked+span{background:#155543;color:white;border-color:#155543}.qr-segmented .qr-icon{width:16px;height:16px}.qr-segmented input:focus-visible+span{outline:3px solid #bfa456;outline-offset:3px}.qr-visibility label>span{justify-content:start;min-height:53px}.qr-visibility input:checked+span{background:#fffef9;color:#1b5744;border-color:#5c8a73}.qr-visibility small{display:block;font-size:8px;color:#8f9a8b}.qr-visibility .qr-icon{height:22px;width:22px}.qr-game-options .mp-seat-field{display:flex;align-items:center;gap:13px;position:relative;padding-left:103px;margin:0;min-height:36px}.qr-game-options .mp-seat-field legend{position:absolute;left:0;top:11px;font-size:11px;width:90px;color:#41594b}.qr-game-options .mp-seat-picker{grid-template-columns:repeat(8,minmax(0,1fr));width:100%;gap:6px}.qr-game-options .mp-seat-picker label>span{padding:5px 3px;gap:0;border-radius:5px;min-height:32px;background:#fffefb;border-color:#e4e2d8}.qr-game-options .mp-seat-picker b{font-size:13px;font-family:Arial,sans-serif;color:#526c5b}.qr-game-options .mp-seat-picker small{display:none}.qr-game-options .mp-seat-picker input:checked+span{background:#155543;border-color:#155543;box-shadow:none}.qr-game-options .mp-seat-picker input:checked+span b{color:white}.qr-game-options>.qr-gold-button{width:100%;margin-top:auto}.qr-create-facts{display:flex;justify-content:center;gap:15px;font-size:10px;color:#9c8c5a;background:#faf6eb;padding:8px;border-radius:5px}.qr-create-facts b{color:#5f765c}.qr-room-list-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:28px}.qr-room-list-heading h1{margin-bottom:7px!important}.qr-room-list-heading p{margin:0}.qr-code-join{padding:13px 16px;background:#fffefa;border:1px solid #ece6d8;border-radius:9px;min-width:310px}.qr-code-join label{font-weight:600!important;color:#385b46!important;font-size:11px!important}.qr-code-join label>div{display:flex;gap:9px;margin-top:4px}.qr-code-join input{width:155px!important;font-weight:600!important;letter-spacing:1px}.qr-code-join .btn{padding:9px 17px!important}.qr-room-toolbar{display:flex;align-items:center;gap:13px;margin:0 0 24px}.qr-room-toolbar>input{flex:1;min-width:120px}.qr-room-toolbar>select{flex:1;min-width:100px}.qr-room-toolbar>.btn{white-space:nowrap!important}.qr-rooms-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.qr-room-item{display:flex;padding:12px;gap:13px;min-width:0}.qr-room-image{width:80px;flex-shrink:0;border-radius:7px;overflow:hidden;position:relative;background:#e5dbc3}.qr-room-image>img{width:100%;height:100%;object-fit:cover;object-position:83% 55%}.qr-crop-1>img{object-position:65% 70%;filter:sepia(.16)}.qr-crop-2>img{object-position:97% 35%;filter:saturate(.8)}.qr-room-item-body{flex:1;min-width:0}.qr-room-title{display:flex;justify-content:space-between;gap:7px;margin:3px 0 12px}.qr-room-title h3{font:600 12px/1.5 Arial!important;margin:0!important;overflow-wrap:anywhere}.qr-room-title>span{font-size:8px;color:#937e4b;background:#faf3e1;padding:3px 6px;border-radius:10px;white-space:nowrap;align-self:start}.qr-room-facts{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:12px;font-size:8px;color:#72816c}.qr-room-facts>span{display:flex;align-items:center;gap:4px}.qr-room-facts .qr-icon{width:12px;height:12px}.qr-category-tags{display:flex;gap:5px;flex-wrap:wrap;margin:0 0 12px}.qr-category-tags>span{font-size:8px;padding:2px 5px;background:#f2f1e8;border-radius:4px;color:#7b7f6b}.qr-room-item-body>.btn{width:100%;min-height:31px!important;font-size:10px!important;padding:7px!important}.qr-room-item-body>.btn.secondary{background:#f0f0eb!important;border-color:#e4e4db!important;color:#a1a599!important}.qr-lobby-top{display:flex;justify-content:space-between;margin:0 0 25px}.qr-lobby-meta{display:flex;justify-content:center;gap:55px;align-items:center;margin:5px 0 24px}.qr-code{display:grid;grid-template-columns:auto auto;column-gap:20px;align-items:center;border-right:1px solid #e5dece;padding-right:45px}.qr-code>small{grid-column:1/-1;font-size:11px;text-align:center;color:#84927c;margin-bottom:5px}.qr-code>strong{font:600 38px Georgia;letter-spacing:3px;color:#205c47}.qr-code>.btn{min-height:32px!important;font-size:11px!important;padding:7px 13px!important}.qr-lobby-meta>div:last-child>small{font-size:11px;color:#6a7d69}.qr-lobby-facts .mp-room-metrics{gap:12px;margin:7px 0}.qr-lobby-facts .mp-room-metrics>span{background:none;border:0;padding:0;font-size:10px}.qr-lobby-facts .mp-room-metrics b{font-size:12px}.qr-lobby-facts .mp-room-metrics .mp-glyph{width:14px;height:14px}.qr-lobby-facts>span{font-size:10px;color:#54705c}.qr-lobby-seats{display:flex;flex-wrap:wrap;justify-content:space-evenly;gap:14px;padding:24px 20px 17px!important}.qr-lobby-seats>article{display:flex;flex-direction:column;align-items:center;justify-content:start;position:relative;min-width:79px;flex:1;gap:8px;padding:4px 0}.qr-lobby-seats>article>small{font:600 10px Arial;color:#617259;margin-bottom:5px}.qr-lobby-seats .mp-avatar{width:64px;height:64px;border:3px solid #ebdcae;font-size:29px}.qr-lobby-seats .mp-profile-name-button{font:bold 14px Georgia;color:#2b503e}.qr-ready{font-size:9px;color:#9f9d86;background:#f7f2e6;border-radius:13px;padding:3px 9px}.qr-ready.yes{background:#2b8258;color:white}.qr-host{font-size:9px;color:#b19a50}.qr-lobby-seats .qr-empty-seat>span{display:grid;place-items:center;border:2px solid #e9e7dc;width:64px;height:64px;border-radius:50%;color:#d2d7c7}.qr-empty-seat .qr-icon{width:28px;height:28px;stroke-width:1.2}.qr-empty-seat>p{font-size:9px!important;text-align:center;line-height:1.6!important;color:#a1a896!important;margin:6px 0 0}.qr-lobby-invite{width:100%;display:flex;justify-content:center;margin-top:6px}.qr-lobby-invite .btn{min-height:32px!important;font-size:11px!important;padding:7px 20px!important}.qr-lobby-bottom{display:grid;grid-template-columns:1.6fr 1fr;gap:19px;margin-top:20px}.qr-chat{padding:19px}.qr-chat h3{font:600 13px Arial!important;border-bottom:1px solid #eee8dc;padding-bottom:11px}.qr-chat-messages{height:125px;overflow:auto;display:flex;flex-wrap:wrap;align-content:start;gap:11px}.qr-chat-messages article{display:flex;gap:8px;min-width:45%;align-items:start}.qr-chat .mp-avatar{width:28px;height:28px;font-size:13px}.qr-chat-messages strong{font:600 10px Arial;color:#42674e}.qr-chat-messages strong small{font-size:8px;font-weight:400;color:#a3aa99;margin-left:7px}.qr-chat-messages p{font-size:10px!important;margin:4px 0;line-height:1.6!important;overflow-wrap:anywhere}.qr-chat>form{display:flex;gap:9px;margin-top:13px}.qr-chat>form input{flex:1;min-width:0;font-size:11px!important;padding:8px 12px!important}.qr-chat>form button{min-height:34px!important;padding:8px 11px!important;border-radius:50%!important}.qr-start-panel{padding:26px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;background:linear-gradient(115deg,#fdfbf5,#fbf4e4)!important}.qr-start-panel>.qr-icon{width:40px;height:40px;color:#b49b51}.qr-start-panel p{margin:0;font-size:12px!important}.qr-start-panel>div{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;width:100%}.qr-start-panel .btn{flex:1;min-width:120px}.qr-start-panel .qr-gold-button{min-height:48px!important}.qr-reference .mp-room-invites{padding:22px;margin-top:20px}.qr-reference .mp-room-invites .mp-person{font-size:11px}.qr-match-bar{display:flex;justify-content:space-between;align-items:center;background:#fffdf8;border:1px solid #e9e3d6;border-radius:10px;padding:17px 23px;box-shadow:0 3px 8px #604b1f06;margin-bottom:28px;gap:16px}.qr-match-bar>div{display:flex;align-items:center;gap:22px}.qr-match-bar>div>.qr-icon{width:27px;height:27px;color:#255d46}.qr-match-bar strong{display:block;font:600 14px Georgia}.qr-match-bar small{display:block;font-size:10px;color:#87957b;margin-top:4px}.qr-connected{font-size:11px;color:#3c7254;font-weight:500}.qr-question-index{background:#faf0dc;border:1px solid #f4ead2;padding:7px 22px;font-size:11px;border-radius:6px}.qr-mode-name{font-size:11px;color:#9f8743;display:flex;align-items:center;gap:8px}.qr-mode-name .qr-icon{width:18px;height:18px}.qr-question-layout{max-width:1050px;margin:0 auto}.qr-question-card{padding:35px 40px!important;background:#fffdf8!important;box-shadow:0 2px 15px #77673809!important}.qr-question-title{display:flex;justify-content:space-between;align-items:start;gap:38px;margin-bottom:30px}#mp-app.qr-reference .qr-question-title h1{font:600 32px/1.4 Georgia,'Times New Roman',serif;max-width:720px;letter-spacing:-.6px;margin:8px 0;color:#143d31}.qr-timer{width:106px;height:106px;border-radius:50%;padding:7px;background:conic-gradient(#236b4e var(--timer-part,100%),#dfdfd2 0);flex-shrink:0}.qr-timer>div{width:100%;height:100%;border-radius:50%;background:#fffdf8;display:flex;flex-direction:column;align-items:center;justify-content:center}.qr-timer b{font:600 35px Georgia;color:#193e30;line-height:1}.qr-timer small{font:14px Georgia;color:#364f3c;margin-top:4px}.qr-four-choices{display:grid!important;grid-template-columns:1fr 1fr;gap:17px!important}.qr-four-choices button{padding:20px 19px!important;border:1px solid #eee8dc!important;background:#fbf8f1!important;border-radius:8px!important;gap:13px!important;min-height:72px!important;color:#183d31!important}.qr-four-choices button>span{height:24px!important;width:24px!important;border:1px solid #b9bcb0!important;background:none!important;border-radius:50%!important}.qr-four-choices strong{font:21px Georgia!important;font-weight:400!important}.qr-four-choices .selected{background:#eaf1e5!important;border-color:#55906b!important}.qr-four-choices .selected>span{border:6px solid #31764e!important;background:#fff!important}.qr-four-choices .selected i{display:none}#mp-app.qr-reference .mp-answer-status{font-size:11px;color:#899378;padding:22px 0 0}.qr-live-players{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:13px;margin-top:24px}.qr-live-players article{display:flex;align-items:center;gap:11px;background:#fffdf8;border:1px solid #ebe4d6;border-radius:8px;padding:15px}.qr-live-players .mp-avatar{width:45px;height:45px;font-size:20px;border-color:#d9c591}.qr-live-players article>div{min-width:0;flex:1}.qr-live-players article>div>small{display:block;font:10px Georgia;color:#777d67}.qr-live-players article>div>strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qr-live-players article>div>b{font:bold 17px Georgia;color:#b59644;display:block;margin-top:3px}.qr-live-players article>div>b>small{font:9px Arial;color:#aea185}.qr-answer-dot{font-size:14px;color:#d9dccf}.qr-answer-dot.answered{color:white;background:#438760;border-radius:50%;display:grid;place-items:center;width:20px;height:20px;font-size:12px}.qr-question-layout.circle{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;max-width:none;align-items:center}.qr-question-layout.circle .qr-question-card{padding:28px!important}.qr-question-layout.circle .qr-question-title{gap:20px;margin-bottom:27px}#mp-app.qr-reference .qr-question-layout.circle h1{font-size:28px}.qr-question-layout.circle .qr-timer{width:83px;height:83px;padding:5px}.qr-question-layout.circle .qr-timer b{font-size:28px}.qr-letter-ring{width:min(100%,430px);aspect-ratio:1;position:relative;justify-self:center}.qr-letter-ring>span{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:32px;height:32px;border:1px solid #aeb9a1;border-radius:50%;background:#fffefa;display:grid;place-items:center;font:16px Georgia;color:#36533d}.qr-letter-ring>span.current{background:#1d6750;color:white;border-color:#15583f;box-shadow:0 0 0 3px #dfd4a5}.qr-ring-center{position:absolute;inset:24%;display:grid;place-items:center;background:url('assets/quiz/ring-medallion.svg') no-repeat center/contain}.qr-ring-center strong{font:600 86px Georgia;color:#14533e}.qr-circle-answer{display:grid;gap:22px}.qr-circle-answer>input{height:45px;font-size:14px!important}.qr-circle-answer>div{display:flex;gap:13px}.qr-circle-answer>div .btn{flex:1;min-height:46px!important;font:18px Georgia!important}.qr-circle-answer>div .secondary{color:#b29546!important;border-color:#c6ae71!important;background:#fff9eb!important}.qr-ring-legend{display:flex;justify-content:center;gap:25px;margin:25px 0 0;font:13px Georgia;background:#fffdf8;border:1px solid #ece5d6;border-radius:8px;padding:15px}.qr-ring-legend>span:first-child{color:#236b4e}.qr-ring-legend>span:nth-child(2){color:#a83f4b}.qr-ring-legend>span:nth-child(3){color:#b89745}.qr-ring-legend>span:nth-child(4){color:#adb39c}.qr-reveal{display:flex;align-items:start;gap:22px;padding:29px!important}.qr-answer-seal{display:grid;place-items:center;background:#258557;color:#fff;border:4px solid #d2e4c9;box-shadow:0 0 0 2px #e6eedf;width:57px;height:57px;border-radius:50%;font:bold 34px Georgia;flex-shrink:0}.qr-answer-seal.wrong{background:#a63b43;border-color:#efdad5}.qr-answer-seal.passed{background:#b79845;border-color:#f1e6c8}.qr-reveal-copy{flex:1}.qr-reveal-copy>span{display:block;font:600 16px Georgia;color:#2a724e;margin:0 0 10px}.qr-reveal-copy h2{font-size:23px!important;margin:0 0 17px!important}.qr-reveal-copy>strong{font:600 20px Georgia;display:block;background:#faf4e7;border:1px solid #f1e9da;border-radius:4px;padding:9px 15px;max-width:600px;color:#334e37}.qr-reveal-copy>p{font:15px/1.7 Georgia!important;color:#465b43!important;margin:16px 0 12px}.qr-reveal-copy>small{font:12px Georgia;color:#838c74;display:flex;gap:8px;align-items:center}.qr-reveal-copy>small .qr-icon{width:17px;height:17px}.qr-reveal-next{text-align:center;min-width:145px;border-left:1px solid #eee5d3;padding-left:27px;display:flex;flex-direction:column;align-items:center;gap:13px}.qr-reveal-next>strong{font:600 13px Georgia}.qr-reveal-next .qr-timer{width:95px;height:95px}.qr-reveal-next .btn{font:11px Georgia!important;color:#a64248!important;text-decoration:underline}.qr-round-results{padding:22px 24px!important;margin-top:22px}.qr-round-results h2{font-size:19px!important;margin-bottom:17px!important}.qr-table-wrap{overflow:auto}#mp-app.qr-reference table{width:100%;border-collapse:separate;border-spacing:0;color:#405440;font:12px/1.6 Arial,sans-serif}#mp-app.qr-reference th{text-align:left;font-size:10px;font-weight:500;color:#787e6c;background:#fbf8ef;border-bottom:1px solid #e9e4d4;padding:10px 13px;white-space:nowrap}#mp-app.qr-reference td{border-bottom:1px solid #eeeadf;padding:12px 13px;font-size:11px}#mp-app.qr-reference tbody tr:last-child td{border-bottom:0}.qr-row-player{display:flex;align-items:center;gap:10px}.qr-row-player>i{display:grid;place-items:center;font:normal 12px Georgia;background:#f3e6be;color:#9a7c32;border-radius:50%;width:20px;height:20px;flex-shrink:0}.qr-row-player .mp-avatar{width:28px;height:28px;font-size:12px}.qr-result-correct,.qr-result-passed,.qr-result-wrong{display:inline-block;font-size:11px}.qr-result-correct{color:#278357}.qr-result-wrong{color:#aa3746}.qr-result-passed{color:#b89743}.qr-countdown{padding:55px 20px!important;text-align:center}.qr-countdown>span{font-size:10px;letter-spacing:2px;color:#b29a58}.qr-countdown h1{margin:24px 0 30px!important}.qr-countdown .qr-timer{margin:auto;width:140px;height:140px}.qr-countdown .qr-timer b{font-size:56px}.qr-countdown p{margin-top:25px!important}.qr-result-layout{display:grid;grid-template-columns:1fr 1fr;gap:35px}.qr-celebration{position:relative;text-align:center;padding:20px 15px 0;background:url('assets/quiz/mosque-garden.png') no-repeat center bottom/100%;isolation:isolate}.qr-celebration:before{content:"";position:absolute;inset:0;background:#fcf9f3e8;z-index:-1}.qr-cup{color:#bc952d;filter:drop-shadow(0 5px 3px #a1823230);margin-bottom:15px}.qr-cup>.qr-icon{height:88px;width:88px;stroke-width:1.1;fill:#f2d67944}.qr-celebration h1{font-size:30px!important}.qr-celebration h2{color:#b29142!important;font-size:23px!important;margin:5px 0 8px!important}.qr-celebration>p{font:14px Georgia!important}.qr-podium{display:flex;align-items:end;justify-content:center;gap:15px;max-width:630px;margin:48px auto 20px;padding-top:20px}.qr-podium-place{position:relative;width:150px;min-height:160px;border-radius:12px 12px 0 0;background:linear-gradient(#f0f0e9,#e0e0d8);padding:30px 12px 15px;text-align:center;display:flex;align-items:center;flex-direction:column;gap:10px}.qr-podium-place.qr-place-1{min-height:215px;background:linear-gradient(125deg,#f7e5ae,#d7b65f,#f7e7b2)}.qr-podium-place.qr-place-3{min-height:145px;background:linear-gradient(#f5e5ce,#dfc09c)}.qr-podium-medal{position:absolute;top:-41px;left:50%;transform:translateX(-50%);border:3px solid #fcf9ef;background:#ad9559;color:white;border-radius:50%;font:bold 17px Georgia;width:34px;height:34px;display:grid;place-items:center}.qr-place-2 .qr-podium-medal{background:#9baca5}.qr-place-3 .qr-podium-medal{background:#bd8b52}.qr-podium-place>.mp-avatar,.qr-podium-place>.mp-profile-avatar-button>.mp-avatar{height:62px;width:62px;border:3px solid #fbf4d4;font-size:27px;margin-top:-58px;box-shadow:0 0 0 2px #c9af6f}.qr-podium-place>strong{font:600 16px Georgia;color:#294b35;margin-top:28px;overflow-wrap:anywhere}.qr-podium-place>p{font:600 18px Georgia!important;margin:0!important;color:#7e682e!important}.qr-podium-place p small{font-size:11px;color:#9b8650}.qr-performance{padding:24px;margin:0 0 24px}.qr-performance h2{font-size:19px!important;display:flex;gap:11px;align-items:center}.qr-performance h2 .mp-avatar{height:31px;width:31px;font-size:15px}.qr-performance-numbers{display:flex;gap:0;padding:18px 0;margin-bottom:18px;border:1px solid #f0eadf;border-radius:6px}.qr-performance-numbers>div{flex:1;text-align:center;border-right:1px solid #eee6d5}.qr-performance-numbers>div:last-child{border:0}.qr-performance-numbers b{display:block;font:600 30px Georgia}.qr-performance-numbers small{font:12px Georgia;color:inherit;display:block;margin-top:5px}.qr-performance-numbers .correct{color:#297a51}.qr-performance-numbers .wrong{color:#aa3a46}.qr-performance-numbers .passed{color:#b6953c}.qr-earned{display:flex;justify-content:center;align-items:center;gap:17px;background:#fcf4e3;border-radius:7px;padding:15px;font-size:32px;color:#c0a03c}.qr-earned>span{font-size:10px;color:#8e875b;text-align:left}.qr-earned strong{display:block;font:600 25px Georgia;color:#ae8a2f}.qr-final-table{padding:22px}.qr-final-table h2{font-size:19px!important}.qr-result-actions{display:flex;gap:15px;margin-top:30px}.qr-result-actions>.btn{flex:1;min-height:46px!important;font-family:Georgia,serif!important;font-size:16px!important}.qr-review{margin-top:25px}.qr-with-sidebar{display:grid;grid-template-columns:190px minmax(0,1fr);gap:32px;align-items:start}.qr-section-nav{padding:19px 12px!important;background:#fffdf8!important}.qr-section-nav h2{font:600 16px Georgia!important;margin:0 8px 23px!important}.qr-section-nav h2>small{display:block;font:8px Arial;background:#c5a35e;color:white;width:max-content;padding:4px 9px;border-radius:15px;margin-top:8px}.qr-section-nav>button,.qr-section-nav>a{display:flex!important;align-items:center;gap:9px;width:100%;text-align:left;padding:12px 10px;border-radius:6px;font-size:11px!important;color:#556d5a;margin-bottom:6px;min-height:40px!important}.qr-section-nav>button>.qr-icon,.qr-section-nav>a>.qr-icon{width:17px;height:17px}.qr-section-nav>button.active{background:#eef2e4;color:#235c42;font-weight:600}.qr-section-nav>button>i{margin-left:auto;font-style:normal;border-radius:50%;background:#c65154;color:#fff;font-size:9px;min-width:16px;height:16px;text-align:center}.qr-friend-search{display:flex;gap:18px;margin:22px 0}.qr-friend-search input{max-width:380px;width:100%}.qr-friend-search>.btn{margin-left:auto}.qr-filter-tabs{display:flex;gap:26px;align-items:center;border-bottom:1px solid #e9e5d8;margin:0 0 20px}.qr-filter-tabs>button{padding:10px 6px 12px!important;border-bottom:2px solid transparent;white-space:nowrap;font-size:11px!important;min-height:40px!important;color:#677d65!important}.qr-filter-tabs>button.active{border-bottom-color:#206b4e;color:#1b5a3d!important}.qr-friend-list{display:grid;gap:0}.qr-friend-list>article{display:flex;align-items:center;gap:16px;padding:21px 6px;border-bottom:1px solid #e9e7da}.qr-friend-list>article>.mp-avatar{height:48px;width:48px;font-size:22px;border:2px solid #ded7c0}.qr-friend-list>article>div>h3{font:600 12px Arial!important;margin:0 0 5px!important}.qr-friend-list>article>div>small{font-size:10px;color:#9a9e8c;display:block}.qr-friend-stats{flex:1;min-width:0}.qr-friend-stats>.mp-presence{margin-top:0;font-size:10px!important}.qr-friend-stats>small{margin-top:8px;font-size:9px!important;color:#8c9681}.qr-friend-list>article>.row{gap:8px}.qr-friend-list .btn{min-height:34px!important;font-size:10px!important;padding:8px 14px!important}.qr-search-results,.qr-blocks{padding:18px 22px;margin-bottom:25px}.qr-notifications-page{display:grid;gap:16px}.qr-notifications-page>article{display:flex;align-items:center;gap:17px;padding:20px 23px!important}.qr-unread{width:7px;height:7px;border-radius:50%;background:#3c8cac;flex-shrink:0}.qr-notifications-page .mp-avatar{height:48px;width:48px;border:2px solid #ded6bd;font-size:22px}.qr-notifications-page>article>div:first-of-type{flex:1}.qr-notifications-page h3{font:600 13px Arial!important;margin:0 0 7px!important}.qr-notifications-page p{font-size:11px!important;margin:0 0 5px}.qr-notifications-page small{font-size:10px;color:#657d64}.qr-notifications-page small .qr-icon{width:15px;height:15px}.qr-invite-expiry{display:flex;flex-direction:column;text-align:center;gap:4px;margin:0 12px;color:#b24c4f}.qr-invite-expiry b{font-size:14px;font-weight:500}.qr-invite-expiry small{font-size:8px;color:#8f9884}.qr-notifications-page>.card>.row{flex-shrink:0;gap:8px}.qr-profile-heading{display:flex;gap:24px;align-items:center;margin:7px 0 25px}.qr-profile-heading>.mp-avatar{width:92px;height:92px;font:44px Georgia;background:#16533e;color:#fff;border:4px solid #e5e3c9}.qr-profile-heading>div{flex:1}.qr-profile-heading h1{font-size:29px!important;margin-bottom:7px!important}.qr-profile-heading p{font-size:12px!important;margin:0 0 10px}.qr-profile-heading small{font-size:10px;color:#8e9582}.qr-profile-heading>.btn{align-self:start}.qr-profile-overview{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:16px}.qr-profile-overview>.card{padding:21px}.qr-profile-overview h3{font-size:15px!important}.qr-donut{position:relative;width:126px;height:126px;background:conic-gradient(var(--donut-color,#24684f) var(--donut-part,0%),#e6e2d5 0);border-radius:50%;display:grid;place-items:center;margin:23px auto}.qr-donut:before{content:"";position:absolute;inset:12px;background:#fffdf9;border-radius:50%}.qr-donut>strong{position:relative;font:600 28px Georgia;color:#1b5840;text-align:center}.qr-donut>strong>small{display:block;font:8px Arial;max-width:80px;margin-top:6px;color:#939b85}.qr-chart-caption{display:flex;flex-wrap:wrap;gap:8px 10px;font-size:9px;color:#748669}.qr-chart-caption>span:nth-child(2){color:#a65c58}.qr-chart-caption>span:nth-child(3){color:#bba15d}.qr-profile-total{display:grid;grid-template-columns:20px auto 1fr;align-items:center;gap:10px;margin:23px 0;font-size:10px;color:#6d8164}.qr-profile-total .qr-icon{color:#b89a4a;width:17px;height:17px}.qr-profile-total strong{font:600 21px Georgia;color:#3e6245}.qr-profile-bottom{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;margin-top:23px}.qr-profile-bottom>.card{padding:24px}.qr-category-progress{display:grid;grid-template-columns:1.25fr 1fr 33px;gap:12px;align-items:center;margin:14px 0;font-size:11px;color:#39523b}.qr-category-progress>span{font-family:Georgia,serif}.qr-category-progress>i{height:8px;background:#e4e5db;border-radius:8px;overflow:hidden}.qr-category-progress i b{height:100%;display:block;border-radius:8px;background:linear-gradient(90deg,#236f59,#87b6a0)}.qr-category-progress:nth-child(odd) i b{background:linear-gradient(90deg,#ba943f,#d2b764)}.qr-category-progress small{font-size:10px;color:#5e7257}.qr-badges{display:flex;justify-content:space-around;gap:9px;margin:23px 0 8px}.qr-badges>div{display:flex;flex-direction:column;gap:10px;align-items:center;flex:1;text-align:center;min-width:0}.qr-badges>div>span{display:grid;place-items:center;width:48px;height:53px;clip-path:polygon(50% 0,94% 23%,94% 77%,50% 100%,6% 77%,6% 23%);background:linear-gradient(130deg,#e8d38d,#a47c28);padding:7px;position:relative;filter:drop-shadow(1px 3px 2px #7c5c1c30)}.qr-badges>div>span:before{content:"";position:absolute;inset:4px;clip-path:inherit;border:1px solid #fff3c0;background:linear-gradient(150deg,#d3ad48,#a5832c)}.qr-badges .qr-icon{position:relative;color:#fff1bb;width:24px;height:24px;stroke-width:1.5}.qr-badges small{font:9px/1.5 Georgia;color:#6e714f}.qr-badges>div.locked{opacity:.4;filter:grayscale(.8)}.qr-public-profile{padding:35px;max-width:650px;margin:auto;text-align:center}.qr-public-profile>.mp-avatar{height:80px;width:80px;font-size:37px;margin-bottom:20px}.qr-public-profile>.row{justify-content:center;margin-top:30px}.qr-public-profile h3{margin-top:30px!important;text-align:left}.qr-public-profile .qr-category-progress{text-align:left}.qr-profile-edit{max-width:700px;padding:30px;margin:auto}.qr-profile-edit label{margin-bottom:20px;display:grid;gap:8px}.qr-profile-edit label:has([type=checkbox]){display:flex;flex-direction:row;align-items:center}.qr-leader-filters{display:flex;justify-content:space-between;align-items:center;margin:0 0 5px}.qr-leader-filters .qr-filter-tabs{border:0;margin:0}.qr-leader-filters>select{min-width:170px}.qr-leader-table{margin-top:30px;overflow:hidden}.qr-table-player{display:flex;align-items:center;gap:12px;font-size:12px;text-align:left}.qr-table-player .mp-avatar{width:30px;height:30px;font-size:14px}.qr-table-player>i{font-style:normal;background:#c6aa61;color:#fff;font-size:9px;padding:3px 7px;border-radius:10px}.qr-me-row{background:#eaf3e6}.qr-history{padding:10px}.qr-history>.row{padding:14px}.qr-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.qr-settings-grid>.card{padding:24px}.qr-settings-grid h3{font:600 15px Georgia!important;display:flex;align-items:center;gap:11px;margin-bottom:22px!important}.qr-settings-grid h3>.qr-icon{color:#2c6850;width:19px;height:19px}.qr-toggle-row{display:flex!important;flex-direction:row;align-items:center;justify-content:space-between;position:relative;gap:14px;margin:16px 0}.qr-toggle-row>span>strong{display:block;font-size:11px;font-weight:500;color:#3f5944}.qr-toggle-row>span>small{display:block;font-size:9px;color:#939e86;line-height:1.7;margin-top:4px}.qr-toggle-row input{position:absolute;right:0;width:1px;height:1px;opacity:0}.qr-toggle-row>i{width:35px;height:20px;border-radius:20px;display:block;background:#d5dbcb;position:relative;flex-shrink:0}.qr-toggle-row>i:after{content:"";position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:white;transition:transform .15s}.qr-toggle-row>input:checked+i{background:#286952}.qr-toggle-row>input:checked+i:after{transform:translateX(15px)}.qr-toggle-row>input:focus-visible+i{outline:2px solid #b5a05e;outline-offset:3px}.qr-settings-grid label:has(select){display:grid;gap:8px}.qr-setting-link{display:flex;justify-content:space-between;font-size:12px;padding:13px 0;border-bottom:1px solid #ebe8dc;margin-bottom:18px}.qr-help-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.qr-help-steps>.card{position:relative;text-align:center;padding:28px 20px 20px}.qr-help-steps>.card>i{position:absolute;top:13px;left:13px;border-radius:50%;background:#ba9c52;color:white;width:23px;height:23px;font:normal 12px/23px Georgia}.qr-help-steps>.card>.qr-icon{width:34px;height:34px;color:#23674f;margin:5px 0 22px}.qr-help-steps h3{font-size:16px!important}.qr-help-steps p{font-size:11px!important}.qr-help-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}.qr-help-grid>.card{padding:24px}.qr-help-grid h3{font:600 16px Georgia!important;display:flex;align-items:center;gap:10px}.qr-help-grid h3 .qr-icon{color:#ae9149}.qr-help-grid ul{padding-left:17px;font-size:11px;color:#6e7c65;line-height:2}.qr-help-grid details{font-size:11px;line-height:1.9;border-top:1px solid #ece7d9;padding:11px 0;color:#5b7359}.qr-help-grid summary{cursor:pointer}.qr-help-grid details p{font-size:11px!important;margin:9px 0 0}.qr-help-modes{display:flex;gap:15px;margin-top:20px}.qr-help-modes>div{flex:1;border:1px solid #e4e7d7;border-radius:6px;padding:13px}.qr-help-modes>div:first-child{border-color:#91b5a0;background:#f1f7ed}.qr-help-modes strong{font-size:12px}.qr-help-modes p{font-size:10px!important;margin:7px 0 0}.qr-admin{grid-template-columns:190px minmax(0,1fr);gap:25px}.qr-admin>.qr-section-nav{background:linear-gradient(110deg,#fcf8ec,#fffdf8)!important}.qr-admin .qr-section-nav>button.active{background:#f5edd8;color:#a88c41}.qr-admin .qr-page-heading h1{font-family:Georgia!important}.qr-admin .qr-page-heading{margin-bottom:22px}.qr-admin-filters{display:flex;align-items:center;gap:15px;margin:0 0 17px}.qr-admin-filters>select{min-width:200px}.qr-admin-filters>input{margin-left:auto;min-width:240px}.qr-admin .qr-table-wrap{padding:7px;min-width:0}.qr-admin th{font-size:10px!important}.qr-admin td{font-size:10px!important;padding:10px!important}.qr-admin td:nth-child(2){max-width:330px}.qr-admin td .btn{min-height:26px!important;padding:5px 9px!important;font-size:9px!important;white-space:nowrap!important}.qr-active-dot{font-size:9px;color:#ac5358}.qr-active-dot:before{content:"";display:inline-block;width:5px;height:5px;background:currentColor;border-radius:50%;margin-right:6px}.qr-active-dot.yes{color:#2d8a5b}.qr-admin-summary{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:25px}.qr-admin-summary>.card{padding:23px}.qr-admin-summary h3{display:flex;align-items:center;gap:9px;font-size:16px!important}.qr-admin-summary h3 .qr-icon{color:#bc9a4c}.qr-admin-summary strong{font:600 27px Georgia;color:#4a7653}.qr-admin-summary p,.qr-admin-summary span{font-size:10px!important;color:#8b977e}.qr-admin-summary .card>div{display:flex;align-items:center;gap:12px}.qr-admin-pagination{margin-top:15px;gap:12px}.qr-admin-pagination>.btn{font-size:10px!important}.qr-admin-import{padding:25px;margin-top:22px}.qr-admin-import label{margin-bottom:15px}.qr-admin-import form{display:grid;gap:14px}.qr-demo-note{font-size:10px!important;color:#9d8751!important;background:#faf2df;border:1px solid #eee2c5;padding:10px 13px;border-radius:5px}.qr-question-editor{display:grid;gap:15px}.qr-question-editor label{display:grid;gap:7px;font-size:12px}.qr-editor-options{display:grid;grid-template-columns:1fr 1fr;gap:15px}.qr-question-editor label:has([type=checkbox]){display:flex;align-items:center;flex-direction:row}.quiz-suite #mp-mini-profile{width:450px;right:auto;left:50%;top:50%;transform:translate(-50%,-50%);padding:24px;max-height:86dvh;background:#fffefb;border:1px solid #d7d5c9;border-radius:9px;box-shadow:0 0 0 200vmax #1e271766,0 12px 40px #0002;z-index:1450}.quiz-suite .mp-mini-title{margin-bottom:17px}.quiz-suite .mp-mini-title>span{font-family:Georgia;color:#a89559;font-size:9px}.quiz-suite .mp-mini-person>.mp-avatar{width:66px;height:66px;border-color:#d6c58d;font-size:31px}.quiz-suite .mp-mini-person h2{font:600 23px Georgia;color:#214d3a}.quiz-suite .mp-mini-stats{margin:21px 0;padding:16px 0}.quiz-suite .mp-mini-stats b{font:600 24px Georgia;color:#29583b}.quiz-suite .mp-mini-stats small{font-size:9px;color:#959c82}.quiz-suite .mp-mini-profile h3{font:600 14px Georgia;color:#31533a;margin:20px 0 12px}.quiz-suite .mp-mini-profile .qr-category-progress{font-size:10px;grid-template-columns:1.2fr 1fr 30px}.quiz-suite .mp-mini-profile .qr-category-progress>span{font-family:Georgia}.quiz-suite .mp-mini-current{margin:20px 0 15px;padding:10px 14px;display:flex;justify-content:space-between;background:#fcf8ed;border-color:#ede3cb}.quiz-suite .mp-mini-current>strong{font:600 20px Georgia;color:#a68b41}.qr-mini-actions{display:flex;gap:9px;flex-wrap:wrap}.quiz-suite .qr-mini-actions .btn{font-size:10px;min-height:32px;flex:1;white-space:nowrap;padding:8px}.quiz-suite .qr-mini-actions .btn:not(.secondary):not(.qr-danger-outline){background:#1e604b;color:white;border:1px solid #1b5843}.quiz-suite .qr-mini-actions .qr-danger-outline{background:#fffafa;border:1px solid #d39b9b;color:#ad4c51}.quiz-suite .mp-mini-foot{font-size:8px;margin-top:15px}.quiz-suite .mp-notification-drawer{background:#fffdf8;border-color:#e6deca;border-radius:10px}.quiz-suite .mp-global-bell{border:0;background:none;width:30px;height:30px;color:#254f3d}.quiz-suite .mp-global-bell>svg{width:19px;height:19px}.quiz-suite .mp-global-bell>span{background:#c95552;top:-3px;right:-3px}.quiz-suite .mp-notification-item{background:#faf8ef;border-color:#ece6d6}.qr-leave-confirm{position:fixed;z-index:1550;left:50%;top:50%;transform:translate(-50%,-50%);width:360px;max-width:calc(100vw - 35px);border:1px solid #e7bdb8;border-radius:10px;background:#fff6f2;box-shadow:0 0 0 200vmax #172a1b45,0 12px 40px #0002;padding:28px;text-align:center}.qr-leave-confirm>span{font-size:30px;color:#bc4342}.qr-leave-confirm h2{font-size:21px!important;margin-top:18px!important;color:#793c37!important}.qr-leave-confirm p{font-size:12px!important;color:#a37f72!important}.qr-leave-confirm>div{display:flex;justify-content:center;gap:14px;margin-top:22px}.qr-empty-install{padding:60px 30px;text-align:center}.qr-reference[data-font-size=large]{font-size:16px}.qr-reference[data-font-size=large] p,.qr-reference[data-font-size=large] td{font-size:14px!important}.qr-reference[data-font-size=small] p,.qr-reference[data-font-size=small] td{font-size:10px!important}.qr-reduce-motion *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
/* Original solo quiz engine stays intact inside the same visual family. */
body.quiz-suite .qz-page{max-width:1150px;margin:35px auto;background:#fcf9f3;padding:25px;border:1px solid #ebe3d2;border-radius:12px}body.quiz-suite .qz-hero{background:#fbf7ed;border-color:#eadfc5;box-shadow:none}body.quiz-suite .qz-game-heading{background:#fffdf7;border-color:#e7decc}body.quiz-suite .qz-game-heading h1{font-family:Georgia,serif;color:#174c3d}body.quiz-suite .qz-choice-layout .qz-options{display:grid;grid-template-columns:1fr 1fr;gap:18px}body.quiz-suite .qz-options>button{background:#faf6ed;border:1px solid #ebe2d1;font-family:Georgia,serif;font-size:20px;border-radius:7px;padding:20px}body.quiz-suite .qz-question-card{background:#fffdf8;border:1px solid #e8e1d2;box-shadow:none}body.quiz-suite .qz-question-card h2{font-family:Georgia,serif;font-size:29px;color:#164334}body.quiz-suite .qz-next,body.quiz-suite .qz-start{background:#1a5d47;border-radius:6px}body.quiz-suite .qz-ring{background:#fffdf8;border-color:#d8c58d}body.quiz-suite .qz-scoreboard{background:#fffdf8;border-color:#e9e1cd}
@media(min-width:1600px){.qr-page-body{padding-top:45px}.qr-topbar{padding:0 65px;gap:60px}.qr-welcome-hero{min-height:355px}#mp-app.qr-reference .qr-welcome-hero h1{font-size:45px}.qr-room-image{width:95px}.qr-rooms-grid{gap:22px}}
@media(max-width:1150px){.qr-topbar{gap:25px;padding:0 25px}.qr-topbar nav{gap:14px}.qr-page-body{padding:30px}.qr-rooms-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qr-home-bottom{grid-template-columns:1fr 1fr}.qr-home-bottom>.card:last-child{grid-column:1/-1}.qr-create-layout{gap:18px}.qr-create-layout>.card{padding:22px}.qr-category-grid{gap:8px}.qr-option-line>strong{min-width:79px}.qr-game-options .mp-seat-field{padding-left:92px}.qr-segmented label>span{font-size:10px}.qr-with-sidebar{grid-template-columns:165px minmax(0,1fr);gap:22px}.qr-friend-stats{min-width:180px}.qr-friend-list>article{flex-wrap:wrap}.qr-friend-list>article>.row{margin-left:64px}.qr-profile-overview{grid-template-columns:1fr 1fr}.qr-profile-overview>.card:last-child{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px 20px}.qr-profile-overview>.card:last-child>h3{width:100%}.qr-profile-total{margin:10px;flex:1;min-width:130px}.qr-admin-filters>input{min-width:120px}.qr-question-layout.circle{gap:20px}.qr-letter-ring>span{width:29px;height:29px;font-size:14px}}
@media(max-width:850px){.qr-topbar{gap:15px;height:auto;min-height:70px;flex-wrap:wrap;padding:15px 22px 0}.qr-brand{font-size:25px}.qr-topbar nav{order:3;width:100%;justify-content:center;gap:28px;height:43px}.qr-topbar nav button{font-size:11px!important}.qr-header-actions{gap:10px}.qr-user>span{font-size:10px}.qr-page-body{padding:28px 24px}.qr-welcome-hero>div{max-width:65%}#mp-app.qr-reference .qr-welcome-hero h1{font-size:35px}.qr-welcome-hero>img{right:-70px;width:85%;opacity:.8}.qr-play-card{gap:14px;padding:22px 20px;min-height:115px}.qr-play-card>.qr-icon{width:35px;height:35px}#mp-app.qr-reference .qr-play-card h2{font-size:21px}.qr-create-layout{grid-template-columns:1fr}.qr-category-grid{grid-template-columns:repeat(3,1fr)}.qr-category-grid label>span{min-height:107px}.qr-game-options{gap:23px}.qr-option-line>.qr-segmented{max-width:430px}.qr-game-options .mp-seat-field{max-width:600px}.qr-room-list-heading{align-items:start;gap:18px}.qr-code-join{min-width:260px}.qr-code-join input{width:120px!important}.qr-code-join .btn{padding:8px 12px!important}.qr-room-toolbar{flex-wrap:wrap}.qr-room-toolbar>input{width:100%;flex:none}.qr-room-toolbar>.btn{font-size:11px!important}.qr-lobby-meta{gap:25px}.qr-code{padding-right:25px;column-gap:13px}.qr-code>strong{font-size:30px}.qr-lobby-bottom{grid-template-columns:1fr}.qr-chat-messages{height:130px}.qr-start-panel{flex-direction:row;padding:21px}.qr-start-panel>.qr-icon{width:34px}.qr-start-panel>div{flex:1;width:auto;min-width:190px}.qr-match-bar{padding:15px}.qr-match-bar>div{gap:13px}.qr-connected{display:none}.qr-question-title{gap:25px}#mp-app.qr-reference .qr-question-title h1{font-size:28px}.qr-question-card{padding:28px!important}.qr-question-layout.circle{grid-template-columns:1fr}.qr-letter-ring{width:340px}.qr-question-layout.circle .qr-question-card{width:100%}.qr-result-layout{gap:22px}.qr-celebration{padding:20px 0}.qr-celebration h1{font-size:24px!important}.qr-podium{gap:8px}.qr-podium-place{width:110px;padding:30px 8px 14px}.qr-podium-place>strong{font-size:13px}.qr-podium-place>.mp-avatar,.qr-podium-place>.mp-profile-avatar-button>.mp-avatar{width:50px;height:50px;font-size:22px;margin-top:-52px}.qr-podium-place>p{font-size:16px!important}.qr-performance{padding:20px}.qr-performance-numbers b{font-size:24px}.qr-result-actions{gap:10px}.qr-result-actions>.btn{font-size:13px!important}.qr-with-sidebar{grid-template-columns:145px minmax(0,1fr);gap:18px}.qr-section-nav{padding:17px 8px!important}.qr-section-nav>button,.qr-section-nav>a{font-size:10px!important;padding:11px 7px}.qr-section-nav h2{font-size:15px!important;margin:0 7px 16px!important}.qr-friend-list>article{gap:12px}.qr-friend-stats{min-width:150px}.qr-profile-heading{gap:16px}.qr-profile-heading>.mp-avatar{width:72px;height:72px;font-size:33px}.qr-profile-heading>.btn{font-size:10px!important;padding:8px 12px!important}.qr-profile-bottom{grid-template-columns:1fr}.qr-help-steps{grid-template-columns:1fr 1fr}.qr-help-grid{grid-template-columns:1fr}.qr-settings-grid{grid-template-columns:1fr}.qr-notifications-page>article{flex-wrap:wrap;gap:13px;padding:18px!important}.qr-notifications-page>.card>.row{margin-left:75px}.qr-invite-expiry{margin:0 0 0 auto}.qr-admin{grid-template-columns:145px minmax(0,1fr)}.qr-admin .qr-page-heading{align-items:start;flex-direction:column}.qr-admin-summary{grid-template-columns:1fr}.qr-admin-summary>.card>div{flex-wrap:wrap}}
@media(max-width:600px){.qr-topbar{padding:13px 16px 0;gap:10px}.qr-brand{font-size:23px}.qr-brand svg{width:25px;height:31px}.qr-user>span{display:none}.qr-help-icon{display:none}.qr-topbar nav{gap:0;justify-content:space-between;height:43px}.qr-topbar nav button{font-size:10px!important;gap:5px;padding:0 5px}.qr-topbar nav button>.qr-icon{width:13px;height:13px}.qr-page-body{padding:22px 17px 35px}.qr-ornament{width:82px;height:82px}.qr-demo-label{font-size:8px;line-height:1.7;margin:-8px 0 16px;padding:7px 9px;align-items:start}.qr-demo-label .btn{white-space:nowrap!important;font-size:8px!important}#mp-app.qr-reference h1,#mp-app.qr-reference .qr-page-heading h1{font-size:26px}.qr-welcome-hero{min-height:290px;padding:8px 0 26px}.qr-welcome-hero>div{max-width:78%}.qr-welcome-hero>div>span{font-size:7px;letter-spacing:.8px;margin-bottom:14px}#mp-app.qr-reference .qr-welcome-hero h1{font-size:31px;line-height:1.2;margin-bottom:17px}.qr-welcome-hero p{font-size:12px!important;line-height:1.8!important;max-width:230px}.qr-welcome-hero>img{width:110%;right:-100px;top:0;opacity:.5;mask-image:linear-gradient(90deg,transparent,#000 40%)}.qr-play-cards{grid-template-columns:1fr;gap:13px;margin-bottom:18px}.qr-play-card{padding:21px;min-height:104px;gap:19px}.qr-play-card>.qr-icon{width:39px;height:39px}#mp-app.qr-reference .qr-play-card h2{font-size:23px}.qr-play-card p{font-size:11px!important}.qr-home-bottom{grid-template-columns:1fr;gap:13px}.qr-home-bottom>.card:last-child{grid-column:auto}.qr-home-bottom>.card{padding:20px}.qr-three-stats{margin:22px 0 3px}.qr-home-bottom p{max-width:none}.qr-bottom-links{gap:9px}.qr-bottom-links>.btn{font-size:10px!important}.qr-page-heading{margin-bottom:21px}.qr-page-heading>p{font-size:11px!important}.qr-create-layout>.card{padding:20px}.qr-category-grid{gap:9px;margin:21px 0}.qr-category-grid label>span{min-height:105px;padding:17px 5px;gap:12px}.qr-category-grid b{font-size:10px}.qr-category-grid .qr-icon{width:28px;height:28px}.qr-option-line{gap:9px}.qr-option-line>strong{min-width:76px;font-size:10px}.qr-option-line>small{font-size:8px}.qr-game-options>label{grid-template-columns:77px 1fr;font-size:10px!important}.qr-segmented label>span{font-size:10px;padding:8px 7px;gap:6px}.qr-segmented .qr-icon{width:13px;height:13px}.qr-game-options .mp-seat-field{padding-left:0;padding-top:28px}.qr-game-options .mp-seat-field legend{top:0;width:auto;font-size:10px}.qr-game-options .mp-seat-picker{gap:7px}.qr-game-options .mp-seat-picker label>span{padding:5px 2px;min-height:34px}.qr-game-options .mp-seat-picker b{font-size:12px}.qr-option-line .mp-number-control{max-width:144px}.qr-option-line .mp-number-control button{width:29px;min-width:29px}.qr-visibility{width:100%;flex:none;margin-top:3px}.qr-visibility label>span{padding:10px 8px;gap:10px;font-size:10px}.qr-visibility small{font-size:8px}.qr-create-facts{font-size:9px;gap:12px}.qr-room-list-heading{display:block;margin-bottom:20px}.qr-room-list-heading p{font-size:11px!important}.qr-code-join{margin-top:20px;min-width:0;width:100%;padding:14px 16px}.qr-code-join input{width:100%!important;flex:1}.qr-code-join>.btn{min-width:80px}.qr-room-toolbar{gap:9px}.qr-room-toolbar>select{font-size:10px!important;padding:9px 6px!important;max-width:calc(50% - 5px);flex:1}.qr-room-toolbar>.btn{flex:1}.qr-rooms-grid{grid-template-columns:1fr;gap:14px}.qr-room-item{padding:13px;gap:15px}.qr-room-image{width:86px}.qr-room-title h3{font-size:13px!important}.qr-room-title>span{font-size:8px}.qr-room-facts{font-size:9px;gap:9px}.qr-room-facts .qr-icon{width:13px;height:13px}.qr-category-tags>span{font-size:9px}.qr-room-item-body>.btn{min-height:33px!important}.qr-lobby-top{margin-bottom:19px}.qr-lobby-meta{display:block;text-align:center;margin-bottom:21px}.qr-code{border:0;padding:0;display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap}.qr-code>small{width:100%;margin-bottom:0;font-size:10px}.qr-code>strong{font-size:30px}.qr-lobby-meta>div:last-child{margin-top:19px}.qr-lobby-facts .mp-room-metrics{justify-content:center;gap:14px}.qr-lobby-facts .mp-room-metrics>span{font-size:9px}.qr-lobby-facts .mp-room-metrics b{font-size:12px}.qr-lobby-facts .mp-room-metrics .mp-glyph{width:13px}.qr-lobby-seats{padding:20px 13px!important;gap:20px 9px}.qr-lobby-seats>article{flex:0 1 calc(25% - 9px);min-width:66px;gap:7px}.qr-lobby-seats .mp-avatar{width:53px;height:53px;font-size:24px}.qr-lobby-seats .mp-profile-name-button{font-size:12px}.qr-lobby-seats>article>small{margin-bottom:3px}.qr-lobby-seats .qr-empty-seat>span{height:53px;width:53px}.qr-ready{font-size:8px;padding:3px 8px}.qr-host{font-size:8px}.qr-lobby-bottom{gap:15px;margin-top:16px}.qr-chat{padding:18px}.qr-chat-messages{height:125px;gap:13px}.qr-chat-messages article{min-width:100%}.qr-start-panel{padding:20px;gap:15px;flex-wrap:wrap}.qr-start-panel>p{font-size:11px!important}.qr-start-panel>div{width:100%;flex:auto}.qr-start-panel .btn{font-size:12px!important;min-height:41px!important}.qr-reference .mp-room-invites{padding:19px}.qr-match-bar{padding:13px;gap:12px;flex-wrap:wrap;margin-bottom:19px}.qr-match-bar>div{gap:10px}.qr-match-bar>div>.qr-icon{width:22px}.qr-match-bar strong{font-size:12px}.qr-match-bar small{font-size:9px}.qr-match-bar>div:last-child{width:100%;border-top:1px solid #eee7d6;padding-top:12px}.qr-mode-name{margin-left:auto;font-size:10px}.qr-question-index{font-size:10px;padding:5px 14px}.qr-match-bar .btn{font-size:10px!important;min-height:26px!important;padding:3px 6px!important}.qr-question-card{padding:22px 19px!important}.qr-question-title{gap:16px;margin-bottom:24px;align-items:center}#mp-app.qr-reference .qr-question-title h1{font-size:24px;line-height:1.45;margin:0}.qr-timer{width:74px;height:74px;padding:5px}.qr-timer b{font-size:27px}.qr-timer small{font-size:11px}.qr-four-choices{grid-template-columns:1fr;gap:12px!important}.qr-four-choices button{padding:16px!important;min-height:59px!important}.qr-four-choices strong{font-size:19px!important}.qr-four-choices button>span{width:20px!important;height:20px!important}.qr-question-layout.circle .qr-question-card{padding:21px 18px!important}#mp-app.qr-reference .qr-question-layout.circle h1{font-size:23px}.qr-question-layout.circle .qr-timer{width:70px;height:70px}.qr-question-layout.circle .qr-timer b{font-size:25px}.qr-letter-ring{width:min(100%,330px)}.qr-letter-ring>span{width:27px;height:27px;font-size:13px}.qr-ring-center strong{font-size:67px}.qr-circle-answer>div>.btn{font-size:16px!important}.qr-ring-legend{gap:14px;font-size:10px;padding:12px}.qr-live-players{grid-template-columns:1fr 1fr;gap:11px;margin-top:17px}.qr-live-players article{padding:12px 10px;gap:8px}.qr-live-players .mp-avatar{width:34px;height:34px;font-size:16px}.qr-live-players article>div>strong{font-size:10px}.qr-live-players article>div>b{font-size:16px}.qr-live-players article>div>b>small{font-size:8px}.qr-live-players .qr-answer-dot{font-size:10px;width:16px;height:16px}.qr-reveal{padding:22px 18px!important;gap:13px;flex-wrap:wrap}.qr-answer-seal{width:42px;height:42px;border-width:3px;font-size:25px}.qr-reveal-copy{width:calc(100% - 56px);flex:none}.qr-reveal-copy>span{font-size:14px;margin-bottom:11px}.qr-reveal-copy h2{font-size:21px!important}.qr-reveal-copy>strong{font-size:18px}.qr-reveal-copy>p{font-size:13px!important}.qr-reveal-copy>small{font-size:10px;line-height:1.7;align-items:start}.qr-reveal-copy>small .qr-icon{width:14px;height:14px;margin-top:2px}.qr-reveal-next{width:100%;border-left:0;border-top:1px solid #ede5d3;padding:18px 0 0;flex-direction:row;justify-content:space-between;min-width:0}.qr-reveal-next>.qr-timer{width:66px;height:66px}.qr-reveal-next>.qr-timer b{font-size:25px}.qr-reveal-next>strong{font-size:12px}.qr-reveal-next>.btn{font-size:10px!important;padding:4px!important}.qr-round-results{padding:19px 13px!important;margin-top:18px}.qr-round-results h2{font-size:18px!important}#mp-app.qr-reference td{font-size:10px;padding:10px!important}#mp-app.qr-reference th{font-size:9px;padding:8px 10px}.qr-row-player{gap:7px;min-width:110px}.qr-row-player>i{display:none}.qr-row-player .mp-avatar{height:24px;width:24px;font-size:11px}.qr-row-player .mp-profile-name-button{font-size:11px;white-space:nowrap}.qr-result-layout{grid-template-columns:1fr;gap:20px}.qr-celebration{padding:15px 0 0}.qr-cup .qr-icon{width:73px;height:73px}.qr-celebration h1{font-size:28px!important}.qr-celebration h2{font-size:23px!important}.qr-podium{max-width:420px;gap:13px;margin-bottom:15px}.qr-podium-place{width:110px;min-height:155px}.qr-podium-place.qr-place-1{min-height:200px}.qr-podium-place.qr-place-3{min-height:140px}.qr-podium-place>strong{font-size:13px;margin-top:25px}.qr-performance{padding:22px;margin-bottom:18px}.qr-performance h2{font-size:19px!important}.qr-performance-numbers b{font-size:28px}.qr-performance-numbers small{font-size:11px}.qr-final-table{padding:20px}.qr-result-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.qr-result-actions>.btn{font-size:14px!important;min-height:43px!important}.qr-with-sidebar{grid-template-columns:1fr;gap:20px}.qr-section-nav{display:flex;flex-wrap:wrap;gap:6px;padding:10px!important}.qr-section-nav h2{width:100%;padding:3px 5px;margin:0 0 5px!important;font-size:15px!important}.qr-section-nav>button,.qr-section-nav>a{width:auto;flex:1;min-width:95px;margin:0!important;font-size:10px!important;min-height:33px!important;padding:8px!important;justify-content:center}.qr-section-nav>button>.qr-icon,.qr-section-nav>a>.qr-icon{width:14px;height:14px}.qr-section-nav h2>small{display:inline-block;margin:0 0 0 10px;font-size:7px;padding:3px 7px}.qr-friend-search{gap:9px;margin:20px 0}.qr-friend-search input{min-width:0;flex:1;font-size:11px!important}.qr-friend-search>.btn{font-size:10px!important;padding:9px 11px!important;white-space:nowrap!important;gap:4px}.qr-filter-tabs{gap:17px;overflow:auto;margin-bottom:9px}.qr-filter-tabs>button{font-size:10px!important;min-height:38px!important}.qr-friend-list>article{gap:12px;padding:19px 3px}.qr-friend-list>article>.mp-avatar{width:43px;height:43px;font-size:20px}.qr-friend-list>article>div:nth-child(2){flex:1}.qr-friend-stats{min-width:0;flex:none;width:100%;padding-left:55px;order:3}.qr-friend-stats>.mp-presence{position:relative;top:-8px}.qr-friend-stats>small{font-size:9px!important;margin:0}.qr-friend-list>article>.row{margin-left:55px;order:4;gap:8px}.qr-friend-list .btn{font-size:10px!important;padding:8px 12px!important;min-height:32px!important}.qr-notifications-page{gap:13px}.qr-notifications-page>article{gap:11px;padding:17px!important}.qr-notifications-page .mp-avatar{width:40px;height:40px;font-size:18px}.qr-unread{width:5px;height:5px}.qr-notifications-page h3{font-size:11px!important;line-height:1.7!important}.qr-notifications-page p{font-size:10px!important}.qr-notifications-page small{font-size:9px}.qr-notifications-page>.card>.row{margin-left:56px;margin-top:4px}.qr-notifications-page>.card>.row>.btn{font-size:10px!important;min-height:32px!important;padding:8px 14px!important}.qr-invite-expiry{margin-left:56px;order:3;flex-direction:row;align-items:center;width:100%;gap:8px}.qr-invite-expiry b{font-size:12px}.qr-invite-expiry small{font-size:8px}.qr-profile-heading{flex-wrap:wrap;gap:15px;margin-bottom:18px}.qr-profile-heading>.mp-avatar{width:66px;height:66px;font-size:30px}.qr-profile-heading h1{font-size:26px!important}.qr-profile-heading p{font-size:11px!important;margin-bottom:6px}.qr-profile-heading small{font-size:9px}.qr-profile-heading>.btn{margin-left:81px;margin-top:0}.qr-profile-overview{gap:12px}.qr-profile-overview>.card{padding:18px 13px}.qr-profile-overview h3{font-size:14px!important}.qr-donut{width:105px;height:105px;margin:18px auto}.qr-donut>strong{font-size:25px}.qr-donut:before{inset:10px}.qr-donut>strong>small{font-size:7px;max-width:68px}.qr-chart-caption{font-size:8px;gap:6px}.qr-profile-overview>.card:last-child{gap:8px}.qr-profile-total{min-width:135px;grid-template-columns:17px auto 1fr;gap:8px;margin:6px}.qr-profile-total strong{font-size:20px}.qr-profile-total span{font-size:9px}.qr-profile-bottom{gap:16px;margin-top:18px}.qr-profile-bottom>.card{padding:21px 18px}.qr-category-progress{grid-template-columns:1.25fr 1fr 29px;gap:9px;font-size:10px}.qr-category-progress small{font-size:9px}.qr-badges{gap:7px}.qr-badges>div>span{width:44px;height:49px}.qr-badges small{font-size:8px}.qr-public-profile{padding:25px 20px}.qr-profile-edit{padding:24px 20px}.qr-leader-filters{gap:13px}.qr-leader-filters>select{min-width:130px;font-size:11px!important}.qr-leader-filters .qr-filter-tabs{gap:14px}.qr-table-player{font-size:11px;gap:8px;min-width:115px}.qr-table-player>.mp-avatar{width:26px;height:26px;font-size:12px}.qr-help-steps{gap:12px}.qr-help-steps>.card{padding:28px 14px 16px}.qr-help-steps>.card>i{width:19px;height:19px;top:11px;left:10px;font-size:10px;line-height:19px}.qr-help-steps>.card>.qr-icon{width:29px;height:29px;margin:6px 0 18px}.qr-help-steps h3{font-size:16px!important}.qr-help-steps p{font-size:10px!important}.qr-help-grid{gap:16px;margin-top:20px}.qr-help-grid>.card{padding:21px}.qr-help-grid h3{font-size:16px!important}.qr-settings-grid{gap:17px}.qr-settings-grid>.card{padding:22px}.qr-admin .qr-section-nav>button{min-width:110px}.qr-admin-filters{gap:10px;flex-wrap:wrap}.qr-admin-filters>select{min-width:0;flex:1}.qr-admin-filters>input{width:100%;flex:none;min-width:0}.qr-admin .qr-page-heading{gap:16px;margin-bottom:18px}.qr-admin .qr-page-heading>.row{width:100%;gap:10px}.qr-admin .qr-page-heading>.row>.btn{flex:1;font-size:11px!important}.qr-admin-pagination{gap:8px}.qr-admin-pagination .btn{font-size:9px!important;padding:6px 8px!important}.qr-admin-summary{gap:16px}.qr-admin-summary>.card{padding:21px}.qr-question-editor .qr-editor-options{grid-template-columns:1fr}.quiz-suite #mp-mini-profile{width:400px;padding:21px;max-width:calc(100vw - 28px);top:50%;bottom:auto;right:auto;left:50%;max-height:85dvh;border-radius:9px}.quiz-suite .mp-mini-person>.mp-avatar{height:57px;width:57px;font-size:26px}.quiz-suite .mp-mini-person h2{font-size:21px}.quiz-suite .mp-mini-stats b{font-size:23px}.quiz-suite .mp-mini-stats small{font-size:8px}.quiz-suite .mp-mini-profile h3{font-size:13px}.quiz-suite .mp-mini-profile .qr-category-progress{font-size:9px;grid-template-columns:1.3fr 1fr 27px;gap:8px}.quiz-suite .mp-mini-profile .qr-badges>div>span{width:41px;height:46px}.quiz-suite .mp-mini-profile .qr-badges small{font-size:7px}.quiz-suite .qr-mini-actions .btn{font-size:9px;padding:8px;flex:1}.quiz-suite .mp-mini-current{margin:16px 0 13px}.quiz-suite .mp-mini-current>span{font-size:8px}.quiz-suite .mp-mini-current>strong{font-size:18px}.qr-leave-confirm{width:335px;padding:25px}.qr-leave-confirm h2{font-size:20px!important}body.quiz-suite .qz-page{margin:18px 14px;padding:17px}body.quiz-suite .qz-choice-layout .qz-options{grid-template-columns:1fr;gap:13px}body.quiz-suite .qz-question-card h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){.qr-reference *{animation:none!important;transition:none!important}}
#mp-app.qr-reference .qr-segmented label{position:relative}#mp-app.qr-reference .qr-segmented input,#mp-app.qr-reference .qr-category-grid input,#mp-app.qr-reference .mp-seat-picker input,#mp-app.qr-reference .qr-toggle-row input{width:1px!important;height:1px!important;padding:0!important;margin:0!important;border:0!important}
/* Shared welcome and the two layouts in resim1 / resim2. */
#mp-app.qr-reference .qr-play-card{cursor:pointer;position:relative}#mp-app.qr-reference .qr-play-card.is-selected{outline:2px solid #b99a50;outline-offset:3px}#mp-app.qr-reference .qr-play-card:focus-visible{outline:3px solid #b99a50;outline-offset:4px}#mp-app.qr-reference .qr-welcome-hero{min-height:315px}#qr-solo-content{margin-top:28px}#qr-solo-content>.qz-page{max-width:none;padding:22px 26px 28px;border:1px solid #e8e1d1;border-radius:0 0 12px 12px;background:#fcf9f2;box-shadow:0 3px 15px #67542406}#qr-solo-content .qz-hero{display:none}#qr-solo-content .qz-setup-grid{gap:30px;margin:0;grid-template-columns:1fr 1fr}#mp-app.qr-reference #qr-solo-content .qz-setup-grid h2{font-size:21px}#mp-app.qr-reference #qr-solo-content .qz-mode strong{color:inherit;font-size:14px}#mp-app.qr-reference #qr-solo-content .qz-mode small{font-size:11px}#mp-app.qr-reference #qr-solo-content .qz-age strong{font-size:13px}#mp-app.qr-reference #qr-solo-content .qz-start{width:100%;min-height:52px;background:#1a5b48;color:#fff;border:1px solid #b99a50;border-radius:5px;font-weight:600}#mp-app.qr-reference #qr-solo-content .qz-counts{grid-template-columns:repeat(4,1fr)}#mp-app.qr-reference #qr-solo-content .qz-counts button{font-size:12px;min-height:46px}#mp-app.qr-reference #qr-solo-content .qz-section-title p{font-size:11px}#qr-solo-content .qz-game{margin-top:0}#mp-app.qr-reference .qr-multiplayer-gate{padding:28px;margin-top:25px}.qr-home-room-toolbar{display:grid;grid-template-columns:1fr 1.1fr 1.1fr auto 1.5fr;align-items:end;gap:10px;margin:25px 0 18px}.qr-home-room-toolbar>input,.qr-home-room-toolbar>select{width:100%;min-width:0;height:40px}.qr-home-room-toolbar .qr-code-join{padding:0;margin:0;min-width:0}.qr-home-room-toolbar .qr-code-join label{font-size:10px!important}.qr-home-room-toolbar .qr-code-join input{width:100%;min-width:0}.qr-home-room-toolbar .qr-code-join button{padding:8px 14px!important;min-height:39px!important}.qr-multiplayer-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}.qr-multiplayer-board>#qr-room-results{display:contents}.qr-multiplayer-board>.qr-inline-create{grid-row:span 2}.qr-multiplayer-board .qr-room-item{height:100%;min-height:165px}.qr-multiplayer-board .mp-empty{grid-column:span 2;align-self:start}.qr-inline-create{padding:13px!important;min-width:0;align-self:start;display:flex;flex-direction:column;gap:7px;margin:0!important}.qr-inline-create>header{display:flex;gap:10px;align-items:center;padding:0 3px 10px;background:url('assets/quiz/mosque-garden.png') right center/140px auto no-repeat}.qr-inline-create>header>span{color:#b79950}.qr-inline-create>header>div{position:relative;background:linear-gradient(90deg,#fffdf9 60%,#fffdf900)}#mp-app.qr-reference .qr-inline-create h2{font-size:19px;margin:0}.qr-inline-create>header p{font-size:8px!important;margin:0}.qr-compact-line{display:grid!important;grid-template-columns:28px minmax(95px,.9fr) minmax(0,1.2fr);align-items:center;gap:7px;padding:7px 6px;border:1px solid #eee9de;border-radius:7px;background:#fffefa;margin:0!important;min-height:45px}.qr-compact-line>i{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;color:#9d843f;background:#f4ecd5}.qr-compact-line>i .qr-icon{width:15px;height:15px}.qr-compact-line>span>strong{display:block;font-size:10px}.qr-compact-line>span>small{display:block;font-size:8px;color:#91958a;line-height:1.4}#mp-app.qr-reference .qr-inline-create input[name=name]{padding:5px 7px;font-size:10px;height:29px}.qr-category-dropdown{position:relative;min-width:0}.qr-category-dropdown summary{list-style:none;border:1px solid #d6e1d8;background:#f7fbf8;border-radius:4px;padding:6px 8px;display:flex;gap:4px;justify-content:space-between;align-items:center;font-size:9px;color:#416f5d;cursor:pointer}.qr-category-dropdown summary::-webkit-details-marker{display:none}.qr-category-dropdown summary b{font-weight:400}.qr-category-dropdown>div{position:absolute;top:calc(100% + 5px);right:0;width:235px;max-height:315px;overflow:auto;background:#fffefa;border:1px solid #ddd6c5;box-shadow:0 12px 24px #294b3026;border-radius:8px;padding:10px;z-index:30}.qr-category-dropdown label{display:flex!important;align-items:center;gap:9px;margin:0!important;padding:7px;font-size:11px!important;cursor:pointer}.qr-category-dropdown input[type=checkbox]{width:15px!important;height:15px!important;margin:0;accent-color:#155443}.qr-category-dropdown button{width:100%;padding:7px;border-top:1px solid #ebe4d4;font-size:10px;color:#16604b}.qr-category-dropdown small{display:block;font-size:9px;color:#969988;padding:4px}.qr-compact-line .qr-segmented{display:flex;gap:5px;width:100%}.qr-compact-line .qr-segmented label{flex:1;min-width:0}.qr-compact-line .qr-segmented span{font-size:9px;padding:6px 4px;white-space:nowrap;justify-content:center;border-radius:4px}.qr-compact-number{display:flex;align-items:center;gap:7px;justify-content:flex-end}.qr-compact-number>small{font-size:8px;white-space:nowrap;color:#939488}.qr-compact-number .mp-number-control{width:110px!important;max-width:100%;display:grid!important;grid-template-columns:26px minmax(28px,1fr) 26px;gap:0!important;border:1px solid #dddcd1;border-radius:4px;overflow:hidden}#mp-app.qr-reference .qr-compact-number .mp-number-control input{width:100%!important;min-width:0;padding:5px 0!important;height:29px!important;border:0!important;border-radius:0!important;text-align:center;font-size:11px;-moz-appearance:textfield}#mp-app.qr-reference .qr-compact-number .mp-number-control input::-webkit-inner-spin-button{-webkit-appearance:none}#mp-app.qr-reference .qr-compact-number .mp-number-control button{padding:0;width:26px;min-height:29px;border:0;background:#f7f8f4;color:#3d5a4a}.qr-inline-create>.qr-gold-button{width:100%;min-height:36px!important;padding:8px!important;font-size:11px!important}.qr-compact-visibility{display:flex;gap:15px;justify-content:center;padding:3px}.qr-compact-visibility label{display:flex;gap:5px;align-items:center;font-size:9px!important}.qr-compact-visibility input[type=radio]{width:12px!important;height:12px!important;accent-color:#155443}.qr-page-heading+.qr-inline-create{max-width:550px}.qr-inline-create:has(.qr-category-dropdown[open]){z-index:5;position:relative}
@media(max-width:1150px){.qr-compact-line{grid-template-columns:25px 1fr;gap:5px}.qr-compact-line>input,.qr-compact-line>.qr-category-dropdown,.qr-compact-line>.qr-segmented,.qr-compact-line>.qr-compact-number{grid-column:2}.qr-compact-number{justify-content:flex-start}.qr-home-room-toolbar{grid-template-columns:1fr 1fr 1fr}.qr-home-room-toolbar .qr-code-join{grid-column:span 2}.qr-multiplayer-board{grid-template-columns:repeat(2,minmax(0,1fr))}.qr-multiplayer-board>.qr-inline-create{grid-row:span 3}.qr-multiplayer-board .mp-empty{grid-column:auto}}
@media(max-width:700px){#qr-solo-content>.qz-page{padding:18px 12px}#qr-solo-content .qz-setup-grid{grid-template-columns:1fr;gap:18px}.qr-multiplayer-board{grid-template-columns:1fr}.qr-multiplayer-board>.qr-inline-create{grid-row:auto}.qr-home-room-toolbar{grid-template-columns:1fr 1fr}.qr-home-room-toolbar>input{grid-column:span 2}.qr-home-room-toolbar .qr-code-join{grid-column:span 2}.qr-compact-line{grid-template-columns:28px minmax(95px,.9fr) minmax(0,1.2fr)}.qr-compact-line>input,.qr-compact-line>.qr-category-dropdown,.qr-compact-line>.qr-segmented,.qr-compact-line>.qr-compact-number{grid-column:auto}.qr-compact-number{justify-content:flex-end}.qr-multiplayer-board .qr-room-item{min-height:160px}.qr-category-dropdown>div{max-width:calc(100vw - 70px)}#mp-app.qr-reference #qr-solo-content .qz-mode strong{font-size:12px}}
@media(max-width:390px){.qr-compact-number>small{display:none}.qr-compact-line{grid-template-columns:25px 90px minmax(0,1fr)}}
/* Compact controls and equal room cards. */
#mp-app.qr-reference .qr-inline-create{gap:5px;padding:10px!important}#mp-app.qr-reference .qr-inline-create>header{padding-bottom:7px}#mp-app.qr-reference .qr-compact-line{min-height:38px;padding:5px 6px;grid-template-columns:26px minmax(90px,1fr) minmax(0,1.2fr);gap:6px}#mp-app.qr-reference .qr-compact-number{gap:5px;min-width:0}#mp-app.qr-reference .qr-compact-number .mp-number-control{box-sizing:border-box;flex:0 0 92px;width:92px!important;max-width:92px;height:28px!important;min-height:28px;padding:0!important;grid-template-columns:24px 42px 24px;align-items:center;gap:0!important}#mp-app.qr-reference .qr-compact-number .mp-number-control input{box-sizing:border-box;width:42px!important;max-width:42px!important;height:26px!important;min-height:26px!important;padding:0!important;font-size:12px!important;line-height:26px;border-radius:0}#mp-app.qr-reference .qr-compact-number .mp-number-control button{box-sizing:border-box;width:24px;min-width:24px;max-width:24px;height:26px;min-height:26px;padding:0;line-height:26px;font-size:14px;border-radius:0}#mp-app.qr-reference .qr-compact-number>small{font-size:8px}
#mp-app.qr-reference .qr-home-room-toolbar{grid-template-columns:minmax(100px,1fr) minmax(120px,1fr) minmax(110px,1fr) minmax(230px,1.5fr) auto;align-items:center;gap:10px}#mp-app.qr-reference .qr-home-room-toolbar>input,#mp-app.qr-reference .qr-home-room-toolbar>select{box-sizing:border-box;height:38px;min-height:38px;margin:0;padding:7px 10px;font-size:11px}#mp-app.qr-reference .qr-home-room-toolbar .qr-code-join{display:flex;align-items:center;gap:7px;box-sizing:border-box;grid-column:auto;width:100%;min-width:0;height:38px;min-height:38px;padding:0;margin:0;border:0;border-radius:0;background:none}#mp-app.qr-reference .qr-home-room-toolbar .qr-code-join input{box-sizing:border-box;flex:1;min-width:0;width:0!important;max-width:none;height:38px;min-height:38px;margin:0;padding:7px 10px;letter-spacing:0;font-weight:400!important;font-size:11px}#mp-app.qr-reference .qr-home-room-toolbar .qr-code-join button{box-sizing:border-box;flex:0 0 74px;width:74px;height:38px;min-height:38px!important;padding:7px 10px!important;font-size:11px}#mp-app.qr-reference .qr-home-room-toolbar>.qr-toolbar-refresh{justify-self:end;margin-left:auto;height:38px;min-height:38px;padding:7px 10px;white-space:nowrap}
#mp-app.qr-reference .qr-resume-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:nowrap;padding:12px 16px}#mp-app.qr-reference .qr-resume-row>span{min-width:0}#mp-app.qr-reference .qr-resume-row strong{display:block;font-size:12px}#mp-app.qr-reference .qr-resume-row small{display:block;font-size:10px;color:#8a815f}#mp-app.qr-reference .qr-resume-row>.row{flex-shrink:0;margin-left:auto;justify-content:flex-end}
#mp-app.qr-reference .qr-multiplayer-board{grid-auto-rows:190px;align-items:start}#mp-app.qr-reference .qr-multiplayer-board .qr-room-item{box-sizing:border-box;height:190px;min-height:190px;max-height:190px;align-self:start;padding:12px;gap:12px;overflow:hidden}#mp-app.qr-reference .qr-multiplayer-board .qr-room-image{width:76px;height:164px;min-height:0;align-self:start}#mp-app.qr-reference .qr-multiplayer-board .qr-room-image>img{display:block;width:100%;height:100%;object-fit:cover}#mp-app.qr-reference .qr-multiplayer-board .qr-room-item-body{display:flex;flex-direction:column;gap:6px;height:164px;min-width:0}#mp-app.qr-reference .qr-multiplayer-board .qr-room-title{gap:5px;min-height:36px;margin:0;align-items:flex-start}#mp-app.qr-reference .qr-multiplayer-board .qr-room-title h3{font-size:12px;line-height:1.4;margin:0;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-wrap:anywhere}#mp-app.qr-reference .qr-multiplayer-board .qr-room-title>span{flex-shrink:0;white-space:nowrap;font-size:8px}#mp-app.qr-reference .qr-multiplayer-board .qr-room-facts{min-height:26px;gap:4px 7px;margin:0;align-content:start;font-size:8px}#mp-app.qr-reference .qr-multiplayer-board .qr-category-tags{box-sizing:border-box;flex:0 0 24px;min-height:24px;gap:4px;margin:0;flex-wrap:nowrap;overflow-x:auto;align-items:center;scrollbar-width:none}#mp-app.qr-reference .qr-multiplayer-board .qr-category-tags>span{flex-shrink:0;white-space:nowrap;font-size:8px}#mp-app.qr-reference .qr-multiplayer-board .qr-room-item-body>.btn{box-sizing:border-box;flex:0 0 32px;width:100%;height:32px;min-height:32px!important;max-height:32px;margin-top:auto;padding:6px 10px!important;font-size:10px!important}
@media(max-width:1150px){#mp-app.qr-reference .qr-home-room-toolbar{grid-template-columns:minmax(90px,1fr) minmax(105px,1fr) minmax(95px,1fr) minmax(205px,1.4fr) auto;gap:7px}#mp-app.qr-reference .qr-compact-line{grid-template-columns:24px minmax(82px,1fr) minmax(0,1.3fr)}#mp-app.qr-reference .qr-compact-line>input,#mp-app.qr-reference .qr-compact-line>.qr-category-dropdown,#mp-app.qr-reference .qr-compact-line>.qr-segmented,#mp-app.qr-reference .qr-compact-line>.qr-compact-number{grid-column:auto}#mp-app.qr-reference .qr-compact-number>small{display:none}}
@media(max-width:850px){#mp-app.qr-reference .qr-home-room-toolbar{grid-template-columns:1fr 1fr 1fr auto}#mp-app.qr-reference .qr-home-room-toolbar>.qr-code-join{grid-column:1/4;grid-row:2}#mp-app.qr-reference .qr-home-room-toolbar>.qr-toolbar-refresh{grid-column:4;grid-row:2}#mp-app.qr-reference .qr-compact-line{grid-template-columns:24px minmax(82px,1fr) minmax(0,1.2fr)}}
@media(max-width:700px){#mp-app.qr-reference .qr-multiplayer-board{grid-auto-rows:auto}#mp-app.qr-reference .qr-multiplayer-board .qr-room-image{width:86px}#mp-app.qr-reference .qr-compact-number>small{display:inline}#mp-app.qr-reference .qr-home-room-toolbar{grid-template-columns:1fr 1fr auto}#mp-app.qr-reference .qr-home-room-toolbar>input{grid-column:1/-1}#mp-app.qr-reference .qr-home-room-toolbar>.qr-code-join{grid-column:1/3;grid-row:auto}#mp-app.qr-reference .qr-home-room-toolbar>.qr-toolbar-refresh{grid-column:3;grid-row:auto}#mp-app.qr-reference .qr-resume-row>.row{flex-wrap:wrap;max-width:55%;gap:6px}#mp-app.qr-reference .qr-resume-row .btn{font-size:10px;padding:7px 9px;min-height:32px}}
@media(max-width:390px){#mp-app.qr-reference .qr-compact-number>small{display:none}}
/* Keep code entry and resume together in the toolbar. */
#mp-app.qr-reference .qr-home-room-toolbar{grid-template-columns:minmax(90px,1fr) minmax(105px,1fr) minmax(95px,1fr) minmax(355px,1.9fr) auto}#mp-app.qr-reference .qr-join-resume{display:flex;align-items:center;gap:8px;min-width:0}#mp-app.qr-reference .qr-join-resume .qr-code-join{flex:1 1 180px;max-width:210px;min-width:160px;width:auto}#mp-app.qr-reference .qr-join-resume .qr-code-join button{flex-basis:62px;width:62px;padding:7px 8px!important;gap:5px}#mp-app.qr-reference .qr-toolbar-resume{flex:0 0 auto;box-sizing:border-box;height:38px;min-height:38px;padding:7px 10px;font-size:10px;white-space:nowrap}#mp-app.qr-reference .qr-toolbar-resume:disabled{cursor:not-allowed}
@media(max-width:1050px){#mp-app.qr-reference .qr-home-room-toolbar{grid-template-columns:1fr 1fr 1fr auto}#mp-app.qr-reference .qr-home-room-toolbar>.qr-join-resume{grid-column:1/4;grid-row:2}#mp-app.qr-reference .qr-home-room-toolbar>.qr-toolbar-refresh{grid-column:4;grid-row:2}#mp-app.qr-reference .qr-join-resume .qr-code-join{max-width:230px}}
@media(max-width:700px){#mp-app.qr-reference .qr-home-room-toolbar{grid-template-columns:1fr 1fr auto}#mp-app.qr-reference .qr-home-room-toolbar>.qr-join-resume{grid-column:1/-1;grid-row:auto}#mp-app.qr-reference .qr-home-room-toolbar>.qr-toolbar-refresh{grid-column:3;grid-row:2}#mp-app.qr-reference .qr-join-resume .qr-code-join{min-width:0;max-width:none}#mp-app.qr-reference .qr-toolbar-resume{font-size:9px;padding:7px 8px}}
@media(max-width:370px){#mp-app.qr-reference .qr-join-resume{gap:5px}#mp-app.qr-reference .qr-join-resume .qr-code-join{gap:4px}#mp-app.qr-reference .qr-join-resume .qr-code-join button{flex-basis:49px;width:49px;padding:7px 5px!important}#mp-app.qr-reference .qr-join-resume .qr-code-join button .qr-icon{display:none}#mp-app.qr-reference .qr-toolbar-resume{padding:7px 5px;font-size:8px}}
/* Intrinsic form column: room cards must never occupy the form's rows. */
#mp-app.qr-reference .qr-multiplayer-board{display:grid;grid-template-columns:minmax(300px,.95fr) minmax(0,2fr);grid-auto-rows:auto;align-items:start;gap:18px}#mp-app.qr-reference .qr-multiplayer-board>.qr-inline-create{grid-column:1;grid-row:auto!important;align-self:start;min-width:0;width:100%;box-sizing:border-box}#mp-app.qr-reference .qr-multiplayer-board>#qr-room-results{display:grid;grid-column:2;grid-row:auto;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;align-items:start;gap:18px;min-width:0}#mp-app.qr-reference .qr-multiplayer-board>#qr-room-results>.mp-empty{grid-column:1/-1}#mp-app.qr-reference .qr-multiplayer-board .qr-room-item{height:156px;min-height:156px;max-height:156px;min-width:0;padding:12px;gap:10px}#mp-app.qr-reference .qr-multiplayer-board .qr-room-image{width:64px;height:130px}#mp-app.qr-reference .qr-multiplayer-board .qr-room-item-body{height:130px;gap:4px}#mp-app.qr-reference .qr-multiplayer-board .qr-room-title{min-height:30px}#mp-app.qr-reference .qr-multiplayer-board .qr-room-facts{min-height:22px;gap:3px 6px}#mp-app.qr-reference .qr-multiplayer-board .qr-category-tags{flex-basis:22px;min-height:22px}#mp-app.qr-reference .qr-multiplayer-board .qr-room-item-body>.btn{flex-basis:30px;height:30px;min-height:30px!important;max-height:30px;padding:5px 9px!important}#mp-app.qr-reference .qr-compact-visibility{display:flex;align-items:center;justify-content:center;gap:14px;min-height:22px}#mp-app.qr-reference .qr-compact-visibility label{display:inline-flex!important;align-items:center;gap:5px;grid-template-columns:none;margin:0!important;padding:0;line-height:1.4}#mp-app.qr-reference .qr-inline-create>button[type=submit]{position:static;flex-shrink:0;min-height:38px!important;margin:3px 0 0}
@media(max-width:1050px) and (min-width:851px){#mp-app.qr-reference .qr-multiplayer-board>#qr-room-results{grid-template-columns:minmax(0,1fr)}}
@media(max-width:850px){#mp-app.qr-reference .qr-multiplayer-board{grid-template-columns:minmax(0,1fr)}#mp-app.qr-reference .qr-multiplayer-board>.qr-inline-create{grid-column:1;grid-row:auto!important}#mp-app.qr-reference .qr-multiplayer-board>#qr-room-results{grid-column:1;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#mp-app.qr-reference .qr-multiplayer-board>#qr-room-results{grid-template-columns:minmax(0,1fr)}}
/* Modern category multiselect, scoped above the generic form label rules. */
#mp-app.qr-reference .qr-category-dropdown{position:relative}#mp-app.qr-reference .qr-category-dropdown>summary{display:flex;align-items:center;gap:6px;min-height:31px;box-sizing:border-box;padding:6px 9px;background:#f5faf7;border:1px solid #cddfd5;border-radius:7px;color:#225c49;cursor:pointer;transition:border-color .15s,box-shadow .15s}#mp-app.qr-reference .qr-category-dropdown>summary:hover,#mp-app.qr-reference .qr-category-dropdown[open]>summary{border-color:#6e9d88;background:#edf6f0;box-shadow:0 0 0 2px #24694e0d}#mp-app.qr-reference .qr-category-dropdown>summary:focus-visible{outline:2px solid #b99a50;outline-offset:2px}#mp-app.qr-reference .qr-category-trigger-icon{display:flex;flex-shrink:0;color:#759483}#mp-app.qr-reference .qr-category-trigger-icon .qr-icon{width:13px;height:13px}#mp-app.qr-reference .qr-category-dropdown>summary b{font-size:10px;font-weight:500;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#mp-app.qr-reference .qr-category-chevron{font-size:13px;line-height:1;transition:transform .15s}#mp-app.qr-reference .qr-category-dropdown[open] .qr-category-chevron{transform:rotate(180deg)}#mp-app.qr-reference .qr-category-dropdown>.qr-category-popover{box-sizing:border-box;position:absolute;top:calc(100% + 8px);right:0;width:296px;max-width:calc(100vw - 56px);max-height:none;padding:0;overflow:hidden;z-index:40;background:#fffefa;border:1px solid #e3e7dd;border-radius:13px;box-shadow:0 12px 35px #173e3421,0 2px 6px #173e340a;text-align:left}#mp-app.qr-reference .qr-category-popover>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 14px 11px;border-bottom:1px solid #edf0e8;background:#fbfcf7}#mp-app.qr-reference .qr-category-popover>header strong{display:block;font-size:13px;color:#214c3c;font-weight:600;line-height:1.4}#mp-app.qr-reference .qr-category-popover>header small{display:block;padding:0;margin-top:3px;font-size:10px;color:#909b8c}#mp-app.qr-reference .qr-category-popover>header>span{flex-shrink:0;background:#e8f2eb;color:#517b61;border-radius:12px;padding:3px 8px;font-size:9px}#mp-app.qr-reference .qr-category-list{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;max-height:270px;overflow-y:auto;padding:8px;scrollbar-width:thin;scrollbar-color:#c5d6ca transparent}#mp-app.qr-reference .qr-category-list>.qr-category-option{display:grid!important;grid-template-columns:30px minmax(0,1fr) 17px!important;align-items:center;gap:10px!important;min-height:40px;padding:6px 9px!important;margin:0!important;border:1px solid transparent;border-radius:8px;cursor:pointer;background:transparent;text-align:left;font-size:11px;line-height:1.4}#mp-app.qr-reference .qr-category-option:hover{background:#f4f7f0}#mp-app.qr-reference .qr-category-option:has(input:checked){background:#edf6ef;border-color:#cde0d2}#mp-app.qr-reference .qr-category-option:has(input:focus-visible){outline:2px solid #b99a50;outline-offset:-2px}#mp-app.qr-reference .qr-category-option-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;color:#8c996e;background:#f2f2e8}#mp-app.qr-reference .qr-category-option:nth-child(2n) .qr-category-option-icon{color:#a18b51;background:#f8f1de}#mp-app.qr-reference .qr-category-option:has(input:checked) .qr-category-option-icon{color:#247151;background:#dbeee0}#mp-app.qr-reference .qr-category-option-icon .qr-icon{width:16px;height:16px}#mp-app.qr-reference .qr-category-option-name{font-size:11px;font-weight:500;color:#45604f;line-height:1.5}#mp-app.qr-reference .qr-category-option:has(input:checked) .qr-category-option-name{color:#1d5d42}#mp-app.qr-reference .qr-category-list>.qr-category-option>input[type=checkbox]{box-sizing:border-box;display:block!important;position:static!important;opacity:1!important;appearance:auto!important;width:16px!important;height:16px!important;min-width:16px!important;padding:0!important;margin:0!important;accent-color:#1d6b4c;cursor:pointer;justify-self:end}#mp-app.qr-reference .qr-category-popover>footer{display:grid;grid-template-columns:1fr auto;gap:9px 8px;padding:10px 12px 12px;border-top:1px solid #edf0e8;background:#fbfcf8}#mp-app.qr-reference .qr-category-popover>footer>div{display:flex;align-items:center;gap:9px;grid-column:1/-1}#mp-app.qr-reference .qr-category-popover>footer button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:auto;border:0;padding:4px 0;font-size:10px;color:#4e7860;min-height:24px;background:none;text-align:center;border-radius:4px}#mp-app.qr-reference .qr-category-popover>footer [data-mp=categories-clear]{color:#91998e}#mp-app.qr-reference .qr-category-popover>footer>small{padding:0;font-size:9px;line-height:1.6;color:#969e91;align-self:center}#mp-app.qr-reference .qr-category-popover>footer>.qr-category-done{padding:6px 12px;min-height:29px;background:#1c6449;color:#fff;border-radius:6px;white-space:nowrap}#mp-app.qr-reference .qr-category-popover>footer button:focus-visible{outline:2px solid #b99a50;outline-offset:2px}
@media(prefers-reduced-motion:reduce){#mp-app.qr-reference .qr-category-chevron,#mp-app.qr-reference .qr-category-dropdown>summary{transition:none}}
/* Room lobby based on the supplied reference. Every seat remains in normal grid flow. */
#mp-app.qr-reference:has(.qr-ref-lobby){max-width:1880px;background:linear-gradient(110deg,#f4f5edba,#fbfaf4ee 44%,#f3f4ebd9),url('assets/quiz/mosque-garden.png') center top/cover fixed;min-height:100dvh}#mp-app.qr-reference .qr-ref-page{max-width:none;padding:22px 24px 28px;min-height:100dvh}#mp-app.qr-reference .qr-ref-page>.qr-ornament{display:none}#mp-app.qr-reference .qr-ref-page>.qr-demo-label{margin:0 0 12px}#mp-app.qr-reference .qr-ref-lobby{color:#143e43}#mp-app.qr-reference .qr-ref-lobby h1,#mp-app.qr-reference .qr-ref-lobby h2{font-family:Arial,Helvetica,sans-serif;letter-spacing:-.4px;color:#143e43;font-weight:700}#mp-app.qr-reference .qr-ref-lobby .card{border-radius:14px;border:1px solid #ecece3;background:#fffefbef;box-shadow:0 6px 22px #33442e08}#mp-app.qr-reference .qr-ref-header{display:grid;grid-template-columns:minmax(235px,.95fr) minmax(450px,2.35fr) minmax(285px,1.1fr);gap:14px;align-items:center;margin-bottom:18px;min-width:0}#mp-app.qr-reference .qr-ref-brand{display:flex;align-items:center;gap:18px;min-width:0}#mp-app.qr-reference .qr-ref-brand>.btn{padding:13px 17px;min-height:54px;white-space:nowrap;border:1px solid #e2dfd0;color:#183e45;background:#fffefa}#mp-app.qr-reference .qr-ref-brand>a{display:flex;gap:11px;align-items:center;min-width:0;color:#103f43}#mp-app.qr-reference .qr-ref-brandmark{display:grid;place-items:center;font:bold 63px/1 Georgia,serif;background:linear-gradient(135deg,#b49b4b 15%,#287257 45%,#145644 75%,#c0aa64 80%);color:transparent;background-clip:text;-webkit-background-clip:text;flex-shrink:0}#mp-app.qr-reference .qr-ref-brand strong{font:bold 29px/1.2 Georgia,serif;display:block;white-space:nowrap}#mp-app.qr-reference .qr-ref-brand small{font:14px/1.6 Georgia,serif;display:block;white-space:nowrap}#mp-app.qr-reference .qr-ref-meta{display:flex;align-items:center;gap:22px;background:#fffdf9eb;border-radius:14px;padding:15px 22px;min-height:92px;min-width:0}#mp-app.qr-reference .qr-ref-code{flex-shrink:0;text-align:center;padding-right:22px;border-right:1px solid #e8e7dd}#mp-app.qr-reference .qr-ref-code>small,#mp-app.qr-reference .qr-ref-settings>small{display:block;font-size:12px;line-height:1.4;color:#36554e;margin-bottom:8px}#mp-app.qr-reference .qr-ref-code>div{display:flex;align-items:center;gap:12px}#mp-app.qr-reference .qr-ref-code strong{font:bold 29px/1.1 Georgia,serif;color:#113e43;letter-spacing:.4px}#mp-app.qr-reference .qr-ref-code .btn{font-size:10px;padding:8px 10px;min-height:35px}#mp-app.qr-reference .qr-ref-code .qr-icon{width:15px;height:15px}#mp-app.qr-reference .qr-ref-settings{min-width:0;flex:1}#mp-app.qr-reference .qr-ref-settings>div{display:flex;gap:14px;align-items:center;flex-wrap:wrap}#mp-app.qr-reference .qr-ref-settings .mp-room-metrics{display:flex;gap:14px;flex-wrap:wrap;font-size:10px;margin:0;padding:0}#mp-app.qr-reference .qr-ref-settings .mp-room-metrics span{display:flex;align-items:center;gap:5px;white-space:nowrap}#mp-app.qr-reference .qr-ref-settings .mp-glyph{width:22px;height:22px}#mp-app.qr-reference .qr-ref-settings .mp-room-metrics b{font-size:15px;color:#143e43}#mp-app.qr-reference .qr-ref-mode{font-size:11px;display:flex;align-items:center;gap:7px;white-space:nowrap}#mp-app.qr-reference .qr-ref-header-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:7px;padding:9px;border-radius:13px;background:#fffdf9cf;min-width:0;margin-left:0}#mp-app.qr-reference .qr-ref-header-actions>.btn{font-size:10px;padding:10px 11px;min-height:43px;gap:6px;flex:1;white-space:nowrap}#mp-app.qr-reference .qr-ref-header-actions>.btn .qr-icon{width:18px;height:18px}#mp-app.qr-reference .qr-ref-header-actions .mp-global-bell{width:30px;height:32px;flex:0 0 30px;padding:5px;margin:0}
#mp-app.qr-reference .qr-ref-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:16px}#mp-app.qr-reference .qr-ref-left{min-width:0}#mp-app.qr-reference .qr-ref-main{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(285px,1fr);align-items:stretch;gap:14px}#mp-app.qr-reference .qr-ref-players{position:relative;min-width:0;padding:24px 18px 18px;background:#fffefbee url('assets/quiz/geometric-corner.svg') right bottom/140px no-repeat}#mp-app.qr-reference .qr-ref-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}#mp-app.qr-reference .qr-ref-section-heading h1,#mp-app.qr-reference .qr-ref-section-heading h2{display:flex;align-items:center;gap:10px;font-size:19px;line-height:1.35;margin:0;min-width:0}#mp-app.qr-reference .qr-ref-section-heading h1>.qr-icon{width:28px;height:28px;color:#165447}#mp-app.qr-reference .qr-ref-section-heading h2>.qr-icon{width:22px;height:22px}#mp-app.qr-reference .qr-ref-can-start{border-radius:20px;background:#f2f0e3;color:#9b8756;font-size:10px;padding:7px 10px;white-space:nowrap}#mp-app.qr-reference .qr-ref-can-start.yes{background:#e2f2e6;color:#1b7850}#mp-app.qr-reference .qr-ref-seats{display:grid;grid-template-columns:repeat(var(--seat-cols),minmax(0,1fr));gap:10px;min-width:0;overflow:visible;padding:0;margin:24px 0 0;background:none;border:0;box-shadow:none}#mp-app.qr-reference .qr-ref-seats>.qr-ref-player{box-sizing:border-box;position:relative;display:flex;flex-direction:column;align-items:center;gap:9px;width:auto;min-width:0;min-height:244px;padding:12px 10px 14px;margin:0;flex:none;border:1px solid #e8e8df;border-radius:12px;background:linear-gradient(140deg,#fff,#fffef9);overflow:hidden;box-shadow:0 4px 14px #54634505}#mp-app.qr-reference .qr-ref-seats>.qr-ref-player.is-host{border-color:#d9bb60;background:linear-gradient(140deg,#fffefa,#fff8e8);box-shadow:0 4px 14px #b6a15d0b}#mp-app.qr-reference .qr-ref-player-top{display:flex;align-items:center;justify-content:space-between;width:100%;height:24px;flex-shrink:0;gap:5px}#mp-app.qr-reference .qr-ref-player-top>span{display:grid;place-items:center;flex:0 0 24px;height:24px;border-radius:50%;background:#19735c;color:white;font:13px Georgia,serif}#mp-app.qr-reference .qr-ref-player:nth-child(3n) .qr-ref-player-top>span{background:#237bb0}#mp-app.qr-reference .qr-ref-player:nth-child(4n) .qr-ref-player-top>span{background:#c76d8c}#mp-app.qr-reference .qr-ref-player.is-host .qr-ref-player-top>span{background:#d19d24}#mp-app.qr-reference .qr-ref-player-top>i{color:#d5a02b;font-size:24px;line-height:1;font-style:normal}#mp-app.qr-reference .qr-ref-player-top>button{padding:2px;color:#54767a;letter-spacing:1px;font-size:11px;margin-left:auto}#mp-app.qr-reference .qr-ref-player>.mp-profile-avatar-button{display:grid;place-items:center;padding:0;margin:0;width:88px;height:88px;min-width:0;border:0;background:none;flex-shrink:0}#mp-app.qr-reference .qr-ref-player .mp-avatar{display:grid;place-items:center;width:86px;height:86px;min-width:0;border:1px solid #d6e4d3;font:46px/1 Georgia,serif;flex-shrink:0;border-radius:50%;box-shadow:none}#mp-app.qr-reference .qr-ref-player.is-host .mp-avatar{border-color:#d6b14b;background:#d9ead6;color:#235c46}#mp-app.qr-reference .qr-ref-player-name{display:block;min-width:0;max-width:100%;min-height:36px;text-align:center;font:600 15px/1.3 Arial,sans-serif;overflow-wrap:anywhere;align-content:center}#mp-app.qr-reference .qr-ref-player-name>button{font:inherit;color:#143e43;max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.3;padding:0}#mp-app.qr-reference .qr-ref-ready-tag,#mp-app.qr-reference .qr-ref-host-tag{font-size:11px;line-height:1.5;min-height:28px;max-width:100%;text-align:center;display:grid;place-items:center;padding:4px 13px;border-radius:20px;box-sizing:border-box;background:#f1f1e6;color:#8c906e;overflow-wrap:anywhere}#mp-app.qr-reference .qr-ref-ready-tag.yes{background:linear-gradient(120deg,#078965,#008755);color:#fff}#mp-app.qr-reference .qr-ref-host-tag{background:linear-gradient(120deg,#d5a635,#b38122);color:#fff}#mp-app.qr-reference .qr-ref-host-status{display:block;text-align:center;min-height:31px;padding:7px 10px;border-radius:20px;font-size:11px;background:#f4f0df;color:#a19464;width:100%;margin-top:auto}#mp-app.qr-reference .qr-ref-host-status.yes{background:#e0f0e1;color:#1b6949}#mp-app.qr-reference .qr-ref-player>.btn{min-height:31px!important;width:100%;padding:6px!important;font-size:10px!important;margin-top:auto;gap:5px}#mp-app.qr-reference .qr-ref-player>.btn>.qr-icon{width:14px;height:14px}#mp-app.qr-reference .qr-ref-member-presence{margin-top:auto;font-size:10px}#mp-app.qr-reference .qr-ref-empty-avatar{display:grid;place-items:center;width:86px;height:86px;border-radius:50%;border:1px dashed #d5dece;background:#f7f9f1;color:#b4bdaa}#mp-app.qr-reference .qr-ref-empty-avatar>.qr-icon{width:40px;height:40px}#mp-app.qr-reference .qr-ref-player.qr-empty-seat>strong{font-size:12px;color:#819083;text-align:center;min-height:36px}#mp-app.qr-reference .qr-ref-player.qr-empty-seat>small{font-size:10px;color:#a6ad9c;text-align:center}#mp-app.qr-reference .qr-ref-seats-many>.qr-ref-player{min-height:205px;gap:6px;padding:10px 8px}#mp-app.qr-reference .qr-ref-seats-many .mp-profile-avatar-button{width:64px;height:64px}#mp-app.qr-reference .qr-ref-seats-many .mp-avatar,#mp-app.qr-reference .qr-ref-seats-many .qr-ref-empty-avatar{width:62px;height:62px;font-size:35px}#mp-app.qr-reference .qr-ref-seats-many .qr-ref-player-name{font-size:12px;min-height:32px}#mp-app.qr-reference .qr-ref-play-actions{display:flex;justify-content:center;gap:12px;margin-top:30px;flex-wrap:wrap}#mp-app.qr-reference .qr-ref-play-actions>.btn{min-height:51px;width:min(280px,46%);padding:12px 14px;font-size:18px;gap:12px;font-weight:600}#mp-app.qr-reference .qr-ref-play-actions>.btn>.qr-icon{width:24px;height:24px}#mp-app.qr-reference .qr-ref-start-note{text-align:center;color:#8a9482;font-size:10px;line-height:1.6;margin:12px 0 0}
#mp-app.qr-reference .qr-ref-chat{display:flex;flex-direction:column;min-width:0;min-height:466px;max-height:700px;padding:18px 15px;gap:14px}#mp-app.qr-reference .qr-ref-chat>.qr-ref-section-heading{padding-bottom:14px;border-bottom:1px solid #eceee5;flex-shrink:0}#mp-app.qr-reference .qr-ref-chat>.qr-ref-section-heading>span{display:flex;align-items:center;gap:6px;border:1px solid #d4e6d9;border-radius:8px;padding:5px 9px;color:#2d6b54;font-size:12px;white-space:nowrap}#mp-app.qr-reference .qr-ref-chat .qr-chat-messages{flex:1;height:auto;min-height:150px;max-height:none;overflow-y:auto;padding:0;scrollbar-width:thin;scrollbar-color:#ccd8c8 transparent}#mp-app.qr-reference .qr-ref-chat .qr-chat-messages>article{display:flex;align-items:flex-start;gap:10px;margin:0 0 20px;padding:0;background:none;border:0}#mp-app.qr-reference .qr-ref-chat .mp-avatar{width:38px;height:38px;flex:0 0 38px;font:23px Georgia,serif}#mp-app.qr-reference .qr-ref-chat .qr-chat-messages>article>div{min-width:0;flex:1}#mp-app.qr-reference .qr-ref-chat .qr-chat-messages strong{font:600 11px/1.5 Arial,sans-serif;display:block;color:#28494a}#mp-app.qr-reference .qr-ref-chat .qr-chat-messages strong>small{font-size:9px;color:#9caaa9;font-weight:400;margin-left:7px;white-space:nowrap}#mp-app.qr-reference .qr-ref-chat .qr-chat-messages p{display:inline-block;background:#f6f7f1;border-radius:0 8px 8px 8px;padding:7px 9px;color:#37535a;font-size:11px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;margin:4px 0 0}#mp-app.qr-reference .qr-ref-chat>form{display:flex;gap:8px;align-items:center;margin-top:auto;padding:0;min-width:0}#mp-app.qr-reference .qr-ref-chat>form>input{width:0;flex:1;min-width:0;height:46px;padding:10px 12px;font-size:12px;background:#fff;border:1px solid #e0e6dc;border-radius:9px}#mp-app.qr-reference .qr-ref-chat>form>button{width:46px;height:46px;min-height:46px;padding:10px;flex-shrink:0;border-radius:9px}#mp-app.qr-reference .qr-ref-chat>form>button .qr-icon{width:23px;height:23px}
#mp-app.qr-reference .qr-ref-summary{display:grid;grid-template-columns:minmax(220px,2.7fr) repeat(4,minmax(90px,1fr));gap:12px;align-items:center;padding:12px;margin-top:16px;min-width:0}#mp-app.qr-reference .qr-ref-room-banner{display:flex;align-items:center;gap:14px;min-height:100px;border-radius:10px;padding:16px;background:linear-gradient(90deg,#f9f2dce8,#fff8e5b3),url('assets/quiz/mosque-garden.png') right 65%/cover;min-width:0}#mp-app.qr-reference .qr-ref-room-banner>.qr-icon{width:42px;height:42px;color:#1b5451;flex-shrink:0}#mp-app.qr-reference .qr-ref-room-banner h2{font-size:18px;margin:0 0 7px;overflow-wrap:anywhere}#mp-app.qr-reference .qr-ref-room-banner p{font-size:10px;line-height:1.5;color:#3e6d65;margin:0;overflow-wrap:anywhere}#mp-app.qr-reference .qr-ref-fact{display:flex;align-items:center;justify-content:center;gap:10px;background:#fffefb;min-height:76px;padding:12px 8px;border:1px solid #e9e9e1;border-radius:9px;min-width:0}#mp-app.qr-reference .qr-ref-fact>.qr-icon{width:25px;height:25px;color:#1b474c;flex-shrink:0}#mp-app.qr-reference .qr-ref-fact strong{display:block;font-size:13px;line-height:1.5;color:#173e43}#mp-app.qr-reference .qr-ref-fact small{display:block;font-size:10px;color:#6b8791;line-height:1.5}
#mp-app.qr-reference .qr-ref-sidebar{display:flex;flex-direction:column;gap:14px;min-width:0}#mp-app.qr-reference .qr-ref-sidebar>.card{padding:15px 13px}#mp-app.qr-reference .qr-ref-sidebar .qr-ref-section-heading{gap:5px}#mp-app.qr-reference .qr-ref-sidebar .qr-ref-section-heading h2{font-size:15px;gap:7px}#mp-app.qr-reference .qr-ref-sidebar .qr-ref-section-heading .btn{font-size:9px;white-space:nowrap;padding:3px;min-height:26px}#mp-app.qr-reference .qr-ref-online-dot{width:10px;height:10px;border-radius:50%;background:#1a9968;flex-shrink:0}#mp-app.qr-reference .qr-ref-side-note{font-size:9px;margin:4px 0 7px;color:#98a090}#mp-app.qr-reference .qr-ref-online-list{margin-top:8px}#mp-app.qr-reference .qr-ref-online-list>article{display:flex;gap:10px;align-items:center;padding:6px 0;min-width:0}#mp-app.qr-reference .qr-ref-online-list .mp-avatar{width:34px;height:34px;flex:0 0 34px;font:20px Georgia,serif}#mp-app.qr-reference .qr-ref-online-list>article>div{flex:1;min-width:0}#mp-app.qr-reference .qr-ref-online-list strong{font-size:11px;line-height:1.5;display:block;overflow-wrap:anywhere;color:#1d4146}#mp-app.qr-reference .qr-ref-online-list small{font-size:10px;line-height:1.5;display:block;color:#1d9266}#mp-app.qr-reference .qr-ref-online-list .btn{font-size:10px;min-height:30px;padding:6px 8px;max-width:95px;flex-shrink:0;background:#fffefa;color:#1c7958;border:1px solid #aacdbb}#mp-app.qr-reference .qr-ref-side-empty{font-size:11px;color:#879589;padding:15px 4px;line-height:1.8;margin:0}#mp-app.qr-reference .qr-ref-leaderboard h2>.qr-icon{color:#daa02d}#mp-app.qr-reference .qr-ref-leader-tabs{display:flex;gap:0;background:#f0f1ed;border-radius:8px;overflow:hidden;margin:13px 0 7px}#mp-app.qr-reference .qr-ref-leader-tabs>button{flex:1;min-width:0;padding:10px 4px;color:#7c8a8a;font-size:10px;line-height:1.4}#mp-app.qr-reference .qr-ref-leader-tabs>button.active{background:#14614d;color:#fff}#mp-app.qr-reference .qr-ref-leader-list>article,.qr-ref-leader-list>article{display:flex;gap:9px;align-items:center;min-width:0;padding:10px 0;border-bottom:1px solid #f0f0e7}#mp-app.qr-reference .qr-ref-leader-list>article:last-child{border-bottom:0}#mp-app.qr-reference .qr-ref-rank{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;flex:0 0 23px;color:#58756e;font-size:12px}#mp-app.qr-reference .qr-ref-rank.rank-1{background:#eec054;color:#fff}#mp-app.qr-reference .qr-ref-rank.rank-2{background:#b8c1be;color:#fff}#mp-app.qr-reference .qr-ref-rank.rank-3{background:#d9965c;color:#fff}#mp-app.qr-reference .qr-ref-leader-list .mp-avatar{width:31px;height:31px;flex:0 0 31px;font:18px Georgia,serif}#mp-app.qr-reference .qr-ref-leader-list>article>div{flex:1;min-width:0}#mp-app.qr-reference .qr-ref-leader-list strong{display:block;font-size:10px;line-height:1.4;overflow-wrap:anywhere;color:#294c4e}#mp-app.qr-reference .qr-ref-leader-list>article>div>small{font-size:8px;color:#8a9a8c;display:block;margin-top:3px}#mp-app.qr-reference .qr-ref-leader-list>article>b{font-size:11px;white-space:nowrap;color:#204b51;flex-shrink:0}#mp-app.qr-reference .qr-ref-leader-list>article>b>small{font-size:9px;font-weight:400}
@media(min-width:1660px){#mp-app.qr-reference .qr-ref-layout{grid-template-columns:minmax(0,1fr) 380px}#mp-app.qr-reference .qr-ref-main{grid-template-columns:minmax(0,2.2fr) minmax(330px,1fr)}#mp-app.qr-reference .qr-ref-sidebar>.card{padding:17px}#mp-app.qr-reference .qr-ref-section-heading h1{font-size:23px}#mp-app.qr-reference .qr-ref-player-name{font-size:17px}#mp-app.qr-reference .qr-ref-seats-many .qr-ref-player-name{font-size:14px}#mp-app.qr-reference .qr-ref-player .mp-avatar{width:94px;height:94px;font-size:51px}#mp-app.qr-reference .qr-ref-player>.mp-profile-avatar-button{width:96px;height:96px}#mp-app.qr-reference .qr-ref-seats-many .mp-avatar{width:66px;height:66px;font-size:38px}#mp-app.qr-reference .qr-ref-seats-many .mp-profile-avatar-button{width:68px;height:68px}}
@media(max-width:1500px){#mp-app.qr-reference .qr-ref-header{grid-template-columns:minmax(210px,.8fr) minmax(0,2fr)}#mp-app.qr-reference .qr-ref-header-actions{grid-column:1/-1;justify-self:end;padding:0;background:none}#mp-app.qr-reference .qr-ref-layout{grid-template-columns:minmax(0,1fr) 285px}#mp-app.qr-reference .qr-ref-main{grid-template-columns:minmax(0,1fr) 270px}#mp-app.qr-reference .qr-ref-player>.mp-profile-avatar-button{width:64px;height:64px}#mp-app.qr-reference .qr-ref-player .mp-avatar{width:62px;height:62px;font-size:34px}#mp-app.qr-reference .qr-ref-player-name{font-size:12px}#mp-app.qr-reference .qr-ref-seats>.qr-ref-player{padding:10px 7px;gap:8px;min-height:220px}#mp-app.qr-reference .qr-ref-seats-many>.qr-ref-player{min-height:205px;gap:6px}#mp-app.qr-reference .qr-ref-players{padding:18px 13px}#mp-app.qr-reference .qr-ref-seats{gap:7px}#mp-app.qr-reference .qr-ref-can-start{font-size:8px;padding:6px}#mp-app.qr-reference .qr-ref-play-actions>.btn{font-size:14px}#mp-app.qr-reference .qr-ref-summary{gap:7px;grid-template-columns:minmax(160px,2fr) repeat(4,minmax(70px,1fr))}#mp-app.qr-reference .qr-ref-fact{gap:5px;padding:9px 5px}#mp-app.qr-reference .qr-ref-fact>.qr-icon{width:20px;height:20px}#mp-app.qr-reference .qr-ref-room-banner{padding:12px;gap:9px}#mp-app.qr-reference .qr-ref-room-banner h2{font-size:14px}#mp-app.qr-reference .qr-ref-sidebar>.card{padding:13px 10px}#mp-app.qr-reference .qr-ref-sidebar .qr-ref-section-heading h2{font-size:13px}#mp-app.qr-reference .qr-ref-online-list>article{gap:6px}#mp-app.qr-reference .qr-ref-online-list .mp-avatar{width:29px;height:29px;flex-basis:29px}#mp-app.qr-reference .qr-ref-online-list .btn{font-size:9px;padding:5px 6px;max-width:80px}}
@media(max-width:1200px){#mp-app.qr-reference .qr-ref-layout{grid-template-columns:minmax(0,1fr)}#mp-app.qr-reference .qr-ref-main{grid-template-columns:minmax(0,2fr) minmax(280px,1fr)}#mp-app.qr-reference .qr-ref-sidebar{display:grid;grid-template-columns:1fr 1fr;align-items:start}#mp-app.qr-reference .qr-ref-seats>.qr-ref-player{min-height:230px}#mp-app.qr-reference .qr-ref-seats-many>.qr-ref-player{min-height:205px}}
@media(max-width:900px){#mp-app.qr-reference .qr-ref-header{grid-template-columns:minmax(0,1fr)}#mp-app.qr-reference .qr-ref-brand{justify-content:space-between}#mp-app.qr-reference .qr-ref-brand>a{margin-right:auto}#mp-app.qr-reference .qr-ref-meta{gap:15px;padding:13px 16px}#mp-app.qr-reference .qr-ref-header-actions{grid-column:1;justify-self:stretch;justify-content:flex-start}#mp-app.qr-reference .qr-ref-main{grid-template-columns:minmax(0,1fr)}#mp-app.qr-reference .qr-ref-chat{min-height:330px;max-height:420px}#mp-app.qr-reference .qr-ref-sidebar{grid-template-columns:1fr 1fr}#mp-app.qr-reference .qr-ref-seats>.qr-ref-player{min-height:220px}#mp-app.qr-reference .qr-ref-seats-many>.qr-ref-player{min-height:205px}}
@media(max-width:600px){#mp-app.qr-reference .qr-ref-page{padding:14px 12px 22px}#mp-app.qr-reference .qr-ref-meta{flex-direction:column;align-items:stretch;gap:11px}#mp-app.qr-reference .qr-ref-code{padding:0 0 10px;border-right:0;border-bottom:1px solid #e8e7dd}#mp-app.qr-reference .qr-ref-code>div{justify-content:center}#mp-app.qr-reference .qr-ref-settings>small{text-align:center}#mp-app.qr-reference .qr-ref-settings>div{justify-content:center}#mp-app.qr-reference .qr-ref-settings .mp-room-metrics{gap:10px;justify-content:center}#mp-app.qr-reference .qr-ref-seats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#mp-app.qr-reference .qr-ref-seats[data-capacity="1"]{grid-template-columns:minmax(0,1fr);max-width:240px;margin-left:auto;margin-right:auto}#mp-app.qr-reference .qr-ref-section-heading h1{font-size:18px;gap:7px}#mp-app.qr-reference .qr-ref-section-heading h1>.qr-icon{width:23px;height:23px}#mp-app.qr-reference .qr-ref-section-heading{flex-wrap:wrap}#mp-app.qr-reference .qr-ref-can-start{font-size:9px}#mp-app.qr-reference .qr-ref-play-actions{margin-top:20px;gap:9px}#mp-app.qr-reference .qr-ref-play-actions>.btn{width:100%;min-height:45px;font-size:16px}#mp-app.qr-reference .qr-ref-sidebar{grid-template-columns:minmax(0,1fr)}#mp-app.qr-reference .qr-ref-summary{grid-template-columns:1fr 1fr;gap:8px}#mp-app.qr-reference .qr-ref-room-banner{grid-column:1/-1;min-height:90px}#mp-app.qr-reference .qr-ref-fact{min-height:66px}#mp-app.qr-reference .qr-ref-brandmark{font-size:49px}#mp-app.qr-reference .qr-ref-brand strong{font-size:25px}#mp-app.qr-reference .qr-ref-brand small{font-size:12px}#mp-app.qr-reference .qr-ref-brand>.btn{min-height:44px;padding:9px 13px}#mp-app.qr-reference .qr-ref-online-list .btn{max-width:110px}#mp-app.qr-reference .qr-ref-online-list>article{gap:10px}}
/* Room invite picker: online friends or available online users. */
#mp-invite-dialog.mp-invite-dialog{box-sizing:border-box;width:440px;max-width:calc(100vw - 30px);max-height:min(680px,85dvh);padding:0;border:1px solid #e0e7dc;border-radius:15px;background:#fffef9;color:#204d40;box-shadow:0 20px 65px #173d3b38;overflow:hidden;margin:auto}#mp-invite-dialog::backdrop{background:#15312d66;backdrop-filter:blur(3px)}#mp-invite-dialog .mp-invite-box{display:flex;flex-direction:column;max-height:min(678px,84dvh);min-width:0;font:12px/1.6 Arial,sans-serif}#mp-invite-dialog .mp-invite-box>header{display:flex;gap:11px;align-items:center;padding:18px;background:#f6faf4;border-bottom:1px solid #e8eee2;flex-shrink:0}#mp-invite-dialog header>span{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;background:#e3f0e5;color:#256b4f}#mp-invite-dialog header>span .qr-icon{width:23px;height:23px}#mp-invite-dialog header>div{flex:1;min-width:0}#mp-invite-dialog h2{font:600 17px/1.4 Arial,sans-serif;color:#234f3e;margin:0}#mp-invite-dialog header p{font:10px/1.6 Arial,sans-serif;color:#8b9b85;margin:3px 0 0}#mp-invite-dialog header>button{border:0;background:none;color:#83917c;font-size:24px;line-height:1;padding:6px;cursor:pointer}#mp-invite-dialog .mp-invite-room-status{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 18px;border-bottom:1px solid #edf0e7;color:#7d8b75;font-size:10px;flex-shrink:0}#mp-invite-dialog .mp-invite-room-status>span{min-width:0;overflow-wrap:anywhere}#mp-invite-dialog .mp-invite-room-status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#469b68;margin-right:5px}#mp-invite-dialog .mp-invite-room-status strong{font-size:10px;white-space:nowrap;color:#6d845f}#mp-invite-dialog .mp-invite-list{min-height:80px;max-height:410px;overflow-y:auto;overscroll-behavior:contain;padding:4px 18px 10px;scrollbar-width:thin;scrollbar-color:#c8d9c6 transparent}#mp-invite-dialog .mp-invite-list>article{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid #edf1e8;min-width:0}#mp-invite-dialog .mp-invite-list>article:last-child{border-bottom:0}#mp-invite-dialog .mp-avatar{display:grid;place-items:center;flex:0 0 39px;width:39px;height:39px;font:24px Georgia,serif;border-radius:50%}#mp-invite-dialog .mp-invite-list>article>div{flex:1;min-width:0}#mp-invite-dialog .mp-invite-list strong{display:block;font-size:12px;font-weight:600;color:#315744;line-height:1.5;overflow-wrap:anywhere}#mp-invite-dialog .mp-invite-list small{display:block;font-size:10px;color:#609468;line-height:1.5;margin-top:3px}#mp-invite-dialog .mp-invite-list .btn{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;max-width:125px;min-width:75px;min-height:33px;padding:7px 10px;border:1px solid #bad4bf;background:#f8fbf4;border-radius:7px;color:#32704b;font:11px/1.4 Arial,sans-serif;cursor:pointer;flex-shrink:0}#mp-invite-dialog .mp-invite-list .btn:disabled{opacity:.5;cursor:not-allowed}#mp-invite-dialog .mp-chip{background:#edf6e9;color:#728b5b;border-radius:6px;padding:5px 10px;font-size:10px}#mp-invite-dialog .mp-invite-box>footer{flex-shrink:0;padding:12px 18px;background:#fafbf5;border-top:1px solid #eaf0e0;font:10px/1.7 Arial,sans-serif;color:#88967b}#mp-invite-dialog footer>small{display:block;font-size:9px;margin-top:3px;color:#9ca68e}#mp-invite-dialog .mp-invite-empty{padding:22px 5px;text-align:center;font:11px/1.8 Arial,sans-serif;color:#8e9c84}#mp-invite-dialog .mp-invite-full{padding:10px 18px;margin:0;background:#faf2de;color:#a68b50;font-size:10px;line-height:1.6}#mp-invite-dialog button:focus-visible{outline:2px solid #b99a50;outline-offset:3px}#mp-invite-dialog[aria-busy=true] .mp-invite-list{opacity:.75}@media(max-width:400px){#mp-invite-dialog h2{font-size:15px}#mp-invite-dialog .mp-invite-list{padding-left:13px;padding-right:13px}#mp-invite-dialog .mp-invite-list>article{gap:8px}#mp-invite-dialog .mp-invite-list .btn{min-width:65px;font-size:10px;max-width:100px}}
/* Compact room header and stable game scene. */
#mp-app.qr-reference .qr-ref-header{display:flex;align-items:center;flex-wrap:wrap;gap:18px;padding:18px 0;grid-template-columns:none;height:auto;min-height:0;max-height:none;box-sizing:border-box;flex-shrink:0;margin:0;border:0;background:transparent}
#mp-app.qr-reference .qr-ref-brand{display:flex;align-items:center;gap:18px;flex:1 1 300px;min-width:0;justify-content:flex-start}
#mp-app.qr-reference .qr-ref-brand>.btn{flex:none;margin:0;min-height:38px;padding:8px 13px}
#mp-app.qr-reference .qr-ref-categories{min-width:0;display:grid;gap:7px}
#mp-app.qr-reference .qr-ref-categories>small{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#788174}
#mp-app.qr-reference .qr-ref-categories>div{display:flex;gap:6px;flex-wrap:wrap}
#mp-app.qr-reference .qr-ref-categories span{display:inline-flex;align-items:center;gap:5px;border:1px solid #dce5d8;border-radius:8px;background:#f1f6ed;color:#335b3c;padding:6px 9px;font-size:12px;font-weight:650}
#mp-app.qr-reference .qr-ref-categories .qr-icon{width:14px;height:14px}
#mp-app.qr-reference .qr-ref-meta{display:flex;align-items:center;flex:1 1 450px;gap:18px;min-width:0;padding:12px 15px;border:1px solid #e4e6db;border-radius:12px;background:#fffef9}
#mp-app.qr-reference .qr-ref-code{flex:none;padding:0 16px 0 0;border-bottom:0;border-right:1px solid #e4e6db;min-width:0}
#mp-app.qr-reference .qr-ref-code>small,#mp-app.qr-reference .qr-ref-settings>small{display:block;text-align:left;font-size:10px;letter-spacing:.6px;margin:0 0 7px;color:#7a8277}
#mp-app.qr-reference .qr-ref-code>div{gap:8px;justify-content:flex-start}
#mp-app.qr-reference .qr-ref-code strong{font-size:18px;letter-spacing:1.5px;line-height:1.2}
#mp-app.qr-reference .qr-ref-code .btn{font-size:10px;min-height:28px;padding:5px 7px;gap:4px}
#mp-app.qr-reference .qr-ref-code .qr-icon{width:12px;height:12px}
#mp-app.qr-reference .qr-ref-settings{min-width:0;flex:1}
#mp-app.qr-reference .qr-ref-settings>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-start}
#mp-app.qr-reference .qr-ref-settings .mp-room-metrics{display:flex;align-items:center;flex-wrap:wrap;gap:8px;justify-content:flex-start}
#mp-app.qr-reference .qr-ref-settings .mp-room-metrics>span,#mp-app.qr-reference .qr-ref-mode{font-size:11px;white-space:nowrap;display:inline-flex;align-items:center;gap:4px;padding:4px 6px;background:#f3f4ed;border-radius:6px;margin:0}
#mp-app.qr-reference .qr-ref-settings .qr-icon{width:14px;height:14px}
#mp-app.qr-reference .qr-ref-header-actions{display:flex;flex-wrap:wrap;gap:7px;margin-left:auto;justify-content:flex-end;grid-column:auto;justify-self:auto}
#mp-app.qr-reference .qr-ref-header-actions>.btn{min-height:35px;font-size:11px;padding:7px 10px}
#mp-app.qr-reference .qr-ref-main{align-items:start;grid-template-columns:minmax(0,1fr) 285px}
#mp-app.qr-reference .qr-ref-game-column{display:grid;gap:18px;min-width:0}
#mp-app.qr-reference .qr-ref-seats>.qr-ref-player{min-height:0;height:auto;padding:10px 8px;gap:6px;border-radius:12px}
#mp-app.qr-reference .qr-ref-player>.mp-profile-avatar-button{width:52px;height:52px;margin:0}
#mp-app.qr-reference .qr-ref-player .mp-avatar{width:50px;height:50px;font-size:28px}
#mp-app.qr-reference .qr-ref-player-top{min-height:20px}
#mp-app.qr-reference .qr-ref-player-name{font-size:12px;line-height:1.3}
#mp-app.qr-reference .qr-ref-player .btn{min-height:26px;padding:4px 7px;font-size:10px}
#mp-app.qr-reference .qr-ref-host-tag,#mp-app.qr-reference .qr-ref-ready-tag,#mp-app.qr-reference .qr-ref-host-status,#mp-app.qr-reference .qr-ref-score{font-size:10px;line-height:1.4}
#mp-app.qr-reference .qr-ref-empty-avatar{width:50px;height:50px;margin:0}
#mp-app.qr-reference .qr-ref-play-actions{margin-top:16px}
#mp-app.qr-reference .qr-ref-start-note{margin-bottom:0}
#mp-app.qr-reference .qr-ref-chat{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:360px;min-height:360px;max-height:360px;align-self:start;overflow:hidden;box-sizing:border-box}
#mp-app.qr-reference .qr-ref-chat .qr-chat-messages{height:100%;min-height:0;max-height:100%;overflow-y:auto;overscroll-behavior:contain;overflow-wrap:anywhere}
#mp-app.qr-reference .qr-ref-chat form{min-width:0;margin-top:10px}
#mp-app.qr-reference .qr-ref-chat input{min-width:0}
#mp-app.qr-reference .qr-ref-question{min-width:0}
#mp-app.qr-reference .qr-ref-question>.qr-question-card{margin-top:0}
@media(max-width:1400px){#mp-app.qr-reference .qr-ref-main{grid-template-columns:minmax(0,1fr)}#mp-app.qr-reference .qr-ref-header-actions{flex-basis:100%}}
@media(max-width:900px){#mp-app.qr-reference .qr-ref-meta{flex-basis:100%}#mp-app.qr-reference .qr-ref-main{grid-template-columns:minmax(0,1fr)}#mp-app.qr-reference .qr-ref-header-actions{justify-content:flex-start}}
@media(max-width:600px){#mp-app.qr-reference .qr-ref-header{gap:12px}#mp-app.qr-reference .qr-ref-brand{gap:10px}#mp-app.qr-reference .qr-ref-meta{flex-direction:row;flex-wrap:wrap;gap:12px;padding:12px}#mp-app.qr-reference .qr-ref-code{border:0;padding:0}#mp-app.qr-reference .qr-ref-settings{flex-basis:100%;padding-top:10px;border-top:1px solid #e6e8de}#mp-app.qr-reference .qr-ref-chat{height:320px;min-height:320px;max-height:320px}#mp-app.qr-reference .qr-ref-seats>.qr-ref-player{min-height:0}}

/* Reserve a separate flow row for the complete, wrapping room header. */
#mp-app.qr-reference .qr-ref-lobby{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;gap:18px;align-items:start}
#mp-app.qr-reference .qr-ref-layout{min-width:0;margin-top:0}

/* A shared compact frame: players on the left, lobby chat on the right. */
#mp-app.qr-reference .qr-ref-main{grid-template-columns:minmax(0,1fr) 260px;gap:18px;padding:16px;box-sizing:border-box;align-items:start}
#mp-app.qr-reference .qr-ref-main .qr-ref-players{padding:0;border:0;box-shadow:none;background:none}
#mp-app.qr-reference .qr-ref-main .qr-ref-seats{grid-template-columns:repeat(var(--seat-cols),minmax(0,145px));justify-content:start;gap:8px;margin:12px 0 0}
#mp-app.qr-reference .qr-ref-main .qr-ref-seats>.qr-ref-player{padding:8px 7px;gap:5px;min-height:0}
#mp-app.qr-reference .qr-ref-main .qr-ref-player-name{min-height:28px}
#mp-app.qr-reference .qr-ref-main .qr-ref-player.qr-empty-seat>strong{min-height:28px;font-size:11px}
#mp-app.qr-reference .qr-ref-main .qr-ref-play-actions{margin-top:12px;gap:9px;justify-content:flex-start}
#mp-app.qr-reference .qr-ref-main .qr-ref-play-actions>.btn{width:min(220px,46%);min-height:40px;padding:8px 12px;font-size:14px}
#mp-app.qr-reference .qr-ref-main .qr-ref-start-note{text-align:left;margin-top:8px}
#mp-app.qr-reference .qr-ref-main .qr-ref-chat{border:0;border-left:1px solid #e7eadd;border-radius:0;padding:0 0 0 16px;box-shadow:none;background:none;height:310px;min-height:310px;max-height:310px}
#mp-app.qr-reference .qr-ref-main.qr-ref-playing{grid-template-columns:minmax(0,1fr)}
#mp-app.qr-reference .qr-ref-main .qr-ref-question{margin-top:0}
@media(max-width:800px){#mp-app.qr-reference .qr-ref-main{grid-template-columns:minmax(0,1fr)}#mp-app.qr-reference .qr-ref-main .qr-ref-chat{border-left:0;border-top:1px solid #e7eadd;padding:14px 0 0}#mp-app.qr-reference .qr-ref-main .qr-ref-seats{grid-template-columns:repeat(2,minmax(0,145px))}#mp-app.qr-reference .qr-ref-main .qr-ref-seats[data-capacity="1"]{grid-template-columns:minmax(0,145px);max-width:none;margin-left:0;margin-right:0}}

#mp-invite-dialog .mp-demo-invites{max-height:210px;overflow-y:auto;padding:10px;margin-bottom:12px;border:1px solid #ddcf9d;border-radius:9px;background:#fff9e9;color:#526146}#mp-invite-dialog .mp-demo-invites>strong{font-size:10px;letter-spacing:.4px;color:#967225}#mp-invite-dialog .mp-demo-invites p{font-size:10px;line-height:1.6;margin:6px 0}#mp-invite-dialog .mp-demo-invite{display:grid;gap:5px;padding:10px 0;border-top:1px solid #e9dfc2}#mp-invite-dialog .mp-demo-invite>b{font-size:12px}#mp-invite-dialog .mp-demo-invite>div{display:flex;gap:7px}#mp-invite-dialog .mp-demo-invite .btn{border:1px solid #a9bea6;border-radius:6px;padding:7px 10px;background:#f4f9ed;color:#2e6343;font:11px Arial;cursor:pointer}#mp-invite-dialog .mp-demo-invite .btn:disabled{opacity:.5;cursor:wait}

/* Inline answer feedback, with no round-results panel. */
#mp-app.qr-reference .qr-four-choices{grid-template-columns:minmax(0,1fr);gap:11px!important}
#mp-app.qr-reference .qr-four-choices button{position:relative;opacity:1;min-height:64px!important;border:1px solid #dce3e8!important;background:#fff!important;border-radius:16px!important;padding:14px 16px!important;gap:14px!important;text-align:left}
#mp-app.qr-reference .qr-four-choices button>span{width:36px!important;height:36px!important;flex:0 0 36px;display:grid;place-items:center;border:0!important;background:#293945!important;color:white;border-radius:50%!important;font:bold 16px Arial}
#mp-app.qr-reference .qr-four-choices button>strong{font:15px/1.5 Arial!important;font-weight:400!important;flex:1}
#mp-app.qr-reference .qr-four-choices button>i{display:block!important;margin-left:auto;font:26px/1 Arial;font-style:normal}
#mp-app.qr-reference .qr-four-choices button.selected{background:#fff8e5!important;border-color:#caa34a!important}
#mp-app.qr-reference .qr-four-choices button.choice-correct{background:#effaf2!important;border:2px solid #23864c!important;color:#1b7140!important}
#mp-app.qr-reference .qr-four-choices button.choice-correct>span{background:#23864c!important}
#mp-app.qr-reference .qr-four-choices button.choice-wrong{background:#fff2f4!important;border:2px solid #eb3349!important;color:#c82b3d!important}
#mp-app.qr-reference .qr-letter-ring>span{box-sizing:border-box;border-width:2px;background:#f8faf8}
#mp-app.qr-reference .qr-letter-ring>span.current{background:#fff3c7;color:#8d6415;border-color:#cf9d22;box-shadow:0 0 0 4px #f5e9b9}
#mp-app.qr-reference .qr-letter-ring>span.correct{background:#eaf5ed;color:#247444;border-color:#23864c}
#mp-app.qr-reference .qr-letter-ring>span.wrong{background:#fff0f2;color:#b72b3e;border-color:#eb3349}
#mp-app.qr-reference .qr-letter-ring>span.passed{background:#f0f2f5;color:#667582;border-color:#8896a5}
#mp-app.qr-reference .qr-letter-ring>span>i{position:absolute;top:-5px;right:-5px;display:grid;place-items:center;width:14px;height:14px;border:2px solid #fff;border-radius:50%;font:bold 10px/1 Arial;background:#23864c;color:#fff}
#mp-app.qr-reference .qr-letter-ring>span.wrong>i{background:#eb3349}
#mp-app.qr-reference .qr-letter-ring>span.passed>i{background:#8896a5}

#mp-app.qr-reference .qr-guest-form{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto;gap:14px;align-items:end;margin-top:24px;padding:22px;border:1px solid #d8e5d9;border-radius:14px;background:#f4f9f1}#mp-app.qr-reference .qr-guest-form>div{align-self:center}#mp-app.qr-reference .qr-guest-form strong{display:block;font-size:17px;color:#225b43}#mp-app.qr-reference .qr-guest-form small{display:block;font-size:11px;color:#71816b;line-height:1.7}#mp-app.qr-reference .qr-guest-form>small{grid-column:1/-1}#mp-app.qr-reference .qr-guest-form label{display:grid;gap:6px}#mp-app.qr-reference .qr-guest-form input{width:100%;box-sizing:border-box;font-size:16px;min-height:44px}#mp-app.qr-reference .qr-guest-status{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:9px 14px;margin-bottom:16px;border:1px solid #d7e5d8;border-radius:9px;background:#f0f7eb;font-size:11px;color:#466340}#mp-app.qr-reference .qr-guest-status a{text-decoration:underline}@media(max-width:700px){#mp-app.qr-reference .qr-guest-form{grid-template-columns:minmax(0,1fr);padding:18px}#mp-app.qr-reference .qr-guest-form>.btn{min-height:44px}}

.qr-guest-error:empty{display:none}.qr-guest-error{grid-column:1/-1;color:#a43f35;font-size:13px;margin:0}.qr-guest-form[aria-busy="true"]{cursor:progress}


/* Keep the notification sheet above app/modal layers and its controls stable while polling. */
.mp-global-bell{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:auto;min-width:115px;min-height:44px;padding:8px 12px;touch-action:manipulation}.mp-global-bell>.mp-bell-label{position:static;display:inline;font:600 12px/1.3 Arial,sans-serif;min-width:0;height:auto;padding:0;background:none;color:inherit;border:0;border-radius:0}.mp-global-bell>.mp-bell-count{font-size:10px;line-height:15px;min-width:20px;height:20px}.mp-global-bell>svg{flex:none}
#mp-app.qr-reference .qr-ref-header-actions .mp-global-bell{width:auto;min-width:115px;height:44px;flex:0 0 auto;padding:8px 12px}.quiz-suite .qr-header-actions .mp-global-bell{width:auto;min-width:115px;height:44px}
dialog.mp-notification-drawer{position:fixed;inset:auto;top:16px;right:16px;margin:0;width:440px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:22px;overflow-y:auto;touch-action:pan-y;pointer-events:auto;color:#21483f;border-radius:18px;box-shadow:0 20px 90px #173b3a40}dialog.mp-notification-drawer::backdrop{background:#102b2959}dialog.mp-notification-drawer .mp-notification-head{position:sticky;top:-22px;z-index:2;background:#fff;padding:14px 0;gap:12px}dialog.mp-notification-drawer .mp-notification-head>.btn{min-width:44px;min-height:44px;font-size:26px}dialog.mp-notification-drawer .mp-notification-item{padding:16px;gap:12px;background:#f7faf7}dialog.mp-notification-drawer .mp-notification-item strong{font-size:16px;color:#21483f;line-height:1.5;font-weight:700}dialog.mp-notification-drawer .mp-notification-item p{font-size:14px;color:#52675e}dialog.mp-notification-drawer .mp-notification-item small{font-size:12px;color:#6c7c73}dialog.mp-notification-drawer .mp-notification-item .row{display:flex;flex-wrap:wrap;gap:8px}dialog.mp-notification-drawer .mp-notification-item .btn{min-height:44px;min-width:90px;font-size:13px;touch-action:manipulation}dialog.mp-notification-drawer button:disabled{opacity:.6;cursor:wait}dialog.mp-notification-drawer .mp-notification-empty{font-size:14px;line-height:1.6}
@media(max-width:600px){dialog.mp-notification-drawer{top:max(12px,env(safe-area-inset-top));right:12px;width:calc(100vw - 24px);max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:16px}dialog.mp-notification-drawer .mp-notification-head{top:-16px}dialog.mp-notification-drawer .mp-notification-item .row{flex-direction:column;align-items:stretch}dialog.mp-notification-drawer .mp-notification-item .btn{width:100%}.quiz-suite .qr-header-actions .mp-global-bell{min-width:105px;padding:8px}}

#mp-app.qr-reference .qr-ref-play-actions{display:flex;flex-wrap:wrap;gap:10px}#mp-app.qr-reference .qr-ref-play-actions>.btn{flex:1 1 160px;width:auto;min-height:44px}#mp-app.qr-reference .qr-ref-side-note>.btn{min-height:36px;font-size:11px;padding:5px 8px;margin-left:5px}
.qr-room-settings-dialog{width:600px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 28px);overflow:auto;border:1px solid #dfe6dd;border-radius:20px;padding:22px;background:#fffcf8;color:#21483f;box-shadow:0 24px 100px #173b3a40}.qr-room-settings-dialog::backdrop{background:#102b2959}.qr-room-settings-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:16px;position:static;background:none;height:auto;padding:0 0 16px;border-bottom:1px solid #e5e9e1;box-shadow:none}.qr-room-settings-dialog h2{font-size:23px;margin:4px 0}.qr-room-settings-dialog header small{font-size:11px;color:#8a794d;letter-spacing:1px}.qr-room-settings-dialog header .btn{min-width:44px;min-height:44px;font-size:24px}.qr-room-settings-dialog form{display:grid;gap:16px;margin-top:16px}.qr-room-settings-dialog label{display:grid;gap:6px;font-size:13px;font-weight:600}.qr-room-settings-dialog input:not([type="checkbox"]),.qr-room-settings-dialog select{box-sizing:border-box;width:100%;min-width:0;min-height:44px;border:1px solid #dce4db;border-radius:10px;padding:10px;background:#fff;color:#21483f;font-size:16px}.qr-settings-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.qr-settings-numbers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.qr-settings-numbers small{font-size:11px;font-weight:400;color:#738176}.qr-room-settings-dialog fieldset{border:1px solid #e0e7dd;border-radius:12px;padding:12px}.qr-room-settings-dialog legend{font-size:14px;font-weight:600;padding:0 6px}.qr-room-settings-dialog fieldset>small{font-size:12px;color:#738176}.qr-settings-categories{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;max-height:200px;overflow:auto}.qr-settings-categories label{display:flex;align-items:center;gap:8px;min-height:44px;padding:7px 9px;border:1px solid #e1e7dd;border-radius:9px;background:#fff;font-size:13px}.qr-settings-categories input{width:18px;height:18px;accent-color:#21483f}.qr-settings-note{font-size:12px;line-height:1.6;color:#6e7e70;margin:0}.qr-settings-error{font-size:13px;color:#a43f35;margin:0}.qr-settings-error:empty{display:none}.qr-room-settings-dialog form>footer{display:flex;justify-content:flex-end;gap:10px;position:static;border:0;padding:6px 0 0;background:none}.qr-room-settings-dialog form>footer .btn{min-height:44px}.qr-room-settings-dialog :focus-visible{outline:2px solid #b89c58;outline-offset:2px}@media(max-width:600px){.qr-room-settings-dialog{padding:16px}.qr-settings-pair{grid-template-columns:1fr}.qr-settings-numbers{gap:8px}.qr-settings-numbers label{font-size:11px}.qr-settings-categories{grid-template-columns:1fr}.qr-room-settings-dialog form>footer .btn{flex:1}}

.qr-start-error{margin:12px 0;padding:12px 16px;border:1px solid #e3c7b1;border-radius:12px;background:#fff5eb;color:#87472e;font-size:13px;line-height:1.6;overflow-wrap:anywhere}

.qr-topbar nav .qr-online-total{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-left:14px;padding:8px 12px;border:1px solid #d8e7dc;border-radius:999px;background:#f0f7f1;color:#285b43;font-size:12px;line-height:1.3;white-space:nowrap;flex:0 0 auto;align-self:center}.qr-online-total>i{width:7px;height:7px;border-radius:50%;background:#31976a;box-shadow:0 0 0 3px #31976a12;flex:0 0 auto}.qr-online-total b{font-variant-numeric:tabular-nums;font-weight:750}.qr-topbar nav .qr-online-total.is-stale{color:#81867d;background:#f4f4ee;border-color:#e5e6dd}.qr-online-total.is-stale>i{background:#9a9f93;box-shadow:none}@media(max-width:760px){.qr-topbar nav .qr-online-total{margin-left:6px;padding:7px 9px;font-size:10px;gap:6px}}

.qr-rematch-status{text-align:center;margin:14px auto;padding:12px 16px;border:1px solid #d9e6d9;border-radius:12px;background:#f0f7f1;color:#285b43;max-width:640px;line-height:1.7;font-size:13px}

/* Auto join sits before code entry; mobile keeps every action and the attendance badge visible. */
#mp-app.qr-reference .qr-home-room-toolbar{grid-template-columns:minmax(90px,1fr) minmax(105px,1fr) minmax(95px,1fr) minmax(480px,2.5fr) auto}
#mp-app.qr-reference .qr-auto-join{box-sizing:border-box;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:38px;min-height:38px;padding:7px 11px;font-size:11px;white-space:nowrap}
#mp-app.qr-reference .qr-auto-join-error{margin:0 0 16px;padding:12px 14px;border:1px solid #e3cfad;border-radius:10px;background:#fff8e9;color:#72562d;font-size:13px;line-height:1.6}
@media(max-width:1200px){#mp-app.qr-reference .qr-home-room-toolbar{grid-template-columns:1fr 1fr 1fr auto}#mp-app.qr-reference .qr-home-room-toolbar>.qr-join-resume{grid-column:1/4;grid-row:2}#mp-app.qr-reference .qr-home-room-toolbar>.qr-toolbar-refresh{grid-column:4;grid-row:2}}
@media(max-width:760px){#mp-app.qr-reference .qr-topbar{flex-wrap:wrap;height:auto;min-height:70px}.qr-topbar nav{display:flex!important;flex-wrap:wrap!important;width:100%;height:auto!important;min-height:43px;gap:0!important;justify-content:center!important;overflow:visible!important;flex:1 0 100%}.qr-topbar nav button{flex:1 1 auto;min-height:42px}.qr-topbar nav .qr-online-total{display:inline-flex!important;flex:0 0 auto;max-width:100%;margin:6px auto 10px;padding:8px 13px;font-size:12px}.qr-topbar nav .qr-online-total:before{content:none}#mp-app.qr-reference .qr-join-resume{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;width:100%;min-width:0}#mp-app.qr-reference .qr-join-resume .qr-auto-join{grid-column:1;grid-row:1;min-height:40px;height:40px;padding:8px 10px;font-size:11px}#mp-app.qr-reference .qr-join-resume .qr-code-join{grid-column:2;grid-row:1;width:100%;min-width:0;max-width:none}#mp-app.qr-reference .qr-toolbar-resume{grid-column:1/-1;grid-row:2;width:100%;min-width:0}#mp-app.qr-reference .qr-home-room-toolbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}#mp-app.qr-reference .qr-home-room-toolbar>input{grid-column:1/-1}#mp-app.qr-reference .qr-home-room-toolbar>.qr-join-resume{grid-column:1/-1;grid-row:3}#mp-app.qr-reference .qr-home-room-toolbar>.qr-toolbar-refresh{grid-column:3;grid-row:2}}
@media(max-width:380px){#mp-app.qr-reference .qr-join-resume .qr-auto-join{padding:7px 8px;font-size:10px;gap:4px}#mp-app.qr-reference .qr-auto-join .qr-icon{width:13px;height:13px}.qr-topbar nav button{font-size:9px!important;padding:0 4px}}

/* Room details share the players heading instead of occupying the top header. */
#mp-app.qr-reference .qr-ref-header{justify-content:space-between;padding:10px 0 16px;gap:12px}
#mp-app.qr-reference .qr-ref-players-heading{display:flex;align-items:flex-start;flex-wrap:wrap;gap:12px}
#mp-app.qr-reference .qr-ref-players-title{flex:0 1 auto;min-width:0;display:grid;gap:7px;padding:3px 0}
#mp-app.qr-reference .qr-ref-players-title h1{font-size:19px;gap:6px;flex-wrap:wrap}
#mp-app.qr-reference .qr-ref-players-title h1>.qr-icon{width:23px;height:23px}
#mp-app.qr-reference .qr-ref-players-title .qr-ref-can-start{justify-self:start;font-size:10px;padding:4px 7px;line-height:1.4}
#mp-app.qr-reference .qr-ref-players-heading>.qr-ref-meta{display:flex;flex:1 1 300px;max-width:440px;min-width:0;min-height:0;margin-left:auto;padding:9px 10px;gap:10px;flex-direction:row;flex-wrap:nowrap;background:#f8faf5;border:1px solid #e2e8dd;border-radius:10px;box-sizing:border-box}
#mp-app.qr-reference .qr-ref-players-heading .qr-ref-code{flex:0 0 auto;padding:0 10px 0 0;border:0;border-right:1px solid #dfe6d9;text-align:left}
#mp-app.qr-reference .qr-ref-players-heading .qr-ref-code>small,#mp-app.qr-reference .qr-ref-players-heading .qr-ref-settings>small{font-size:10px;letter-spacing:.2px;line-height:1.4;margin:0 0 5px;text-align:left;color:#5f7164}
#mp-app.qr-reference .qr-ref-players-heading .qr-ref-code>div{flex-wrap:wrap;gap:5px;justify-content:flex-start}
#mp-app.qr-reference .qr-ref-players-heading .qr-ref-code strong{font-size:15px;letter-spacing:.6px;line-height:1.4}
#mp-app.qr-reference .qr-ref-players-heading .qr-ref-code .btn{display:inline-flex;align-items:center;font-size:10px;min-height:28px;padding:4px 6px;gap:3px}
#mp-app.qr-reference .qr-ref-players-heading .qr-ref-settings{flex:1 1 0;min-width:0;padding:0;border:0}
#mp-app.qr-reference .qr-ref-players-heading .qr-ref-settings>div{gap:5px;justify-content:flex-start}
#mp-app.qr-reference .qr-ref-players-heading .mp-room-metrics{gap:5px;justify-content:flex-start}
#mp-app.qr-reference .qr-ref-players-heading .mp-room-metrics>span,#mp-app.qr-reference .qr-ref-players-heading .qr-ref-mode{font-size:10px;padding:3px 4px;gap:3px;background:#edf2e8;color:#52664f}
#mp-app.qr-reference .qr-ref-players-heading .mp-room-metrics b{font-size:12px}
#mp-app.qr-reference .qr-ref-players-heading .qr-ref-settings .mp-glyph,#mp-app.qr-reference .qr-ref-players-heading .qr-ref-settings .qr-icon{width:14px;height:14px}
@media(max-width:600px){
 #mp-app.qr-reference .qr-ref-players-title{flex-basis:100%}
 #mp-app.qr-reference .qr-ref-players-title h1{font-size:18px}
 #mp-app.qr-reference .qr-ref-players-heading>.qr-ref-meta{flex-basis:100%;max-width:none;padding:9px;gap:9px}
 #mp-app.qr-reference .qr-ref-players-heading .qr-ref-code{max-width:42%;padding-right:9px}
 #mp-app.qr-reference .qr-ref-players-heading .qr-ref-code>div{flex-direction:column;align-items:flex-start}
 #mp-app.qr-reference .qr-ref-players-heading .qr-ref-code .btn{min-height:32px}
}
@media(min-width:801px){#mp-app.qr-reference .qr-ref-header-actions{flex:0 1 auto;padding:0;background:none}#mp-app.qr-reference .qr-ref-header-actions>.btn{flex:0 1 auto}}