:root{--bg:#faf7f0;--paper:#fffdf8;--ink:#514139;--muted:#7c7268;--rose:#f1d2d7;--rose-dark:#8d485c;--sage:#d5e5d9;--sage-dark:#3d6654;--line:#e8e0d5;--accent:#705447;--serif:Georgia,'Times New Roman',serif;--sans:system-ui,-apple-system,'Segoe UI',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #916175;outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--serif);font-weight:400;line-height:1.1;letter-spacing:-.035em}h1{font-size:clamp(42px,5.5vw,76px)}h2{font-size:clamp(32px,4vw,48px)}h3{line-height:1.3}input,select{min-width:0;border:1px solid var(--line);border-radius:14px;padding:13px 16px;background:var(--paper);color:var(--ink)}input{width:100%}label{display:block;font-size:14px;font-weight:600;margin-bottom:8px}.header{max-width:1200px;margin:auto;padding:28px 36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{font-size:29px;font-family:var(--serif);font-weight:bold;letter-spacing:-1px;display:flex;align-items:center;gap:4px}.logo-mark{display:grid;place-items:center;width:37px;height:37px;background:var(--rose);border-radius:50%;margin-right:9px;font:26px var(--serif)}.logo-dot{color:#a77c6c}.header nav{display:flex;gap:34px;font-size:14px}.header nav a:hover{text-decoration:underline;text-underline-offset:5px}main{min-height:60vh;max-width:1200px;margin:auto;padding:0 36px 72px;outline:none}.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:10px;padding:65px 0 52px}.eyebrow{display:block;font-size:11px;font-weight:650;letter-spacing:2.3px;color:var(--sage-dark);margin-bottom:22px}.hero h1{margin-bottom:24px}.hero h1 em{color:#9d6673;font-weight:400}.hero p{max-width:420px;color:var(--muted);font-size:17px;margin-bottom:27px}.hero-art{position:relative}.hero-art img{width:100%;display:block}.art-caption{text-align:center;font:italic 20px var(--serif);color:var(--muted);transform:rotate(-3deg);margin-top:-12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;background:var(--accent);color:var(--paper);padding:14px 23px;border:1px solid transparent;border-radius:100px;font-size:14px;font-weight:600;min-height:49px;transition:background .15s,transform .15s}.button:hover{background:#573f35;transform:translateY(-1px)}.button.secondary{background:transparent;border-color:#d7cbbf;color:var(--ink)}.button.secondary:hover{background:#f0e9df}.button.soft{background:var(--sage);color:var(--sage-dark)}.button.danger{background:#f2dce0;color:#883e4c}.button-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.micro{font-size:12px!important;color:var(--muted);margin:16px 0 0!important}.steps{display:grid;grid-template-columns:repeat(3,1fr);padding:24px 28px;border:1px solid var(--line);border-radius:18px;background:#f3f1e8;margin-bottom:65px;gap:25px}.step{display:flex;gap:14px;align-items:center}.step-num{font:italic 28px var(--serif);color:#9a8371}.step strong{font-size:14px;font-weight:600}.step p{font-size:12px;color:var(--muted);margin:3px 0 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.section-head h2{margin-bottom:8px}.section-head p{color:var(--muted);margin:0;font-size:14px}.small-link{font-size:13px;border-bottom:1px solid #b7a696;padding-bottom:3px;white-space:nowrap}.catalog-top{padding-top:50px}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 24px}.chip{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:100px;font-size:12px;padding:9px 15px;min-height:38px;white-space:nowrap}.chip:hover{background:#efeae1}.chip.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.catalog-tools{display:flex;gap:14px;align-items:center}.searchbox{max-width:360px;width:100%;position:relative}.searchbox input{padding-left:42px}.searchbox span{position:absolute;left:17px;top:10px;font-size:22px;color:var(--muted)}.count{margin-left:auto;color:var(--muted);font-size:12px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.test-card{background:var(--paper);border:1px solid var(--line);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.test-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #6445330c}.card-top{height:115px;display:flex;align-items:center;justify-content:space-between;padding:24px;background:#f1dedf;position:relative;overflow:hidden}.test-card:nth-child(4n+2) .card-top{background:#e1e9de}.test-card:nth-child(4n+3) .card-top{background:#f1e8d5}.test-card:nth-child(4n) .card-top{background:#e8e2ee}.card-icon{font-family:var(--serif);font-size:48px;line-height:1;color:#765851}.card-top:after{content:'или';position:absolute;right:-5px;bottom:-31px;font:italic 100px var(--serif);color:#ffffff50;transform:rotate(-10deg)}.category-label{font-size:10px;letter-spacing:1px;text-transform:uppercase;background:#ffffff99;padding:5px 10px;border-radius:20px;align-self:flex-start;z-index:1}.card-body{padding:21px 23px 18px;display:flex;flex:1;flex-direction:column}.card-body h3{font:25px var(--serif);letter-spacing:-.4px;margin-bottom:9px}.card-body p{font-size:13px;color:var(--muted);line-height:1.65;margin-bottom:20px;flex:1}.card-meta{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted)}.arrow-circle{width:31px;height:31px;border:1px solid #daccbd;border-radius:50%;display:grid;place-items:center;font-size:17px;color:var(--ink)}.load-more{text-align:center;margin-top:30px}.quote{margin-top:65px;padding:37px 24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center}.quote span{color:#bd8896;font-size:28px}.quote p{font:italic 27px/1.4 var(--serif);max-width:600px;margin:10px auto;color:#7b6255}.quote small{color:var(--muted);font-size:12px}footer{border-top:1px solid var(--line);max-width:1128px;margin:auto;padding:33px 0 40px;display:flex;align-items:center;gap:20px;flex-wrap:wrap;font-size:12px;color:var(--muted)}footer p{margin:0;flex:1}.footer-logo{font:22px var(--serif);color:var(--ink)}footer>a:last-of-type{text-decoration:underline}footer>span{width:100%;font-size:10px;letter-spacing:.7px}.back{display:inline-block;font-size:13px;color:var(--muted);margin:28px 0 25px}.narrow{max-width:740px;margin:auto}.detail-head{text-align:center;margin-bottom:30px}.detail-head .eyebrow{margin:0 0 14px}.detail-head h1{font-size:clamp(36px,5vw,52px);margin-bottom:16px}.detail-head p{max-width:520px;margin:0 auto 13px;color:var(--muted)}.detail-icon{font-size:49px;color:#a16f7b;margin:5px 0 12px}.panel{padding:30px;border:1px solid var(--line);background:var(--paper);border-radius:23px;margin-bottom:24px}.start-form{max-width:470px;margin:25px auto 0}.start-form .button{width:100%;margin-top:14px}.small{font-size:12px;color:var(--muted);line-height:1.6;margin:14px 0 0}.intro-preview{padding-top:15px}.intro-preview h3{font:23px var(--serif);margin-bottom:6px}.choice-row{display:grid;grid-template-columns:1fr 25px 1fr;align-items:stretch;gap:8px}.or{align-self:center;text-align:center;font:italic 14px var(--serif);color:#a39383}.choice{border:2px solid transparent;border-radius:15px;min-height:58px;padding:13px 16px;font-size:15px;color:var(--rose-dark);background:var(--rose);line-height:1.4;text-align:center;position:relative;overflow-wrap:anywhere}.choice.b{color:var(--sage-dark);background:var(--sage)}.choice:hover{border-color:#b58090}.choice.b:hover{border-color:#7b9b83}.choice[aria-pressed=true]{border-color:var(--rose-dark);box-shadow:0 0 0 2px var(--paper) inset;font-weight:650}.choice.b[aria-pressed=true]{border-color:var(--sage-dark)}.choice[aria-pressed=true]:after{content:'✓';display:inline-block;margin-left:8px}.choice.preview{display:grid;place-items:center;cursor:default;opacity:.85}.question{margin:0;padding:19px 0 21px;border:0;border-bottom:1px solid var(--line);min-width:0}.question:last-child{border:0}.question legend{float:left;width:100%;font-size:11px;letter-spacing:.3px;color:var(--muted);padding:0 0 10px}.question .choice-row{clear:both}.question-num{font-weight:650;color:#a58e7e;margin-right:8px}.progress-box{position:sticky;top:0;z-index:5;background:#faf7f0f5;backdrop-filter:blur(10px);padding:14px 0;margin-bottom:15px}.progress-info{display:flex;justify-content:space-between;font-size:12px;margin-bottom:9px;gap:15px}.save-status{color:var(--sage-dark)}progress{display:block;width:100%;height:6px;border:0;appearance:none;border-radius:10px;overflow:hidden;background:var(--line)}progress::-webkit-progress-bar{background:var(--line)}progress::-webkit-progress-value{background:#9bb59c;border-radius:10px}progress::-moz-progress-bar{background:#9bb59c}.room-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:15px 0}.partner-status{font-size:12px;color:var(--muted)}.text-button{background:none;border:0;padding:8px 0;color:var(--muted);text-decoration:underline;font-size:12px}.finish-box{text-align:center;padding:27px 0}.finish-box p{font-size:12px;color:var(--muted);margin-top:12px}.waiting{text-align:center;padding:35px 20px}.waiting img{width:290px;max-width:100%}.waiting h2{margin-bottom:16px}.waiting p{max-width:430px;margin:0 auto 20px;color:var(--muted)}.waiting .button-row{justify-content:center}.result-hero{text-align:center;background:linear-gradient(130deg,#f4e1df,#e7eee0);padding:38px 24px;border-radius:25px;margin-bottom:30px}.result-hero h1{font-size:38px;margin-bottom:14px}.result-number{font:90px/1.2 var(--serif);letter-spacing:-6px;color:#617b60}.result-hero p{font-size:14px;margin:8px 0}.result-hero .small{max-width:470px;margin:15px auto 0}.result-tabs{display:flex;gap:8px;margin:20px 0}.compare-row{padding:20px 0;border-bottom:1px solid var(--line)}.compare-top{display:flex;gap:15px;justify-content:space-between;margin-bottom:13px;font-size:12px;color:var(--muted)}.badge{padding:3px 9px;border-radius:20px;background:#e1eadf;color:#42654e;font-size:11px;white-space:nowrap}.badge.different{background:#efe4dc;color:#795e4f}.compare-choices{display:grid;grid-template-columns:1fr 1fr;gap:14px}.compare-choices div{background:#f5ede9;border-radius:13px;padding:13px 16px;font-size:14px;overflow-wrap:anywhere}.compare-choices div:nth-child(2){background:#edf1e8}.compare-choices small{display:block;font-size:11px;color:var(--muted);margin-bottom:5px}.games-list{display:grid;gap:15px}.game-card{padding:22px;background:var(--paper);border:1px solid var(--line);border-radius:18px;display:flex;align-items:center;gap:20px}.game-card div{flex:1}.game-card h3{font:25px var(--serif);margin-bottom:7px}.game-card p{margin:0;font-size:12px;color:var(--muted)}.empty{text-align:center;padding:60px 20px;color:var(--muted)}.error-box{padding:18px;background:#f6e1e4;border:1px solid #dfb7c0;border-radius:14px;color:#7e394c;font-size:14px;margin:16px 0}.error-box:empty{display:none}.loading{text-align:center;padding:100px 20px;color:var(--muted)}.privacy h2{font-size:30px;margin-top:32px}.privacy h1{font-size:45px}.privacy p,.privacy li{font-size:15px;color:var(--muted)}.privacy ul{padding-left:23px}.privacy a{text-decoration:underline}dialog{border:1px solid var(--line);border-radius:26px;background:var(--paper);color:var(--ink);width:min(540px,calc(100% - 30px));padding:40px}dialog::backdrop{background:#3b302970;backdrop-filter:blur(5px)}dialog h2{font-size:38px;margin-bottom:22px}dialog p{font-size:14px;color:var(--muted)}dialog input{font-size:12px;margin-bottom:17px}.close{position:absolute;right:18px;top:12px;background:none;border:0;font-size:29px;color:var(--muted);width:40px;height:40px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:13px 20px;background:var(--ink);color:white;border-radius:13px;font-size:13px;max-width:calc(100vw - 30px);width:max-content;z-index:100;display:none}#toast.show{display:block}.skip{position:absolute;left:15px;top:-70px;background:var(--ink);color:#fff;padding:10px;z-index:99}.skip:focus{top:10px}.hidden{display:none!important}
@media(min-width:1000px){.hero-art{margin-right:-20px;margin-left:-20px}}
@media(max-width:800px){.header{padding:22px 24px}.header nav{gap:20px}main{padding:0 24px 45px}.hero{padding-top:44px;gap:0}.hero h1{font-size:49px}.hero p{font-size:14px}.hero-art{margin-left:-20px;margin-right:-20px}.steps{gap:15px;padding:20px;margin-bottom:40px}.step{align-items:flex-start;gap:8px}.step strong{font-size:12px}.step p{font-size:11px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}footer{margin:0 24px}.catalog-tools{flex-wrap:wrap}.count{margin-left:0}.hero .button{padding:12px 18px}}
@media(max-width:560px){.header{padding:17px 20px}.logo{font-size:25px}.logo-mark{width:30px;height:30px;font-size:22px;margin-right:5px}.header nav{gap:19px;font-size:12px}main{padding:0 20px 38px}.hero{grid-template-columns:1fr;text-align:center;padding-top:36px;padding-bottom:27px}.hero .eyebrow{font-size:9px;margin-bottom:17px}.hero h1{font-size:48px;margin-bottom:18px}.hero p{margin-left:auto;margin-right:auto;max-width:300px;font-size:14px}.hero .button-row{justify-content:center}.hero-art{max-width:350px;margin:-5px auto 0}.hero-art img{margin-bottom:-12px}.art-caption{font-size:18px}.steps{grid-template-columns:1fr;gap:17px;padding:23px;margin-bottom:38px}.step{align-items:center;gap:17px}.step-num{font-size:25px;min-width:22px}.step strong{font-size:13px}.step p{font-size:12px}.section-head{align-items:start;gap:12px}.section-head h2{font-size:34px}.section-head p{font-size:12px}.small-link{font-size:11px;margin-top:10px}.filters{flex-wrap:nowrap;overflow-x:auto;margin-right:-20px;padding-right:20px;padding-bottom:8px;scrollbar-width:thin;gap:7px}.chip{font-size:11px;padding:8px 12px}.catalog-tools{gap:9px}.searchbox{max-width:none;flex:1}.searchbox input{font-size:13px}.catalog-tools select{font-size:12px;max-width:136px;padding:13px 9px}.count{width:100%;margin-top:3px}.grid{grid-template-columns:1fr;gap:17px}.test-card{display:grid;grid-template-columns:86px 1fr;border-radius:17px}.card-top{height:100%;min-height:157px;padding:13px;justify-content:center}.card-top:after{font-size:65px;bottom:0;right:-22px;transform:rotate(-90deg)}.card-icon{font-size:37px}.category-label{display:none}.card-body{padding:18px}.card-body h3{font-size:23px}.card-body p{font-size:12px;margin-bottom:12px}.card-meta{font-size:10px}.arrow-circle{width:27px;height:27px}.quote{margin-top:35px;padding:25px 12px}.quote p{font-size:23px}footer{margin:0 20px;padding-top:27px;gap:15px}footer p{flex-basis:70%;font-size:11px}.catalog-top{padding-top:31px}.panel{padding:21px 17px;border-radius:19px}.back{margin-top:20px;margin-bottom:22px}.detail-head h1{font-size:38px}.detail-head p{font-size:14px}.choice-row{grid-template-columns:1fr 15px 1fr;gap:4px}.choice{font-size:13px;padding:12px 9px;min-height:62px;border-radius:13px}.question{padding:16px 0 20px}.question legend{font-size:10px}.progress-info{font-size:10px}.room-tools{padding-top:0}.room-tools .button{font-size:12px;padding:10px 16px;min-height:42px}.compare-choices{gap:8px}.compare-choices div{padding:12px;font-size:12px}.compare-top{font-size:11px;gap:8px}.result-number{font-size:80px}.result-hero h1{font-size:33px}.result-tabs{flex-wrap:wrap}.game-card{padding:18px;gap:10px}.game-card h3{font-size:23px}.game-card .button{padding:10px 14px;font-size:12px}.privacy h1{font-size:37px}dialog{padding:33px 24px}dialog h2{font-size:34px}dialog .button{width:100%}.waiting{padding:25px 0}.finish-box .button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

@media(min-width:561px) and (max-width:800px){.hero{grid-template-columns:1fr;text-align:center}.hero h1{font-size:58px}.hero p{margin-left:auto;margin-right:auto}.hero .button-row{justify-content:center}.hero-art{width:400px;max-width:100%;margin:10px auto 0}.art-caption{margin-top:-20px}}

.start-form select{width:100%;margin-bottom:18px}.start-form #partner-field{margin-top:16px}