.toast-container{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:8px;width:90%;max-width:420px;pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:3px;cursor:pointer;position:relative;overflow:hidden;animation:toastIn .3s cubic-bezier(.47,.02,.44,2) forwards}.toast--closing{animation:toastOut .3s cubic-bezier(.87,-1,.57,.97) forwards}.toast--success{background:linear-gradient(135deg,#2e7d32,#388e3c);color:#fff}.toast--error{background:linear-gradient(135deg,#c62828,#d32f2f);color:#fff}.toast--info{background:linear-gradient(135deg,#1565c0,#1976d2);color:#fff}.toast--warning{background:linear-gradient(135deg,#e65100,#ef6c00);color:#fff}.toast__icon{width:24px;height:24px;border-radius:2px;background:#ffffff40;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.toast__text{flex:1;font-size:13px;font-weight:600;line-height:1.3}.toast__timer{position:absolute;bottom:0;left:0;height:3px;background:#fff6;animation:timerBar 3.5s linear forwards}@keyframes toastIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-20px) scale(.95)}}@keyframes timerBar{0%{width:100%}to{width:0%}}@keyframes lpFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes lpPulse{0%,to{box-shadow:0 0 20px #d4af374d,inset 0 1px #ffffff1a}50%{box-shadow:0 0 35px #d4af3780,inset 0 1px #ffffff26}}@keyframes lpGlow{0%,to{text-shadow:0 0 20px rgba(212,175,55,.4),0 2px 8px rgba(0,0,0,.8)}50%{text-shadow:0 0 40px rgba(212,175,55,.7),0 2px 8px rgba(0,0,0,.8)}}@keyframes lpSpin{to{transform:rotate(360deg)}}@keyframes lpBgShift{0%{background-position:0% 0%}50%{background-position:100% 100%}to{background-position:0% 0%}}@keyframes lpFieldEnter{0%{opacity:0;max-height:0;margin-bottom:0}to{opacity:1;max-height:80px;margin-bottom:14px}}@keyframes lpFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes lpEmblemGlow{0%,to{box-shadow:0 0 15px #d4af374d,0 0 40px #d4af371a}50%{box-shadow:0 0 25px #d4af3780,0 0 60px #d4af3733}}.lp{width:100vw;height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;font-family:Georgia,Times New Roman,serif}.lp__bg{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;background:radial-gradient(ellipse at 30% 20%,rgba(80,50,10,.4) 0%,transparent 60%),radial-gradient(ellipse at 70% 80%,rgba(60,30,5,.3) 0%,transparent 60%),linear-gradient(170deg,#0d0a06,#1a1410,#2a1a0a 60%,#0d0a06);background-size:200% 200%;animation:lpBgShift 20s ease-in-out infinite}.lp__vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.7) 100%);pointer-events:none}.lp__particles{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1px 1px at 10% 20%,rgba(212,175,55,.3) 50%,transparent 50%),radial-gradient(1px 1px at 30% 60%,rgba(212,175,55,.2) 50%,transparent 50%),radial-gradient(1px 1px at 50% 10%,rgba(212,175,55,.25) 50%,transparent 50%),radial-gradient(1px 1px at 70% 40%,rgba(212,175,55,.15) 50%,transparent 50%),radial-gradient(1px 1px at 85% 75%,rgba(212,175,55,.3) 50%,transparent 50%),radial-gradient(1px 1px at 15% 85%,rgba(212,175,55,.2) 50%,transparent 50%),radial-gradient(1.5px 1.5px at 45% 45%,rgba(255,220,100,.15) 50%,transparent 50%),radial-gradient(1.5px 1.5px at 65% 25%,rgba(255,220,100,.1) 50%,transparent 50%);pointer-events:none;animation:lpFloat 8s ease-in-out infinite}.lp__card{position:relative;z-index:2;width:88%;max-width:380px;padding:32px 24px 24px;background:linear-gradient(180deg,#1e160cf2,#140e08fa);border:1.5px solid rgba(212,175,55,.35);border-radius:16px;text-align:center;animation:lpFadeIn .8s cubic-bezier(.16,1,.3,1) both;animation-delay:.2s;box-shadow:0 20px 60px #0009,0 0 0 1px #d4af3714 inset,0 1px #ffffff0a inset}.lp__card:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:17px;background:linear-gradient(180deg,#d4af3733,#d4af370d,#d4af3726);z-index:-1;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask-composite:xor;padding:1.5px}.lp__emblem{width:64px;height:64px;margin:-52px auto 16px;background:linear-gradient(145deg,#2a1f10,#1a1410);border:2px solid rgba(212,175,55,.5);border-radius:2px;display:flex;align-items:center;justify-content:center;animation:lpEmblemGlow 3s ease-in-out infinite}.lp__emblem-icon{font-size:28px;filter:drop-shadow(0 0 6px rgba(212,175,55,.4))}.lp__title{font-size:1.8rem;font-weight:700;color:#d4af37;letter-spacing:3px;margin:0 0 4px;text-transform:uppercase;animation:lpGlow 4s ease-in-out infinite}.lp__subtitle{color:#c8b48cb3;font-size:.85rem;margin:0 0 16px;letter-spacing:1px;font-style:italic}.lp__divider{position:relative;height:1px;background:linear-gradient(90deg,transparent,rgba(212,175,55,.3),transparent);margin:0 0 20px}.lp__divider-diamond{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#1a1410;padding:0 10px;color:#d4af3780;font-size:8px}.lp__form{display:flex;flex-direction:column}.lp__field{margin-bottom:14px;text-align:left;animation:lpFadeIn .5s both}.lp__field--enter{animation:lpFieldEnter .35s cubic-bezier(.16,1,.3,1) both;overflow:hidden}.lp__label{display:block;font-size:.7rem;color:#d4af3799;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:6px;font-weight:600}.lp__input{width:100%;padding:12px 14px;border:1px solid rgba(212,175,55,.2);border-radius:2px;background:#ffffff0a;color:#f5ede0;font-size:.95rem;font-family:inherit;outline:none;transition:border-color .25s,background .25s,box-shadow .25s;box-sizing:border-box}.lp__input:focus{border-color:#d4af3780;background:#ffffff12;box-shadow:0 0 0 3px #d4af3714}.lp__input::placeholder{color:#f5ede040}.lp__input:disabled{opacity:.5}.lp__error{padding:10px 14px;background:#d32f2f1a;border:1px solid rgba(211,47,47,.25);border-radius:2px;color:#ef5350;font-size:.8rem;margin-bottom:14px;text-align:left;animation:lpFadeIn .3s both}.lp__error-icon{margin-right:4px}.lp__btn{position:relative;width:100%;padding:15px 20px;margin-top:4px;border:none;border-radius:3px;cursor:pointer;font-family:inherit;font-size:1.05rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;overflow:hidden;transition:all .3s cubic-bezier(.16,1,.3,1);background:linear-gradient(180deg,#e8c84a,#c8a030 40%,#b8922a);color:#1a1410;box-shadow:0 4px 15px #d4af374d,0 1px #fff3 inset,0 -1px #00000026 inset}.lp__btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s}.lp__btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #d4af3766,0 1px #ffffff40 inset,0 -1px #00000026 inset}.lp__btn:hover:not(:disabled):before{left:100%}.lp__btn:active:not(:disabled){transform:translateY(1px);box-shadow:0 2px 8px #d4af3733,0 1px #ffffff1a inset,0 -1px #0003 inset;background:linear-gradient(180deg,#d4b040,#b89028 40%,#a88020)}.lp__btn:disabled{cursor:not-allowed;opacity:.7}.lp__btn--loading{padding:15px 20px;animation:lpPulse 1.5s ease-in-out infinite}.lp__btn-text{position:relative;z-index:1}.lp__btn-arrow{position:relative;z-index:1;margin-left:8px;font-size:1.2rem;transition:transform .3s}.lp__btn:hover .lp__btn-arrow{transform:translate(3px)}.lp__spinner{display:inline-block;width:22px;height:22px;border:3px solid rgba(26,20,16,.3);border-top-color:#1a1410;border-radius:2px;animation:lpSpin .7s linear infinite;vertical-align:middle}.lp__toggle{margin-top:18px;color:#d4af3780;font-size:.78rem;cursor:pointer;letter-spacing:.5px;transition:color .2s}.lp__toggle:hover{color:#d4af37d9}.lp__brand{position:absolute;bottom:16px;left:0;right:0;text-align:center;color:#d4af3726;font-size:.65rem;letter-spacing:3px;text-transform:uppercase;z-index:1}.top-resource-bar{position:relative;z-index:var(--z-ui);width:100%;padding-top:env(safe-area-inset-top,0);image-rendering:pixelated}.top-resource-bar__row{display:flex;align-items:center;padding:5px 8px}.top-resource-bar__row--primary{background:linear-gradient(180deg,#5c3a1e,#4a2e16 40%,#3d2410);border-bottom:2px solid #2a1808;box-shadow:inset 0 2px #c8a43c33,inset 0 -1px #0006;gap:6px}.top-resource-bar__row--primary:before{content:"";position:absolute;top:env(safe-area-inset-top,0);left:0;right:0;height:3px;background:repeating-linear-gradient(90deg,#c8a43c,#c8a43c 4px,#8b6914 4px,#8b6914 8px);image-rendering:pixelated}.top-resource-bar__row--resources{background:linear-gradient(180deg,#3d2410,#2d1b0c 60%,#1a1207);border-bottom:3px solid #8b6914;box-shadow:0 3px #2a1808,inset 0 1px #c8a43c14;justify-content:space-around;position:relative}.top-resource-bar__row--resources:after{content:"";position:absolute;bottom:-6px;left:0;right:0;height:3px;background:repeating-linear-gradient(90deg,#5a3d1a,#5a3d1a 6px,#3d2410 6px,#3d2410 12px);image-rendering:pixelated}.top-resource-bar__btn{flex:1;padding:6px 10px;background:linear-gradient(180deg,#e8dcc4,#d4c5a0,#c4b590);border:2px solid #8b6914;border-top-color:#c8a43c;border-left-color:#c8a43c;border-radius:0;font-family:var(--font-display);font-size:.78rem;font-weight:700;color:#3d2410;cursor:pointer;text-align:center;text-shadow:0 1px 0 rgba(255,255,255,.4);letter-spacing:.5px;text-transform:uppercase;box-shadow:inset 1px 1px #ffffff4d,inset -1px -1px #00000026}.top-resource-bar__btn:active{background:linear-gradient(180deg,#c4b590,#b4a580);border-top-color:#5a3d1a;border-left-color:#5a3d1a;border-bottom-color:#c8a43c;border-right-color:#c8a43c;box-shadow:inset 1px 1px #0003,inset -1px -1px #fff3}.top-resource-bar__settings{width:34px;height:34px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;background:#c8a43c1a;border:2px solid #5a3d1a;border-top-color:#8b6914;border-left-color:#8b6914;border-radius:0}.top-resource-bar__reward{display:flex;align-items:center;gap:4px;padding:4px 10px;background:linear-gradient(180deg,#5a4320,#4a3510);border:2px solid #8b6914;border-top-color:#c8a43c;border-left-color:#c8a43c;border-radius:0;font-size:.75rem;font-weight:700;color:#d4a843;cursor:default;font-variant-numeric:tabular-nums;white-space:nowrap;font-family:var(--font-display);box-shadow:inset 1px 1px #c8a43c26,inset -1px -1px #0000004d}.top-resource-bar__reward--ready{background:linear-gradient(180deg,#3a7a3e,#2a5e2e);border-color:#2a5e2e;border-top-color:#4a9a4e;border-left-color:#4a9a4e;color:#fff;cursor:pointer;animation:rewardPulse 1.5s ease-in-out infinite}.top-resource-bar__reward-text{font-size:.75rem}@keyframes rewardPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.resource-item{display:flex;align-items:center;gap:4px;color:var(--color-text-light);font-size:.85rem;font-weight:700;font-family:var(--font-display);text-shadow:0 1px 2px rgba(0,0,0,.8);letter-spacing:.3px}.resource-item__emoji{font-size:14px;line-height:1;filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}.resource-item__add{width:20px;height:20px;border-radius:0;border:2px solid #c8a43c;border-bottom-color:#5a3d1a;border-right-color:#5a3d1a;background:linear-gradient(180deg,#d4af37,#a88a2c);color:#1a1207;font-size:.8rem;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;box-shadow:inset 1px 1px #ffffff4d,inset -1px -1px #0003}.resource-item__add:active{border-top-color:#5a3d1a;border-left-color:#5a3d1a;border-bottom-color:#c8a43c;border-right-color:#c8a43c}.bottom-nav{display:flex;align-items:stretch;background:linear-gradient(0deg,#1a1207,#2d1b0c,#3d2410 80%,#4a2e16);border-top:3px solid #8b6914;box-shadow:0 -3px #2a1808,inset 0 2px #c8a43c1f;z-index:var(--z-ui);padding:2px 0 0;position:relative;image-rendering:pixelated}.bottom-nav:before{content:"";position:absolute;top:-6px;left:0;right:0;height:3px;background:repeating-linear-gradient(90deg,#5a3d1a,#5a3d1a 6px,#3d2410 6px,#3d2410 12px);image-rendering:pixelated}.bottom-nav__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 4px 5px;background:none;border:none;cursor:pointer;color:#a08a6a;transition:color .12s,opacity .12s;position:relative}.bottom-nav__item:active,.bottom-nav__item.active{color:#f5ede0}.bottom-nav__item:active:after,.bottom-nav__item.active:after{content:"";position:absolute;bottom:0;left:20%;right:20%;height:2px;background:#d4af37;box-shadow:0 0 6px #d4af3780}.bottom-nav__icon{font-size:1.25rem;line-height:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}.bottom-nav__label{font-size:.7rem;font-family:var(--font-display);font-weight:700;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.7);letter-spacing:.5px;text-transform:uppercase}.kp-wrapper{width:100vw;height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center;background:#2d1f0e;overflow:hidden}.kp-frame{width:min(100vw,56.25vh);height:min(100vh,177.78vw);max-width:480px;max-height:852px;position:relative;overflow:hidden;background:#2d1f0e;border-radius:0;display:flex;flex-direction:column}@media (min-width: 500px){.kp-frame{border-radius:2px;box-shadow:0 0 60px #000c}}.kp-map{flex:1;position:relative;min-height:0;overflow:hidden}.kp-top,.kp-bottom{flex-shrink:0;z-index:10}.kp-offline{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;padding:8px 20px;background:#d32f2fe6;color:#fff;font-size:.82rem;border-radius:2px;font-weight:600;white-space:nowrap}.wm{width:100vw;height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center;background:#0a1a04;overflow:hidden}.wm__frame{width:min(100vw,56.25vh);height:min(100vh,177.78vw);max-width:480px;max-height:852px;position:relative;overflow:hidden;background:#1a2e0a}@media (min-width: 500px){.wm__frame{border-radius:16px;box-shadow:0 0 60px #000c}}.wm__viewport{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;touch-action:none}.wm__canvas{display:block;cursor:grab}.wm__canvas:active{cursor:grabbing}.wm__loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#1a2e0ae6;color:#e8d070;font-size:1.1rem;font-weight:600;letter-spacing:.5px}.wm__controls{position:absolute;top:12px;left:12px;z-index:10;display:flex;flex-direction:column;gap:6px}.wm__btn{width:42px;height:42px;border:1.5px solid #8b6914;border-radius:2px;background:#1a1207d9;color:#e8d070;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.wm__btn:hover{background:#1a1207f2}.wm__btn:active{transform:scale(.95)}.wm__minimap{position:absolute;bottom:12px;right:12px;z-index:10;width:140px;height:140px;border:2px solid #8b6914;border-radius:2px;background:#0a1a04}.wm__coord{position:absolute;bottom:12px;left:12px;z-index:10;padding:4px 12px;background:#1a1207cc;border:1px solid #8b6914;border-radius:2px;color:#e8d070;font-size:13px;text-shadow:0 1px 2px rgba(0,0,0,.5);font-weight:600;font-variant-numeric:tabular-nums;font-family:monospace}.wm__info{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:flex-end;justify-content:center;background:#0000004d}.wm__info-card{width:100%;max-width:400px;background:#f5ede0;border-radius:16px 16px 0 0;overflow:hidden;animation:wmSlideUp .25s cubic-bezier(.32,.72,0,1)}.wm__info-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(180deg,#5a3d1a,#2d1f0e);border-bottom:2px solid #8b6914}.wm__info-coord{color:#e8d070;font-size:.9rem;font-weight:600;font-family:monospace}.wm__info-close{background:none;border:none;color:#e8d070;font-size:18px;cursor:pointer;padding:2px 6px}.wm__info-body{padding:16px}.wm__info-name{font-size:1.05rem;font-weight:700;color:#3d2b14;margin-bottom:6px}.wm__info-level{font-size:.82rem;color:#8b7355;margin-bottom:12px}.wm__info-terrain{font-size:1rem;color:#3d2b14;font-weight:600;margin-bottom:6px}.wm__info-empty{font-size:.82rem;color:#8b7355}.wm__info-actions{display:flex;gap:8px}.wm__info-btn{flex:1;padding:10px 8px;border-radius:2px;border:none;font-size:.82rem;font-weight:700;cursor:pointer;transition:opacity .15s}.wm__info-btn:active{transform:scale(.97)}.wm__info-btn--red{background:#d32f2f1f;color:#d32f2f;border:1px solid #d32f2f}.wm__info-btn--purple{background:#7b1fa21f;color:#7b1fa2;border:1px solid #7b1fa2}.wm__info-btn--green{background:#388e3c1f;color:#388e3c;border:1px solid #388e3c}@keyframes wmSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.wm__search{position:absolute;top:52px;left:10px;display:flex;gap:6px;background:#1a1207e6;padding:8px;border-radius:2px;border:1px solid #8b6914;z-index:20}.wm__search-input{width:60px;padding:6px 8px;border:1px solid #8b6914;border-radius:2px;background:#f5ede01a;color:#f5ede0;font-size:13px;font-weight:600;outline:none}.wm__search-input::placeholder{color:#f5ede066}@font-face{font-family:Righteous;src:url(/fonts/Righteous-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--color-bg-primary: #1a1207;--color-bg-secondary: #2d2011;--color-bg-panel: #f5ede0;--color-bg-panel-dark: #d4c5a9;--color-bg-header: #3d2b14;--color-gold: #c8a43c;--color-gold-light: #e8d070;--color-gold-dark: #8b6914;--color-text-primary: #2b1d0e;--color-text-secondary: #5a4a35;--color-text-light: #f5ede0;--color-text-accent: #c8a43c;--color-success: #4caf50;--color-danger: #d32f2f;--color-info: #2196f3;--color-warning: #ff9800;--border-medieval: 3px solid #8b6914;--border-panel: 3px solid #6b5120;--border-radius-sm: 2px;--border-radius-md: 3px;--border-radius-lg: 4px;--pixel-border-light: #c8a43c;--pixel-border-dark: #5a3d1a;--pixel-border-mid: #8b6914;--pixel-wood-bg: linear-gradient(180deg, #4a3218 0%, #3a2510 40%, #2d1b0c 100%);--pixel-parchment: #e8dcc4;--pixel-parchment-dark: #d4c5a0;--shadow-panel: 0 4px 12px rgba(0, 0, 0, .3);--shadow-button: 0 2px 6px rgba(0, 0, 0, .4);--shadow-inset: inset 0 2px 4px rgba(0, 0, 0, .2);--font-display: "Righteous", "MedievalSharp", serif;--font-body: "Righteous", "Righteous", "Segoe UI", sans-serif;--font-mono: "Fira Code", monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-xxl: 48px;--z-map: 1;--z-buildings: 10;--z-ui: 100;--z-panel: 200;--z-modal: 500;--z-tooltip: 600;--z-notification: 700}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:17px;background-color:var(--color-bg-primary);color:var(--color-text-primary);overflow:hidden;width:100vw;height:100vh;height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;image-rendering:auto}img[src*="/images/icons/"],img[src*="/images/units/"]{image-rendering:auto}@supports (padding-top: env(safe-area-inset-top)){:root{--safe-top: env(safe-area-inset-top);--safe-bottom: env(safe-area-inset-bottom);--safe-left: env(safe-area-inset-left);--safe-right: env(safe-area-inset-right)}}#root{width:100%;height:100%}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-panel-dark)}::-webkit-scrollbar-thumb{background:var(--color-gold-dark);border-radius:2px}.top-resource-bar{padding-top:env(safe-area-inset-top,0)}.top-resource-bar__row--resources{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.top-resource-bar__row--resources::-webkit-scrollbar{display:none}@media (max-width: 360px){.resource-item{font-size:.7rem;gap:2px}.resource-item img{width:16px;height:16px}}.bottom-nav{padding-bottom:env(safe-area-inset-bottom,0);-webkit-tap-highlight-color:transparent}.bottom-nav__item{-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-height:44px}@media (max-width: 360px){.bottom-nav__item .bottom-nav__icon{font-size:16px}.bottom-nav__item .bottom-nav__label{font-size:8px}}@media (max-width: 480px){.panel-shell{max-height:90vh;max-height:90dvh;border-radius:16px 16px 0 0}}@media (max-width: 360px){.panel-shell__header{padding:8px 10px;gap:6px}}@media (max-width: 360px){.panel-shell__title{font-size:1rem}}.panel-shell__body{-webkit-overflow-scrolling:touch}@media (max-width: 360px){.unit-row{padding:8px 10px;gap:6px}}@media (max-width: 360px){.unit-row__icon{width:36px;height:36px;font-size:16px;border-radius:2px}}@media (max-width: 360px){.unit-row__name{font-size:.8rem}}@media (max-width: 480px){.unit-row__input{width:36px;font-size:14px}}.unit-row__train-btn,.unit-row__upgrade-btn{min-height:36px;min-width:36px}@media (max-width: 360px){.research-row{padding:10px}}@media (max-width: 360px){.research-row__icon{width:32px;height:32px;font-size:14px}}.research-row__start-btn{min-height:36px;white-space:nowrap}@media (max-width: 360px){.research-row__start-btn{font-size:.65rem;padding:4px 8px}}@media (max-width: 360px){.research-row__bottom{flex-direction:column;gap:6px;align-items:stretch}}@media (max-width: 480px){.chat-panel{height:85vh;height:85dvh;max-height:none;border-radius:16px 16px 0 0}}.chat-input{padding-bottom:env(safe-area-inset-bottom,0)}.chat-input__field{font-size:16px}.chat-input__send{min-width:42px;min-height:42px}@media (max-width: 360px){.chat-msg__avatar{width:28px;height:28px;font-size:.65rem}}@media (max-width: 480px){.mov-panel{max-height:90vh;max-height:90dvh}}@media (max-width: 360px){.mov-card__icon{width:40px;height:40px;font-size:20px}}.mov-card__timer{font-variant-numeric:tabular-nums}.mov-card__cancel{min-width:36px;min-height:36px}@media (max-width: 480px){.rec-panel{max-height:90vh;max-height:90dvh}}@media (max-width: 360px){.rec-card__details{margin:0 8px 6px}}@media (max-width: 360px){.rec-card__label{width:60px;font-size:.65rem}}@media (max-width: 360px){.rec-card__val{font-size:.72rem}}@media (max-width: 480px){.alli-panel{max-height:90vh;max-height:90dvh}}.alli-form__input{font-size:16px}@media (max-width: 360px){.alli-member__actions{flex-direction:column;gap:2px}}@media (max-width: 480px){.rank-panel{max-height:90vh;max-height:90dvh}}@media (max-width: 360px){.rank-row{padding:8px 10px}}@media (max-width: 360px){.rank-col--tag{width:48px}}@media (max-width: 360px){.rank-col--score{width:55px}}@media (max-width: 360px){.rank-avatar{width:28px;height:28px;font-size:.65rem}}@media (max-width: 360px){.rank-nickname{font-size:.75rem}}.wm__canvas{touch-action:none}@media (max-width: 480px){.wm__controls{top:8px;left:8px;gap:4px}}@media (max-width: 360px){.wm__btn{width:36px;height:36px;font-size:15px}}@media (max-width: 360px){.wm__minimap{width:100px;height:100px;bottom:8px;right:8px}}@media (max-width: 480px){.wm__info-card{border-radius:3px 12px 0 0}}@media (max-width: 360px){.wm__info-actions{flex-direction:column;gap:6px}}.wm__info-btn{min-height:44px}.hitbox{min-width:44px;min-height:44px}@media (max-width: 360px){.hitbox-label{font-size:9px;padding:1px 5px}}@media (max-width: 480px){.login-page{padding:16px}}.login-page input{font-size:16px;min-height:44px}.login-page button{min-height:48px}@media (hover: none) and (pointer: coarse){button,[role=button],a{min-height:36px}}@media (max-width: 768px){input[type=text],input[type=email],input[type=password],input[type=number],textarea,select{font-size:16px!important}}@media (max-height: 480px) and (orientation: landscape){.panel-shell,.chat-panel,.mov-panel,.rec-panel,.alli-panel,.rank-panel{max-height:95vh;max-height:95dvh}}.rp-header,.mov-header,.rec-header,.alli-header,.rank-header,.prof-header,.cost-header,.march-header,.chat-panel__header{padding-top:calc(10px + env(safe-area-inset-top,0))!important}