:root{--cream:#FDF5E7;--paper:#FFF9EE;--navy:#123254;--deep:#0E213D;--teal:#098EA2;--mint:#DCEDEA;--orange:#E48A4D;--amber:#FFB66B;--secondary:#557185;--line:rgba(18,50,84,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--cream);color:var(--navy);font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}img{display:block;max-width:100%;height:auto}.container{max-width:1170px;width:calc(100% - 64px);margin-inline:auto}.skip-link{position:absolute;top:-110px;left:20px;background:#fff;padding:12px 18px;z-index:999;border-radius:12px}.skip-link:focus{top:16px}a:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
.site-header{position:sticky;top:0;z-index:80;background:rgba(253,245,231,.96);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.header-inner{height:81px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:block;flex:none;width:184px}.brand img{width:100%;height:auto}.desktop-nav{display:flex;gap:clamp(17px,2.4vw,34px);align-items:center}.desktop-nav a,.mobile-nav nav a{font-size:13px;font-weight:750;text-decoration:none;white-space:nowrap}.desktop-nav a:hover{color:#B75831;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:7px}.mobile-nav{display:none}
.hero{position:relative;isolation:isolate;overflow:hidden}.hero:before{content:"";position:absolute;z-index:-1;width:520px;height:520px;left:-360px;bottom:-360px;border-radius:50%;background:#F8E7CE}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:48px;min-height:690px;padding-block:72px 88px}.hero-copy{padding:12px 0 0}.eyebrow{margin:0 0 22px;color:#B56737;font-size:11px;letter-spacing:2px;font-weight:850}.spark-small{font-size:18px;color:var(--orange);vertical-align:-1px;margin-right:7px}.hero h1{font-size:clamp(62px,6.2vw,94px);letter-spacing:-.076em;line-height:1.04;margin:0 0 26px;font-weight:850;max-width:615px}.curious{display:block;color:var(--teal);letter-spacing:-.065em}.punct{color:var(--orange)}.hero-lead{font-size:clamp(18px,2vw,24px);font-weight:800;line-height:1.44;letter-spacing:-.035em;max-width:565px;margin:0 0 17px}.hero-description{max-width:520px;color:var(--secondary);font-size:16px;line-height:1.8;margin:0 0 30px}.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;min-height:54px;padding:14px 22px;text-decoration:none;border-radius:16px;font-size:13px;font-weight:850;transition:transform .18s,box-shadow .18s}.button-navy{background:var(--navy);color:#fffaf0;box-shadow:0 10px 0 rgba(18,50,84,.11),0 16px 22px rgba(18,50,84,.12)}.button-navy:hover{transform:translateY(-2px);box-shadow:0 12px 0 rgba(18,50,84,.11),0 18px 25px rgba(18,50,84,.15)}.button span{font-size:20px;color:var(--amber)}.link-button{font-size:13px;text-decoration:none;font-weight:850;border-bottom:2px solid var(--orange);padding:12px 0;display:inline-flex;align-items:center;gap:15px}.link-button span{color:#B56737;font-size:18px}.hero-under{margin-top:38px;display:flex;align-items:center;gap:11px;font-size:12px;font-weight:700;color:#647985}.small-orb{display:inline-block;width:9px;height:9px;background:var(--teal);border-radius:100%;box-shadow:0 0 0 4px var(--mint)}
.hero-showcase{position:relative;isolation:isolate;height:560px;display:flex;align-items:flex-end;justify-content:center;min-width:0}.showcase-backdrop{position:absolute;inset:8px 4px 15px 5px;border-radius:200px 200px 55px 70px;background:radial-gradient(circle at 48% 36%,#f7faf1 0%,#E7F3EB 37%,#C5E8E7 79%,#A6DCD7 100%);overflow:hidden;border:2px solid #d4e6dc;box-shadow:16px 19px 0 rgba(9,142,162,.07)}.ring{position:absolute;border-radius:50%;border:2px solid rgba(18,50,84,.15)}.ring-one{width:520px;height:520px;top:27px;left:50%;transform:translateX(-50%)}.ring-two{width:350px;height:350px;top:112px;left:50%;transform:translateX(-50%);border-style:dashed}.star{position:absolute;font-weight:900}.star-one{font-size:57px;color:var(--orange);top:26px;right:43px}.star-two{font-size:40px;color:var(--teal);left:27px;top:130px}.star-three{font-size:30px;color:#F7A05D;right:20px;bottom:105px}.orbit{position:absolute;display:block;border-radius:50%}.orbit-a{width:16px;height:16px;background:var(--navy);opacity:.6;right:72px;top:155px}.orbit-b{width:12px;height:12px;background:var(--orange);left:75px;bottom:98px}.hero-lomi{position:relative;z-index:2;max-height:525px;max-width:92%;width:auto;object-fit:contain;filter:drop-shadow(0 19px 18px rgba(18,50,84,.16))}.lomi-label{position:absolute;z-index:3;left:-18px;bottom:16px;display:flex;align-items:center;gap:13px;background:#FFFBF1;border:2px solid var(--navy);border-radius:18px;padding:13px 18px;transform:rotate(-4deg);box-shadow:6px 7px 0 var(--orange);white-space:nowrap}.label-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:var(--mint);color:var(--teal);font-size:29px}.lomi-label strong{display:block;font-size:17px;font-weight:850}.lomi-label small{display:block;font-size:11px;font-weight:700;color:var(--secondary);margin-top:3px}
.signature-strip{background:var(--deep);color:#F9F4E7}.signature-inner{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:18px}.signature-inner span:not([aria-hidden]){font-size:13px;font-weight:750;letter-spacing:.04em}.signature-inner span[aria-hidden]{font-size:18px;color:var(--orange)}
.section{padding-block:102px 112px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:44px}.section-heading h2,.worlds-copy h2,.studio h2{font-size:clamp(40px,4.5vw,63px);letter-spacing:-.055em;line-height:1.16;margin:0;font-weight:850}.section-heading h2 em,.worlds h2 em,.studio h2 em{font-style:normal;color:var(--teal)}.section-heading>p{color:var(--secondary);font-size:15px;line-height:1.76;margin:0 0 7px;max-width:335px}
.approach{background:var(--paper)}.principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.principle{min-height:262px;padding:27px 29px 31px;border:1px solid var(--line);border-radius:28px;box-shadow:0 13px 32px rgba(20,53,70,.06);background:#fff}.principle-two{background:#E2F1EF}.principle-three{background:#FBEBD6}.principle-mark{display:flex;align-items:center;justify-content:space-between;margin-bottom:51px}.principle .number{font-size:12px;letter-spacing:1px;font-weight:850;color:#B66C42}.mark-shape{font-size:27px;color:var(--teal)}.principle h3{font-size:20px;letter-spacing:-.03em;margin:0 0 12px;font-weight:850}.principle p{font-size:14px;line-height:1.78;color:#526779;margin:0}
.worlds{background:var(--navy);color:#fffaf1;position:relative;overflow:hidden}.worlds:after{content:"";position:absolute;width:500px;height:500px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-270px;top:-300px}.worlds-grid{display:grid;grid-template-columns:.94fr 1.06fr;gap:72px;align-items:center}.eyebrow-light{color:var(--amber)}.worlds-copy h2{font-size:clamp(47px,5vw,72px);line-height:1.12;margin:0 0 26px}.worlds-copy h2 em{color:#73DDD2}.worlds-copy>p:not(.eyebrow){font-size:15px;line-height:1.8;color:#DEEAF1;margin:0 0 18px;max-width:470px}.disclaimer{margin-top:30px;display:inline-block;color:#D7E2E8;font-size:11px;line-height:1.7;border-top:1px solid rgba(255,255,255,.23);padding-top:18px}
.worlds-art{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:185px 185px;gap:14px}.world-tile{position:relative;overflow:hidden;border-radius:23px;min-width:0;padding:22px;display:flex;align-items:flex-end}.world-tile-caption{position:relative;z-index:2;font-size:14px;font-weight:850;letter-spacing:-.025em}.tile-puzzles{grid-row:span 2;background:linear-gradient(145deg,#D9F6EF,#A9DDD7);color:#14385A}.tile-puzzles:before{content:"";position:absolute;width:360px;height:360px;border:2px solid rgba(18,50,84,.15);border-radius:50%;top:-102px;left:-104px}.puzzle-sim{position:absolute;top:23%;left:18%;font-size:55px;font-weight:850;display:flex;flex-direction:column;line-height:1;gap:12px;color:#168F9A;transform:rotate(-12deg)}.puzzle-sim span:nth-child(2){color:var(--orange);transform:translateX(49px)}.puzzle-sim span:nth-child(3){transform:translateX(115px)}.tile-discovery{background:linear-gradient(145deg,#FFEBCB,#F3BD8D);color:#4B3457}.compass-sim{position:absolute;font-size:130px;line-height:1;top:-10px;right:15px;color:#C77836;text-shadow:0 6px 0 rgba(255,255,255,.5)}.tile-mystery{background:linear-gradient(145deg,#BBCFED,#8BB3D7);color:#142E52}.mystery-sim{position:absolute;display:grid;place-items:center;right:27px;top:20px;width:92px;height:92px;border:5px solid #214D74;border-radius:100%;font-size:68px;line-height:1;font-weight:850;transform:rotate(13deg)}
.games{background:#EFF5F2}.game-heading .eyebrow{margin-bottom:15px}.number-pill{border:1px solid #BCD1CC;border-radius:90px;font-size:11px;color:#577B85;font-weight:850;letter-spacing:1.2px;padding:12px 15px;white-space:nowrap}.game-feature{display:grid;grid-template-columns:.83fr 1.17fr;gap:74px;align-items:center;background:#FFFDF7;border-radius:34px;padding:42px 57px;box-shadow:0 21px 48px rgba(22,57,59,.065);border:1px solid rgba(18,50,84,.07)}.game-art{position:relative;border:9px solid #fff;box-shadow:0 16px 32px rgba(18,50,84,.15);border-radius:24px;transform:rotate(-1.5deg);overflow:hidden;max-width:390px;width:100%;justify-self:center;background:#8FCCAC}.game-art img{width:100%;height:auto;aspect-ratio:560/710;object-fit:cover}.art-credit{position:absolute;bottom:13px;left:13px;background:rgba(10,35,51,.9);color:#fff;padding:9px 12px;font-size:9px;letter-spacing:1.2px;font-weight:850;border-radius:40px}.status{font-size:10px;font-weight:850;letter-spacing:1.3px;background:#DAF0ED;color:#226979;padding:11px 14px;display:inline-flex;align-items:center;gap:8px;border-radius:9px}.status-dot{height:7px;width:7px;border-radius:50%;background:#28AA92}.game-story h3{font-size:clamp(49px,5vw,74px);letter-spacing:-.075em;line-height:1.04;margin:22px 0;font-weight:850}.game-story h3 em{font-style:normal;color:#BA7441}.game-tagline{font-size:21px!important;font-weight:850;letter-spacing:-.035em;color:var(--navy)!important;line-height:1.45!important}.game-story p{color:#526B75;font-size:15px;line-height:1.8;margin:0 0 18px}.game-tags{display:flex;flex-wrap:wrap;gap:9px;margin:24px 0}.game-tags span{border:1px solid #C2D9D4;border-radius:70px;font-size:11px;font-weight:750;color:#4C6875;padding:9px 12px}.game-story p.game-stage-note{border-left:3px solid var(--orange);padding-left:15px;font-size:12px;color:#73828B;margin-top:24px}
.studio{background:var(--cream)}.studio-grid{display:grid;grid-template-columns:1fr .9fr;gap:93px;align-items:start}.studio h2{font-size:clamp(44px,4.4vw,63px);line-height:1.13}.studio h2 em{color:#BE7442}.studio-copy>p{font-size:16px;color:#53697B;line-height:1.83;margin:0 0 19px}.studio-note{display:flex;gap:18px;align-items:flex-start;margin-top:31px;padding:19px 21px;border-radius:18px;background:#F4EBD9}.studio-note>span{font-size:24px;color:#C78148}.studio-note p{font-size:13px;line-height:1.65;color:#4E6474;margin:0}.studio-note strong{color:var(--navy);font-size:14px}
.footer{background:var(--deep);color:#FFF9EE;border-top:2px solid #253F59}.footer-grid{display:flex;align-items:center;justify-content:space-between;min-height:114px;gap:32px}.footer-logo{display:block;width:165px}.footer-logo img{width:100%;height:auto}.footer p{font-size:13px;color:#D5E2E6;margin:0}.footer small{color:#C3D3DB;font-size:11px;font-weight:700;white-space:nowrap}
@media(max-width:1070px){.hero-grid{gap:28px}.hero h1{font-size:clamp(57px,6.2vw,75px)}.hero-showcase{height:475px}.hero-lomi{max-height:438px}.worlds-grid{gap:35px}.game-feature{gap:38px;padding:36px}.studio-grid{gap:50px}}
@media(max-width:800px){.container{width:calc(100% - 42px)}.header-inner{height:72px}.brand{width:155px}.desktop-nav{gap:15px}.desktop-nav a{font-size:12px}.hero-grid{grid-template-columns:1fr;gap:28px;padding-block:68px 66px}.hero-copy{max-width:690px;margin:auto;width:100%}.hero h1{font-size:clamp(62px,9vw,85px)}.hero-showcase{height:540px;width:min(100% - 20px,530px);margin:auto}.hero-lomi{max-height:510px}.section-heading{display:block}.section-heading>p{margin-top:20px;max-width:620px}.principles{gap:13px}.principle{padding:24px 23px;min-height:240px}.principle-mark{margin-bottom:38px}.worlds-grid{grid-template-columns:1fr}.worlds-copy{max-width:670px}.worlds-art{max-width:690px;width:100%}.game-feature{grid-template-columns:.85fr 1.15fr}.game-story h3{font-size:clamp(48px,5.6vw,61px)}.studio-grid{gap:25px}}
@media(max-width:630px){html{scroll-padding-top:77px}.container{width:calc(100% - 36px);max-width:510px}.header-inner{height:68px}.brand{width:147px}.desktop-nav{display:none}.mobile-nav{display:block;position:relative;margin-left:auto}.mobile-nav summary{display:flex;gap:10px;align-items:center;cursor:pointer;list-style:none;font-size:12px;font-weight:850;border:1px solid var(--line);border-radius:11px;padding:10px 13px}.mobile-nav summary::-webkit-details-marker{display:none}.nav-bars{display:flex;flex-direction:column;gap:4px}.nav-bars i{width:17px;height:2px;background:var(--navy);border-radius:9px}.mobile-nav nav{position:absolute;z-index:90;top:calc(100% + 9px);right:0;min-width:198px;display:flex;flex-direction:column;gap:0;padding:10px 0;border:1px solid #d8dad2;border-radius:15px;background:var(--paper);box-shadow:0 20px 35px rgba(18,50,84,.17)}.mobile-nav nav a{padding:13px 16px;font-size:13px}.mobile-nav nav a:hover{background:var(--mint)}.hero-grid{padding-block:53px 68px;gap:35px}.eyebrow{font-size:10px;letter-spacing:1.5px;margin-bottom:18px}.hero h1{font-size:clamp(55px,12vw,76px);margin-bottom:20px}.hero-lead{font-size:19px}.hero-description{font-size:15px;line-height:1.74}.hero-actions{gap:19px}.button{min-height:50px;padding:11px 18px;gap:14px}.hero-under{margin-top:30px}.hero-showcase{height:390px;width:90%}.showcase-backdrop{border-radius:140px 140px 38px 42px}.ring-one{width:390px;height:390px;top:21px}.ring-two{width:230px;height:230px;top:86px}.hero-lomi{max-height:380px;max-width:93%}.star-one{font-size:38px;right:14px;top:10px}.star-two{font-size:27px;left:19px;top:74px}.star-three{font-size:23px}.lomi-label{left:-9px;bottom:1px;padding:10px 13px;gap:9px;border-radius:13px;box-shadow:4px 5px 0 var(--orange)}.label-icon{width:31px;height:31px;border-radius:9px;font-size:22px}.lomi-label strong{font-size:14px}.lomi-label small{font-size:9px}.signature-inner{min-height:92px;gap:7px;flex-wrap:wrap;justify-content:center;padding-block:18px}.signature-inner span:not([aria-hidden]){font-size:10px;letter-spacing:0}.signature-inner span[aria-hidden]{font-size:11px}.section{padding-block:77px 88px}.section-heading{margin-bottom:32px}.section-heading h2,.studio h2{font-size:clamp(38px,9.8vw,49px)}.section-heading>p{font-size:14px}.principles{grid-template-columns:1fr;gap:14px}.principle{min-height:0;padding:24px 25px 28px}.principle-mark{margin-bottom:23px}.principle h3{font-size:21px}.worlds-copy h2{font-size:clamp(46px,11vw,60px)}.worlds-copy>p:not(.eyebrow){font-size:14px}.worlds-art{grid-template-rows:145px 145px;gap:10px}.world-tile{padding:16px;border-radius:19px}.world-tile-caption{font-size:12px}.puzzle-sim{font-size:45px}.compass-sim{font-size:100px}.mystery-sim{width:72px;height:72px;font-size:47px;border-width:4px}.game-heading{display:block}.number-pill{display:inline-block;margin-top:18px}.game-feature{display:flex;flex-direction:column;padding:23px 22px 28px;gap:40px}.game-art{max-width:310px}.game-story{width:100%}.game-story h3{font-size:clamp(55px,13vw,73px)}.game-tagline{font-size:19px!important}.game-story p{font-size:14px}.studio-grid{grid-template-columns:1fr;gap:23px}.studio h2{font-size:43px}.studio-copy>p{font-size:15px}.footer-grid{flex-wrap:wrap;gap:13px;min-height:140px;padding-block:22px}.footer-logo{width:137px}.footer p{width:100%;order:3;font-size:12px}.footer small{font-size:10px}}
@media(max-width:365px){.container{width:calc(100% - 30px)}.hero h1{font-size:49px}.hero-showcase{height:345px}.hero-lomi{max-height:338px}.signature-inner span:not([aria-hidden]){font-size:9px}.worlds-art{grid-template-rows:130px 130px}.world-tile-caption{font-size:11px}.studio h2{font-size:39px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}


/* Lomivio v0.3.2: studio-to-playtest pathway, interactive Lomi card, mascot micro-page. */
.lomi-click-zone{position:absolute;inset:0;z-index:5;display:block;cursor:pointer;border-radius:28px}
.lomi-click-zone:focus-visible{outline:4px solid var(--orange);outline-offset:4px}
.lomi-label{pointer-events:none;transition:transform .22s ease,box-shadow .22s ease}
.hero-showcase:has(.lomi-click-zone:hover) .lomi-label,.hero-showcase:has(.lomi-click-zone:focus-visible) .lomi-label{transform:rotate(-2deg) translateY(-5px);box-shadow:7px 10px 0 var(--orange)}
.game-actions{display:flex;gap:17px;flex-wrap:wrap;align-items:center;margin:6px 0 25px}
.game-actions .button{gap:18px;min-height:55px}
.playtest-helper{font-weight:750;font-size:12px;line-height:1.5;color:#617987}
.lomi-body{background:var(--cream)}
.lomi-top-back{margin-left:auto;color:var(--navy);text-decoration:none;font-size:13px;font-weight:800;border-bottom:2px solid var(--orange);padding:11px 0}
.lomi-top-back:hover{text-decoration:none;color:#B66D3A}
.lomi-page{position:relative;overflow:hidden}
.lomi-page:before{content:"";position:absolute;top:-150px;right:-170px;width:500px;height:500px;border-radius:50%;border:1px solid rgba(10,142,162,.13);pointer-events:none}
.lomi-hero{padding-top:75px;padding-bottom:55px;display:grid;grid-template-columns:1.05fr .95fr;gap:45px;align-items:center;min-height:615px}
.lomi-copy{max-width:600px;position:relative;z-index:2}
.lomi-copy .eyebrow{margin-bottom:20px}
.lomi-copy h1{font-size:clamp(64px,7vw,103px);letter-spacing:-.075em;line-height:.99;margin:0 0 27px;font-weight:850}
.lomi-copy h1 em{font-style:normal;color:var(--teal)}
.lomi-lead{font-size:clamp(22px,2.4vw,29px);line-height:1.35;font-weight:850;letter-spacing:-.035em;margin:0 0 21px}
.lomi-description{color:#526C7A;font-size:16px;line-height:1.82;margin:0;max-width:520px}
.lomi-hello-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:31px}
.lomi-hello{appearance:none;border:2px solid var(--navy);background:var(--paper);border-radius:16px;min-height:50px;padding:12px 20px;font-weight:850;color:var(--navy);font-family:inherit;font-size:14px;cursor:pointer;box-shadow:4px 5px 0 var(--orange);transition:transform .15s}
.lomi-hello:hover{transform:translateY(-2px)}
.lomi-hello:focus-visible{outline:3px solid var(--teal);outline-offset:3px}
.lomi-message{font-size:13px;line-height:1.55;color:#3D6070;min-height:40px;max-width:275px;margin:0;font-weight:750}
.lomi-scene{height:470px;min-width:0;position:relative;display:flex;align-items:flex-end;justify-content:center;border-radius:210px 210px 65px 70px;background:radial-gradient(circle at 48% 35%,#F7FAED 0%,#E4F4EC 37%,#BBE3D9 79%,#A6DBD9 100%);border:2px solid #d2e3d7;box-shadow:20px 24px 0 rgba(10,142,162,.07);isolation:isolate;overflow:hidden}
.lomi-scene:before,.lomi-scene:after{content:"";position:absolute;border:2px solid rgba(18,50,84,.15);border-radius:50%;width:390px;height:390px;top:20px;left:50%;transform:translateX(-50%);pointer-events:none}
.lomi-scene:after{width:270px;height:270px;top:85px;border-style:dashed}
.lomi-character{position:relative;z-index:2;max-height:445px;height:98%;width:94%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 20px 14px rgba(18,50,84,.16))}
.lomi-star{position:absolute;z-index:1;color:var(--orange);font-size:49px}
.lomi-star.one{top:13px;right:27px}.lomi-star.two{top:125px;left:24px;color:var(--teal);font-size:34px}.lomi-star.three{bottom:65px;right:20px;font-size:25px}
.lomi-scene.waving .lomi-character{animation:lomi-hop .68s ease}
@keyframes lomi-hop{0%,100%{transform:translateY(0)}40%{transform:translateY(-11px) rotate(-2deg)}65%{transform:translateY(0) rotate(2deg)}}
.lomi-traits{padding-bottom:85px}
.lomi-traits-title{font-size:11px;font-weight:850;letter-spacing:2px;color:#6A8B90;margin:10px 0 19px;text-transform:uppercase}
.lomi-trait-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.lomi-trait{border:1px solid var(--line);border-radius:23px;padding:24px 25px;background:#fffdf7;min-height:165px;box-shadow:0 11px 22px rgba(18,50,84,.04)}
.lomi-trait-mark{font-size:28px;display:block;color:var(--teal);margin-bottom:13px}
.lomi-trait strong{display:block;font-size:18px;letter-spacing:-.035em;margin-bottom:8px}
.lomi-trait p{font-size:13px;line-height:1.6;color:#5A7381;margin:0}
.lomi-tail{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;margin-top:39px;padding:26px 30px;background:#EDF5EF;border-radius:22px}
.lomi-tail p{font-size:16px;line-height:1.55;font-weight:800;max-width:550px;margin:0;color:#365764}
.lomi-tail a{text-decoration:none;color:var(--navy);font-weight:850;border-bottom:2px solid var(--orange);padding-bottom:5px;font-size:13px}
@media(max-width:800px){
 .lomi-hero{gap:17px;grid-template-columns:1fr;min-height:0;padding-top:46px;padding-bottom:36px}
 .lomi-scene{order:-1;width:min(100%,480px);margin:auto;height:390px}
 .lomi-character{max-height:373px}
 .lomi-copy{max-width:680px}
 .lomi-trait-grid{gap:12px}
 .lomi-trait{padding:20px 18px}
}
@media(max-width:630px){
 .game-actions{flex-direction:column;align-items:stretch;gap:12px}
 .game-actions .button{width:100%;justify-content:space-between}
 .lomi-hero{padding-top:24px}
 .lomi-scene{height:295px;width:min(100%,350px);border-radius:130px 130px 40px 42px;box-shadow:9px 12px 0 rgba(10,142,162,.07)}
 .lomi-character{max-height:290px}
 .lomi-scene:before{width:260px;height:260px;top:15px}
 .lomi-scene:after{width:170px;height:170px;top:60px}
 .lomi-star.one{font-size:36px;right:12px}.lomi-star.two{font-size:24px;left:11px;top:65px}
 .lomi-copy h1{font-size:clamp(62px,15vw,80px);margin-bottom:17px}
 .lomi-lead{font-size:21px;margin-bottom:15px}
 .lomi-description{font-size:14px}
 .lomi-hello-actions{margin-top:24px}
 .lomi-traits{padding-bottom:70px}
 .lomi-trait-grid{grid-template-columns:1fr;gap:10px}
 .lomi-trait{min-height:0;padding:19px 20px}
 .lomi-trait-mark{display:inline-block;margin:0 8px 0 0}
 .lomi-trait strong{display:inline;font-size:17px}
 .lomi-trait p{margin-top:8px}
 .lomi-tail{padding:22px 20px}
 .lomi-tail p{font-size:14px}
}
@media(prefers-reduced-motion:reduce){.lomi-scene.waving .lomi-character{animation:none}}


/* Lomivio Games: approved Lomi movie intro. Video only loads after explicit interaction. */
.signature-film[hidden], .signature-film-play[hidden], .signature-film-loading[hidden] {display:none!important}
.signature-film {position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 45%,#fff8eb 0%,#f7e8d4 62%,#e6d4bb 100%);color:#123254}
.signature-film::before {content:"";position:absolute;inset:0;opacity:.23;pointer-events:none;background:radial-gradient(circle 400px at 14% 50%,transparent 72%,rgba(18,50,84,.10) 72.2%,transparent 73%),radial-gradient(circle 460px at 86% 50%,transparent 74%,rgba(18,50,84,.08) 74.2%,transparent 75%)}
body.lomi-film-open {overflow:hidden}
.signature-film-stage {position:relative;z-index:1;aspect-ratio:608/1080;width:min(100vw,calc(92dvh * 608 / 1080));height:auto;max-height:92dvh;border-radius:clamp(0px,2vw,22px);overflow:hidden;box-shadow:0 25px 65px rgba(34,39,49,.16);background:#ebddc7}
.signature-film-video {display:block;width:100%;height:100%;object-fit:cover;background:#ebddc7}
.signature-film-controls {position:absolute;z-index:5;top:max(17px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));display:flex;align-items:center;gap:10px}
.signature-film-button {appearance:none;border:1.5px solid rgba(18,50,84,.22);border-radius:100px;min-height:44px;min-width:44px;background:rgba(255,251,240,.97);color:#123254;padding:10px 16px;font:inherit;font-size:12px;font-weight:850;cursor:pointer;box-shadow:0 4px 14px rgba(40,32,22,.12);white-space:nowrap}
.signature-film-button:hover {background:white;border-color:#E48A4D}
.signature-film-button:focus-visible,.lomi-watch-signature:focus-visible {outline:3px solid #E48A4D;outline-offset:4px}
.signature-film-loading {position:absolute;z-index:2;bottom:5%;left:5%;right:5%;padding:9px 14px;margin:0;background:rgba(255,250,239,.88);border-radius:24px;text-align:center;font-size:12px;font-weight:800;color:#274961;pointer-events:none}
.signature-film-play {position:absolute;z-index:3;top:50%;left:50%;transform:translate(-50%,-50%);background:#123254;color:#fff9ed;border:0;border-radius:20px;box-shadow:0 6px 15px rgba(18,50,84,.25);min-height:54px;padding:16px 25px;font-size:15px;font-weight:850;cursor:pointer}
.lomi-watch-signature {appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:9px 0;border:0;border-bottom:2px solid #E48A4D;border-radius:0;background:transparent;color:#123254;font:inherit;font-size:13px;font-weight:850;cursor:pointer}
.lomi-watch-signature:hover {color:#0b8c9e}
.signature-film-sr {position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip:rect(0,0,0,0);clip-path:inset(50%)}
@media (max-width:630px) {
 .signature-film {background:#f5e8d4}
 .signature-film-stage {width:min(100vw,calc(90dvh * 608 / 1080));max-height:90dvh;border-radius:0;box-shadow:0 8px 45px rgba(30,31,42,.11)}
 .signature-film-controls {right:max(12px,env(safe-area-inset-right));top:max(12px,env(safe-area-inset-top));gap:7px}
 .signature-film-button {padding:9px 12px;font-size:11px}
 .lomi-watch-signature {width:100%;justify-content:flex-start;margin-top:4px}
}
@media (prefers-reduced-motion:reduce) { .signature-film * {transition:none!important;animation:none!important} }