@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;800&display=swap";.pro-audio-player[data-v-f218599e]{position:relative;overflow:visible;background:radial-gradient(circle at top left,#2e2f42,#1e1e2f);border-radius:12px;padding:10px 20px;width:700px;max-width:95%;margin:0 auto;color:#dcdce6;font-family:Segoe UI,Tahoma,sans-serif;box-shadow:0 0 15px #ff149326}.controls[data-v-f218599e]{display:flex;align-items:center;justify-content:center;gap:15px;height:50px}.btn-skip[data-v-f218599e]{background-color:#343447;border:none;border-radius:50%;width:40px;height:40px;cursor:pointer;box-shadow:0 2px 5px #0000004d;transition:background-color .3s,box-shadow .3s;display:flex;align-items:center;justify-content:center;position:relative}.btn-skip[data-v-f218599e]:hover{background-color:#444459;box-shadow:0 0 6px #ff6f6180}.skip-wrapper[data-v-f218599e]{display:flex;flex-direction:column;align-items:center}.skip-icon[data-v-f218599e]{width:18px;height:18px;fill:#ff6f61}.skip-text[data-v-f218599e]{font-size:.65rem;color:#ff6f61;margin-top:0}.btn-play[data-v-f218599e]{background-color:#ff6f61;border:none;border-radius:50%;width:50px;height:50px;cursor:pointer;box-shadow:0 2px 6px #0006;transition:background-color .3s,box-shadow .3s;display:flex;align-items:center;justify-content:center}.btn-play[data-v-f218599e]:hover{background-color:#ff847c;box-shadow:0 0 6px #ff6f6199}.play-icon[data-v-f218599e]{width:30px;height:30px;stroke:#fff;stroke-width:2;fill:#fff}.progress-container[data-v-f218599e]{display:flex;align-items:center;gap:8px;flex:1}.progress-slider[data-v-f218599e]{-webkit-appearance:none;width:100%;height:6px;border-radius:3px;background:#555;outline:none}.progress-slider[data-v-f218599e]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:#ff6f61;border-radius:50%;cursor:pointer;border:none;margin-top:-3px}.progress-slider[data-v-f218599e]::-moz-range-thumb{width:12px;height:12px;background:#ff6f61;border-radius:50%;cursor:pointer;border:none}.time-info[data-v-f218599e]{font-size:.8rem}.volume-container[data-v-f218599e]{position:relative;display:flex;align-items:center;overflow:visible}.volume-toggle[data-v-f218599e]{background:#343447;border:none;border-radius:50%;width:40px;height:40px;cursor:pointer;box-shadow:0 2px 5px #0000004d;transition:background-color .3s,box-shadow .3s;display:flex;align-items:center;justify-content:center}.volume-toggle[data-v-f218599e]:hover{background-color:#444459;box-shadow:0 0 6px #ff6f6180}.volume-icon[data-v-f218599e]{width:18px;height:18px;fill:#ff6f61}.volume-slider-container[data-v-f218599e]{position:absolute;top:50px;left:0;width:100px;background:#343447;border-radius:6px;padding:8px;box-shadow:0 2px 6px #0006;z-index:9999}.volume-slider[data-v-f218599e]{-webkit-appearance:none;width:100%;height:6px;background:#555;border-radius:4px;outline:none}.volume-slider[data-v-f218599e]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#ff6f61;width:14px;height:14px;border-radius:50%;cursor:pointer;border:none}.volume-slider[data-v-f218599e]::-moz-range-thumb{background:#ff6f61;width:14px;height:14px;border-radius:50%;cursor:pointer;border:none}.speed-container[data-v-f218599e]{position:relative;overflow:visible}.speed-toggle[data-v-f218599e]{background:#343447;border:none;border-radius:40px;padding:4px 10px;cursor:pointer;color:#ff6f61;font-weight:500;box-shadow:0 2px 5px #0000004d;transition:background-color .3s,box-shadow .3s;font-size:.8rem}.speed-toggle[data-v-f218599e]:hover{background-color:#444459;box-shadow:0 0 6px #ff6f6180}.speed-dropdown[data-v-f218599e]{position:absolute;top:50px;right:0;background:#343447;border-radius:6px;padding:8px;box-shadow:0 2px 6px #0006;display:flex;flex-direction:column;gap:5px;z-index:9999}.speed-option[data-v-f218599e]{background:none;border:none;color:#ff6f61;font-size:.8rem;padding:4px 8px;text-align:left;border-radius:4px;cursor:pointer;transition:background-color .3s}.speed-option[data-v-f218599e]:hover{background-color:#444459}.fade-in-enter-active[data-v-f218599e],.fade-in-leave-active[data-v-f218599e]{transition:opacity .25s}.fade-in-enter[data-v-f218599e],.fade-in-leave-to[data-v-f218599e]{opacity:0}*{-moz-user-select:none!important;user-select:none!important;-webkit-user-select:none!important;-webkit-touch-callout:none!important;-webkit-tap-highlight-color:transparent}input[type=text]{-webkit-user-modify:read-write-plaintext-only}canvas{touch-action:none}audio{width:100%}audio::-webkit-media-controls-enclosure{background-color:#333}audio::-webkit-media-controls-play-button,audio::-webkit-media-controls-pause-button,audio::-webkit-media-controls-seek-back-button,audio::-webkit-media-controls-seek-forward-button,audio::-webkit-media-controls-mute-button{transform:scale(1.8);transform-origin:center;margin:0 6px}audio::-webkit-media-controls-timeline,audio::-webkit-media-controls-volume-slider{transform:scale(1.3);transform-origin:center;margin:0 10px}audio::-webkit-media-controls-play-button,audio::-webkit-media-controls-pause-button,audio::-webkit-media-controls-seek-back-button,audio::-webkit-media-controls-seek-forward-button,audio::-webkit-media-controls-mute-button,audio::-webkit-media-controls-volume-slider{filter:invert(100%)}.game-container[data-v-97b9afbb]{width:100%;min-height:85vh;background:radial-gradient(circle at center,#1e293b,#0f172a);font-family:Poppins,sans-serif;color:#fff;overflow:hidden;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 20px;position:relative}#dice-container[data-v-97b9afbb]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:20000}.side-panel[data-v-97b9afbb]{width:280px;min-width:280px;height:600px;padding:20px;border-radius:20px;display:flex;flex-direction:column;z-index:10000}.glass[data-v-97b9afbb]{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 30px #0000004d}.left[data-v-97b9afbb]{margin-right:20px}.right[data-v-97b9afbb]{margin-left:20px;align-items:center;justify-content:center;gap:20px;background:#0003}.stage-viewport[data-v-97b9afbb]{flex-grow:1;height:600px;display:flex;justify-content:center;align-items:center;perspective:1000px;position:relative}.game-title[data-v-97b9afbb]{font-size:2rem;font-weight:800;margin:0;background:linear-gradient(to right,#fff,#94a3b8);-webkit-background-clip:text;color:transparent}.room-pill[data-v-97b9afbb]{background:#ffffff0d;padding:6px 12px;border-radius:12px;display:flex;justify-content:space-between;align-items:center;margin-top:10px;border:1px solid rgba(255,255,255,.1)}.room-label[data-v-97b9afbb]{font-size:.8rem;color:#94a3b8}.room-code[data-v-97b9afbb]{font-family:monospace;font-size:1rem;color:#4ade80;font-weight:700;letter-spacing:1px}.player-list[data-v-97b9afbb]{display:flex;flex-direction:column;gap:15px;margin-top:20px}.player-card[data-v-97b9afbb]{display:flex;align-items:center;padding:12px;border-radius:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);transition:all .3s ease;position:relative}.player-card.is-active[data-v-97b9afbb]{background:#ffffff1a;transform:scale(1.02);border:1px solid rgba(255,255,255,.2);box-shadow:0 10px 25px #0000004d}.player-card.red.is-active[data-v-97b9afbb]{box-shadow:0 0 20px #ef444433;border-color:#ef4444}.player-card.blue.is-active[data-v-97b9afbb]{box-shadow:0 0 20px #3b82f633;border-color:#3b82f6}.player-card.green.is-active[data-v-97b9afbb]{box-shadow:0 0 20px #22c55e33;border-color:#22c55e}.player-card.yellow.is-active[data-v-97b9afbb]{box-shadow:0 0 20px #eab30833;border-color:#eab308}.player-avatar[data-v-97b9afbb]{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.4rem;color:#fff;margin-right:12px;box-shadow:inset 0 2px 5px #ffffff4d,0 5px 10px #0000004d;position:relative;background:#334155}.red .player-avatar[data-v-97b9afbb]{background:linear-gradient(135deg,#ef4444,#991b1b)}.blue .player-avatar[data-v-97b9afbb]{background:linear-gradient(135deg,#3b82f6,#1e40af)}.green .player-avatar[data-v-97b9afbb]{background:linear-gradient(135deg,#22c55e,#166534)}.yellow .player-avatar[data-v-97b9afbb]{background:linear-gradient(135deg,#eab308,#854d0e)}.turn-indicator[data-v-97b9afbb]{position:absolute;top:-4px;right:-4px;width:10px;height:10px;background:#fff;border-radius:50%;box-shadow:0 0 10px #fff;animation:blink-97b9afbb 1.5s infinite}@keyframes blink-97b9afbb{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.player-info[data-v-97b9afbb]{flex-grow:1;display:flex;flex-direction:column}.player-name-row[data-v-97b9afbb]{display:flex;align-items:center;margin-bottom:4px}.player-name[data-v-97b9afbb]{font-weight:700;font-size:1rem;color:#f1f5f9;margin-right:6px}.badge-me[data-v-97b9afbb]{font-size:.65rem;background:#ffffff26;padding:2px 6px;border-radius:4px;color:#cbd5e1;font-weight:600}.badge-winner[data-v-97b9afbb]{font-size:1rem;margin-left:auto}.player-progress[data-v-97b9afbb]{display:flex;align-items:center;gap:8px}.progress-track[data-v-97b9afbb]{flex-grow:1;height:6px;background:#0000004d;border-radius:3px;overflow:hidden}.progress-fill[data-v-97b9afbb]{height:100%;background:#fff;border-radius:3px;transition:width .5s ease-out}.red .progress-fill[data-v-97b9afbb]{background:#fca5a5}.blue .progress-fill[data-v-97b9afbb]{background:#93c5fd}.green .progress-fill[data-v-97b9afbb]{background:#86efac}.yellow .progress-fill[data-v-97b9afbb]{background:#fde047}.progress-count[data-v-97b9afbb]{font-size:.75rem;color:#94a3b8;font-weight:600;min-width:24px;text-align:right}.turn-text[data-v-97b9afbb]{font-size:.75rem;color:#e2e8f0;margin-top:4px;display:flex;align-items:center;gap:2px}.dots[data-v-97b9afbb]{animation:blink-97b9afbb 2s infinite}.loader-ring[data-v-97b9afbb]{width:16px;height:16px;border:2px solid #64748b;border-bottom-color:transparent;border-radius:50%;animation:spin-97b9afbb 1s linear infinite;margin-right:8px}.winner-modal[data-v-97b9afbb]{position:fixed;inset:0;background:#000000e6;z-index:99999;display:grid;place-items:center}.winner-card[data-v-97b9afbb]{padding:40px;text-align:center;border-radius:20px;background:#1e293b;border:1px solid #334155;min-width:400px;box-shadow:0 0 50px #00000080}.trophy-anim[data-v-97b9afbb]{font-size:4rem;animation:bounce 2s infinite}.leaderboard[data-v-97b9afbb]{margin-top:20px;display:flex;flex-direction:column;gap:10px}.rank-row[data-v-97b9afbb]{display:flex;align-items:center;padding:10px;border-radius:10px;background:#ffffff0d}.rank-1[data-v-97b9afbb]{background:linear-gradient(90deg,rgba(255,215,0,.2),transparent);border:1px solid gold}.rank-num[data-v-97b9afbb]{font-weight:700;font-size:1.2rem;width:40px}.rank-name[data-v-97b9afbb]{flex-grow:1;text-align:left;font-weight:600}.rank-color[data-v-97b9afbb]{width:15px;height:15px;border-radius:50%}.rank-color.red[data-v-97b9afbb]{background:#ef4444}.rank-color.blue[data-v-97b9afbb]{background:#3b82f6}.rank-color.green[data-v-97b9afbb]{background:#22c55e}.rank-color.yellow[data-v-97b9afbb]{background:#eab308}#confetti-canvas[data-v-97b9afbb]{position:absolute;inset:0;pointer-events:none}.dice-section-placeholder[data-v-97b9afbb]{width:100%;height:180px;display:flex;justify-content:center;align-items:center}.dice-platform-visual[data-v-97b9afbb]{width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,#ffffff0d,#fff0 70%)}.btn-ultimate[data-v-97b9afbb]{background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff;border:none;padding:18px 40px;border-radius:16px;font-weight:800;font-size:1.1rem;cursor:pointer;width:100%;letter-spacing:1px;box-shadow:0 10px 20px #ef44444d,0 4px #7f1d1d,inset 0 2px #fff3;transition:all .1s;position:relative;overflow:hidden;text-shadow:0 2px 0 rgba(0,0,0,.2)}.btn-ultimate[data-v-97b9afbb]:active{transform:translateY(4px);box-shadow:0 2px 10px #ef44444d,0 0 #7f1d1d}.pulse-glow[data-v-97b9afbb]{animation:pulse-border-97b9afbb 2s infinite}.status-box[data-v-97b9afbb]{width:100%;padding:15px;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:600;text-align:center;min-height:60px}.status-box.action[data-v-97b9afbb]{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#fca5a5;box-shadow:0 0 15px #ef44441a}.status-box.wait[data-v-97b9afbb]{background:#ffffff0d;color:#94a3b8;border:1px dashed rgba(255,255,255,.1)}.loader[data-v-97b9afbb]{width:16px;height:16px;border:2px solid #fff;border-bottom-color:transparent;border-radius:50%;display:inline-block;animation:spin-97b9afbb 1s linear infinite;margin-right:8px}.controls-area[data-v-97b9afbb]{display:flex;flex-direction:column;width:100%;gap:15px;position:relative;z-index:201}.board-pivot[data-v-97b9afbb]{width:550px;height:550px;position:relative;transform-style:preserve-3d;transition:transform 1s cubic-bezier(.34,1.56,.64,1)}.board-plane[data-v-97b9afbb]{width:100%;height:100%;position:relative;transform-style:preserve-3d}.grid-layer[data-v-97b9afbb]{display:grid;grid-template-columns:repeat(11,1fr);grid-template-rows:repeat(11,1fr);gap:6px;width:100%;height:100%;transform-style:preserve-3d;z-index:1;pointer-events:none}.grid-slot.void-slot[data-v-97b9afbb]{visibility:hidden}.tile-plate[data-v-97b9afbb]{width:100%;height:100%;border-radius:6px;background:#334155;box-shadow:0 5px #1e293b,0 10px 10px #0000004d;position:relative;display:grid;place-items:center;transform:translateZ(0)}.tile-plate.path[data-v-97b9afbb]{background:#475569}.tile-plate.base.red[data-v-97b9afbb],.tile-plate.home.red[data-v-97b9afbb],.tile-plate.start.red[data-v-97b9afbb]{background:#7f1d1d;border:1px solid #ef4444}.tile-plate.base.blue[data-v-97b9afbb],.tile-plate.home.blue[data-v-97b9afbb],.tile-plate.start.blue[data-v-97b9afbb]{background:#1e3a8a;border:1px solid #3b82f6}.tile-plate.base.green[data-v-97b9afbb],.tile-plate.home.green[data-v-97b9afbb],.tile-plate.start.green[data-v-97b9afbb]{background:#14532d;border:1px solid #22c55e}.tile-plate.base.yellow[data-v-97b9afbb],.tile-plate.home.yellow[data-v-97b9afbb],.tile-plate.start.yellow[data-v-97b9afbb]{background:#713f12;border:1px solid #eab308}.mark[data-v-97b9afbb]{position:absolute;font-weight:700;opacity:.5;font-size:.8rem}.pieces-layer[data-v-97b9afbb]{position:absolute;inset:0;pointer-events:none;display:grid;grid-template-columns:repeat(11,1fr);grid-template-rows:repeat(11,1fr);gap:6px;transform-style:preserve-3d;z-index:50}.piece-cell[data-v-97b9afbb]{width:100%;height:100%;place-self:center;position:relative;pointer-events:none;transform-style:preserve-3d;transition:all .3s ease-in-out}.click-plate[data-v-97b9afbb]{position:absolute;inset:-10%;transform:translateZ(5px);cursor:default;pointer-events:none}.click-plate.is-active[data-v-97b9afbb]{pointer-events:auto;cursor:pointer;z-index:100}.pawn-visual[data-v-97b9afbb]{width:100%;height:140%;position:absolute;bottom:50%;left:0;pointer-events:none;transform-origin:bottom center;transform-style:preserve-3d;transition:transform .3s ease-in-out;filter:drop-shadow(0 5px 3px rgba(0,0,0,.4));transform:rotate(var(--board-rotation, 0deg)) rotateX(-55deg)}.pawn-svg[data-v-97b9afbb]{width:100%;height:100%;display:block;overflow:visible}.red .stop-highlight[data-v-97b9afbb]{stop-color:#f99}.red .stop-main[data-v-97b9afbb]{stop-color:#e60000}.red .stop-shadow[data-v-97b9afbb]{stop-color:#600}.red .stop-dark[data-v-97b9afbb]{stop-color:#300}.blue .stop-highlight[data-v-97b9afbb]{stop-color:#9cf}.blue .stop-main[data-v-97b9afbb]{stop-color:#06f}.blue .stop-shadow[data-v-97b9afbb]{stop-color:#026}.blue .stop-dark[data-v-97b9afbb]{stop-color:#013}.green .stop-highlight[data-v-97b9afbb]{stop-color:#9f9}.green .stop-main[data-v-97b9afbb]{stop-color:#0c0}.green .stop-shadow[data-v-97b9afbb]{stop-color:#004d00}.green .stop-dark[data-v-97b9afbb]{stop-color:#002600}.yellow .stop-highlight[data-v-97b9afbb]{stop-color:#ffc}.yellow .stop-main[data-v-97b9afbb]{stop-color:gold}.yellow .stop-shadow[data-v-97b9afbb]{stop-color:#960}.yellow .stop-dark[data-v-97b9afbb]{stop-color:#4d3300}.base-shadow[data-v-97b9afbb]{position:absolute;bottom:8%;left:20%;width:60%;height:20%;background:radial-gradient(closest-side,rgba(0,0,0,.6),transparent);transform:translateZ(1px);opacity:.8}.bounce-anim[data-v-97b9afbb]{animation:jump-97b9afbb 1.5s infinite ease-in-out}.hopping[data-v-97b9afbb]{animation:hop-move-97b9afbb .3s linear infinite}.kicked-anim[data-v-97b9afbb]{animation:kick-away-97b9afbb .5s ease-out forwards}@keyframes jump-97b9afbb{0%,to{transform:rotate(var(--board-rotation)) rotateX(-55deg) translateY(0)}50%{transform:rotate(var(--board-rotation)) rotateX(-55deg) translateY(-15%)}}@keyframes hop-move-97b9afbb{0%{transform:rotate(var(--board-rotation)) rotateX(-55deg) translateY(0) translateZ(0)}50%{transform:rotate(var(--board-rotation)) rotateX(-55deg) translateY(-20%) translateZ(30px)}to{transform:rotate(var(--board-rotation)) rotateX(-55deg) translateY(0) translateZ(0)}}@keyframes kick-away-97b9afbb{0%{transform:rotate(var(--board-rotation)) rotateX(-55deg) translateY(0) scale(1)}50%{transform:rotate(var(--board-rotation)) rotateX(-55deg) translateY(-50%) scale(1.2);opacity:.8}to{transform:rotate(var(--board-rotation)) rotateX(-55deg) translateY(0) scale(0);opacity:0}}@keyframes shadow-breath-97b9afbb{0%,to{transform:rotateX(90deg) scale(1);opacity:.4}50%{transform:rotateX(90deg) scale(.8);opacity:.2}}@keyframes pulse-border-97b9afbb{0%{box-shadow:0 0 #ef4444b3}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}@keyframes spin-97b9afbb{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1000px){.game-container[data-v-97b9afbb]{flex-direction:column;height:auto;overflow-y:auto;padding:20px 10px}.side-panel[data-v-97b9afbb]{width:100%;height:auto;margin:0 0 20px;flex-direction:row;justify-content:space-between}.stage-viewport[data-v-97b9afbb]{height:450px;width:100%}.board-pivot[data-v-97b9afbb]{width:90vw;height:90vw;max-width:400px;max-height:400px}}
