@charset "UTF-8";:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: #e74c3c;--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-toast-width: 320px;--toastify-toast-background: #fff;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient( to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55 );--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error)}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index) px);position:fixed;padding:4px;width:var(--toastify-toast-width);box-sizing:border-box;color:#fff}.Toastify__toast-container--top-left{top:1em;left:1em}.Toastify__toast-container--top-center{top:1em;left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:1em;right:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width : 480px){.Toastify__toast-container{width:100vw;padding:0;left:0;margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:0;transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:0;transform:translate(0)}.Toastify__toast-container--rtl{right:0;left:initial}}.Toastify__toast{position:relative;min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:4px;box-shadow:0 1px 10px #0000001a,0 2px 15px #0000000d;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;max-height:var(--toastify-toast-max-height);overflow:hidden;font-family:var(--toastify-font-family);cursor:pointer;direction:ltr;z-index:0}.Toastify__toast--rtl{direction:rtl}.Toastify__toast-body{margin:auto 0;-ms-flex:1 1 auto;flex:1 1 auto;padding:6px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.Toastify__toast-body>div:last-child{-ms-flex:1;flex:1}.Toastify__toast-icon{-webkit-margin-end:10px;margin-inline-end:10px;width:20px;-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.7s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}@media only screen and (max-width : 480px){.Toastify__toast{margin-bottom:0;border-radius:0}}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;-ms-flex-item-align:start;align-self:flex-start}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:5px;z-index:var(--toastify-z-index);opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(110%,0,0)}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-110%,0,0)}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#app{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:initial;flex-wrap:initial;gap:initial;height:100vh;width:100%;overflow:hidden;position:relative;background:radial-gradient(circle at 20% 80%,rgba(101,67,33,.03) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(27,41,81,.02) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(184,134,11,.01) 0%,transparent 50%),linear-gradient(135deg,#fdfbf8,#fbf7f0,#fffdd0 60%,#fffdd5)}@media (max-width: 767px){#app{padding:0 12px 12px;height:100vh;justify-content:center;background:radial-gradient(circle at 30% 70%,rgba(101,67,33,.02) 0%,transparent 40%),linear-gradient(180deg,#fefdfc,#fbf7f0 25%,#fffdd0 75%,#fbf7f0)}}#app .game-container{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:initial;flex-wrap:initial;gap:initial;width:100%;max-width:700px;gap:0;position:relative}#app .game-container:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;background:linear-gradient(45deg,#996f00,#b8860b,#daa520,#b8860b,#996f00);border-radius:24px;z-index:-1;opacity:.8;box-shadow:0 8px 32px #0003,0 16px 40px #00000040}@media (max-width: 767px){#app .game-container:before{top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:18px;box-shadow:0 8px 32px #0003,0 16px 40px #00000026}}@media (max-width: 767px){#app .game-container{gap:0;padding:24px 12px;height:100%;justify-content:center;min-height:calc(100dvh - 6vh)}}@media (min-width: 768px){#app .game-container{gap:0;justify-content:center;padding:24px}}@media (min-width: 1024px){#app .game-container{gap:0;justify-content:center;max-width:800px}}*{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding:0;line-height:1.5;color:#2f2f2f;background:#fbf7f0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.title{font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:clamp(2.5rem,7vw,3rem);font-weight:700;line-height:1.2;color:#2f2f2f;margin:0;text-align:center;text-shadow:0 2px 4px rgba(47,47,47,.1)}@media (max-width: 767px){.title{font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:clamp(2rem,6vw,2.5rem);font-weight:700;line-height:1.2;color:#2f2f2f;margin-bottom:20px}}@media (min-width: 768px){.title{margin-bottom:24px}}.link{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:clamp(1rem,3vw,1.125rem);font-weight:400;line-height:1.5;color:#2f2f2f;font-weight:500;background:linear-gradient(145deg,#2a3a6b,#1b2951,#162142);color:#fffdd0;border:none;border-radius:9999px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #0000001f;position:relative;overflow:hidden;padding:12px 20px;min-height:48px;min-width:48px;text-decoration:none;text-align:center;width:100%;display:inline-flex;align-items:center;justify-content:center}.link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.link:hover{background:linear-gradient(145deg,#2e4076,#2a3a6b,#1b2951);box-shadow:0 6px 16px #0000002e;transform:translateY(-1px)}.link:hover:before{left:100%}.link:active{background:linear-gradient(145deg,#162142,#1b2951,#2a3a6b);box-shadow:#00000014;transform:translateY(0)}@media (max-width: 767px){.link{width:100%;min-height:48px;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:clamp(1rem,3vw,1.125rem);font-weight:400;line-height:1.5;color:#2f2f2f;font-weight:500;background:linear-gradient(145deg,#2a3a6b,#1b2951,#162142);color:#fffdd0;border:none;border-radius:9999px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #0000001f;position:relative;overflow:hidden;padding:12px 20px}.link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.link:hover{background:linear-gradient(145deg,#2e4076,#2a3a6b,#1b2951);box-shadow:0 6px 16px #0000002e;transform:translateY(-1px)}.link:hover:before{left:100%}.link:active{background:linear-gradient(145deg,#162142,#1b2951,#2a3a6b);box-shadow:#00000014;transform:translateY(0)}}@media (min-width: 768px){.link{width:100%}}.link-secondary{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:clamp(1rem,3vw,1.125rem);font-weight:400;line-height:1.5;font-weight:500;background:linear-gradient(145deg,#daa520,#b8860b,#996f00);color:#2f2f2f;border:none;border-radius:9999px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #0000001f;padding:12px 20px;min-height:48px;min-width:48px;text-decoration:none;text-align:center;width:100%;display:inline-flex;align-items:center;justify-content:center}.link-secondary:hover{background:linear-gradient(145deg,#e0ac2a,#daa520,#b8860b);box-shadow:0 6px 16px #0000002e;transform:translateY(-1px)}.link-secondary:active{background:linear-gradient(145deg,#996f00,#b8860b,#daa520);box-shadow:#00000014;transform:translateY(0)}@media (max-width: 767px){.link-secondary{width:100%;min-height:48px}}@media (min-width: 768px){.link-secondary{width:100%}}.card{background:linear-gradient(145deg,#fffdd0,#fbf7f0,#f5f1e8);border-radius:18px;padding:24px;box-shadow:0 4px 12px #0000001f,inset 0 1px #ffffff4d;border:1px solid rgba(47,47,47,.08);position:relative;width:100%;max-width:540px}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(145deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);border-radius:inherit;pointer-events:none}@media (max-width: 767px){.card{background:linear-gradient(145deg,#fffdd0,#fbf7f0,#f5f1e8);border-radius:18px;padding:24px;box-shadow:0 4px 12px #0000001f,inset 0 1px #ffffff4d;border:1px solid rgba(47,47,47,.08);margin:12px;max-width:calc(100vw - 20px)}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(145deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);border-radius:inherit;pointer-events:none}}@media (min-width: 768px){.card{max-width:540px}}.form{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex:initial;flex-wrap:initial;gap:20px}@media (max-width: 767px){.form{gap:20px}}@media (min-width: 768px){.form{gap:24px}}input[type=text],input[type=email],input[type=password],input[type=search],input[type=url],input[type=number]{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:clamp(1rem,3vw,1.125rem);font-weight:400;line-height:1.5;color:#2f2f2f;min-height:44px;min-width:44px;padding:12px 20px;border-radius:9999px;border:2px solid rgba(47,47,47,.08);width:100%;background:linear-gradient(145deg,#fffdd0,#fbf7f0);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 1px 3px #2f2f2f14}@media (max-width: 767px){input[type=text],input[type=email],input[type=password],input[type=search],input[type=url],input[type=number]{padding:16px 20px;font-size:16px}}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=search]:focus,input[type=url]:focus,input[type=number]:focus{outline:none;border-color:#b8860b;background:#fffdd0;box-shadow:inset 0 1px 3px #2f2f2f14,0 0 0 3px #b8860b26;transform:translateY(-1px)}input[type=text]:hover:not(:focus),input[type=email]:hover:not(:focus),input[type=password]:hover:not(:focus),input[type=search]:hover:not(:focus),input[type=url]:hover:not(:focus),input[type=number]:hover:not(:focus){border-color:#2f2f2f26;background:linear-gradient(145deg,#fffdd5,#fcf9f4)}input[type=text]::placeholder,input[type=email]::placeholder,input[type=password]::placeholder,input[type=search]::placeholder,input[type=url]::placeholder,input[type=number]::placeholder{color:#666;font-weight:400}input[type=text].error,input[type=email].error,input[type=password].error,input[type=search].error,input[type=url].error,input[type=number].error{border-color:#8b2635;background:linear-gradient(145deg,#fffdd5,#fbf7f0)}input[type=text].error:focus,input[type=email].error:focus,input[type=password].error:focus,input[type=search].error:focus,input[type=url].error:focus,input[type=number].error:focus{box-shadow:inset 0 1px 3px #2f2f2f14,0 0 0 3px #8b263526}.animated-page{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.modal-transition-container{position:relative;display:flex;align-items:center;justify-content:center;height:100vh;width:100%;padding:24px;overflow:hidden;background:transparent}.modal-transition-container:has([data-testid=game-board-container]){padding:0!important;position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;align-items:stretch!important;justify-content:stretch!important}@media (max-width: 767px){.modal-transition-container{padding:16px;height:100vh;background:transparent}}.modal-transition-container .transition-card{position:relative;width:100%;background:linear-gradient(145deg,#fffdd0,#fbf7f0,#f5f1e8);border-radius:18px;padding:24px;box-shadow:0 4px 12px #0000001f,inset 0 1px #ffffff4d;border:1px solid rgba(47,47,47,.08);transform-origin:center center;will-change:transform,width,height}.modal-transition-container .transition-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(145deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);border-radius:inherit;pointer-events:none}.modal-transition-container .transition-card.menu-size{max-width:460px;min-height:auto}.modal-transition-container .transition-card.form-size{max-width:520px;min-height:auto}.modal-transition-container .transition-card.lobby-size{max-width:580px;min-height:auto}.modal-transition-container .transition-card.game-size{background:transparent!important;border:none!important;box-shadow:none!important;border-radius:0!important;padding:0!important;margin:0!important;position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important;min-width:100vw!important;min-height:100vh!important}.modal-transition-container .transition-card.game-size:before{display:none!important}.modal-transition-container .transition-card.game-size:after{display:none!important}@media (max-width: 767px){.modal-transition-container .transition-card{background:linear-gradient(145deg,#fffdd0,#fbf7f0,#f5f1e8);border-radius:18px;padding:24px;box-shadow:0 4px 12px #0000001f,inset 0 1px #ffffff4d;border:1px solid rgba(47,47,47,.08);max-width:calc(100vw - 28px)}.modal-transition-container .transition-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(145deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);border-radius:inherit;pointer-events:none}.modal-transition-container .transition-card.menu-size,.modal-transition-container .transition-card.form-size{min-height:auto}.modal-transition-container .transition-card.lobby-size{max-width:calc(100vw - 16px);min-height:auto}.modal-transition-container .transition-card.game-size{max-width:100%;height:100vh;padding:0;background:transparent;box-shadow:none;border:none}}.transition-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.transition-card{transform:translateZ(0);backface-visibility:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.transition-card.fullscreen{padding:0!important;box-shadow:none!important;border:none!important}.game-fullscreen-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:transparent;z-index:1;border:none;box-shadow:none;border-radius:0;padding:0;margin:0;will-change:transform,width,height;display:flex;align-items:center;justify-content:center}.game-fullscreen-container>*{width:100%;height:100%}.transition-card:has([data-testid=game-board-container]){background:transparent!important;border:none!important;box-shadow:none!important;border-radius:0!important;padding:0!important;margin:0!important;position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;min-width:auto!important;min-height:auto!important;z-index:10!important}.transition-card:has([data-testid=game-board-container]):before,.transition-card:has([data-testid=game-board-container]):after{display:none!important}.active-games-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex:initial;flex-wrap:initial;gap:24px;width:100%;max-width:680px;margin:0 auto;padding:32px 24px}.active-games-container .active-games-header{text-align:center}.active-games-container .active-games-header .active-games-title{font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:clamp(2rem,6vw,2.5rem);font-weight:700;line-height:1.2;margin:0 0 16px;color:#2f2f2f;position:relative}.active-games-container .active-games-header .active-games-title:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:150px;height:4px;background:linear-gradient(90deg,transparent,#B8860B,transparent);border-radius:9999px}.active-games-container .active-games-header .active-games-subtitle{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:clamp(1.125rem,3.5vw,1.25rem);font-weight:400;line-height:1.5;color:#2f2f2f;color:#4a4a4a;margin-top:24px;font-style:italic}.active-games-container .games-list{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex:initial;flex-wrap:initial;gap:16px;width:100%}.active-games-container .games-list .no-games{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex:initial;flex-wrap:initial;gap:24px;text-align:center;padding:40px 24px;background:linear-gradient(145deg,#fbf7f0,#f5f1e8);border-radius:18px;border:1px solid rgba(47,47,47,.08);box-shadow:0 4px 12px #0000001f}.active-games-container .games-list .no-games .no-games-text{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:clamp(1.25rem,4vw,1.5rem);font-weight:400;line-height:1.5;color:#2f2f2f;color:#4a4a4a;margin:0}.active-games-container .games-list .game-card{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex:initial;flex-wrap:initial;gap:12px;background:linear-gradient(145deg,#fbf7f0,#f5f1e8);border-radius:18px;padding:20px;box-shadow:0 4px 12px #0000001f;border:1px solid rgba(47,47,47,.08);transition:all .3s ease;max-width:100%;cursor:pointer;text-decoration:none;color:inherit;display:block}.active-games-container .games-list .game-card.my-turn{border-color:#b8860b;box-shadow:0 4px 12px #0000001f,0 0 20px #b8860b33}.active-games-container .games-list .game-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000002e;border-color:#b8860b}.active-games-container .games-list .game-card .game-info{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex:initial;flex-wrap:initial;gap:12px;width:100%}.active-games-container .games-list .game-card .game-info .game-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex:initial;flex-wrap:initial;gap:initial;width:100%;gap:12px}.active-games-container .games-list .game-card .game-info .game-header .game-id{font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:clamp(1.25rem,4vw,1.5rem);font-weight:600;line-height:1.5;margin:0;color:#2f2f2f;flex-shrink:0}.active-games-container .games-list .game-card .game-info .game-header .game-status{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:clamp(.875rem,2.5vw,1rem);font-weight:400;line-height:1.5;color:#2f2f2f;padding:8px 12px;background:#f5f1e8;border-radius:9999px;color:#4a4a4a;font-weight:500;white-space:nowrap}.active-games-container .games-list .game-card .game-info .game-header .game-status.active{background:linear-gradient(135deg,#b8860b,#886308);color:#fbf7f0;font-weight:600}.active-games-container .games-list .game-card .game-info .game-details{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex:initial;flex-wrap:initial;gap:8px;width:100%}.active-games-container .games-list .game-card .game-info .game-details .players-info{display:flex;flex-direction:row;justify-content:center;align-items:center;flex:initial;flex-wrap:initial;gap:12px;padding:8px;background:#f5f1e833;border-radius:12px;font-size:clamp(1rem,3vw,1.125rem);width:100%}.active-games-container .games-list .game-card .game-info .game-details .players-info .player{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:clamp(1rem,3vw,1.125rem);font-weight:400;line-height:1.5;color:#2f2f2f;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex:initial;flex-wrap:initial;gap:4px;padding:8px 12px;border-radius:12px;background:#fbf7f099}.active-games-container .games-list .game-card .game-info .game-details .players-info .player.me{color:#2f2f2f;font-weight:600;background:#b8860b1a;border:1px solid rgba(184,134,11,.3)}.active-games-container .games-list .game-card .game-info .game-details .players-info .player.opponent{color:#4a4a4a;background:#f5f1e866}.active-games-container .games-list .game-card .game-info .game-details .players-info .player .piece-indicator{font-size:.8em;line-height:1;opacity:.8}.active-games-container .games-list .game-card .game-info .game-details .players-info .vs{color:#666;font-style:italic;font-size:clamp(.875rem,2.5vw,1rem);font-weight:500}.active-games-container .games-list .game-card .game-info .game-details .game-stats{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex:initial;flex-wrap:initial;gap:initial;width:100%}.active-games-container .games-list .game-card .game-info .game-details .game-stats .score{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:clamp(1rem,3vw,1.125rem);font-weight:400;line-height:1.5;color:#2f2f2f;color:#4a4a4a;padding:8px 12px;background:#fbf7f0;border-radius:12px;display:inline-block}.active-games-container .games-list .game-card .game-info .game-details .game-stats .last-activity{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:clamp(.875rem,2.5vw,1rem);font-weight:400;line-height:1.5;color:#2f2f2f;color:#666;font-style:italic}.active-games-container .back-to-menu{text-align:center;margin-top:16px}.active-games-container .back-to-menu .back-link{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:clamp(1.125rem,3.5vw,1.25rem);font-weight:400;line-height:1.5;color:#2f2f2f;color:#4a4a4a;text-decoration:none;transition:color .2s ease}.active-games-container .back-to-menu .back-link:hover{color:#b8860b}@media (max-width: 767px){.active-games-container{gap:20px;padding:28px 16px}.active-games-container .active-games-header .active-games-title{font-size:clamp(1.5rem,5vw,2rem)}.active-games-container .active-games-header .active-games-title:after{width:120px;height:3px;bottom:-12px}.active-games-container .active-games-header .active-games-subtitle{font-size:clamp(1rem,3vw,1.125rem);margin-top:20px}.active-games-container .games-list{gap:16px}.active-games-container .games-list .no-games{padding:28px 20px;width:100%}.active-games-container .games-list .no-games .no-games-text{font-size:clamp(1.125rem,3.5vw,1.25rem)}.active-games-container .games-list .game-card{gap:20px;padding:20px}.active-games-container .games-list .game-card .game-info{gap:16px}.active-games-container .games-list .game-card .game-info .game-header{flex-direction:column;align-items:flex-start;gap:12px}.active-games-container .games-list .game-card .game-info .game-header .game-id{font-size:clamp(1.125rem,3.5vw,1.25rem)}.active-games-container .games-list .game-card .game-info .game-header .game-status{font-size:clamp(.875rem,2.5vw,1rem);padding:6px 16px;align-self:flex-end}.active-games-container .games-list .game-card .game-info .game-details{gap:16px}.active-games-container .games-list .game-card .game-info .game-details .players-info{flex-direction:row;justify-content:center;gap:16px;font-size:clamp(.875rem,2.5vw,1rem);padding:12px}.active-games-container .games-list .game-card .game-info .game-details .players-info .player{padding:6px 12px;font-size:clamp(.875rem,2.5vw,1rem)}.active-games-container .games-list .game-card .game-info .game-details .players-info .player .piece-indicator{font-size:.75em}.active-games-container .games-list .game-card .game-info .game-details .players-info .vs{font-size:clamp(.75rem,2vw,.875rem)}.active-games-container .games-list .game-card .game-info .game-details .game-stats{flex-direction:column;gap:12px;text-align:center}.active-games-container .games-list .game-card .game-info .game-details .game-stats .score{display:block;width:fit-content;margin:0 auto}}.game-form-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex:initial;flex-wrap:initial;gap:8px;text-align:center;max-width:100%}.game-form-container .form-header{margin-bottom:16px}.game-form-container .form-header .form-title{font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:clamp(2rem,6vw,2.5rem);font-weight:700;line-height:1.2;margin:0 0 12px;color:#2f2f2f;position:relative}.game-form-container .form-header .form-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:100px;height:3px;background:linear-gradient(90deg,transparent,#B8860B,transparent);border-radius:9999px}.game-form-container .form-header .form-subtitle{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:clamp(1.125rem,3.5vw,1.25rem);font-weight:400;line-height:1.5;color:#2f2f2f;color:#4a4a4a;margin:0;font-style:italic;font-weight:500}.game-form-container .game-form{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex:initial;flex-wrap:initial;gap:20px;width:100%;background:linear-gradient(145deg,#fbf7f0,#f5f1e8);border-radius:12px;padding:24px;box-shadow:0 4px 12px #0000001f;border:1px solid rgba(47,47,47,.08);position:relative}.game-form-container .game-form:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(145deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);border-radius:inherit;pointer-events:none}.game-form-container .game-form input[type=text]{width:100%;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:clamp(1rem,3vw,1.125rem);font-weight:400;line-height:1.5;color:#2f2f2f;padding:16px 20px;border-radius:9999px;border:2px solid rgba(47,47,47,.08);background:linear-gradient(145deg,#fffdd0,#fbf7f0);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 1px 3px #2f2f2f14}.game-form-container .game-form input[type=text]:focus{outline:none;border-color:#b8860b;background:#fffdd0;box-shadow:inset 0 1px 3px #2f2f2f14,0 0 0 3px #b8860b26;transform:translateY(-1px)}.game-form-container .game-form input[type=text]:hover:not(:focus){border-color:#2f2f2f26;background:linear-gradient(145deg,#fffdd5,#fcf9f4)}.game-form-container .game-form input[type=text]::placeholder{color:#666;font-weight:400}.game-form-container .game-form input[type=text]:disabled{opacity:.6;cursor:not-allowed;background:#fdfcfa}.game-form-container .game-form .submit-button{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:clamp(1rem,3vw,1.125rem);font-weight:400;line-height:1.5;color:#2f2f2f;font-weight:500;background:linear-gradient(145deg,#2a3a6b,#1b2951,#162142);color:#fffdd0;border:none;border-radius:9999px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #0000001f;padding:16px 24px;font-size:clamp(1.125rem,3.5vw,1.25rem);width:100%;min-width:200px;font-weight:600;position:relative;overflow:hidden}.game-form-container .game-form .submit-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.game-form-container .game-form .submit-button:hover{background:linear-gradient(145deg,#2e4076,#2a3a6b,#1b2951);box-shadow:0 6px 16px #0000002e;transform:translateY(-1px)}.game-form-container .game-form .submit-button:hover:before{left:100%}.game-form-container .game-form .submit-button:active{background:linear-gradient(145deg,#162142,#1b2951,#2a3a6b);box-shadow:#00000014;transform:translateY(0)}.game-form-container .game-form .submit-button:hover{box-shadow:0 6px 16px #0000002e,0 0 20px #b8860b4d}.game-form-container .game-form .submit-button:disabled{opacity:.7;cursor:not-allowed}.game-form-container .game-form .submit-button:disabled:after{content:"⏳";margin-left:8px}.game-form-container .error-message{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:clamp(.875rem,2.5vw,1rem);font-weight:400;line-height:1.5;color:#2f2f2f;color:#8b2635;margin-top:8px;padding:12px 16px;background:#8b26351a;border:1px solid rgba(139,38,53,.3);border-radius:6px;text-align:center}.game-form-container .game-id-info{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:clamp(.875rem,2.5vw,1rem);font-weight:400;line-height:1.5;color:#2f2f2f;color:#4a4a4a;margin-top:-12px;margin-bottom:8px;padding:8px 12px;background:#2d5a3d1a;border:1px solid rgba(45,90,61,.3);border-radius:6px;text-align:center}.game-form-container .game-id-info strong{color:#2d5a3d;font-weight:600}@media (max-width: 767px){.game-form-container{gap:20px}.game-form-container .form-header{margin-bottom:16px}.game-form-container .form-header .form-title{font-size:clamp(1.5rem,5vw,2rem);margin-bottom:12px}.game-form-container .form-header .form-title:after{width:80px;height:2px}.game-form-container .form-header .form-subtitle{font-size:clamp(1rem,3vw,1.125rem)}.game-form-container .game-form{padding:20px;gap:20px}.game-form-container .game-form input[type=text]{padding:16px 20px;font-size:16px}.game-form-container .game-form .submit-button{min-width:auto;width:100%;padding:20px 24px}}#host-game-menu .form-title{color:#2f2f2f}#host-game-menu .form-subtitle:before{content:"🎮 ";margin-right:4px}#join-game-menu .form-title{color:#2f2f2f}#join-game-menu .form-subtitle:before{content:"🤝 ";margin-right:4px}.debug-separator{width:100%;margin:12px 0 8px;position:relative;text-align:center}.debug-separator:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(184,134,11,.3),transparent)}.debug-separator .debug-label{background:#fbf7f0;padding:0 16px;font-size:12px;font-weight:600;color:#b8860b;text-transform:uppercase;letter-spacing:.5px;border-radius:6px;position:relative;z-index:1}.debug-button{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:clamp(1rem,3vw,1.125rem);font-weight:400;line-height:1.5;color:#2f2f2f;font-weight:600;background:linear-gradient(135deg,#b8860b1a,#1b43321a);border:2px solid rgba(184,134,11,.3);color:#b8860b;border-radius:9999px;cursor:pointer;transition:all .2s ease;padding:12px 20px;position:relative;overflow:hidden;width:100%}.debug-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(184,134,11,.1),transparent);transition:left .5s ease}.debug-button:hover{border-color:#b8860b99;background:linear-gradient(135deg,#b8860b26,#1b433226);transform:translateY(-2px);box-shadow:0 4px 12px #b8860b33}.debug-button:hover:before{left:100%}.debug-button:active{transform:translateY(0);box-shadow:0 2px 6px #b8860b4d}.debug-button:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.debug-button:disabled:before{display:none}.game-action-buttons{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex:initial;flex-wrap:initial;gap:16px;width:100%}.game-action-buttons .game-action-button{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:clamp(1rem,3vw,1.125rem);font-weight:400;line-height:1.5;color:#2f2f2f;font-weight:500;background:linear-gradient(145deg,#2a3a6b,#1b2951,#162142);color:#fffdd0;border:none;border-radius:9999px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #0000001f;position:relative;overflow:hidden;text-decoration:none;display:block;text-align:center;width:100%;padding:16px 24px;transition:all .3s ease}.game-action-buttons .game-action-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.game-action-buttons .game-action-button:hover{background:linear-gradient(145deg,#2e4076,#2a3a6b,#1b2951);box-shadow:0 6px 16px #0000002e;transform:translateY(-1px)}.game-action-buttons .game-action-button:hover:before{left:100%}.game-action-buttons .game-action-button:active{background:linear-gradient(145deg,#162142,#1b2951,#2a3a6b);box-shadow:#00000014;transform:translateY(0)}.game-action-buttons .game-action-button.back-button{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:clamp(1rem,3vw,1.125rem);font-weight:400;line-height:1.5;font-weight:500;background:linear-gradient(145deg,#daa520,#b8860b,#996f00);color:#2f2f2f;border:none;border-radius:9999px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #0000001f;padding:12px 20px;margin-bottom:8px}.game-action-buttons .game-action-button.back-button:hover{background:linear-gradient(145deg,#e0ac2a,#daa520,#b8860b);box-shadow:0 6px 16px #0000002e;transform:translateY(-1px)}.game-action-buttons .game-action-button.back-button:active{background:linear-gradient(145deg,#996f00,#b8860b,#daa520);box-shadow:#00000014;transform:translateY(0)}.game-action-buttons .game-action-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000004d}.game-action-buttons .game-action-button:active{transform:translateY(0)}.game-action-buttons .debug-section{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex:initial;flex-wrap:initial;gap:12px;margin-top:8px;width:100%}.game-action-buttons.modal{gap:12px}.game-action-buttons.modal .game-action-button{padding:12px 20px;font-size:clamp(1rem,3vw,1.125rem)}.game-action-buttons.modal .game-action-button.back-button{margin-bottom:4px}.game-action-buttons.empty-state{gap:16px;max-width:300px;margin:0 auto}.game-action-buttons.empty-state .game-action-button{padding:16px 24px;font-size:clamp(1.125rem,3.5vw,1.25rem);font-weight:600}@media (max-width: 767px){.game-action-buttons{gap:16px}.game-action-buttons .game-action-button{padding:16px 20px;font-size:clamp(1rem,3vw,1.125rem)}.game-action-buttons.empty-state{gap:16px;max-width:100%}.game-action-buttons.empty-state .game-action-button{padding:20px 24px;font-size:clamp(1.125rem,3.5vw,1.25rem)}.game-action-buttons.modal{gap:12px}.game-action-buttons.modal .game-action-button{padding:16px 20px;font-size:clamp(.875rem,2.5vw,1rem)}}#main-menu.menu-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex:initial;flex-wrap:initial;gap:initial;text-align:center;max-width:100%}#main-menu.menu-container .menu-header{margin-bottom:24px}#main-menu.menu-container .menu-header .menu-title{font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:clamp(2.5rem,7vw,3rem);font-weight:700;line-height:1.2;margin:0 0 16px;color:#2f2f2f;position:relative}#main-menu.menu-container .menu-header .menu-title:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:120px;height:4px;background:linear-gradient(90deg,transparent,#B8860B,transparent);border-radius:9999px}#main-menu.menu-container .menu-header .menu-subtitle{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:clamp(1.25rem,4vw,1.5rem);font-weight:400;line-height:1.5;color:#2f2f2f;color:#4a4a4a;margin:24px 0 0;font-style:italic;font-weight:500}#main-menu.menu-container .menu-actions{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex:initial;flex-wrap:initial;gap:20px;width:100%;background:linear-gradient(145deg,#fbf7f0,#f5f1e8);border-radius:18px;padding:32px;box-shadow:0 8px 24px #0000001f;border:1px solid rgba(47,47,47,.08);position:relative;max-width:420px}#main-menu.menu-container .menu-actions:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(145deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);border-radius:inherit;pointer-events:none}#main-menu.menu-container .menu-actions .menu-button{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:clamp(1rem,3vw,1.125rem);font-weight:400;line-height:1.5;color:#2f2f2f;font-weight:500;background:linear-gradient(145deg,#2a3a6b,#1b2951,#162142);color:#fffdd0;border:none;border-radius:9999px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #0000001f;padding:16px 24px;font-size:clamp(1.125rem,3.5vw,1.25rem);width:100%;min-width:260px;font-weight:600;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:12px;position:relative;overflow:hidden}#main-menu.menu-container .menu-actions .menu-button:hover{background:linear-gradient(145deg,#2e4076,#2a3a6b,#1b2951);box-shadow:0 6px 16px #0000002e;transform:translateY(-1px)}#main-menu.menu-container .menu-actions .menu-button:active{background:linear-gradient(145deg,#162142,#1b2951,#2a3a6b);box-shadow:#00000014;transform:translateY(0)}#main-menu.menu-container .menu-actions .menu-button:hover{box-shadow:0 8px 20px #0000002e,0 0 24px #b8860b4d;transform:translateY(-2px)}#main-menu.menu-container .menu-actions .menu-button:active{transform:translateY(0)}#main-menu.menu-container .menu-actions .menu-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}#main-menu.menu-container .menu-actions .menu-button:hover:before{left:100%}#main-menu.menu-container .menu-actions .menu-button.secondary{background:linear-gradient(135deg,#f5f1e8,#f5f1e8);border:2px solid rgba(47,47,47,.15);color:#2f2f2f}#main-menu.menu-container .menu-actions .menu-button.secondary:hover{background:linear-gradient(135deg,#f5f1e8,#fbf7f0);box-shadow:0 8px 20px #0000002e,0 0 24px #0000001f}#main-menu.menu-container .menu-actions .debug-section{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex:initial;flex-wrap:initial;gap:16px;width:100%;margin-top:16px;padding-top:24px;border-top:1px solid rgba(47,47,47,.08)}@media (max-width: 767px){#main-menu.menu-container{gap:28px}#main-menu.menu-container .menu-header{margin-bottom:20px}#main-menu.menu-container .menu-header .menu-title{font-size:clamp(2rem,6vw,2.5rem);margin-bottom:16px}#main-menu.menu-container .menu-header .menu-title:after{width:100px;height:3px;bottom:-12px}#main-menu.menu-container .menu-header .menu-subtitle{font-size:clamp(1.125rem,3.5vw,1.25rem);margin-top:24px}#main-menu.menu-container .menu-actions{padding:28px;gap:20px;max-width:calc(100vw - 28px)}#main-menu.menu-container .menu-actions .menu-button{min-width:auto;width:100%;padding:20px 28px;font-size:clamp(1rem,3vw,1.125rem)}#main-menu.menu-container .menu-actions .debug-section{margin-top:16px;padding-top:20px;gap:16px}}.game-piece{border-radius:100%;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.game-piece.small{width:36px;height:36px;min-width:36px;min-height:36px}@media (max-width: 767px){.game-piece.small{width:32px;height:32px;min-width:32px;min-height:32px}}.game-piece.medium{width:80%;height:80%;aspect-ratio:1}.game-piece.large{width:52px;height:52px;min-width:52px;min-height:52px}@media (max-width: 767px){.game-piece.large{width:44px;height:44px;min-width:44px;min-height:44px}}.game-piece.white{background:radial-gradient(ellipse at 20% 30%,rgba(220,220,220,.3) 0%,transparent 40%),radial-gradient(ellipse at 80% 70%,rgba(210,210,210,.2) 0%,transparent 35%),radial-gradient(circle at 25% 25%,#fffdd0,#fdfbf8 40%,#fbf7f0,#f8f1e4);border:1px solid rgba(47,47,47,.12);box-shadow:0 4px 12px #00000026,0 2px 6px #0000001a,inset 0 1px 3px #ffffffe6,inset 0 -1px 2px #00000014}.game-piece.black{background:radial-gradient(ellipse at 30% 20%,rgba(60,60,60,.4) 0%,transparent 45%),radial-gradient(ellipse at 70% 80%,rgba(40,40,40,.3) 0%,transparent 40%),radial-gradient(circle at 30% 30%,#434343,#2f2f2f 40%,#222,#1a1a1a);border:1px solid rgba(0,0,0,.3);box-shadow:0 4px 12px #0006,0 2px 6px #0003,inset 0 1px 3px #ffffff26,inset 0 -1px 2px #0006}.game-piece:before{content:"";position:absolute;top:12%;left:20%;width:35%;height:30%;background:radial-gradient(ellipse,rgba(255,255,255,.6) 0%,rgba(255,255,255,.2) 40%,transparent 70%);border-radius:50%;pointer-events:none;transform:rotate(-25deg);filter:blur(.5px)}.game-piece.black:before{background:radial-gradient(ellipse,rgba(255,255,255,.25) 0%,rgba(255,255,255,.08) 40%,transparent 70%);filter:blur(.3px)}.game-piece:after{content:"";position:absolute;bottom:15%;right:20%;width:20%;height:15%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 60%);border-radius:50%;pointer-events:none;opacity:.7}.game-piece.black:after{background:radial-gradient(circle,rgba(255,255,255,.12) 0%,transparent 60%);opacity:.5}.game-piece.new-piece{animation:piece-drop-luxury .6s cubic-bezier(.34,1.56,.64,1)}.game-piece.active-player{transform:scale(1.05);box-shadow:0 0 0 2px #b8860b66,0 6px 16px #0003}.game-piece.active-player.white{box-shadow:0 0 0 2px #b8860b66,0 4px 12px #00000026,0 2px 6px #0000001a,inset 0 1px 3px #ffffffe6,inset 0 -1px 2px #00000014}.game-piece.active-player.black{box-shadow:0 0 0 2px #b8860b66,0 4px 12px #0006,0 2px 6px #0003,inset 0 1px 3px #ffffff26,inset 0 -1px 2px #0006}.game-piece:hover{transform:translateY(-1px) scale(1.02);filter:brightness(1.05)}.game-piece:hover.white{box-shadow:0 6px 16px #0000002e,0 3px 8px #0000001f,inset 0 1px 3px #fffffff2,inset 0 -1px 2px #0000000f}.game-piece:hover.black{box-shadow:0 6px 16px #00000073,0 3px 8px #00000040,inset 0 1px 3px #ffffff2e,inset 0 -1px 2px #00000059}.game-piece.can-flip{animation:gentle-pulse 2s ease-in-out infinite}@keyframes gentle-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.02);opacity:.95}}#board{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);gap:2px;padding:24px;width:min(75vmin,90vw);height:min(75vmin,90vw);background:radial-gradient(ellipse at 0% 0%,rgba(0,0,0,.1) 0%,transparent 50%),radial-gradient(ellipse at 100% 100%,rgba(0,0,0,.05) 0%,transparent 50%),linear-gradient(135deg,#654321,#8b4513,#654321,#8b4513,#654321);border-radius:0;box-shadow:inset 0 2px 8px #0000001a,inset 0 -2px 4px #ffffff0d;position:relative;box-sizing:border-box;overflow:hidden}#board:after{content:"";position:absolute;top:20px;right:20px;bottom:20px;left:20px;background:#1b43321a;border-radius:12px;box-shadow:inset 0 0 20px #0003;pointer-events:none}@media (max-width: 767px){#board:after{top:16px;right:16px;bottom:16px;left:16px}}@media (max-width: 480px){#board:after{top:12px;right:12px;bottom:12px;left:12px}}@media (max-width: 767px){#board{width:min(85vw,85vh);height:min(85vw,85vh);gap:1px;padding:16px;box-shadow:0 8px 24px #00000040,inset 0 2px 6px #0000001a}}@media (max-width: 480px){#board{width:min(92vw,92vh);height:min(92vw,92vh);gap:1px;padding:12px}}#board .place{display:flex;flex-direction:row;justify-content:center;align-items:center;flex:initial;flex-wrap:initial;gap:initial;background:radial-gradient(circle at 25% 25%,rgba(255,255,255,.05) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(0,0,0,.05) 0%,transparent 50%),#1b4332;aspect-ratio:1;border-radius:6px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:inset 0 2px 4px #00000026,inset 0 -1px 2px #ffffff0d;min-width:0;min-height:0;width:100%;height:100%;overflow:hidden}#board .place:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.03) 0%,transparent 40%),radial-gradient(circle at 80% 80%,rgba(0,0,0,.02) 0%,transparent 40%);pointer-events:none}#board .place:nth-child(1){border-top-left-radius:-2px}#board .place:nth-child(8){border-top-right-radius:-2px}#board .place:nth-child(57){border-bottom-left-radius:-2px}#board .place:nth-child(64){border-bottom-right-radius:-2px}@media (max-width: 767px){#board .place{border-radius:6px;min-height:32px;min-width:32px}#board .place:nth-child(1){border-top-left-radius:2px}#board .place:nth-child(8){border-top-right-radius:2px}#board .place:nth-child(57){border-bottom-left-radius:2px}#board .place:nth-child(64){border-bottom-right-radius:2px}}#board .place.clickable{cursor:pointer}@media (min-width: 768px){#board .place.clickable:hover{background:radial-gradient(circle at 25% 25%,rgba(255,255,255,.08) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(0,0,0,.03) 0%,transparent 50%),#1f4e3a;box-shadow:inset 0 2px 6px #0003,inset 0 -1px 3px #ffffff14,0 0 0 1px #b8860b33;transform:translateY(-1px)}}@media (max-width: 767px){#board .place.clickable:active{background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.1) 0%,transparent 60%),#183c2d;transform:scale(.98);box-shadow:inset 0 3px 6px #00000040,inset 0 -1px 2px #ffffff0d}}#board .place.clickable:after{content:"";position:absolute;top:30%;right:30%;bottom:30%;left:30%;background:radial-gradient(circle,rgba(184,134,11,.15) 0%,rgba(184,134,11,.08) 50%,transparent 70%);border-radius:50%;opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1);pointer-events:none;filter:blur(.5px)}#board .place.clickable:hover:after,#board .place.clickable:active:after{opacity:1;top:25%;right:25%;bottom:25%;left:25%;filter:blur(0)}@keyframes piece-drop-luxury{0%{transform:scale(.3) rotateY(180deg) translateY(-30px);opacity:0;filter:blur(2px)}40%{transform:scale(1.08) rotateY(60deg) translateY(-5px);opacity:.7;filter:blur(1px)}70%{transform:scale(1.02) rotateY(15deg) translateY(1px);opacity:.95;filter:blur(.5px)}85%{transform:scale(.98) rotateY(3deg) translateY(0);opacity:1;filter:blur(0)}to{transform:scale(1) rotateY(0) translateY(0);opacity:1;filter:blur(0)}}.debug-panel{position:fixed;background:linear-gradient(145deg,#fbf7f0fa,#fbf7f0f2,#fdfbf8f7);border:2px solid rgba(184,134,11,.6);border-radius:16px;box-shadow:0 12px 48px #00000040,0 4px 16px #b8860b26,0 0 0 1px #b8860b33,inset 0 1px #fff6,inset 0 -1px #b8860b1a;-webkit-backdrop-filter:blur(16px) saturate(1.1);backdrop-filter:blur(16px) saturate(1.1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;z-index:1000;transition:all .4s cubic-bezier(.4,0,.2,1);width:420px;max-height:85vh;overflow:hidden}.debug-panel:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;background:linear-gradient(45deg,#b8860b4d,#1b433233,#b8860b4d);border-radius:17px;z-index:-1;opacity:.6;filter:blur(2px)}.debug-panel.top-right{top:20px;right:20px}.debug-panel.top-left{top:20px;left:20px}.debug-panel.bottom-right{bottom:20px;right:20px}.debug-panel.bottom-left{bottom:20px;left:20px}.debug-panel.compact{min-width:360px;max-width:380px}.debug-panel.expanded{min-width:440px;max-width:520px}.debug-panel.closed .panel-content{max-height:0;opacity:0;overflow:hidden;padding:0 16px}.debug-panel.open .panel-content{max-height:530px;opacity:1}@media (max-width: 767px){.debug-panel{position:fixed;top:auto;left:10px;right:10px;width:auto;max-width:none}.debug-panel.open{bottom:10px}.debug-panel.closed{bottom:auto}.debug-panel.closed .panel-content{max-height:0;opacity:0;overflow:hidden;padding:0 12px}}.panel-header{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;flex:initial;flex-wrap:initial;gap:8px;padding:16px 20px;background:linear-gradient(135deg,#b8860b1f,#1b433214,#b8860b0f);border-bottom:1px solid rgba(184,134,11,.25);border-radius:14px 14px 0 0;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;transition:all .3s ease}.panel-header .header-top-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex:initial;flex-wrap:initial;gap:initial}.panel-header .header-status-row{display:flex;flex-direction:row;justify-content:center;align-items:center;flex:initial;flex-wrap:initial;gap:initial}.panel-header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(184,134,11,.03),transparent);border-radius:14px 14px 0 0;opacity:0;transition:opacity .3s ease}.panel-header:hover{background:linear-gradient(135deg,#b8860b2e,#1b43321f,#b8860b14);transform:translateY(-1px)}.panel-header:hover:before{opacity:1}.panel-header .panel-title{font-weight:600;color:#222;font-size:12px;letter-spacing:-.01em;text-shadow:0 1px 2px rgba(255,255,255,.5);text-transform:uppercase;opacity:.8}.panel-header .status-indicator{font-size:12px;padding:8px 16px;border-radius:16px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;box-shadow:0 2px 8px #0000001a;border:1px solid transparent;width:100%;text-align:center}.panel-header .status-indicator.active{background:linear-gradient(135deg,#1b433240,#1b433226);color:#050c09;border-color:#1b43324d;box-shadow:0 2px 8px #1b433233}.panel-header .status-indicator.ready{background:linear-gradient(135deg,#b8860b40,#b8860b26);color:#705107;border-color:#b8860b4d;box-shadow:0 2px 8px #b8860b33}.panel-header .status-indicator.inactive{background:linear-gradient(135deg,#2f2f2f1f,#2f2f2f14);color:#2f2f2fb3;border-color:#2f2f2f26}.panel-header .toggle-button{background:#2f2f2f0d;border:1px solid rgba(47,47,47,.1);font-size:14px;color:#2f2f2f;cursor:pointer;padding:8px 10px;border-radius:8px;transition:all .2s ease;font-weight:600;min-width:32px;height:32px;display:flex;flex-direction:row;justify-content:center;align-items:center;flex:initial;flex-wrap:initial;gap:initial}.panel-header .toggle-button:hover{background:#2f2f2f1a;border-color:#2f2f2f33;transform:scale(1.05)}.panel-header .toggle-button:active{transform:scale(.95)}.panel-content{padding:20px;transition:all .4s cubic-bezier(.4,0,.2,1);overflow-y:auto;max-height:calc(85vh - 60px)}.panel-content::-webkit-scrollbar{width:6px}.panel-content::-webkit-scrollbar-track{background:#2f2f2f0d;border-radius:3px}.panel-content::-webkit-scrollbar-thumb{background:#b8860b4d;border-radius:3px}.panel-content::-webkit-scrollbar-thumb:hover{background:#b8860b80}.control-section{margin-bottom:24px;padding:16px;background:linear-gradient(135deg,#fff9,#ffffff4d);border-radius:12px;border:1px solid rgba(184,134,11,.1);box-shadow:0 2px 8px #0000000a;transition:all .3s ease}.control-section:last-child{margin-bottom:4px}.control-section:hover{border-color:#b8860b33;box-shadow:0 4px 16px #00000014;transform:translateY(-1px)}.control-section h4{margin:0 0 12px;color:#161616;font-size:14px;font-weight:700;letter-spacing:-.01em;text-transform:uppercase;font-size:12px;opacity:.8;border-bottom:1px solid rgba(184,134,11,.15);padding-bottom:8px}.control-section.error-section{background:linear-gradient(135deg,#feec,#ffdddd80);border-color:#d73a4933}.control-section.error-section h4{color:#d73a49;border-bottom-color:#d73a4933}.radio-group{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex:initial;flex-wrap:initial;gap:8px}.radio-option{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex:initial;flex-wrap:initial;gap:8px;cursor:pointer;padding:8px 12px;border-radius:8px;transition:all .3s ease;background:#fff6;border:1px solid transparent;position:relative;overflow:hidden;width:100%}.radio-option:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(184,134,11,.02),transparent);opacity:0;transition:opacity .3s ease}.radio-option:hover{background:#b8860b14;border-color:#b8860b33;transform:translateY(-1px);box-shadow:0 4px 12px #b8860b1a}.radio-option:hover:before{opacity:1}.radio-option input[type=radio],.radio-option input[type=checkbox]{margin:0;width:14px;height:14px;accent-color:#B8860B;cursor:pointer;transition:transform .2s ease}.radio-option input[type=radio]:hover,.radio-option input[type=checkbox]:hover{transform:scale(1.05)}.radio-option .radio-label{font-size:13px;color:#2f2f2f;font-weight:500;flex:1;cursor:pointer}.radio-option:has(input:checked){background:linear-gradient(135deg,#b8860b26,#b8860b14);border-color:#b8860b66;box-shadow:0 4px 16px #b8860b33,inset 0 1px #ffffff4d}.radio-option:has(input:checked) .radio-label{color:#705107;font-weight:700}.radio-option:has(input:checked):before{opacity:1}input[type=range].speed-slider{width:100%;margin:12px 0;height:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(90deg,#2f2f2f1a,#b8860b0d);border-radius:8px;border:1px solid rgba(184,134,11,.1);cursor:pointer}input[type=range].speed-slider::-webkit-slider-track{background:linear-gradient(90deg,#2f2f2f1a,#b8860b0d);border-radius:8px;height:8px;border:1px solid rgba(184,134,11,.1)}input[type=range].speed-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(135deg,#e8a90e,#b8860b);border-radius:50%;width:20px;height:20px;border:2px solid white;cursor:pointer;box-shadow:0 2px 8px #b8860b4d,0 0 0 1px #b8860b33;transition:all .2s ease}input[type=range].speed-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 16px #b8860b66,0 0 0 2px #b8860b4d}input[type=range].speed-slider::-moz-range-track{background:linear-gradient(90deg,#2f2f2f1a,#b8860b0d);border-radius:8px;height:8px;border:1px solid rgba(184,134,11,.1)}input[type=range].speed-slider::-moz-range-thumb{background:linear-gradient(135deg,#e8a90e,#b8860b);border-radius:50%;width:20px;height:20px;border:2px solid white;cursor:pointer;box-shadow:0 2px 8px #b8860b4d,0 0 0 1px #b8860b33;transition:all .2s ease}input[type=range].speed-slider:disabled{opacity:.4;cursor:not-allowed}input[type=range].speed-slider:disabled::-webkit-slider-track{background:#2f2f2f0d;border-color:#2f2f2f0d}input[type=range].speed-slider:disabled::-webkit-slider-thumb{background:#b8860b4d;cursor:not-allowed;transform:none;box-shadow:0 1px 4px #2f2f2f1a}input[type=range].speed-slider:disabled::-webkit-slider-thumb:hover{transform:none;box-shadow:0 1px 4px #2f2f2f1a}input[type=range].speed-slider:disabled::-moz-range-track{background:#2f2f2f0d;border-color:#2f2f2f0d}input[type=range].speed-slider:disabled::-moz-range-thumb{background:#b8860b4d;cursor:not-allowed;box-shadow:0 1px 4px #2f2f2f1a}.speed-labels{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;flex:initial;flex-wrap:initial;gap:initial;font-size:12px;color:#2f2f2fb3;margin-top:8px;font-weight:600}.speed-labels span{padding:2px 6px;background:#b8860b1a;border-radius:4px;font-size:10px}.algorithm-select{width:100%;padding:12px 16px;border:2px solid rgba(184,134,11,.2);border-radius:10px;background:linear-gradient(135deg,#fff,#fbf7f04d);font-size:14px;color:#2f2f2f;cursor:pointer;font-weight:600;transition:all .3s ease;box-shadow:0 2px 8px #0000000a}.algorithm-select:focus{outline:none;border-color:#b8860b;box-shadow:0 0 0 3px #b8860b26,0 4px 16px #b8860b1a;transform:translateY(-1px)}.algorithm-select:hover{border-color:#b8860b66;box-shadow:0 4px 12px #00000014}.game-info{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex:initial;flex-wrap:initial;gap:8px}.game-info .info-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex:initial;flex-wrap:initial;gap:initial;padding:8px 12px;background:#ffffff4d;border-radius:8px;border:1px solid rgba(184,134,11,.08);transition:all .2s ease}.game-info .info-row:hover{background:#ffffff80;border-color:#b8860b26;transform:translate(2px)}.game-info .info-row span:first-child{color:#2f2f2fcc;font-size:13px;font-weight:600;text-transform:uppercase;font-size:11px;letter-spacing:.5px}.game-info .info-row span:last-child{color:#222;font-weight:700;font-size:13px}.game-info .player-indicator{padding:4px 12px;border-radius:16px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border:2px solid transparent}.game-info .player-indicator.black,.game-info .player-indicator.white{background:#8b4513;color:#fffdd0;border-color:#b8860b4d}.error-list{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex:initial;flex-wrap:initial;gap:8px;max-height:120px;overflow-y:auto}.error-list::-webkit-scrollbar{width:4px}.error-list::-webkit-scrollbar-track{background:#d73a490d;border-radius:2px}.error-list::-webkit-scrollbar-thumb{background:#d73a494d;border-radius:2px}.error-list::-webkit-scrollbar-thumb:hover{background:#d73a4980}.error-list .error-message{padding:10px 12px;background:linear-gradient(135deg,#feec,#fdd9);border:1px solid rgba(215,58,73,.3);border-radius:8px;color:#ce2a39;font-size:12px;line-height:1.4;font-weight:500;position:relative;transition:all .2s ease}.error-list .error-message:hover{background:linear-gradient(135deg,#ffeeeee6,#ffddddb3);border-color:#d73a4966;transform:translate(2px)}.error-list .error-message:before{content:"⚠️";margin-right:6px}@keyframes panel-slide-in{0%{opacity:0;transform:translateY(-20px) scale(.95);filter:blur(2px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.debug-panel{animation:panel-slide-in .5s cubic-bezier(.4,0,.2,1)}.debug-panel:hover{box-shadow:0 16px 64px #0000004d,0 6px 24px #b8860b33,0 0 0 1px #b8860b40,inset 0 1px #fff6,inset 0 -1px #b8860b1a}@media (max-width: 767px){.debug-panel.open .panel-content{padding:12px}.debug-panel .control-section{margin-bottom:16px}.debug-panel .radio-option{padding:10px 8px}.debug-panel .radio-label{font-size:14px}}.pip-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;flex:initial;flex-wrap:initial;gap:initial;width:5vmin;height:5vmin}.pip-wrapper.small{width:2vmin;height:2vmin}.pip-wrapper .connected-pip{width:1vh;height:1vh;border-radius:100%}.pip-wrapper .connected-pip.connected{background-color:#2d5a3d}.pip-wrapper .connected-pip.disconnected{background-color:#8b2635}.player{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex:initial;flex-wrap:initial;gap:initial;position:relative;width:min(75vmin,90vw);background:radial-gradient(ellipse at 0% 0%,rgba(0,0,0,.1) 0%,transparent 50%),radial-gradient(ellipse at 100% 100%,rgba(0,0,0,.05) 0%,transparent 50%),linear-gradient(135deg,#654321,#8b4513,#654321,#8b4513,#654321);background:#8b4513;padding:16px;opacity:.85;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:none;border:2px solid transparent}@media (max-width: 767px){.player{padding:16px;gap:16px;min-height:48px;width:min(85vw,85vh)}}@media (max-width: 480px){.player{width:min(92vw,92vh)}}@media (min-width: 768px){.player{width:min(75vmin,90vw)}}@media (min-width: 1024px){.player{width:min(75vmin,90vw)}}.player.turn{opacity:1;background:linear-gradient(135deg,#daa52040,#b8860b26,#2d5a3d33),#8b4513;border-color:#b8860bcc;box-shadow:0 0 20px #b8860b4d,inset 0 1px 3px #daa52033}.player.turn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,rgba(184,134,11,.15) 0%,rgba(45,90,61,.08) 40%,transparent 70%);border-radius:inherit;z-index:0;animation:enhanced-player-glow 3s ease-in-out infinite alternate;pointer-events:none}.player.turn .active-player{animation:piece-pulse 2s ease-in-out infinite}.player.top{border-radius:24px 24px 0 0}@media (max-width: 767px){.player.top{border-radius:18px 18px 0 0}}.player.bottom{border-radius:0 0 24px 24px}@media (max-width: 767px){.player.bottom{border-radius:0 0 18px 18px}}.player .player-main{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex:initial;flex-wrap:initial;gap:12px;flex:1;min-width:0}.player .player-info{display:flex;flex-direction:row;justify-content:center;align-items:center;flex:initial;flex-wrap:initial;gap:8px;flex:1;position:relative;z-index:1;min-height:60px;max-width:100%}@media (max-width: 767px){.player .player-info{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:initial;flex-wrap:initial;gap:4px;min-height:50px}}.player .player-info .name{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:clamp(1rem,3vw,1.125rem);font-weight:400;line-height:1.5;color:#2f2f2f;text-align:center;font-weight:600;color:#fffdd0;text-shadow:0 1px 2px rgba(47,47,47,.8),0 0 4px rgba(184,134,11,.2);flex-shrink:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}@media (max-width: 767px){.player .player-info .name{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:clamp(.875rem,2.5vw,1rem);font-weight:400;line-height:1.5;color:#2f2f2f;font-weight:500;max-width:150px}}@media (min-width: 768px){.player .player-info .name{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:clamp(1.125rem,3.5vw,1.25rem);font-weight:400;line-height:1.5;color:#2f2f2f;font-weight:600;max-width:220px}}@media (min-width: 1024px){.player .player-info .name{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:clamp(1.25rem,4vw,1.5rem);font-weight:400;line-height:1.5;color:#2f2f2f;font-weight:700;max-width:250px}}.player .player-info .turn-badge{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:clamp(.75rem,2vw,.875rem);font-weight:400;line-height:1.5;background:linear-gradient(135deg,#b8860b,#daa520);color:#2f2f2f;padding:2px 8px;border-radius:9999px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;box-shadow:0 2px 8px #b8860b66,inset 0 1px 2px #daa5204d;animation:badge-glow 3s ease-in-out infinite;border:1px solid rgba(218,165,32,.6);flex-shrink:0;white-space:nowrap}@media (max-width: 767px){.player .player-info .turn-badge{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:clamp(.75rem,2vw,.875rem);font-weight:400;line-height:1.5;color:#2f2f2f;padding:1px 4px;letter-spacing:.2px}}@media (min-width: 768px){.player .player-info .turn-badge{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:clamp(.75rem,2vw,.875rem);font-weight:400;line-height:1.5;color:#2f2f2f;padding:4px 8px;letter-spacing:.4px}}@media (min-width: 1024px){.player .player-info .turn-badge{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:clamp(.875rem,2.5vw,1rem);font-weight:400;line-height:1.5;color:#2f2f2f;padding:4px 12px;letter-spacing:.5px}}@keyframes enhanced-player-glow{0%{opacity:.4;transform:scale(1)}to{opacity:.8;transform:scale(1.02)}}@keyframes piece-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes badge-glow{0%,to{box-shadow:0 2px 8px #b8860b66,inset 0 1px 2px #daa5204d,0 0 #b8860b00;transform:scale(1)}50%{box-shadow:0 3px 12px #b8860b99,inset 0 1px 3px #daa52066,0 0 15px #b8860b4d;transform:scale(1.02)}}.overlay{position:fixed;display:flex;flex-direction:row;justify-content:center;align-items:center;flex:initial;flex-wrap:initial;gap:initial;left:0;right:0;top:0;bottom:0;z-index:1000;background:#1b295166;-webkit-backdrop-filter:blur(8px) saturate(1.2);backdrop-filter:blur(8px) saturate(1.2);padding:24px}.overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 20%,rgba(184,134,11,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(101,67,33,.02) 0%,transparent 50%);animation:subtle-shimmer 12s ease-in-out infinite;pointer-events:none}@media (max-width: 767px){.overlay{padding:16px;align-items:flex-start;padding-top:15vh;-webkit-backdrop-filter:blur(6px) saturate(1.1);backdrop-filter:blur(6px) saturate(1.1)}}.overlay .modal{background:linear-gradient(145deg,#fffdd0,#fbf7f0,#f5f1e8);border-radius:24px;padding:24px;max-width:90vw;max-height:90vh;width:100%;max-width:540px;box-shadow:0 20px 60px #00000059,0 16px 40px #00000040,inset 0 1px 3px #ffffff1a;animation:modal-appear-luxury .5s cubic-bezier(.34,1.56,.64,1);position:relative}.overlay .modal:before{content:"";position:absolute;border:2px solid rgba(184,134,11,.6);border-radius:18px;pointer-events:none}@media (max-width: 767px){.overlay .modal{max-width:95vw;max-height:85vh;padding:20px}.overlay .modal:before{top:16px;right:16px;bottom:16px;left:16px;border-width:1px}}.overlay .modal .modal-inner{background:linear-gradient(145deg,#fffdd0,#fbf7f0,#f5f1e8);padding:32px;box-shadow:0 4px 12px #0000001f,inset 0 1px #ffffff4d;border:1px solid rgba(47,47,47,.08);border-radius:18px;overflow-y:auto;position:relative;z-index:1;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.4) 0%,transparent 60%),radial-gradient(circle at 70% 70%,rgba(184,134,11,.03) 0%,transparent 50%),#fbf7f0}.overlay .modal .modal-inner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(145deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);border-radius:inherit;pointer-events:none}@media (max-width: 767px){.overlay .modal .modal-inner{background:linear-gradient(145deg,#fffdd0,#fbf7f0,#f5f1e8);border-radius:18px;padding:24px;box-shadow:0 4px 12px #0000001f,inset 0 1px #ffffff4d;border:1px solid rgba(47,47,47,.08)}.overlay .modal .modal-inner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(145deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);border-radius:inherit;pointer-events:none}}.overlay .modal .modal-inner h1{font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:clamp(2rem,6vw,2.5rem);font-weight:700;line-height:1.2;color:#2f2f2f;margin:0 0 24px;text-align:center;text-shadow:0 1px 2px rgba(47,47,47,.2),0 0 8px rgba(184,134,11,.1)}@media (max-width: 767px){.overlay .modal .modal-inner h1{font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:clamp(1.5rem,5vw,2rem);font-weight:700;line-height:1.2;color:#2f2f2f;margin-bottom:20px}}@media (min-width: 768px){.overlay .modal .modal-inner h1{margin-bottom:32px}}.overlay .modal .modal-inner .score-wrapper{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;flex:initial;flex-wrap:initial;gap:16px;margin-bottom:24px}@media (max-width: 767px){.overlay .modal .modal-inner .score-wrapper{flex-direction:column;gap:16px;margin-bottom:24px}}@media (min-width: 768px){.overlay .modal .modal-inner .score-wrapper{gap:24px;margin-bottom:32px}}.overlay .modal .modal-inner .score-wrapper .score{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex:initial;flex-wrap:initial;gap:8px;padding:16px;background:linear-gradient(145deg,#fffc,#fff9,#b8860b14);border-radius:18px;border:1px solid rgba(184,134,11,.3);box-shadow:0 4px 12px #0000001f,inset 0 1px 2px #ffffffe6;min-width:140px;flex:1}.overlay .modal .modal-inner .score-wrapper .score .game-piece{filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}@media (max-width: 767px){.overlay .modal .modal-inner .score-wrapper .score{padding:20px;width:100%;min-width:auto;flex-direction:row;justify-content:space-between}}.overlay .modal .modal-inner .score-wrapper .score .score-label{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:clamp(.875rem,2.5vw,1rem);font-weight:400;line-height:1.5;font-weight:500;color:#4a4a4a;text-transform:uppercase;letter-spacing:.8px}@media (max-width: 767px){.overlay .modal .modal-inner .score-wrapper .score .score-label{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:clamp(1rem,3vw,1.125rem);font-weight:400;line-height:1.5;color:#2f2f2f;font-weight:500}}.overlay .modal .modal-inner .score-wrapper .score .score-value{font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:clamp(2rem,6vw,2.5rem);font-weight:600;line-height:1.5;color:#2f2f2f;font-weight:700;text-shadow:0 1px 2px rgba(47,47,47,.1)}@media (max-width: 767px){.overlay .modal .modal-inner .score-wrapper .score .score-value{font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:clamp(1.5rem,5vw,2rem);font-weight:600;line-height:1.5;color:#2f2f2f}}.overlay .modal .modal-inner .links{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex:initial;flex-wrap:initial;gap:12px;margin-top:24px}@media (max-width: 767px){.overlay .modal .modal-inner .links{gap:16px;margin-top:24px}}@media (min-width: 768px){.overlay .modal .modal-inner .links{gap:16px;margin-top:32px}}.overlay .modal .modal-inner .links .link{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:clamp(1rem,3vw,1.125rem);font-weight:400;line-height:1.5;color:#2f2f2f;font-weight:500;background:linear-gradient(145deg,#2a3a6b,#1b2951,#162142);color:#fffdd0;border:none;border-radius:9999px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #0000001f;position:relative;overflow:hidden;padding:12px 20px;min-height:48px;min-width:48px;text-decoration:none;width:100%;text-align:center}.overlay .modal .modal-inner .links .link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.overlay .modal .modal-inner .links .link:hover{background:linear-gradient(145deg,#2e4076,#2a3a6b,#1b2951);box-shadow:0 6px 16px #0000002e;transform:translateY(-1px)}.overlay .modal .modal-inner .links .link:hover:before{left:100%}.overlay .modal .modal-inner .links .link:active{background:linear-gradient(145deg,#162142,#1b2951,#2a3a6b);box-shadow:#00000014;transform:translateY(0)}@media (max-width: 767px){.overlay .modal .modal-inner .links .link{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:clamp(1rem,3vw,1.125rem);font-weight:400;line-height:1.5;color:#2f2f2f;font-weight:500;background:linear-gradient(145deg,#2a3a6b,#1b2951,#162142);color:#fffdd0;border:none;border-radius:9999px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #0000001f;position:relative;overflow:hidden;padding:12px 20px;width:100%}.overlay .modal .modal-inner .links .link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.overlay .modal .modal-inner .links .link:hover{background:linear-gradient(145deg,#2e4076,#2a3a6b,#1b2951);box-shadow:0 6px 16px #0000002e;transform:translateY(-1px)}.overlay .modal .modal-inner .links .link:hover:before{left:100%}.overlay .modal .modal-inner .links .link:active{background:linear-gradient(145deg,#162142,#1b2951,#2a3a6b);box-shadow:#00000014;transform:translateY(0)}}.overlay .modal .modal-inner .links .link-secondary{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:clamp(1rem,3vw,1.125rem);font-weight:400;line-height:1.5;font-weight:500;background:linear-gradient(145deg,#daa520,#b8860b,#996f00);color:#2f2f2f;border:none;border-radius:9999px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #0000001f;padding:12px 20px;min-height:48px;min-width:48px;text-decoration:none;width:100%;text-align:center}.overlay .modal .modal-inner .links .link-secondary:hover{background:linear-gradient(145deg,#e0ac2a,#daa520,#b8860b);box-shadow:0 6px 16px #0000002e;transform:translateY(-1px)}.overlay .modal .modal-inner .links .link-secondary:active{background:linear-gradient(145deg,#996f00,#b8860b,#daa520);box-shadow:#00000014;transform:translateY(0)}@media (max-width: 767px){.overlay .modal .modal-inner .links .link-secondary{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:clamp(1rem,3vw,1.125rem);font-weight:400;line-height:1.5;font-weight:500;background:linear-gradient(145deg,#daa520,#b8860b,#996f00);color:#2f2f2f;border:none;border-radius:9999px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #0000001f;padding:12px 20px;width:100%}.overlay .modal .modal-inner .links .link-secondary:hover{background:linear-gradient(145deg,#e0ac2a,#daa520,#b8860b);box-shadow:0 6px 16px #0000002e;transform:translateY(-1px)}.overlay .modal .modal-inner .links .link-secondary:active{background:linear-gradient(145deg,#996f00,#b8860b,#daa520);box-shadow:#00000014;transform:translateY(0)}}@keyframes modal-appear-luxury{0%{opacity:0;transform:scale(.85) translateY(-30px) rotateX(10deg);filter:blur(4px)}60%{opacity:.8;transform:scale(1.02) translateY(-5px) rotateX(2deg);filter:blur(1px)}to{opacity:1;transform:scale(1) translateY(0) rotateX(0);filter:blur(0)}}@keyframes subtle-shimmer{0%,to{opacity:1;transform:translate(0) rotate(0)}33%{opacity:.8;transform:translate(2px) rotate(.5deg)}66%{opacity:.9;transform:translate(-1px) rotate(-.3deg)}}body.modal-open{overflow:hidden}@media (max-width: 767px){body.modal-open{position:fixed;width:100%;height:100%}}.copy-text-wrapper{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex:initial;flex-wrap:initial;gap:initial;padding:12px;background:#fbf7f0;border:2px solid #B8860B;border-radius:6px}.copy-text-wrapper .text{font-family:Courier New,Courier,monospace;margin-right:12px}.copy-text-wrapper .copy-btn{width:90px;min-width:90px;flex-shrink:0}#lobby{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex:initial;flex-wrap:initial;gap:24px;text-align:center;max-width:100%}#lobby .lobby-header{margin-bottom:16px}#lobby .lobby-header .lobby-title{font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:clamp(2rem,6vw,2.5rem);font-weight:700;line-height:1.2;margin:0 0 12px;color:#2f2f2f;position:relative}#lobby .lobby-header .lobby-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:100px;height:3px;background:linear-gradient(90deg,transparent,#B8860B,transparent);border-radius:9999px}#lobby .lobby-header .lobby-subtitle{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:clamp(1.125rem,3.5vw,1.25rem);font-weight:400;line-height:1.5;color:#2f2f2f;color:#4a4a4a;margin:0;font-style:italic;font-weight:500}#lobby .join-url-section{width:100%;margin-bottom:16px}#lobby .join-url-section h3{font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:clamp(1rem,3vw,1.125rem);font-weight:600;line-height:1.5;color:#2f2f2f;margin:0 0 12px;color:#4a4a4a;font-weight:500}#lobby .copy-text-wrapper{width:100%;margin-bottom:24px;background:linear-gradient(145deg,#fffdd0,#fbf7f0);border:2px solid rgba(184,134,11,.4);border-radius:12px;padding:16px;box-shadow:0 4px 12px #0000001f,inset 0 1px #ffffff4d}#lobby .copy-text-wrapper .text{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:clamp(.875rem,2.5vw,1rem);font-weight:400;line-height:1.5;color:#2f2f2f;font-family:Fira Code,Monaco,Menlo,monospace;color:#4a4a4a;word-break:break-all;margin-right:12px;padding:8px;background:#1b29510d;border-radius:6px}#lobby .copy-text-wrapper .copy-btn{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:clamp(1rem,3vw,1.125rem);font-weight:400;line-height:1.5;font-weight:500;background:linear-gradient(145deg,#daa520,#b8860b,#996f00);color:#2f2f2f;border:none;border-radius:9999px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #0000001f;padding:8px 16px;font-size:clamp(.875rem,2.5vw,1rem);white-space:nowrap;flex-shrink:0}#lobby .copy-text-wrapper .copy-btn:hover{background:linear-gradient(145deg,#e0ac2a,#daa520,#b8860b);box-shadow:0 6px 16px #0000002e;transform:translateY(-1px)}#lobby .copy-text-wrapper .copy-btn:active{background:linear-gradient(145deg,#996f00,#b8860b,#daa520);box-shadow:#00000014;transform:translateY(0)}#lobby .player-wrapper{width:100%;background:linear-gradient(145deg,#fbf7f0,#f5f1e8);border-radius:12px;padding:24px;box-shadow:0 4px 12px #0000001f;margin-bottom:24px}#lobby .player-wrapper h2{font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:clamp(1.25rem,4vw,1.5rem);font-weight:600;line-height:1.5;margin:0 0 16px;color:#2f2f2f;text-align:center}#lobby .player-wrapper h2:after{content:"";display:block;width:60px;height:2px;background:linear-gradient(90deg,transparent,#B8860B,transparent);margin:12px auto 0}#lobby .player-wrapper .lobby-player{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex:initial;flex-wrap:initial;gap:initial;padding:16px;margin:8px 0;background:linear-gradient(145deg,#fffdd0,#fffdd0);border-radius:6px;border:1px solid rgba(47,47,47,.08);box-shadow:0 2px 8px #00000014;transition:all .2s ease}#lobby .player-wrapper .lobby-player:hover{background:linear-gradient(145deg,#fffdd0,#fffdd0);box-shadow:0 4px 12px #0000001f;transform:translateY(-1px)}#lobby .player-wrapper .lobby-player .name{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:clamp(1rem,3vw,1.125rem);font-weight:400;line-height:1.5;font-weight:500;color:#2f2f2f;flex-grow:1;text-align:left}#lobby .button-wrapper{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:flex-start;flex:initial;flex-wrap:initial;gap:initial}#lobby .button-wrapper .start-button{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:clamp(1rem,3vw,1.125rem);font-weight:400;line-height:1.5;color:#2f2f2f;font-weight:500;background:linear-gradient(145deg,#2a3a6b,#1b2951,#162142);color:#fffdd0;border:none;border-radius:9999px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #0000001f;position:relative;overflow:hidden;padding:16px 24px;font-size:clamp(1.125rem,3.5vw,1.25rem);min-width:200px;font-weight:600}#lobby .button-wrapper .start-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}#lobby .button-wrapper .start-button:hover{background:linear-gradient(145deg,#2e4076,#2a3a6b,#1b2951);box-shadow:0 6px 16px #0000002e;transform:translateY(-1px)}#lobby .button-wrapper .start-button:hover:before{left:100%}#lobby .button-wrapper .start-button:active{background:linear-gradient(145deg,#162142,#1b2951,#2a3a6b);box-shadow:#00000014;transform:translateY(0)}#lobby .button-wrapper .start-button:hover{box-shadow:0 6px 16px #0000002e,0 0 20px #b8860b4d}@media (max-width: 767px){#lobby{gap:20px}#lobby .lobby-header{margin-bottom:16px}#lobby .lobby-header .lobby-title{font-size:clamp(1.5rem,5vw,2rem);margin-bottom:12px}#lobby .lobby-header .lobby-title:after{width:80px;height:2px}#lobby .lobby-header .lobby-subtitle{font-size:clamp(1rem,3vw,1.125rem)}#lobby .join-url-section{margin-bottom:16px}#lobby .join-url-section h3{font-size:clamp(.875rem,2.5vw,1rem);margin-bottom:12px}#lobby .copy-text-wrapper{margin-bottom:20px;padding:16px}#lobby .copy-text-wrapper .text{font-size:clamp(.75rem,2vw,.875rem);margin-right:12px;padding:12px}#lobby .player-wrapper{padding:20px;margin-bottom:20px}#lobby .player-wrapper h2{font-size:clamp(1.125rem,3.5vw,1.25rem);margin-bottom:16px}#lobby .player-wrapper .lobby-player{padding:16px;margin:12px 0}#lobby .player-wrapper .lobby-player .name{font-size:clamp(.875rem,2.5vw,1rem)}#lobby .button-wrapper .start-button{min-width:auto;width:100%;padding:20px 24px}}:root{--color-primary: #1B2951;--color-primary-light: #2A3A6B;--color-primary-dark: #162142;--color-surface: #FBF7F0;--color-surface-light: #FFFDD0;--color-surface-dark: #F5F1E8;--color-board-primary: #654321;--color-board-secondary: #1B4332;--color-board-surface: #8B4513;--color-text-primary: #2F2F2F;--color-text-secondary: #4A4A4A;--color-text-light: #666666;--color-accent: #B8860B;--color-accent-light: #DAA520;--color-accent-dark: #996F00;--color-success: #2D5A3D;--color-error: #8B2635;--color-warning: #B8860B;--shadow-subtle: rgba(0, 0, 0, .08);--shadow-soft: rgba(0, 0, 0, .12);--shadow-medium: rgba(0, 0, 0, .18);--shadow-strong: rgba(0, 0, 0, .25);--shadow-dramatic: rgba(0, 0, 0, .35);--button-primary-bg: #1B2951;--button-primary-hover: #2A3A6B;--button-accent-bg: #B8860B;--button-accent-hover: #DAA520}.version-info{position:relative;display:inline-block}.version-info.global-version-info{position:fixed;top:16px;right:16px;z-index:1000;display:block}@media (max-width: 767px){.version-info.global-version-info{top:12px;right:12px}}.version-info__toggle{background:transparent;border:2px solid rgba(184,134,11,.3);color:#b8860b;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s ease}.version-info__toggle:hover{background-color:#b8860b1a;border-color:#b8860b99;color:#b8860b;transform:scale(1.05)}.version-info__toggle:focus{outline:none;box-shadow:0 0 0 3px #b8860b33}.version-info__details{position:absolute;top:100%;right:0;background:#fbf7f0;border:1px solid rgba(184,134,11,.2);border-radius:8px;padding:16px;min-width:280px;width:max-content;max-width:350px;box-shadow:0 8px 24px #00000026;z-index:1000;font-size:13px;margin-top:8px}.version-info__details:before{content:"";position:absolute;bottom:100%;right:8px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #FBF7F0}.version-info__details:after{content:"";position:absolute;bottom:100%;right:7px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid rgba(184,134,11,.2);z-index:-1}.version-info__header{font-weight:600;color:#b8860b;margin-bottom:12px;font-size:14px;text-align:center;border-bottom:1px solid rgba(184,134,11,.2);padding-bottom:8px}.version-info__detail{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.version-info__detail:last-child{margin-bottom:0}.version-info__label{font-weight:500;color:#2f2f2fb3;margin-right:12px;flex-shrink:0}.version-info__value{font-family:Courier New,monospace;color:#2f2f2f;font-size:11px;background:#b8860b1a;padding:4px 8px;border-radius:4px;border:1px solid rgba(184,134,11,.2);text-align:right;white-space:nowrap;flex-shrink:0}