/* R6.22 — final interaction and responsive polish. Non-destructive. */
:root{--r622-ring:0 0 0 4px rgba(34,197,154,.18);--r622-ease:cubic-bezier(.2,.8,.2,1)}
html{scroll-behavior:smooth}button,a,[role="button"]{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,[role="button"]:focus-visible{outline:3px solid rgba(27,164,130,.34)!important;outline-offset:3px}
img{max-width:100%}
.r622-net-state{position:fixed;z-index:9999;left:max(12px,env(safe-area-inset-left));bottom:max(12px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:7px;padding:8px 11px;border-radius:999px;background:rgba(20,31,55,.88);color:#fff;font:800 .72rem/1.2 system-ui;backdrop-filter:blur(14px);box-shadow:0 10px 28px rgba(15,23,42,.2);opacity:0;transform:translateY(8px);pointer-events:none;transition:.22s var(--r622-ease)}
.r622-net-state.show{opacity:1;transform:none}.r622-net-state i{width:8px;height:8px;border-radius:50%;background:#65e6ac}.r622-net-state.offline i{background:#ffbd59}
.r622-game-feedback{animation:r622-pop .32s var(--r622-ease)}@keyframes r622-pop{0%{transform:scale(.96);opacity:.6}70%{transform:scale(1.02)}100%{transform:none;opacity:1}}
body[data-view="play_world"] .v55-game-card{min-height:210px;border-radius:24px;overflow:hidden}
body[data-view="play_world"] .v55-game-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(30,45,85,.14)}
body[data-view="play_game"] .v55-game-shell{max-width:1180px;margin-inline:auto}
body[data-view="play_game"] button{min-height:44px}
.r69-story-reader .r69-scene-thumb{min-width:72px}
.r69-story-reader .r69-reading-card{border:1px solid rgba(220,226,238,.75)}
.r69-story-reader .r69-story-stage{overflow:hidden}
.r622-progress-label{font-weight:900;font-size:.72rem;color:#66728d;margin-inline-start:6px}
@media(max-width:760px){
 body{overscroll-behavior-y:none}
 body[data-view="play_world"] .v55-game-card{min-height:180px}
 body[data-view="play_game"] .v55-game-shell{padding-inline:max(10px,env(safe-area-inset-left))}
 .r69-story-reader .r69-story-stage{border-radius:20px}
 .r69-story-reader .r69-scene-strip{padding-bottom:4px}
}
@media(max-width:390px){
 body[data-view="play_world"] .v55-game-card{min-height:165px}
 .r620-reader-badge{display:none}
 .r620-focus-toggle span:last-child{display:none}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.r622-net-state,.r622-game-feedback{transition:none!important;animation:none!important}}