@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800;900&display=swap";:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}*{box-sizing:border-box}button,input,textarea,select{font:inherit}button{border:0}.emotion-page{color:#202338;isolation:isolate;background:#f8f9fc;min-height:100vh;padding:52px 24px 70px;font-family:Nunito,sans-serif;position:relative;overflow:hidden}.emotion-page:before{content:"";z-index:-2;pointer-events:none;background-image:url(/assets/main-Ct7UhRRA.png);background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0}.emotion-page:after{content:"";z-index:-1;pointer-events:none;background:#ffffff14;position:fixed;inset:0}.game-shell{z-index:2;width:min(1280px,100%);margin:0 auto;position:relative}.game-header{text-align:center;max-width:760px;margin:0 auto 36px}.game-header__badge{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#70788c;background:#ffffffc2;border:1px solid #46517314;border-radius:999px;align-items:center;margin-bottom:14px;padding:8px 15px;font-size:14px;font-weight:800;display:inline-flex;box-shadow:0 8px 24px #2a344e0d,inset 0 1px #fffc}.game-header h1{letter-spacing:-.055em;margin:0;font-size:clamp(42px,6vw,76px);font-weight:900;line-height:.98}.game-header h1 span{color:#ff8b32}.game-header p{color:#747b91;max-width:640px;margin:20px auto 0;font-size:18px;font-weight:600;line-height:1.55}.progress{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffc7;border:1px solid #3c476412;border-radius:21px;max-width:700px;margin:0 auto 35px;padding:15px 18px;box-shadow:0 15px 40px #30385212,inset 0 1px #ffffffe6}.progress__top{color:#7b8294;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:14px;font-weight:800;display:flex}.progress__top strong{color:#34394d}.progress__track{background:#eceef5;border-radius:999px;height:10px;overflow:hidden}.progress__value{border-radius:inherit;background:linear-gradient(90deg,#ff9f3d,#ffcf50);height:100%;transition:width .4s}.faces-grid{grid-template-columns:repeat(5,1fr);gap:18px;display:grid}.emotion-card{cursor:pointer;background:#ffffffe6;border:2px solid #0000;border-radius:28px;flex-direction:column;min-width:0;min-height:300px;padding:13px 13px 14px;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s;display:flex;position:relative;box-shadow:0 18px 45px #36405b14,inset 0 1px #fff}.emotion-card:hover{transform:translateY(-5px);box-shadow:0 24px 55px #36405b1f,inset 0 1px #fff}.emotion-card__number{z-index:2;color:#8b91a1;background:#f1f3f8;border-radius:50%;justify-content:center;align-items:center;width:31px;height:31px;font-size:13px;font-weight:900;display:flex;position:absolute;top:13px;left:13px}.emotion-card__image-wrapper{background:radial-gradient(circle,#fff2dce6,#f9fafd00);border-radius:20px;justify-content:center;align-items:center;min-height:220px;display:flex;overflow:hidden}.emotion-card__image{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:215px;transition:transform .22s;display:block}.emotion-card:hover .emotion-card__image{transform:scale(1.035)}.emotion-card__answer{text-align:center;color:#848b9e;border:1px dashed #d9dce6;border-radius:15px;justify-content:center;align-items:center;min-height:48px;margin-top:8px;padding:10px 12px;font-size:15px;font-weight:800;transition:all .18s;display:flex}.emotion-card__placeholder{opacity:.7}.emotion-card__check{color:#fff;background:#2dc98f;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;margin-right:7px;font-size:14px;display:inline-flex}.emotion-card--matched{cursor:default;background:linear-gradient(#fffffff2,#e7fff6f0);border-color:#2dc98f66;box-shadow:0 20px 50px #2dc98f24,inset 0 1px #fff}.emotion-card--matched .emotion-card__answer{color:#1c8c67;background:#2dc98f14;border-style:solid;border-color:#2dc98f40}.emotion-card--wrong{border-color:#ff59688c;animation:.42s wrongShake}@keyframes wrongShake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.labels-section{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffc9;border:1px solid #434c6612;border-radius:30px;margin-top:26px;padding:25px;box-shadow:0 20px 55px #303a5614,inset 0 1px #fffffff2}.labels-section__heading{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:20px;display:flex}.labels-section__eyebrow,.success-card__eyebrow{text-transform:uppercase;letter-spacing:.1em;color:#ff9741;margin-bottom:3px;font-size:12px;font-weight:900;display:block}.labels-section__heading h2{letter-spacing:-.035em;margin:0;font-size:28px;font-weight:900}.emotion-labels{flex-wrap:wrap;gap:10px;display:flex}.emotion-label{color:#3d4257;cursor:grab;background:#fff;border:1px solid #e1e4ec;border-radius:16px;align-items:center;gap:9px;min-height:48px;padding:10px 17px;font-size:15px;font-weight:800;transition:transform .16s,border-color .16s,box-shadow .16s,background .16s;display:inline-flex;box-shadow:0 7px 18px #333d590f}.emotion-label:hover{border-color:#ffb05f;transform:translateY(-2px);box-shadow:0 10px 25px #ff9b4626}.emotion-label:active{cursor:grabbing}.emotion-label__dot{background:#ff9b42;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #ff9b4221}.emotion-label--selected{background:#fff8ef;border-color:#ff9b42;box-shadow:0 0 0 3px #ff9b421f,0 10px 25px #ff9b421f}.cancel-selection{color:#717789;cursor:pointer;background:#f1f2f6;border-radius:12px;padding:9px 13px;font-size:13px;font-weight:800}.selection-hint{color:#b26a23;background:#fff6e9;border-radius:13px;margin-top:15px;padding:12px 15px;font-size:14px;font-weight:800}.game-footer{justify-content:space-between;align-items:center;gap:20px;padding:20px 5px 0;display:flex}.game-footer p{color:#9096a8;margin:0;font-size:14px;font-weight:700}.reset-button{color:#686f82;cursor:pointer;background:0 0;border-radius:14px;padding:12px 16px;font-size:14px;font-weight:800}.success-card{background:linear-gradient(135deg,#f0fff8f7,#ffffffed);border:1px solid #27b98429;border-radius:30px;grid-template-columns:auto 1fr auto;align-items:center;gap:21px;margin-top:27px;padding:26px;display:grid;box-shadow:0 20px 55px #2dc98f1c}.success-card__icon{color:#fff;background:linear-gradient(135deg,#32cf99,#63deaf);border-radius:22px;justify-content:center;align-items:center;width:68px;height:68px;font-size:30px;display:flex;box-shadow:0 13px 28px #2dc98f3b}.success-card h2{letter-spacing:-.025em;margin:0 0 5px;font-size:26px;font-weight:900}.success-card p{color:#788092;margin:0;font-weight:600}.restart-button{color:#fff;cursor:pointer;background:#24283a;border-radius:15px;padding:14px 19px;font-weight:800;transition:transform .16s,box-shadow .16s}.restart-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #24283a2b}@media (width<=1100px){.faces-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=840px){.emotion-page{padding:35px 16px 50px}.faces-grid{grid-template-columns:repeat(3,1fr)}.game-header p{font-size:16px}}@media (width<=620px){.emotion-page{padding-inline:12px}.faces-grid{grid-template-columns:repeat(2,1fr);gap:10px}.emotion-card{border-radius:22px;min-height:230px;padding:9px}.emotion-card__image-wrapper{min-height:160px}.emotion-card__image{height:155px}.emotion-card__answer{min-height:44px;padding-inline:7px;font-size:13px}.emotion-card__placeholder{font-size:12px}.labels-section{border-radius:23px;padding:19px 14px}.labels-section__heading{flex-direction:column;align-items:flex-start}.emotion-labels{gap:8px}.emotion-label{flex:calc(50% - 8px);justify-content:center;min-width:0;padding-inline:10px}.game-footer{flex-direction:column;align-items:flex-start}.success-card{text-align:center;grid-template-columns:1fr}.success-card__icon{margin:0 auto}.restart-button{width:100%}}