/* Information is below the existing home screen. Game layout is not resized. */
.sr-guide,.sr-footer,.sr-doc-head{box-sizing:border-box;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.65;text-align:left;letter-spacing:normal;font-size:16px;touch-action:pan-y;-webkit-user-select:text;user-select:text}
.sr-guide{max-width:960px;margin:40px auto 0;padding:24px clamp(18px,4vw,36px);background:#fff;color:#183541;border-radius:14px;position:relative}
.sr-guide h1,.sr-guide h2{font:700 1.45rem/1.3 system-ui;margin:0 0 22px;letter-spacing:normal;color:inherit}
.sr-guide h3{font:650 1.05rem/1.4 system-ui;margin:12px 0;color:inherit}.sr-guide p{font:400 1rem/1.75 system-ui;margin:12px 0 18px;color:inherit}.sr-guide a,.sr-footer a{color:#17647a;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.sr-detail{border:0;border-bottom:1px solid #d6e2e6;border-radius:0;background:transparent;padding:0;margin:0}.sr-detail summary{display:list-item;cursor:pointer;font:650 1rem/1.5 system-ui;padding:17px 0;color:#183541;touch-action:manipulation}.sr-detail summary:focus-visible,.sr-guide a:focus-visible{outline:3px solid #278296;outline-offset:3px}.sr-detail article{padding:12px 0 20px}.sr-detail small{font-size:.875rem;color:#4a6772}.sr-footer{max-width:960px;margin:0 auto;padding:24px 20px 32px;color:#183541;background:#fff}.sr-footer nav{display:flex;flex-wrap:wrap;gap:12px 20px;margin:12px 0}.sr-footer small{font-size:.875rem}.sr-footer>a{font-weight:700}.sr-document{margin:0;background:#edf5f7;color:#183541}.sr-doc-head{max-width:960px;margin:auto;padding:20px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.sr-doc-head select{font:inherit;padding:6px}.sr-document .sr-guide{margin-top:8px}.sr-document .sr-guide article{padding:20px 0}
body:has([data-sr-page="sillyisland"]),html:has([data-sr-page="sillyisland"]),body:has([data-sr-page="sillyclimbing"]),html:has([data-sr-page="sillyclimbing"]){height:auto;min-height:100%;overflow-x:hidden;overflow-y:auto}
body:has([data-sr-page="sillyclimbing"]) #app{position:relative;height:100dvh;overflow:hidden}
body:has([data-sr-page="sillyisland"]) #root{height:100dvh;position:relative}
body.sr-playing #sr-guide,body.sr-playing>.sr-footer{display:none}
html:has(body.sr-playing),body.sr-playing{overflow:hidden!important;height:100%!important}
body:has(#sr-guide) .foot nav,body:has(#sr-guide) .foot small{display:none}
body:has(#sr-guide) .foot{padding-block:0;margin-block:0}
@media(max-width:600px){.sr-guide{margin-top:24px;border-radius:0}.sr-footer{padding-bottom:calc(24px + env(safe-area-inset-bottom))}}
.sr-guide *,.sr-footer *{touch-action:pan-y;-webkit-user-select:text;user-select:text}
body:not(.sr-playing) .island-app.arrival .world-canvas,body:not(.sr-playing) #home,body:not(.sr-playing) #home *{touch-action:pan-y}
.sr-guide summary{touch-action:manipulation}

body:has([data-sr-page="sillyski"]) #shell{min-height:100svh}
body:has([data-sr-page="sillyhoof"]) #main{min-height:calc(100svh - 100px)}

.sr-document .sr-guide .sr-update-card{border:1px solid #d6e2e6;border-radius:12px;padding:clamp(16px,3vw,24px);margin:20px 0;overflow-wrap:anywhere}.sr-update-card h2{margin:12px 0}.sr-update-card>a{display:inline-block;padding:8px 0}
/* Editorial content is scoped outside active game screens. */
.sr-actions,.sr-toc{display:flex;flex-wrap:wrap;gap:10px 18px;margin:18px 0}
.sr-actions a{padding:9px 14px;border:1px solid #b4c9ca;border-radius:8px;background:#f3f8f7;font-weight:650;text-decoration:none;min-height:24px}
.sr-actions a:first-child{background:#ffe16a;color:#193642;border-color:#d8b548}
.sr-figure{margin:20px 0}.sr-figure img{display:block;width:100%;height:auto;border-radius:10px;border:1px solid #cbd9dc;box-sizing:border-box}.sr-figure figcaption{font-size:.82rem;color:#526871;margin-top:8px}
.sr-home-editorial{max-width:1160px;background:#fffcf2;border:1px solid #e6dfc9}
.sr-game-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;align-items:start;padding:32px 0;border-top:1px solid #d6dfdc;scroll-margin-top:20px}
.sr-game-intro .sr-figure{margin:0}.sr-game-intro h2{margin-top:0}.sr-examples{border-top:2px solid #ead379;margin-top:30px;padding-top:24px}.sr-examples article{border-left:3px solid #efd66d;padding:0 0 0 20px!important;margin:24px 0}
.sr-document #rules,.sr-document #tips{scroll-margin-top:18px}.sr-guide img{max-width:100%}.sr-guide nav a:focus-visible{outline:3px solid #17647a;outline-offset:3px}
@media(max-width:760px){.sr-game-intro{grid-template-columns:minmax(0,1fr);gap:18px;padding:26px 0}.sr-home-editorial{border-radius:0}.sr-actions a{padding:10px 12px}.sr-doc-head{padding:14px 18px}}
@media(prefers-reduced-motion:reduce){.sr-guide *{scroll-behavior:auto!important}}
.sr-release-guide{display:inline-block;margin-inline-start:20px}
