:root{--text:#44505c;--text-h:#30343a;--bg:#efe7dc;--panel:#f8f2ea;--surface:#fffbf7db;--border:#13232f1f;--accent:#d45a2b;--accent-border:#d45a2b57;--hero-tint-a:#0c395314;--hero-tint-b:#f06b4024;--tab-active-a:#0c3953f5;--tab-active-b:#13586eeb;--card-border:#0c395314;--card-grad-a:#ffffffd1;--card-grad-b:#fcf5eeeb;--bg-grad-start:#f5ede1;--bg-grad-end:#ece2d5;--shadow:0 24px 60px #1e24291f;--shadow-soft:0 10px 30px #1e242914;--sans:"Segoe UI", "Hiragino Sans", "Yu Gothic UI", sans-serif;--heading:"Avenir Next", "Gill Sans", "Trebuchet MS", "Yu Gothic UI", "Hiragino Sans", sans-serif;--mono:ui-monospace, SFMono-Regular, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}#root{box-sizing:border-box;width:1200px;max-width:100%;min-height:100svh;margin:0 auto}body{background:radial-gradient(circle at top, #ffffffd9, transparent 35%), linear-gradient(180deg, var(--bg-grad-start) 0%, var(--bg-grad-end) 100%);margin:0}h1,h2,h3{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-.04em;margin:0 0 18px;font-size:clamp(42px,6vw,72px);line-height:.98}@media (width<=1024px){h1{font-size:38px}}h2{letter-spacing:-.02em;margin:0 0 16px;font-size:clamp(30px,4vw,44px);line-height:1.12}@media (width<=1024px){h2{font-size:30px}}p{margin:0}button{font:inherit}.page-shell{gap:24px;padding:28px;display:grid}.top-bar{justify-content:space-between;align-items:center;gap:16px;display:flex}.brand-home{min-height:40px;color:var(--text-h);font-family:var(--sans);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;background:#ffffffe6;border:1px solid #ffffffc7;border-radius:999px;justify-content:center;align-items:center;padding:10px 16px;font-size:14px;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex;box-shadow:0 10px 24px #13232f14}.brand-home:hover{background:#fffffff5;transform:translateY(-1px);box-shadow:0 12px 28px #13232f1f}.brand-home:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero-panel{background:0 0;border-top:2px solid #13232f1f;grid-template-columns:1fr;gap:24px;padding:34px 20px 24px;display:grid}.hero-copy{text-align:left}.eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin-bottom:14px;font-size:13px;font-weight:700}.hero-lead,.section-lead{max-width:46em;font-size:18px;line-height:1.8}.hero-lead{max-width:54em}.keep-word{white-space:nowrap}.tab-nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.tab{text-align:center;min-height:40px;color:var(--text-h);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:10px 16px;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s;display:inline-flex}.tab:hover{border-color:var(--accent-border);background:#ffffff8f;transform:translateY(-1px)}.tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tab.is-active{color:var(--accent);border-color:var(--accent-border);background:#ffffffe6;box-shadow:0 8px 20px #13232f14}.tab-label{font-family:var(--sans);font-size:14px;font-weight:700;line-height:1}.content-panel{background:0 0;border-top:1px solid #13232f1f;padding:34px 20px 18px;position:relative}.content-panel:before{content:"";background:linear-gradient(90deg, var(--accent), transparent);width:120px;height:1px;position:absolute;top:0;left:0}.content-panel:after{content:"";pointer-events:none;background:linear-gradient(#ffffff38,#0000);height:76px;position:absolute;inset:0 0 auto}.content-header{text-align:left;border-bottom:1px solid #13232f14;margin-bottom:28px;padding-bottom:18px}.about-title{font-size:.8em}.content-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.content-card{text-align:left;background:linear-gradient(#ffffff3d,#fff0);border:none;border-bottom:1px solid #13232f1a;min-height:220px;padding:18px 8px 28px}.content-card h3{font-family:var(--heading);color:var(--text-h);margin:0 0 20px;font-size:24px;line-height:1.2}.content-card p+p{margin-top:12px}@media (width<=900px){.page-shell{padding:60px 16px 16px}.hero-panel,.content-panel{padding:24px}.top-bar{flex-direction:column;align-items:flex-start}.hero-panel,.content-grid{grid-template-columns:1fr}.tab-nav{justify-content:flex-start}.brand-home{letter-spacing:.12em;font-size:13px}}.about-grid{grid-template-columns:minmax(0,1fr)}.about-founder{text-align:left;justify-items:start;gap:18px;display:grid}.founder-photo-wrap{justify-content:center;width:100%;display:flex}.founder-photo-frame{isolation:isolate;border-radius:50%;flex-shrink:0;width:132px;height:132px;position:relative;overflow:hidden}.founder-photo{object-fit:contain;width:100%;height:100%;display:block}.founder-bio{text-align:left;max-width:62em}.about-founder>h3{margin-bottom:12px}.founder-name{width:100%;font-family:var(--heading);color:var(--text-h);text-align:center;margin-bottom:14px;font-size:22px;font-weight:700}.games-app{border-bottom:1px solid #13232f14;grid-template-columns:160px minmax(0,1fr);align-items:start;gap:32px;padding-bottom:32px;display:grid}.games-app-icon{width:160px;height:160px;box-shadow:var(--shadow-soft);border-radius:36px}.games-app-text h2{margin-bottom:12px}.games-app-facts{flex-wrap:wrap;gap:10px;margin:20px 0 0;padding:0;list-style:none;display:flex}.games-app-facts li{background:#0c39530d;border-radius:12px;align-items:baseline;gap:10px;padding:8px 14px;display:flex}.games-app-facts span{letter-spacing:.06em;color:var(--text-h);font-size:13px;font-weight:700}.games-app-facts strong{font-family:var(--heading);color:var(--accent);font-size:18px}.store-links{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.store-links a{background:var(--text-h);color:#fff;border-radius:999px;align-items:center;min-height:40px;padding:8px 20px;font-size:14px;font-weight:700;text-decoration:none;transition:transform .2s,opacity .2s;display:inline-flex}.store-links a:hover{opacity:.88;transform:translateY(-1px)}.game-section{border-radius:28px;margin-top:40px;padding:32px}.game-melody{background:linear-gradient(160deg,#ff927438,#ffece480)}.game-hockey{background:linear-gradient(160deg,#2438781f,#5ea0d624)}.game-section-head{margin-bottom:24px}.game-no{letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin-bottom:6px;font-size:13px;font-weight:700}.game-hockey .game-no{color:#2f6fb6}.game-section h3{margin:0 0 10px;font-size:clamp(26px,3vw,34px)}.game-catch{color:var(--text-h);font-weight:700}.game-feature{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:center;gap:32px;display:grid}.game-points{gap:8px;margin:18px 0 0;padding-left:1.2em;display:grid}.game-points strong{color:var(--text-h)}.game-video{justify-items:center;gap:10px;display:grid}.video-wrap.video-wrap-large{border-radius:18px;width:100%;max-width:240px}.game-video-caption{color:#30343ab3;font-size:13px}.game-hockey-visual{justify-content:center;display:flex}.game-hockey-thumb{border-radius:40px;width:min(100%,240px);height:auto;box-shadow:0 18px 40px #141e4647}.game-subtitle{font-family:var(--heading);color:var(--text-h);margin:36px 0 14px;font-size:20px;font-weight:700}.game-note{margin-bottom:18px}.game-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.game-step{background:#ffffffb3;border-radius:20px;padding:14px 14px 18px;font-size:15px;line-height:1.7}.game-step-img{border-radius:12px;width:100%;height:auto;margin-bottom:12px;display:block}.game-step-title{color:var(--text-h);align-items:center;gap:8px;margin-bottom:6px;font-weight:700;display:flex}.game-step-title span{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:13px;display:inline-grid}.bibi-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.bibi-row li{text-align:center;background:#ffffffb3;border-radius:20px;justify-items:center;gap:6px;padding:12px 8px 16px;display:grid}.bibi-row img{width:min(100%,150px);height:auto}.bibi-row p{gap:2px;font-size:15px;display:grid}.bibi-row strong{color:var(--text-h)}.bibi-row span{color:#30343ab3;font-size:13px}.game-character{color:#30343acc;align-items:center;gap:16px;margin-top:28px;padding:0 8px;font-size:15px;display:flex}.game-character img{flex-shrink:0;width:56px;height:auto}.game-character strong{color:var(--text-h);margin-bottom:2px;display:block}.games-links{min-height:auto;margin-top:32px}.link-list{gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.link-list a{color:var(--accent);align-items:center;gap:6px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.link-list a:hover{text-decoration:underline}.prototype-layout{grid-template-columns:minmax(0,1fr);display:grid}.prototype-card{min-height:auto}.prototype-card a{color:var(--accent);overflow-wrap:anywhere;font-weight:600;text-decoration:none}.prototype-card a:hover{text-decoration:underline}.video-wrap{aspect-ratio:9/16;background:#000;border-radius:0;width:50%;max-width:180px;margin:0 auto;position:relative;overflow:hidden}.video-wrap iframe{border:none;width:100%;height:100%;position:absolute;inset:0}.contact-form{gap:20px;max-width:600px;display:grid}.form-group{gap:6px;display:grid}.form-group>label{letter-spacing:.06em;color:var(--text-h);font-size:14px;font-weight:700}.form-group>label span{color:var(--accent)}.form-group input,.form-group textarea{border:1px solid var(--border);font:inherit;color:var(--text);resize:vertical;background:#ffffffd1;border-radius:12px;outline:none;padding:12px 16px;font-size:16px;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent-border);box-shadow:0 0 0 3px #d45a2b1f}.submit-btn{background:linear-gradient(135deg, var(--tab-active-a), var(--tab-active-b));color:#fff7f0;font-family:var(--heading);cursor:pointer;border:none;border-radius:14px;justify-self:start;padding:14px 36px;font-size:18px;transition:opacity .2s,transform .15s}.submit-btn:hover:not(:disabled){opacity:.88;transform:translateY(-2px)}.submit-btn:disabled{opacity:.6;cursor:default}.contact-error{color:#a4282b;background:#fbeeee;border-radius:12px;padding:16px 20px;font-size:15px}.contact-thanks p+p{margin-top:8px}.contact-thanks{text-align:center;color:var(--text-h);background:#0c395308;border-top:1px solid #0c39531a;border-bottom:1px solid #0c39531a;padding:40px;font-size:18px}.contact-mail-link{color:var(--accent);font-weight:700;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:none}.contact-mail-link:hover{text-decoration:underline}.site-footer{text-align:center;padding:18px 0 8px}.site-footer p{letter-spacing:.18em;text-transform:uppercase;color:#30343aad;font-size:12px;font-weight:700}.copyright-mark{vertical-align:baseline;font-size:1em;line-height:1;display:inline-block;transform:translateY(.02em)}@media (width<=900px){.about-grid,.games-app,.game-feature,.game-steps,.about-founder{grid-template-columns:1fr}.founder-photo-frame{width:80px;height:80px}.video-wrap{aspect-ratio:9/16}}@media (width<=600px){.game-section{padding:22px 16px}.games-app-icon{border-radius:22px;width:96px;height:96px}}
