.rp{--rp-bg:#f5f8f7;--rp-panel:#fff;--rp-text:#19392f;--rp-muted:#61766d;--rp-border:#dfe9e3;--rp-accent:#16805e;--rp-soft:#e8f4ed;background:var(--rp-bg);color:var(--rp-text);padding:28px;border-radius:24px;min-height:calc(100vh - 48px);font-family:Nunito,'Segoe UI',sans-serif}
.rp[data-theme=dark]{--rp-bg:#111d26;--rp-panel:#1b2b36;--rp-text:#eef7f2;--rp-muted:#adbfba;--rp-border:#334750;--rp-accent:#65d7ad;--rp-soft:#244438}
.rp[data-theme=cheese]{--rp-bg:#fff8dd;--rp-panel:#fffdf1;--rp-text:#614112;--rp-muted:#927142;--rp-border:#ebdbab;--rp-accent:#ad6813;--rp-soft:#ffedb3}
.rp *{box-sizing:border-box}.rp [hidden]{display:none!important}.rp h1,.rp h2,.rp p{margin:0}.rp button,.rp select,.rp input{font:inherit}.rp button{cursor:pointer}.rp button:disabled{opacity:.45;cursor:not-allowed}.rp :focus-visible{outline:3px solid #20b893;outline-offset:3px}.rp select,.rp input[type=search]{background:var(--rp-panel);color:var(--rp-text);border:1px solid var(--rp-border);border-radius:10px;padding:9px 10px;max-width:100%;min-width:0}.rp-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.rp-eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:900;color:var(--rp-accent)}.rp-header h1{font-size:clamp(25px,2.7vw,38px);font-weight:900;letter-spacing:-1.2px;margin:5px 0}.rp-header p{font-size:13px;color:var(--rp-muted)}.rp-button{border:1px solid var(--rp-border);border-radius:10px;padding:9px 12px;background:var(--rp-panel);color:var(--rp-text);font-weight:800;font-size:12px;line-height:1.5;transition:transform .15s,background .15s}.rp-button:hover:not(:disabled){background:var(--rp-soft);transform:translateY(-1px)}.rp-button.rp-primary{background:#157d59;color:#fff;border-color:#157d59;padding:12px 18px;box-shadow:0 4px 12px #157d591a}.rp-button.rp-primary:hover:not(:disabled){background:#106546}.rp-toolbar{display:flex;gap:10px 16px;align-items:center;flex-wrap:wrap;padding:12px 15px;margin-bottom:22px;background:var(--rp-panel);border:1px solid var(--rp-border);border-radius:14px}.rp-toolbar label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:800}.rp-toolbar input[type=checkbox]{accent-color:var(--rp-accent);width:16px;height:16px}.rp-toolbar select{padding:5px}.rp-toolbar .rp-button{padding:6px 9px}.rp-layout{display:grid;grid-template-columns:240px minmax(0,1fr) 230px;gap:20px;align-items:start}.rp-panel{background:var(--rp-panel);border:1px solid var(--rp-border);border-radius:16px;padding:17px;min-width:0}.rp-panel-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px}.rp-panel h2{font-size:15px;font-weight:900}.rp-badge{background:var(--rp-soft);color:var(--rp-accent);font-size:11px;font-weight:900;padding:4px 8px;border-radius:8px}.rp-roster-panel select{width:100%;font-weight:800;font-size:13px}.rp-note{font-size:11px;color:var(--rp-muted);line-height:1.6;margin:10px 0!important}.rp-actions{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:9px}.rp-roster-panel .rp-actions .rp-button{flex:1;padding:7px 5px;font-size:11px}.rp-progress-label{display:flex;justify-content:space-between;font-size:10px;font-weight:800;color:var(--rp-muted);margin-top:17px}.rp progress{width:100%;height:6px;accent-color:var(--rp-accent);border:0;border-radius:9px;overflow:hidden}.rp progress::-webkit-progress-bar{background:var(--rp-soft)}.rp progress::-webkit-progress-value{background:var(--rp-accent)}.rp-roster{list-style:none;padding:0;margin:13px 0 0;max-height:495px;overflow:auto}.rp-roster li{display:flex;align-items:center;gap:9px;font-size:12px;min-height:38px;border-bottom:1px solid var(--rp-border);padding:7px 0}.rp-number{display:grid;place-items:center;width:24px;height:24px;background:var(--rp-bg);border-radius:8px;font-size:10px;color:var(--rp-muted);flex-shrink:0}.rp-called>span:nth-child(2){color:var(--rp-muted);text-decoration:line-through}.rp-check{margin-left:auto;color:var(--rp-accent);font-weight:900}.rp-catalog-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:3px 0 18px}.rp-catalog-heading h2{font-size:23px;letter-spacing:-.5px;font-weight:900;margin-top:4px}.rp-search{max-width:170px}.rp-search input{width:100%;font-size:12px}.rp-filters{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}.rp-filter{border:1px solid var(--rp-border);background:var(--rp-panel);color:var(--rp-muted);border-radius:8px;padding:7px 9px;font-size:10px;font-weight:800}.rp-filter[aria-pressed=true]{background:var(--rp-text);color:var(--rp-panel);border-color:var(--rp-text)}.rp-games{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.rp-game{display:flex;flex-direction:column;text-align:left;min-width:0;padding:11px;background:var(--rp-panel);border:1px solid var(--rp-border);border-radius:14px;transition:transform .18s,box-shadow .18s;color:var(--rp-text)}.rp-game:hover{transform:translateY(-4px);box-shadow:0 8px 22px #173c3112;border-color:var(--game-color)}.rp-game-art{position:relative;width:100%;height:96px;display:grid;place-items:center;border-radius:9px;font-size:44px;background:color-mix(in srgb,var(--game-color) 17%,var(--rp-panel));overflow:hidden}.rp-game-art:before,.rp-game-art:after{content:'';position:absolute;width:70px;height:70px;border:1px solid color-mix(in srgb,var(--game-color) 40%,transparent);border-radius:50%;right:-17px;top:-17px}.rp-game-art:after{width:47px;height:47px;left:-15px;top:65px}.rp-game-spark{position:absolute;right:15px;bottom:10px;font-size:20px;color:var(--game-color)}.rp-game-name{font-size:13px;line-height:1.4;font-weight:900;margin:10px 0 5px}.rp-game-description{font-size:10px;line-height:1.55;color:var(--rp-muted);flex:1}.rp-game-play{font-size:10px;font-weight:900;color:var(--rp-accent);margin-top:12px}.rp-text-button{border:0;color:var(--rp-accent);background:none;font-size:10px;font-weight:900;white-space:nowrap}.rp-history{list-style:none;margin:0;padding:0;max-height:530px;overflow:auto}.rp-history li{display:flex;gap:8px;padding:12px 0;border-bottom:1px solid var(--rp-border);align-items:center}.rp-history-avatar{display:grid;place-items:center;background:var(--rp-bg);width:32px;height:36px;border-radius:9px;font-size:20px;flex-shrink:0}.rp-history b{display:block;font-size:12px}.rp-history small{display:block;font-size:9px;color:var(--rp-muted);margin-top:4px}.rp-history-panel>.rp-button{margin-top:14px;width:100%}.rp-empty{font-size:12px;color:var(--rp-muted);padding:16px 0;line-height:1.7}.rp-danger{color:#c43e46!important;margin-top:12px}.rp-voices{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:18px;font-size:12px}.rp-voices label{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.rp-voices p{width:100%;font-size:11px;color:var(--rp-muted)}.rp-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.rp-dialog-label{display:block;text-align:left;font-size:14px;margin:10px 0}.rp-dialog-label .swal2-input,.rp-dialog-label .swal2-textarea{display:block;margin:6px 0;width:100%}.rp-dialog-label .swal2-textarea{height:230px}.rp-game-dialog{color:var(--rp-text);background:var(--rp-panel);border:1px solid var(--rp-border);border-radius:22px;padding:0;width:min(920px,95vw);max-width:95vw;max-height:94dvh;overflow:auto;box-shadow:0 30px 100px #071b3455}.rp-game-dialog::backdrop{background:#071927c9;backdrop-filter:blur(6px)}.rp-game-dialog:fullscreen{width:100vw;max-width:none;max-height:none;border-radius:0;display:flex;flex-direction:column;justify-content:center}.rp-game-dialog:fullscreen .rp-stage{max-height:58vh}.rp-game-header{padding:15px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.rp-game-header>div:first-child{display:flex;gap:12px;align-items:center}.rp-game-header>div>span{font-size:32px}.rp-game-header h2{font-size:18px;font-weight:900;margin:0}.rp-game-header p{font-size:11px;color:var(--rp-muted);margin-top:3px}.rp-game-header .rp-actions{margin:0;flex-wrap:nowrap}.rp-stage{position:relative;background:#101c35;margin:0 16px;border-radius:15px;overflow:hidden;flex-shrink:0}.rp-stage canvas{display:block;width:100%;height:350px}.rp-stage-caption{color:#b8cfe1;text-align:center;font-size:11px;padding:0 10px 12px}.rp-result{text-align:center;min-height:28px;padding:10px 16px 0;overflow-wrap:anywhere}.rp-result:empty{padding:0}.rp-result span{display:block;font-size:13px;font-weight:800;color:var(--rp-accent)}.rp-result strong{display:block;font-size:clamp(25px,4vw,42px);font-weight:900;line-height:1.3;margin:4px 0}.rp-result small{font-size:11px;color:var(--rp-muted)}.rp-game-footer{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;padding:15px}.rp-game-hint{text-align:center;color:var(--rp-muted);font-size:10px;padding:0 12px 12px!important}.rp:fullscreen{overflow:auto;border-radius:0;padding:28px;max-width:none}.rp:fullscreen .rp-roster{max-height:64vh}
.rp-mobile-back{display:none}
.rp:fullscreen .rp-game-dialog{width:min(1200px,96vw);max-width:96vw}.rp:fullscreen .rp-stage canvas{height:min(52vh,600px)}
@media(min-width:1650px){.rp-games{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1250px){.rp-layout{grid-template-columns:210px minmax(0,1fr)}.rp-history-panel{grid-column:1/-1}.rp-history{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 15px;max-height:210px}.rp-history-panel>.rp-button{width:auto}.rp{padding:20px}.rp-games{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:950px){.rp-layout{grid-template-columns:190px minmax(0,1fr);gap:12px}.rp-games{grid-template-columns:repeat(2,minmax(0,1fr))}.rp-catalog-heading{flex-direction:column;align-items:flex-start}.rp-catalog-heading h2{font-size:20px}.rp-header{align-items:flex-start;flex-direction:column}.rp{padding:15px}.rp-panel{padding:12px}}
@media(max-width:650px){.rp-layout{grid-template-columns:minmax(0,1fr)}.rp-roster{max-height:175px}.rp-catalog{grid-row:2}.rp-history-panel{grid-column:auto}.rp-history{grid-template-columns:1fr}.rp-toolbar{gap:8px;font-size:11px}.rp-header h1{font-size:27px}.rp-game-art{height:86px}.rp-game-dialog{width:96vw;max-width:96vw;border-radius:14px}.rp-game-header{padding:12px}.rp-game-header h2{font-size:14px}.rp-stage{margin:0 8px}.rp-stage canvas{height:300px}.rp-stage-caption{font-size:10px}.rp-game-footer{gap:6px;padding:10px}.rp-game-footer .rp-button{font-size:11px;padding:9px}.rp-catalog-heading{flex-direction:row;align-items:center}.rp-search{max-width:130px}.rp-result strong{font-size:28px}}
@media(prefers-reduced-motion:reduce){.rp *{transition:none!important}.rp-game:hover{transform:none}}
@media(max-width:800px){.flex.h-screen:has(#random-picker)>aside{display:none}.flex.h-screen:has(#random-picker)>#teacher-content{padding:10px;min-width:0}.rp-mobile-back{display:inline-block;margin-bottom:16px}}