body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:16px}::-webkit-scrollbar-track{border-left:1px solid #7b7b7b;border-left:1px solid var(--theme-border-dark,#7b7b7b)}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{background-color:silver;background-color:var(--theme-surface,silver)}::-webkit-scrollbar-thumb{border-color:#dfdfdf currentcolor currentcolor;border-bottom:2px solid #7b7b7b;border-bottom-color:var(--theme-border-dark,#7b7b7b);border-left:2px solid #dfdfdf;border-right:2px solid #7b7b7b;border-top:2px solid var(--theme-border-light,#dfdfdf);border-color:currentcolor var(--theme-border-dark,#7b7b7b) #7b7b7b}input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;background-color:var(--theme-text-inverse,#fff);border:1px solid #000;border:1px solid var(--theme-shadow,#000);cursor:pointer;height:13px;margin:3px;position:relative;width:13px}input[type=checkbox]:checked:after{color:#000;color:var(--theme-text-primary,#000);content:"✓";font-size:11px;left:2px;position:absolute;top:-2px}input[type=checkbox]:disabled{background-color:silver;background-color:var(--theme-surface,silver);border-color:grey;border-color:var(--theme-text-secondary,grey);cursor:default;opacity:.7}input[type=checkbox]:disabled:checked:after{color:grey;color:var(--theme-text-secondary,grey)}input[type=checkbox]:focus{outline:1px dotted #000;outline:1px dotted var(--theme-shadow,#000)}:root{--color-teal:teal;--color-white:#fff;--color-black:#000;--color-gray:#bfbfbf;--color-dark-gray:grey;--color-window-blue-start:#1085d2;--color-window-blue-end:#00007b;--color-navy:#00007b;--theme-primary:var(--color-teal);--theme-background:var(--color-teal);--theme-surface:var(--color-gray);--theme-text-primary:var(--color-black);--theme-text-secondary:var(--color-dark-gray);--theme-text-inverse:var(--color-white);--theme-border-light:var(--color-white);--theme-border-dark:var(--color-dark-gray);--theme-shadow:var(--color-black);--theme-titlebar-start:var(--color-window-blue-start);--theme-titlebar-end:var(--color-window-blue-end);--theme-titlebar-text:var(--color-white);--border-width-standard:2px;--border-width-thick:3px;--button-padding:4px 10px;--panel-padding:8px;--input-padding:3px 5px;--font-family-main:"MS Sans Serif",sans-serif;--font-size-small:11px;--font-size-normal:12px;--font-size-title:14px;--spacing-xs:2px;--spacing-sm:4px;--spacing-md:8px;--spacing-lg:12px;--shadow-standard:-1px -1px 0 1px var(--theme-surface),1px 1px 0 1px var(--theme-shadow);--shadow-inset:1px 1px 0 1px var(--theme-surface),-1px -1px 0 1px var(--theme-shadow)}*{box-sizing:border-box;font-family:"MS Sans Serif",sans-serif;font-family:var(--font-family-main);margin:0;padding:0}.win-button{background-color:var(--color-gray);background-color:var(--theme-surface);border-color:var(--theme-border-light) var(--theme-border-dark) var(--theme-border-dark) var(--theme-border-light);border-style:solid;border-width:2px;border-width:var(--border-width-standard);box-shadow:-1px -1px 0 1px var(--color-gray),1px 1px 0 1px var(--color-black);box-shadow:var(--shadow-standard);color:var(--color-black);color:var(--theme-text-primary);cursor:pointer;font-size:12px;font-size:var(--font-size-normal);padding:4px 10px;padding:var(--button-padding);position:relative;text-align:center;-webkit-user-select:none;user-select:none}.win-button:active{border-color:var(--theme-border-dark) var(--theme-border-light) var(--theme-border-light) var(--theme-border-dark);box-shadow:1px 1px 0 1px var(--color-gray),-1px -1px 0 1px var(--color-black);box-shadow:var(--shadow-inset);left:1px;top:1px}.win-panel{background-color:var(--color-gray);background-color:var(--theme-surface);border-color:var(--theme-border-light) var(--theme-border-dark) var(--theme-border-dark) var(--theme-border-light);border-style:solid;border-width:2px;border-width:var(--border-width-standard);padding:8px;padding:var(--panel-padding)}.win-inset-panel{padding:4px;padding:var(--spacing-sm)}.win-input,.win-inset-panel{background-color:var(--color-white);background-color:var(--theme-text-inverse);border-color:var(--theme-border-dark) var(--theme-border-light) var(--theme-border-light) var(--theme-border-dark);border-style:solid;border-width:2px;border-width:var(--border-width-standard)}.win-input{padding:3px 5px;padding:var(--input-padding)}.win-input,.win-text{color:var(--color-black);color:var(--theme-text-primary);font-size:12px;font-size:var(--font-size-normal)}.win-text{font-family:"MS Sans Serif",sans-serif;font-family:var(--font-family-main)}.win-text-white{color:var(--color-white);color:var(--theme-text-inverse)}.win-title{font-size:14px;font-size:var(--font-size-title);font-weight:700}.win-draggable{cursor:move}.win-clickable{cursor:pointer}.win-m-1{margin:4px;margin:var(--spacing-sm)}.win-m-2{margin:8px;margin:var(--spacing-md)}.win-m-3{margin:12px;margin:var(--spacing-lg)}.win-p-1{padding:4px;padding:var(--spacing-sm)}.win-p-2{padding:8px;padding:var(--spacing-md)}.win-p-3{padding:12px;padding:var(--spacing-lg)}.win-flex{display:flex}.win-flex-row{display:flex;flex-direction:row}.win-flex-column{display:flex;flex-direction:column}.win-flex-center{align-items:center;display:flex;justify-content:center}.win-justify-between{justify-content:space-between}.win-items-center{align-items:center}.win-statusbar{background-color:var(--color-gray);background-color:var(--theme-surface);border-color:var(--theme-border-dark) var(--theme-border-light) var(--theme-border-light) var(--theme-border-dark);border-style:solid;border-width:2px;border-width:var(--border-width-standard);padding:2px 4px;padding:var(--spacing-xs) var(--spacing-sm)}.win-statusbar,select{color:var(--color-black);color:var(--theme-text-primary);font-size:12px;font-size:var(--font-size-normal)}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:var(--color-white);background-color:var(--theme-text-inverse);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M4 6h8l-4 4z'/%3E%3C/svg%3E");background-position:right 2px center;background-position:right var(--spacing-xs) center;background-repeat:no-repeat;border:2px solid;border:var(--border-width-standard) solid;border-color:var(--theme-border-dark) var(--theme-border-light) var(--theme-border-light) var(--theme-border-dark);border-radius:0;font-family:"MS Sans Serif",sans-serif;font-family:var(--font-family-main);padding:2px 12px 2px 2px;padding:var(--spacing-xs) var(--spacing-lg) var(--spacing-xs) var(--spacing-xs)}select:focus{outline:1px solid var(--color-black);outline:1px solid var(--theme-shadow)}select:-moz-focusring{color:transparent;text-shadow:0 0 0 var(--color-black);text-shadow:0 0 0 var(--theme-text-primary)}option{background-color:var(--color-white);background-color:var(--theme-text-inverse);color:var(--color-black);color:var(--theme-text-primary);font-family:"MS Sans Serif",sans-serif;font-family:var(--font-family-main);font-size:12px;font-size:var(--font-size-normal);padding:2px 4px;padding:var(--spacing-xs) var(--spacing-sm)}select::-ms-expand{display:none}.win98-checkbox{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:var(--color-white);background-color:var(--theme-text-inverse);border:1px solid var(--theme-shadow);cursor:pointer;height:13px;margin:3px;position:relative;width:13px}.win98-checkbox:checked:after{color:var(--color-black);color:var(--theme-text-primary);content:"✓";font-size:11px;left:2px;position:absolute;top:-2px}.win98-radio{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:var(--color-white);background-color:var(--theme-text-inverse);border:1px solid var(--theme-shadow);border-radius:50%;cursor:pointer;height:12px;margin:3px;position:relative;width:12px}.win98-radio:checked:after{background-color:var(--color-black);background-color:var(--theme-text-primary);border-radius:50%;content:"";height:6px;left:2px;position:absolute;top:2px;width:6px}.win98-input{background-color:var(--color-white);background-color:var(--theme-text-inverse);border:2px solid;border:var(--border-width-standard) solid;border-color:var(--theme-border-dark) var(--theme-border-light) var(--theme-border-light) var(--theme-border-dark);padding:3px 5px;padding:var(--input-padding)}.win98-button,.win98-input{color:var(--color-black);color:var(--theme-text-primary);font-family:"MS Sans Serif",sans-serif;font-family:var(--font-family-main);font-size:12px;font-size:var(--font-size-normal)}.win98-button{background-color:var(--color-gray);background-color:var(--theme-surface);border:2px solid;border:var(--border-width-standard) solid;border-color:var(--theme-border-light) var(--theme-border-dark) var(--theme-border-dark) var(--theme-border-light);cursor:pointer;outline:1px solid var(--color-black);outline:1px solid var(--theme-shadow);padding:4px 10px;padding:var(--button-padding)}.win98-button:active{border-color:var(--theme-border-dark) var(--theme-border-light) var(--theme-border-light) var(--theme-border-dark);padding:3px 7px 1px 9px;padding:calc(var(--spacing-xs) + 1px) calc(var(--spacing-md) - 1px) calc(var(--spacing-xs) - 1px) calc(var(--spacing-md) + 1px)}.selection-box{background-color:rgba(0,0,255,.1);border:1px dotted var(--theme-text-primary);box-sizing:border-box;pointer-events:none;position:absolute;z-index:1000}@font-face{font-family:"MS Sans Serif";src:url(/static/media/MS%20Sans%20Serif.93905f8d36305f50ab93.ttf)}*{color:var(--color-white);font-family:"MS Sans Serif"}.app{align-items:center;background-color:var(--theme-background);flex-flow:row nowrap;height:100vh;justify-content:center;width:100vw}.app .game{-webkit-transform:scale(2);transform:scale(2)}.programs{gap:20px;left:20px;position:absolute;top:20px}.program,.programs{align-items:center;display:flex;flex-flow:column nowrap;justify-content:flex-start}.program:hover{cursor:pointer}.program .program-icon{height:32px;margin-bottom:var(--spacing-sm);width:32px}.program .program-name{color:var(--theme-text-inverse);font-size:var(--font-size-normal);margin:0}.window-controls{align-items:center;display:flex}.back-button{background-size:contain;cursor:pointer;height:16px;margin-right:var(--spacing-sm);width:18px}.back-button img{display:block;height:16px;width:18px}.taskbar{background-color:var(--theme-surface);border-top:var(--border-width-standard) solid var(--theme-border-light);bottom:0;box-shadow:0 -1px 0 0 var(--theme-shadow);height:28px;justify-content:space-between;left:0;position:fixed;width:100%;z-index:9999}.left-taskbar,.start-button,.taskbar{align-items:center;display:flex}.start-button{border-color:var(--theme-border-light) var(--theme-border-dark) var(--theme-border-dark) var(--theme-border-light);border-style:solid;border-width:var(--border-width-standard);cursor:pointer;height:22px;margin-left:var(--spacing-xs);padding:0 var(--spacing-sm) 0 var(--spacing-xs)}.start-button,.start-button.active{background-color:var(--theme-surface)}.start-button.active,.start-button:active{border-color:var(--theme-border-dark) var(--theme-border-light) var(--theme-border-light) var(--theme-border-dark)}.start-icon-img{height:16px;margin-right:var(--spacing-sm);width:16px}.taskbar-divider{background:var(--theme-border-dark);box-shadow:1px 0 0 0 var(--theme-border-light);height:22px;margin:0 var(--spacing-xs);width:1px}.win-logo{background:repeating-conic-gradient(from 0deg,red 0deg 90deg,lime 90deg 180deg,#00f 180deg 270deg,#ff0 270deg 1turn);border:1px solid var(--theme-shadow);height:16px;margin-right:var(--spacing-sm);width:16px}.start-icon{color:var(--theme-text-primary);font-size:var(--font-size-normal);font-weight:700;-webkit-user-select:none;user-select:none}.quick-launch{align-items:center;display:flex;height:100%;margin-left:var(--spacing-xs)}.quick-launch-icon{cursor:pointer;height:16px;margin-right:var(--spacing-sm);width:16px}.system-tray{border-bottom:1px solid var(--theme-border-light);border-left:1px solid var(--theme-border-dark);border-right:1px solid var(--theme-border-light);border-top:1px solid var(--theme-border-dark);height:22px;margin-right:var(--spacing-sm);padding:0 var(--spacing-sm)}.online-players,.system-tray{align-items:center;display:flex}.online-players{cursor:default;margin-right:var(--spacing-md);-webkit-user-select:none;user-select:none}.player-count{color:var(--theme-text-primary);margin-right:var(--spacing-xs)}.player-count,.player-icon{font-size:var(--font-size-small)}.ping-indicator{align-items:center;cursor:default;display:flex;margin-right:var(--spacing-md);-webkit-user-select:none;user-select:none}.ping-status-dot{background-color:#666;border:1px solid #333;border-radius:50%;height:6px;margin-right:4px;width:6px}.ping-value{color:var(--theme-text-primary);font-weight:700;margin-right:2px}.ping-unit,.ping-value{font-size:var(--font-size-small)}.ping-unit{color:var(--theme-text-secondary)}.ping-excellent .ping-status-dot{background-color:#00a000}.ping-good .ping-status-dot{background-color:#fa0}.ping-fair .ping-status-dot{background-color:#f60}.ping-poor .ping-status-dot{background-color:#c00}.ping-disconnected .ping-status-dot{background-color:#666}.ping-disconnected .ping-value{color:#888}.ping-connecting .ping-status-dot{-webkit-animation:ping-pulse 1s ease-in-out infinite;animation:ping-pulse 1s ease-in-out infinite;background-color:#06c}.ping-connecting .ping-value{color:#06c}.ping-reconnecting .ping-status-dot{-webkit-animation:ping-pulse .8s ease-in-out infinite;animation:ping-pulse .8s ease-in-out infinite;background-color:#f80}.ping-reconnecting .ping-value{color:#f80}.ping-error .ping-status-dot{background-color:#c00}.ping-error .ping-value{color:#c00}@-webkit-keyframes ping-pulse{0%,to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.5;-webkit-transform:scale(.8);transform:scale(.8)}}@keyframes ping-pulse{0%,to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.5;-webkit-transform:scale(.8);transform:scale(.8)}}.clock{color:var(--theme-text-primary);font-size:var(--font-size-small);padding:0 var(--spacing-sm)}.start-menu{-webkit-animation:startMenuAppear .2s ease-out;animation:startMenuAppear .2s ease-out;background-color:var(--theme-surface);border-color:var(--theme-border-light) var(--theme-border-dark) var(--theme-border-dark) var(--theme-border-light);border-style:solid;border-width:var(--border-width-thick);bottom:30px;box-shadow:2px 2px 5px rgba(0,0,0,.5);box-sizing:border-box;display:flex;height:auto;left:var(--spacing-xs);max-height:70vh;overflow:visible;position:fixed;-webkit-transform-origin:bottom left;transform-origin:bottom left;width:320px;z-index:10000}@-webkit-keyframes startMenuAppear{0%{opacity:1;-webkit-transform:scaleY(0);transform:scaleY(0)}to{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes startMenuAppear{0%{opacity:1;-webkit-transform:scaleY(0);transform:scaleY(0)}to{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}}.start-menu-sidebar{background-color:initial;background-image:linear-gradient(to top,var(--theme-titlebar-end) 0,var(--theme-titlebar-end) 20%,#0a0a9c 40%,#1010b0 60%,#1818c4 80%,#2020d8 100%);box-sizing:border-box;display:flex;height:100%;justify-content:start;margin-right:var(--spacing-xs);min-width:21px;padding-top:15px;position:relative;text-orientation:mixed;-webkit-transform:rotate(180deg);transform:rotate(180deg);width:24px;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl}.start-menu-sidebar-text{color:var(--theme-text-inverse);font-size:var(--font-size-normal);font-weight:700;padding-right:5px;text-shadow:2px 2px 3px rgba(0,0,0,.8)}.start-menu-items{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;padding:var(--spacing-sm) 0}.start-menu-item{align-items:center;cursor:default;display:flex;padding:var(--spacing-sm) var(--spacing-md);position:relative}.start-menu-item.active,.start-menu-item:hover{background-color:var(--theme-titlebar-start)}.start-menu-item.active .start-menu-item-text,.start-menu-item:hover .start-menu-item-text{color:var(--theme-titlebar-text)}.start-menu-item-icon{flex-shrink:0;height:32px;margin-right:var(--spacing-md);width:32px}.start-menu-item-text{color:var(--theme-text-primary);font-size:var(--font-size-normal);-webkit-user-select:none;user-select:none}.start-menu-arrow{height:8px;position:absolute;right:var(--spacing-md);width:8px}.start-menu-item.active .start-menu-arrow,.start-menu-item:hover .start-menu-arrow{-webkit-filter:brightness(2);filter:brightness(2)}.start-menu-separator{background-color:var(--theme-border-dark);box-shadow:0 1px 0 var(--theme-border-light);height:1px;margin:var(--spacing-sm) var(--spacing-md)}.submenu{-webkit-animation:submenuAppear .15s ease-out;animation:submenuAppear .15s ease-out;background-color:var(--theme-surface);border-color:var(--theme-border-light) var(--theme-border-dark) var(--theme-border-dark) var(--theme-border-light);border-style:solid;border-width:var(--border-width-standard);box-shadow:2px 2px 5px rgba(0,0,0,.5);left:100%;min-width:180px;position:absolute;top:0;-webkit-transform-origin:left top;transform-origin:left top;z-index:10001}@-webkit-keyframes submenuAppear{0%{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes submenuAppear{0%{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.play-submenu,.rankings-submenu{min-width:180px;padding:var(--spacing-sm) 0}.submenu-item{align-items:center;cursor:default;display:flex;padding:var(--spacing-sm) var(--spacing-md)}.submenu-item:hover{background-color:var(--theme-titlebar-start)}.submenu-item:hover .submenu-item-text{color:var(--theme-titlebar-text)}.submenu-item-icon{flex-shrink:0;height:16px;margin-right:var(--spacing-md);width:16px}.submenu-item-text{color:var(--theme-text-primary);font-size:var(--font-size-normal);-webkit-user-select:none;user-select:none}#root,.app,body,html{height:100%;margin:0;overflow:hidden;padding:0}.app{position:relative}.app,.window{display:flex;flex-direction:column}.window{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:var(--theme-surface);border-color:var(--theme-border-light) var(--theme-border-dark) var(--theme-border-dark) var(--theme-border-light);border-style:solid;border-width:var(--border-width-thick);box-shadow:-1px -1px 0 1px var(--theme-surface),0 0 0 2px var(--theme-shadow);box-sizing:border-box;height:100%;overflow:visible;padding:var(--spacing-sm);-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:1}.window .title{cursor:move;font-size:var(--font-size-title);margin-bottom:var(--spacing-sm)}.titlebar-style,.window .title{align-items:center;background:linear-gradient(to left,var(--theme-titlebar-start),var(--theme-titlebar-end));color:var(--theme-titlebar-text);display:flex;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-xs)}.window .title.dragging{cursor:grabbing}.window.dragging{pointer-events:none;will-change:transform}.window.dragging .title{pointer-events:auto}.window-content{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;height:calc(100% - 30px);overflow:visible}.window>:not(.title):not(.window-content){padding:var(--spacing-sm) var(--spacing-md)}.window>:not(.title) *{color:var(--theme-text-primary)}.window .close-window-button{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAcBAMAAADy7KARAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAPUExURf///wAAANvb24CAgL+/v4FUP9cAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABHSURBVCjPY0ADglgElJCBMVYBFySAS0BQEMQBkbgEwGywKE4BIA+iDbcA1Fw8AgTNIOgOIvxCMDwICBijACwCgmgATUBQEABsSklRJX/NpQAAAABJRU5ErkJggg==);background-size:contain;cursor:pointer;height:16px;width:18px}.window .react-draggable-dragging{cursor:move}.window .react-resizable-handle{background-color:initial;background-origin:content-box;background-repeat:no-repeat;box-sizing:border-box;height:10px;position:absolute;width:10px}.window .react-resizable-handle-sw{bottom:0;cursor:sw-resize;left:0}.window .react-resizable-handle-se{background-position:100% 100%;background-size:10px 10px;bottom:0;cursor:se-resize;right:0}.window .react-resizable-handle-nw{cursor:nw-resize;left:0;top:0}.window .react-resizable-handle-ne{cursor:ne-resize;right:0;top:0}.window .react-resizable-handle-e,.window .react-resizable-handle-w{cursor:ew-resize;margin-top:-10px;top:50%}.window .react-resizable-handle-w{left:0}.window .react-resizable-handle-e{right:0}.window .react-resizable-handle-n,.window .react-resizable-handle-s{cursor:ns-resize;left:50%;margin-left:-10px}.window .react-resizable-handle-n{top:0}.window .react-resizable-handle-s{bottom:0}.profile-container{background-color:var(--theme-surface);box-sizing:border-box;display:flex;flex-direction:column;font-family:var(--font-family-main);height:100%;min-height:350px;min-width:350px;overflow:hidden;padding:var(--spacing-md)}.profile-header{border-bottom:1px solid var(--theme-border-dark);box-sizing:border-box;margin-bottom:var(--spacing-lg);min-height:120px;padding-bottom:var(--spacing-md);width:100%}.profile-avatar-section{box-sizing:border-box;display:flex;flex-wrap:wrap;margin-bottom:var(--spacing-md);max-width:100%;width:100%}.profile-avatar{align-items:center;background-color:var(--theme-text-inverse);border:var(--border-width-standard) solid;border-color:var(--theme-border-dark) var(--theme-border-light) var(--theme-border-light) var(--theme-border-dark);display:flex;height:64px;justify-content:center;margin-right:var(--spacing-md);min-width:64px;padding:var(--spacing-xs);width:64px}.avatar-image{height:52px;object-fit:contain;width:52px}.profile-name-container{display:flex;flex:1 1;flex-direction:column;justify-content:center;min-width:150px;overflow:hidden}.profile-name-flag{align-items:center;display:flex;max-width:100%;overflow:hidden}.profile-flag{border:1px solid var(--theme-shadow);height:16px;margin-right:var(--spacing-md);min-width:24px;width:24px}.profile-name{font-size:var(--font-size-title);font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-subtitle{color:var(--theme-text-secondary);font-size:var(--font-size-normal);margin-top:var(--spacing-xs)}.profile-rank{border:1px solid var(--theme-shadow);color:var(--theme-text-inverse);display:inline-block;font-size:var(--font-size-small);margin-top:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm)}.experience-bar-container{box-sizing:border-box;margin-top:var(--spacing-sm);width:100%}.experience-bar-label{display:flex;flex-wrap:wrap;font-size:var(--font-size-small);justify-content:space-between;margin-bottom:var(--spacing-xs)}.experience-bar{background-color:var(--theme-text-inverse);border:var(--border-width-standard) solid;border-color:var(--theme-border-dark) var(--theme-border-light) var(--theme-border-light) var(--theme-border-dark);height:14px;position:relative}.experience-progress{background-color:var(--theme-titlebar-end);height:100%;transition:width .3s ease}.profile-tabs{border-bottom:1px solid var(--theme-border-dark);display:flex;flex-wrap:wrap;margin-bottom:var(--spacing-md)}.tab-button{background-color:var(--theme-surface);border:var(--border-width-standard) solid;border-color:var(--theme-border-light) var(--theme-border-dark) var(--theme-border-dark) var(--theme-border-light);box-shadow:1px 1px 0 0 var(--theme-shadow);cursor:pointer;flex-grow:1;font-family:var(--font-family-main);font-size:var(--font-size-normal);margin-bottom:0;margin-right:var(--spacing-xs);max-width:150px;min-width:90px;padding:var(--spacing-sm) var(--spacing-md);text-align:center;z-index:1}.tab-button.active{border-bottom-color:var(--theme-surface);box-shadow:none;z-index:2}.profile-content{background-color:var(--theme-surface);border-color:var(--theme-border-dark) var(--theme-border-light) var(--theme-border-light) var(--theme-border-dark);border-style:solid;border-width:var(--border-width-standard);box-shadow:inset 1px 1px 0 var(--theme-shadow);box-sizing:border-box;flex:1 1;margin-bottom:var(--spacing-md);min-height:150px;min-width:330px;overflow-x:hidden;overflow-y:auto;padding:var(--spacing-sm);width:100%}.profile-section{margin-bottom:var(--spacing-lg)}.section-title{font-size:var(--font-size-title);font-weight:700;margin-bottom:var(--spacing-sm);padding-left:var(--spacing-xs)}.separator{background-color:var(--theme-border-dark);height:1px;margin-bottom:var(--spacing-md)}.stats-grid{grid-gap:var(--spacing-sm);box-sizing:border-box;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));width:100%}.stat-block{align-items:center;background-color:var(--theme-text-inverse);border:1px solid var(--theme-border-dark);box-sizing:border-box;display:flex;justify-content:space-between;min-width:0;overflow:hidden;padding:var(--spacing-sm)}.stat-label{color:var(--theme-text-primary);flex-shrink:0;margin-right:var(--spacing-xs)}.stat-label,.stat-value{font-size:var(--font-size-normal);white-space:nowrap}.stat-value{align-items:center;display:flex;overflow:hidden;text-overflow:ellipsis}.stat-value.highlight{color:var(--theme-titlebar-end);font-weight:700}.stat-icon{flex-shrink:0;height:14px;margin-left:var(--spacing-sm);width:14px}.achievements-list{flex-direction:column;gap:var(--spacing-md)}.achievement-item,.achievements-list{box-sizing:border-box;display:flex;width:100%}.achievement-item{border:1px solid var(--theme-border-dark);flex-wrap:wrap;min-height:70px;padding:var(--spacing-md)}.achievement-item.locked{opacity:.7}.achievement-icon{align-items:flex-start;display:flex;flex-shrink:0;font-size:20px;margin-right:var(--spacing-md)}.achievement-details{flex:1 1;min-width:0;overflow:hidden}.achievement-name{font-weight:700;white-space:nowrap}.achievement-description,.achievement-name{font-size:var(--font-size-normal);overflow:hidden;text-overflow:ellipsis}.achievement-description{color:var(--theme-text-secondary);margin-top:var(--spacing-xs)}.achievement-status{font-size:var(--font-size-small);font-style:italic;margin-top:var(--spacing-sm)}.achievement-item.earned .achievement-status{color:green}.achievement-item.locked .achievement-status{color:var(--theme-text-secondary)}.recent-games{box-sizing:border-box;overflow-x:auto;width:100%}.games-table{border:1px solid var(--theme-border-dark);border-collapse:collapse;min-width:300px;table-layout:fixed;width:100%}.games-table th{background-color:var(--theme-surface);font-weight:700;padding:var(--spacing-sm) var(--spacing-sm);text-align:left}.games-table td,.games-table th{border:1px solid var(--theme-border-dark);font-size:var(--font-size-normal)}.games-table td{background-color:var(--theme-text-inverse);padding:var(--spacing-xs) var(--spacing-sm)}.games-table .win-row td{background-color:#e6f5e6;font-weight:700}.games-table td,.games-table th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-games-message{background-color:var(--theme-text-inverse);border:1px solid var(--theme-border-dark);color:var(--theme-text-secondary);font-style:italic;padding:var(--spacing-lg);text-align:center}.games-table td:first-child,.games-table th:first-child{width:30%}.games-table td:nth-child(2),.games-table td:nth-child(3),.games-table th:nth-child(2),.games-table th:nth-child(3){width:20%}.games-table td:nth-child(4),.games-table th:nth-child(4){width:30%}.button-container{bottom:0;display:flex;justify-content:flex-end;margin-top:var(--spacing-md);padding-bottom:var(--spacing-xs);padding-top:var(--spacing-xs);position:-webkit-sticky;position:sticky;z-index:10}.button-container,.classic-button{background-color:var(--theme-surface)}.classic-button{border-color:var(--theme-border-light) var(--theme-border-dark) var(--theme-border-dark) var(--theme-border-light);border-style:solid;border-width:var(--border-width-standard);box-shadow:1px 1px 0 var(--theme-shadow);cursor:pointer;font-family:var(--font-family-main);font-size:var(--font-size-normal);height:25px;min-width:75px;outline:1px solid var(--theme-shadow);padding:1px var(--spacing-md);text-align:center}.classic-button:active{border-color:var(--theme-border-dark) var(--theme-border-light) var(--theme-border-light) var(--theme-border-dark);box-shadow:inset 1px 1px 0 var(--theme-shadow)}.claim-section{margin-top:var(--spacing-md)}.claim-account-banner{align-items:center;background-color:#fff8e8;border:1px solid #d4a854;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;padding:var(--spacing-md)}.claim-info{flex:1 1;min-width:200px}.claim-status{background-color:grey;color:#fff;display:inline-block;font-size:var(--font-size-small);font-weight:700;margin-bottom:var(--spacing-xs);padding:2px 8px}.claim-description{color:var(--theme-text-primary);font-size:var(--font-size-normal);line-height:1.4;margin:var(--spacing-sm) 0 0 0}.claim-button{background-color:#e8ffe8!important;border-color:#408040!important;color:#206020;font-weight:700;min-width:120px;white-space:nowrap}.claim-button:hover{background-color:#d0ffd0!important}.claim-button:active{background-color:#b8f0b8!important}@media screen and (max-width:400px){.profile-avatar-section{justify-content:center}.profile-avatar{margin-bottom:var(--spacing-md);margin-right:0}.profile-name-container{text-align:center}.profile-name-flag{justify-content:center}.tab-button{margin-bottom:var(--spacing-xs);max-width:none}.claim-account-banner{flex-direction:column;text-align:center}.claim-button{width:100%}}.claim-overlay{align-items:center;background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10001}.claim-modal{background-color:var(--theme-surface);box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px grey,inset 2px 2px #dfdfdf;max-height:90vh;max-width:90vw;overflow-y:auto;width:400px}.claim-titlebar{align-items:center;background:linear-gradient(90deg,navy,#1084d0);display:flex;justify-content:space-between;padding:3px 4px;-webkit-user-select:none;user-select:none}.claim-title{color:#fff;font-family:"MS Sans Serif",sans-serif;font-size:12px;font-weight:700}.claim-close-btn{align-items:center;background-color:var(--theme-surface);border:none;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px grey,inset 2px 2px #dfdfdf;cursor:pointer;display:flex;font-size:9px;font-weight:700;height:14px;justify-content:center;padding:0;width:16px}.claim-close-btn:active{box-shadow:inset 1px 1px #0a0a0a,inset -1px -1px #fff}.claim-content{padding:16px}.claim-welcome{background-color:#ffffd0;border:1px solid #c0c000;margin-bottom:12px;padding:8px;text-align:center}.claim-welcome p{color:var(--theme-text-primary);font-size:12px;font-weight:700;margin:0}.claim-benefits{background-color:#e8f4e8;border:1px solid #80c080;margin-bottom:16px;padding:8px}.claim-benefit-title{color:#006000;font-size:11px;font-weight:700;margin-bottom:4px}.claim-benefits ul{color:#004000;font-size:11px;margin:0;padding-left:20px}.claim-benefits li{margin-bottom:2px}.claim-field{margin-bottom:12px}.claim-label{color:var(--theme-text-primary);display:block;font-size:12px;font-weight:400;margin-bottom:4px}.claim-input{box-sizing:border-box;font-size:12px;padding:4px 6px;width:100%}.claim-hint{color:grey;display:block;font-size:10px;margin-top:4px}.claim-error{background-color:#fdd;border:1px solid #c00;color:#c00;font-size:11px;margin-bottom:12px;padding:8px;text-align:center}.claim-actions{border-top:1px solid silver;display:flex;gap:8px;justify-content:flex-end;padding-top:8px}.claim-button{cursor:pointer;font-size:12px;min-width:80px;padding:6px 16px}.claim-submit{min-width:100px}.claim-button:disabled{cursor:not-allowed;opacity:.6}.claim-input:focus{outline:1px dotted #000;outline-offset:-3px}.chat-container{color:var(--theme-text-primary);display:flex;flex-direction:column;font-family:var(--font-family-main);font-size:var(--font-size-normal);height:100%;width:100%}.chat-window-tabs{border-bottom:1px solid var(--theme-border-dark);display:flex}.chat-window-tab,.chat-window-tabs{background-color:var(--theme-surface)}.chat-window-tab{border:1px solid var(--theme-border-dark);border-bottom:none;color:var(--theme-text-primary);cursor:pointer;margin-left:var(--spacing-xs);margin-top:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md)}.chat-window-tab.active{background-color:var(--theme-border-light);border-bottom:1px solid var(--theme-border-light);color:var(--theme-text-primary);font-weight:700;position:relative;z-index:1}.chat-window-content{border-color:currentcolor;border-bottom:1px solid var(--theme-text-inverse);border-left:1px solid var(--theme-border-dark);border-right:1px solid var(--theme-text-inverse);border-top:1px solid var(--theme-border-dark);display:flex;flex:1 1;flex-direction:column;margin:var(--spacing-xs);overflow:hidden;padding:var(--spacing-xs)}.chat-messages,.chat-window-content{background-color:var(--theme-text-inverse)}.chat-messages{flex:1 1;font-family:Consolas,monospace;font-size:var(--font-size-normal);line-height:1.4;min-height:100px;overflow-y:auto;padding:var(--spacing-sm)}.chat-message,.chat-messages{color:var(--theme-text-primary)}.chat-message{display:grid;grid-template-areas:"time flag username content";grid-template-columns:65px auto auto 1fr;margin-bottom:var(--spacing-xs);white-space:pre-wrap;word-break:break-word}.chat-message-time{color:var(--theme-text-secondary);grid-area:time}.chat-message-flag{align-items:center;display:flex;grid-area:flag;margin-right:var(--spacing-sm)}.flag-icon{border:1px solid var(--theme-text-secondary);display:inline-block;height:10px;object-fit:contain;vertical-align:middle;width:16px}.flag-icon.preview{height:18px;width:32px}.flag-preview{align-items:center;display:flex;padding-left:var(--spacing-sm)}.chat-message-username{color:var(--theme-titlebar-end);font-weight:700;grid-area:username;margin-right:var(--spacing-sm)}.chat-message-content{color:var(--theme-text-primary);display:inline-block;grid-area:content;padding-left:0;vertical-align:top}@supports (display:grid){.chat-message{display:grid;grid-template-areas:"time flag username content" ". . . content-wrap";grid-template-columns:65px auto auto 1fr;grid-template-rows:auto auto}.chat-message-content{grid-area:content/content/content-wrap/content-wrap;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;word-break:break-word}}.chat-input-area{background-color:var(--theme-surface);border-top:1px solid var(--theme-border-dark);display:flex;padding:var(--spacing-sm)}.chat-input{background-color:var(--theme-text-inverse);border:var(--border-width-standard) solid var(--theme-shadow);border-color:var(--theme-border-dark) var(--theme-text-inverse) var(--theme-text-inverse) var(--theme-border-dark);flex:1 1;padding:3px var(--spacing-sm)}.chat-input,.chat-send-button{color:var(--theme-text-primary);font-family:var(--font-family-main);font-size:var(--font-size-normal)}.chat-send-button{background-color:var(--theme-surface);border:var(--border-width-standard) solid;border-color:var(--theme-text-inverse) var(--theme-shadow) var(--theme-shadow) var(--theme-text-inverse);cursor:pointer;margin-left:var(--spacing-sm);padding:3px var(--spacing-md)}.chat-send-button:active{border-color:var(--theme-shadow) var(--theme-text-inverse) var(--theme-text-inverse) var(--theme-shadow)}.chat-settings{color:var(--theme-text-primary);padding:var(--spacing-md)}.chat-settings h3{color:var(--theme-titlebar-end);font-size:var(--font-size-title);margin-bottom:var(--spacing-lg);margin-top:0}.settings-option{align-items:center;color:var(--theme-text-primary);display:flex;margin-bottom:var(--spacing-md)}.settings-option label{color:var(--theme-text-primary)}.country-select,.settings-option input[type=checkbox],.settings-option label{margin-right:var(--spacing-md)}.country-select{width:150px}.win98-select-container{position:relative;-webkit-user-select:none;user-select:none}.win98-select-header{align-items:center;background-color:var(--theme-text-inverse);border:var(--border-width-standard) solid;border-color:var(--theme-border-dark) var(--theme-border-light) var(--theme-border-light) var(--theme-border-dark);border-radius:0;color:var(--theme-text-primary);cursor:pointer;display:flex;font-family:var(--font-family-main);font-size:var(--font-size-normal);justify-content:space-between;padding:var(--spacing-xs) var(--spacing-sm)}.win98-select-header.active{border-color:var(--theme-shadow);outline:1px dotted var(--theme-shadow)}.win98-select-header.disabled{background-color:var(--theme-surface);color:var(--theme-text-secondary);cursor:default}.win98-select-value{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.win98-select-arrow{align-items:center;display:flex;font-size:8px;margin-left:var(--spacing-sm)}.win98-select-dropdown{background-color:var(--theme-text-inverse);border:var(--border-width-standard) solid var(--theme-shadow);border-radius:0;box-shadow:2px 2px 4px rgba(0,0,0,.2);left:0;max-height:200px;overflow-y:auto;position:absolute;top:100%;width:100%;z-index:100}.win98-select-option{color:var(--theme-text-primary);cursor:pointer;font-family:var(--font-family-main);font-size:var(--font-size-normal);padding:var(--spacing-xs) var(--spacing-sm)}.win98-select-option:hover{background-color:var(--theme-titlebar-start);color:var(--theme-text-inverse)}.win98-select-option.selected{background-color:var(--theme-titlebar-end);color:var(--theme-text-inverse)}.win98-select-container.disabled{opacity:.8;pointer-events:none}.rankings-container{box-sizing:border-box;display:flex;flex-direction:column;height:100%;margin:0;overflow:hidden;padding:var(--spacing-md);width:100%}.rankings-container,.rankings-container button{background-color:var(--theme-surface);border:var(--border-width-standard) solid;border-color:var(--theme-border-light) var(--theme-border-dark) var(--theme-border-dark) var(--theme-border-light);box-shadow:1px 1px 0 0 var(--theme-shadow);font-family:var(--font-family-main);font-size:var(--font-size-normal)}.rankings-container button{cursor:pointer;margin-bottom:var(--spacing-sm);margin-right:var(--spacing-sm);min-width:90px;padding:var(--spacing-xs) var(--spacing-md);white-space:nowrap}.rankings-container button.active,.rankings-container button:active{border-color:var(--theme-border-dark) var(--theme-border-light) var(--theme-border-light) var(--theme-border-dark);box-shadow:inset 1px 1px 0 0 var(--theme-shadow)}.rankings-container .difficulty-levels,.rankings-container .game-modes,.rankings-container .ranking-options{display:flex;flex-wrap:wrap;margin-bottom:var(--spacing-lg)}.rankings-container .ranking-options{align-items:center;gap:var(--spacing-md);justify-content:space-between}.rankings-container .my-rank{font-size:var(--font-size-normal);font-weight:700;margin-bottom:var(--spacing-sm)}.rankings-container .rank-value{color:var(--theme-text-secondary);font-size:var(--font-size-normal)}.rankings-container .sort-by,.rankings-container .sort-options{align-items:center;display:flex}.rankings-container .sort-by{font-size:var(--font-size-normal);gap:var(--spacing-xs);white-space:nowrap}.rankings-container .sort-by select{margin-left:var(--spacing-sm)}.rankings-container .rankings-table-container{background-color:var(--theme-text-inverse);border:var(--border-width-standard) solid;border-color:var(--theme-border-dark) var(--theme-border-light) var(--theme-border-light) var(--theme-border-dark);display:flex;flex:1 1;flex-direction:column;margin-bottom:var(--spacing-lg);min-height:0;overflow:auto}.rankings-container .rankings-table{border-collapse:collapse;table-layout:fixed;width:100%}.rankings-container .rankings-table td,.rankings-container .rankings-table th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rankings-container .rankings-table th{background-color:var(--theme-surface);border-bottom:1px solid var(--theme-border-dark);font-size:var(--font-size-normal);font-weight:700;padding:var(--spacing-sm);text-align:left}.rankings-container .rankings-table th:first-child{width:10%}.rankings-container .rankings-table th:nth-child(2){width:40%}.rankings-container .rankings-table th:nth-child(3){width:15%}.rankings-container .rankings-table th:nth-child(4){width:35%}.rankings-container .rankings-table td{border-bottom:1px solid var(--theme-border-light);font-size:var(--font-size-normal);padding:var(--spacing-xs) var(--spacing-sm)}.rankings-container .rankings-table tr:nth-child(2n){background-color:#f0f0f0}.rankings-container .country-flag{border:1px solid var(--theme-border-light);height:16px;margin-right:var(--spacing-sm);object-fit:contain;vertical-align:middle;width:auto}.rankings-container .pagination{display:flex;flex-wrap:wrap;justify-content:center}.rankings-container .pagination button{margin:0 var(--spacing-xs) var(--spacing-sm);min-width:30px;text-align:center}.rankings-container .pagination button.active{background-color:var(--theme-titlebar-end);border-color:var(--theme-border-dark) var(--theme-border-light) var(--theme-border-light) var(--theme-border-dark);color:var(--theme-text-inverse)}.rankings-container .difficulty-levels button,.rankings-container .game-modes button{min-width:110px;padding:var(--spacing-sm) var(--spacing-lg);text-align:center}@media (max-width:600px){.rankings-container .ranking-options{align-items:flex-start;flex-direction:column}.rankings-container .sort-options{margin-top:var(--spacing-md)}}.about-page{font-family:"MS Sans Serif",Tahoma,sans-serif;max-width:320px;padding:16px}.about-logo{display:block;height:64px;image-rendering:pixelated;margin:0 auto 12px;width:64px}.about-title{color:navy;font-size:18px;font-weight:700;margin:0 0 4px;text-align:center}.about-subtitle{color:#666;font-size:12px;font-style:italic;margin:0 0 16px;text-align:center}.about-section{margin-bottom:12px}.about-section h2{border-bottom:1px solid silver;color:navy;font-size:13px;font-weight:700;margin:0 0 8px;padding-bottom:4px}.about-section p{color:#000;font-size:11px;line-height:1.5;margin:0 0 8px}.about-divider{background:linear-gradient(90deg,transparent,silver,transparent);height:1px;margin:16px 0}.about-links{margin:16px 0;text-align:center}.about-link{background:linear-gradient(180deg,#fff,#f0f0f0);border:1px solid silver;border-radius:3px;color:#06c;display:inline-block;font-size:11px;padding:6px 16px;text-decoration:none;transition:all .15s ease}.about-link:hover{background:linear-gradient(180deg,#f0f8ff,#e0e8f0);border-color:#06c;text-decoration:underline}.about-link:active{background:linear-gradient(180deg,#e0e8f0,#d0d8e0)}.about-copyright{color:#888;font-size:10px;margin:16px 0 0;text-align:center}.welcome-screen{bottom:0;display:flex;flex-direction:column;font-family:Trebuchet MS,Franklin Gothic Medium,Arial,sans-serif;left:0;position:fixed;right:0;top:0;-webkit-user-select:none;user-select:none;z-index:10000}.welcome-top-bar{background:linear-gradient(180deg,#0a246a,#0a246a 40%,#2561c2);flex-shrink:0;height:90px}.welcome-content{background:linear-gradient(180deg,#5b8fe8,#85b0f0 30%,#a6c8f7 70%,#d4e6fc);display:flex;flex:1 1;overflow:hidden}.welcome-left-panel{align-items:center;display:flex;flex:0 0 45%;justify-content:center;padding:40px}.welcome-branding{max-width:350px;text-align:left}.welcome-logo{-webkit-filter:drop-shadow(2px 2px 4px rgba(0,0,0,.3));filter:drop-shadow(2px 2px 4px rgba(0,0,0,.3));height:64px;image-rendering:pixelated;margin-bottom:8px;width:64px}.welcome-title{color:#f90;font-size:52px;font-style:italic;font-weight:700;letter-spacing:-1px;margin:0;text-shadow:2px 2px 0 #c60,3px 3px 8px rgba(0,0,0,.4)}.welcome-subtitle{color:#fff;font-size:15px;font-weight:400;margin:8px 0 0 4px;text-shadow:1px 1px 3px rgba(0,0,0,.5)}.welcome-divider{background:linear-gradient(180deg,transparent,hsla(0,0%,100%,.3) 10%,hsla(0,0%,100%,.5) 50%,hsla(0,0%,100%,.3) 90%,transparent);margin:40px 0;width:1px}.welcome-right-panel{align-items:center;display:flex;flex:0 0 55%;justify-content:center;padding:40px}.welcome-users-list{display:flex;flex-direction:column;gap:24px;max-height:70vh;overflow-y:auto}.welcome-user-item{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:16px;padding:8px 20px 8px 8px;transition:all .15s ease}.welcome-user-item:hover{background:hsla(0,0%,100%,.15);box-shadow:0 0 20px hsla(0,0%,100%,.2)}.welcome-user-item:hover .welcome-user-avatar{box-shadow:0 4px 12px rgba(0,0,0,.3),0 0 20px hsla(0,0%,100%,.3);-webkit-transform:scale(1.02);transform:scale(1.02)}.welcome-user-item:active .welcome-user-avatar{-webkit-transform:scale(.98);transform:scale(.98)}.welcome-user-avatar{background:linear-gradient(135deg,#d0e4ff,#8bb8f0);border:2px solid hsla(0,0%,100%,.8);border-radius:6px;box-shadow:0 3px 8px rgba(0,0,0,.25),inset 0 1px 0 hsla(0,0%,100%,.5);height:64px;overflow:hidden;position:relative;transition:all .15s ease;width:64px}.welcome-user-avatar img{-webkit-filter:drop-shadow(1px 1px 1px rgba(0,0,0,.2));filter:drop-shadow(1px 1px 1px rgba(0,0,0,.2));height:100%;image-rendering:pixelated;object-fit:cover;width:100%}.welcome-user-avatar-badge{background:linear-gradient(135deg,#90ee90,#32cd32 50%,#228b22);border:2px solid hsla(0,0%,100%,.9);border-radius:4px;bottom:-3px;box-shadow:0 2px 4px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.4);display:grid;height:20px;place-items:center;position:absolute;right:-3px;width:20px}.welcome-user-avatar-badge:before{height:10px;width:2px}.welcome-user-avatar-badge:after,.welcome-user-avatar-badge:before{background:#fff;border-radius:1px;box-shadow:0 0 2px rgba(0,0,0,.3);content:"";position:absolute}.welcome-user-avatar-badge:after{height:2px;width:10px}.welcome-user-info{align-items:center;display:flex;gap:10px}.welcome-user-name{color:#fff;font-size:17px;font-weight:600;letter-spacing:.3px;text-shadow:1px 1px 2px rgba(0,0,0,.5),0 0 10px rgba(0,0,0,.2)}.welcome-user-flag{border:1px solid hsla(0,0%,100%,.5);border-radius:2px;box-shadow:0 1px 3px rgba(0,0,0,.3);height:16px;object-fit:cover;width:24px}.welcome-user-item.existing-user .welcome-user-avatar{height:72px;width:72px}.welcome-user-item.existing-user{position:relative}.welcome-user-item.existing-user:before{color:#fff;content:"▶";font-size:14px;left:-24px;opacity:0;position:absolute;text-shadow:1px 1px 2px rgba(0,0,0,.5);-webkit-transform:translateX(-5px);transform:translateX(-5px);transition:all .15s ease}.welcome-user-item.existing-user:hover:before{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.welcome-register-form{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,hsla(0,0%,100%,.25),hsla(0,0%,100%,.1));border:1px solid hsla(0,0%,100%,.4);border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,.15),inset 0 1px 0 hsla(0,0%,100%,.4);overflow:visible;width:320px}.welcome-form-titlebar{align-items:center;background:linear-gradient(180deg,rgba(0,0,128,.7),rgba(16,132,208,.7));border-bottom:1px solid hsla(0,0%,100%,.2);display:flex;gap:8px;padding:8px 12px}.welcome-form-titlebar-icon{-webkit-filter:drop-shadow(1px 1px 1px rgba(0,0,0,.3));filter:drop-shadow(1px 1px 1px rgba(0,0,0,.3));height:16px;image-rendering:pixelated;width:16px}.welcome-form-titlebar-text{color:#fff;font-size:13px;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.4)}.welcome-form-content{padding:20px}.welcome-pfp-selector{display:flex;justify-content:center;margin-bottom:16px;position:relative}.welcome-form-avatar{background:linear-gradient(135deg,#d0e4ff,#8bb8f0);border:2px solid hsla(0,0%,100%,.8);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.5);height:72px;overflow:hidden;position:relative;width:72px}.welcome-form-avatar.clickable{cursor:pointer;transition:all .15s ease}.welcome-form-avatar.clickable:hover{border-color:#fff;box-shadow:0 4px 16px rgba(0,0,0,.3),0 0 12px hsla(0,0%,100%,.3),inset 0 1px 0 hsla(0,0%,100%,.5);-webkit-transform:scale(1.02);transform:scale(1.02)}.welcome-form-avatar img{height:100%;image-rendering:pixelated;object-fit:cover;width:100%}.welcome-avatar-edit-badge{background:rgba(0,0,0,.6);bottom:0;color:#fff;font-family:"MS Sans Serif",sans-serif;font-size:9px;left:0;opacity:0;padding:2px 0;position:absolute;right:0;text-align:center;transition:opacity .15s ease}.welcome-form-avatar.clickable:hover .welcome-avatar-edit-badge{opacity:1}.welcome-pfp-dropdown{background:hsla(0,0%,100%,.95);border:1px solid rgba(100,150,200,.5);border-radius:6px;box-shadow:0 4px 16px rgba(0,0,0,.25);left:50%;margin-top:8px;min-width:200px;padding:12px;position:absolute;top:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:100}.welcome-pfp-dropdown-title{color:#000;font-family:"MS Sans Serif",sans-serif;font-size:11px;font-weight:600;margin-bottom:10px;text-align:center}.welcome-pfp-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.welcome-pfp-option{background:linear-gradient(135deg,#e8f0ff,#c8d8f0);border:2px solid rgba(100,150,200,.4);border-radius:6px;cursor:pointer;height:52px;overflow:hidden;padding:0;transition:all .15s ease;width:52px}.welcome-pfp-option:hover{border-color:rgba(0,100,200,.7);box-shadow:0 2px 8px rgba(0,100,200,.3);-webkit-transform:scale(1.05);transform:scale(1.05)}.welcome-pfp-option.selected{border-color:#06c;box-shadow:0 0 0 2px rgba(0,102,204,.3)}.welcome-pfp-option img{height:100%;image-rendering:pixelated;object-fit:cover;width:100%}.welcome-form-field{margin-bottom:16px}.welcome-form-field label{color:#fff;display:block;font-size:12px;font-weight:500;margin-bottom:6px;text-shadow:1px 1px 2px rgba(0,0,0,.4)}.welcome-input,.welcome-select{background:hsla(0,0%,100%,.9);border:1px solid rgba(100,150,200,.5);border-radius:4px;box-shadow:inset 0 1px 3px rgba(0,0,0,.1),0 1px 0 hsla(0,0%,100%,.3);box-sizing:border-box;color:#000;font-family:"MS Sans Serif",sans-serif;font-size:11px;outline:none;padding:8px 10px;transition:all .15s ease;width:100%}.welcome-input:focus,.welcome-select:focus{background:#fff;border-color:rgba(0,100,200,.6);box-shadow:inset 0 1px 3px rgba(0,0,0,.1),0 0 8px rgba(100,180,255,.4);color:#000}.welcome-input::-webkit-input-placeholder{color:grey}.welcome-input::placeholder{color:grey}.welcome-input:disabled,.welcome-select:disabled{background:hsla(0,0%,78%,.7);color:#666}.welcome-select{cursor:pointer}.welcome-country-selector{position:relative;width:100%}.welcome-country-button{align-items:center;background:hsla(0,0%,100%,.9);border:1px solid rgba(100,150,200,.5);border-radius:4px;box-shadow:inset 0 1px 3px rgba(0,0,0,.1),0 1px 0 hsla(0,0%,100%,.3);box-sizing:border-box;color:#000;cursor:pointer;display:flex;font-family:"MS Sans Serif",sans-serif;font-size:11px;gap:8px;outline:none;padding:6px 10px;text-align:left;transition:all .15s ease;width:100%}.welcome-country-button:hover:not(:disabled){background:#fff;border-color:rgba(0,100,200,.6)}.welcome-country-button:disabled{background:hsla(0,0%,78%,.7);color:#666;cursor:not-allowed}.welcome-country-flag{border:1px solid rgba(0,0,0,.2);flex-shrink:0;height:14px;image-rendering:pixelated;object-fit:cover;width:20px}.welcome-country-name{color:#000;flex:1 1;font-family:"MS Sans Serif",sans-serif}.welcome-country-arrow{color:#666;font-size:8px;margin-left:auto}.welcome-country-dropdown{background:hsla(0,0%,100%,.95);border:1px solid rgba(100,150,200,.5);border-radius:0 0 4px 4px;border-top:none;box-shadow:0 4px 12px rgba(0,0,0,.2);left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.welcome-country-option{align-items:center;background:transparent;border:none;color:#000!important;cursor:pointer;display:flex;font-family:"MS Sans Serif",sans-serif;font-size:11px;gap:8px;padding:6px 10px;text-align:left;transition:background-color .1s ease;width:100%}.welcome-country-option span{color:#000}.welcome-country-option:hover{background:rgba(100,150,220,.2)}.welcome-country-option.selected{background:rgba(100,150,220,.3);font-weight:600}.welcome-error{background:hsla(0,100%,70%,.85);border:1px solid rgba(200,50,50,.5);border-radius:4px;box-shadow:0 2px 8px rgba(200,50,50,.3);color:#fff;font-size:12px;margin-bottom:16px;padding:8px 12px;text-align:center;text-shadow:0 1px 1px rgba(0,0,0,.3)}.welcome-form-actions{display:flex;gap:10px;justify-content:center;margin-top:20px}.welcome-btn{border-radius:4px;cursor:pointer;font-family:"MS Sans Serif",sans-serif;font-size:11px;font-weight:600;min-width:90px;padding:8px 20px;transition:all .15s ease}.welcome-btn-back{background:linear-gradient(180deg,hsla(0,0%,100%,.9),hsla(0,0%,90%,.9) 50%,hsla(0,0%,82%,.9));border:1px solid hsla(0,0%,39%,.5);box-shadow:0 2px 4px rgba(0,0,0,.15),inset 0 1px 0 hsla(0,0%,100%,.8);color:#333}.welcome-btn-back:hover{background:linear-gradient(180deg,#fff,#f5f5f5 50%,#e6e6e6);box-shadow:0 3px 6px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.9)}.welcome-btn-back:active:not(:disabled){background:linear-gradient(180deg,hsla(0,0%,78%,.9),hsla(0,0%,86%,.9));box-shadow:inset 0 2px 4px rgba(0,0,0,.15)}.welcome-btn-submit{background:linear-gradient(180deg,#8cd98c,#5cb85c 50%,#449d44);border:1px solid rgba(60,120,60,.7);box-shadow:0 2px 4px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.3);color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.3)}.welcome-btn-submit:hover:not(:disabled){background:linear-gradient(180deg,#9de09d,#6cc96c 50%,#54ad54);box-shadow:0 3px 8px rgba(0,0,0,.25),inset 0 1px 0 hsla(0,0%,100%,.4)}.welcome-btn-submit:active:not(:disabled){background:linear-gradient(180deg,#449d44,#5cb85c);box-shadow:inset 0 2px 4px rgba(0,0,0,.2)}.welcome-btn-submit:disabled{background:linear-gradient(180deg,hsla(0,0%,71%,.8),hsla(0,0%,59%,.8));border-color:hsla(0,0%,39%,.5);color:hsla(0,0%,100%,.7);cursor:not-allowed}.welcome-btn-back:disabled{cursor:not-allowed;opacity:.6}.welcome-bottom-bar{align-items:center;background:linear-gradient(180deg,#3168d5,#1a4cb8 50%,#0a3a8c);display:flex;flex-shrink:0;height:50px;padding:0 8px}.welcome-bottom-left{flex:0 0 45%}.welcome-bottom-right{align-items:center;background:linear-gradient(90deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,.02));display:flex;flex:1 1;height:100%;justify-content:flex-end;padding-right:16px}.welcome-offline-btn{align-items:center;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.3);border-radius:4px;color:#fff;cursor:pointer;display:flex;font-family:Trebuchet MS,Arial,sans-serif;font-size:12px;gap:6px;padding:6px 16px;text-shadow:1px 1px 2px rgba(0,0,0,.3);transition:all .15s ease}.welcome-offline-btn:hover{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.5)}.welcome-offline-btn:active{background:hsla(0,0%,100%,.3)}.welcome-power-btn{align-items:center;background:transparent;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-family:Trebuchet MS,Arial,sans-serif;font-size:12px;gap:8px;padding:6px 16px;text-shadow:1px 1px 2px rgba(0,0,0,.3);transition:all .15s ease}.welcome-power-btn:hover{background:hsla(0,0%,100%,.15)}.welcome-power-btn:active{background:hsla(0,0%,100%,.25)}.power-icon{background:linear-gradient(135deg,#ff6b6b,#c00);border-radius:50%;box-shadow:inset 0 2px 4px hsla(0,0%,100%,.4),0 2px 4px rgba(0,0,0,.3);display:inline-block;height:24px;position:relative;width:24px}.power-icon:before{border:2px solid #fff;border-radius:50%;border-top-color:transparent;height:10px;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:10px}.power-icon:after,.power-icon:before{content:"";left:50%;position:absolute}.power-icon:after{background:#fff;border-radius:1px;height:8px;top:4px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:2px}@media (max-width:768px){.welcome-content{flex-direction:column}.welcome-left-panel{flex:0 0 auto;padding:30px 20px}.welcome-divider{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4) 20%,hsla(0,0%,100%,.5) 50%,hsla(0,0%,100%,.4) 80%,transparent);height:1px;margin:0 auto;width:80%}.welcome-right-panel{flex:1 1;padding:20px}.welcome-title{font-size:40px}.welcome-branding{text-align:center}.welcome-register-form{max-width:320px;width:100%}}.welcome-user-item.guest-user{background:rgba(144,238,144,.15);border:1px solid rgba(144,238,144,.3);padding:12px 20px 12px 12px}.welcome-user-item.guest-user:hover{background:rgba(144,238,144,.25);box-shadow:0 0 20px rgba(144,238,144,.3)}.guest-avatar{background:linear-gradient(135deg,#90ee90,#32cd32)!important}.guest-badge{background:linear-gradient(135deg,gold,orange)!important}.guest-badge:before{background:none!important;border-bottom:8px solid #fff;border-left:5px solid transparent;border-right:5px solid transparent;height:0!important;width:0!important}.guest-badge:after{display:none!important}.welcome-user-item.guest-user .welcome-user-info{align-items:flex-start;flex-direction:column;gap:2px}.welcome-user-subtitle{color:hsla(0,0%,100%,.7);font-size:11px;font-weight:400}.welcome-user-item.login-user{opacity:.8}.welcome-user-item.login-user:hover{background:rgba(100,149,237,.2);opacity:1}.login-avatar{background:linear-gradient(135deg,#6495ed,#4169e1)!important}.login-overlay{align-items:center;background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10001}.login-modal{background-color:var(--theme-surface);box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px grey,inset 2px 2px #dfdfdf;max-width:90vw;width:340px}.login-titlebar{align-items:center;background:linear-gradient(90deg,navy,#1084d0);display:flex;justify-content:space-between;padding:3px 4px;-webkit-user-select:none;user-select:none}.login-title{color:#fff;font-family:"MS Sans Serif",sans-serif;font-size:12px;font-weight:700}.login-close-btn{align-items:center;background-color:var(--theme-surface);border:none;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px grey,inset 2px 2px #dfdfdf;cursor:pointer;display:flex;font-size:9px;font-weight:700;height:14px;justify-content:center;padding:0;width:16px}.login-close-btn:active{box-shadow:inset 1px 1px #0a0a0a,inset -1px -1px #fff}.login-content{padding:16px}.login-welcome{background-color:#e8e8ff;border:1px solid #8080c0;margin-bottom:16px;padding:8px;text-align:center}.login-welcome p{color:var(--theme-text-primary);font-size:12px;margin:0}.login-field{margin-bottom:12px}.login-label{color:var(--theme-text-primary);display:block;font-size:12px;font-weight:400;margin-bottom:4px}.login-input{box-sizing:border-box;font-size:12px;padding:4px 6px;width:100%}.login-error{background-color:#fdd;border:1px solid #c00;color:#c00;font-size:11px;margin-bottom:12px;padding:8px;text-align:center}.login-actions{display:flex;justify-content:center;padding-top:8px}.login-button{cursor:pointer;font-size:12px;min-width:100px;padding:6px 16px}.login-button:disabled{cursor:not-allowed;opacity:.6}.login-divider{align-items:center;color:grey;display:flex;font-size:11px;margin:16px 0}.login-divider:after,.login-divider:before{background-color:silver;content:"";flex:1 1;height:1px}.login-divider span{padding:0 12px}.login-guest{text-align:center}.login-guest-btn{background-color:#e8ffe8;cursor:pointer;font-size:12px;padding:8px 16px;width:100%}.login-guest-btn:hover{background-color:#d0ffd0}.login-guest-hint{color:#608060;display:block;font-size:10px;margin-top:6px}.login-input:focus{outline:1px dotted #000;outline-offset:-3px}.loading-screen{bottom:0;display:flex;flex-direction:column;font-family:Trebuchet MS,Franklin Gothic Medium,Arial,sans-serif;left:0;position:fixed;right:0;top:0;-webkit-user-select:none;user-select:none;z-index:10001}.loading-top-bar{background:linear-gradient(180deg,#0a246a,#0a246a 40%,#2561c2);flex-shrink:0;height:90px}.loading-content{align-items:center;background:linear-gradient(180deg,#5b8fe8,#85b0f0 30%,#a6c8f7 70%,#d4e6fc);display:flex;flex:1 1;justify-content:center}.loading-center{padding:40px;text-align:center}.loading-logo{-webkit-animation:loading-logo-pulse 2s ease-in-out infinite;animation:loading-logo-pulse 2s ease-in-out infinite;-webkit-filter:drop-shadow(2px 2px 6px rgba(0,0,0,.3));filter:drop-shadow(2px 2px 6px rgba(0,0,0,.3));height:96px;image-rendering:pixelated;margin-bottom:16px;width:96px}@-webkit-keyframes loading-logo-pulse{0%,to{-webkit-filter:drop-shadow(2px 2px 6px rgba(0,0,0,.3));filter:drop-shadow(2px 2px 6px rgba(0,0,0,.3));-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-filter:drop-shadow(2px 2px 12px rgba(0,0,0,.4));filter:drop-shadow(2px 2px 12px rgba(0,0,0,.4));-webkit-transform:scale(1.05);transform:scale(1.05)}}@keyframes loading-logo-pulse{0%,to{-webkit-filter:drop-shadow(2px 2px 6px rgba(0,0,0,.3));filter:drop-shadow(2px 2px 6px rgba(0,0,0,.3));-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-filter:drop-shadow(2px 2px 12px rgba(0,0,0,.4));filter:drop-shadow(2px 2px 12px rgba(0,0,0,.4));-webkit-transform:scale(1.05);transform:scale(1.05)}}.loading-title{color:#f90;font-size:42px;font-style:italic;font-weight:700;letter-spacing:-1px;margin:0;text-shadow:2px 2px 0 #c60,3px 3px 8px rgba(0,0,0,.4)}.loading-subtitle{color:#fff;font-size:14px;font-weight:400;margin:8px 0 32px;text-shadow:1px 1px 3px rgba(0,0,0,.5)}.loading-bar-container{margin:0 auto 16px;width:300px}.loading-bar{background:linear-gradient(180deg,#fff,#e8e8e8 50%,#d0d0d0);border:1px solid grey;border-radius:3px;box-shadow:inset 0 1px 3px rgba(0,0,0,.2),0 1px 0 hsla(0,0%,100%,.5);height:20px;overflow:hidden;padding:3px}.loading-bar-progress{-webkit-animation:loading-progress 1.5s ease-in-out infinite;animation:loading-progress 1.5s ease-in-out infinite;background:linear-gradient(180deg,#4ee44e,#3c3 50%,#2eb82e);border-radius:2px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.4);height:100%;width:30%}@-webkit-keyframes loading-progress{0%{margin-left:0;width:30%}50%{margin-left:35%;width:40%}to{margin-left:70%;width:30%}}@keyframes loading-progress{0%{margin-left:0;width:30%}50%{margin-left:35%;width:40%}to{margin-left:70%;width:30%}}.loading-message{-webkit-animation:loading-message-blink 1s ease-in-out infinite;animation:loading-message-blink 1s ease-in-out infinite;color:#fff;font-size:13px;margin:0;text-shadow:1px 1px 2px rgba(0,0,0,.5)}@-webkit-keyframes loading-message-blink{0%,to{opacity:1}50%{opacity:.7}}@keyframes loading-message-blink{0%,to{opacity:1}50%{opacity:.7}}.loading-bottom-bar{background:linear-gradient(180deg,#3168d5,#1a4cb8 50%,#0a3a8c);flex-shrink:0;height:50px}@media (max-width:768px){.loading-title{font-size:32px}.loading-bar-container{max-width:300px;width:80%}.loading-logo{height:72px;width:72px}}.matchmaking-overlay{align-items:center;background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9998}.matchmaking-modal{background-color:var(--theme-surface);border-color:var(--theme-border-light) var(--theme-border-dark) var(--theme-border-dark) var(--theme-border-light);border-style:solid;border-width:var(--border-width-thick);box-shadow:3px 3px 0 0 var(--theme-shadow);max-width:400px;min-width:300px}.matchmaking-titlebar{align-items:center;background:linear-gradient(90deg,var(--theme-titlebar-start),var(--theme-titlebar-end));display:flex;justify-content:space-between;padding:var(--spacing-xs) var(--spacing-sm)}.matchmaking-title{color:var(--theme-titlebar-text);font-size:var(--font-size-normal);font-weight:700;-webkit-user-select:none;user-select:none}.matchmaking-content{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg)}.matchmaking-spinner{height:48px;margin:var(--spacing-md) 0;position:relative;width:48px}.matchmaking-spinner:before{-webkit-animation:spinner-rotate 1s linear infinite;animation:spinner-rotate 1s linear infinite;border:4px solid var(--theme-border-dark);border-radius:50%;border-top-color:var(--theme-titlebar-end);content:"";height:100%;left:0;position:absolute;top:0;width:100%}@-webkit-keyframes spinner-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spinner-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.matchmaking-status{color:var(--theme-text-primary);font-size:var(--font-size-title);font-weight:700;text-align:center}.matchmaking-info{background-color:var(--theme-text-inverse);border:1px solid var(--theme-border-dark);display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm);width:100%}.matchmaking-info-row{display:flex;font-size:var(--font-size-normal);justify-content:space-between}.matchmaking-info-label{color:var(--theme-text-secondary)}.matchmaking-info-value{color:var(--theme-text-primary);font-weight:700}.matchmaking-timer{color:var(--theme-titlebar-end);font-size:var(--font-size-title);font-weight:700}.matchmaking-elo-range{color:var(--theme-text-secondary);font-size:var(--font-size-small);text-align:center}.matchmaking-buttons{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md)}.matchmaking-cancel-btn{background-color:var(--theme-surface);border-color:var(--theme-border-light) var(--theme-border-dark) var(--theme-border-dark) var(--theme-border-light);border-style:solid;border-width:var(--border-width-standard);box-shadow:1px 1px 0 var(--theme-shadow);cursor:pointer;font-family:var(--font-family-main);font-size:var(--font-size-normal);height:25px;min-width:100px;outline:1px solid var(--theme-shadow)}.matchmaking-cancel-btn:active{border-color:var(--theme-border-dark) var(--theme-border-light) var(--theme-border-light) var(--theme-border-dark);box-shadow:inset 1px 1px 0 var(--theme-shadow)}.matchmaking-found{-webkit-animation:match-found-pulse .5s ease-out;animation:match-found-pulse .5s ease-out}@-webkit-keyframes match-found-pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes match-found-pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}.matchmaking-found .matchmaking-spinner:before{-webkit-animation:none;animation:none;border-color:#2ecc71}.matchmaking-found .matchmaking-status{color:#2ecc71}.match-lobby{min-width:350px;padding:var(--spacing-md)}.lobby-header{align-items:center;border-bottom:1px solid var(--theme-border-dark);display:flex;justify-content:space-between;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.lobby-title{font-size:var(--font-size-title);font-weight:700}.lobby-code{align-items:center;display:flex;gap:var(--spacing-sm)}.lobby-code-label{color:var(--theme-text-secondary);font-size:var(--font-size-small)}.lobby-code-value{background-color:var(--theme-text-inverse);border:1px solid var(--theme-border-dark);font-family:monospace;font-size:var(--font-size-title);font-weight:700;letter-spacing:2px}.lobby-code-value,.lobby-copy-btn{padding:var(--spacing-xs) var(--spacing-sm)}.lobby-copy-btn{background-color:var(--theme-surface);border-bottom:1px solid var(--theme-border-dark);border-left:1px solid var(--theme-border-light);border-right:1px solid var(--theme-border-dark);border-top:1px solid var(--theme-border-light);cursor:pointer;font-size:var(--font-size-small)}.lobby-copy-btn:active{border-color:var(--theme-border-dark) var(--theme-border-light) var(--theme-border-light) var(--theme-border-dark)}.lobby-settings{background-color:var(--theme-text-inverse);border:1px solid var(--theme-border-dark);display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-md);padding:var(--spacing-sm)}.lobby-setting{display:flex;flex-direction:column;gap:var(--spacing-xs)}.lobby-setting-label{color:var(--theme-text-secondary);font-size:var(--font-size-small)}.lobby-setting-value{font-size:var(--font-size-normal);font-weight:700}.lobby-players{margin-bottom:var(--spacing-md)}.lobby-players-title{font-size:var(--font-size-normal);font-weight:700;margin-bottom:var(--spacing-sm)}.lobby-player-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.lobby-player{align-items:center;background-color:var(--theme-text-inverse);border:1px solid var(--theme-border-dark);display:flex;justify-content:space-between;padding:var(--spacing-sm)}.lobby-player-info{align-items:center;display:flex;gap:var(--spacing-sm)}.lobby-player-color{border:1px solid var(--theme-shadow);border-radius:2px;height:12px;width:12px}.lobby-player-name{font-size:var(--font-size-normal);font-weight:700}.lobby-player-host{color:var(--theme-titlebar-end);font-size:var(--font-size-small);margin-left:var(--spacing-xs)}.lobby-player-status{border-radius:2px;font-size:var(--font-size-small);padding:var(--spacing-xs) var(--spacing-sm)}.lobby-player-status.ready{background-color:#2ecc71;color:#fff}.lobby-player-status.not-ready{background-color:var(--theme-border-dark);color:var(--theme-text-inverse)}.lobby-buttons{display:flex;gap:var(--spacing-md);justify-content:space-between;margin-top:var(--spacing-md)}.lobby-btn{background-color:var(--theme-surface);border-color:var(--theme-border-light) var(--theme-border-dark) var(--theme-border-dark) var(--theme-border-light);border-style:solid;border-width:var(--border-width-standard);box-shadow:1px 1px 0 var(--theme-shadow);cursor:pointer;flex:1 1;font-family:var(--font-family-main);font-size:var(--font-size-normal);height:28px;outline:1px solid var(--theme-shadow)}.lobby-btn:active{border-color:var(--theme-border-dark) var(--theme-border-light) var(--theme-border-light) var(--theme-border-dark);box-shadow:inset 1px 1px 0 var(--theme-shadow)}.lobby-btn.ready-btn{background-color:#27ae60;border-color:#1e8449;color:#fff}.lobby-btn.ready-btn.is-ready{background-color:#95a5a6}.lobby-btn:disabled{cursor:not-allowed;opacity:.6}.private-match-dialog{min-width:320px;padding:var(--spacing-md)}.private-match-tabs{border-bottom:1px solid var(--theme-border-dark);display:flex;margin-bottom:var(--spacing-md)}.private-match-tab{background-color:var(--theme-surface);border:1px solid var(--theme-border-dark);border-bottom:none;cursor:pointer;flex:1 1;font-family:var(--font-family-main);font-size:var(--font-size-normal);padding:var(--spacing-sm) var(--spacing-md);text-align:center}.private-match-tab.active{background-color:var(--theme-text-inverse);border-bottom:1px solid var(--theme-text-inverse);margin-bottom:-1px}.private-match-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.private-match-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.private-match-label{font-size:var(--font-size-normal);font-weight:700}.private-match-input,.private-match-select{background-color:var(--theme-text-inverse);border-bottom:1px solid var(--theme-border-light);border-left:1px solid var(--theme-border-dark);border-right:1px solid var(--theme-border-light);border-top:1px solid var(--theme-border-dark);font-family:var(--font-family-main);font-size:var(--font-size-normal);height:24px;padding:0 var(--spacing-sm)}.private-match-input.code-input{font-size:var(--font-size-title);font-weight:700;letter-spacing:4px;text-align:center;text-transform:uppercase}.private-match-buttons{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-md)}.private-match-btn{background-color:var(--theme-surface);border-color:var(--theme-border-light) var(--theme-border-dark) var(--theme-border-dark) var(--theme-border-light);border-style:solid;border-width:var(--border-width-standard);box-shadow:1px 1px 0 var(--theme-shadow);cursor:pointer;font-family:var(--font-family-main);font-size:var(--font-size-normal);height:25px;min-width:80px;outline:1px solid var(--theme-shadow)}.private-match-btn:active{border-color:var(--theme-border-dark) var(--theme-border-light) var(--theme-border-light) var(--theme-border-dark);box-shadow:inset 1px 1px 0 var(--theme-shadow)}.private-match-btn:disabled{cursor:not-allowed;opacity:.6}.private-match-error{background-color:#fadbd8;border:1px solid #c0392b;color:#c0392b;font-size:var(--font-size-small);padding:var(--spacing-sm)}.match-control-window{min-width:260px;padding:var(--spacing-md)}.match-control-info{background-color:var(--theme-text-inverse);border:1px solid var(--theme-border-dark);display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);padding:var(--spacing-sm)}.match-control-row{display:flex;font-size:var(--font-size-normal);justify-content:space-between}.match-control-label{color:var(--theme-text-secondary)}.match-control-value{color:var(--theme-text-primary);font-weight:700}.match-control-value.match-code{font-family:monospace;letter-spacing:2px}.match-control-players{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.match-control-player{background-color:var(--theme-text-inverse);border:1px solid var(--theme-border-dark);padding:var(--spacing-xs) var(--spacing-sm)}.match-control-player .player-name{font-size:var(--font-size-normal)}.match-control-buttons{display:flex;flex-direction:column;gap:var(--spacing-sm)}.match-control-btn{cursor:pointer;font-family:var(--font-family-main);font-size:var(--font-size-normal);height:28px;width:100%}.match-control-btn.open-game-btn{background-color:#27ae60;border-color:#1e8449;color:#fff}.match-control-btn.open-game-btn:hover{background-color:#2ecc71}.match-control-btn.leave-btn{background-color:var(--theme-surface)}.match-control-btn.end-btn{background-color:#e74c3c;border-color:#c0392b;color:#fff}.taskbar-match-button{align-items:center;background-color:var(--theme-surface);border-color:var(--theme-border-dark) var(--theme-border-light) var(--theme-border-light) var(--theme-border-dark);border-style:solid;border-width:var(--border-width-standard);cursor:pointer;display:flex;font-family:var(--font-family-main);font-size:var(--font-size-small);gap:var(--spacing-xs);height:22px;margin-left:var(--spacing-xs);max-width:200px;min-width:120px;padding:0 var(--spacing-sm)}.taskbar-match-button:hover{background-color:var(--theme-border-light)}.taskbar-match-button.active{background-color:var(--theme-surface);border-color:var(--theme-border-dark) var(--theme-border-light) var(--theme-border-light) var(--theme-border-dark)}.taskbar-match-icon{height:16px;width:16px}.taskbar-match-text{overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;white-space:nowrap}.taskbar-match-indicator{-webkit-animation:pulse-indicator 2s ease-in-out infinite;animation:pulse-indicator 2s ease-in-out infinite;background-color:#2ecc71;border-radius:50%;height:8px;margin-left:auto;width:8px}@-webkit-keyframes pulse-indicator{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulse-indicator{0%,to{opacity:1}50%{opacity:.5}}
/*# sourceMappingURL=main.955e1989.css.map*/