*,*:before,*:after{box-sizing:border-box}:root{--dogfire-orange: #ff7a00;--field-width: 176px;--field-height: 112px;--field-gap: 14px;--q-size: 40px;--num-size: 32px}.dogfire-stage{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(80% 80% at 50% 35%,#111,#050505 60%,#000)}.dogfire-arena{position:relative;display:flex;align-items:center;justify-content:center}.quiz-board{padding:18px;border-radius:18px;background:linear-gradient(180deg,#0c0c0c,#050505);box-shadow:0 18px 50px #0000008c;border:1px solid rgba(255,255,255,.05);width:fit-content}.quiz-board-grid{display:grid;grid-template-columns:repeat(var(--cols),var(--field-width));gap:var(--field-gap)}.quiz-field{width:var(--field-width);height:var(--field-height);border-radius:16px;background:radial-gradient(120% 120% at 20% 15%,#ffffff1a,#ffffff05 35%,#0000 60%),linear-gradient(180deg,#101010,#000);border:1px solid rgba(255,122,0,.85);box-shadow:0 12px 30px #0000008c,0 0 0 3px #ff7a0014;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .14s ease;position:relative;overflow:hidden}.quiz-field:before{content:"";position:absolute;inset:-40% -60%;transform:rotate(18deg);background:linear-gradient(90deg,#fff0,#ffffff1a 45%,#fff0 75%);opacity:.35;pointer-events:none}.quiz-field:hover{transform:translateY(-3px);box-shadow:0 18px 40px #000000a6,0 0 0 3px #ff7a0026,0 0 30px #ff7a0033}.quiz-field-content{gap:8px;position:relative;z-index:1}.quiz-field-q{color:var(--dogfire-orange);font-weight:900;font-size:var(--q-size);letter-spacing:1px;text-shadow:0 2px 12px rgba(255,122,0,.25)}.quiz-field-num{color:#fff;font-weight:800;font-size:var(--num-size);letter-spacing:3px;text-shadow:0 2px 14px rgba(0,0,0,.55)}.overlay-layer{position:absolute;inset:0;pointer-events:none;z-index:2}.player-bar{width:100%;padding:10px 18px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:start;background:linear-gradient(180deg,#000000bf,#00000040);border-bottom:1px solid rgba(255,122,0,.18)}.board-area{flex:1;width:100%;display:flex;align-items:center;justify-content:center;padding:18px}.user-card{position:relative;width:320px;pointer-events:auto;border-radius:18px;overflow:hidden;background:linear-gradient(180deg,#0f0f0f,#050505);border:1px solid rgba(255,122,0,.35);box-shadow:0 14px 34px #0000008c;transition:all .3s ease;aspect-ratio:4 / 3}.user-card-media{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}.user-card-avatar{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff7a0014,#ff7a0038);z-index:1}.user-card-avatar-letter{font-size:56px;font-weight:800;color:#ff7a0073;text-transform:uppercase;line-height:1}.user-card-video{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;overflow:hidden}.user-card-video video{width:100%;height:100%;object-fit:cover;display:block}.user-card-overlay-bottom{position:absolute;bottom:0;left:0;right:0;z-index:3;background:linear-gradient(0deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.55) 50%,transparent 100%);padding:24px 10px 8px;display:flex;flex-direction:column;gap:4px}.user-card-header{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.user-card-username{color:#fff;font-weight:900;font-size:15px;letter-spacing:.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 4px rgba(0,0,0,.6)}.user-card-points{color:#ffffffe6;font-weight:900;font-size:14px;padding:3px 8px;border-radius:999px;border:1px solid rgba(255,122,0,.4);background:#ff7a0026;flex-shrink:0;text-shadow:0 1px 3px rgba(0,0,0,.5)}.user-card-jokers{display:flex;flex-wrap:wrap;gap:4px;min-width:0}.joker-chip{padding:3px 7px;border-radius:999px;color:#fff;font-weight:800;font-size:10px;letter-spacing:.6px;border:1px solid rgba(255,255,255,.15);background:#ffffff14;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.5)}.joker-chip.used{opacity:.35;text-decoration:line-through}.user-card-status-overlay{position:absolute;top:6px;right:6px;display:flex;gap:4px;z-index:5}.user-card.compact{position:relative;width:100%;height:120px;aspect-ratio:unset;border-radius:14px;padding:0}.user-card.compact .user-card-avatar-letter{font-size:36px}.user-card.compact .user-card-overlay-bottom{padding:16px 8px 6px}.user-card.compact .user-card-username{font-size:12px}.user-card.compact .user-card-points{font-size:11px;padding:2px 6px}.user-card.compact .joker-chip{font-size:9px;padding:2px 5px}.user-card.compact .user-card-controls{top:5px;left:5px}.user-card.compact .user-card-control-btn{width:22px;height:22px;font-size:10px}.user-card.compact .user-card-status-overlay{top:5px;right:5px}.user-card.compact .user-card-mic-status{font-size:12px}.user-card.compact .user-card-hand-icon{font-size:13px}.user-card.compact .user-card-mod-controls{bottom:3px;right:5px}.user-card.compact .user-card-mod-btn{width:20px;height:20px;font-size:9px}.pos-left-top{top:8%;left:4%}.pos-left-bottom{bottom:8%;left:4%}.pos-right-top{top:8%;right:4%}.pos-right-bottom{bottom:8%;right:4%}