/* Legibility, keyboard feedback and restrained movement. */
.home-welcome{font-size:clamp(42px,5.4vw,76px);line-height:1.12;text-align:left;text-shadow:0 3px 24px #0008;margin:0 0 28px;letter-spacing:.005em}
:root{--paper-dim:#bdc7d3;--ui-muted:#bdc7d3}
.skip-content{position:fixed;top:12px;left:20px;z-index:1000;transform:translateY(-160%);padding:12px 18px;background:#d4eaf4;color:#0a1420;font-weight:700}
.skip-content:focus{transform:none}
.page-shell p{line-height:1.75}
.profile-card,.kogane-card,.kogane-rules,.ranking-list,.team-panel{background-color:#0b121bf5}
.field>span,.kogane-form label{font-weight:600;color:#dbe5ef}
.field input,.kogane-form input,.kogane-form select,.player-search input{font-size:16px;line-height:1.5}
input::placeholder{color:#93a2b4;opacity:1}
.button,button.position-slot,.position-choice,.rule-topics button{transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease;touch-action:manipulation}
.button:active:not(:disabled){filter:brightness(.92)}
.field input,.kogane-form input,.kogane-form select{transition:border-color .2s ease,box-shadow .2s ease}
.field input:focus,.kogane-form input:focus,.kogane-form select:focus{outline:0;border-color:#c5e0ec;box-shadow:0 0 0 3px #b9deef20}
:where(a,button,input,select):focus-visible{outline:2px solid #d0ebf7;outline-offset:4px}
.section-index,.eyebrow,.micro{line-height:1.5}.profile-title p,.ranking-player small{color:#bdc7d3}
.metrics-row span,.rank-visual span,.rating-note,.sync-state{line-height:1.6}
.sync-state{font-size:10px}.position-feedback{font-size:12px;line-height:1.65}
.position-slot{min-height:58px}.position-choice{min-height:64px}
.podium-meta,.demo-roles{line-height:1.6}.podium-name{overflow-wrap:anywhere}
.archive-state,.archive-winner,.archive-date small,.kogane-balance span{font-size:12px}
.kogane-history{line-height:1.65}.kogane-history strong{font-size:14px}
.kogane-history p{margin-top:6px}.commit-note{max-width:55ch}
.ranking-row{transition:background-color .2s ease;grid-template-columns:32px minmax(160px,1.4fr) minmax(80px,.7fr) minmax(95px,.9fr) minmax(125px,1fr) minmax(125px,1fr);min-width:760px}.ranking-player b{font-size:14px}
.orbit-caption strong{font-size:15px;line-height:1.35}.orbit-caption small{font-size:11px;line-height:1.5;color:#cfdae6}
.orbit-caption{background:linear-gradient(transparent,#05080b 60%)}
.players-center p{color:#d0dbe6;text-shadow:0 2px 8px #000}.spiral-hint{color:#bbc7d6}
#colony-alert{border-left:3px solid #ef8197;background:#301721;color:#ffe0e6;padding:16px 20px;margin-bottom:18px;font-size:14px}
form[aria-busy=true]{cursor:progress}form[aria-busy=true] button{cursor:progress}
body::after{content:'';position:fixed;z-index:100;left:0;top:0;width:100%;height:2px;background:#c5e0ec;transform:scaleX(0);transform-origin:left;opacity:0;pointer-events:none}
body.is-navigating::after{opacity:1;animation:navigationProgress 1.3s ease-in-out infinite}
@keyframes navigationProgress{0%{transform:translateX(-40%) scaleX(.2)}100%{transform:translateX(100%) scaleX(.5)}}
@media(max-width:800px){.mobile-nav a{min-height:44px;display:flex;align-items:center;font-size:11px}.mobile-nav{scroll-padding-inline:14px}.logout-link{min-height:44px;display:flex;align-items:center}.ranking-list{overscroll-behavior-x:contain}.ranking-header{position:sticky;top:0}.page-shell{padding-bottom:230px}.player-search input{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}body.is-navigating::after{animation:none;transform:scaleX(1)}}