/* A single quiet, interactive cover. No service navigation. */
html:has(.corgi-home){overflow:hidden;background:#f7f7f5!important}
body[data-samoylik-app=home].corgi-home{
  margin:0;width:100%;height:100vh;height:100svh;overflow:hidden;
  background:#f7f7f5!important;color:#171717!important;
  font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;
}
.corgi-home .scene{position:relative;width:100%;height:100%;isolation:isolate;overflow:hidden}
.corgi-home .scene::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 43%,#fff 0,transparent 69%);z-index:-1}
body[data-samoylik-app=home].corgi-home .scene-title{
  position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);
  width:100%;margin:0;padding:0;text-align:center;
  font:400 clamp(40px,16.4vw,360px)/1 Arial,Helvetica,sans-serif!important;
  letter-spacing:-.065em;white-space:nowrap;color:#171717;
  user-select:none;pointer-events:none;z-index:0;
}
.corgi-home.scene-ready .scene-title{opacity:0}
.corgi-home #corgi-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;z-index:1;touch-action:none;cursor:grab;opacity:0;transition:opacity 1.2s ease}
.corgi-home.scene-ready #corgi-canvas{opacity:1}
.corgi-home #corgi-canvas:active{cursor:grabbing}
.corgi-home #corgi-canvas:focus-visible{outline:none!important}
.corgi-home .scene:has(#corgi-canvas:focus-visible){box-shadow:inset 0 0 0 2px #888}
.corgi-home .scene-note{position:absolute;z-index:2;left:36px;top:30px;margin:0;font-size:11px;letter-spacing:.01em;color:#777;display:flex;align-items:center;gap:9px;pointer-events:none}
.corgi-home .scene-note::before{content:"";width:5px;height:5px;background:#888;border-radius:50%}
.corgi-home .scene-bottom{position:absolute;z-index:2;bottom:max(28px,env(safe-area-inset-bottom));left:36px;right:36px;display:flex;align-items:center;justify-content:space-between;gap:20px;pointer-events:none}
.corgi-home .scene-hint{font-size:12px;line-height:1.5;color:#777;margin:0;letter-spacing:.01em}
.corgi-home .motion-button{display:flex;align-items:center;justify-content:center;gap:9px;pointer-events:auto;min-width:88px;height:38px;padding:0 14px;border:1px solid #dededb;border-radius:999px;background:transparent;color:#555;font:12px Arial,Helvetica,sans-serif;cursor:pointer;transition:background .2s,border-color .2s}
.corgi-home .motion-button:hover{background:#eeeee9;border-color:#c5c5c0}
.corgi-home .motion-icon{display:block;width:8px;height:10px;border-left:2px solid currentColor;border-right:2px solid currentColor}
.corgi-home .motion-button[aria-pressed=false] .motion-icon{width:0;height:0;border:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid currentColor}
.corgi-home .scene-status{position:absolute;left:0;right:0;bottom:18%;text-align:center;font-size:12px;color:#888;z-index:2;pointer-events:none}
.corgi-home .scene-status:empty{display:none}
.corgi-home .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:600px){.corgi-home .scene-note{top:24px;left:24px}.corgi-home .scene-bottom{left:24px;right:24px;bottom:max(24px,env(safe-area-inset-bottom));gap:12px}.corgi-home .scene-hint{max-width:210px;font-size:11px}.corgi-home .motion-button{min-width:78px;height:36px;padding:0 12px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.corgi-home #corgi-canvas{transition:none}}
