/* SELKO V8: responsive, accessible polish without changing the V7 games. */
html{scroll-padding-top:90px}body{overflow-x:hidden}button,a,input,select{touch-action:manipulation}button{min-height:42px}#menu{min-width:44px;min-height:44px}.gameControls button{min-height:48px}#game{max-width:100%;aspect-ratio:2/1;object-fit:contain}.hero,.panel,.gameWrap{isolation:isolate}.mono{word-break:break-word}.heroText,.living-world{min-width:0}.gameTop .actions{margin:0}.gameTop .chip{min-height:44px}
@media(max-width:800px){header{gap:8px}#walletTop{max-width:155px;overflow:hidden;text-overflow:ellipsis}.hero{min-height:490px}.heroText{max-width:100%}.gameControls{gap:8px;padding:12px}.gameControls button{flex:1 1 120px;padding:11px 9px}.gameControls #left,.gameControls #right{flex:1 1 40%}.gameTop .actions{gap:7px}.gameTop .chip{flex:1 1 auto}.panel{overflow-wrap:anywhere}.v7-bubble{max-width:140px;white-space:normal;text-align:center}}
@media(max-width:380px){.brand{font-size:19px}.hero h1{font-size:60px}.tiles>button{padding:11px}.tiles>button strong{font-size:16px}.notice{padding:9px}.gameControls button{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}