@import"https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700&display=swap";.board[data-v-6fb099a7]{position:relative;width:min(90vh,calc(100vw - 660px));margin:20px 0;box-sizing:border-box;aspect-ratio:1 / 1;border:0px solid rgb(77,82,102);background:radial-gradient(circle at center,#2c3e50,#0f172a);border-radius:24px;box-shadow:0 32px 64px #0006;transform-origin:center center;border:4px solid #1e293b}@media(max-width:820px){.board[data-v-6fb099a7]{width:90vw!important;max-width:90vw!important;margin:0 auto!important;border-radius:12px!important}.board-wrapper[data-v-6fb099a7]{transform:none!important;width:100%!important}}@media(max-width:768px){.board-wrapper[data-v-6fb099a7]{transform:scale(.7)}}@media(max-width:480px){.board-wrapper[data-v-6fb099a7]{transform:scale(.5)}}.board-grid[data-v-6fb099a7]{display:grid;width:100%;height:100%;grid-gap:.5vw}.square[data-v-6fb099a7]{border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 0 12px #00000026;position:relative;background-color:#c8e3ff;overflow:visible;border-radius:8px}.square.inner-path[data-v-6fb099a7]{background-color:#87c5ff}@media(max-width:767px){.board-grid[data-v-6fb099a7]{grid-gap:1vw}.square[data-v-6fb099a7]{border-width:.3vw;border-radius:2vw}}.square.safe[data-v-6fb099a7],.square.center[data-v-6fb099a7]{background-color:transparent}.square.valid[data-v-6fb099a7]{outline:2px dashed #4caf50;background-color:#ffffff4c}.square.valid.hovered[data-v-6fb099a7]{outline:3px solid #188200;background-color:#002c5067}.center-square-layout[data-v-6fb099a7]{overflow:hidden;border-radius:inherit}.square.center[data-v-6fb099a7]{background:transparent;box-shadow:none;border:none}.path-arrow[data-v-6fb099a7]{position:absolute;width:28px;height:28px;z-index:15;pointer-events:none;opacity:.9}.path-arrow.start[data-v-6fb099a7]{opacity:1}.path-arrow.corner[data-v-6fb099a7]{opacity:.5}.path-arrow svg[data-v-6fb099a7]{width:100%;height:100%}.safe-marker[data-v-6fb099a7]{position:absolute;top:50%;left:50%;transform:translate(-50%,-52%);font-size:14rem;font-weight:400;color:#0000004d;pointer-events:none;z-index:1;background-image:url(/safe-marker.svg);background-size:contain;background-repeat:no-repeat;background-position:center;width:100%;height:100%}@media(max-width:1023px){.safe-marker[data-v-6fb099a7]{font-size:2rem}}.board-grid[data-v-6fb099a7]{position:relative}@media(min-width:820px)and (max-width:1365px){.board[data-v-6fb099a7]{width:min(90vh,calc(100vw - 600px))}}.pawn-group[data-v-6fb099a7]{position:relative;width:100%;height:100%;display:grid;place-items:center;pointer-events:none;z-index:10}.pawn-group[data-v-6fb099a7]>*{pointer-events:auto}.grid-2x2[data-v-6fb099a7]{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.grid-3x3[data-v-6fb099a7]{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.grid-4x4[data-v-6fb099a7]{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr)}.pawn-wrapper[data-v-6fb099a7]{width:100%;height:100%;display:flex;justify-content:center;align-items:center;transition:all .3s ease;position:relative;cursor:pointer;z-index:10}.pawn-wrapper[data-v-6fb099a7]:hover{transform:scale(1.1);filter:brightness(1.2) drop-shadow(0 4px 12px rgba(0,0,0,.5))}.pawn-svg[data-v-6fb099a7]{width:80%;height:80%;display:flex;align-items:center;justify-content:center}.pawn-svg[data-v-6fb099a7] svg{width:100%;height:100%;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4));overflow:visible}.pawn-svg[data-v-6fb099a7] path,.pawn-svg[data-v-6fb099a7] circle,.pawn-svg[data-v-6fb099a7] rect,.pawn-svg[data-v-6fb099a7] polygon{stroke:#fff;stroke-width:3px;vector-effect:non-scaling-stroke}.pawn-wrapper.moving-animation[data-v-6fb099a7]{z-index:50!important;transition:all .25s linear}.pawn-wrapper.wiped-animation[data-v-6fb099a7]{z-index:100!important;transform:scale(1.3);filter:brightness(1.5) drop-shadow(0 0 20px rgba(255,255,255,.9));transition:all .5s ease-out}@keyframes fadeIn-6fb099a7{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.jodi-container[data-v-6fb099a7]{display:flex;background:#fff3;border:2px solid white;border-radius:12px;padding:4px;gap:2px;box-shadow:0 0 10px #ffd70080;width:fit-content;max-width:100%;justify-content:center;align-items:center;grid-column:span 2}.pawn-wrapper.in-jodi[data-v-6fb099a7]{width:30px;height:30px}.center-square-layout[data-v-6fb099a7]{position:absolute;top:0;left:0;width:100%;height:100%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;z-index:5;border:1px solid rgba(255,255,255,.3)}.center-square-layout[data-v-6fb099a7]:before,.center-square-layout[data-v-6fb099a7]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:6}.center-square-layout[data-v-6fb099a7]:before{background:linear-gradient(to bottom right,transparent calc(50% - 1px),rgba(255,255,255,.3) calc(50% - 1px),rgba(255,255,255,.3) calc(50% + 1px),transparent calc(50% + 1px))}.center-square-layout[data-v-6fb099a7]:after{background:linear-gradient(to bottom left,transparent calc(50% - 1px),rgba(255,255,255,.3) calc(50% - 1px),rgba(255,255,255,.3) calc(50% + 1px),transparent calc(50% + 1px))}.center-triangle[data-v-6fb099a7]{position:absolute;width:100%;height:100%;pointer-events:none}.center-triangle[data-v-6fb099a7]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--triangle-overlay, rgba(0, 0, 0, .1));pointer-events:none}.triangle-0[data-v-6fb099a7]{clip-path:polygon(0% 100%,100% 100%,50% 50%)}.triangle-1[data-v-6fb099a7]{clip-path:polygon(100% 0%,100% 100%,50% 50%)}.triangle-2[data-v-6fb099a7]{clip-path:polygon(0% 0%,100% 0%,50% 50%)}.triangle-3[data-v-6fb099a7]{clip-path:polygon(0% 0%,0% 100%,50% 50%)}.triangle-pawns[data-v-6fb099a7]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.pawn-wrapper.center-pawn[data-v-6fb099a7]{position:absolute;width:20%;height:20%;pointer-events:auto}.triangle-0 .pos-0[data-v-6fb099a7]{left:50%;top:60%;transform:translate(-50%,-50%)}.triangle-0 .pos-1[data-v-6fb099a7]{left:50%;bottom:10%;transform:translate(-50%,-50%)}.triangle-0 .pos-2[data-v-6fb099a7]{left:20%;bottom:10%;transform:translate(-50%,-50%)}.triangle-0 .pos-3[data-v-6fb099a7]{left:80%;bottom:10%;transform:translate(-50%,-50%)}.triangle-2 .pos-0[data-v-6fb099a7]{left:50%;bottom:60%;transform:translate(-50%,-50%)}.triangle-2 .pos-1[data-v-6fb099a7]{left:50%;top:10%;transform:translate(-50%,-50%)}.triangle-2 .pos-2[data-v-6fb099a7]{left:80%;top:10%;transform:translate(-50%,-50%)}.triangle-2 .pos-3[data-v-6fb099a7]{left:20%;top:10%;transform:translate(-50%,-50%)}.triangle-1 .pos-0[data-v-6fb099a7]{top:50%;left:40%;transform:translate(-50%,-50%)}.triangle-1 .pos-1[data-v-6fb099a7]{top:50%;right:10%;transform:translate(-50%,-50%)}.triangle-1 .pos-2[data-v-6fb099a7]{top:20%;right:10%;transform:translate(-50%,-50%)}.triangle-1 .pos-3[data-v-6fb099a7]{bottom:20%;right:10%;transform:translate(-50%,-50%)}.triangle-3 .pos-0[data-v-6fb099a7]{top:50%;right:40%;transform:translate(-50%,-50%)}.triangle-3 .pos-1[data-v-6fb099a7]{top:50%;left:10%;transform:translate(-50%,-50%)}.triangle-3 .pos-2[data-v-6fb099a7]{bottom:20%;left:10%;transform:translate(-50%,-50%)}.triangle-3 .pos-3[data-v-6fb099a7]{top:20%;left:10%;transform:translate(-50%,-50%)}.center-triangle .pawn-wrapper[data-v-6fb099a7]{width:18px;height:18px;position:absolute}.path-arrow[data-v-6fb099a7]{position:absolute;width:24px;height:24px;display:flex;align-items:center;justify-content:center;opacity:.6;pointer-events:none;z-index:2}.path-arrow.start[data-v-6fb099a7]{width:32px;height:32px;opacity:.9;filter:drop-shadow(0 0 2px rgba(0,0,0,.5))}.path-arrow.inner[data-v-6fb099a7]{width:28px;height:28px;opacity:.9}.path-arrow.corner[data-v-6fb099a7]{opacity:.4}.path-arrow[data-v-6fb099a7] svg{width:100%;height:100%}.tutorial-overlay[data-v-be3faa6b]{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center}.tutorial-backdrop[data-v-be3faa6b]{position:absolute;inset:0;background:#000000a6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.tutorial-card[data-v-be3faa6b]{position:relative;background:#1e293b;border-radius:20px;padding:28px;width:90%;max-width:420px;color:#f1f5f9;box-shadow:0 25px 40px -10px #0009;animation:fadeInUp-be3faa6b .35s ease-out}@keyframes fadeInUp-be3faa6b{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}.tutorial-header[data-v-be3faa6b]{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.tutorial-header h3[data-v-be3faa6b]{margin:0;font-size:1.35rem;font-weight:700;color:#fbbf24}.close-btn[data-v-be3faa6b]{background:none;border:none;color:#cbd5e1;font-size:1.6rem;cursor:pointer;transition:color .2s}.close-btn[data-v-be3faa6b]:hover{color:#fff}.tutorial-body[data-v-be3faa6b]{margin-bottom:26px;line-height:1.6;font-size:1rem;color:#e2e8f0}.tutorial-footer[data-v-be3faa6b]{display:flex;justify-content:space-between;align-items:center}.steps-indicator[data-v-be3faa6b]{display:flex;gap:8px}.dot[data-v-be3faa6b]{width:10px;height:10px;border-radius:50%;background:#475569;transition:background .3s,transform .3s}.dot.active[data-v-be3faa6b]{background:#fbbf24;transform:scale(1.2)}.buttons[data-v-be3faa6b]{display:flex;gap:12px}.nav-btn[data-v-be3faa6b]{padding:8px 18px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:transparent;color:#f1f5f9;cursor:pointer;font-weight:500;transition:all .25s}.nav-btn[data-v-be3faa6b]:hover{background:#ffffff1a}.nav-btn.primary[data-v-be3faa6b]{background:#fbbf24;color:#1e293b;border:none;font-weight:600}.nav-btn.primary[data-v-be3faa6b]:hover{background:#f59e0b}.modal-overlay[data-v-fe54fe18]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999}.modal-card[data-v-fe54fe18]{background:#fffffff2;border-radius:20px;padding:30px;width:90%;max-width:400px;text-align:center;box-shadow:0 20px 50px #0000004d;transform:translateY(0);transition:all .3s ease;border:2px solid rgba(255,255,255,.8)}.modal-card.success[data-v-fe54fe18],.modal-card.winner[data-v-fe54fe18]{border-color:#4ade80;box-shadow:0 0 30px #4ade804d}.modal-card.error[data-v-fe54fe18],.modal-card.warning[data-v-fe54fe18]{border-color:#f87171;box-shadow:0 0 30px #f871714d}.modal-card.bonus[data-v-fe54fe18]{border-color:#fbbf24;box-shadow:0 0 30px #fbbf244d}.modal-icon[data-v-fe54fe18]{font-size:3rem;margin-bottom:16px;animation:bounce-fe54fe18 1s infinite}@keyframes bounce-fe54fe18{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.modal-title[data-v-fe54fe18]{color:#1e293b;font-size:1.5rem;margin:0 0 8px;font-weight:800}.modal-message[data-v-fe54fe18]{color:#475569;font-size:1.1rem;margin:0 0 24px;line-height:1.5}.modal-btn[data-v-fe54fe18]{background:linear-gradient(135deg,#db2777,#0891b2 50%,#9333ea,#10b981);background-size:200% 200%;background-position:0% 50%;color:#fff;border:2px solid white;padding:12px 32px;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .4s ease;box-shadow:0 4px 12px #db277766}.modal-btn[data-v-fe54fe18]:hover:not(:disabled){background-position:100% 50%;transform:scale(1.05);box-shadow:0 6px 16px #9333ea80}.modal-fade-enter-active[data-v-fe54fe18],.modal-fade-leave-active[data-v-fe54fe18]{transition:opacity .3s ease}.modal-fade-enter-from[data-v-fe54fe18],.modal-fade-leave-to[data-v-fe54fe18]{opacity:0}.modal-fade-enter-active .modal-card[data-v-fe54fe18],.modal-fade-leave-active .modal-card[data-v-fe54fe18]{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.modal-fade-enter-from .modal-card[data-v-fe54fe18],.modal-fade-leave-to .modal-card[data-v-fe54fe18]{transform:translateY(50px) scale(.9)}.modal-overlay[data-v-433b8662]{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-card[data-v-433b8662]{background:#1e293bf2;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;max-width:400px;width:90%;text-align:center;box-shadow:0 20px 25px -5px #00000080,0 8px 10px -6px #00000080;transform-origin:center}.modal-icon[data-v-433b8662]{font-size:48px;margin-bottom:16px;filter:drop-shadow(0 0 10px rgba(255,255,255,.2))}.modal-title[data-v-433b8662]{font-size:1.5rem;font-weight:700;margin:0 0 8px;color:#f8fafc;font-family:Outfit,sans-serif}.modal-message[data-v-433b8662]{font-size:1rem;color:#94a3b8;margin:0 0 24px;line-height:1.5}.modal-actions[data-v-433b8662]{display:flex;gap:12px;justify-content:center}.modal-btn[data-v-433b8662]{padding:10px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;flex:1;font-family:Outfit,sans-serif}.modal-btn.confirm[data-v-433b8662]{background:linear-gradient(135deg,#db2777,#0891b2 50%,#9333ea,#10b981);background-size:200% 200%;background-position:0% 50%;color:#fff;border:2px solid white;box-shadow:0 4px 6px -1px #db277780;transition:all .4s ease}.modal-btn.confirm[data-v-433b8662]:hover:not(:disabled){background-position:100% 50%;transform:translateY(-2px);box-shadow:0 6px 8px -1px #9333ea99}.modal-btn.cancel[data-v-433b8662]{background:transparent;border:1px solid rgba(255,255,255,.2);color:#cbd5e1}.modal-btn.cancel[data-v-433b8662]:hover{background:#ffffff0d;border-color:#fff6}.modal-fade-enter-active[data-v-433b8662],.modal-fade-leave-active[data-v-433b8662]{transition:all .3s ease}.modal-fade-enter-from[data-v-433b8662],.modal-fade-leave-to[data-v-433b8662]{opacity:0;transform:scale(.95)}[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;inset:0;width:auto!important;height:auto!important;z-index:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;inset:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}.simplebar-content:after,.simplebar-content:before{content:" ";display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging,[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:"";background:#000;border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s .5s linear}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition-delay:0s;transition-duration:0s}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-scrollbar:before{inset:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{inset:0 auto 0 0;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.simplebar-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:scrollbar!important}.simplebar-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}html,body{margin:0;padding:0;font-family:Hanken Grotesk,sans-serif;min-height:100vh;overflow-x:hidden;overflow-y:auto}.parallax-bg{position:fixed;top:0;left:0;width:100%;height:100%;background:url(/bg.jpg) center center / cover no-repeat;z-index:-2;pointer-events:none;transition:transform .1s ease-out}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:#0000004d;pointer-events:none;z-index:-1}body{color:#fff}[data-v-4b53f9ea]{font-family:Hanken Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.btn[data-v-4b53f9ea]{padding:12px 20px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:1rem;text-decoration:none;box-sizing:border-box}.btn[data-v-4b53f9ea]:hover{transform:translateY(-2px);filter:brightness(1.1)}.btn[data-v-4b53f9ea]:active{transform:translateY(0)}.btn[data-v-4b53f9ea]:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary[data-v-4b53f9ea]{background:linear-gradient(135deg,#db2777,#0891b2 50%,#9333ea,#10b981);background-size:200% 200%;background-position:0% 50%;color:#fff;border:2px solid white;box-shadow:0 4px 15px #db277766;transition:all .4s ease}.btn-primary[data-v-4b53f9ea]:hover:not(:disabled){background-position:100% 50%;box-shadow:0 6px 20px #9333ea80}.btn-secondary[data-v-4b53f9ea]{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary[data-v-4b53f9ea]:hover{background:#fff3;border-color:#fff6}.btn-danger[data-v-4b53f9ea]{background:#ff3b3033;border:1px solid rgba(255,59,48,.3);color:#ff3b30}.btn-danger[data-v-4b53f9ea]:hover{background:#ff3b304d}.btn-ghost[data-v-4b53f9ea]{background:transparent;color:#ffffffb3;padding:8px 12px}.btn-ghost[data-v-4b53f9ea]:hover{color:#fff;background:#ffffff1a}.btn-lg[data-v-4b53f9ea]{padding:16px 32px;font-size:1.2rem;border-radius:16px;width:100%}.btn-sm[data-v-4b53f9ea]{padding:8px 16px;font-size:.9rem;border-radius:8px}.btn-donation[data-v-4b53f9ea]{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#78350f;font-weight:700;box-shadow:0 4px 15px #fbbf2466}.btn-donation[data-v-4b53f9ea]:hover{box-shadow:0 6px 20px #fbbf2499}[data-v-4b53f9ea] .liquid-glass-container{display:contents}[data-v-4b53f9ea] .liquid-glass-wrapper{width:100%;height:100%}.game-area[data-v-4b53f9ea]{display:flex;justify-content:center;align-items:center;gap:16px;height:calc(100vh - 60px);box-sizing:border-box}.game-area .leftsidebar[data-v-4b53f9ea]{flex:0 0 auto;width:320px}.game-area .game-board-container[data-v-4b53f9ea]{flex:initial}.game-board-container[data-v-4b53f9ea] .game-board{height:min(90vh,100%)}.game-area .rightsidebar[data-v-4b53f9ea]{flex:0 0 auto;width:320px}.auth-button-container[data-v-4b53f9ea]{position:absolute;top:20px;right:20px;z-index:100;max-width:300px}.auth-btn[data-v-4b53f9ea]{padding:10px 20px;border:none;border-radius:8px;font-size:.9rem;cursor:pointer;transition:transform .2s}.login-btn[data-v-4b53f9ea]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.logout-btn[data-v-4b53f9ea]{background:#ffffff1a;color:#fff;margin-left:12px}.auth-btn[data-v-4b53f9ea]:hover{transform:scale(1.05)}.user-info[data-v-4b53f9ea]{display:flex;align-items:center;gap:12px}.user-name[data-v-4b53f9ea]{color:#fff;font-weight:700;font-size:.9rem;cursor:pointer;padding:8px 12px;border-radius:6px;transition:background .2s}.user-name[data-v-4b53f9ea]:hover{background:#ffffff1a}.login-btn-sidebar[data-v-4b53f9ea]{padding:12px 20px;background:linear-gradient(135deg,#4285f4cc,#34a853cc);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #4285f44d}.login-btn-sidebar[data-v-4b53f9ea]:hover{transform:scale(1.05);box-shadow:0 6px 16px #4285f466}.login-hint[data-v-4b53f9ea]{color:#ffffffb3;font-size:.85rem;text-align:center;margin-top:8px}.profile-input[data-v-4b53f9ea]{width:100%;padding:12px;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:#fff;font-size:1rem;margin:12px 0}.profile-input[data-v-4b53f9ea]::placeholder{color:#ffffff80}.leftsidebar[data-v-4b53f9ea],.rightsidebar[data-v-4b53f9ea]{display:flex;flex-direction:column;justify-content:center;gap:24px;height:calc(100vh - 60px);flex-shrink:0;background:transparent;margin:0;box-sizing:border-box;overflow-y:auto;overflow-x:hidden}@media(min-width:1366px){.leftsidebar[data-v-4b53f9ea],.rightsidebar[data-v-4b53f9ea]{width:320px}}@media(max-width:1900px){.leftsidebar[data-v-4b53f9ea],.rightsidebar[data-v-4b53f9ea]{width:300px}}@media(max-width:1700px){.leftsidebar[data-v-4b53f9ea],.rightsidebar[data-v-4b53f9ea]{width:280px}}@media(max-width:1500px){.leftsidebar[data-v-4b53f9ea],.rightsidebar[data-v-4b53f9ea]{width:260px}}@media(max-width:1400px){.leftsidebar[data-v-4b53f9ea],.rightsidebar[data-v-4b53f9ea]{width:240px}}@media(max-width:1200px){.leftsidebar[data-v-4b53f9ea],.rightsidebar[data-v-4b53f9ea]{width:220px}}@media(max-width:1000px){.leftsidebar[data-v-4b53f9ea],.rightsidebar[data-v-4b53f9ea]{width:200px}}@media(max-width:850px){.leftsidebar[data-v-4b53f9ea],.rightsidebar[data-v-4b53f9ea]{width:180px}}.leftsidebar[data-v-4b53f9ea]{padding:16px;border-right:1px solid rgba(255,255,255,.2)}.rightsidebar[data-v-4b53f9ea]{padding:16px;border-left:1px solid rgba(255,255,255,.2)}.leftsidebar[data-v-4b53f9ea]::-webkit-scrollbar,.rightsidebar[data-v-4b53f9ea]::-webkit-scrollbar{width:6px}.leftsidebar[data-v-4b53f9ea]::-webkit-scrollbar-track,.rightsidebar[data-v-4b53f9ea]::-webkit-scrollbar-track{background:#ffffff0d}.leftsidebar[data-v-4b53f9ea]::-webkit-scrollbar-thumb,.rightsidebar[data-v-4b53f9ea]::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.leftsidebar[data-v-4b53f9ea]::-webkit-scrollbar-thumb:hover,.rightsidebar[data-v-4b53f9ea]::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.title[data-v-4b53f9ea]{font-size:3rem;font-weight:700;text-align:center;margin-bottom:20px}.new-game-btn[data-v-4b53f9ea]{padding:16px;font-size:1.1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:12px;cursor:pointer;transition:all .2s;width:100%}.new-game-btn[data-v-4b53f9ea]:hover{transform:scale(1.05);box-shadow:0 6px 20px #667eea66}.players-list-vertical[data-v-4b53f9ea]{display:flex;flex-direction:column;gap:12px;width:100%;margin-bottom:20px}@media(max-width:768px){.players-list-vertical[data-v-4b53f9ea]{display:grid;grid-template-columns:1fr 1fr;gap:10px}}.player-card[data-v-4b53f9ea]{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px;transition:all .3s ease}.player-card.active[data-v-4b53f9ea]{background:#ffffff26;border-color:#ffffff4d;box-shadow:0 4px 12px #0003}.player-info-row[data-v-4b53f9ea]{display:flex;align-items:center;gap:12px}.player-avatar-container[data-v-4b53f9ea]{position:relative;width:40px;height:40px;display:flex;justify-content:center;align-items:center}.player-color-dot[data-v-4b53f9ea]{width:100%;height:100%;border-radius:50%;opacity:.2;position:absolute}.player-shape-icon[data-v-4b53f9ea]{position:relative;width:24px;height:24px;z-index:1}.player-shape-icon-inline[data-v-4b53f9ea]{width:18px;height:18px;margin-right:3px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.player-details[data-v-4b53f9ea]{flex:1;display:flex;flex-direction:column;gap:2px}.player-name-row[data-v-4b53f9ea]{display:flex;align-items:center;gap:6px}.player-name[data-v-4b53f9ea]{font-weight:600;font-size:1rem;color:#fff}.you-badge[data-v-4b53f9ea]{font-size:.7rem;background:#fff3;padding:2px 6px;border-radius:4px;color:#ffffffe6}.key-badge[data-v-4b53f9ea]{font-size:1.2rem;margin-left:6px;filter:drop-shadow(0 0 6px rgba(255,215,0,.8));animation:keyGlow-4b53f9ea 2s ease-in-out infinite;display:inline-block}@keyframes keyGlow-4b53f9ea{0%,to{opacity:1}50%{opacity:.7}}.player-status[data-v-4b53f9ea]{font-size:.8rem}.status-text[data-v-4b53f9ea]{color:#fff9}.player-card.active .status-text[data-v-4b53f9ea]{color:#4ade80;font-weight:600}.cowrie-grid-mini[data-v-4b53f9ea]{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;width:auto;height:auto;flex-shrink:0}.cowrie-mini-container[data-v-4b53f9ea]{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#0006;padding:6px 8px;border-radius:8px;min-width:fit-content}.cowrie-shell-mini[data-v-4b53f9ea]{width:100%;height:100%;border-radius:50%}.cowrie-shell-mini.white[data-v-4b53f9ea]{background:#f5f5f5}.cowrie-shell-mini.brown[data-v-4b53f9ea]{background:#8b4513}.cowrie-shell-mini.empty[data-v-4b53f9ea]{background:transparent;border:1px solid rgba(255,255,255,.3)}.mic-btn[data-v-4b53f9ea],.mic-status[data-v-4b53f9ea]{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0;border:2px solid rgba(255,255,255,.5);background:transparent;padding:0;position:relative}.mic-btn[data-v-4b53f9ea]:hover{transform:scale(1.1);border-color:#fff}.mic-off[data-v-4b53f9ea]{color:#ff4b4b}.mic-on[data-v-4b53f9ea]{color:#4ade80;border-color:#4ade80;background:#4ade8026}.mic-on.speaking[data-v-4b53f9ea]{animation:pulse-green-4b53f9ea 1.5s infinite;box-shadow:0 0 #4ade80b3}@keyframes pulse-green-4b53f9ea{0%{transform:scale(1);box-shadow:0 0 #4ade80b3}70%{transform:scale(1.1);box-shadow:0 0 0 10px #4ade8000}to{transform:scale(1);box-shadow:0 0 #4ade8000}}.mic-icon-wrapper[data-v-4b53f9ea]{position:relative;width:20px;height:20px}.icon-svg[data-v-4b53f9ea]{width:100%;height:100%}.player-info-compact[data-v-4b53f9ea]{display:flex;justify-content:space-between;align-items:center;width:100%}.roll-value[data-v-4b53f9ea]{font-weight:700;color:gold;font-size:1.1rem}.rolls-row[data-v-4b53f9ea]{display:flex;gap:6px;margin-top:8px;padding-left:52px}.roll-badge-small[data-v-4b53f9ea]{background:#fff3;padding:2px 8px;border-radius:4px;font-size:.9rem;color:#fff;font-weight:700}.roll-badge-small.clickable[data-v-4b53f9ea]{cursor:pointer;background:#3b82f680}.roll-badge-small.selected[data-v-4b53f9ea]{background:#22c55e80;border:1px solid #4ade80}.player-color-dot[data-v-4b53f9ea]{width:12px;height:12px}.player-avatar-small[data-v-4b53f9ea]{width:24px;height:24px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.5);margin-right:6px}.player-avatar-small.ai-avatar[data-v-4b53f9ea]{width:44px;height:44px;box-sizing:border-box;padding:6px;object-fit:contain;object-position:center bottom;border:1px solid rgba(255,255,255,.8)}.player-name-row[data-v-4b53f9ea]{display:flex;align-items:center}.player-name[data-v-4b53f9ea]{font-size:1rem;font-weight:500}.rolls-container[data-v-4b53f9ea]{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap;justify-content:center}.roll-badge[data-v-4b53f9ea]{min-width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:6px;font-size:.9rem;font-weight:600;color:#fff;padding:0 8px;transition:all .2s ease}.roll-badge.clickable[data-v-4b53f9ea]{cursor:pointer;background:#667eea4d;border-color:#667eea99}.roll-badge.clickable[data-v-4b53f9ea]:hover{transform:scale(1.1);background:#667eea80;box-shadow:0 0 12px #667eea99}.roll-badge.selected[data-v-4b53f9ea]{background:#4caf5080;border-color:#4caf50cc;box-shadow:0 0 12px #4caf5099;transform:scale(1.15)}.roll-section[data-v-4b53f9ea]{display:flex;flex-direction:column;align-items:center;gap:16px}.cowrie-display[data-v-4b53f9ea]{background:#0000004d;padding:12px;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cowrie-grid[data-v-4b53f9ea]{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;width:80px;height:80px}.cowrie-shell[data-v-4b53f9ea]{width:100%;height:100%;border-radius:50% 50% 45% 45%;box-shadow:inset 0 2px 4px #0000004d,0 2px 4px #0003;transition:all .3s}.cowrie-shell.white[data-v-4b53f9ea]{background:linear-gradient(135deg,#f5f5f5,#e0e0e0);border:1px solid #d0d0d0}.cowrie-shell.brown[data-v-4b53f9ea]{background:linear-gradient(135deg,#8b4513,#654321);border:1px solid #5a3a1a}.roll-button[data-v-4b53f9ea]{padding:16px 32px;font-size:1.3rem;font-weight:700;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:12px;cursor:pointer;transition:all .2s;width:100%}.roll-button[data-v-4b53f9ea]:hover:not(:disabled){transform:scale(1.05);box-shadow:0 6px 20px #f093fb66}.roll-button[data-v-4b53f9ea]:disabled{opacity:.5;cursor:not-allowed}.last-roll[data-v-4b53f9ea]{margin:0;font-size:.9rem;opacity:.8}.save-resume-btns[data-v-4b53f9ea]{display:flex;gap:12px}.save-btn[data-v-4b53f9ea],.resume-btn[data-v-4b53f9ea]{flex:1;padding:10px 20px;font-size:1rem;border:none;background:transparent;border-radius:8px;cursor:pointer;transition:all .2s}.save-btn[data-v-4b53f9ea],.resume-btn[data-v-4b53f9ea]{color:#fff}.save-btn[data-v-4b53f9ea]:hover,.resume-btn[data-v-4b53f9ea]:hover{transform:scale(1.05)}.dialog-overlay[data-v-4b53f9ea]{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.dialog[data-v-4b53f9ea]{background:#2c2d46;padding:32px;border-radius:16px;min-width:400px;box-shadow:0 8px 32px #0000004d}.dialog h2[data-v-4b53f9ea]{margin-top:0;color:#fff}.dialog-content[data-v-4b53f9ea]{display:flex;flex-direction:column;gap:20px}.dialog-content label[data-v-4b53f9ea]{display:flex;align-items:center;gap:8px;color:#fff;cursor:pointer}.player-names[data-v-4b53f9ea]{display:flex;flex-direction:column;gap:12px;margin:20px 0}.name-input-row[data-v-4b53f9ea]{display:flex;align-items:center;gap:12px}.name-input-row label[data-v-4b53f9ea]{width:80px;color:#fffc}.name-field[data-v-4b53f9ea]{flex:2;padding:8px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:#fff}.dialog-actions button[data-v-4b53f9ea]:not(.primary){background:#ffffff1a;color:#fff}.type-select[data-v-4b53f9ea]{flex:1;padding:8px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:#fff;cursor:pointer}.type-select option[data-v-4b53f9ea]{background:#2c2d46;color:#fff}.auth-btn[data-v-4b53f9ea]{padding:8px 16px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:#fff;cursor:pointer;font-weight:600;transition:all .2s}.dialog-actions[data-v-4b53f9ea]{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.dialog-actions button[data-v-4b53f9ea]{padding:10px 20px;border-radius:8px;cursor:pointer;font-size:1rem;transition:all .3s ease}.dialog-actions button[data-v-4b53f9ea]:not(.primary){background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.dialog-actions button[data-v-4b53f9ea]:not(.primary):hover{background:#fff3}.dialog-actions button.primary[data-v-4b53f9ea]{background:linear-gradient(135deg,#db2777,#0891b2 50%,#9333ea,#10b981);background-size:200% 200%;background-position:0% 50%;border:2px solid white;color:#fff;font-weight:600;box-shadow:0 4px 12px #db277766;transition:all .4s ease}.dialog-actions button.primary[data-v-4b53f9ea]:hover:not(:disabled){background-position:100% 50%;box-shadow:0 6px 16px #9333ea80}.donation-btn[data-v-4b53f9ea]{display:block;text-align:center;padding:12px;background:#fd0;color:#000;text-decoration:none;border-radius:8px;font-weight:700;margin-top:auto;transition:transform .2s}.donation-btn[data-v-4b53f9ea]:hover{transform:scale(1.05)}.rules-btn[data-v-4b53f9ea]{padding:12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:8px;font-weight:700;cursor:pointer;transition:all .2s;font-size:1rem;width:100%}.rules-btn[data-v-4b53f9ea]:hover{transform:scale(1.05);box-shadow:0 6px 16px #667eea66}.rules-dialog[data-v-4b53f9ea]{max-width:600px;max-height:80vh;overflow-y:auto}.rules-content[data-v-4b53f9ea]{text-align:left}.rules-content section[data-v-4b53f9ea]{margin-bottom:20px}.rules-content h3[data-v-4b53f9ea]{color:#667eea;margin-top:0;margin-bottom:8px;font-size:1.2rem}.rules-content p[data-v-4b53f9ea]{margin:8px 0;line-height:1.6;color:#ffffffe6}.rules-content ul[data-v-4b53f9ea]{margin:8px 0;padding-left:20px;line-height:1.6}.rules-content li[data-v-4b53f9ea]{margin:4px 0;color:#ffffffe6}.rules-content strong[data-v-4b53f9ea]{color:#fff}.rightsidebar[data-v-4b53f9ea]{display:flex;flex-direction:column;gap:24px;width:320px;height:calc(100vh - 60px);flex-shrink:0;background:transparent;margin:0;box-sizing:border-box;overflow-y:auto;overflow-x:hidden}.rightsidebar[data-v-4b53f9ea]::-webkit-scrollbar{width:6px}.rightsidebar[data-v-4b53f9ea]::-webkit-scrollbar-track{background:#ffffff0d}.rightsidebar[data-v-4b53f9ea]::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.rightsidebar[data-v-4b53f9ea]::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.auth-section[data-v-4b53f9ea]{padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:8px}.user-info-sidebar[data-v-4b53f9ea]{display:flex;flex-direction:column;gap:8px}.lobby-section[data-v-4b53f9ea],.chat-section[data-v-4b53f9ea]{display:flex;flex-direction:column;gap:12px}.lobby-section h3[data-v-4b53f9ea],.chat-section h3[data-v-4b53f9ea]{margin:0;font-size:1.2rem;color:#fff}.online-users[data-v-4b53f9ea]{display:flex;flex-direction:column;gap:8px}.online-user[data-v-4b53f9ea]{display:flex;align-items:center;gap:8px;padding:8px;background:#ffffff1a;border-radius:6px;color:#fff}.online-indicator[data-v-4b53f9ea]{width:8px;height:8px;border-radius:50%;background:#4caf50}.no-users[data-v-4b53f9ea],.no-messages[data-v-4b53f9ea]{padding:12px;text-align:center;color:#ffffff80;font-size:.9rem}.create-room-btn[data-v-4b53f9ea]{width:100%;padding:12px 24px;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease;margin-bottom:20px}.create-room-btn[data-v-4b53f9ea]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.lobby-view[data-v-4b53f9ea],.room-view[data-v-4b53f9ea]{display:flex;flex-direction:column;gap:16px}.lobby-view h3[data-v-4b53f9ea],.room-view h3[data-v-4b53f9ea],.room-view h4[data-v-4b53f9ea]{margin:0 0 12px;color:#fff;font-size:1.2rem}.room-link[data-v-4b53f9ea]{margin-top:5px}.link-box[data-v-4b53f9ea]{display:flex;align-items:center;background:#0000004d;padding:2px 8px;border-radius:4px;margin-top:2px}.url-text[data-v-4b53f9ea]{font-size:.75rem;color:#aaa;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:8px}.btn-copy[data-v-4b53f9ea]{background:#444;border:none;color:#fff;font-size:.7rem;padding:2px 6px;border-radius:2px;cursor:pointer}.btn-copy[data-v-4b53f9ea]:hover{background:#555}.online-players[data-v-4b53f9ea],.invites-section[data-v-4b53f9ea],.invite-section[data-v-4b53f9ea]{margin-top:16px}.online-players h4[data-v-4b53f9ea],.invites-section h4[data-v-4b53f9ea],.invite-section h4[data-v-4b53f9ea]{margin:0 0 8px;font-size:1rem;color:#ffffffe6}.online-user[data-v-4b53f9ea],.invite-user[data-v-4b53f9ea]{display:flex;align-items:center;gap:8px;padding:8px;background:#ffffff0d;border-radius:8px;margin-bottom:6px}.online-indicator[data-v-4b53f9ea]{width:8px;height:8px;border-radius:50%;background:#4caf50;box-shadow:0 0 8px #4caf50}.room-header[data-v-4b53f9ea]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1)}.room-title-wrapper[data-v-4b53f9ea]{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s}.room-title-wrapper[data-v-4b53f9ea]:hover{background-color:#ffffff1a}.room-title-wrapper h3[data-v-4b53f9ea]{margin:0;font-size:1.1rem}.link-icon[data-v-4b53f9ea]{width:20px;height:20px;color:#ffffffb3;flex-shrink:0;display:flex;align-items:center;justify-content:center}.link-icon svg[data-v-4b53f9ea]{width:100%;height:100%}.leave-btn-small[data-v-4b53f9ea]{padding:6px 12px;background:#f4433666;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .2s}.leave-btn-small[data-v-4b53f9ea]:hover{background:#f44336}.room-players-compact[data-v-4b53f9ea]{display:flex;flex-direction:column;gap:6px}.room-player-compact[data-v-4b53f9ea]{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#ffffff0d;border-radius:6px;font-size:.9rem}.room-player-compact.current-user[data-v-4b53f9ea]{background:#22c55e33;border:1px solid rgba(34,197,94,.4)}.ready-badge[data-v-4b53f9ea]{color:#4caf50;font-weight:700}.room-actions-compact[data-v-4b53f9ea]{display:flex;gap:8px}.host-controls[data-v-4b53f9ea]{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.ready-btn-small[data-v-4b53f9ea],.start-btn-small[data-v-4b53f9ea]{flex:1;padding:10px;border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s}.ready-btn-small[data-v-4b53f9ea]{background:#4caf5033;border:1px solid rgba(76,175,80,.4);color:#fff}.start-btn-small[data-v-4b53f9ea]{background:#667eea33;border:1px solid rgba(102,126,234,.4);color:#fff}.ready-btn-small[data-v-4b53f9ea]:hover,.start-btn-small[data-v-4b53f9ea]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.invite-list[data-v-4b53f9ea]{display:flex;flex-direction:column;gap:6px;max-height:200px;overflow-y:auto}.invite-btn-small[data-v-4b53f9ea]{padding:4px 12px;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:6px;cursor:pointer;font-size:.8rem;transition:all .2s}.invite-btn-small[data-v-4b53f9ea]:hover{transform:scale(1.05)}.invite-item[data-v-4b53f9ea]{display:flex;flex-direction:column;gap:8px;padding:12px;background:#ffffff0d;border-radius:8px;margin-bottom:8px}.invite-actions[data-v-4b53f9ea]{display:flex;gap:8px}.accept-btn[data-v-4b53f9ea],.decline-btn[data-v-4b53f9ea]{flex:1;padding:6px 12px;border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .2s}.accept-btn[data-v-4b53f9ea]{background:#4caf5033;border:1px solid rgba(76,175,80,.4);color:#fff}.decline-btn[data-v-4b53f9ea]{background:#f4433633;border:1px solid rgba(244,67,54,.4);color:#fff}.accept-btn[data-v-4b53f9ea]:hover,.decline-btn[data-v-4b53f9ea]:hover{transform:translateY(-2px)}.room-chat[data-v-4b53f9ea]{margin-top:16px;display:flex;flex-direction:column;gap:12px}.room-chat h4[data-v-4b53f9ea]{margin:0}.chat-input-area[data-v-4b53f9ea]{display:flex;gap:8px}.chat-input-area input[data-v-4b53f9ea]{flex:1;padding:10px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:.9rem}.chat-input-area input[data-v-4b53f9ea]::placeholder{color:#ffffff80}.chat-input-area .send-btn[data-v-4b53f9ea]{padding:10px 20px;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s}.chat-input-area .send-btn[data-v-4b53f9ea]:hover{transform:translateY(-2px)}.chat-messages[data-v-4b53f9ea]{display:flex;flex-direction:column;gap:12px;padding:12px;background:#0003;border-radius:8px}.chat-message[data-v-4b53f9ea]{display:flex;flex-direction:column;gap:4px}.message-header[data-v-4b53f9ea]{display:flex;justify-content:space-between;align-items:center}.message-author[data-v-4b53f9ea]{font-weight:700;color:#667eea;font-size:.9rem}.message-time[data-v-4b53f9ea]{font-size:.75rem;color:#ffffff80}.message-text[data-v-4b53f9ea]{color:#ffffffe6;font-size:.9rem;word-wrap:break-word}.chat-input-container[data-v-4b53f9ea]{display:flex;gap:8px}.chat-input[data-v-4b53f9ea]{flex:1;padding:10px;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:#fff;font-size:.9rem}.chat-input[data-v-4b53f9ea]::placeholder{color:#ffffff80}.send-btn[data-v-4b53f9ea]{padding:10px 20px;background:transparent;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:700;transition:transform .2s}.send-btn[data-v-4b53f9ea]:hover{transform:scale(1.05)}.tutorial-btn[data-v-4b53f9ea]{width:100%;padding:12px;margin-bottom:12px;background:#fbbf2433;border:1px solid rgba(251,191,36,.4);border-radius:12px;color:#fbbf24;font-weight:600;cursor:pointer;transition:all .3s ease}.tutorial-btn[data-v-4b53f9ea]:hover{background:#fbbf244d;transform:translateY(-2px);box-shadow:0 4px 12px #fbbf2433}.button-group[data-v-4b53f9ea]{display:flex;gap:8px;margin-bottom:12px;width:100%}.button-group .new-game-btn[data-v-4b53f9ea],.button-group .rules-btn[data-v-4b53f9ea],.button-group .tutorial-btn[data-v-4b53f9ea]{flex:1;padding:12px 8px;font-size:.9rem;white-space:nowrap;border-radius:12px;height:48px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:#fff;cursor:pointer;transition:all .3s ease;font-weight:600}.button-group .new-game-btn[data-v-4b53f9ea]:hover,.button-group .rules-btn[data-v-4b53f9ea]:hover,.button-group .tutorial-btn[data-v-4b53f9ea]:hover{background:#fff3;transform:translateY(-2px)}.cowrie-display-mini[data-v-4b53f9ea]{display:flex;align-items:center;gap:12px;background:#0006;padding:8px 12px;border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.cowrie-grid-mini[data-v-4b53f9ea]{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}.cowrie-shell-mini[data-v-4b53f9ea]{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.3)}.cowrie-shell-mini.white[data-v-4b53f9ea]{background:#fff}.cowrie-shell-mini.brown[data-v-4b53f9ea]{background:#8d6e63}.roll-score-mini[data-v-4b53f9ea]{font-weight:700;color:#fbbf24;font-size:1.5rem}.player-details[data-v-4b53f9ea]{display:flex;flex-direction:column}.turn-message[data-v-4b53f9ea]{font-size:.75rem;color:#fbbf24;animation:pulse-4b53f9ea 1s infinite}@keyframes pulse-4b53f9ea{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.start-player-msg[data-v-4b53f9ea]{font-size:1.2rem;color:#fff;text-align:center}.highlight[data-v-4b53f9ea]{color:#fbbf24;font-weight:700;font-size:1.4rem}.welcome-dialog[data-v-4b53f9ea]{max-width:500px;text-align:center;background:#fff;color:#1a1a1a;border:3px solid transparent;background-clip:padding-box;position:relative}.welcome-dialog[data-v-4b53f9ea]:before{content:"";position:absolute;inset:-3px;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);border-radius:inherit;z-index:-1}.welcome-content p[data-v-4b53f9ea]{margin:12px 0;font-size:1.05rem;color:#333;line-height:1.6}.welcome-content strong[data-v-4b53f9ea]{color:#667eea}.welcome-actions[data-v-4b53f9ea]{justify-content:center;margin-top:32px}.start-btn[data-v-4b53f9ea],.welcome-actions .start-btn[data-v-4b53f9ea]{font-size:1.2rem;padding:12px 32px;background:linear-gradient(135deg,#db2777,#0891b2 50%,#9333ea,#10b981)!important;background-size:200% 200%!important;background-position:0% 50%!important;border:2px solid white!important;color:#fff;font-weight:600;border-radius:12px;cursor:pointer;transition:all .4s ease;box-shadow:0 4px 15px #db277766}.start-btn[data-v-4b53f9ea]:hover:not(:disabled),.welcome-actions .start-btn[data-v-4b53f9ea]:hover:not(:disabled){background-position:100% 50%!important;transform:translateY(-2px);box-shadow:0 6px 20px #9333ea80}.roll-button.your-turn[data-v-4b53f9ea]{background:linear-gradient(45deg,#ff6b6b,#feca57,#48dbfb,#ff9ff3);background-size:300% 300%;animation:gradient-pulse-4b53f9ea 2s ease infinite;border:2px solid white;box-shadow:0 0 15px #ffffff80;color:#1e293b;font-weight:800}@keyframes gradient-pulse-4b53f9ea{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.profile-row[data-v-4b53f9ea]{display:flex;align-items:center;gap:12px;margin-bottom:12px}.profile-clickable[data-v-4b53f9ea]{display:flex;align-items:center;gap:12px;cursor:pointer;padding:4px;border-radius:8px;transition:background .2s;flex:1}.profile-clickable[data-v-4b53f9ea]:hover{background:#ffffff1a}.avatar[data-v-4b53f9ea]{width:48px;height:48px;border-radius:50%;border:3px solid white;object-fit:cover}.user-name[data-v-4b53f9ea]{font-weight:700;color:#fff;font-size:1.1rem}.logout-btn[data-v-4b53f9ea]{padding:6px 12px;font-size:.8rem;margin-left:auto;background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}.logout-btn[data-v-4b53f9ea]:hover{background:#fff3}.privacy-note[data-v-4b53f9ea]{font-size:.8rem;color:#fff9;margin-top:12px;text-align:center;line-height:1.4}.app-footer[data-v-4b53f9ea]{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;background:#1e293bcc;color:#fff9;font-size:.85rem;border-top:1px solid rgba(255,255,255,.1)}.footer-divider[data-v-4b53f9ea]{color:#ffffff4d}@media(max-width:819px){.rightsidebar[data-v-4b53f9ea]{display:none}.game-area[data-v-4b53f9ea]{gap:12px}}@media(max-width:819px){html[data-v-4b53f9ea],body[data-v-4b53f9ea]{overflow-x:hidden;width:100%}.app-container[data-v-4b53f9ea]{min-height:100vh}.game-area[data-v-4b53f9ea]{flex-direction:column;padding:0;gap:0;width:100%;height:auto;overflow-x:hidden;overflow-y:auto;display:flex}.game-area .leftsidebar[data-v-4b53f9ea]{width:100%;height:auto;margin:0;padding:12px;background:#1e293bf2;border-radius:0;box-sizing:border-box}.game-area .game-board-container[data-v-4b53f9ea]{width:100%;height:auto;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,#1a2a6c,#0f172a);padding:10px;position:relative}.game-area .rightsidebar[data-v-4b53f9ea]{width:100%;height:auto;margin:0;padding:12px;background:#1e293bf2;border-radius:0;box-sizing:border-box;display:flex}.game-area .leftsidebar[data-v-4b53f9ea]::-webkit-scrollbar,.game-area .rightsidebar[data-v-4b53f9ea]::-webkit-scrollbar{display:none}.leftsidebar .title[data-v-4b53f9ea]{font-size:1.5rem;margin:8px 0 12px;text-align:center}.button-group[data-v-4b53f9ea]{gap:8px;display:flex;flex-direction:row;width:100%;margin-bottom:12px}.button-group .btn[data-v-4b53f9ea]{flex:1;font-size:.85rem;padding:10px 6px;height:auto}.players-list-vertical[data-v-4b53f9ea]{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:0}.player-card[data-v-4b53f9ea]{padding:8px}.player-name[data-v-4b53f9ea]{font-size:.8rem}.new-game-overlay[data-v-4b53f9ea]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20}.dialog[data-v-4b53f9ea]{min-width:85vw;max-width:85vw;padding:16px}.app-footer[data-v-4b53f9ea]{position:fixed;bottom:0;left:0;width:100%;padding:8px 12px;font-size:.75rem;z-index:100;background:#1e293bf2}.game-area[data-v-4b53f9ea]{padding-bottom:60px;margin-bottom:60px}}.btn-link[data-v-4b53f9ea]{background:none;border:none;color:#fff9;cursor:pointer;font-size:.9rem;padding:0;text-decoration:underline}.footer-divider[data-v-4b53f9ea]{margin:0 10px;color:#fff6}.invite-btn-small.sent[data-v-4b53f9ea]{background:#ffc10733;color:#ffc107;border:1px solid rgba(255,193,7,.4)}.invite-btn-small.sent[data-v-4b53f9ea]:hover{background:#f87171;border-color:#ef4444;color:#fff}.game-board-container[data-v-4b53f9ea]{position:relative;transition:opacity .3s ease}.game-board-container.faded[data-v-4b53f9ea]{opacity:.95;pointer-events:none}.new-game-overlay[data-v-4b53f9ea]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;pointer-events:auto}.big-start-btn[data-v-4b53f9ea]{background:#22c55e;color:#fff;border:none;padding:1.5rem 3rem;font-size:1.5rem;font-weight:700;border-radius:1rem;cursor:pointer;box-shadow:0 4px 6px #0000001a;transition:all .2s ease}.big-start-btn[data-v-4b53f9ea]:hover{background:#16a34a;transform:scale(1.05);box-shadow:0 6px 8px #0003}.big-start-btn[data-v-4b53f9ea]:active{transform:scale(.95)}.btn-link[data-v-4b53f9ea]{background:none;border:none;color:#fff9;text-decoration:underline;cursor:pointer;font-size:.85rem;padding:4px 8px}.btn-link[data-v-4b53f9ea]:hover{color:#fff}.player-avatar-small[data-v-4b53f9ea]{width:40px;height:40px;border-radius:50%;margin-right:8px;object-fit:cover;border:2px solid rgba(255,255,255,.5)}