.skye-home{color:#0f2236;background:radial-gradient(70% 50% at 50% -10%,#96c0de52,#0000 70%),radial-gradient(50% 40% at 92% 8%,#fff2d26b,#0000 70%),linear-gradient(#e9f1f7 0%,#f4f8fb 60%,#f7fafc 100%);width:100vw;height:100vh;position:relative;overflow:hidden}.skye-home:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0000 0%,#ffffff59 100%);position:fixed;inset:65% 0 0}.skye-scroll{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain;flex-direction:row;display:flex;position:absolute;inset:0;overflow:auto hidden}.skye-scroll::-webkit-scrollbar{display:none}.skye-home.is-playing .skye-scroll{scroll-snap-type:none;overflow:hidden}.scene-card.is-playing{pointer-events:auto}.skye-top{z-index:50;justify-content:space-between;align-items:center;padding:22px 32px;display:flex;position:fixed;top:0;left:0;right:0}.skye-brand{letter-spacing:-.015em;color:#0f2236;font-size:18px;font-weight:500;text-decoration:none}.skye-icon-btn{color:#0f22368c;cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;width:36px;height:36px;text-decoration:none;transition:color .18s,background .18s;display:grid}.skye-icon-btn:hover{color:#0f2236;background:#0f22360d}.scene{scroll-snap-align:center;scroll-snap-stop:always;contain:layout paint;flex:0 0 100vw;place-items:center;min-width:100vw;height:100vh;padding:96px 24px 80px;display:grid;position:relative}.scene-card{z-index:2;contain:layout style;opacity:0;will-change:transform, opacity;background:#fff;border-radius:26px;width:min(640px,92vw);padding:48px 52px 36px;transition:transform .95s cubic-bezier(.34,1.36,.32,1),opacity .55s ease-out 50ms;position:relative;transform:translateY(54px)scale(.93);box-shadow:inset 0 1px #fff,0 1px 2px #0f22360a,0 28px 70px #0f22361a}.scene.is-active .scene-card{opacity:1;transform:translateY(0)scale(1)}.scene-card>*{opacity:0;transition:opacity .55s ease-out,transform .7s cubic-bezier(.22,.9,.32,1);transform:translateY(14px)}.scene.is-active .scene-card>*{opacity:1;transform:translateY(0)}.scene.is-active .scene-card>:first-child{transition-delay:.12s}.scene.is-active .scene-card>:nth-child(2){transition-delay:.18s}.scene.is-active .scene-card>:nth-child(3){transition-delay:.24s}.scene.is-active .scene-card>:nth-child(4){transition-delay:.3s}@media (prefers-reduced-motion:reduce){.scene-card,.scene-card>*{transition:opacity .2s ease-out!important;transform:none!important}}.scene-title{letter-spacing:-.055em;color:#0f2236;margin:0 0 24px;font-size:clamp(56px,8vw,88px);font-weight:500;line-height:1}.scene-desc p{color:#5b6e82;letter-spacing:-.005em;margin:0 0 12px;font-size:16px;line-height:1.55}.scene-preview-wrap{cursor:pointer;width:100%;min-height:200px;font:inherit;color:inherit;background:0 0;border:0;place-items:center;margin:32px 0 28px;padding:0;transition:transform .4s cubic-bezier(.2,.7,.2,1);display:grid}.scene-preview-wrap:hover{transform:translateY(-3px)}.scene-preview-wrap:active{transform:scale(.99)}.scene-preview-wrap .preview{display:block}.scene-preview-wrap .preview:hover{transform:none}.scene-preview-wrap .preview-stage{width:auto;max-width:100%;height:200px}.scene-preview-wrap .preview-label{display:none}.scene-actions{justify-content:space-between;align-items:center;gap:16px;display:flex}.scene-meta{letter-spacing:.22em;text-transform:uppercase;color:#0f223673;font-size:11px;font-weight:500}.scene-play{color:#fff;cursor:pointer;background:#0f2236;border:0;border-radius:999px;place-items:center;width:64px;height:64px;text-decoration:none;transition:transform .2s cubic-bezier(.2,.7,.2,1),background .25s,box-shadow .25s;display:grid;box-shadow:0 8px 22px #0f223638}.scene-play:hover{background:#1e3a5a;transform:scale(1.06);box-shadow:0 14px 30px #0f22364d}.scene-play:active{transform:scale(.95)}.scene-play svg{margin-left:3px;display:block}.skye-dots{z-index:40;flex-direction:row;gap:12px;transition:opacity .3s;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.skye-home.is-playing .skye-dots{opacity:0;pointer-events:none}.skye-dot{cursor:pointer;background:#0f22362e;border:0;border-radius:999px;width:8px;height:8px;padding:0;transition:background .25s,transform .25s}.skye-dot:hover{background:#0f223680}.skye-dot.is-active{background:#0f2236;transform:scale(1.25)}.scene-hint{letter-spacing:.26em;text-transform:uppercase;color:#0f223673;pointer-events:none;writing-mode:vertical-rl;text-orientation:mixed;flex-direction:column;align-items:center;gap:8px;font-size:10px;font-weight:500;animation:2.6s ease-in-out infinite hint-slide;display:flex;position:absolute;top:50%;right:24px;transform:translateY(-50%)}@keyframes hint-slide{0%,to{opacity:.7;transform:translateY(-50%)translate(0)}50%{opacity:1;transform:translateY(-50%)translate(6px)}}.scene-hint svg{transform:rotate(-90deg)}@media (max-width:720px){.scene-card{padding:32px 28px 28px}.scene-preview-wrap .preview-stage{height:160px}.skye-dots{right:16px}}.scene[data-scene=land] .scene-card{view-transition-name:card-land}.scene[data-scene=recall] .scene-card{view-transition-name:card-recall}.scene[data-scene=heap] .scene-card{view-transition-name:card-heap}.scene-card.is-playing{z-index:200;opacity:1;width:min(560px,100vw - 32px);height:auto;max-height:calc(100vh - 32px);margin:auto;padding:22px 24px 20px;transition:none;position:fixed;inset:0;overflow:auto;transform:none}.scene-card.is-playing>*{opacity:1;transition:none;transform:none}.scene-card-close{color:#0f2236a6;cursor:pointer;z-index:5;background:#0f22360f;border:0;border-radius:999px;place-items:center;width:40px;height:40px;transition:background .2s,color .2s,transform .18s cubic-bezier(.2,.7,.2,1);display:grid;position:absolute;top:18px;right:18px}.scene-card-close:hover{color:#0f2236;background:#0f22361f}.scene-card-close:active{transform:scale(.93)}.scene-game{justify-content:center;align-items:center;width:100%;height:100%;padding:12px 0;display:flex}.scene-game .land-stage,.scene-game .recall-stage-inner,.scene-game .heap-stage-inner{box-shadow:none;view-transition-name:none;background:0 0;border-radius:0;padding:0}.scene-game .recall-stage,.scene-game .heap-stage{margin:0}::view-transition-old(card-land){animation-duration:.65s;animation-timing-function:cubic-bezier(.34,1.18,.32,1)}::view-transition-new(card-land){animation-duration:.65s;animation-timing-function:cubic-bezier(.34,1.18,.32,1)}::view-transition-old(card-recall){animation-duration:.65s;animation-timing-function:cubic-bezier(.34,1.18,.32,1)}::view-transition-new(card-recall){animation-duration:.65s;animation-timing-function:cubic-bezier(.34,1.18,.32,1)}::view-transition-old(card-heap){animation-duration:.65s;animation-timing-function:cubic-bezier(.34,1.18,.32,1)}::view-transition-new(card-heap){animation-duration:.65s;animation-timing-function:cubic-bezier(.34,1.18,.32,1)}.skye-home.is-playing{scroll-snap-type:none;overflow:hidden}
.preview{text-decoration:none;transition:transform .5s cubic-bezier(.2,.7,.2,1);display:block}.preview:hover{transform:translateY(-4px)}.preview-stage{pointer-events:none;display:block}.preview-label{text-align:center;letter-spacing:.26em;text-transform:uppercase;color:#0f223673;pointer-events:none;margin-top:10px;font-size:11px;font-weight:500;transition:color .35s,letter-spacing .5s cubic-bezier(.2,.7,.2,1);display:block}.preview:hover .preview-label{color:#0f2236f2;letter-spacing:.32em}.preview-ball{fill:#0f2236}.preview-trail{stroke:#0f223652}.preview-marble{transform-box:fill-box;transform-origin:50%}.preview-dot{fill:#0f2236;opacity:.22;transition:opacity .18s}.preview-dot.is-on{opacity:1}