:root{--night: #06132B;--eye: #0567FE;--open: #0D4AB8;--sky: #4E98FD;--ice: #EFF8FC;--mist: #BFD4F2;--ink: #04122B;--p: 1;}*{box-sizing: border-box;margin: 0;padding: 0;}html{-webkit-text-size-adjust: 100%;}body{min-height: 100dvh;background: var(--night);color: var(--ice);font-family: "Karla",system-ui,sans-serif;font-weight: 400;display: flex;flex-direction: column;overflow-x: hidden;-webkit-tap-highlight-color: transparent;}.field{position: fixed;inset: 0;pointer-events: none;background: radial-gradient(120% 70% at 50% 62%,#1556C9 0%,var(--open) 55%,#0A3C99 100%);opacity: var(--p);}.app{position: relative;flex: 1;width: 100%;max-width: 440px;margin: 0 auto;display: flex;flex-direction: column;padding: calc(env(safe-area-inset-top) + 12px) max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left));}.bar{display: flex;align-items: center;gap: 12px;min-height: 48px;}.bar img{width: clamp(40px,11vw,56px);height: auto;aspect-ratio: 1;border-radius: 12px;}.bar span{font-family: "EB Garamond",Georgia,serif;font-weight: 500;font-size: clamp(1.25rem,1.1rem + 0.6vw,1.5rem);letter-spacing: 0.01em;}h1{margin-top: clamp(10px,2.4dvh,22px);font-family: "EB Garamond",Georgia,serif;font-weight: 500;font-size: clamp(2.3rem,1.7rem + 3vw,3.2rem);line-height: 1.02;letter-spacing: -0.01em;}h1 em{font-style: normal;color: var(--sky);}.state-open h1 em{color: var(--ice);}.lead{margin-top: 10px;font-size: clamp(0.95rem,0.9rem + 0.25vw,1.05rem);line-height: 1.42;color: var(--mist);max-width: 34ch;}.seg{position: relative;margin-top: clamp(12px,2.2dvh,20px);display: grid;grid-template-columns: 1fr 1fr;height: 44px;padding: 3px;border-radius: 14px;background: rgba(239,248,252,0.10);-webkit-backdrop-filter: blur(14px);backdrop-filter: blur(14px);touch-action: none;user-select: none;-webkit-user-select: none;overscroll-behavior: contain;cursor: grab;}.seg-thumb{position: absolute;top: 3px;left: 3px;width: calc(50% - 3px);height: 38px;border-radius: 11px;background: var(--ice);transform: translateX(calc(var(--p) * 100%));will-change: transform;}.seg button{position: relative;border: 0;background: none;font: inherit;font-weight: 700;font-size: clamp(0.9rem,0.85rem + 0.2vw,1rem);color: var(--ice);border-radius: 11px;cursor: pointer;-webkit-tap-highlight-color: transparent;transition: transform 90ms ease-out;}.seg button[aria-checked="true"]{color: var(--ink);}.seg button:active{transform: scale(0.97);}.seg button:focus-visible{outline: 2px solid var(--sky);outline-offset: 2px;}.caption{position: relative;height: 1.4em;margin-top: 10px;font-size: 0.9rem;color: var(--mist);}.caption span{position: absolute;left: 0;top: 0;}.caption .c-sealed{opacity: calc(1 - var(--p));}.caption .c-open{opacity: var(--p);color: var(--ice);}.comb-wrap{flex: 1;display: flex;align-items: center;justify-content: center;padding: 10px 0 14px;touch-action: pan-y;user-select: none;-webkit-user-select: none;overscroll-behavior: contain;cursor: grab;}.comb{position: relative;width: max(176px,min(300px,76vw,calc((100dvh - 440px) * 1.06)));aspect-ratio: 1.065;}.cell{position: absolute;width: 31.5%;height: 38.7%;}.cell,.cap,.core{clip-path: polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);}.r0{top: 0;}.r1{top: 30.6%;}.r2{top: 61.2%;}.ca{left: 17.1%;}.cb{left: 51.4%;}.cc{left: 0;}.cd{left: 34.25%;}.ce{left: 68.5%;}.core{position: absolute;inset: 0;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 4px;background: var(--ice);color: var(--ink);text-align: center;--q: clamp(0,calc((var(--p) - var(--d)) * 1.75),1);transform: scale(calc(0.9 + 0.1 * var(--q)));opacity: calc(0.35 + 0.65 * var(--q));}.core svg{width: 30%;height: auto;}.core b{font-weight: 700;font-size: clamp(0.66rem,0.6rem + 0.3vw,0.8rem);line-height: 1.1;max-width: 80%;}.cd .core{background: var(--sky);}.cap{position: absolute;inset: 0;background: rgba(6,19,43,0.55);-webkit-backdrop-filter: blur(7px);backdrop-filter: blur(7px);--q: clamp(0,calc((var(--p) - var(--d)) * 1.75),1);transform: translateY(calc(var(--q) * -26%)) scale(calc(1 + 0.12 * var(--q)));opacity: calc(1 - var(--q));display: flex;align-items: center;justify-content: center;}.cap i{display: block;width: 46%;height: 46%;clip-path: polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background: rgba(239,248,252,0.16);}.act{position: sticky;bottom: 0;margin: 0 -16px;padding: 12px 16px calc(env(safe-area-inset-bottom) + 14px);background: rgba(6,19,43,0.35);-webkit-backdrop-filter: blur(16px);backdrop-filter: blur(16px);}.cta{display: flex;align-items: center;justify-content: center;min-height: 54px;border-radius: 16px;background: var(--sky);color: var(--ink);font-weight: 700;font-size: clamp(1.02rem,0.95rem + 0.3vw,1.15rem);text-decoration: none;transition: transform 90ms ease-out,background-color 160ms ease-out;-webkit-tap-highlight-color: transparent;}.cta:active{transform: scale(0.97);}.cta:focus-visible{outline: 3px solid var(--ice);outline-offset: 3px;}@media (hover: hover) and (pointer: fine){.cta:hover{background: #6AAAFF;}.seg button:hover{opacity: 0.9;}}footer{position: relative;text-align: center;padding: 8px 16px calc(env(safe-area-inset-bottom) + 10px);font-family: "EB Garamond",Georgia,serif;font-weight: 500;font-size: clamp(0.85rem,0.8rem + 0.2vw,0.95rem);color: var(--mist);}#app.full .cap{visibility: hidden;}.reduced .comb{transition: opacity 180ms ease-out;}.reduced .comb.fade{opacity: 0.35;}@media (min-width: 768px){.app{padding-top: 40px;}.bar img{width: 56px;}}html,body{max-width:100%;overflow-x:clip}