:root{--bg:#fffaf7;--surface:#ffffff;--surface-2:#fff5f7;--ink:#12182a;--muted:#697084;--line:#efe5e3;--pink:#f64678;--pink-dark:#d92e61;--pink-soft:#fff0f4;--purple:#7658e8;--blue:#3f83f8;--green:#29b47b;--orange:#ff9857;--shadow:0 16px 50px rgba(68,37,46,0.08);--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 12% 8%,rgba(246,70,120,.06),transparent 22rem),linear-gradient(180deg,#fffaf7,#ffffff 58%,#fffaf7);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.container{width:min(1180px,calc(100% - 36px));margin:0 auto}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:rgba(255,250,247,.88);border-bottom:1px solid rgba(239,229,227,.9)}.nav{min-height:72px;justify-content:space-between;gap:24px}.brand,.nav{display:flex;align-items:center}.brand{gap:9px;font-weight:850;font-size:1.35rem}.brand-mark{width:35px;height:35px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#ff7ca4,#f52d68);color:white;box-shadow:0 8px 24px rgba(246,70,120,.28)}.nav-links{display:flex;align-items:center;gap:28px;font-size:.94rem;font-weight:650}.btn-primary,.btn-secondary,.nav-cta{min-height:46px;padding:0 20px;border-radius:12px;border:0;cursor:pointer;font-weight:800;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.btn-primary,.nav-cta{background:linear-gradient(135deg,#ff5f8d,#f5356e);color:white;box-shadow:0 10px 26px rgba(246,70,120,.23)}.btn-secondary{background:white;color:var(--ink);border:1px solid var(--line)}.btn-primary:hover,.btn-secondary:hover,.nav-cta:hover{transform:translateY(-1px)}.hero{padding:52px 0 28px}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;grid-gap:58px;gap:58px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;background:var(--pink-soft);color:var(--pink-dark);border:1px solid #ffd8e4;border-radius:999px;font-size:.84rem;font-weight:800}.hero h1{max-width:720px;margin:18px 0 16px;font-size:clamp(2.9rem,6vw,5.2rem);line-height:.99;letter-spacing:-.055em}.gradient-text{color:var(--pink)}.hero-copy{max-width:650px;color:var(--muted);font-size:1.12rem;line-height:1.75}.hero-actions{display:flex;gap:12px;margin-top:26px}.room-card{background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:var(--shadow)}.room-title{display:flex;align-items:center;gap:10px;font-size:1.28rem;font-weight:850}.room-code-box{margin:18px 0;padding:18px;text-align:center;border-radius:16px;border:1px solid #ffd8e4;background:#fff8fa}.room-label{color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.room-code{margin-top:5px;font-size:2rem;color:var(--pink);font-weight:900;letter-spacing:.12em}.room-card .btn-primary{width:100%}.divider{display:flex;gap:12px;align-items:center;margin:18px 0;color:var(--muted);font-size:.8rem}.divider:after,.divider:before{content:"";height:1px;flex:1 1;background:var(--line)}.join-row{display:grid;grid-template-columns:1fr auto;grid-gap:10px;gap:10px}.input{width:100%;min-height:44px;border:1px solid var(--line);border-radius:11px;padding:0 13px;outline:none;background:white;color:var(--ink)}.input:focus{border-color:#f98bac;box-shadow:0 0 0 3px rgba(246,70,120,.08)}.micro-copy{margin-top:12px;color:var(--muted);font-size:.8rem}.section{padding:34px 0}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px}.section-title{margin:0;font-size:1.35rem;letter-spacing:-.02em}.section-link{color:var(--pink);font-size:.9rem;font-weight:800}.game-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:14px;gap:14px}.game-card{display:block;min-height:172px;padding:20px;border-radius:18px;border:1px solid var(--line);background:white;box-shadow:0 10px 26px rgba(52,36,42,.045);transition:transform .17s ease,box-shadow .17s ease}.game-card:hover{transform:translateY(-3px);box-shadow:0 15px 34px rgba(52,36,42,.08)}.game-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;font-size:1.45rem;margin-bottom:18px}.icon-pink{background:#ffe6ee}.icon-purple{background:#eee9ff}.icon-blue{background:#e9f2ff}.icon-orange{background:#fff0e7}.icon-green{background:#e9f9f2}.game-card h3{margin:0 0 8px;font-size:1rem}.game-card p{margin:0;color:var(--muted);font-size:.86rem;line-height:1.45}.ad-slot{min-height:76px;display:grid;place-items:center;margin:12px 0 4px;padding:12px;border-radius:14px;border:1px dashed #d8d1df;background:#fbf9fc;color:#8a8493;font-size:.83rem}.scenario-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px}.scenario-card{display:flex;gap:14px;align-items:center;padding:18px;border-radius:16px;background:white;border:1px solid var(--line)}.scenario-emoji{font-size:2rem}.scenario-card h3{margin:0 0 5px;font-size:.98rem}.scenario-card p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.4}.trust-strip{margin-top:18px;padding:18px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px;border:1px solid var(--line);border-radius:18px;background:white}.trust-item{display:flex;gap:12px;align-items:flex-start;padding:6px 10px}.trust-item strong{display:block;margin-bottom:4px}.trust-item span{color:var(--muted);font-size:.83rem;line-height:1.45}.content-grid{display:grid;grid-template-columns:1fr 1.25fr;grid-gap:28px;gap:28px;padding-bottom:44px}.content-card{background:white;border:1px solid var(--line);border-radius:18px;padding:22px}.check-list{padding:0;margin:15px 0 0;list-style:none}.check-list li{margin:9px 0;color:var(--muted)}.check-list li:before{content:"✓";color:var(--pink);font-weight:900;margin-right:9px}.pill-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.pill{padding:10px 13px;border-radius:999px;border:1px solid #ffd3df;background:#fffafb;color:#c82a58;font-size:.85rem;font-weight:750}.game-page{padding:44px 0 70px}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-gap:26px;gap:26px;align-items:start}.game-shell,.side-card{border:1px solid var(--line);background:white;border-radius:22px;box-shadow:0 12px 35px rgba(52,36,42,.05)}.game-shell{padding:30px}.side-card{padding:20px;position:-webkit-sticky;position:sticky;top:92px}.game-kicker{color:var(--pink);font-weight:850;font-size:.84rem}.game-heading{margin:8px 0;font-size:clamp(2rem,5vw,3.3rem);letter-spacing:-.045em}.game-sub{color:var(--muted);line-height:1.7}.play-card{margin-top:24px;padding:24px;border-radius:20px;background:linear-gradient(180deg,#fff6f8,#fff);border:1px solid #ffe0e8}.question{font-size:clamp(1.45rem,4vw,2.25rem);font-weight:850;line-height:1.25;letter-spacing:-.03em}.choice-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-top:20px}.choice{min-height:92px;padding:16px;border-radius:16px;border:1px solid var(--line);background:white;cursor:pointer;font-weight:800}.choice.active,.choice:hover{border-color:#f57da1;background:#fff0f4}.progress{height:8px;border-radius:999px;background:#f1edf0;overflow:hidden;margin-bottom:18px}.progress>div{height:100%;background:linear-gradient(90deg,#ff6a95,#7658e8)}.next-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px}.small-muted{color:var(--muted);font-size:.84rem}.result-box{text-align:center;padding:28px 16px}.result-score{font-size:4rem;line-height:1;font-weight:950;color:var(--pink)}.footer{border-top:1px solid var(--line);padding:28px 0 38px;color:var(--muted);font-size:.86rem}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-links{display:flex;gap:18px}@media (max-width:960px){.content-grid,.game-layout,.hero-grid{grid-template-columns:1fr}.game-grid,.scenario-grid{grid-template-columns:repeat(2,1fr)}.trust-strip{grid-template-columns:1fr}.side-card{position:static}.nav-links a:not(.nav-cta){display:none}}@media (max-width:620px){.container{width:min(100% - 24px,1180px)}.hero{padding-top:32px}.hero h1{font-size:2.8rem}.hero-actions,.join-row{display:grid}.choice-grid,.game-grid,.hero-actions,.join-row,.scenario-grid{grid-template-columns:1fr}.nav{min-height:64px}.nav-cta{padding:0 14px}.room-card{padding:20px}}