:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#080b10;color:#f6f8fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #f6f8fb;--muted: #9aa4b2;--line: rgba(255, 255, 255, .12);--panel: rgba(255, 255, 255, .045);--violet: #a59fff;--teal: #69ead7;--content: 1040px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0;overflow-x:hidden;background:#080b10}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:2px solid var(--violet);outline-offset:3px}h1,h2,p{margin:0}.site-shell{min-height:100svh;background:radial-gradient(circle at 18% 0%,rgba(84,68,190,.12),transparent 26rem),linear-gradient(180deg,#080b10,#0a0f15 60%,#070a0e)}.nav{position:sticky;top:0;z-index:10;display:flex;min-height:60px;align-items:center;justify-content:space-between;gap:1rem;padding:.65rem max(1rem,calc((100vw - var(--content)) / 2));border-bottom:1px solid var(--line);background:#080b10db;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand,.nav-links,.app-main,.platforms,.app-actions,.app-store-link,.text-link,.support-app div a,.support-contact,.support-contact a,.footer,.footer div{display:flex;align-items:center}.brand{gap:.6rem}.brand img{width:34px;height:34px;border-radius:9px;object-fit:cover}.brand strong{font-size:.96rem}.nav-links{gap:.25rem}.nav-links a{padding:.5rem .7rem;border-radius:8px;color:#f6f8fbb3;font-size:.86rem;font-weight:700}.nav-links a:hover{background:#ffffff12;color:var(--ink)}.home-page{width:min(var(--content),calc(100% - 2rem));min-height:calc(100svh - 121px);margin:0 auto;padding:clamp(2rem,5vw,3.6rem) 0 1.5rem}.intro{display:flex;align-items:end;justify-content:space-between;gap:1.5rem;margin-bottom:1.5rem}.eyebrow{margin-bottom:.35rem;color:var(--violet);font-size:.72rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.intro h1{font-size:clamp(2.5rem,6vw,4.4rem);line-height:.95;letter-spacing:-.06em}.intro>p{padding-bottom:.25rem;color:var(--muted);font-size:.95rem}.apps-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;scroll-margin-top:76px}.app-card{display:flex;min-height:275px;flex-direction:column;padding:1.25rem;border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:inset 0 1px #ffffff0f}.app-wordfit{background:radial-gradient(circle at 100% 0%,rgba(111,85,255,.18),transparent 48%),var(--panel)}.app-duelio{background:radial-gradient(circle at 100% 0%,rgba(255,55,83,.13),transparent 46%),var(--panel)}.app-main{gap:1rem;align-items:flex-start}.app-icon{width:92px;height:92px;flex:0 0 auto;border:1px solid rgba(255,255,255,.2);border-radius:22px;object-fit:cover;box-shadow:0 14px 30px #0000004d}.app-copy{padding-top:.2rem}.app-copy h2{font-size:clamp(2rem,4vw,3rem);line-height:1;letter-spacing:-.05em}.app-copy p{max-width:310px;margin-top:.55rem;color:var(--muted);font-size:.9rem;line-height:1.45}.platforms{flex-wrap:wrap;gap:.45rem;margin-top:1.1rem}.platforms>.platform{display:flex;align-items:center;gap:.45rem;min-width:112px;padding:.45rem .55rem;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:#05080c57}.platform-ready,.platform-buffering{display:flex;width:24px;height:24px;flex:0 0 24px;align-items:center;justify-content:center;border-radius:50%}.platform-ready{border:1px solid rgba(105,234,215,.28);background:#69ead721;color:var(--teal);font-size:.75rem;font-weight:900}.platform-buffering{gap:2px;border:1px solid rgba(165,159,255,.24);background:#a59fff17;color:var(--violet)}.platform-buffering i{width:3px;height:3px;border-radius:50%;background:currentColor;animation:platform-buffering 1s infinite ease-in-out}.platform-buffering i:nth-child(2){animation-delay:.15s}.platform-buffering i:nth-child(3){animation-delay:.3s}@keyframes platform-buffering{0%,60%,to{transform:translateY(0);opacity:.38}30%{transform:translateY(-2px);opacity:1}}.platform-copy strong,.platform-copy small{display:block;white-space:nowrap;font-size:.75rem;line-height:1.2}.platform-copy strong{color:#f6f8fbe6;font-weight:800}.platform-copy small{margin-top:.08rem;color:#f6f8fb85;font-weight:650}.app-actions{flex-wrap:wrap;gap:.75rem;margin-top:auto;padding-top:1rem}.app-store-link{width:fit-content;min-height:38px;justify-content:center;gap:.45rem;padding:.55rem .75rem;border:1px solid rgba(255,255,255,.19);border-radius:9px;background:#f4f6fa;color:#10141a;font-size:.83rem;font-weight:820}.app-store-link:hover{background:#fff}.text-link{gap:.35rem;color:#f6f8fba6;font-size:.82rem;font-weight:750}.text-link:hover{color:var(--teal)}.subpage{width:min(760px,calc(100% - 2rem));min-height:calc(100svh - 121px);margin:0 auto;padding:clamp(2.2rem,6vw,4rem) 0}.subpage-header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1rem;align-items:center;padding-bottom:1.5rem;border-bottom:1px solid var(--line)}.subpage-header>img,.policy-icon{width:72px;height:72px;border:1px solid rgba(255,255,255,.16);border-radius:18px}.subpage-header>img{object-fit:cover}.policy-icon{display:grid;place-items:center;background:#6e56e61c;color:var(--violet)}.subpage-header h1,.not-found h1{font-size:clamp(2.5rem,7vw,4rem);line-height:.96;letter-spacing:-.06em}.subpage-header div>p:last-child{margin-top:.45rem;color:var(--muted);font-size:.86rem}.support-apps{display:grid;gap:.7rem;margin-top:1.25rem}.support-app{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.9rem;align-items:center;padding:1rem;border:1px solid var(--line);border-radius:12px;background:var(--panel);scroll-margin-top:74px}.support-app>img{width:62px;height:62px;border:1px solid rgba(255,255,255,.16);border-radius:15px;object-fit:cover}.support-app h2{font-size:1.4rem;letter-spacing:-.035em}.support-app div a{width:fit-content;gap:.35rem;margin-top:.35rem;color:var(--violet);font-size:.8rem;font-weight:720}.support-contact{flex-wrap:wrap;gap:.6rem 1rem;margin-top:1rem;padding:0 .2rem}.support-contact a{gap:.35rem;color:var(--muted);font-size:.8rem}.policy-section a{color:var(--violet);text-decoration:underline;text-underline-offset:2px}.policy-summary{margin-top:1.25rem;padding:1rem;border:1px solid rgba(165,159,255,.2);border-radius:12px;background:#6552c714}.policy-summary strong{font-size:.95rem}.policy-summary p{margin-top:.3rem;color:var(--muted);font-size:.84rem;line-height:1.5}.policy-section{padding:1.35rem 0;border-bottom:1px solid var(--line)}.policy-section h2{margin-bottom:.55rem;font-size:1.15rem;letter-spacing:-.025em}.policy-section p{color:var(--muted);font-size:.84rem;line-height:1.62}.data-list{overflow:hidden;margin:0 0 .75rem;padding:0;border:1px solid var(--line);border-radius:10px;list-style:none}.data-list li{display:grid;grid-template-columns:105px minmax(0,1fr);gap:.75rem;padding:.7rem .8rem;color:var(--muted);font-size:.8rem;line-height:1.45}.data-list li+li{border-top:1px solid var(--line)}.data-list strong{color:#f6f8fbd9}.not-found{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.not-found .app-store-link{margin-top:1rem}.footer{min-height:61px;justify-content:space-between;gap:1rem;padding:.8rem max(1rem,calc((100vw - var(--content)) / 2));border-top:1px solid var(--line);color:#f6f8fb78;font-size:.75rem}.footer div{flex-wrap:wrap;justify-content:flex-end;gap:.8rem}.footer a:hover{color:var(--teal)}@media(max-width:720px){.apps-grid{grid-template-columns:1fr}.intro{align-items:flex-start;flex-direction:column;gap:.55rem}.intro>p{padding:0}}@media(max-width:520px){.nav{padding-left:.75rem;padding-right:.75rem}.brand strong{display:none}.nav-links a{padding:.45rem .5rem;font-size:.8rem}.home-page,.subpage{width:calc(100% - 1.5rem)}.home-page{padding-top:1.6rem}.app-card{min-height:255px;padding:1rem}.app-icon{width:76px;height:76px;border-radius:18px}.app-main{gap:.8rem}.app-copy h2{font-size:2rem}.support-app{grid-template-columns:auto minmax(0,1fr)}.support-app>.text-link{grid-column:2}.subpage-header>img,.policy-icon{width:60px;height:60px;border-radius:15px}.data-list li{grid-template-columns:1fr;gap:.2rem}.footer{align-items:flex-start;flex-direction:column}.footer div{justify-content:flex-start}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
