/* ── LILLYVERSE · THE FACE — Gigi, 21 September 2026 ──────────────────────────
   Hers: "young, fresh, modern, dual tones — a Tiffany type colour as the background, a young fresh font nicely spaced out like you did for Gigi." Her aqua #16BFB6, and coral #FF5C6A beside it. Bricolage Grotesque for the headings, Figtree under it, room everywhere. Never talks down. */
:root{--lv-aqua:#16BFB6;--lv-aqua-deep:#0A8F88;--lv-aqua-pale:#D9F6F3;--lv-coral:#FF5C6A;--lv-ink:#062F2C;--lv-white:#fff;
  --oms-head:"Bricolage Grotesque",system-ui,sans-serif;--oms-body:"Figtree",system-ui,sans-serif;--oms-sans:"Figtree",system-ui,sans-serif}
body{font-family:var(--oms-body);-webkit-font-smoothing:antialiased}
.oms-screen{background:var(--bg,var(--lv-aqua));color:var(--ink,var(--lv-ink));min-height:100svh;display:flex;align-items:center;padding:12vh 7vw}
.oms-wrap{max-width:44rem;margin:0 auto;width:100%}
.oms-heading{font-family:var(--oms-head);font-weight:600;font-variation-settings:"opsz" 96;font-size:clamp(2.6rem,7.5vw,5.6rem);line-height:.98;letter-spacing:-.025em;margin:0 0 1.6rem;text-wrap:balance}
.oms-words{font-family:var(--oms-body);font-weight:300;font-size:clamp(1.15rem,2vw,1.5rem);line-height:1.55;max-width:34rem;letter-spacing:.005em}
.oms-words p{margin:0 0 1em}
.oms-answer{font-family:var(--oms-body);font-weight:300;font-size:clamp(1.2rem,2.2vw,1.6rem);line-height:1.5;width:100%;background:transparent;border:0;border-bottom:2px solid currentColor;border-radius:0;padding:.6em 0;margin:1.6rem 0 0;color:inherit;outline:none;resize:none}
.oms-answer::placeholder{color:inherit;opacity:.45}
.oms-answer:focus{border-bottom-color:var(--lv-coral)}
/* the word that moves it on — quiet, underlined, coral */
.oms-onward,.oms-made-keep{font-family:var(--oms-body);font-weight:500;font-size:.85rem;letter-spacing:.28em;text-transform:uppercase;background:none;border:0;border-bottom:2px solid var(--lv-coral);padding:.35em 0;margin-top:2.4rem;color:inherit;cursor:pointer;opacity:1;transition:opacity .3s,letter-spacing .3s}
.oms-onward:hover{letter-spacing:.34em}
/* the opening: aqua, the heading huge, the eyebrow in coral */
.oms-screen:first-child .oms-heading{font-size:clamp(3.2rem,11vw,8.4rem);letter-spacing:-.035em;line-height:.92;font-weight:700}
.oms-screen:first-child .oms-heading::before{content:"Lillyverse";display:block;font-family:var(--oms-body);font-weight:500;font-size:.8rem;letter-spacing:.34em;text-transform:uppercase;color:var(--lv-coral);margin:0 0 1.6rem}
/* THE DIAL — two dials on one screen: enjoying life · power over my own life. The answer box is hidden and written by the dials. */
.lv-dials{display:grid;gap:2.4rem;margin:2rem 0 0}
@media(min-width:720px){.lv-dials{grid-template-columns:1fr 1fr;gap:3rem}}
.lv-dial{display:grid;justify-items:center;gap:.9rem;text-align:center}
.lv-dial__face{position:relative;width:min(58vw,240px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 40% 32%,#fff,#F2FBFA 60%,#DDF5F2);box-shadow:inset 0 -10px 22px rgba(6,47,44,.10),inset 0 8px 14px rgba(255,255,255,.9),0 26px 40px -20px rgba(6,47,44,.45);cursor:grab;touch-action:none;user-select:none}
.lv-dial__face:active{cursor:grabbing}
.lv-dial__ring{position:absolute;inset:8%;border-radius:50%;background:conic-gradient(from 225deg,var(--lv-coral) 0 calc(var(--p,.5)*270deg),rgba(6,47,44,.08) calc(var(--p,.5)*270deg) 270deg,transparent 270deg 360deg);-webkit-mask:radial-gradient(circle,transparent 62%,#000 63%);mask:radial-gradient(circle,transparent 62%,#000 63%)}
.lv-dial__hand{position:absolute;left:50%;top:50%;width:3px;height:36%;background:var(--lv-ink);border-radius:2px;transform-origin:50% 0;transform:translate(-50%,0) rotate(calc(var(--p,.5)*270deg - 135deg + 180deg))}
.lv-dial__hand::after{content:"";position:absolute;left:50%;top:0;width:14px;height:14px;border-radius:50%;background:var(--lv-ink);transform:translate(-50%,-50%)}
.lv-dial__n{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--oms-head);font-weight:700;font-size:clamp(2.4rem,7vw,3.6rem);letter-spacing:-.03em;color:var(--lv-ink);pointer-events:none;padding-top:26%}
.lv-dial__label{font-family:var(--oms-body);font-weight:500;font-size:.8rem;letter-spacing:.24em;text-transform:uppercase;color:var(--lv-ink);max-width:16ch}
.lv-dial__ends{display:flex;justify-content:space-between;width:min(58vw,240px);font-size:.75rem;opacity:.6}
.oms-screen[data-field="the-dial"] .oms-answer{position:absolute;opacity:0;pointer-events:none;height:0;margin:0}
/* THE PATHS — the sweets, lacquered, as a faceted grid, aqua on white */
.oms-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:clamp(18px,3vw,36px);margin:2.4rem 0 0}
.oms-choice{background:none;border:0;padding:0;cursor:pointer;display:grid;justify-items:center;gap:.9rem;font:inherit;color:inherit;text-align:center}
.oms-choice::before{content:"";width:clamp(84px,14vw,120px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#6FE8E0,var(--lv-aqua) 55%,var(--lv-aqua-deep));box-shadow:inset 0 -10px 18px rgba(6,80,76,.30),inset 0 8px 14px rgba(255,255,255,.35),0 18px 30px -14px rgba(6,80,76,.60);transition:transform 380ms cubic-bezier(.2,.9,.2,1),box-shadow 380ms ease;position:relative}
.oms-choice:nth-child(2n)::before{background:radial-gradient(circle at 35% 30%,#FF9AA3,var(--lv-coral) 55%,#C9303F);box-shadow:inset 0 -10px 18px rgba(120,20,30,.28),inset 0 8px 14px rgba(255,255,255,.35),0 18px 30px -14px rgba(120,20,30,.55)}
.oms-choice:hover::before,.oms-choice:focus-visible::before{transform:translateY(-8px) scale(1.06)}
.oms-choice:active::before{transform:translateY(0) scale(.97)}
.oms-choice{font-family:var(--oms-body);font-weight:600;font-size:.82rem;letter-spacing:.22em;text-transform:uppercase;line-height:1.35}
.oms-choice:hover{background:none;transform:none}
/* the made page */
.oms-made-title{font-family:var(--oms-head);font-weight:700;font-size:clamp(2rem,5vw,3.4rem);letter-spacing:-.02em;line-height:1}
.oms-made-body{font-weight:300;font-size:clamp(1.1rem,1.8vw,1.35rem);line-height:1.6}
.oms-thinking span{background:var(--lv-coral)}
/* powered by, quiet at the foot */
.oms-foot{font-family:var(--oms-body);font-weight:500;font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:inherit;opacity:.7}
@media(prefers-reduced-motion:reduce){.oms-choice::before{transition:none}}
/* the sweets, better — hers: "I like the sweet button things, but I think you can do even better." Each one its own tone, a gloss ring, and a slow float; the word under it in ink */
.oms-choice::before{width:clamp(96px,16vw,132px);outline:6px solid rgba(255,255,255,.55);outline-offset:-6px;animation:lv-float 6s ease-in-out infinite}
.oms-choice:nth-child(1)::before{background:radial-gradient(circle at 35% 30%,#7FEFE7,#16BFB6 55%,#0A8F88);animation-delay:0s}
.oms-choice:nth-child(2)::before{background:radial-gradient(circle at 35% 30%,#FFB0B7,#FF5C6A 55%,#C9303F);animation-delay:-1.2s}
.oms-choice:nth-child(3)::before{background:radial-gradient(circle at 35% 30%,#A9F3EE,#4FD3CB 55%,#16BFB6);animation-delay:-2.4s}
.oms-choice:nth-child(4)::before{background:radial-gradient(circle at 35% 30%,#FFD1A8,#FF9A5C 55%,#D9642A);animation-delay:-3.6s}
.oms-choice:nth-child(5)::before{background:radial-gradient(circle at 35% 30%,#5FDAD2,#0FA39B 55%,#066E68);animation-delay:-4.8s}
.oms-choice:nth-child(6)::before{background:radial-gradient(circle at 35% 30%,#FF8FA8,#F0466F 55%,#B02249);animation-delay:-1.8s}
.oms-choice:nth-child(n+7)::before{background:radial-gradient(circle at 35% 30%,#8AE9E1,#22B8B0 55%,#0A8F88)}
@keyframes lv-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.oms-choice:hover::before,.oms-choice:focus-visible::before{animation-play-state:paused;transform:translateY(-8px) scale(1.06)}
@media(prefers-reduced-motion:reduce){.oms-choice::before{animation:none}}
/* ── THE PATHS, ALL SIXTEEN — hers, 21 September: "make that screen really fun and vibrant and heaps of different colours, because you want them coming back." Sixteen sweets in sixteen hot colours, floating, on white. */
.oms-screen[data-kind="choice"]{align-items:start;padding-top:9vh}
.oms-screen[data-kind="choice"] .oms-wrap{max-width:52rem}
.oms-choices{grid-template-columns:repeat(auto-fit,minmax(min(100%,132px),1fr));gap:clamp(20px,3.4vw,40px) clamp(12px,2vw,24px)}
.oms-choice::before{width:clamp(88px,22vw,120px);outline:5px solid rgba(255,255,255,.6);outline-offset:-5px}
.oms-choice{font-size:.74rem;letter-spacing:.16em}
.oms-choice:nth-child(1)::before{background:radial-gradient(circle at 35% 30%,#7FEFE7,#16BFB6 55%,#0A8F88)}
.oms-choice:nth-child(2)::before{background:radial-gradient(circle at 35% 30%,#FFB0B7,#FF5C6A 55%,#C9303F)}
.oms-choice:nth-child(3)::before{background:radial-gradient(circle at 35% 30%,#FFE28A,#FFC71F 55%,#D99A00)}
.oms-choice:nth-child(4)::before{background:radial-gradient(circle at 35% 30%,#B9F7A6,#63D96A 55%,#2E9E43)}
.oms-choice:nth-child(5)::before{background:radial-gradient(circle at 35% 30%,#FFD1A8,#FF9A5C 55%,#D9642A)}
.oms-choice:nth-child(6)::before{background:radial-gradient(circle at 35% 30%,#C7B8FF,#8F6BFF 55%,#5A3BD6)}
.oms-choice:nth-child(7)::before{background:radial-gradient(circle at 35% 30%,#FF9AD0,#FF3FA6 55%,#C01778)}
.oms-choice:nth-child(8)::before{background:radial-gradient(circle at 35% 30%,#9ED9FF,#3FA9FF 55%,#1C6FCC)}
.oms-choice:nth-child(9)::before{background:radial-gradient(circle at 35% 30%,#FFB59E,#FF6A3D 55%,#C7411A)}
.oms-choice:nth-child(10)::before{background:radial-gradient(circle at 35% 30%,#A9F3EE,#4FD3CB 55%,#16BFB6)}
.oms-choice:nth-child(11)::before{background:radial-gradient(circle at 35% 30%,#FFF1A8,#FFE14A 55%,#E0B800)}
.oms-choice:nth-child(12)::before{background:radial-gradient(circle at 35% 30%,#FFB3E6,#F25CC7 55%,#B8339A)}
.oms-choice:nth-child(13)::before{background:radial-gradient(circle at 35% 30%,#B6EFFF,#5CD6F2 55%,#1E9DBF)}
.oms-choice:nth-child(14)::before{background:radial-gradient(circle at 35% 30%,#D2F7A6,#9BE04A 55%,#5FA31C)}
.oms-choice:nth-child(15)::before{background:radial-gradient(circle at 35% 30%,#FF8FA8,#F0466F 55%,#B02249)}
.oms-choice:nth-child(16)::before{background:radial-gradient(circle at 35% 30%,#B8C6FF,#6E86FF 55%,#3B4FD6)}
.oms-choice:nth-child(3n)::before{animation-delay:-1.5s}.oms-choice:nth-child(3n+1)::before{animation-delay:-3s}.oms-choice:nth-child(4n)::before{animation-delay:-4.5s}
.oms-choice:hover::before,.oms-choice:focus-visible::before{animation-play-state:paused;transform:translateY(-8px) scale(1.08)}
/* the end: their page to keep, and the way back for another */
.oms-made-keep{display:inline-block;margin-top:2rem}
.lv-again{margin:2.6rem 0 0;display:grid;gap:.8rem;justify-items:start}
.lv-again__say{font-weight:300;font-size:1.05rem;line-height:1.5}
.lv-again .oms-onward{margin-top:0;text-decoration:none}
/* the check-in: her line, one field on one underline, a quiet press */
.lv-checkin{margin:2.8rem 0 0;padding-top:2rem;border-top:1px solid rgba(6,47,44,.14)}
.lv-checkin__ask{font-family:var(--oms-head);font-weight:600;font-size:clamp(1.3rem,2.6vw,1.8rem);line-height:1.2;letter-spacing:-.01em;margin:0 0 1.2rem;max-width:26ch}
.lv-checkin__row{display:flex;flex-wrap:wrap;gap:1rem 1.6rem;align-items:flex-end}
.lv-checkin__email{flex:1 1 16rem;font-family:var(--oms-body);font-weight:300;font-size:1.15rem;background:transparent;border:0;border-bottom:2px solid currentColor;border-radius:0;padding:.5em 0;color:inherit;outline:none}
.lv-checkin__email:focus{border-bottom-color:var(--lv-coral)}
.lv-checkin__row .oms-onward{margin-top:0}
.lv-checkin__kept{font-weight:300;font-size:.95rem;margin:.8rem 0 0;min-height:1.4em}
/* the foot at the very bottom, both names; the eyebrow readable — hers, 21 September */
.oms-foot.lv-foot{position:fixed;left:0;right:0;bottom:0;padding:.9rem 6vw calc(.9rem + env(safe-area-inset-bottom));text-align:center;font-size:.68rem;letter-spacing:.24em;opacity:.85;pointer-events:none;color:inherit;mix-blend-mode:normal}
.oms-foot.lv-foot a{pointer-events:auto;color:inherit;text-decoration:underline;text-underline-offset:.25em}
.lv-foot__and{letter-spacing:.1em;text-transform:none;opacity:.8}
.oms-screen{padding-bottom:14vh}
.oms-screen:first-child .oms-heading::before{font-size:1rem;letter-spacing:.3em;color:var(--lv-ink);opacity:.85}
/* one Powered By, at the very bottom — never inside a screen; the boxes centred and the right size — hers, 21 September */
.oms-powered{display:none!important}
.oms-answer{text-align:center}
.oms-screen[data-field="how-old-are-you"] .oms-answer,.oms-screen[data-field="your-name"] .oms-answer{display:block;max-width:16ch;margin:1.6rem auto 0;font-family:var(--oms-head);font-weight:600;font-size:clamp(2rem,6vw,3rem);line-height:1.2;height:1.5em;overflow:hidden;white-space:nowrap}
.oms-screen[data-field="how-old-are-you"] .oms-answer{max-width:6ch}
.oms-screen[data-field="money-1"] .oms-answer{max-width:12ch;margin-left:auto;margin-right:auto;font-family:var(--oms-head);font-weight:600;font-size:clamp(1.8rem,5vw,2.6rem);height:1.5em;overflow:hidden;white-space:nowrap}
.oms-screen[data-field="how-old-are-you"] .oms-answer{max-width:10ch}
/* ── THE PATHS, AGAIN — hers, 21 September: "I don't want a white background on this page, and I don't like these buttons. I don't want them in two rows. I want them filling up the whole thing, but in a really different pattern." So: aqua ground, and the sweets as a honeycomb that fills the screen — three across, every second column dropped, the sizes breathing, the words in white. */
.oms-screen[data-kind="choice"]{padding:6vh 4vw 16vh}
.oms-screen[data-kind="choice"] .oms-wrap{max-width:64rem}
.oms-screen[data-kind="choice"] .oms-heading{font-size:clamp(2rem,6vw,4rem);margin-bottom:.6rem}
.oms-screen[data-kind="choice"] .oms-words{margin:0 auto 1.6rem;max-width:30rem;font-size:1rem}
.oms-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4vw 2vw;margin:0;align-items:start;justify-items:center}
@media(min-width:900px){.oms-choices{grid-template-columns:repeat(5,1fr)}}
.oms-choice{width:100%;gap:.55rem;font-size:.66rem;letter-spacing:.14em;color:#fff;font-weight:700}
.oms-choice::before{width:min(26vw,150px);outline:0;box-shadow:inset 0 -14px 24px rgba(0,0,0,.18),inset 0 10px 18px rgba(255,255,255,.45),0 22px 34px -16px rgba(0,0,0,.35);animation-duration:7s}
.oms-choices .oms-choice:nth-child(3n+2){transform:translateY(38%)}
@media(min-width:900px){.oms-choices .oms-choice:nth-child(3n+2){transform:none}.oms-choices .oms-choice:nth-child(even){transform:translateY(42%)}}
.oms-choice:nth-child(4n+1)::before{width:min(30vw,168px)}.oms-choice:nth-child(4n+3)::before{width:min(22vw,132px)}
.oms-choices .oms-choice:nth-child(3n+2):hover{transform:translateY(38%)}
/* no sweet is the colour of the ground it sits on */
.oms-choice:nth-child(1)::before{background:radial-gradient(circle at 35% 30%,#FFF0A6,#FFD54A 55%,#D9A800)}
.oms-choice:nth-child(3)::before{background:radial-gradient(circle at 35% 30%,#E6D6FF,#B99BFF 55%,#7E5BE0)}
.oms-choice:nth-child(10)::before{background:radial-gradient(circle at 35% 30%,#9DB4FF,#2F5BEA 55%,#1B3BB0)}
.oms-choice:nth-child(13)::before{background:radial-gradient(circle at 35% 30%,#FFFFFF,#F3F6FF 55%,#C9D3EE)}
.oms-choice:nth-child(13){color:#fff}
.oms-foot.lv-foot{background:rgba(0,0,0,.07);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
/* air — hers, 21 September: "it's all a bit squished in." And the foot in the colour under Go, readable — "make UNiiVERSE lighter, just the colour; the font was so fine I couldn't read it; I like that colour under Go." */
.oms-screen:first-child .oms-heading::before{margin-bottom:2.4rem}
.oms-screen:first-child .oms-heading{margin-bottom:2.4rem}
.oms-screen .oms-words{margin-top:0}
.oms-onward{margin-top:3.2rem}
.oms-screen{padding-top:10vh;padding-bottom:18vh}
.oms-foot.lv-foot{color:var(--lv-coral);font-weight:600;font-size:.74rem;letter-spacing:.26em;opacity:1;background:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.oms-foot.lv-foot a{color:var(--lv-coral);text-decoration-color:var(--lv-coral)}
.lv-foot__and{color:var(--lv-coral);opacity:.85}
.oms-screen[data-kind="choice"] .oms-foot.lv-foot{color:#fff}
/* hers, 21 September: "I can't read that coral — I can see the line really well. UNiiVERSE in the pink, bigger. Move Go down, more breathing space like Ask Gigi. We can't just have black on it." So the heading on the aqua is white, the eyebrow pink, the foot pink and bold enough to read, and Go further down. */
.oms-screen:first-child .oms-heading{color:#fff}
.oms-screen:first-child .oms-heading::before{color:var(--lv-coral);opacity:1;font-weight:700}
.oms-screen:first-child .oms-words{color:var(--lv-ink)}
.oms-onward{margin-top:4.6rem}
.oms-screen:first-child .oms-heading{margin-bottom:2.8rem}
.oms-foot.lv-foot{font-size:.9rem;font-weight:700;letter-spacing:.2em;padding-bottom:calc(1.4rem + env(safe-area-inset-bottom))}
.oms-foot.lv-foot,.oms-foot.lv-foot a,.lv-foot__and{color:var(--lv-coral)}
.oms-foot.lv-foot a{text-decoration-thickness:2px;text-underline-offset:.3em}
.oms-screen[data-kind="choice"] ~ .lv-foot{color:#fff}
/* the why screen: coral, white words, room */
.oms-screen[data-field="why-this-is-here"] .oms-heading{font-size:clamp(2.2rem,6.4vw,4.4rem);color:#fff;margin-bottom:2rem}
.oms-screen[data-field="why-this-is-here"] .oms-words{color:#fff;max-width:36rem;font-size:clamp(1.1rem,1.9vw,1.4rem)}
@media(max-width:480px){.oms-foot.lv-foot{font-size:.72rem;letter-spacing:.16em}}
/* ── THE SWEETS, LACQUERED, ALL ON ONE SCREEN — hers, 21 September: "I want them all to fit in one screen, and they're a bit flat. You made them like real lacquered candy today." The Madame Monet lacquer, exactly: the radial light at 35%/30%, the inset foot shadow, the white gloss ellipse at the top-left, the lift on hover. Four across on a phone, every second column dropped, five across on a desk. */
.oms-screen[data-kind="choice"]{padding:4vh 3vw 12vh;align-items:start}
.oms-screen[data-kind="choice"] .oms-heading{font-size:clamp(1.7rem,5.4vw,3.4rem);margin-bottom:.4rem}
.oms-screen[data-kind="choice"] .oms-words{font-size:.9rem;margin-bottom:1.2rem}
.oms-choices{grid-template-columns:repeat(4,1fr);gap:.4rem 1.2vw;align-items:start}
@media(min-width:900px){.oms-choices{grid-template-columns:repeat(5,1fr);gap:1.4vw 2vw}}
.oms-choice{position:relative;gap:.45rem;font-size:.56rem;letter-spacing:.1em;line-height:1.25;width:100%;transform:none!important}
.oms-choices .oms-choice:nth-child(even){transform:translateY(34%)!important}
@media(min-width:900px){.oms-choices .oms-choice:nth-child(even){transform:translateY(40%)!important}.oms-choice{font-size:.7rem;letter-spacing:.16em}}
.oms-choice::before{width:min(19vw,84px);outline:0;box-shadow:inset 0 -10px 18px rgba(0,0,0,.22),inset 0 8px 14px rgba(255,255,255,.35),0 18px 30px -14px rgba(0,0,0,.45);animation:none}
@media(min-width:900px){.oms-choice::before{width:min(12vw,130px)}}
.oms-choice:nth-child(4n+1)::before,.oms-choice:nth-child(4n+3)::before{width:min(19vw,84px)}
/* the gloss — a white ellipse of light at the top-left of every sweet, the thing that makes it candy */
.oms-choice::after{content:"";position:absolute;left:calc(50% - min(19vw,84px)/2 + min(19vw,84px)*.18);top:calc(min(19vw,84px)*.10);width:calc(min(19vw,84px)*.44);height:calc(min(19vw,84px)*.30);border-radius:50%;background:radial-gradient(ellipse at 40% 30%,rgba(255,255,255,.9),rgba(255,255,255,0) 70%);pointer-events:none;transition:transform 380ms cubic-bezier(.2,.9,.2,1)}
@media(min-width:900px){.oms-choice::after{left:calc(50% - min(12vw,130px)/2 + min(12vw,130px)*.18);top:calc(min(12vw,130px)*.10);width:calc(min(12vw,130px)*.44);height:calc(min(12vw,130px)*.30)}}
.oms-choice:hover::before,.oms-choice:focus-visible::before{transform:translateY(-6px) scale(1.06);box-shadow:inset 0 -10px 18px rgba(0,0,0,.22),inset 0 8px 14px rgba(255,255,255,.4),0 30px 40px -16px rgba(0,0,0,.5)}
.oms-choice:hover::after{transform:translateY(-6px) scale(1.06)}
.oms-choice:active::before{transform:translateY(0) scale(.97)}
/* fill the screen: bigger sweets, more air, still one screen */
@media(max-width:899px){
.oms-choice::before,.oms-choice:nth-child(4n+1)::before,.oms-choice:nth-child(4n+3)::before{width:min(22vw,100px)}
.oms-choice::after{left:calc(50% - min(22vw,100px)/2 + min(22vw,100px)*.18);top:calc(min(22vw,100px)*.10);width:calc(min(22vw,100px)*.44);height:calc(min(22vw,100px)*.30)}
.oms-choices{gap:1.4rem 1vw;margin-top:.6rem}
.oms-screen[data-kind="choice"]{padding-top:5vh}
.oms-screen[data-kind="choice"] .oms-words{margin-bottom:1.8rem}
}
/* hers, 21 September: "you can't read UNiiVERSE — get the colour right; and it's weird we've got white and black writing." One ink on the aqua opening — white — and the foot takes the ink of whichever screen is showing. */
.oms-screen:first-child .oms-words{color:#fff}
.oms-screen:first-child .oms-heading::before{color:#fff;opacity:.9}
.oms-foot.lv-foot,.oms-foot.lv-foot a,.lv-foot__and{color:var(--lv-foot-ink,#fff)}
.oms-foot.lv-foot a{text-decoration-color:currentColor}
/* the icon inside the candy — white, with a whisper of shadow so it sits in the lacquer */
.oms-choice{position:relative}
.lv-ico{position:absolute;left:50%;top:0;width:min(22vw,100px);height:min(22vw,100px);display:grid;place-items:center;transform:translateX(-50%);pointer-events:none;transition:transform 380ms cubic-bezier(.2,.9,.2,1)}
.lv-ico svg{width:44%;height:44%;filter:drop-shadow(0 2px 2px rgba(0,0,0,.28))}
@media(min-width:900px){.lv-ico{width:min(12vw,130px);height:min(12vw,130px)}}
.oms-choice:hover .lv-ico{transform:translate(-50%,-6px) scale(1.06)}
.oms-choice:active .lv-ico{transform:translateX(-50%) scale(.97)}
.oms-choice[data-goto="word"] .lv-ico svg{stroke:#062F2C;filter:none}
/* hers, 21 September: "don't have white icons; the dollar sign is back to front; they need to be moving — it's a bit flat." Icons in ink, every sweet floating on its own beat, and the gloss drifting across each one. */
.lv-ico{color:rgba(6,47,44,.86)}.lv-ico svg{filter:none}
.oms-choice[data-goto="word"] .lv-ico svg{stroke:currentColor}
.oms-choice::before{animation:lv-float 5.2s ease-in-out infinite}
.oms-choice .lv-ico{animation:lv-float 5.2s ease-in-out infinite}
.oms-choice::after{animation:lv-float 5.2s ease-in-out infinite,lv-gloss 7s ease-in-out infinite}
.oms-choice:nth-child(5n+1)::before,.oms-choice:nth-child(5n+1)::after,.oms-choice:nth-child(5n+1) .lv-ico{animation-delay:-.6s,-2s}
.oms-choice:nth-child(5n+2)::before,.oms-choice:nth-child(5n+2)::after,.oms-choice:nth-child(5n+2) .lv-ico{animation-delay:-1.7s,-4s}
.oms-choice:nth-child(5n+3)::before,.oms-choice:nth-child(5n+3)::after,.oms-choice:nth-child(5n+3) .lv-ico{animation-delay:-2.9s,-1s}
.oms-choice:nth-child(5n+4)::before,.oms-choice:nth-child(5n+4)::after,.oms-choice:nth-child(5n+4) .lv-ico{animation-delay:-3.8s,-5.5s}
.oms-choice:nth-child(5n)::before,.oms-choice:nth-child(5n)::after,.oms-choice:nth-child(5n) .lv-ico{animation-delay:-4.6s,-3s}
@keyframes lv-float{0%,100%{translate:0 0}50%{translate:0 -7px}}
@keyframes lv-gloss{0%,100%{opacity:.9;scale:1}50%{opacity:.55;scale:1.25 .9}}
.oms-choice:hover::before,.oms-choice:hover::after,.oms-choice:hover .lv-ico{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.oms-choice::before,.oms-choice::after,.oms-choice .lv-ico{animation:none}}