html{overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent!important}button,a,input,select,textarea,[role=button],label,div[onclick]{-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none;touch-action:manipulation}button:focus:not(:focus-visible),a:focus:not(:focus-visible){outline:none}@media(hover:none)and (pointer:coarse){*:hover{-webkit-tap-highlight-color:transparent!important}button,a,[role=button],input,select,textarea,label{transition-duration:0s!important;transition-delay:0s!important}button:hover,button:active,a:hover,a:active,[role=button]:hover,[role=button]:active{filter:none!important;transform:none!important;-webkit-tap-highlight-color:transparent!important;outline:none!important;box-shadow:none!important}}body{background-color:#f0f0f0}#root{min-height:100vh;background-color:#f0f0f0}:root{--gold-shine: #fffdf5;--gold-light: #fff0a8;--gold-mid: #e8c547;--gold-rich: #ddb82a;--gold-dark: #c9a227;--gold-shadow: #b8860b;--gold-border: #ddb82a;--gold-glow: rgba(232, 197, 71, .45);--gold-gradient: linear-gradient(180deg, #fffdf5 0%, #fff0a8 12%, #f0d654 28%, #e8c547 50%, #ddb82a 75%, #c9a227 100%);--gold-gradient-hover: linear-gradient(180deg, #fffbf0 0%, #ffe066 15%, #e8c547 40%, #ddb82a 70%, #c9a227 100%)}.gold-bg{background:var(--gold-gradient);color:#fff}.gold-bg:hover{background:var(--gold-gradient-hover);box-shadow:0 4px 12px var(--gold-glow)}.gold-text{color:var(--gold-mid)}.gold-border{border-color:var(--gold-border)}.App{text-align:center;min-height:100vh;display:flex;flex-direction:column;overflow-x:clip;max-width:100vw}.app-main{flex:1;width:100%;box-sizing:border-box;padding:0 clamp(11px,1.2vw + 2px,16px);background-color:#f0f0f0;min-height:60vh}@media(min-width:768px){.app-main{max-width:720px;margin:0 auto;padding:0 24px}.App.app-loggedin .app-main{max-width:none;margin:0;padding:0;width:100%}}nav{margin-bottom:clamp(14px,1.4vw + 3px,20px);width:100%;display:flex;justify-content:flex-end;align-items:center;gap:clamp(6px,.5vw + 2px,8px)}.App.cabinet-open>nav,.App.admin-open>nav{display:none}.App.app-loggedin .app-main{padding:0;margin:0;max-width:none;width:100%;min-height:100vh}.App.cabinet-open .app-main{flex:none}nav a,nav button{text-decoration:none;color:#000;background:none;border:none;font:inherit;cursor:pointer;padding:4px 0;transition:color .2s ease,opacity .2s ease}nav a:hover,nav button:hover{color:#333;text-decoration:underline}form{display:flex;flex-direction:column;max-width:clamp(220px,19vw + 72px,300px);width:100%;margin:0 auto}input{margin-bottom:clamp(7px,.7vw + 2px,10px);padding:clamp(6px,.5vw + 2px,8px);border-radius:8px;border:1px solid #ddd;transition:box-shadow .3s ease}input:focus{outline:none;box-shadow:0 0 8px #0000001a}input:hover{box-shadow:0 2px 8px #00000026}button{padding:clamp(7px,.7vw + 2px,10px);background:var(--gold-gradient);color:#fff;border:none;cursor:pointer;font-weight:700;border-radius:8px;box-shadow:0 2px 6px #00000026;transition:box-shadow .25s ease}button:active:not(.training-option):not(.game-mode-card):not(.cabinet-menu-item):not(.cabinet-rankings-metric-btn):not(.partner-tree-nav-btn){box-shadow:0 1px 3px #0003}