:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17354a;background:#eef8f6;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{touch-action:manipulation}.screen{min-height:100vh;padding:22px}.center-screen{display:grid;place-items:center}.start-card{width:min(980px,100%);display:grid;grid-template-columns:1.05fr .95fr;background:#fff;border-radius:26px;overflow:hidden;box-shadow:0 22px 55px #17354a24}.start-image{width:100%;height:100%;min-height:510px;object-fit:cover}.start-body{padding:38px;display:flex;flex-direction:column;justify-content:center}.tag{color:#126d68;font-weight:800;font-size:.86rem;text-transform:uppercase;letter-spacing:.05em}h1{margin:9px 0 12px;font-size:clamp(2rem,4vw,3.1rem);line-height:1.02}.start-body>p{margin:0 0 20px;color:#60727d;line-height:1.5}.rules{display:grid;gap:7px;padding:15px;background:#f2faf8;border-radius:16px;margin-bottom:20px;font-size:.92rem}label{font-weight:800;margin-bottom:7px}input{width:100%;border:2px solid #cfe2df;border-radius:13px;padding:13px 14px;outline:none}input:focus{border-color:#168077;box-shadow:0 0 0 3px #1680771f}.main-button{border:0;border-radius:14px;padding:14px 18px;background:#126d68;color:#fff;font-weight:900;cursor:pointer;margin-top:12px}.main-button:disabled{opacity:.45;cursor:not-allowed}.main-button:hover:not(:disabled){background:#0e5d59}.link-button{border:0;background:transparent;color:#126d68;font-weight:800;cursor:pointer;padding:12px}.game-screen{min-height:100vh;padding-bottom:24px}.game-header{height:62px;padding:0 max(18px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #d9e8e5}.game-header strong{color:#126d68;font-size:1.2rem}.game-header span{max-width:45vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800}.status-row{width:min(1180px,calc(100% - 36px));margin:15px auto 9px;display:flex;gap:10px}.status-row>div{background:#fff;border:1px solid #d9e8e5;border-radius:13px;padding:9px 14px;min-width:105px;display:flex;flex-direction:column;align-items:center}.status-row>div:nth-child(2){color:#126d68}.status-row>div:last-child{margin-left:auto}.status-row small{color:#71828b;font-weight:800;text-transform:uppercase;font-size:.68rem}.status-row strong{font-size:1.1rem}.status-row .danger{background:#fff1f1;color:#b13f3f;border-color:#efc8c8}.progress{width:min(1180px,calc(100% - 36px));height:9px;margin:0 auto;background:#d7e8e4;border-radius:999px;overflow:hidden}.progress div{height:100%;background:#18a093;transition:width .25s ease}.game-card{width:min(1180px,calc(100% - 36px));margin:18px auto 0;display:grid;grid-template-columns:.95fr 1.05fr;background:#fff;border-radius:23px;overflow:hidden;box-shadow:0 18px 48px #17354a1f;min-height:560px}.picture-box{position:relative;min-height:560px;background:#dfeeea}.picture-box img{width:100%;height:100%;object-fit:cover;display:block}.picture-box>span{position:absolute;left:14px;bottom:14px;background:#ffffffed;padding:7px 11px;border-radius:999px;font-weight:900;color:#126d68}.question-box{padding:32px;display:flex;flex-direction:column;justify-content:center}.question-count{color:#126d68;font-size:.8rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.question-box h2{margin:8px 0 20px;font-size:clamp(1.45rem,2.2vw,2rem);line-height:1.2}.options{display:grid;gap:11px}.option{min-height:64px;width:100%;border:2px solid #d5e6e2;background:#fbfefd;color:#17354a;border-radius:15px;padding:11px 13px;display:flex;align-items:center;gap:12px;text-align:left;font-weight:800;cursor:pointer}.option:hover:not(:disabled){border-color:#76bcb4;background:#f0faf8}.option b{flex:0 0 36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#dff2ee;color:#126d68}.option.correct{border-color:#49a66f;background:#ebf8ef}.option.correct b{background:#33945e;color:#fff}.option.wrong{border-color:#dc7d7d;background:#fff0f0}.option.wrong b{background:#d85555;color:#fff}.feedback{margin-top:14px;padding:11px 13px;border-radius:12px;background:#edf6f4;color:#126d68;font-weight:900}.finish-card{width:min(650px,100%);background:#fff;border-radius:26px;padding:38px;text-align:center;box-shadow:0 22px 55px #17354a24}.finish-emoji{font-size:4rem}.finish-card h1{margin-bottom:4px}.finish-name{font-size:1.2rem;font-weight:800;color:#60727d}.big-score{margin:18px 0;font-size:4rem;line-height:1;font-weight:900;color:#126d68}.big-score small{font-size:.95rem;color:#71828b;text-transform:uppercase}.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:22px 0 10px}.summary div{padding:13px 8px;background:#f4faf8;border:1px solid #d9e8e5;border-radius:13px;display:grid;gap:3px}.summary strong{font-size:1.3rem}.summary span{color:#71828b;font-size:.76rem}.finish-card .main-button,.finish-card .link-button{width:100%}@media (max-width: 820px){.start-card,.game-card{grid-template-columns:1fr}.start-image{min-height:260px;max-height:330px}.start-body{padding:26px}.picture-box{min-height:260px;max-height:330px}.game-card{min-height:0}.question-box{padding:22px}}@media (max-width: 520px){.screen{padding:12px}.start-body,.finish-card{padding:22px 16px}.status-row{width:calc(100% - 20px)}.status-row>div{min-width:82px;padding:8px}.progress,.game-card{width:calc(100% - 20px)}.game-header{padding:0 12px}.question-box h2{font-size:1.3rem}.option{min-height:58px;padding:9px 10px}.summary{grid-template-columns:repeat(2,1fr)}}