.dr-app [hidden]{display:none!important}
.dr-app{--p:#694ef4;--pink:#ff5e98;--ink:#191d2d;--muted:#737b8e;--line:#e9eaf1;--bg:#f5f6fb;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);max-width:1440px;margin:28px auto;padding:0 14px}.dr-app *{box-sizing:border-box}.dr-shell{width:100%}.dr-home{min-height:76vh;display:grid;place-items:center;padding:40px 0}.dr-brand{text-align:center;margin-bottom:16px}.dr-logo{font-size:46px;font-weight:950;letter-spacing:-2px;color:var(--p)}.dr-logo span{color:var(--pink)}.dr-brand p{font-size:11px;font-weight:900;letter-spacing:2px;color:var(--pink)}.dr-home-card{width:min(620px,100%);background:#fff;border:1px solid var(--line);border-radius:28px;padding:38px;box-shadow:0 24px 70px rgba(35,30,75,.12);text-align:center}.dr-home-card h1{font-size:34px;line-height:1.08;margin:13px 0}.dr-pill{display:inline-block;background:#efedff;color:#563fd4;padding:7px 10px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.8px}.dr-muted{color:var(--muted)}.dr-home-card label,.dr-settings label{display:block;text-align:left;font-weight:800;margin:18px 0 7px}.dr-home-card input,.dr-codebox input,.dr-settings select{width:100%;padding:14px 15px;border:1px solid #dfe1eb;border-radius:13px;font-size:15px;background:#fff}.dr-home-actions{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:14px}.dr-app button{border:0;border-radius:13px;background:var(--p);color:#fff;font-weight:850;padding:12px 15px;cursor:pointer}.dr-app button:hover{filter:brightness(.97)}.dr-app .dr-alt{background:#eeecff;color:#5039d6}.dr-codebox{margin-top:12px}.dr-codebox button{width:100%;margin-top:9px}.dr-status{display:inline-block;margin:9px 0;padding:7px 10px;border-radius:999px;background:#fff4d1;color:#7b6000;font-size:12px;font-weight:800}.dr-status.online{background:#e9fff0;color:#166b39}.dr-status.offline{background:#fff0f0;color:#b12626}.dr-error{min-height:20px;color:#c62828;font-weight:700}.dr-topbar,.dr-game-header{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;background:#17192d;color:#fff;border-radius:20px;padding:15px 19px;margin-bottom:14px}.dr-topbar{grid-template-columns:1fr auto}.dr-topbar>div:first-child,.dr-game-header>div:first-child{font-size:19px}.dr-topbar small,.dr-game-header small{display:block;color:#afb6ce;font-size:12px}.dr-session-actions{display:flex;gap:8px}.dr-copy-code{background:#2a2f4d!important;padding:9px 12px!important}.dr-leave{background:#a83549!important;padding:9px 12px!important}.dr-lobby-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dr-box{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:0 10px 30px rgba(30,30,60,.06)}.dr-player{display:flex;align-items:center;gap:10px;padding:11px;border-bottom:1px solid #f0f1f5}.dr-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#f0edff}.dr-player-main{flex:1}.dr-player-main b{display:block}.dr-player-main small{color:var(--muted)}.dr-player.offline{opacity:.52}.dr-player.offline .dr-avatar{filter:grayscale(1)}.dr-host-chip,.dr-guessed-chip{font-size:10px;font-weight:900;padding:5px 7px;border-radius:999px}.dr-host-chip{background:#fff2bf;color:#795c00}.dr-guessed-chip{background:#dcffe8;color:#16713d}.dr-settings select{margin-bottom:12px}.dr-settings>button{width:100%;padding:14px}.dr-game-header{margin-bottom:0;border-radius:20px 20px 0 0}.dr-round-info{text-align:center}.dr-round-info span{display:block;color:#abb3cd;font-size:11px;text-transform:uppercase;letter-spacing:1px}.dr-round-info strong{display:block;font-size:20px;margin-top:3px}.dr-timer{justify-self:end;font-size:27px;font-weight:950}.dr-game-grid{display:grid;grid-template-columns:220px minmax(0,1fr) 300px;background:var(--bg);border-radius:0 0 20px 20px;overflow:hidden;min-height:670px}.dr-side{background:#fff;padding:18px}.dr-side h3{margin-top:0}.dr-center{padding:14px;min-width:0}.dr-banner{min-height:40px;display:flex;align-items:center;justify-content:center;text-align:center;margin-bottom:10px;padding:8px 12px;border-radius:12px;background:#fff7d7;color:#725b00;font-weight:800}.dr-word-picker{background:#fff;border:2px solid var(--p);border-radius:16px;padding:15px;margin-bottom:10px;text-align:center}.dr-word-picker h3{margin:0 0 10px}.dr-word-picker button{margin:5px;background:#f0edff;color:#5039d6}.dr-center canvas{display:block;width:100%;height:auto;aspect-ratio:1000/620;background:#fff;border-radius:15px;box-shadow:0 8px 28px rgba(25,25,45,.08);touch-action:none}.dr-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px;background:#fff;border-radius:14px;padding:10px}.dr-color-row{display:flex;gap:5px}.dr-color{width:28px;height:28px!important;padding:0!important;border-radius:50%!important;background:var(--c)!important;border:3px solid #fff!important;box-shadow:0 0 0 1px #d7d9e2}.dr-color.active{box-shadow:0 0 0 3px var(--p)}.dr-tools label{display:flex;gap:7px;align-items:center;font-size:12px;font-weight:800}.dr-tools input{width:120px}.dr-tool-btn{padding:9px 11px!important}.dr-danger{background:#e94b5d!important}.dr-tools.disabled{opacity:.42;pointer-events:none}.dr-chat-side{display:flex;flex-direction:column;min-height:0}.dr-messages{flex:1;overflow:auto;max-height:555px;font-size:14px;padding-right:3px}.dr-msg{padding:7px 8px;margin:4px 0;border-radius:9px;background:#f7f8fc;word-break:break-word}.dr-msg.system{background:#eeecff;color:#5140bd}.dr-msg.correct{background:#ddffe8;color:#146b39;font-weight:800}.dr-chat-side form{display:flex;gap:6px;margin-top:8px}.dr-chat-side input{min-width:0;width:100%;border:1px solid #dadde7;border-radius:10px;padding:10px}.dr-chat-side form button{padding:10px}.dr-results{min-height:70vh;display:grid;place-items:center}.dr-results-card{width:min(620px,100%);text-align:center;background:#fff;border:1px solid var(--line);border-radius:26px;padding:38px;box-shadow:0 22px 65px rgba(35,30,75,.11)}.dr-rank{display:grid;grid-template-columns:45px 1fr auto;align-items:center;text-align:left;padding:13px;border-bottom:1px solid #eee}.dr-rank:first-child{background:#fff9dc;border-radius:12px}.dr-rank .place{font-size:22px}.dr-results-card>button{margin-top:18px}.dr-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:#17192d;color:#fff;padding:11px 15px;border-radius:12px;opacity:0;pointer-events:none;transition:.2s;z-index:99999;font-weight:800}.dr-toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1000px){.dr-game-grid{grid-template-columns:180px minmax(0,1fr)}.dr-chat-side{grid-column:1/-1;min-height:250px;border-top:1px solid #eee}.dr-messages{max-height:170px}}
@media(max-width:720px){.dr-home-card{padding:26px 18px}.dr-home-card h1{font-size:28px}.dr-home-actions{grid-template-columns:1fr}.dr-lobby-grid{grid-template-columns:1fr}.dr-game-header{grid-template-columns:1fr auto}.dr-game-header>div:first-child{display:none}.dr-game-grid{grid-template-columns:1fr}.dr-players-side{max-height:190px;overflow:auto}.dr-center{padding:9px}.dr-tools{gap:7px}.dr-chat-side{min-height:260px}}