@charset "UTF-8";:root{--ink: #24180f;--ink-soft: #3a2a1a;--parchment: #d8c49a;--parchment-deep: #c2a978;--wood: #6b4226;--wood-mid: #4a2e18;--wood-dark: #2c1a0e;--gold: #c9a35b;--gold-deep: #8f6d2f;--moss: #3f4f2f;--moss-deep: #24301c;--dusk: #5a4a32;--blood: #7a2420;--muted: rgba(36, 24, 15, .68);--frame: linear-gradient( 135deg, #e0c174 0%, #8f6d2f 38%, #f0d792 52%, #6e5220 100% );--font-display: "Cinzel", "Palatino Linotype", Palatino, serif;--font-body: "Spectral", "Palatino Linotype", Palatino, serif}html,body,#root{margin:0;height:100%}body{font-family:var(--font-body);color:var(--ink);background:radial-gradient(ellipse at 50% 0%,#6d7a4e 0%,transparent 42%),linear-gradient(180deg,#4a5a38,#3a2c1a 48%,#24180f);background-attachment:fixed}.app-shell{min-height:100%;position:relative}.app-shell--menu{min-height:100%}.app-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1.25rem;padding:.7rem 1.35rem;border-bottom:3px solid transparent;border-image:var(--frame) 1;background:linear-gradient(180deg,#5c3e22f2,#2c1a0ef7);color:var(--parchment)}.app-nav__brand{font-family:var(--font-display);font-weight:700;letter-spacing:.04em;text-decoration:none;color:var(--gold);margin-right:.5rem}.app-nav__links{display:flex;gap:.35rem}.app-nav__links a,.app-nav__aside a{font-family:var(--font-display);font-size:.85rem;letter-spacing:.04em;text-decoration:none;color:var(--parchment);padding:.35rem .7rem;border:1px solid transparent}.app-nav__links a:hover,.app-nav__aside a:hover,.app-nav__links a.active{border-color:var(--gold-deep);color:var(--gold)}.app-nav__aside{display:flex;align-items:center;gap:.75rem;margin-left:auto}.app-nav__user{max-width:10rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;color:var(--parchment)}.app-nav__muted{opacity:.6;color:var(--parchment)}.app-nav button{cursor:pointer;font:inherit;font-family:var(--font-display);font-size:.8rem;letter-spacing:.04em;color:var(--parchment);border:1px solid var(--gold-deep);background:linear-gradient(180deg,#5a3a22,#2c1a0e);padding:.35rem .75rem}.app-nav button:hover{color:var(--gold)}.menu-screen{position:relative;min-height:100%;display:grid;place-items:center;padding:2.5rem 1.25rem 3rem;overflow:hidden}.menu-screen__backdrop{position:absolute;inset:0;pointer-events:none}.menu-screen__hills{position:absolute;inset:0;background:radial-gradient(ellipse 120% 55% at 50% 115%,#2a1c10 0%,transparent 60%),radial-gradient(ellipse 40% 30% at 18% 78%,#3a4a2a 0%,transparent 70%),radial-gradient(ellipse 45% 28% at 82% 80%,#334028 0%,transparent 70%),linear-gradient(180deg,#6d7d52,#4a5a38,#3b2a18 70%,#1c120a)}.menu-screen__hills:before,.menu-screen__hills:after{content:"";position:absolute;left:-5%;right:-5%;height:28%;bottom:8%;background:radial-gradient(ellipse at center,rgba(28,18,10,.55) 0%,transparent 70%)}.menu-screen__hills:after{bottom:0;height:18%;background:linear-gradient(180deg,transparent,rgba(16,10,6,.85))}.menu-screen__mist{position:absolute;inset:-20% 0 20%;background:radial-gradient(ellipse 50% 35% at 30% 40%,rgba(210,200,160,.14),transparent 70%),radial-gradient(ellipse 45% 30% at 70% 45%,rgba(190,200,170,.12),transparent 70%);animation:mist-drift 18s ease-in-out infinite alternate}.menu-screen__vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 35%,rgba(12,8,4,.55) 100%)}.menu-screen__content{position:relative;z-index:1;width:min(28rem,100%);text-align:center;animation:menu-rise .85s ease-out both}.menu-screen__content--panel{width:min(26rem,100%)}.menu-screen__brand{margin:0;font-family:var(--font-display);font-weight:900;font-size:clamp(2.8rem,9vw,4.6rem);line-height:.95;letter-spacing:.06em;color:var(--gold);text-transform:uppercase;text-shadow:0 2px 0 #3a2810,0 0 1px #1a1008;animation:brand-in 1s ease-out both}.menu-screen__brand--compact{font-size:clamp(1.8rem,6vw,2.6rem);margin-bottom:1.25rem}.menu-screen__tagline{margin:1rem 0 2rem;font-size:1.1rem;font-style:italic;color:#e8d8b0;text-shadow:0 1px 0 rgba(20,12,6,.8);animation:menu-rise 1s .15s ease-out both}.menu-screen__welcome{margin:0 0 .75rem;font-family:var(--font-display);letter-spacing:.08em;color:#e8d8b0;font-size:.95rem}.menu-screen__choices{display:grid;gap:.75rem;animation:menu-rise 1s .28s ease-out both}.menu-screen__loading{position:relative;z-index:1;margin:0;font-family:var(--font-display);color:var(--gold);letter-spacing:.08em}@keyframes mist-drift{0%{transform:translate3d(-2%,0,0)}to{transform:translate3d(2%,1.5%,0)}}@keyframes menu-rise{0%{opacity:0;transform:translateY(.8rem)}to{opacity:1;transform:translateY(0)}}@keyframes brand-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.menu-btn{cursor:pointer;display:block;width:100%;box-sizing:border-box;text-align:center;text-decoration:none;font-family:var(--font-display);font-weight:700;font-size:1.05rem;letter-spacing:.08em;text-transform:uppercase;color:#f3e6c4;padding:.85rem 1.25rem;border:2px solid transparent;border-image:var(--frame) 1;background:linear-gradient(180deg,#7a4d2c,#4a2c16 48%,#2c180c);transition:color .15s ease,transform .15s ease,filter .15s ease}.menu-btn:hover:not(:disabled){color:#fff4d4;transform:translateY(-1px);filter:brightness(1.06)}.menu-btn:active:not(:disabled){transform:translateY(1px);filter:brightness(.95)}.menu-btn:disabled{opacity:.45;cursor:not-allowed}.menu-btn--secondary{background:linear-gradient(180deg,#5a6a40,#334028 55%,#1e2816)}.menu-btn--ghost{background:linear-gradient(180deg,#3c2816b3,#1c120ad9);font-size:.92rem}.menu-btn--danger{background:linear-gradient(180deg,#8a3a2e,#4a1814 55%,#2a0e0c)}.menu-btn--block{width:100%}.button-link{cursor:pointer;border:1px solid var(--gold-deep);background:linear-gradient(180deg,#6b4226,#3a2414);padding:.45rem .9rem;font:inherit;font-family:var(--font-display);font-size:.85rem;letter-spacing:.04em;text-decoration:none;display:inline-block;color:var(--parchment)}.button-link:hover:not(:disabled){color:var(--gold)}.button-link:disabled{opacity:.45;cursor:not-allowed}.button-link--ghost{border-color:transparent;background:transparent;color:var(--ink-soft);padding-inline:.5rem}.button-link--danger{border-color:var(--blood);color:#f0d0c8;background:linear-gradient(180deg,#7a3030,#3a1414)}.text-link{color:var(--gold-deep);text-decoration:none;font-family:var(--font-display);font-size:.9rem;letter-spacing:.04em}.text-link:hover{color:var(--wood-mid)}.page{max-width:40rem;margin:0 auto;padding:2.5rem 1.5rem 3rem;position:relative;color:#e8d8b0}.page--wide,.page--lobby{max-width:56rem}.page--editor{max-width:72rem}.page--lobby{animation:menu-rise .55s ease-out both}.page--lobby:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 50% -10%,rgba(109,125,82,.35),transparent 45%),linear-gradient(180deg,#3f4a30,#2c2114 55%,#1a120c)}.page__toolbar{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.page h1{margin:0 0 1rem;font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.4rem);font-weight:700;letter-spacing:.04em;color:#f0e2bc;text-shadow:0 2px 0 rgba(20,12,6,.45)}.page h2{margin:0 0 .75rem;font-family:var(--font-display);font-size:1.2rem;letter-spacing:.04em}.page p{margin:0 0 1rem;line-height:1.55}.page a,.page button{color:inherit}.lobby-head{margin-bottom:1.75rem;text-align:center}.lobby-head--compact{text-align:left;margin-bottom:1.25rem}.lobby-head__eyebrow{margin:0 0 .35rem;font-family:var(--font-display);font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-deep)}.lobby-head h1{margin:0 0 .5rem;color:#f0e2bc;text-shadow:0 2px 0 rgba(20,12,6,.55)}.lobby-head__lead{margin:0 auto;max-width:34rem;color:#e4d4ae}.lobby-grid{display:grid;gap:1.25rem}@media(min-width:860px){.lobby-grid{grid-template-columns:1fr 1.15fr;align-items:start}}.lobby-foot{margin-top:1.75rem;text-align:center}.lobby-foot .text-link{color:var(--gold)}.panel{margin:1.5rem 0;padding:1.25rem 1.35rem;border:1px solid rgba(28,25,21,.15);background:#fff6}.panel--wood{margin:0;padding:1.35rem 1.4rem 1.5rem;color:var(--ink);background:linear-gradient(180deg,#ecdcb4f5,#d2ba8cf5);border:3px solid transparent;border-image:var(--frame) 1;box-shadow:inset 0 0 0 1px #50321440}.panel__title{margin:0 0 .4rem;font-family:var(--font-display);font-size:1.25rem;letter-spacing:.05em;color:var(--wood-mid)}.panel__lead{margin:0 0 1rem;color:var(--muted)}.panel__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.85rem}.panel__head .panel__title,.panel__head h2{margin:0}.panel--actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-top:1.25rem}.panel--actions .menu-btn{width:auto;min-width:11rem;padding:.7rem 1.1rem;font-size:.92rem}.muted{color:#e8d8b0b8}.panel--wood .muted,.panel--wood .field__hint,.panel--wood .lobby-list__host{color:#24180fa6}.panel--wood .error{color:var(--blood)}.stack-form{display:grid;gap:1rem}.field{display:grid;gap:.35rem;border:0;margin:0;padding:0;min-inline-size:0}.field span,.field legend{font-family:var(--font-display);font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;color:var(--wood-mid)}.field__hint{font-size:.85rem;color:var(--muted)}.field select,.field input[type=number],.field input[type=text],.field input[type=file],.field input:not([type]){font:inherit;padding:.5rem .65rem;border:1px solid rgba(80,50,20,.35);background:#fff8e6bf;max-width:20rem;color:var(--ink)}.field input[type=checkbox]{width:auto;max-width:none}.field-row{display:flex;flex-wrap:wrap;gap:.75rem 1rem;align-items:end}.field--inline{display:flex;align-items:center;gap:.5rem;grid-auto-flow:column}.lobby-list{list-style:none;margin:0;padding:0;display:grid;gap:.65rem}.lobby-list__item{display:flex;flex-direction:column;gap:.35rem;padding:.9rem 1rem;text-decoration:none;color:inherit;background:linear-gradient(180deg,#fff6dcb3,#dcc496bf);border:1px solid rgba(100,70,30,.35);transition:border-color .15s ease,background .15s ease}.lobby-list__item:hover{border-color:var(--gold-deep);background:linear-gradient(180deg,#fff8dce6,#e6cd9be6)}.lobby-list__title{display:grid;gap:.15rem;font-family:var(--font-display);font-weight:700;letter-spacing:.03em}.lobby-list__host{font-family:var(--font-body);font-weight:400;font-size:.92rem;color:var(--muted)}.lobby-list__meta{display:flex;flex-wrap:wrap;gap:.35rem 1rem;color:var(--wood-mid);font-size:.95rem}.player-slots{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}.player-slots__item{display:flex;align-items:center;gap:.75rem;padding:.7rem .35rem;border-bottom:1px solid rgba(80,50,20,.18)}.player-slots__item:last-child{border-bottom:0}.player-slots__body{display:grid;gap:.15rem;flex:1;min-width:0}.swatch{width:1rem;height:1rem;border:1px solid rgba(28,25,21,.45);display:inline-block;vertical-align:middle;flex-shrink:0}.swatch--lg{width:1.75rem;height:1.75rem}.color-grid{display:flex;flex-wrap:wrap;gap:.5rem}.color-option{cursor:pointer;display:inline-flex}.color-option input{position:absolute;opacity:0;pointer-events:none}.color-option input:checked+.swatch{outline:2px solid var(--wood-dark);outline-offset:2px}.providers{list-style:none;margin:0 0 1.25rem;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.providers a.menu-btn{width:100%}.screen--login{display:flex;justify-content:end;align-items:center;width:100dvw;height:100dvh;padding:48px;box-sizing:border-box;overflow:hidden;background:url(/assets/dist/background_1-vgIgZWMs.png) center no-repeat;background-size:cover}.screen--login .content{display:flex;flex-direction:column;gap:64px;width:380px;padding:42px 32px;justify-content:space-around;align-items:center}.screen--login header{display:flex;flex-direction:column;gap:12px;text-align:center}.screen--login header>h1{margin:0;font-family:var(--font-body);font-weight:900;font-size:40px;line-height:.95;letter-spacing:.06em;color:#c9a35b;text-transform:uppercase;text-shadow:0 2px 0 #3a2810,0 0 1px #1a1008}.screen--login header>small{font-family:var(--font-body);font-size:19px;text-shadow:0 1px 0 rgba(20,12,6,.8);animation:menu-rise 1s .15s ease-out both}.screen--main{display:grid;grid-template-rows:auto 1fr;width:100dvw;height:100dvh;overflow:hidden;background:url(/assets/dist/background_3-DOX2TNrY.png) center no-repeat;background-size:cover}.screen--main>.content{display:flex;align-items:center;justify-content:center;padding:48px;overflow:hidden}.lobby-panel{display:flex;flex-direction:column;gap:1rem;width:min(570px,100%);height:100%;overflow:auto}.lobby-panel>h1{margin:0;font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.4rem);font-weight:700;letter-spacing:.04em;color:var(--wood-mid)}.lobby-panel>p{margin:0;color:var(--muted);line-height:1.45}.lobby-panel .menu-btn{width:auto;align-self:start}.lobby-panel__create{margin:.25rem 0 .5rem}.lobby-panel__create-actions{display:flex;flex-wrap:wrap;gap:.75rem}.lobby-panel .lobby-list{margin-top:.5rem}.oauth{width:100%}.oauth p{margin:0 0 1rem;text-align:center;font-family:var(--font-body);font-size:19px;color:var(--muted);text-shadow:0 1px 0 rgba(20,12,6,.8);animation:menu-rise 1s .15s ease-out both}.error{color:var(--blood);font-weight:600}.admin-nav-list{list-style:none;margin:1.5rem 0 0;padding:0;display:grid;gap:.75rem}.admin-nav-list__item{display:grid;gap:.2rem;padding:1rem 1.15rem;border:2px solid transparent;border-image:var(--frame) 1;background:linear-gradient(180deg,#ecdcb4eb,#d2ba8ceb);text-decoration:none;color:inherit}.admin-split{display:grid;gap:1.25rem}@media(min-width:840px){.admin-split{grid-template-columns:minmax(16rem,22rem) 1fr;align-items:start}}.thumb{width:2.5rem;height:2.5rem;object-fit:cover;border:1px solid rgba(28,25,21,.25);background:#fff8e699;flex-shrink:0}.thumb--empty{display:inline-block;background:#1c191514}.catalog-list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.catalog-list__item{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem;padding:.55rem 0;border-bottom:1px solid rgba(28,25,21,.12)}.catalog-list__body{display:grid;gap:.1rem;flex:1;min-width:8rem}.editor-toolbar{display:grid;gap:.85rem}.editor-toolbar__tools{display:flex;flex-wrap:wrap;gap:.5rem}.palette{display:flex;flex-wrap:wrap;gap:.45rem}.palette__item{cursor:pointer;border:1px solid rgba(28,25,21,.25);background:#fff8e6b3;padding:.25rem;min-width:2.5rem;min-height:2.5rem;font:inherit;color:inherit}.palette__item img{width:2rem;height:2rem;object-fit:cover;display:block}.palette__item.is-active{outline:2px solid var(--wood-dark);outline-offset:1px}.map-grid{display:grid;gap:1px;width:max-content;max-width:100%;overflow:auto;padding:.5rem;background:#1c191559;border:2px solid var(--gold-deep);-webkit-user-select:none;user-select:none;touch-action:none}.map-grid__cell{width:2rem;height:2rem;padding:0;border:0;cursor:crosshair;background-color:#cbb99a;background-size:cover;background-position:center;position:relative;font:inherit}.map-grid__cell--blocked{background-color:#6b6256;box-shadow:inset 0 0 0 2px #8b1e1e8c}.map-grid__obj{width:100%;height:100%;object-fit:contain;pointer-events:none}.map-grid__obj-label{font-size:.7rem;font-weight:700;color:#1c1915;text-shadow:0 0 2px #fff}.map-grid--battle .map-grid__cell{width:120px;height:120px}.map-grid__cell--reach{box-shadow:inset 0 0 0 2px #2980b9d9}.map-grid__cell--attack{box-shadow:inset 0 0 0 2px #c0392be6}.map-grid__cell--spawn{box-shadow:inset 0 0 0 2px #27ae60d9}.map-grid__cell--selected{outline:2px solid #1c1915;outline-offset:-2px;z-index:1}.map-grid__cell--flash{background-color:#e74c3c!important}.battle{display:grid;gap:.85rem}.battle__hud{display:grid;gap:.5rem;padding:1rem 1.15rem;background:linear-gradient(180deg,#ecdcb4eb,#d2ba8ceb);border:2px solid transparent;border-image:var(--frame) 1}.battle__players{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem 1rem;font-size:.95rem}.battle__players li{display:inline-flex;align-items:center;gap:.35rem}.battle__actions{display:flex;flex-wrap:wrap;gap:.5rem .75rem;align-items:center}.unit{position:absolute;inset:0;width:120px;height:120px;pointer-events:none}.unit__banner{position:absolute;top:4px;right:2px;z-index:1;display:flex;flex-direction:column;gap:2px;width:36px;padding:9px 2px;font-size:10px;line-height:1.2;text-align:center;color:var(--ink)}.unit__image{width:100%;height:100%;object-fit:fill}.unit__image--fallback{display:grid;place-items:center;background:#ffffffbf;font-size:2rem;font-weight:700}@media(max-width:600px){.panel--actions .menu-btn{width:100%}.lobby-head{text-align:left}}@media(prefers-reduced-motion:reduce){.menu-screen__mist,.menu-screen__content,.menu-screen__brand,.menu-screen__tagline,.menu-screen__choices,.page--lobby{animation:none}}