.answer-panel--estimation{display:flex;flex-direction:column;gap:14px;padding:8px 0}.estimation-input-row{display:flex;align-items:center;gap:12px;width:100%}.estimation-input-field{flex:1 1 auto;min-width:0}.estimation-input-field::part(input-field){background:#141620eb;border:1px solid rgba(255,122,0,.35);border-radius:10px;font-size:22px;font-weight:700;color:#ffe6cc;padding:4px 10px}.estimation-input-field::part(input-field):focus-within{border-color:#ff7a00;box-shadow:0 0 0 2px #ff7a0033}.estimation-input-field--correct::part(input-field){border-color:#22c55e!important;background:#22c55e1a!important;color:#d6ffe2!important}.estimation-input-field--wrong::part(input-field){border-color:#ef4444!important;background:#ef444414!important;color:#ffd6d6!important}.estimation-unit-label{flex:0 0 auto;font-size:18px;font-weight:700;color:#ff7a00;letter-spacing:.05em;min-width:40px}.estimation-feedback{display:flex;flex-direction:column;gap:4px;padding:10px 14px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.estimation-feedback-line{font-size:14px;color:#e8e8f0}.estimation-feedback-line--correct{color:#22c55e;font-weight:700}.estimation-feedback-line--wrong{color:#ef4444;font-weight:700}.estimation-tolerance-header{font-size:12px;font-weight:700;color:#ff7a00;letter-spacing:.04em;text-transform:uppercase;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.12)}.estimation-tolerance-line{font-size:13px;color:#b8b8c8;font-family:Courier New,monospace;padding-left:8px}.answer-panel--matching{display:flex;flex-direction:column;gap:8px}.matching-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);transition:background .18s ease,border-color .18s ease}.matching-left{flex:1 1 0;font-size:15px;font-weight:600;color:#e8e8f0;min-width:0;overflow:hidden;text-overflow:ellipsis}.matching-arrow{flex:0 0 auto;font-size:18px;color:#6a6a7c;font-weight:700}.matching-combo{flex:1 1 0;min-width:0}.matching-row--correct{background:#22c55e1a!important;border-color:#22c55e8c!important}.matching-row--wrong{background:#ef444414!important;border-color:#ef444473!important}.matching-hint{font-size:12px;color:#22c55e;font-weight:600;margin-left:6px}.answer-panel--categorize{display:flex;flex-direction:column;gap:8px}.categorize-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);transition:background .18s ease,border-color .18s ease}.categorize-item{flex:1 1 0;font-size:15px;font-weight:600;color:#e8e8f0;min-width:0;overflow:hidden;text-overflow:ellipsis}.categorize-arrow{flex:0 0 auto;font-size:18px;color:#6a6a7c;font-weight:700}.categorize-combo{flex:1 1 0;min-width:0}.categorize-row--correct{background:#22c55e1a!important;border-color:#22c55e8c!important}.categorize-row--wrong{background:#ef444414!important;border-color:#ef444473!important}.categorize-hint{font-size:12px;color:#22c55e;font-weight:600;margin-left:6px}@keyframes v1-pending-pulse{0%,to{box-shadow:0 0 18px #ff7a0040;border-color:#ff7a00}50%{box-shadow:0 0 26px #ff7a0080;border-color:#ffae5c}}@keyframes v1-pending-pulse-bg{0%,to{background:#ff7a001a;border-color:#ff7a00;box-shadow:0 0 18px #ff7a0033}50%{background:#ff7a002e;border-color:#ffae5c;box-shadow:0 0 26px #ff7a0066}}.estimation-input-field--pending::part(input-field){border-color:#ff7a00!important;background:#ff7a001f!important;color:#ffe6cc!important;animation:v1-pending-pulse .8s ease-in-out infinite}.matching-row--pending,.categorize-row--pending{animation:v1-pending-pulse-bg .8s ease-in-out infinite!important;cursor:default}.dnd-pool,.dnd-category-box,.matching-dnd-pool,.matching-dnd-slot{position:relative;border:1.5px dashed rgba(255,255,255,.18);border-radius:10px;padding:28px 10px 10px;background:#ffffff08;min-height:64px;transition:background .18s ease,border-color .18s ease}.dnd-pool{margin-bottom:14px}.dnd-box-label{position:absolute;top:6px;left:10px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#6a6a7c}.dnd-box-content{display:flex;flex-wrap:wrap;gap:8px;min-height:32px;align-items:center}.dnd-category-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.dnd-pool.v-drag-over-target,.dnd-category-box.v-drag-over-target,.matching-dnd-pool.v-drag-over-target,.matching-dnd-slot.v-drag-over-target{background:#ff7a0014;border-color:#ff7a00;border-style:solid}.dnd-chip{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.18);font-size:13px;font-weight:600;color:#e8e8f0;-webkit-user-select:none;user-select:none;transition:transform .12s ease,background .18s ease,border-color .18s ease}.dnd-chip--draggable{cursor:grab;background:#ff7a001a;border-color:#ff7a0073}.dnd-chip--draggable:hover{background:#ff7a002e;transform:translateY(-1px)}.dnd-chip--draggable:active{cursor:grabbing;transform:scale(.97)}.dnd-chip.v-dragged{opacity:.4}.dnd-chip--pending{border-color:#ff7a00!important;background:#ff7a002e!important;animation:v1-pending-pulse .8s ease-in-out infinite;cursor:default}.dnd-chip--correct{background:#22c55e2e!important;border-color:#22c55e!important;color:#d6ffe2!important;cursor:default}.dnd-chip--wrong{background:#ef44442e!important;border-color:#ef4444!important;color:#ffd6d6!important;cursor:default}.matching-dnd-slots{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.matching-dnd-row{display:flex;align-items:center;gap:12px;padding:6px 10px;border-radius:10px;background:#ffffff05;transition:background .18s ease,border-color .18s ease}.matching-dnd-left{flex:1 1 0;font-size:15px;font-weight:600;color:#e8e8f0;min-width:0;overflow:hidden;text-overflow:ellipsis}.matching-dnd-arrow{flex:0 0 auto;font-size:18px;color:#6a6a7c;font-weight:700}.matching-dnd-slot{flex:1 1 0;min-width:120px;padding:6px 10px;min-height:36px;display:flex;align-items:center}.matching-dnd-slot .dnd-box-content:not(:empty)~.matching-dnd-placeholder,.matching-dnd-slot:has(.dnd-chip) .matching-dnd-placeholder{display:none}.matching-dnd-placeholder{font-size:12px;color:#6a6a7c;font-style:italic;pointer-events:none}.matching-dnd-row--pending{animation:v1-pending-pulse-bg .8s ease-in-out infinite!important}.matching-dnd-row--correct{background:#22c55e1a!important;border:1px solid rgba(34,197,94,.55)}.matching-dnd-row--wrong{background:#ef444414!important;border:1px solid rgba(239,68,68,.45)}.answer-panel--sorting,.sorting-list{display:flex;flex-direction:column;gap:8px}.sorting-card{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);transition:background .18s ease,border-color .18s ease,transform .12s ease}.sorting-card--draggable{cursor:grab}.sorting-card--draggable:hover{background:#ff7a000f;border-color:#ff7a004d;transform:translate(2px)}.sorting-card.v-drag-over-target{background:#ff7a001f;border-color:#ff7a00}.sorting-card.v-dragged{opacity:.4}.sorting-position{flex:0 0 auto;width:28px;height:28px;border-radius:50%;background:#ff7a00;color:#000;font-size:14px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}.sorting-text{flex:1 1 0;font-size:15px;font-weight:600;color:#e8e8f0;min-width:0;overflow:hidden;text-overflow:ellipsis}.sorting-controls{flex:0 0 auto;display:flex;gap:4px}.sorting-btn{min-width:32px!important;width:32px!important;height:32px!important;padding:0!important;font-size:11px!important}.sorting-card--pending{animation:v1-pending-pulse-bg .8s ease-in-out infinite!important;cursor:default}.sorting-card--correct{background:#22c55e1a!important;border-color:#22c55e8c!important;cursor:default}.sorting-card--correct .sorting-position{background:#22c55e}.sorting-card--wrong{background:#ef444414!important;border-color:#ef444473!important;cursor:default}.sorting-card--wrong .sorting-position{background:#ef4444;color:#fff}.sorting-hint{margin-top:12px;padding:10px 14px;border-radius:10px;background:#22c55e14;border:1px solid rgba(34,197,94,.4);font-size:13px;line-height:1.5}.sorting-hint-label{display:block;font-weight:700;color:#22c55e;font-size:11px;letter-spacing:.05em;text-transform:uppercase;margin-bottom:4px}.sorting-hint-text{color:#d6ffe2;font-weight:600}.answer-panel--timeline{display:flex;flex-direction:column;gap:16px;padding:4px 0}.timeline-display{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 12px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:12px}.timeline-display-event{font-size:13px;font-weight:600;color:#9a9aa8;letter-spacing:.04em;text-transform:uppercase}.timeline-display-value{font-size:32px;font-weight:800;color:#ffe6cc;font-family:Courier New,monospace;letter-spacing:.02em}.timeline-display-value--placeholder{font-size:16px;font-weight:500;color:#6a6a7c;font-style:italic;letter-spacing:normal;font-family:inherit}.timeline-axis-container{position:relative;padding:30px 16px 36px}.timeline-axis-track{position:relative;height:60px;background:linear-gradient(to bottom,transparent 0%,transparent 45%,rgba(255,122,0,.45) 45%,rgba(255,122,0,.45) 55%,transparent 55%,transparent 100%);border-radius:4px;transition:background .2s ease}.timeline-axis-track--interactive{cursor:crosshair}.timeline-axis-track--interactive:hover{background:linear-gradient(to bottom,transparent 0%,transparent 45%,rgba(255,122,0,.65) 45%,rgba(255,122,0,.65) 55%,transparent 55%,transparent 100%)}.timeline-axis-track--pending{animation:timeline-track-pending .8s ease-in-out infinite;cursor:default}@keyframes timeline-track-pending{0%,to{box-shadow:0 0 #ff7a0000}50%{box-shadow:0 0 12px #ff7a0066}}.timeline-axis-tick{position:absolute;top:38%;width:1px;height:16px;background:#fff6;transform:translate(-50%);pointer-events:none}.timeline-axis-tick-label{position:absolute;top:20px;left:50%;transform:translate(-50%);font-size:11px;color:#9a9aa8;font-family:Courier New,monospace;white-space:nowrap}.timeline-axis-pin{position:absolute;top:0;width:4px;height:60px;background:#ff7a00;border-radius:2px;transform:translate(-50%);transition:left .22s cubic-bezier(.22,1,.36,1),background .2s ease;box-shadow:0 0 12px #ff7a00cc,0 0 4px #ff7a00;z-index:4;pointer-events:none}.timeline-axis-pin:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:9px solid currentColor;color:inherit}.timeline-axis-pin--correct{background:#22c55e!important;box-shadow:0 0 14px #22c55ee6,0 0 4px #22c55e!important}.timeline-axis-pin--wrong{background:#ef4444!important;box-shadow:0 0 14px #ef4444e6,0 0 4px #ef4444!important}.timeline-axis-correct-pin{position:absolute;top:6px;width:3px;height:48px;background:#22c55e;transform:translate(-50%);z-index:3;box-shadow:0 0 10px #22c55ee6;pointer-events:none;animation:timeline-correct-fade-in .5s ease-out}.timeline-axis-correct-pin:after{content:"✓";position:absolute;top:-16px;left:50%;transform:translate(-50%);color:#22c55e;font-size:14px;font-weight:900}@keyframes timeline-correct-fade-in{0%{opacity:0;transform:translate(-50%) scaleY(.3)}to{opacity:1;transform:translate(-50%) scaleY(1)}}.timeline-axis-tolerance{position:absolute;top:45%;height:10%;background:#22c55e4d;border-top:1px solid rgba(34,197,94,.7);border-bottom:1px solid rgba(34,197,94,.7);z-index:2;pointer-events:none;animation:timeline-tolerance-fade-in .4s ease-out}@keyframes timeline-tolerance-fade-in{0%{opacity:0}to{opacity:1}}.timeline-axis-other-pin{position:absolute;top:14px;width:3px;height:32px;transform:translate(-50%);opacity:.65;z-index:2;pointer-events:none}.timeline-axis-other-pin-label{position:absolute;top:-14px;left:50%;transform:translate(-50%);font-size:9px;font-weight:700;color:inherit;background:inherit;width:14px;height:14px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#000}.timeline-result-box{padding:12px 14px;border-radius:10px;font-size:14px;line-height:1.5;text-align:center;font-weight:600;animation:timeline-result-fade-in .4s ease-out}.timeline-result-box--correct{background:#22c55e1a;border:1px solid rgba(34,197,94,.55);color:#d6ffe2}.timeline-result-box--wrong{background:#ef444414;border:1px solid rgba(239,68,68,.45);color:#ffd6d6}@keyframes timeline-result-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.answer-panel--hotspot-image,.answer-panel--hotspot-map{display:flex;flex-direction:column;gap:10px}.hotspot-host{position:relative;width:100%;max-height:60vh;overflow:hidden;border-radius:12px;background:#00000073;border:1px solid rgba(255,255,255,.1);cursor:pointer;min-height:200px}.answer-panel--hotspot-map .hotspot-host{cursor:crosshair}.hotspot-host img{display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.hotspot-svg-overlay{pointer-events:none}.hotspot-marker-ring{animation:hotspot-marker-pulse 1.6s ease-in-out infinite;transform-origin:center;transform-box:fill-box}@keyframes hotspot-marker-pulse{0%,to{opacity:1}50%{opacity:.55}}.hotspot-zone-reveal{animation:hotspot-zone-fade-in .5s ease-out}@keyframes hotspot-zone-fade-in{0%{opacity:0}to{opacity:1}}.hotspot-player-tally{margin-top:8px;font-size:12px;color:#9a9aa8;text-align:center;font-style:italic}*,*: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%}