*{box-sizing:border-box;margin:0;padding:0;scrollbar-color:#2020206b #0000000f;scrollbar-width:thin}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-track{background:#0000000f;border-radius:999px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#3737378c,#19191980);border-radius:999px;box-shadow:inset 0 0 0 1px #ffffff1f}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#464646a6,#23232399)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}canvas{cursor:crosshair;display:block}.gameplay-tutorial-prompt-backdrop{align-items:center;background:#000000a6;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:20000}.gameplay-tutorial-prompt-panel{border-radius:8px;max-width:420px;padding:24px}.gameplay-tutorial-prompt-panel--menu{background:linear-gradient(180deg,#28231efa,#191612fa);border:2px solid #b48c5080;box-shadow:0 8px 32px #00000080;color:#fff}.gameplay-tutorial-prompt-panel--menu-scroll{-webkit-overflow-scrolling:touch;overflow-y:auto}.reserve-pseudo-modal-shell{box-sizing:border-box}.gameplay-tutorial-prompt-panel--victory{background:linear-gradient(180deg,#f4ecd8,#e8dfc8);border:2px solid #785a3273;box-shadow:0 8px 32px #00000059;color:#111}.gameplay-tutorial-layout-btn{background:#00000040;border:2px solid #ffffff59;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;letter-spacing:.04em;min-width:104px;padding:8px 16px;transition:border-color .15s ease,background .15s ease}.gameplay-tutorial-layout-btn:hover{background:#ffffff14;border-color:#ffffff80}.gameplay-tutorial-layout-btn:focus-visible{outline:2px solid #ffeb78e6;outline-offset:2px}.gameplay-tutorial-layout-btn--selected{background:#ffeb3b1f;border-color:#ffeb3b;box-shadow:0 0 0 1px #ffeb3b59}.main-menu-chat-card:hover{border:4px solid #ffe100;box-shadow:0 8px 32px #00000038;transform:scale(1.04) rotate(0deg)}.main-menu-body-scroll{-webkit-overflow-scrolling:touch;align-items:flex-start;box-sizing:border-box;display:flex;flex:1 1 auto;justify-content:flex-start;max-width:100%;min-height:0;min-width:0;overflow-x:auto;overflow-y:visible;position:relative;scroll-padding-inline:16px;scrollbar-color:#2020206b #0000000f;scrollbar-width:thin;width:100%;z-index:40}.main-menu-body-scroll::-webkit-scrollbar{height:5px}.main-menu-body-scroll::-webkit-scrollbar-track{background:#0000000f;border-radius:999px;margin-inline:8px}.main-menu-body-scroll::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#3737378c,#19191980);border-radius:999px;box-shadow:inset 0 0 0 1px #ffffff1f}.main-menu-body-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#464646a6,#23232399)}.main-menu-content-row{align-items:flex-start;box-sizing:border-box;display:flex;flex:1 1;flex-direction:row;gap:40px;justify-content:center;margin-left:auto;margin-right:auto;margin-top:120px;max-width:none;min-height:0;padding-left:16px;padding-right:16px;width:-webkit-max-content;width:max-content}.main-menu-left-column{align-items:flex-start;display:flex;flex-direction:column;gap:16px;margin-top:20px}.main-menu-chat-card{align-items:stretch;background:#fff;border:3px solid #000;border-radius:24px;box-shadow:0 4px 16px #0000002e;display:flex;flex-direction:column;justify-content:flex-start;margin-top:0;max-width:360px;min-height:380px;min-width:220px;padding:18px 16px 12px;transform:rotate(-2deg);width:320px}.main-menu-chat-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;flex-direction:row;gap:8px;justify-content:space-between;margin-bottom:8px;padding-bottom:6px}.main-menu-chat-header-main{flex:1 1;min-width:0}.main-menu-chat-connected{align-self:center;color:#666;flex-shrink:0;font-size:.65rem;font-weight:600;line-height:1;margin:0;padding:0;text-align:right;white-space:nowrap}.main-menu-chat-header-row{align-items:center;display:flex;gap:8px;justify-content:space-between;min-width:0}.main-menu-chat-pseudo{color:#7ed900;font-size:.95rem;font-weight:700}.main-menu-chat-gear-wrap{align-items:center;display:inline-flex;justify-content:center;position:relative;z-index:2}.main-menu-chat-gear-tooltip{animation:main-menu-gear-hint-in .25s ease-out;background:#fff8dc;border:2px solid #000;border-radius:10px;bottom:calc(100% + 8px);box-shadow:0 4px 12px #0003;color:#222;font-size:.72rem;font-weight:600;line-height:1.25;max-width:220px;padding:8px 10px;pointer-events:none;position:absolute;right:0;text-align:center;z-index:100000}.main-menu-chat-gear-tooltip:after{background:#fff8dc;border-bottom:2px solid #000;border-right:2px solid #000;bottom:-4px;content:"";height:8px;position:absolute;right:10px;transform:rotate(45deg);width:8px}.main-menu-chat-gear-tooltip--portal{bottom:auto;box-sizing:border-box;right:auto}.main-menu-chat-gear-tooltip--portal-below:after{border:2px solid #000;border-bottom:none;border-right:none;bottom:auto;right:10px;top:-4px;transform:rotate(45deg)}@keyframes main-menu-gear-hint-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.main-menu-chat-gear{align-items:center;background:#f5f5f5;border:2px solid #ccc;border-radius:6px;cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;transition:border-color .2s,background .2s;width:28px}.main-menu-chat-gear:hover{background:#e8f5e0;border-color:#7ed900}.main-menu-chat-gear svg{color:#555;height:16px;width:16px}.main-menu-chat-gear:hover svg{color:#5a9a00}.main-menu-chat-header-actions{align-items:center;display:flex;gap:6px}.main-menu-chat-expand{align-items:center;background:#f5f5f5;border:2px solid #ccc;border-radius:6px;cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;transition:border-color .2s,background .2s;width:28px}.main-menu-chat-expand:hover{background:#e8f5e0;border-color:#7ed900}.main-menu-chat-expand svg{color:#555;height:16px;width:16px}.main-menu-chat-expand:hover svg{color:#5a9a00}.main-menu-chat-close{align-items:center;background:#f5f5f5;border:2px solid #ccc;border-radius:6px;cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;transition:border-color .2s,background .2s;width:28px}.main-menu-chat-close:hover{background:#fdeaea;border-color:#e74c3c}.main-menu-chat-close svg{color:#555;height:16px;width:16px}.main-menu-chat-close:hover svg{color:#e74c3c}.main-menu-chat-overlay{align-items:center;animation:main-menu-chat-overlay-in .3s cubic-bezier(.34,1.56,.64,1);background:#00000080;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:10000}.main-menu-chat-overlay-closing{animation:main-menu-chat-overlay-out .35s ease-in-out forwards}@keyframes main-menu-chat-overlay-in{0%{background:#0000;opacity:0}to{background:#00000080;opacity:1}}@keyframes main-menu-chat-overlay-out{0%{background:#00000080;opacity:1}to{background:#0000;opacity:0}}.main-menu-chat-card-expanded{animation:main-menu-chat-card-grow .4s cubic-bezier(.34,1.56,.64,1) forwards;box-shadow:0 12px 48px #00000059;height:80vh;max-height:600px;max-width:640px;transform-origin:100% 0;width:100%}.main-menu-chat-card-closing{animation:main-menu-chat-card-shrink .35s ease-in-out forwards}@keyframes main-menu-chat-card-grow{0%{opacity:0;transform:scale(.35) rotate(-2deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes main-menu-chat-card-shrink{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(0) scale(.5);transform:translate(var(--close-x,0),var(--close-y,0)) scale(.5)}}.main-menu-chat-card-placeholder{opacity:0;pointer-events:none;visibility:visible}.main-menu-chat-card-expanded .main-menu-chat-messages{flex:1 1;max-height:none;min-height:180px}.main-menu-chat-pseudo-edit-form{align-items:center;display:flex;gap:8px;width:100%}.main-menu-chat-pseudo-input{border:2px solid #e0e0e0;border-radius:6px;color:#7ed900;flex:1 1;font-size:.95rem;font-weight:700;min-width:0;outline:none;padding:6px 10px;transition:border-color .2s}.main-menu-chat-pseudo-input:focus{border-color:#7ed900}.main-menu-chat-pseudo-input::placeholder{color:#999}.main-menu-chat-pseudo-validate{align-items:center;background:#7ed900;border:2px solid #7ed900;border-radius:6px;color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;transition:border-color .2s,background .2s;width:28px}.main-menu-chat-pseudo-validate:hover{background:#6bc500;border-color:#6bc500}.main-menu-chat-pseudo-validate svg{height:16px;width:16px}.main-menu-chat-messages{color:#222;flex:1 1;font-size:1.1rem;margin-bottom:12px;max-height:200px;overflow-y:auto}.main-menu-chat-message{margin-bottom:6px;word-break:break-word}.main-menu-chat-message--system{color:#666;font-style:italic}.main-menu-chat-message--system .main-menu-chat-from{color:#888}.main-menu-chat-from{color:#7ed900;font-weight:700;margin-right:4px}.main-menu-chat-form{display:flex;flex-direction:column;gap:8px}.main-menu-chat-input{border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-size:1.1rem;outline:none;padding:8px 10px;transition:border .2s;width:100%}.main-menu-chat-input:focus{border:2px solid #7ed900}.main-menu-chat-send{background:repeating-linear-gradient(135deg,#80808014 0 2px,#0000 2px 8px),#0eb6ed;border:3px solid #000;border-radius:16px;box-shadow:0 2px 8px #00000026;color:#fff;cursor:pointer;font-family:Montserrat,Arial,sans-serif;font-size:1rem;font-weight:900;padding:10px 20px;text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000,0 2px 0 #000,2px 0 0 #000,0 -2px 0 #000,-2px 0 0 #000;transition:box-shadow .2s,border-color .2s}.main-menu-chat-send:hover{border-color:#ffe100;box-shadow:0 4px 16px #00000038}.main-menu-side-column{align-items:stretch;display:flex;flex-direction:column;gap:16px;margin-top:-50px;min-width:0}.main-menu-music-group{display:flex;flex-direction:column;gap:6px}.main-menu-music-card-label{font-size:.78rem;font-weight:600;letter-spacing:.02em;margin-left:12px;opacity:.88}.main-menu-music-card{align-items:center;background:#c70103;border:3px solid #000;border-radius:9999px;box-shadow:0 4px 16px #0000002e;display:flex;flex-direction:row;gap:10px;margin-left:12px;max-width:360px;min-width:220px;padding:8px 14px;transform:rotate(-2deg);transition:transform .1s,box-shadow .1s,border .1s;width:320px}.main-menu-music-card:hover{border:3px solid #ffe100;box-shadow:0 8px 32px #00000038;transform:scale(1.04) rotate(0deg)}.main-menu-music-mute{align-items:center;background:#ffffffe6;border:2px solid #000;border-radius:10px;cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;height:34px;justify-content:center;transition:background .2s;width:34px}.main-menu-music-mute:hover{background:#fff}.main-menu-music-slider-wrap{align-items:center;display:flex;flex:1 1;gap:10px}.main-menu-music-slider{-webkit-appearance:none;appearance:none;background:#0000004d;border-radius:4px;flex:1 1;height:8px;min-width:0;outline:none}.main-menu-music-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:2px solid #000;border-radius:50%;box-shadow:0 2px 6px #0000004d;cursor:pointer;height:20px;width:20px}.main-menu-music-slider::-moz-range-thumb{background:#fff;border:2px solid #000;border-radius:50%;box-shadow:0 2px 6px #0000004d;cursor:pointer;height:20px;width:20px}.main-menu-music-value{color:#fff;font-size:.95rem;font-weight:700;min-width:36px;text-shadow:1px 1px 0 #000}.main-menu-discord-card{align-items:center;background:repeating-linear-gradient(135deg,#80808014 0 2px,#0000 2px 8px),#0eb6ed;border:3px solid #000;border-radius:16px;box-shadow:0 4px 16px #0000002e;display:flex;flex-direction:row;gap:10px;margin-left:12px;max-width:360px;min-width:220px;padding:8px 14px;transform:rotate(-2deg);transition:transform .1s,box-shadow .1s,border .1s;width:320px}.main-menu-discord-card:hover{border:3px solid #ffe100;box-shadow:0 8px 32px #00000038;transform:scale(1.04) rotate(0deg)}.main-menu-discord-icon{align-items:center;color:#fff;display:flex;flex-shrink:0;height:34px;justify-content:center;width:34px}.main-menu-discord-icon svg{height:28px;width:28px}.main-menu-discord-label{flex:1 1;font-family:Montserrat,Arial,sans-serif;font-size:1.25rem;font-weight:900;text-align:center}.main-menu-discord-label,.main-menu-discord-label:first-letter{color:#fff;text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000,0 2px 0 #000,2px 0 0 #000,0 -2px 0 #000,-2px 0 0 #000}.main-menu-tutorial-card{align-items:center;-webkit-appearance:none;appearance:none;background:repeating-linear-gradient(135deg,#0000000f 0 2px,#0000 2px 8px),linear-gradient(180deg,#d4a82f,#9a6f1a);border:3px solid #000;border-radius:16px;box-shadow:0 4px 16px #0000002e;color:inherit;cursor:pointer;display:flex;flex-direction:row;font:inherit;gap:10px;margin-left:12px;max-width:360px;min-width:220px;padding:8px 14px;transform:rotate(-2deg);transition:transform .1s,box-shadow .1s,border .1s;width:320px}.main-menu-tutorial-card:hover{border:3px solid #ffe100;box-shadow:0 8px 32px #00000038;transform:scale(1.04) rotate(0deg)}.main-menu-tutorial-icon{align-items:center;color:#fff;display:flex;flex-shrink:0;height:34px;justify-content:center;width:34px}.main-menu-tutorial-icon svg{height:28px;width:28px}.main-menu-tutorial-label{flex:1 1;font-family:Montserrat,Arial,sans-serif;font-size:1.25rem;font-weight:900;text-align:center}.main-menu-tutorial-label,.main-menu-tutorial-label:first-letter{color:#fff;text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000,0 2px 0 #000,2px 0 0 #000,0 -2px 0 #000,-2px 0 0 #000}.discord-modal-backdrop{align-items:center;animation:discord-backdrop-in .2s ease;background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}@keyframes discord-backdrop-in{0%{opacity:0}to{opacity:1}}.discord-modal{align-items:center;animation:discord-modal-in .25s cubic-bezier(.34,1.56,.64,1);background:#1e1f22;border:2px solid #5865f2;border-radius:16px;display:flex;flex-direction:column;gap:16px;min-width:280px;padding:32px 40px;position:relative}@keyframes discord-modal-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.discord-modal-close{background:none;border:none;color:#aaa;cursor:pointer;font-size:20px;line-height:1;position:absolute;right:14px;top:10px}.discord-modal-close:hover{color:#fff}.discord-modal-icon{color:#5865f2}.discord-modal-title{color:#fff;font-size:20px;font-weight:700;margin:0;text-align:center}.discord-modal-qr{border:3px solid #5865f2;border-radius:8px;height:200px;width:200px}.discord-modal-link{color:#5865f2;font-size:14px;text-decoration:none}.discord-modal-link:hover{text-decoration:underline}.main-menu-castle-bg{bottom:0;height:100vh;left:0;overflow:hidden;pointer-events:none;position:absolute;width:100vw;z-index:0}.main-menu-castle-bg img{animation:castle-diag 40s linear infinite;animation-fill-mode:backwards;filter:drop-shadow(0 2px 8px #0008);height:auto;opacity:0;position:absolute;width:90px}.main-menu-castle-bg img:first-child{animation-delay:-7s;bottom:0;left:4vw}.main-menu-castle-bg img:nth-child(2){animation-delay:0s;bottom:3vh;left:12vw}.main-menu-castle-bg img:nth-child(3){animation-delay:-18s;bottom:6vh;left:20vw}.main-menu-castle-bg img:nth-child(4){animation-delay:8s;bottom:2vh;left:28vw}.main-menu-castle-bg img:nth-child(5){animation-delay:-13s;bottom:8vh;left:36vw}.main-menu-castle-bg img:nth-child(6){animation-delay:5s;bottom:4vh;left:48vw}.main-menu-castle-bg img:nth-child(7){animation-delay:-21s;bottom:10vh;left:60vw}.main-menu-castle-bg img:nth-child(8){animation-delay:12s;bottom:5vh;left:72vw}.main-menu-castle-bg img:nth-child(9){animation-delay:-16s;bottom:7vh;left:84vw}.main-menu-castle-bg img:nth-child(10){animation-delay:3s;bottom:0;left:98vw}@keyframes castle-diag{0%{opacity:0;transform:translate(0)}0.5%{opacity:.18}to{opacity:.18;transform:translate(-60vw,-100vh)}}.main-menu-title:first-letter{color:#f0f000;text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000,0 2px 0 #000,2px 0 0 #000,0 -2px 0 #000,-2px 0 0 #000}.main-menu-bg{-webkit-overflow-scrolling:touch;align-items:stretch;background:repeating-linear-gradient(135deg,#8080801a 0 6px,#0000 6px 16px),linear-gradient(90deg,#e4e80a 0,#84e607);box-sizing:border-box;display:flex;flex-direction:column;font-family:Arial Rounded MT Bold,Arial,sans-serif;height:100vh;justify-content:flex-start;max-width:100%;min-height:100vh;overflow-x:hidden;overflow-y:auto;position:relative;width:100%}.main-menu-bg.main-menu-subpage-shell{height:100vh;max-height:100vh;min-height:100vh;overflow:hidden}.main-menu-subpage-scroll{-webkit-overflow-scrolling:touch;flex:1 1 auto;max-width:100%;min-height:0;overflow-x:hidden;overflow-y:auto;position:relative;width:100%;z-index:5}.main-menu-header{flex-shrink:0;height:80px;position:relative;width:100%;z-index:10}.main-menu-header-logo-slot{pointer-events:auto;position:absolute;right:24px;top:calc(50% - 25.5px);width:75px;z-index:35}.main-menu-header-logo{background:#000;border:3px solid #000;border-radius:50%;box-shadow:0 4px 16px #0000002e;box-sizing:border-box;flex-shrink:0;height:75px;overflow:hidden;position:relative;transition:box-shadow .1s,border-color .1s;width:75px}.main-menu-header-logo-slot:hover .main-menu-header-logo{border-color:#ffe100;box-shadow:0 8px 32px #00000038}.main-menu-header-logo img{display:block;height:100%;image-rendering:auto;object-fit:cover;width:100%}.main-menu-header-logo-slot--forward-animating .main-menu-header-logo,.main-menu-header-logo-slot--forward-animating .main-menu-header-logo-tagline{cursor:default;pointer-events:none}.main-menu-header-logo--foldable{cursor:pointer}.main-menu-header-logo-tagline--foldable{cursor:pointer;pointer-events:auto}.main-menu-header-logo-tagline{align-items:center;color:#fff;display:flex;flex-direction:column;font-family:Montserrat,Arial,sans-serif;font-size:2.1rem;font-weight:900;justify-content:flex-start;left:50%;line-height:1.05;pointer-events:none;position:absolute;text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000,0 2px 0 #000,2px 0 0 #000,0 -2px 0 #000,-2px 0 0 #000;text-transform:uppercase;top:85px;transform:translateX(-50%);-webkit-user-select:none;user-select:none}.main-menu-header-logo-tagline-char--space{font-size:.35em;line-height:.35;min-height:8px}.main-menu-header-logo-tagline-char--first{color:#c70103;text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000,0 2px 0 #000,2px 0 0 #000,0 -2px 0 #000,-2px 0 0 #000}.main-menu-title-row{align-items:center;display:flex;flex-direction:row;gap:10px;left:48px;pointer-events:auto;position:absolute;top:20px;transform:rotate(-2deg);z-index:30}.main-menu-fullscreen-btn{align-items:center;background:#0006;border:2px solid #000;border-radius:10px;box-shadow:0 2px 8px #00000040;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;margin:0;padding:0;transition:border-color .15s,background .15s,box-shadow .15s;width:40px}.main-menu-fullscreen-btn:hover{background:#0000008c;border-color:#ffe100;box-shadow:0 4px 14px #0000004d}.main-menu-fullscreen-btn:focus-visible{outline:2px solid #ffe100;outline-offset:2px}.main-menu-title{color:#fff;font-family:Montserrat,Arial,sans-serif;font-size:2.6rem;font-weight:900;left:48px;letter-spacing:0;pointer-events:none;position:absolute;text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000,0 2px 0 #000,2px 0 0 #000,0 -2px 0 #000,-2px 0 0 #000;top:20px;transform:rotate(-2deg);-webkit-user-select:none;user-select:none;z-index:30}.main-menu-title-row .main-menu-title{left:auto;position:static;top:auto;transform:none;z-index:auto}.build-menu-panel-title{color:#fff;font-family:Montserrat,Arial,sans-serif;font-size:1.35rem;font-weight:900;letter-spacing:0;line-height:1.2}.build-menu-panel-title,.build-menu-panel-title:first-letter{text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000,0 2px 0 #000,2px 0 0 #000,0 -2px 0 #000,-2px 0 0 #000}.build-menu-panel-title:first-letter{color:#f0f000}.build-menu-section-title-red{color:#fff;display:inline-block;font-family:Montserrat,Arial,sans-serif;font-size:1.35rem;font-weight:900;letter-spacing:0;line-height:1.2}.build-menu-section-title-red,.build-menu-section-title-red:first-letter{text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000,0 2px 0 #000,2px 0 0 #000,0 -2px 0 #000,-2px 0 0 #000}.build-menu-section-title-red:first-letter{color:#c70103}.boot-loading-root{background:#000;inset:0;pointer-events:auto;position:fixed;z-index:99999}.boot-loading-inner,.boot-loading-root{align-items:center;display:flex;justify-content:center}.boot-loading-inner{flex-direction:column}.boot-loading-logo-ring{background:#000;border:9px solid #ffe100;border-radius:50%;box-shadow:0 24px 96px #00000038;box-sizing:border-box;flex-shrink:0;height:225px;overflow:hidden;width:225px}.boot-loading-logo-ring img{display:block;height:100%;object-fit:cover;width:100%}.boot-loading-title{color:#fff;font-family:Montserrat,Arial,sans-serif;font-size:2.1rem;font-weight:900;letter-spacing:.06em;line-height:1.1;margin-top:42px;text-align:center;text-transform:uppercase;-webkit-user-select:none;user-select:none;white-space:nowrap}.boot-loading-title,.boot-loading-title:first-letter{text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000,0 2px 0 #000,2px 0 0 #000,0 -2px 0 #000,-2px 0 0 #000}.boot-loading-title:first-letter{color:#c70103}.main-menu-header-green{background:#7ed900;-webkit-clip-path:polygon(0 0,100% 0,100% 38px,0 60px);clip-path:polygon(0 0,100% 0,100% 38px,0 60px);height:60px;opacity:1}.main-menu-header-band,.main-menu-header-green{left:0;position:absolute;top:0;width:100%;z-index:11}.main-menu-header-band{align-items:flex-start;background:repeating-linear-gradient(135deg,#fff 0 16px,#f5f5f5 16px 32px);border-bottom:4px solid #e0e0e0;border-top:4px solid #e0e0e0;box-shadow:0 4px 16px #00000014;-webkit-clip-path:polygon(0 60px,100% 0,100% 50px,0 110px);clip-path:polygon(0 60px,100% 0,100% 50px,0 110px);display:flex;height:110px;overflow:visible;padding-left:60px;z-index:23}.main-menu-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,260px);grid-template-rows:repeat(2,180px)}@media (pointer:coarse){.main-menu-grid{gap:19px;grid-template-columns:repeat(2,208px);grid-template-rows:repeat(3,144px)}.main-menu-item{border-radius:19px;border-width:2px;padding-bottom:6px}.main-menu-item:hover{border-width:3px}.main-menu-item-top-left-icon{height:38px;left:6px;top:6px;width:38px}.main-menu-item-sheep{height:102px;left:-16px;width:102px}.main-menu-item-sheep img{animation:main-menu-sheep-move-coarse .5s steps(4) infinite;height:102px;width:410px}}@keyframes main-menu-sheep-move-coarse{0%{transform:translateX(0)}to{transform:translateX(-410px)}}.main-menu-item{align-items:center;background:#fff;border:3px solid #000;border-radius:24px;box-shadow:0 4px 16px #0000002e;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:8px;position:relative;transform:rotate(-2deg);transition:transform .1s,box-shadow .1s,border .1s}.main-menu-item:hover{border:4px solid #ffe100;box-shadow:0 8px 32px #00000038;transform:scale(1.04) rotate(0deg)}.main-menu-item-has-icon,.main-menu-item-lore{overflow:hidden}.main-menu-item-with-bg{background-image:var(--menu-item-bg);background-position:50%;background-repeat:no-repeat;background-size:cover}.main-menu-item-top-left-icon{align-items:center;display:flex;height:48px;justify-content:center;left:8px;pointer-events:none;position:absolute;top:8px;width:48px;z-index:1}.main-menu-item-top-left-icon img{max-height:100%;max-width:100%;object-fit:contain}.main-menu-item-sheep{height:128px;left:-20px;overflow:hidden;pointer-events:none;position:absolute;width:128px;z-index:1}.main-menu-item-sheep img{animation:main-menu-sheep-move .5s steps(4) infinite;display:block;height:128px;width:512px}@keyframes main-menu-sheep-move{0%{transform:translateX(0)}to{transform:translateX(-512px)}}.main-menu-icon{height:80px;margin-bottom:12px;width:80px}.main-menu-label{color:#fff;font-family:Montserrat,Arial,sans-serif;font-size:1.4rem;font-weight:900;margin-bottom:16px}.main-menu-label,.main-menu-label:first-letter{text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000,0 2px 0 #000,2px 0 0 #000,0 -2px 0 #000,-2px 0 0 #000}.main-menu-label:first-letter{color:#c70103}.main-menu-footer-wrap{align-items:center;align-self:stretch;display:flex;justify-content:center;min-height:48px}.main-menu-footer{align-self:center;background:#ffffffb3;border-radius:12px;box-shadow:0 2px 8px #00000014;color:#333;font-size:1.1rem;font-weight:700;padding:10px 32px}@media (pointer:coarse){.main-menu-label{font-size:1.12rem;margin-bottom:13px}.main-menu-label,.main-menu-label:first-letter{text-shadow:-1.5px -1.5px 0 #000,1.5px -1.5px 0 #000,-1.5px 1.5px 0 #000,1.5px 1.5px 0 #000,0 1.5px 0 #000,1.5px 0 0 #000,0 -1.5px 0 #000,-1.5px 0 0 #000}.main-menu-footer-wrap{min-height:38px}.main-menu-footer{border-radius:10px;box-shadow:0 1.5px 6px #00000014;font-size:.88rem;padding:8px 26px}}.main-menu-item-ladder-btn{pointer-events:auto;position:absolute;right:8px;top:8px;z-index:3}@media (pointer:coarse){.main-menu-item-ladder-btn{height:36px;right:6px;top:6px;width:36px}}.ladder-card-block{margin-bottom:20px}.ladder-me-card{margin-top:8px;padding:0}.ladder-me-head{align-items:center;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;margin-bottom:14px}.ladder-me-elo-pill{flex-shrink:0;font-size:.88rem;font-weight:800}.ladder-me-identity{align-items:baseline;display:flex;flex:1 1;gap:10px;min-width:0}.ladder-me-rank-num{font-feature-settings:"tnum";color:#111;flex-shrink:0;font-family:Montserrat,Arial,sans-serif;font-size:1.35rem;font-variant-numeric:tabular-nums;font-weight:900;letter-spacing:-.02em}.ladder-me-name{color:#1a1a1a;font-family:Montserrat,Arial,sans-serif;font-size:1.12rem;font-weight:800;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ladder-me-vs-row{align-items:flex-start;display:flex;flex-direction:row;gap:20px;justify-content:space-between}.ladder-me-human-col{flex:1 1;min-width:0}.ladder-me-bot-col{flex-shrink:0;min-width:7.5rem;text-align:right}.ladder-me-section-kicker{color:#0000007a;font-size:.68rem;font-weight:800;letter-spacing:.1em;margin-bottom:6px;text-transform:uppercase}.ladder-me-section-kicker--right{text-align:right}.ladder-me-bot-stats,.ladder-me-human-stats{font-feature-settings:"tnum";color:#0000007a;font-size:.76rem;font-variant-numeric:tabular-nums;font-weight:600;line-height:1.35}.ladder-me-bot-stats{text-align:right}.server-browser-room.ladder-row--self{border:4px solid #ffe100;box-shadow:0 4px 14px #00000014}.ladder-room-pseudo{display:inline}.ladder-reserve-cta{align-items:flex-start;display:flex;flex-direction:column;gap:8px;margin-top:14px}.ladder-reserve-hint{color:#000000b8;font-size:.88rem;line-height:1.35;margin:0;max-width:520px}.ladder-row-stats{color:#000000a6;font-size:.82rem;padding:0 12px 10px}.ladder-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:16px}.ladder-page-indicator{font-feature-settings:"tnum";color:#000000bf;font-size:.9rem;font-variant-numeric:tabular-nums;font-weight:600}.game-over-overlay{-webkit-overflow-scrolling:touch;align-items:center;animation:game-over-fade-in .4s ease-out;background:#000000bf;box-sizing:border-box;display:flex;flex-direction:column;inset:0;justify-content:flex-start;min-height:100dvh;min-height:100vh;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:max(12px,env(safe-area-inset-top,0px)) max(12px,env(safe-area-inset-right,0px)) max(12px,env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));position:fixed;z-index:9999}@keyframes game-over-fade-in{0%{opacity:0}to{opacity:1}}.game-over-content{align-items:center;background:linear-gradient(135deg,#1e1e28f2,#14141ef2);border:3px solid #fff3;border-radius:24px;box-shadow:0 16px 64px #00000080;box-sizing:border-box;display:flex;flex:0 1 auto;flex-direction:column;gap:24px;margin:0 auto;max-width:min(100%,920px);padding:clamp(20px,4vw,40px) clamp(16px,4vw,36px);width:100%}.game-over-title{font-family:Montserrat,Arial,sans-serif;font-size:clamp(2.5rem,8vw,4rem);font-weight:900;text-align:center;text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000}.game-over-title.victory{color:#4caf50}.game-over-title.defeat{color:#f44336}.game-over-title.draw{color:#ffc107}.game-over-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.game-over-content--wide{max-width:min(100%,920px)}.game-over-rematch-block{margin-left:auto;margin-right:auto;max-width:420px;width:100%}.game-over-unit-stats{text-align:left;width:100%}.game-over-unit-stats-title{color:#ffffffd1;font-weight:700!important;letter-spacing:.02em;margin-bottom:6px!important;text-align:center}.game-over-unit-stats-rows{display:flex;flex-direction:column;gap:6px}.game-over-unit-stats-row{grid-gap:8px 12px;align-items:flex-start;background:#00000047;border:1px solid #ffffff14;border-radius:10px;display:grid;gap:8px 12px;grid-template-columns:minmax(120px,160px) 1fr;padding:6px 10px}.game-over-unit-stats-left{min-width:0}.game-over-unit-stats-name{color:#fff;font-size:.95rem!important;font-weight:700!important;line-height:1.25!important;word-break:break-word}.game-over-unit-stats-lost{color:#ffc8a0eb;font-size:.78rem!important;font-weight:600!important;line-height:1.15!important;margin-top:2px!important}.game-over-unit-stat-count{color:#ffffffeb;font-size:.82rem!important;font-weight:800!important;letter-spacing:.02em;line-height:1!important}.game-over-apm{margin-top:4px;text-align:left;width:100%}.game-over-apm-title{color:#ffffffd1;font-weight:700!important;letter-spacing:.02em;margin-bottom:10px!important;text-align:center}.game-over-apm-rows{display:flex;flex-direction:column;gap:8px}.game-over-apm-row{align-items:center;background:#00000047;border:1px solid #ffffff14;border-radius:10px;display:flex;gap:16px;justify-content:space-between;padding:8px 12px}.game-over-apm-name{color:#fff;font-size:.9rem!important;font-weight:700!important;min-width:0;word-break:break-word}.game-over-apm-value{font-feature-settings:"tnum";color:#b4dcfffa;flex-shrink:0;font-size:.95rem!important;font-variant-numeric:tabular-nums;font-weight:800!important}@media (max-width:520px){.game-over-unit-stats-row{align-items:flex-start;grid-template-columns:1fr}.game-over-unit-stats-types{padding-top:2px}}.tutorial-view.main-menu-bg{max-width:100%;width:100%}.tutorial-unit-sheep-anim{height:128px;margin:0 auto;overflow:hidden;width:128px}.tutorial-unit-sheep-anim img{animation:tutorial-sheep-move .5s steps(4) infinite;display:block;height:128px;width:512px}@keyframes tutorial-sheep-move{0%{transform:translateX(0)}to{transform:translateX(-512px)}}.tutorial-view-scroll{align-items:center;background:repeating-linear-gradient(135deg,#8080801a 0 6px,#0000 6px 16px),linear-gradient(90deg,#e4e80a 0,#84e607);box-sizing:border-box;display:flex;flex-direction:column;min-width:0;padding:24px 16px 200px;width:100%}.tutorial-crawl-container{align-self:stretch;background:#0a0a0a;background:linear-gradient(180deg,#050505,#0f0f0f 20%,#151510 50%,#0f0f0f 80%,#050505);border:4px solid #2a2a2a;border-radius:12px;box-shadow:inset 0 0 80px #000c,0 6px 24px #0006;box-sizing:border-box;flex-shrink:0;height:45vh;margin:16px 0 24px;max-width:100vw;min-height:480px;min-width:0;overflow:hidden;position:relative;width:100%}.tutorial-crawl-container:after,.tutorial-crawl-container:before{content:"";left:0;pointer-events:none;position:absolute;right:0;z-index:2}.tutorial-crawl-container:before{background:linear-gradient(180deg,#050505 0,#050505f2 20%,#050505b3 50%,#0000);height:120px;top:0}.tutorial-crawl-container:after{background:linear-gradient(0deg,#0a0a0a 0,#0000);bottom:0;height:80px}.tutorial-crawl-perspective{box-sizing:border-box;height:100%;min-width:0;overflow:hidden;padding:0 clamp(8px,2vw,20px);perspective:1200px;perspective-origin:50% 35%}.tutorial-crawl-content{align-items:center;animation:tutorial-crawl-scroll 90s linear infinite;display:flex;flex-direction:column;max-width:100%;position:relative;top:100%;transform:rotateX(8deg) scale(.94);transform-origin:50% 0}.tutorial-crawl-content,.tutorial-crawl-text{box-sizing:border-box;margin:0 auto;min-width:0;width:100%}.tutorial-crawl-text{word-wrap:break-word;color:#ffeb3b;font-family:Georgia,Times New Roman,serif;font-size:clamp(.85rem,1.2vw + .7rem,1.35rem);font-weight:500;-webkit-hyphens:auto;hyphens:auto;line-height:1.85;max-width:min(100%,38ch);overflow-wrap:anywhere;padding:0 clamp(4px,1vw,12px);text-align:center;text-shadow:0 0 8px #ffeb3bcc;white-space:pre-wrap;word-break:normal}@keyframes tutorial-crawl-scroll{0%{top:100%}to{top:-300%}}.tutorial-top-controls{flex-direction:row;flex-wrap:nowrap;justify-content:space-between;padding:12px 20px 12px 24px;position:relative;z-index:20}.tutorial-back-btn,.tutorial-top-controls{align-items:center;box-sizing:border-box;display:flex;flex-shrink:0}.tutorial-back-btn{background:#fff;border:3px solid #000;border-radius:50%;box-shadow:0 4px 12px #0003;cursor:pointer;height:48px;justify-content:center;margin:0;padding:0;transition:transform .15s,box-shadow .15s,border-color .15s;width:48px}.tutorial-back-btn:hover{border-color:#ffe100;box-shadow:0 6px 20px #00000040;transform:scale(1.08)}.tutorial-back-btn:active{transform:scale(.98)}.tutorial-music-card-wrap{align-items:center;display:flex;flex-shrink:0}.tutorial-music-card-wrap .main-menu-music-card{margin-left:0;margin-right:0;transform:none}.tutorial-music-card-wrap .main-menu-music-card:hover{transform:scale(1.04)}.tutorial-sound-btn{align-items:center;background:#fff;border:3px solid #000;border-radius:50%;box-shadow:0 4px 12px #0003;cursor:pointer;display:flex;height:48px;justify-content:center;position:absolute;right:20px;top:20px;transition:transform .15s,box-shadow .15s,border-color .15s;width:48px;z-index:100}.tutorial-sound-btn:hover{border-color:#ffe100;box-shadow:0 6px 20px #00000040;transform:scale(1.08)}.tutorial-sound-btn:active{transform:scale(.98)}.tutorial-cards-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));max-width:1200px;min-width:0;width:100%}.tutorial-unit-card{background:#fff;border:3px solid #000;border-radius:24px;box-shadow:0 4px 16px #0000002e;display:flex;flex-direction:column;min-height:320px;min-width:0;padding:20px;transform:rotate(-2deg);transition:transform .15s,box-shadow .15s,border-color .15s}.tutorial-unit-card:hover{border-color:#ffe100;box-shadow:0 8px 32px #00000038;transform:scale(1.02) rotate(0deg)}.tutorial-unit-name{color:#222;font-size:1.5rem;font-weight:700;margin:0 0 16px;text-align:center}.tutorial-unit-body{align-items:flex-start;display:flex;flex:1 1;flex-direction:row;gap:16px;min-height:0;min-width:0}.tutorial-unit-image-wrap{align-items:center;aspect-ratio:1;background:#0000000a;border-radius:12px;box-sizing:border-box;display:flex;flex-shrink:0;height:auto;justify-content:center;max-width:100%;overflow:hidden;width:144px}.tutorial-unit-image-wrap-sheep{overflow:hidden}.tutorial-unit-sprite-frame,.tutorial-unit-sprite-visual-scale{border-radius:10px;flex-shrink:0}.tutorial-unit-sprite-frame{overflow:hidden}.tutorial-unit-image-fallback{max-width:200px}.tutorial-unit-image,.tutorial-unit-image-fallback{height:auto;max-height:168px;object-fit:contain;width:auto}.tutorial-unit-image{max-width:137px}.tutorial-unit-image.tutorial-unit-image-hq{max-height:56px;max-width:56px}.tutorial-unit-lore{word-wrap:break-word;color:#333;flex:1 1;font-size:.9rem;line-height:1.4;min-width:0;overflow-wrap:break-word;overflow-x:hidden;overflow-y:auto;white-space:normal;word-break:break-word}.tutorial-unit-stats{flex-wrap:wrap;gap:12px;margin-top:16px}.tutorial-unit-spells,.tutorial-unit-stats{border-top:2px solid #e0e0e0;display:flex;padding-top:12px}.tutorial-unit-spells{flex-direction:column;gap:8px;margin-top:12px}.tutorial-spell-detail-rich{align-items:flex-end;display:flex;flex-direction:column;gap:6px;max-width:168px;width:100%}.tutorial-spell-detail-text-line{text-align:right;width:100%}.tutorial-spell-detail-gold-line{display:flex;text-align:right;width:100%}.tutorial-spell-detail-gold-line,.tutorial-spell-gold-inline{align-items:center;flex-wrap:wrap;gap:4px;justify-content:flex-end}.tutorial-spell-gold-inline{display:inline-flex}.tutorial-spell-gold-icon{flex-shrink:0;height:14px;image-rendering:pixelated;object-fit:contain;vertical-align:middle;width:14px}.tutorial-spell-gold-text{line-height:1.25}.tutorial-stat{color:#444;font-size:.85rem;font-weight:700}.tutorial-stat-cost{align-items:center;display:inline-flex;gap:5px}.tutorial-stat-gold-icon{flex-shrink:0;height:16px;image-rendering:pixelated;object-fit:contain;vertical-align:middle;width:16px}.server-browser-content{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:row;gap:40px;justify-content:center;margin-bottom:auto;margin-top:auto;max-width:100%;min-width:0;padding:56px 24px 24px;width:100%}.server-browser-content .main-menu-side-column{align-self:flex-start;position:-webkit-sticky;position:sticky;top:44px}.server-browser-main{align-items:stretch;display:flex;flex:1 1;flex-direction:column;gap:24px;max-width:920px;min-width:0}.server-browser-back{align-self:flex-start;background:#fff;border:2px solid #000;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:700;padding:8px 16px;transition:transform .1s,border-color .1s}.server-browser-back:hover{border-color:#7ed900;transform:scale(1.02)}.server-browser-create,.server-browser-list{background:#fff;border:3px solid #000;border-radius:20px;box-shadow:0 4px 16px #0000002e;padding:20px 24px}.server-browser-section-title{color:#222;font-size:1.3rem;margin:0 0 16px}.server-browser-create-form{align-items:stretch;display:flex;flex-direction:column;gap:16px}.server-browser-create-fields{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:10px;min-width:0;overflow-x:auto;width:100%}.server-browser-create-actions{display:flex;justify-content:center;width:100%}.server-browser-input{border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;min-width:0;padding:10px 14px}.server-browser-input-grow{flex:1 1;min-width:72px}.server-browser-input-password-narrow{flex:0 1 9.5rem;max-width:11rem;min-width:6.5rem}.server-browser-select-fixed{flex:0 0 auto;min-width:5.5rem}.server-browser-input:focus{border-color:#7ed900;outline:none}.server-browser-select{border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;padding:10px 14px}.server-browser-btn{border:2px solid #000;border-radius:12px;cursor:pointer;font-weight:700;padding:10px 24px;transition:transform .1s,border-color .1s}.server-browser-btn:hover{transform:scale(1.02)}.server-browser-btn-create{background:#7ed900;color:#000}.server-browser-btn-create:hover{border-color:#5a9a00}.server-browser-btn-join{background:#0eb6ed;color:#fff}.server-browser-btn-join:hover{border-color:#ffe100}.server-browser-btn-spectator{background:#888;color:#fff}.server-browser-btn-spectator:hover{border-color:#666}.server-browser-error{color:#c00;font-size:.95rem;padding:8px 0}.server-browser-empty{color:#666;padding:24px;text-align:center}.server-browser-rooms{display:flex;flex-direction:column;gap:12px}.server-browser-room{background:#f8f8f8;border:2px solid #e0e0e0;border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:16px}.server-browser-room-header{align-items:center;display:flex;gap:8px}.server-browser-room-name{color:#222;font-size:1.1rem;font-weight:700}.server-browser-room-lock{font-size:1.1rem}.server-browser-room-status{border-radius:8px;font-size:.85rem;margin-left:auto;padding:4px 10px}.server-browser-room-status.waiting{background:#e8f5e0;color:#2e7d32}.server-browser-room-status.started{background:#fff3e0;color:#e65100}.server-browser-room-players{color:#555;display:flex;flex-wrap:wrap;font-size:.95rem;gap:8px}.server-browser-room-player{background:#e0e0e0;border-radius:6px;padding:4px 10px}.server-browser-room-count{margin-left:auto}.server-browser-room-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.server-browser-password-input{min-width:120px}.server-browser-room-full{color:#999;font-style:italic}.replay-browser-hint{color:#ffffffe0;font-size:.85rem;line-height:1.45;margin:8px 0 0;max-width:560px}.replay-browser-tab-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.replay-browser-tab-switch{background:#f0f0f0;border:2px solid #000;border-radius:12px;display:inline-flex;overflow:hidden}.replay-browser-tab-switch button{background:#0000;border:none;color:#333;cursor:pointer;font-size:.95rem;font-weight:700;margin:0;padding:8px 16px;transition:background .12s,color .12s}.replay-browser-tab-switch button:hover{background:#7ed90033}.replay-browser-tab-switch button.replay-browser-tab-active{background:#7ed900;color:#111}.replay-browser-mixed-badge{color:#555;font-size:.8rem;font-weight:600;margin-left:6px}.options-view-content{margin-top:40px}.options-main{max-width:560px;min-width:0}.options-content{background:#fff;border:3px solid #000;border-radius:20px;box-shadow:0 4px 16px #0000002e;min-width:0;overflow-wrap:break-word;padding:24px 28px}.options-description{color:#555;font-size:.95rem;margin:0 0 20px}.options-keyboard-layout-block{border-bottom:1px solid #e8e8e8;margin-bottom:20px;padding-bottom:16px}.options-keyboard-layout-inner{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.options-keyboard-layout-btns{display:flex;flex-wrap:wrap;gap:8px}.options-layout-preset-btn{background:#fafafa;border:2px solid #ccc;border-radius:8px;color:#222;cursor:pointer;font-size:.875rem;font-weight:600;letter-spacing:.04em;min-width:104px;padding:8px 16px;transition:border-color .15s ease,background .15s ease}.options-layout-preset-btn:hover{background:#f5f5f5;border-color:#999}.options-layout-preset-btn:focus-visible{outline:2px solid #ffc107d9;outline-offset:2px}.options-layout-preset-btn--selected{background:#fffde7;border-color:#ffeb3b;box-shadow:0 0 0 1px #ffeb3b73}.options-keyboard-layout-desc{color:#666;font-size:.88rem;margin-bottom:0;margin-top:10px}.options-language-row{align-items:center;border-bottom:1px solid #e8e8e8;display:flex;gap:12px;margin-bottom:20px;padding-bottom:16px}.options-checkbox-option-row{align-items:stretch;flex-direction:column}.options-checkbox-label{align-items:flex-start;color:#333;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:10px;line-height:1.35}.options-checkbox-label input{flex-shrink:0;margin-top:3px}.options-checkbox-option-hint{color:#666;font-size:.88rem;margin:8px 0 0 28px}.options-checkbox-option-row--before-actions{border-bottom:none;border-top:1px solid #e8e8e8;margin-bottom:4px;margin-top:8px;padding-top:20px}.options-checkbox-option-row--before-actions .options-checkbox-option-hint{margin-bottom:0}.options-browser-notif-row{align-items:flex-start;flex-wrap:wrap}.options-browser-notif-copy{flex:1 1;min-width:200px}.options-browser-notif-hint{font-size:.88rem;margin:6px 0 0}.options-browser-notif-actions{align-items:flex-end;display:flex;flex-direction:column;gap:8px;margin-left:auto}.options-browser-notif-status{color:#444;font-size:.9rem;line-height:1.35;max-width:300px;text-align:right}.options-browser-notif-unsupported .options-description{margin-bottom:0}.options-language-label{color:#333;font-size:.95rem;font-weight:600}.options-language-btns{display:flex;gap:8px}.options-lang-btn{background:#fff;border:2px solid #ccc;border-radius:8px;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:border-color .2s,background .2s}.options-lang-btn:hover{background:#f8fff0;border-color:#7ed900}.options-lang-btn.active{background:#e8f5e0;border-color:#7ed900;color:#2e7d32}.options-group{margin-bottom:24px}.options-group:last-of-type{margin-bottom:20px}.options-group-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:10px 14px;margin-bottom:12px;padding-bottom:6px}.options-group-title{color:#333;font-size:1.1rem;font-weight:700;margin:0}.options-group-hint{align-items:center;color:#666;display:inline-flex;flex-wrap:wrap;font-size:.85rem;font-weight:400;gap:6px;min-width:0}.options-mouse-icon{color:#555;display:inline-flex;vertical-align:middle}.options-bindings{display:flex;flex-direction:column;gap:10px}.options-binding-row{align-items:center;background:#f8f8f8;border:2px solid #e8e8e8;border-radius:10px;display:flex;gap:16px;justify-content:space-between;padding:10px 14px}.options-binding-label{color:#222;flex:1 1;font-size:.95rem;min-width:0}.options-binding-controls{align-items:center;display:flex;gap:8px}.options-key-btn{background:#fff;border:2px solid #ccc;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;min-width:100px;padding:8px 16px;transition:border-color .2s,background .2s}.options-key-btn:hover{background:#f8fff0;border-color:#7ed900}.options-key-btn.listening{animation:options-pulse 1s ease-in-out infinite;background:#e8f5e0;border-color:#7ed900;color:#2e7d32}@keyframes options-pulse{0%,to{opacity:1}50%{opacity:.7}}.options-reset-btn{background:#fff;border:2px solid #ddd;border-radius:8px;cursor:pointer;font-size:1.2rem;height:36px;padding:0;transition:border-color .2s,background .2s;width:36px}.options-reset-btn:hover{background:#f0f0f0;border-color:#999}.options-actions{border-top:2px solid #e0e0e0;display:flex;gap:12px;margin-top:20px;padding-top:20px}.options-reset-all-btn{background:#666;color:#fff}.options-reset-all-btn:hover{background:#555;border-color:#444}.options-unsaved-dialog-title.MuiDialogTitle-root{color:#222;font-size:1.25rem;font-weight:700;padding:20px 24px 8px}.options-unsaved-dialog-body.MuiDialogContent-root{padding:0 24px 12px!important}.options-unsaved-dialog-text{color:#333;font-size:.95rem;line-height:1.45;margin:0}.options-unsaved-dialog-actions{align-items:stretch;display:flex;flex-direction:row;flex-wrap:nowrap;gap:10px;justify-content:stretch;padding:0 24px 24px}.options-unsaved-dialog-actions .server-browser-btn{flex:1 1;font-size:.88rem;line-height:1.25;min-width:0;padding:10px;text-align:center}.options-dialog-btn-stay{background:#fff;color:#000}.options-dialog-btn-stay:hover{border-color:#7ed900}.gameplay-tutorial-overlay-root{bottom:auto;left:50%;max-width:min(520px,calc(100vw - 24px));pointer-events:none;position:fixed;top:max(12px,env(safe-area-inset-top,0px));transform:translateX(-50%);z-index:15000}.gameplay-tutorial-overlay-panel{min-height:120px;min-width:280px;padding:16px 20px 28px;position:relative;transition:padding .2s ease,min-height .2s ease}.gameplay-tutorial-overlay-panel--collapsed{margin-left:auto;margin-right:auto;min-height:0;min-width:0;padding:10px 18px 14px;width:-webkit-fit-content;width:fit-content}.gameplay-tutorial-overlay-toggle{position:absolute;right:4px;top:4px;z-index:2}.gameplay-tutorial-overlay-canvas{height:100%;image-rendering:pixelated;inset:0;pointer-events:none;position:absolute;width:100%}.gameplay-tutorial-overlay-inner{align-items:center;display:flex;flex-direction:column;gap:10px;pointer-events:none;position:relative;z-index:1}.gameplay-tutorial-overlay-inner--collapsed{gap:0}.gameplay-tutorial-overlay-logo{border-radius:50%;height:auto;object-fit:cover;transition:width .2s ease;width:120px}.gameplay-tutorial-overlay-logo--collapsed{width:60px}.gameplay-tutorial-overlay-text{color:#111;font-weight:600;line-height:1.45;text-align:center;text-shadow:0 1px 0 #ffffff59}