@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideInDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes popIn{0%{opacity:0;transform:scale(.5)}80%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinPulse{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.1)}to{transform:rotate(360deg) scale(1)}}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes heartbeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes loadingDots{0%,80%,to{opacity:0}40%{opacity:1}}@keyframes loadingBar{0%{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.animate-fadeIn{animation:fadeIn .3s ease-out}.animate-fadeOut{animation:fadeOut .3s ease-out}.animate-fadeInUp{animation:fadeInUp .4s ease-out}.animate-fadeInDown{animation:fadeInDown .4s ease-out}.animate-slideInLeft{animation:slideInLeft .3s ease-out}.animate-slideInRight{animation:slideInRight .3s ease-out}.animate-slideInUp{animation:slideInUp .3s ease-out}.animate-slideInDown{animation:slideInDown .3s ease-out}.animate-scaleIn{animation:scaleIn .3s ease-out}.animate-scaleOut{animation:scaleOut .3s ease-out}.animate-popIn{animation:popIn .5s cubic-bezier(.34,1.56,.64,1)}.animate-bounce{animation:bounce 1s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.animate-spinPulse{animation:spinPulse 1.5s ease-in-out infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-heartbeat{animation:heartbeat 1.5s ease-in-out infinite}.animate-shake{animation:shake .5s ease-in-out}.animation-delay-100{animation-delay:.1s}.animation-delay-200{animation-delay:.2s}.animation-delay-300{animation-delay:.3s}.animation-delay-400{animation-delay:.4s}.animation-delay-500{animation-delay:.5s}.animation-fast{animation-duration:.2s}.animation-slow{animation-duration:.6s}.animation-slower{animation-duration:1s}button,.btn{cursor:pointer;border:1px solid var(--border-color-button);background-color:var(--bg-button);color:var(--text-color-button);border-radius:6px;padding:8px 12px;font-weight:500;font-size:14px;transition:all .2s ease;-webkit-tap-highlight-color:transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden}button:hover:not(:disabled),.btn:hover:not(:disabled){background-color:var(--bg-button-hover);border-color:var(--border-color-toggle-hover);transform:translateY(-1px)}button:active:not(:disabled),.btn:active:not(:disabled){transform:translateY(0)}button:disabled,.btn:disabled{cursor:not-allowed;opacity:.6;background-color:var(--bg-button);color:var(--text-color-disabled);border-color:var(--border-color-button)}.btn-primary{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 6px 20px #4f46e566;color:#fff}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 6px 20px #10b98166;color:#fff}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#f87171,#ef4444);box-shadow:0 6px 20px #ef444466;color:#fff}.btn-ghost{background:transparent;border:none;color:var(--text-color-primary)}.btn-ghost:hover:not(:disabled){background:var(--bg-menu-item-hover)}.btn-outline{background:transparent;border:2px solid currentColor}.btn-outline:hover:not(:disabled){background:var(--bg-button-hover)}.btn-sm{padding:6px 10px;font-size:12px}.btn-lg{padding:12px 20px;font-size:16px}.btn-xl{padding:16px 28px;font-size:18px}.btn-full{width:100%}.btn-icon{padding:8px;min-width:36px;min-height:36px}.btn-icon.btn-sm{padding:6px;min-width:28px;min-height:28px}.btn-icon.btn-lg{padding:10px;min-width:44px;min-height:44px}.btn-loading{color:transparent}.btn-loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid currentColor;border-radius:50%;border-right-color:transparent;animation:buttonSpin .6s linear infinite}@keyframes buttonSpin{to{transform:rotate(360deg)}}.btn-group{display:inline-flex;gap:8px}.btn-group.btn-group-vertical{flex-direction:column}.btn-group.btn-group-compact{gap:0}.btn-group.btn-group-compact button{border-radius:0}.btn-group.btn-group-compact button:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px}.btn-group.btn-group-compact button:last-child{border-top-right-radius:6px;border-bottom-right-radius:6px}@media (max-width: 768px){button,.btn{min-height:44px;min-width:44px}.btn-sm{min-height:36px;min-width:36px}}.form-group{margin-bottom:20px}.form-group:last-child{margin-bottom:0}.form-label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-color-primary);font-size:14px}.form-label.required:after{content:" *";color:#ef4444}.form-input,.form-select,.form-textarea{width:100%;padding:12px 16px;border:1px solid var(--border-color-dropdown);border-radius:8px;font-size:16px;background:var(--bg-primary);color:var(--text-color-primary);transition:border-color .2s ease,box-shadow .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{opacity:.6;cursor:not-allowed;background:var(--bg-toggle)}.form-input.form-input-sm{padding:8px 12px;font-size:14px}.form-input.form-input-lg{padding:16px 20px;font-size:18px}.form-textarea{min-height:100px;resize:vertical;font-family:inherit;line-height:1.5}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}.form-checkbox,.form-radio{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.form-checkbox input[type=checkbox],.form-radio input[type=radio]{width:18px;height:18px;margin:0;cursor:pointer;accent-color:#4f46e5}.form-checkbox-label,.form-radio-label{font-size:14px;color:var(--text-color-primary)}.form-switch{display:inline-flex;align-items:center;gap:12px;cursor:pointer}.form-switch-input{position:relative;width:44px;height:24px;background:var(--bg-toggle);border:1px solid var(--border-color-toggle);border-radius:12px;transition:background-color .2s ease}.form-switch-input:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .2s ease}.form-switch input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.form-switch input[type=checkbox]:checked+.form-switch-input{background:#4f46e5;border-color:#4f46e5}.form-switch input[type=checkbox]:checked+.form-switch-input:after{transform:translate(20px)}.form-input-group{position:relative}.form-input-icon{position:absolute;top:50%;transform:translateY(-50%);color:var(--text-color-secondary);pointer-events:none}.form-input-icon.form-input-icon-left{left:12px}.form-input-icon.form-input-icon-right{right:12px}.form-input-group .form-input.has-icon-left{padding-left:40px}.form-input-group .form-input.has-icon-right{padding-right:40px}.password-input-container{position:relative}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:4px;font-size:16px;opacity:.6;transition:opacity .2s ease}.password-toggle:hover{opacity:1}.form-input.is-valid{border-color:#10b981}.form-input.is-valid:focus{box-shadow:0 0 0 3px #10b9811a}.form-input.is-invalid{border-color:#ef4444}.form-input.is-invalid:focus{box-shadow:0 0 0 3px #ef44441a}.form-help{margin-top:4px;font-size:13px;color:var(--text-color-secondary)}.form-error{margin-top:4px;font-size:13px;color:#ef4444}.form-success{margin-top:4px;font-size:13px;color:#10b981}.form-row{display:flex;gap:16px;margin-bottom:20px}.form-row>.form-group{flex:1;margin-bottom:0}@media (max-width: 640px){.form-row{flex-direction:column}.form-input,.form-select,.form-textarea{font-size:16px}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease-out}.modal-content{background:var(--bg-modal);color:var(--text-color-primary);border-radius:24px;padding:32px;width:100%;max-width:450px;box-shadow:0 20px 60px #0000001a,0 4px 20px #0000000d;border:1px solid var(--border-color-dropdown);position:relative;animation:modalSlideIn .3s ease-out}.modal-content.modal-small{max-width:350px}.modal-content.modal-large{max-width:600px}.modal-content.modal-xlarge{max-width:800px}.modal-content.modal-fullwidth{max-width:90vw}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid var(--border-color-menu)}.modal-header h2{margin:0;font-size:24px;font-weight:700;color:var(--text-color-primary)}.modal-body{margin-bottom:24px}.modal-footer{display:flex;gap:12px;justify-content:flex-end;padding-top:24px;border-top:1px solid var(--border-color-dropdown)}.modal-footer.modal-footer-center{justify-content:center}.modal-footer.modal-footer-full{flex-direction:column}.modal-close-button{background:none;border:none;font-size:24px;font-weight:600;color:var(--text-color-secondary);cursor:pointer;padding:8px;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.modal-close-button:hover{background:var(--bg-menu-item-hover);color:var(--text-color-hover);transform:scale(1.1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 640px){.modal-overlay{padding:10px}.modal-content{padding:24px 20px;border-radius:16px;max-width:calc(100vw - 20px)}.modal-header{margin-bottom:24px}.modal-header h2{font-size:20px}.modal-footer{flex-direction:column}.modal-footer button{width:100%}}.dropdown{position:relative;display:inline-block}.dropdown-toggle{cursor:pointer;-webkit-user-select:none;user-select:none}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;min-width:200px;padding:8px 0;margin-top:4px;background-color:var(--bg-dropdown);border:1px solid var(--border-color-dropdown);border-radius:8px;box-shadow:0 4px 12px #0000001a;animation:fadeInDown .2s ease-out}.dropdown-menu.show{display:block}.dropdown-menu.dropdown-menu-right{left:auto;right:0}.dropdown-menu.dropdown-menu-center{left:50%;transform:translate(-50%)}.dropdown-menu.dropdown-menu-top{bottom:100%;top:auto;margin-top:0;margin-bottom:4px;animation:fadeInUp .2s ease-out}.dropdown-item{display:block;width:100%;padding:10px 16px;clear:both;font-weight:400;color:var(--text-color-primary);text-align:inherit;white-space:nowrap;background-color:transparent;border:0;cursor:pointer;transition:background-color .15s ease}.dropdown-item:hover:not(.disabled){background-color:var(--bg-menu-item-hover);color:var(--text-color-hover)}.dropdown-item:active{background-color:var(--bg-menu-item-hover)}.dropdown-item.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.dropdown-item.active{background-color:var(--bg-button);color:var(--text-color-primary)}.dropdown-header{display:block;padding:8px 16px;margin-bottom:0;font-size:12px;font-weight:600;color:var(--text-color-secondary);text-transform:uppercase;white-space:nowrap}.dropdown-divider{height:0;margin:8px 0;overflow:hidden;border-top:1px solid var(--border-color-dropdown)}.dropdown-item-icon{display:inline-flex;align-items:center;gap:12px}.dropdown-item-icon svg,.dropdown-item-icon img{width:16px;height:16px;flex-shrink:0}.dropdown-menu.dropdown-menu-sm{min-width:150px;font-size:13px}.dropdown-menu.dropdown-menu-lg{min-width:280px}.dropdown-menu.dropdown-menu-xl{min-width:360px}.dropdown-submenu{position:relative}.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-8px;margin-left:-1px}.dropdown-submenu:hover>.dropdown-menu{display:block}.dropdown-submenu>.dropdown-item:after{content:"▶";float:right;opacity:.5}html.dark-mode .dropdown-menu{background-color:var(--bg-dropdown);border-color:var(--border-color-dropdown);box-shadow:0 4px 12px #0006}@media (max-width: 768px){.dropdown-menu{position:fixed;top:auto;bottom:0;left:0;right:0;transform:none;width:100%;max-width:100%;margin:0;border-radius:16px 16px 0 0;animation:slideInUp .3s ease-out;max-height:70vh;overflow-y:auto}.dropdown-menu.dropdown-menu-top{top:0;bottom:auto;border-radius:0 0 16px 16px;animation:slideInDown .3s ease-out}.dropdown-item{padding:14px 20px;font-size:16px}}.spinner{width:24px;height:24px;border:2px solid var(--border-color-button);border-top-color:var(--text-color-primary);border-radius:50%;animation:spin .6s linear infinite}.spinner.spinner-sm{width:16px;height:16px;border-width:2px}.spinner.spinner-lg{width:32px;height:32px;border-width:3px}.spinner.spinner-xl{width:48px;height:48px;border-width:4px}.badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;font-size:11px;font-weight:600;line-height:1;border-radius:12px;background:var(--bg-toggle);color:var(--text-color-secondary)}.badge.badge-primary{background:#4f46e5;color:#fff}.badge.badge-success{background:#10b981;color:#fff}.badge.badge-danger{background:#ef4444;color:#fff}.badge.badge-warning{background:#f59e0b;color:#fff}.alert{padding:12px 16px;border-radius:8px;margin-bottom:16px;display:flex;align-items:center;gap:12px;font-size:14px}.alert.alert-info{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}.alert.alert-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#14532d}.alert.alert-warning{background:#fffbeb;border:1px solid #fde68a;color:#78350f}.alert.alert-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}html.dark-mode .alert.alert-info{background:#3b82f61a;border-color:#3b82f64d;color:#93c5fd}html.dark-mode .alert.alert-success{background:#10b9811a;border-color:#10b9814d;color:#86efac}html.dark-mode .alert.alert-warning{background:#f59e0b1a;border-color:#f59e0b4d;color:#fde68a}html.dark-mode .alert.alert-error{background:#ef44441a;border-color:#ef44444d;color:#fecaca}.card{background:var(--bg-primary);border:1px solid var(--border-color-dropdown);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000a}.card-header{padding:16px 20px;border-bottom:1px solid var(--border-color-dropdown);font-weight:600}.card-body{padding:20px}.card-footer{padding:16px 20px;border-top:1px solid var(--border-color-dropdown);background:var(--bg-toggle)}.divider{position:relative;text-align:center;margin:24px 0}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--border-color-dropdown)}.divider-text{background:var(--bg-primary);padding:0 16px;color:var(--text-color-secondary);font-size:14px;position:relative}.toast{position:fixed;bottom:20px;right:20px;background:var(--bg-modal);border:1px solid var(--border-color-dropdown);border-radius:8px;padding:16px;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;gap:12px;max-width:360px;animation:slideInUp .3s ease-out;z-index:1100}.toast.toast-success{border-left:4px solid #10b981}.toast.toast-error{border-left:4px solid #ef4444}.toast.toast-warning{border-left:4px solid #f59e0b}.toast.toast-info{border-left:4px solid #3b82f6}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-sm{font-size:13px}.text-base{font-size:14px}.text-lg{font-size:16px}.text-xl{font-size:18px}.text-2xl{font-size:24px}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.mt-0{margin-top:0}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.mb-0{margin-bottom:0}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.p-0{padding:0}.p-1{padding:8px}.p-2{padding:16px}.p-3{padding:24px}.p-4{padding:32px}.gap-1{gap:8px}.gap-2{gap:16px}.gap-3{gap:24px}.gap-4{gap:32px}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.w-full{width:100%}.h-full{height:100%}.rounded{border-radius:4px}.rounded-lg{border-radius:8px}.rounded-xl{border-radius:12px}.rounded-full{border-radius:9999px}.game-content{display:flex;flex-direction:column;position:relative;z-index:1;overflow:visible}.game-layout-wrapper{display:flex;align-items:flex-start;width:100%;padding:0 var(--grid-margin)}.game-grid{flex:0 1 auto;display:grid;grid-template-columns:repeat(7,var(--scaled-card-width, var(--card-width)));column-gap:var(--scaled-pile-gap, var(--pile-gap));row-gap:var(--scaled-row-gap, var(--row-gap));width:fit-content;padding:var(--grid-margin);box-sizing:border-box;grid-template-rows:10px var(--scaled-card-height, var(--card-height)) 1fr;grid-template-areas:". . . . . . ." "stock stock stock foundation foundation foundation foundation" "tableau tableau tableau tableau tableau tableau tableau";overflow:visible;justify-content:start;align-content:start;margin-left:0;margin-right:auto;transition:grid-template-areas .3s ease;touch-action:none}.stock-pile-grid{grid-area:stock;justify-self:start}.gap-area{grid-area:gap}.foundation-grid{grid-area:foundation;display:grid;grid-template-columns:repeat(4,var(--scaled-card-width, var(--card-width)));column-gap:var(--scaled-pile-gap, var(--pile-gap));justify-self:end}.tableau-grid{grid-area:tableau;overflow:visible;align-self:start;touch-action:none}.leaderboard-widget-container{flex-shrink:0;margin-top:calc(10px + var(--scaled-row-gap, var(--row-gap)));align-self:flex-start;margin-left:auto;display:flex;flex-direction:column;gap:1rem;align-items:flex-start}.leaderboard-widget-wrapper{width:100%}:global(.game-board.locked) .game-grid,:global(.game-board.locked) .stock-pile-grid,:global(.game-board.locked) .foundation-grid,:global(.game-board.locked) .tableau-grid{pointer-events:none}:global(body.dragging){touch-action:none;-webkit-overflow-scrolling:touch;-webkit-user-select:none;user-select:none}@media (max-width: 768px){.game-layout-wrapper{flex-direction:column;align-items:center;gap:1rem;padding:0}.leaderboard-widget-container{margin-top:1rem;margin-bottom:1rem;width:100%;max-width:none;padding:0;align-self:stretch;margin-left:0;margin-right:0}.leaderboard-widget-wrapper{width:100%}.game-grid{padding:var(--grid-margin);box-sizing:border-box;width:100%;grid-template-columns:repeat(7,var(--card-width));column-gap:var(--pile-gap);row-gap:var(--row-gap);grid-template-rows:auto var(--card-height) 1fr;margin:0 auto;justify-content:center}.foundation-grid{grid-template-columns:repeat(4,var(--card-width));column-gap:var(--pile-gap);justify-self:center}}@media screen and (max-width: 480px){.game-layout-wrapper{padding:0}.game-grid{padding:.25rem;justify-content:center}}@media screen and (min-width: 769px){.game-grid{grid-template-columns:repeat(7,var(--scaled-card-width, var(--card-width)));grid-template-rows:10px var(--scaled-card-height, var(--card-height)) auto;grid-template-areas:". . . . . . ." "stock stock stock foundation foundation foundation foundation" "tableau tableau tableau tableau tableau tableau tableau";justify-content:start}.stock-pile-grid{justify-self:start;width:100%}}@media screen and (max-width: 390px){.game-grid{column-gap:var(--pile-gap);padding:var(--grid-margin);justify-content:center}.game-content{margin-inline-start:0}}.playing-card{width:var(--scaled-card-width, var(--card-width));height:var(--scaled-card-height, var(--card-height));display:inline-block;border:var(--card-border-width) solid var(--border-color-standard);border-radius:var(--card-border-radius);background-color:var(--bg-primary);background-repeat:no-repeat;background-size:var(--scaled-card-width, var(--card-width)) var(--scaled-card-height, var(--card-height));position:relative;transform-style:preserve-3d;backface-visibility:hidden;user-select:none;-webkit-user-select:none;transition:border-color .3s ease}.playing-card[class*=pcard-],.playing-card[class^=pcard-]{background-size:var(--scaled-card-width, var(--card-width)) var(--scaled-card-height, var(--card-height))}:global([class^=pcard-]:not(.playing-card)),:global([class*=" pcard-"]:not(.playing-card)){display:inline-block;width:var(--scaled-card-width, var(--card-width));height:var(--scaled-card-height, var(--card-height));background-repeat:no-repeat;background-size:var(--scaled-card-width, var(--card-width)) var(--scaled-card-height, var(--card-height));border-radius:var(--card-border-radius);box-sizing:border-box}.draggable-card{cursor:grab}.foundation-animating,.card-flipping,.dragging,.stock-draw-animating{will-change:transform;transform-style:preserve-3d}.card-flipping{transition:transform .2s cubic-bezier(.4,0,.2,1);backface-visibility:hidden;perspective:1000px}body.dragging .playing-card{transition:none}.empty-pile,.empty-pile-placeholder{width:var(--scaled-card-width, var(--card-width));height:var(--scaled-card-height, var(--card-height));border-width:var(--pile-border-width, var(--card-border-width));border-style:var(--pile-border-style, solid);border-color:var(--pile-border-color, var(--border-color-standard));border-radius:var(--card-border-radius);background-color:var(--pile-slot-bg, var(--bg-gameboard));display:flex;align-items:center;justify-content:center;box-sizing:border-box;transition:border-color .3s ease,box-shadow .3s ease,background-color .3s ease}.empty-pile-placeholder{--pile-slot-bg: rgba(255, 255, 255, .05)}html.dark-mode .empty-pile-placeholder{--pile-slot-bg: rgba(0, 0, 0, .1)}.stock-pile .empty-pile{--pile-border-style: dashed;--pile-border-width: 2px;--pile-border-color: var(--stock-empty-border-color);--pile-slot-bg: transparent}.foundation-hint,.pile-label{color:var(--foundation-hint-color)}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-gradient: linear-gradient(135deg, #d6e0ff 0%, #ffe2e0 100%);--bg-gradient-dark: linear-gradient(135deg, #1c264a 0%, #4a1c1c 100%);--bg-primary: #ffffff;--bg-secondary: transparent;--bg-gameboard: transparent;--bg-menu: rgba(255, 255, 255, .4);--bg-menu-item-hover: rgba(0, 0, 0, .05);--bg-dropdown: #ffffff;--bg-modal: #ffffff;--bg-button: rgba(255, 255, 255, .7);--bg-button-hover: rgba(255, 255, 255, 1);--bg-timer: rgba(255, 255, 255, .7);--bg-toggle: rgba(0, 0, 0, .05);--text-color-primary: #212529;--text-color-secondary: #6c757d;--text-color-hover: #000000;--text-color-disabled: #6c757d;--text-color-button: #495057;--border-color-standard: #000000;--border-color-menu: rgba(0, 0, 0, .08);--border-color-dropdown: #dee2e6;--border-color-button: rgba(0, 0, 0, .1);--border-color-toggle: rgba(0, 0, 0, .1);--border-color-toggle-hover: rgba(0, 0, 0, .2);--foundation-hint-color: #666666;--stock-empty-border-color: rgba(0, 0, 0, .2);--card-width: 86px;--card-height: 125px;--card-border-width: 1px;--card-border-radius: 8px;--pile-gap: 15px;--tableau-fan-offset: 20px;--content-margin: 15px;--grid-margin: 15px;--waste-fan-offset: 20px;--row-gap: 30px;--card-bg-width: var(--card-width);--card-bg-height: var(--card-height)}html.dark-mode{--bg-primary: #1c1c1c;--bg-menu: rgba(25, 25, 35, .5);--bg-menu-item-hover: rgba(255, 255, 255, .1);--bg-dropdown: #2c2c2c;--bg-modal: #2c2c2c;--bg-button: rgba(255, 255, 255, .1);--bg-button-hover: rgba(255, 255, 255, .2);--bg-timer: rgba(0, 0, 0, .2);--bg-toggle: rgba(255, 255, 255, .1);--text-color-primary: rgba(255, 255, 255, .87);--text-color-secondary: #a0a0a0;--text-color-hover: #ffffff;--text-color-disabled: #777777;--text-color-button: rgba(255, 255, 255, .87);--border-color-standard: #000000;--border-color-menu: rgba(255, 255, 255, .08);--border-color-dropdown: #444444;--border-color-button: rgba(255, 255, 255, .2);--border-color-toggle: rgba(255, 255, 255, .2);--border-color-toggle-hover: rgba(255, 255, 255, .3);--foundation-hint-color: #888888;--stock-empty-border-color: rgba(255, 255, 255, .2)}*,*:before,*:after{box-sizing:border-box}html{overflow-x:hidden;width:100%}body{margin:0;padding:0;min-width:320px;min-height:100vh;background-image:var(--bg-gradient);color:var(--text-color-primary);transition:background-image .5s ease;overflow-y:auto;overflow-x:hidden;width:100%;position:relative}html.dark-mode body{background-image:var(--bg-gradient-dark)}#app{width:100%;max-width:100vw;min-height:100vh;margin:0;padding:0;background-color:transparent;overflow-x:hidden}@media screen and (max-width: 768px){:root[data-handedness=right] .game-board .game-grid{grid-template-areas:". . . . . . ." "foundation foundation foundation foundation stock stock stock" "tableau tableau tableau tableau tableau tableau tableau"}:root[data-handedness=right] .game-board .stock-pile-grid{justify-self:end}:root[data-handedness=right] .game-board .foundation-grid{justify-self:start}:root[data-handedness=right] .game-board .stock-waste-area{flex-direction:row-reverse}:root[data-handedness=right] .game-board .foundation-area{flex-direction:row-reverse}}@media screen and (max-width: 768px){input,textarea,select{font-size:16px}button,.clickable{min-height:44px;min-width:44px}html,body{overflow-x:auto;overflow-y:auto;-webkit-overflow-scrolling:touch}.game-board{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.playing-card{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.game-container{overscroll-behavior:none}}@media screen and (max-width: 768px){*{max-width:100vw}body{overflow-x:hidden;width:100vw}:root{--mobile-scale: .85;--grid-margin: clamp(4px, 1.5vw, 12px);--pile-gap: clamp(4px, 1.4vw, 8px);--base-card-width: calc( (100vw - (2 * var(--grid-margin)) - (6 * var(--pile-gap))) / 7 );--card-width: min(var(--base-card-width), calc(86px * var(--mobile-scale)));--card-height: calc(var(--card-width) * 1.45);--content-margin: 0;--waste-fan-offset: max(calc(2.5vw * var(--mobile-scale)), calc(12px * var(--mobile-scale)));--tableau-fan-offset: max(calc(2.5vw * var(--mobile-scale)), calc(24px * var(--mobile-scale)));--row-gap: max(calc(6vw * var(--mobile-scale)), calc(32px * var(--mobile-scale)))}.menu-bar{padding:8px 12px;font-size:14px;min-height:48px}.game-board{overflow:visible;width:100%;box-sizing:border-box}.game-content{width:100%;overflow-x:hidden;box-sizing:border-box}.game-grid{max-width:100vw;min-width:0;padding:var(--grid-margin);box-sizing:border-box}}@media screen and (max-width: 480px){:root{--mobile-scale: .75;--grid-margin: clamp(2px, 1vw, 8px);--pile-gap: clamp(3px, 1vw, 6px);--tableau-fan-offset: max(calc(2.2vw * var(--mobile-scale)), calc(22px * var(--mobile-scale)));--row-gap: max(calc(5vw * var(--mobile-scale)), calc(28px * var(--mobile-scale)))}}@media screen and (max-width: 390px){:root{--mobile-scale: .62;--grid-margin: clamp(2px, .8vw, 6px);--pile-gap: clamp(2px, .8vw, 5px);--tableau-fan-offset: max(calc(2vw * var(--mobile-scale)), calc(20px * var(--mobile-scale)));--row-gap: max(calc(4.5vw * var(--mobile-scale)), calc(24px * var(--mobile-scale)))}}@media screen and (max-width: 360px){:root{--mobile-scale: .58;--grid-margin: clamp(2px, .7vw, 5px);--pile-gap: clamp(2px, .7vw, 4px);--tableau-fan-offset: max(calc(1.8vw * var(--mobile-scale)), calc(18px * var(--mobile-scale)));--row-gap: max(calc(4vw * var(--mobile-scale)), calc(20px * var(--mobile-scale)))}.menu-bar{padding:calc(6px * var(--mobile-scale)) calc(10px * var(--mobile-scale));font-size:calc(13px * var(--mobile-scale));min-height:calc(44px * var(--mobile-scale))}.menu-item{font-size:12px}.timer-display{font-size:11px;padding:3px 6px}.match-button{font-size:12px;padding:5px 10px}.mobile-action-button{padding:calc(8px * var(--mobile-scale)) calc(10px * var(--mobile-scale));font-size:calc(14px * var(--mobile-scale));min-height:calc(40px * var(--mobile-scale))}.turn-segment,.handedness-segment{padding:calc(8px * var(--mobile-scale)) calc(10px * var(--mobile-scale));min-width:calc(54px * var(--mobile-scale))}.turn-text{font-size:calc(12px * var(--mobile-scale))}.handedness-emoji{font-size:calc(16px * var(--mobile-scale))}.mobile-row-actions{padding:6px 8px}.mobile-row-info{padding:4px 8px;min-height:32px}}@media screen and (min-width: 1200px){:root{--card-width: 86px;--card-height: 125px}}@supports (-webkit-appearance: none){@media screen and (max-width: 768px){.game-container{min-height:55vh;min-height:calc(.55*-webkit-fill-available)}body{min-height:100vh;min-height:-webkit-fill-available}}}@media screen and (max-width: 768px){.game-container{min-height:55vh;min-height:55dvh}}.menu-button{background-color:transparent;border:none;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.menu-button:hover{background-color:var(--bg-menu-item-hover)}.match-button{padding:6px 12px;font-size:13px;font-weight:600;transition:transform .2s ease,opacity .2s ease}.segmented-control{display:flex;border-radius:8px;overflow:hidden;border:1px solid var(--border-color-toggle);background-color:var(--bg-toggle)}.segment{padding:8px 12px;cursor:pointer;color:var(--text-color-secondary);font-size:13px;font-weight:500;border-right:1px solid var(--border-color-toggle);position:relative}.segment:last-child{border-right:none}.segment.active:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background-color:var(--bg-button);box-shadow:0 1px 3px #0000000d inset;z-index:-1}.segment.active{background-color:transparent;color:var(--text-color-primary)}.segment:not(.active):hover{background-color:var(--bg-menu-item-hover)}.mobile-action-button{padding:10px 12px;font-size:15px;font-weight:600;flex-grow:1;text-align:center;transition:transform .2s ease,opacity .2s ease}.mobile-drawer{background-color:var(--bg-menu);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--border-color-menu)}.mobile-row-info{min-height:36px;padding:6px 12px;font-size:14px}.mobile-row-actions{padding:8px 12px}.dark-mode-toggle{background-color:var(--bg-toggle);border:1px solid var(--border-color-toggle)}.dark-mode-toggle:hover{border-color:var(--border-color-toggle-hover)}.timer-display{background-color:var(--bg-timer);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid var(--border-color-button);padding:4px 8px;border-radius:6px;font-size:13px;font-weight:500;min-width:50px;text-align:center}.menu-bar{background-color:var(--bg-menu);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color-menu)}.toggle-button.svelte-fgdqec{background:var(--bg-toggle);border:1px solid var(--border-color-toggle);width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;position:relative;overflow:hidden;transition:border-color .3s}.toggle-button.svelte-fgdqec:hover{border-color:var(--border-color-toggle-hover)}.icon-wrapper.svelte-fgdqec{position:relative;width:20px;height:20px;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.34,1.56,.64,1)}.icon-wrapper.is-dark.svelte-fgdqec{transform:rotateY(180deg)}.icon.svelte-fgdqec{position:absolute;width:100%;height:100%;font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;backface-visibility:hidden}.icon.sun.svelte-fgdqec{transform:rotateY(0)}.icon.moon.svelte-fgdqec{transform:rotateY(180deg)}.language-switcher.svelte-1gru5mw{position:relative;display:inline-block}.language-button.svelte-1gru5mw{background:none;border:none;padding:8px 12px;cursor:pointer;font-size:14px;font-family:inherit;border-radius:4px;color:var(--text-color-primary);font-weight:500;white-space:nowrap;display:flex;align-items:center;gap:6px}.language-button.svelte-1gru5mw:hover{background:var(--bg-menu-item-hover);color:var(--text-color-hover)}.language-dropdown.svelte-1gru5mw{position:absolute;top:100%;right:0;background:var(--bg-dropdown);border:1px solid var(--border-color-dropdown);border-radius:8px;box-shadow:0 4px 20px #0000001a;z-index:1000;min-width:120px;margin-top:4px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:svelte-1gru5mw-dropdownSlideIn .2s ease-out}@keyframes svelte-1gru5mw-dropdownSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.language-option.svelte-1gru5mw{display:block;width:100%;background:none;border:none;padding:12px 16px;text-align:left;cursor:pointer;font-size:14px;font-family:inherit;color:var(--text-color-primary);border-radius:0}.language-option.svelte-1gru5mw:first-child{border-radius:8px 8px 0 0}.language-option.svelte-1gru5mw:last-child{border-radius:0 0 8px 8px}.language-option.svelte-1gru5mw:only-child{border-radius:8px}.language-option.svelte-1gru5mw:hover{background:var(--bg-dropdown-item-hover);color:var(--text-color-hover)}.language-option.active.svelte-1gru5mw{background:var(--bg-dropdown-item-active);color:var(--text-color-active);font-weight:600}.language-option.active.svelte-1gru5mw:after{content:" ✓";color:var(--text-color-success)}.hamburger-button.svelte-16s1n5p{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s ease;position:relative}.hamburger-button.svelte-16s1n5p:hover{background-color:var(--bg-secondary)}.hamburger-container.svelte-16s1n5p{display:flex;flex-direction:column;gap:3px;width:20px;height:16px;position:relative}.hamburger-line.svelte-16s1n5p{width:100%;height:2px;background-color:var(--text-color-primary);transition:all .3s ease;transform-origin:center}.hamburger-line.open.svelte-16s1n5p:nth-child(1){transform:rotate(45deg) translateY(5px)}.hamburger-line.open.svelte-16s1n5p:nth-child(2){opacity:0}.hamburger-line.open.svelte-16s1n5p:nth-child(3){transform:rotate(-45deg) translateY(-5px)}.notification-dot.svelte-16s1n5p{position:absolute;top:-2px;right:-2px;width:8px;height:8px;background-color:#f44;border-radius:50%;border:1px solid var(--bg-primary)}.drawer-overlay.svelte-1o8usl0{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9998;opacity:0;transition:opacity .3s ease;pointer-events:none}.drawer-overlay.visible.svelte-1o8usl0{opacity:1;pointer-events:auto}.drawer.svelte-1o8usl0{position:fixed;top:0;left:0;width:320px;max-width:85vw;height:100vh;background:var(--bg-modal);border-right:1px solid var(--border-color-dropdown);box-shadow:4px 0 20px #00000026;transform:translate3d(-100%,0,0);transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .2s ease;z-index:9999;display:flex;flex-direction:column;overflow:hidden;will-change:transform,opacity;opacity:0;pointer-events:none;backface-visibility:hidden}.drawer.open.svelte-1o8usl0{transform:translateZ(0);opacity:1;pointer-events:auto}.drawer-header.svelte-1o8usl0{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color-dropdown);background:var(--bg-secondary)}.drawer-title.svelte-1o8usl0{margin:0;font-size:18px;font-weight:600;color:var(--text-color-primary)}.close-button.svelte-1o8usl0{background:transparent;border:none;font-size:20px;color:var(--text-color-secondary);cursor:pointer;width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-button.svelte-1o8usl0:hover{background:var(--bg-button-hover);color:var(--text-color-primary)}.drawer-content.svelte-1o8usl0{flex:1;overflow-y:auto;padding:0 0 24px}.drawer-section.svelte-1o8usl0{padding:20px 24px 0}.drawer-section.svelte-1o8usl0:first-child{padding-top:24px}.section-title.svelte-1o8usl0{font-size:14px;font-weight:600;color:var(--text-color-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px}.drawer-item.svelte-1o8usl0{display:flex;align-items:center;width:100%;padding:12px 16px;margin-bottom:8px;background:transparent;border:none;border-radius:8px;font-size:15px;color:var(--text-color-primary);text-align:left;cursor:pointer;transition:all .2s ease;min-height:44px}.drawer-item.svelte-1o8usl0:hover:not(.disabled):not(.info-item){background:var(--bg-button-hover)}.drawer-item-wrapper.svelte-1o8usl0{margin-bottom:8px}.drawer-item-wrapper.svelte-1o8usl0 .dropdown-trigger,.drawer-item-wrapper.svelte-1o8usl0 .dev-dropdown-trigger{width:100%;justify-content:flex-start;min-height:44px;padding:12px 16px;border-radius:8px}.preferences-item.svelte-1o8usl0{justify-content:space-between}.pref-label.svelte-1o8usl0{font-weight:500}.drawer-content.svelte-1o8usl0::-webkit-scrollbar{width:6px}.drawer-content.svelte-1o8usl0::-webkit-scrollbar-track{background:transparent}.drawer-content.svelte-1o8usl0::-webkit-scrollbar-thumb{background:var(--border-color-dropdown);border-radius:3px}.drawer-content.svelte-1o8usl0::-webkit-scrollbar-thumb:hover{background:var(--text-color-secondary)}.drawer-action-button.svelte-1o8usl0{width:100%;display:flex;align-items:center;gap:8px;background:transparent;border:none;font-size:15px;color:var(--text-color-primary);cursor:pointer;padding:0;text-align:left}.drawer-action-button.svelte-1o8usl0:disabled{opacity:.5;cursor:not-allowed}.skeleton.svelte-1o8usl0{pointer-events:none;background:var(--bg-secondary);animation:svelte-1o8usl0-pulse 1.2s ease-in-out infinite;padding:12px 0}.skeleton-icon.svelte-1o8usl0,.skeleton-bar.svelte-1o8usl0{display:inline-block;border-radius:4px;background:linear-gradient(90deg,#ffffff26,#0000000f,#ffffff26);background-size:200% 100%;animation:svelte-1o8usl0-shimmer 1.4s ease-in-out infinite}.skeleton-icon.svelte-1o8usl0{width:20px;height:20px;flex-shrink:0}.skeleton-bar.svelte-1o8usl0{width:120px;height:12px}.button-icon.svelte-1o8usl0{display:inline-block;flex-shrink:0}.button-text.svelte-1o8usl0{font-size:16px;font-weight:500;white-space:nowrap}@keyframes svelte-1o8usl0-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 400px){.button-text.svelte-1o8usl0{display:none}}.user-welcome.svelte-1o8usl0{background:var(--bg-secondary);border-radius:8px;margin-bottom:12px;cursor:default}.user-welcome.svelte-1o8usl0:hover{background:var(--bg-secondary)}.user-info.svelte-1o8usl0{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.user-icon.svelte-1o8usl0{font-size:18px;width:24px;text-align:center;flex-shrink:0}.drawer-nav-link.svelte-1o8usl0{display:flex;align-items:center;gap:12px;width:100%;padding:0;background:transparent;border:none;text-decoration:none;color:var(--text-color-primary);cursor:pointer;position:relative}.drawer-nav-link.svelte-1o8usl0 .link-icon:where(.svelte-1o8usl0){font-size:18px;width:24px;text-align:center;flex-shrink:0}.drawer-nav-link.svelte-1o8usl0 .link-text:where(.svelte-1o8usl0){font-size:16px;font-weight:500;flex:1}.drawer-nav-link.svelte-1o8usl0 .red-dot:where(.svelte-1o8usl0){width:8px;height:8px;background:#ef4444;border-radius:50%;flex-shrink:0;margin-left:auto;animation:svelte-1o8usl0-pulse 2s infinite}@keyframes svelte-1o8usl0-pulse{0%,to{opacity:1}50%{opacity:.5}}.new-badge.svelte-1o8usl0{display:inline-flex;align-items:center;gap:4px;margin-left:auto;padding:2px 8px;background:linear-gradient(135deg,var(--accent-primary, #5b7bff),var(--accent-secondary, #22c55e));color:#fff;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:999px}.pulse-dot.svelte-1o8usl0{width:6px;height:6px;background:#fff;border-radius:50%;animation:svelte-1o8usl0-pulse-glow 1.5s ease-in-out infinite}@keyframes svelte-1o8usl0-pulse-glow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.logout-button.svelte-1o8usl0{background:transparent;color:#ef4444;border:1px solid rgba(239,68,68,.3);border-radius:6px;margin-top:8px;padding:12px 16px;width:100%;display:flex;align-items:center;gap:8px}.logout-button.svelte-1o8usl0:hover{background:#ef44441a;border-color:#ef4444}.payout-chip-wrapper.svelte-3urkag{position:relative;display:inline-flex;align-items:center}.payout-chip.svelte-3urkag{border:1px solid var(--border-color-menu);background:linear-gradient(135deg,#0b1429,#122443);color:#f8fafc;border-radius:999px;padding:6px 10px;font-size:13px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .2s ease;box-shadow:0 6px 18px #0003}.payout-chip.svelte-3urkag:hover{transform:translateY(-1px);border-color:#34d399;box-shadow:0 10px 30px #34d39940}.payout-chip.svelte-3urkag .icon:where(.svelte-3urkag){font-size:14px}.payout-chip.svelte-3urkag .amount:where(.svelte-3urkag){font-variant-numeric:tabular-nums;letter-spacing:.2px;font-weight:700}.payout-chip.has-balance.svelte-3urkag{border-color:#34d399;box-shadow:0 10px 30px #34d39940}.payout-popover.svelte-3urkag{position:absolute;top:120%;right:0;width:320px;background:linear-gradient(145deg,#0b1220,#0f172a 65%,#101827);border:1px solid #1f2937;border-radius:16px;padding:16px;box-shadow:0 18px 48px #00000073,0 0 0 1px #0f172acc;z-index:20}.popover-header.svelte-3urkag{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.header-text.svelte-3urkag{display:flex;flex-direction:column;gap:2px}.label.svelte-3urkag{margin:0;font-size:12px;color:#9ca3af;letter-spacing:.4px;text-transform:uppercase}.status.svelte-3urkag{font-size:12px;color:#cbd5e1}.amount-row.svelte-3urkag{display:flex;align-items:center;justify-content:space-between;margin:8px 0 12px}.balance.svelte-3urkag{display:flex;align-items:flex-end;gap:4px}.balance-prefix.svelte-3urkag{font-size:16px;color:#9ca3af}.balance-value.svelte-3urkag{font-size:28px;font-weight:800;color:#e2e8f0;line-height:1}.balance-currency.svelte-3urkag{font-size:12px;color:#94a3b8;margin-bottom:4px}.pill.svelte-3urkag{padding:8px 12px;border-radius:12px;background:#ffffff0d;color:#cbd5e1;font-weight:700;font-size:12px;letter-spacing:.2px}.pill-accent.svelte-3urkag{background:#34d39933;color:#befae3}.process-button.svelte-3urkag{width:100%;border:none;border-radius:10px;padding:10px 12px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-weight:700;cursor:pointer;transition:transform .1s ease,box-shadow .2s ease,opacity .2s ease}.process-button.svelte-3urkag:disabled{opacity:.55;cursor:not-allowed;background:#1f2937}.process-button.svelte-3urkag:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 12px 30px #22c55e59}.destination.svelte-3urkag{margin:10px 0 12px;padding:10px 12px;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.destination-label.svelte-3urkag{font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:#94a3b8;margin-bottom:4px}.destination-value.svelte-3urkag{display:flex;align-items:center;gap:8px;color:#e2e8f0;font-weight:600;word-break:break-all;line-height:1.4}.email-icon.svelte-3urkag{font-size:14px}.muted.svelte-3urkag{color:#f59e0b}.edit-link.svelte-3urkag{display:inline-block;margin-top:6px;font-size:12px;color:#93c5fd;text-decoration:none}.edit-link.svelte-3urkag:hover{text-decoration:underline}.error-text.svelte-3urkag{color:#f87171;font-size:12px;margin:0 0 8px;line-height:1.4}.dark-mode .payout-chip.svelte-3urkag{background:linear-gradient(135deg,#0b1429,#11203d)}.dark-mode .payout-popover.svelte-3urkag{background:#0b1220;border-color:#1e293b}.header.svelte-1bs9bfr{width:100%;background:transparent;border-bottom:1px solid var(--border-color-menu);z-index:1000}.header.game-page.svelte-1bs9bfr{border-bottom:none}.desktop-header.svelte-1bs9bfr{display:block}.header-container.svelte-1bs9bfr{width:100%;padding:0 1rem;height:60px;display:flex;align-items:center;justify-content:space-between}.header-left.svelte-1bs9bfr{display:flex;align-items:center}.logo-button.svelte-1bs9bfr{display:flex;align-items:center;gap:.5rem;background:none;border:none;cursor:pointer;padding:.5rem;border-radius:6px;transition:background-color .2s ease;color:var(--text-color-primary)}.logo-button.svelte-1bs9bfr:hover{background-color:var(--bg-secondary)}.logo-icon.svelte-1bs9bfr{font-size:1.5rem}.logo-text.svelte-1bs9bfr{font-size:1.25rem;font-weight:700;margin:0}.header-right.svelte-1bs9bfr{display:flex;align-items:center;gap:.5rem}.nav-user.svelte-1bs9bfr{display:inline-flex;align-items:center;gap:.35rem}.nav-button.svelte-1bs9bfr{display:flex;align-items:center;gap:.5rem;background:none;border:none;cursor:pointer;padding:.5rem .75rem;border-radius:6px;transition:background-color .2s ease;color:var(--text-color-primary);font-size:.9rem;text-decoration:none}.nav-button.svelte-1bs9bfr:hover{background-color:var(--bg-secondary)}.nav-icon.svelte-1bs9bfr{font-size:1rem}.nav-text.svelte-1bs9bfr{font-weight:500}.user-dropdown.svelte-1bs9bfr{position:relative}.user-dropdown-trigger.svelte-1bs9bfr{gap:.4rem}.user-dropdown-trigger.active.svelte-1bs9bfr{background-color:var(--bg-secondary)}.dropdown-arrow.svelte-1bs9bfr{font-size:.7rem;transition:transform .2s ease;color:var(--text-color-secondary)}.dropdown-arrow.open.svelte-1bs9bfr{transform:rotate(180deg)}.user-dropdown-menu.svelte-1bs9bfr{position:absolute;top:calc(100% + 4px);right:0;min-width:180px;background:var(--bg-modal);border:1px solid var(--border-color-dropdown);border-radius:8px;box-shadow:0 4px 12px #00000026;padding:.5rem 0;z-index:1001;animation:svelte-1bs9bfr-dropdownFadeIn .15s ease}@keyframes svelte-1bs9bfr-dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dropdown-item.svelte-1bs9bfr{display:flex;align-items:center;gap:.75rem;width:100%;padding:.625rem 1rem;background:none;border:none;color:var(--text-color-primary);font-size:.9rem;font-weight:500;text-decoration:none;cursor:pointer;transition:background-color .15s ease;text-align:left}.dropdown-item.svelte-1bs9bfr:hover{background-color:var(--bg-secondary)}.dropdown-item-icon.svelte-1bs9bfr{font-size:1rem;width:1.25rem;text-align:center}.dropdown-divider.svelte-1bs9bfr{height:1px;background-color:var(--border-color-dropdown);margin:.5rem 0}.logout-item.svelte-1bs9bfr{color:#ef4444}.logout-item.svelte-1bs9bfr:hover{background-color:#ef44441a}.new-badge.svelte-1bs9bfr{display:inline-flex;align-items:center;gap:4px;margin-left:auto;padding:2px 8px;background:linear-gradient(135deg,var(--accent-primary, #5b7bff),var(--accent-secondary, #22c55e));color:#fff;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:999px}.pulse-dot.svelte-1bs9bfr{width:6px;height:6px;background:#fff;border-radius:50%;animation:svelte-1bs9bfr-pulse-glow 1.5s ease-in-out infinite}@keyframes svelte-1bs9bfr-pulse-glow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.nav-button-skeleton.svelte-1bs9bfr{pointer-events:none;background:var(--bg-secondary);animation:pulse 1.2s ease-in-out infinite}.skeleton-icon.svelte-1bs9bfr,.skeleton-bar.svelte-1bs9bfr{display:inline-block;border-radius:4px;background:linear-gradient(90deg,#ffffff26,#0000000f,#ffffff26);background-size:200% 100%;animation:svelte-1bs9bfr-shimmer 1.4s ease-in-out infinite}.skeleton-icon.svelte-1bs9bfr{width:16px;height:16px}.skeleton-bar.svelte-1bs9bfr{width:64px;height:12px}.nav-divider.svelte-1bs9bfr{width:1px;height:24px;background-color:var(--border-color-menu);margin:0 .5rem}@keyframes svelte-1bs9bfr-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.mobile-header.svelte-1bs9bfr{display:none}@media screen and (max-width: 768px){.desktop-header.svelte-1bs9bfr{display:none}.mobile-header.svelte-1bs9bfr{display:block}.mobile-container.svelte-1bs9bfr{padding:0 1rem;height:60px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10}.mobile-logo-button.svelte-1bs9bfr{display:flex;align-items:center;gap:.5rem;background:none;border:none;cursor:pointer;color:var(--text-color-primary);padding:.5rem;border-radius:6px;transition:background-color .2s ease}.mobile-logo-button.svelte-1bs9bfr:hover,.mobile-logo-button.svelte-1bs9bfr:active{background-color:var(--bg-secondary)}.mobile-logo-button.svelte-1bs9bfr .logo-icon:where(.svelte-1bs9bfr){font-size:1.5rem}.mobile-logo-button.svelte-1bs9bfr .logo-text:where(.svelte-1bs9bfr){font-size:1.25rem;font-weight:700}.mobile-right.svelte-1bs9bfr{display:flex;align-items:center;justify-content:center}}.app.svelte-pwts4e{margin:0;padding:0;width:100%;min-height:100vh;background-image:var(--bg-gradient);color:var(--text-color-primary);transition:background-image .5s ease}html.dark-mode .app.svelte-pwts4e{background-image:var(--bg-gradient-dark)}body{margin:0;padding:0;min-width:320px;background:transparent}