:root{--color-primary:#00d4ff;--color-primary-rgb:0, 212, 255;--color-primary-hover:#00d4ff33;--color-primary-muted:#00d4ff1a;--color-primary-border:#00d4ff26;--color-primary-border-hover:#00d4ff66;--color-bg:#0a1628;--color-bg-dark:#0d1f35;--color-bg-card:#0d1f35cc;--color-bg-card-hover:#0d1f35f2;--color-text:#fff;--color-text-muted:#4a6fa5;--color-text-secondary:#a0b4c8;--color-text-light:#c0cfe0;--color-text-dim:#e0e8f0;--color-success:#0f8;--color-success-rgb:0, 255, 136;--color-error:#ff4757;--color-error-rgb:255, 71, 87;--color-warning:#ffa502;--color-warning-rgb:255, 165, 2;--color-accent:#a55eea;--color-accent-rgb:165, 94, 234;--color-type-public:#00d4ff;--color-type-public-bg:#00d4ff1a;--color-type-public-border:#00d4ff4d;--color-type-race:#ff4757;--color-type-race-bg:#ff47571a;--color-type-race-border:#ff47574d;--color-type-mission:#0f8;--color-type-mission-bg:#00ff881a;--color-type-mission-border:#00ff884d;--color-type-property:#ffa502;--color-type-property-bg:#ffa5021a;--color-type-property-border:#ffa5024d;--color-type-private:#a55eea;--color-type-private-bg:#a55eea1a;--color-type-private-border:#a55eea4d;--color-type-custom:#ff6bcb;--color-type-custom-bg:#ff6bcb1a;--color-type-custom-border:#ff6bcb4d;--color-vip-dev:gold;--color-vip-nz:#ff3232;--color-vip-casino:#a855f7;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:40px;--space-3xl:60px;--font-family:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"Courier New", monospace;--font-size-2xs:9px;--font-size-xs:10px;--font-size-sm:11px;--font-size-base:13px;--font-size-md:14px;--font-size-lg:16px;--font-size-xl:18px;--font-size-2xl:24px;--font-size-3xl:28px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--letter-spacing-tight:.5px;--letter-spacing-normal:1px;--letter-spacing-wide:2px;--letter-spacing-wider:3px;--line-height-tight:1;--line-height-normal:1.4;--line-height-relaxed:1.6;--border-radius-sm:4px;--border-radius-md:6px;--border-radius-lg:8px;--border-radius-xl:12px;--border-radius-full:50%;--border-width:1px;--border-width-thick:2px;--shadow-glow:0 0 20px #00d4ff1a;--shadow-glow-strong:0 0 30px #00d4ff26;--shadow-text-primary:0 0 30px #00d4ff80;--shadow-text-success:0 0 8px #0f89;--shadow-text-error:0 0 8px #ff475799;--shadow-sidebar:4px 0 20px #0000004d;--shadow-modal:0 0 40px #00d4ff1a;--transition-fast:.2s ease;--transition-normal:.3s ease;--transition-slow:.45s ease;--z-base:1;--z-header:100;--z-pull-refresh:200;--z-modal:400;--z-roulette:500;--z-confetti:600;--z-overlay:999;--z-sidebar:1000;--z-rotate-warning:9999;--grid-gap:var(--space-md);--sidebar-width:260px;--header-height:auto;--container-max-sm:600px;--container-max-lg:1200px;--container-max-xl:1500px;--clamp-logo:clamp(46px, 8vw, 60px);--clamp-title:clamp(16px, 3vw, 22px);--clamp-subtitle:clamp(9px, 1.5vw, 11px);--clamp-padding:clamp(16px, 3vw, 24px);--clamp-card-padding:clamp(14px, 2.5vw, 20px);--clamp-total-value:clamp(36px, 8vw, 56px);--clamp-page-title:clamp(20px, 4vw, 28px)}body.density-compact{--grid-gap:var(--space-sm);--clamp-card-padding:clamp(10px, 2vw, 14px)}body.density-compact .card-dimension{padding:clamp(8px,2vw,12px)}body.density-compact .card-player{padding:clamp(6px,1.2vw,9px)}body.density-compact .card-info{padding:clamp(10px,2vw,16px)}body.density-compact .card-stat,body.density-compact .card-total{padding:clamp(12px,2.4vw,18px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{border-radius:var(--border-radius-sm);background:#0003}::-webkit-scrollbar-thumb{background:rgba(var(--color-primary-rgb), .3);border-radius:var(--border-radius-sm);transition:background var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:rgba(var(--color-primary-rgb), .5)}::-webkit-scrollbar-corner{background:0 0}*{scrollbar-width:thin;scrollbar-color:rgba(var(--color-primary-rgb), .3) #0003}body{font-family:var(--font-family);background:var(--color-bg);min-height:100vh;min-height:100dvh;color:var(--color-text);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}body.modal-open{touch-action:none;overflow:hidden}body:before{content:"";background-image:linear-gradient(rgba(var(--color-primary-rgb), .03) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--color-primary-rgb), .03) 1px, transparent 1px);pointer-events:none;z-index:0;background-size:50px 50px;position:fixed;top:0;bottom:0;left:0;right:0}body.dev-mode .dev-badge{display:inline}body.dev-mode .header{border-bottom-color:rgba(var(--color-warning-rgb), .35)}#root{min-height:100vh;min-height:100dvh}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background:rgba(var(--color-primary-rgb), .3);color:var(--color-text)}a{color:var(--color-primary);transition:opacity var(--transition-fast);text-decoration:none}a:hover{opacity:.8;text-decoration:underline}img{max-width:100%;height:auto}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input{font-family:inherit}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 10px var(--color-primary)}50%{opacity:.5;box-shadow:0 0 5px var(--color-primary)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes digitCountUp{0%{opacity:0;transform:translateY(.35em)scaleY(.4)}to{opacity:1;transform:translateY(0)scaleY(1)}}@keyframes digitCountDown{0%{opacity:0;transform:translateY(-.35em)scaleY(.4)}to{opacity:1;transform:translateY(0)scaleY(1)}}@keyframes dimRemove{0%{opacity:1;max-height:500px;margin-bottom:10px;transform:scale(1)}40%{opacity:.3;transform:scale(.97)translateY(4px)}to{opacity:0;max-height:0;margin-bottom:0;transform:scale(.94)translateY(8px)}}@keyframes dimAdd{0%{opacity:0;max-height:0;margin-bottom:0;transform:scale(.94)translateY(8px)}40%{opacity:.3;transform:scale(.97)translateY(4px)}to{opacity:1;max-height:500px;margin-bottom:10px;transform:scale(1)}}@keyframes dotFlashUp{0%{color:var(--color-text-muted);text-shadow:none;transform:scale(1)}30%{color:var(--color-success);text-shadow:0 0 10px var(--color-success);transform:scale(1.4)}65%{color:var(--color-success);text-shadow:0 0 6px var(--color-success);transform:scale(1.1)}to{color:var(--color-text-muted);text-shadow:none;transform:scale(1)}}@keyframes dotFlashDown{0%{color:var(--color-text-muted);text-shadow:none;transform:scale(1)}30%{color:var(--color-error);text-shadow:0 0 10px var(--color-error);transform:scale(1.4)}65%{color:var(--color-error);text-shadow:0 0 6px var(--color-error);transform:scale(1.1)}to{color:var(--color-text-muted);text-shadow:none;transform:scale(1)}}@keyframes arrowAppear{0%{opacity:0;transform:translateY(8px)}18%{opacity:1;transform:translateY(0)}70%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@keyframes rotateHint{0%,to{transform:rotate(0)}25%{transform:rotate(-15deg)}75%{transform:rotate(15deg)}}.animate-pulse{animation:2s infinite pulse}.animate-spin{animation:.8s linear infinite spin}.animate-fade-in{animation:.3s fadeIn}.dim-removing{pointer-events:none;animation:.45s ease-in forwards dimRemove;overflow:hidden}.dim-adding{animation:.45s ease-out forwards dimAdd;overflow:hidden}.dot-flash-up{animation:1.6s ease-out forwards dotFlashUp;display:inline-block}.dot-flash-down{animation:1.6s ease-out forwards dotFlashDown;display:inline-block}.change-arrow{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-normal);opacity:0}.change-arrow.change-up{color:var(--color-success);text-shadow:var(--shadow-text-success);animation:3s ease-out forwards arrowAppear}.change-arrow.change-down{color:var(--color-error);text-shadow:var(--shadow-text-error);animation:3s ease-out forwards arrowAppear}.digit-wrap{vertical-align:top;perspective:200px;justify-content:center;align-items:center;height:1.15em;display:inline-flex}.digit-char{text-box:trim-both cap alphabetic;will-change:transform, opacity;transform-style:preserve-3d;line-height:1;display:block}.sidebar{width:var(--sidebar-width);height:100vh;background:linear-gradient(180deg, var(--color-bg-dark) 0%, var(--color-bg) 100%);border-right:var(--border-width) solid var(--color-primary-border);height:100dvh;z-index:var(--z-sidebar);transition:transform var(--transition-normal);padding-top:env(safe-area-inset-top,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);flex-direction:column;display:flex;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);z-index:var(--z-overlay);opacity:0;visibility:hidden;transition:opacity var(--transition-normal), visibility var(--transition-normal);background:#00000080;position:fixed;top:0;bottom:0;left:0;right:0}.sidebar-overlay.visible{opacity:1;visibility:visible}.sidebar-header{border-bottom:var(--border-width) solid var(--color-primary-border);align-items:center;gap:12px;padding:20px;display:flex}.sidebar-logo{border-radius:var(--border-radius-lg);width:40px;height:40px}.sidebar-brand{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);letter-spacing:var(--letter-spacing-normal)}.sidebar-nav{padding:var(--space-md) 12px;gap:var(--space-sm);flex-direction:column;flex:1;display:flex}.sidebar-item{border:var(--border-width) solid transparent;border-radius:var(--border-radius-lg);color:var(--color-text-secondary);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:0 0;align-items:center;gap:12px;width:100%;padding:14px 16px;text-decoration:none;display:flex}.sidebar-item:hover:not(.disabled){background:rgba(var(--color-primary-rgb), .05);color:var(--color-text)}.sidebar-item.active{background:var(--color-primary-muted);border-color:var(--color-type-public-border);color:var(--color-primary)}.sidebar-item svg{flex-shrink:0}.sidebar-item.disabled{opacity:.5;cursor:not-allowed}.coming-soon-badge{font-size:var(--font-size-2xs);color:var(--color-warning);background:rgba(var(--color-warning-rgb), .12);border:var(--border-width) solid rgba(var(--color-warning-rgb), .35);border-radius:var(--border-radius-sm);text-transform:uppercase;letter-spacing:var(--letter-spacing-tight);margin-left:auto;padding:2px 6px}.sidebar-footer{justify-content:space-between;align-items:baseline;gap:var(--space-sm);padding:var(--space-md) 20px;border-top:var(--border-width) solid var(--color-primary-border);display:flex}.version-tag{font-size:var(--font-size-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-normal)}.created-by{font-size:var(--font-size-sm);color:var(--color-text-muted)}@media (min-width:900px){.sidebar{transform:translate(0)}.sidebar-overlay{display:none}}@media (max-width:899px){.sidebar{box-shadow:var(--shadow-sidebar)}}.header{background:linear-gradient(180deg, var(--color-bg-dark) 0%, var(--color-bg) 100%);padding:var(--clamp-padding) clamp(16px, 4vw, 40px);text-align:center;border-bottom:var(--border-width) solid rgba(var(--color-primary-rgb), .2);z-index:var(--z-header);padding-top:max(var(--clamp-padding), env(safe-area-inset-top));padding-left:max(clamp(16px, 4vw, 40px), env(safe-area-inset-left));padding-right:max(clamp(16px, 4vw, 40px), env(safe-area-inset-right));position:sticky;top:0}.header .logo{width:var(--clamp-logo);height:var(--clamp-logo);margin-bottom:var(--space-sm)}.header h1{font-size:var(--clamp-title);font-weight:var(--font-weight-semibold);color:var(--color-text);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;margin-bottom:2px}.header h1 span{color:var(--color-primary)}.header .subtitle{font-size:var(--clamp-subtitle);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider)}.status-bar{justify-content:center;align-items:center;gap:var(--space-sm);font-size:var(--clamp-subtitle);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-normal);margin-top:12px;display:flex}.status-info{align-items:center;gap:6px;display:inline-flex}.status-sep{flex-shrink:0}.countdown-text{white-space:nowrap;color:var(--color-primary);border-radius:var(--border-radius-md);background:var(--color-primary-muted);border:var(--border-width) solid var(--color-primary-border);box-shadow:0 0 10px var(--color-primary-muted);padding:3px 10px;font-weight:700}.status-dot{border-radius:var(--border-radius-full);background:var(--color-primary);width:6px;height:6px;box-shadow:0 0 10px var(--color-primary);animation:2s infinite pulse}.status-dot.error{background:var(--color-error);box-shadow:0 0 10px var(--color-error);animation:none}.header .settings-btn{top:max(16px, env(safe-area-inset-top,16px));right:max(16px, env(safe-area-inset-right,16px));position:absolute}.header .info-btn{top:max(16px, env(safe-area-inset-top,16px));right:max(60px, calc(env(safe-area-inset-right,16px) + 44px));color:#ffffffb3;font-size:16px;font-weight:var(--font-weight-bold);font-family:var(--font-family);line-height:1;position:absolute}.header .btn-menu{left:max(16px, env(safe-area-inset-left,16px));top:max(16px, env(safe-area-inset-top,16px));transform:none}.header .info-btn:hover{color:var(--color-text)}.footer{text-align:center;padding:var(--space-lg) var(--space-md) 36px;font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);z-index:var(--z-base);position:relative}.footer-name{color:var(--color-primary);font-weight:var(--font-weight-semibold);text-shadow:0 0 10px rgba(var(--color-primary-rgb), .35)}@media (min-width:700px){.footer{padding:var(--space-xl) var(--space-2xl) 48px}}.banner-stack{z-index:var(--z-rotate-warning);padding-top:env(safe-area-inset-top,0px);box-shadow:var(--shadow-glow-strong);flex-direction:column;display:flex;position:fixed;top:0;left:0;right:0}body.has-banner .app-layout{padding-top:var(--app-banner-h,0px)}body.has-banner .header{top:var(--app-banner-h,0px)}body.has-banner .sidebar{top:var(--app-banner-h,0px);height:calc(100vh - var(--app-banner-h,0px));height:calc(100dvh - var(--app-banner-h,0px))}.mt-lg{margin-top:20px}.info-credit{margin:var(--space-lg) 0 var(--space-md);padding:var(--space-md);text-align:center;font-size:var(--font-size-sm);color:var(--color-text-secondary);border:var(--border-width) solid var(--color-primary-border);border-radius:var(--border-radius-lg);background:var(--color-primary-muted)}.info-credit-name{color:var(--color-primary);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight);text-shadow:0 0 10px rgba(var(--color-primary-rgb), .4)}.info-credit-sub{margin-top:var(--space-xs);font-size:var(--font-size-xs);color:var(--color-text-muted)}.roulette-overlay{z-index:var(--z-modal);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;justify-content:center;align-items:center;display:none;position:fixed;top:0;bottom:0;left:0;right:0}.roulette-overlay.open{display:flex}.roulette-modal{background:linear-gradient(135deg, var(--color-bg) 0%, var(--color-bg-dark) 100%);border-radius:var(--border-radius-lg);padding:var(--space-xl);border:2px solid #a855f766;width:400px;max-width:95vw;max-height:90vh;position:relative;overflow-y:auto;box-shadow:0 20px 60px #a855f74d}.roulette-close{color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;font-size:32px;line-height:1;position:absolute;top:12px;right:12px}.roulette-close:hover{color:var(--color-error)}.roulette-title{text-align:center;margin-bottom:var(--space-lg);color:var(--color-text);font-size:var(--font-size-xl)}.coin-display{font-size:var(--font-size-lg);color:gold;text-shadow:0 0 8px #ffd70080;margin-bottom:var(--space-sm);justify-content:center;align-items:center;gap:6px;font-weight:600;display:flex}.coin-icon{filter:drop-shadow(0 0 4px #ffd70099);font-size:20px}.spin-cost{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-left:var(--space-sm)}.bonus-timer{font-size:var(--font-size-xs);color:var(--color-success);text-shadow:0 0 6px #4ade8080;margin-bottom:var(--space-md);flex-direction:column;align-items:center;gap:4px;display:flex}.timer-label{opacity:.8;font-weight:500}.timer-countdown{font-size:var(--font-size-base);color:#22c55e;font-family:Courier New,monospace;font-weight:700}#rouletteWheel{margin:0 auto var(--space-lg);filter:drop-shadow(0 4px 12px #a855f766);display:block}.roulette-bet{gap:var(--space-sm);margin-bottom:var(--space-md);flex-direction:column;display:flex}.bet-label{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-xs)}.bet-buttons{gap:var(--space-sm);flex-wrap:wrap;justify-content:center;display:flex}.bet-btn{border-radius:var(--border-radius-md);font-weight:600;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);border:2px solid;flex:1;min-width:80px;padding:12px 16px;font-family:inherit}.bet-btn.red{color:#ff6b6b;background:#dc262633;border-color:#dc2626}.bet-btn.red:hover:not(:disabled){background:#dc262666;transform:scale(1.05)}.bet-btn.black{color:#cbd5e0;background:#1e1e1e66;border-color:#4a5568}.bet-btn.black:hover:not(:disabled){background:#1e1e1e99;transform:scale(1.05)}.bet-btn.green{color:#4ade80;background:#22c55e33;border-color:#22c55e}.bet-btn.green:hover:not(:disabled){background:#22c55e66;transform:scale(1.05)}.bet-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.bet-btn.selected{border-width:3px;box-shadow:0 0 12px #a855f799}.roulette-result{text-align:center;font-size:var(--font-size-lg);width:100%;min-height:80px;color:var(--color-text);flex-direction:column;justify-content:center;align-items:center;font-weight:600;display:flex}.roulette-result.win{color:var(--color-success);text-shadow:0 0 10px #4ade8080}.roulette-result.lose{color:var(--color-error)}.roulette-result .result-text{margin-top:var(--space-sm);font-size:20px}.roulette-result .coins-won{margin-top:var(--space-xs);color:gold;font-weight:700}.roulette-result .not-enough-coins .sub{font-size:var(--font-size-sm);margin-top:var(--space-sm)}.roulette-result .not-enough-coins .hint{font-size:var(--font-size-xs);margin-top:var(--space-xs);opacity:.7}.confetti-canvas{pointer-events:none;z-index:600;width:100%;height:100%;position:fixed;top:0;left:0}.roulette-notification{border-radius:var(--border-radius-md);z-index:700;padding:16px 24px;font-weight:600;animation:.5s ease-out slideInRight;position:fixed;top:20px;right:20px}.roulette-notification.daily{color:#000;background:linear-gradient(135deg,gold,#ffed4e);box-shadow:0 4px 12px #ffd70066}.roulette-notification.minute{color:#fff;font-size:var(--font-size-sm);background:linear-gradient(135deg,#4ade80,#22c55e);box-shadow:0 4px 12px #22c55e66}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.app-layout{min-height:100vh;min-height:100dvh}.main-content{min-height:100vh;min-height:100dvh;transition:margin-left var(--transition-normal)}.page-content{z-index:var(--z-base);position:relative}.container{max-width:var(--container-max-sm);padding:var(--clamp-padding);z-index:var(--z-base);transition:max-width var(--transition-normal), padding var(--transition-normal);margin:0 auto;position:relative}.page-header{padding-bottom:var(--space-md);border-bottom:var(--border-width) solid var(--color-primary-border);justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.page-title{font-size:var(--clamp-page-title);font-weight:var(--font-weight-bold);color:var(--color-text)}.section-label{font-size:var(--clamp-subtitle);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);padding-left:var(--space-xs);margin-bottom:12px}@media (min-width:900px){.main-content{margin-left:var(--sidebar-width)}}@media (min-width:700px){.container{max-width:100%;padding:var(--space-lg) clamp(24px, 4vw, 40px)}}@media (min-width:1100px){.container{max-width:var(--container-max-lg)}}@media (min-width:1500px){.container{max-width:var(--container-max-xl);padding:var(--space-xl) var(--space-3xl)}}.pull-refresh-indicator{background:var(--color-bg-dark);border-bottom:var(--border-width) solid rgba(var(--color-primary-rgb), 0);height:0;color:var(--color-primary);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);z-index:var(--z-pull-refresh);transition:border-color var(--transition-fast);justify-content:center;align-items:center;gap:var(--space-sm);will-change:height;display:flex;position:fixed;top:0;left:0;right:0;overflow:hidden}.pull-refresh-indicator.pulling{border-color:rgba(var(--color-primary-rgb), .2)}.pull-refresh-indicator.releasing{transition:height var(--transition-fast), border-color var(--transition-fast)}.pull-arrow{font-size:var(--font-size-md);transition:transform var(--transition-fast);display:inline-block}.pull-arrow.ready{transform:rotate(180deg)}.pull-arrow.hidden{display:none}.toast{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + var(--space-xl));z-index:var(--z-rotate-warning);align-items:center;gap:var(--space-sm);background:var(--color-bg-dark);border:var(--border-width-thick) solid var(--color-primary-border-hover);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-glow-strong);color:var(--color-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight);white-space:nowrap;pointer-events:none;animation:toastIn var(--transition-normal) ease;padding:12px 20px;display:flex;position:fixed;transform:translate(-50%)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.rotate-device{background:var(--color-bg);z-index:var(--z-rotate-warning);text-align:center;padding:var(--space-lg);flex-direction:column;justify-content:center;align-items:center;display:none;position:fixed;top:0;bottom:0;left:0;right:0}.rotate-device svg{width:64px;height:64px;color:var(--color-primary);margin-bottom:20px;animation:2s ease-in-out infinite rotateHint}.rotate-device p{font-size:var(--font-size-md);color:var(--color-text-light);line-height:var(--line-height-relaxed)}.rotate-device strong{color:var(--color-primary)}@media (max-height:500px) and (orientation:landscape) and (hover:none) and (pointer:coarse){.rotate-device{display:flex}.header,.container,.footer{display:none}}