*{box-sizing:border-box;padding:0}*,body{margin:0}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;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}canvas{cursor:crosshair;display:block}.main-menu-chat-card:hover{border:4px solid #ffe100;box-shadow:0 8px 32px #00000038;transform:scale(1.04) rotate(0deg)}.main-menu-content-row{align-items:flex-start;display:flex;flex:1 1;flex-direction:row;gap:40px;justify-content:center;margin-top:40px;max-width:100%;min-height:0;width:100%}.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;justify-content:space-between;margin-bottom:10px;padding-bottom:8px}.main-menu-chat-pseudo{color:#7ed900;font-size:.95rem;font-weight:700}.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;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:12px;margin-left:12px;max-width:360px;min-width:220px;padding:12px 16px;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:12px;cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;height:40px;justify-content:center;transition:background .2s;width:40px}.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:12px;margin-left:12px;max-width:360px;min-width:220px;padding:12px 16px;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:40px;justify-content:center;width:40px}.main-menu-discord-icon svg{height:32px;width:32px}.main-menu-discord-label{flex:1 1;font-family:Montserrat,Arial,sans-serif;font-size:1.4rem;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}.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{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;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-header{flex-shrink:0;height:80px;margin-bottom: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{font-size:2.6rem;left:48px;pointer-events:none;position:absolute;top:20px;transform:rotate(-2deg);z-index:30}.build-menu-panel-title,.main-menu-title{color:#fff;font-family:Montserrat,Arial,sans-serif;font-weight:900;letter-spacing:0;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{font-size:1.35rem;line-height:1.2}.build-menu-panel-title:first-letter{color:#f0f000}.build-menu-panel-title:first-letter,.build-menu-section-title-red{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{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:first-letter{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}.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)}.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}.game-over-overlay{align-items:center;animation:game-over-fade-in .4s ease-out;background:#000000bf;display:flex;inset:0;justify-content:center;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;display:flex;flex-direction:column;gap:32px;padding:48px}.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}.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:1 1 auto;flex-direction:column;min-height: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;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{height:100%;overflow:hidden;perspective:500px}.tutorial-crawl-content{animation:tutorial-crawl-scroll 50s linear infinite;box-sizing:border-box;margin:0 auto;max-width:90%;position:relative;top:100%;transform:rotateX(12deg);transform-origin:50% 0;width:90%}.tutorial-crawl-text{word-wrap:break-word;box-sizing:border-box;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;margin:0;max-width:100%;overflow-wrap:break-word;padding:0;text-align:center;text-shadow:0 0 8px #ffeb3bcc;white-space:pre-wrap;width:100%;word-break:break-word}@keyframes tutorial-crawl-scroll{0%{top:100%}to{top:-150%}}.tutorial-top-controls{align-items:center;box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;left:0;padding-left:20px;padding-right:24px;position:absolute;right:0;top:100px;z-index:100}.tutorial-back-btn{align-items:center;background:#fff;border:3px solid #000;border-radius:50%;box-shadow:0 4px 12px #0003;cursor:pointer;display:flex;flex-shrink:0;height:48px;justify-content:center;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}.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(340px,1fr));max-width:1200px;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;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}.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{color:#333;flex:1 1;font-size:.9rem;line-height:1.4;overflow-y:auto}.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:24px;width:100%}.server-browser-content .main-menu-side-column{align-self:flex-start;position:-webkit-sticky;position:sticky;top:24px}.server-browser-main{align-items:stretch;display:flex;flex:1 1;flex-direction:column;gap:24px;max-width:700px;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:center;display:flex;flex-wrap:wrap;gap:12px}.server-browser-input{border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;min-width:140px;padding:10px 14px}.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}.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-language-row{align-items:center;border-bottom:1px solid #e8e8e8;display:flex;gap:12px;margin-bottom:20px;padding-bottom:16px}.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}
/*# sourceMappingURL=main.93157fcb.css.map*/