.records-page,.my-records,.record-publish-dialog,.record-result-dialog{color:#10345a;font-family:var(--font-golos),"Golos Text",Arial,sans-serif}.records-page{max-width:1200px;margin:0 auto;padding:34px 28px 70px}.record-back,.record-text-link{color:#175b99;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;font-size:14px;font-weight:650;text-decoration:none;display:inline-flex}.record-back:hover,.record-text-link:hover{text-decoration:underline}.record-eyebrow{color:#548199;letter-spacing:.12em;font-size:11px;font-weight:750;display:block}.records-hero{grid-template-columns:minmax(0,1.45fr) minmax(220px,.75fr);align-items:center;gap:30px;margin:42px 0 50px;display:grid}.records-hero h1{font-size:5vw;letter-spacing:-.055em;margin:15px 0 22px;font-size:max(38px,min(5vw,65px));font-weight:800;line-height:1.07}.records-hero h1 em{color:#1673d2;font-style:normal}.records-hero p{color:#52728d;max-width:600px;margin:0 0 27px;font-size:17px;line-height:1.65}.record-button{color:#10345a;cursor:pointer;background:#ffdc3c;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:12px 19px;font-family:inherit;font-size:14px;font-weight:750;line-height:1.25;text-decoration:none;transition:transform .18s,background .18s;display:inline-flex;box-shadow:0 3px #e6be27}.record-button:hover{background:#ffe66f;transform:translateY(-1px)}.record-button:active{transform:translateY(1px)}.record-button.secondary{box-shadow:none;background:#f1f8fc;border-color:#d9e9f0}.record-button.danger{color:brown;box-shadow:none;background:#fff0eb;border-color:#ffcfc1}.record-button:disabled,.record-text-link:disabled{opacity:.55;cursor:default;transform:none}.record-button:focus-visible{outline-offset:4px;outline:3px solid #1673d2}.record-text-link:focus-visible{outline-offset:4px;outline:3px solid #1673d2}.records-duration button:focus-visible{outline-offset:4px;outline:3px solid #1673d2}.records-hero-art{background:radial-gradient(#d9f6f8 0,#0000 68%);place-items:center;min-height:295px;display:grid;position:relative}.records-trophy{color:#164a7b;background:linear-gradient(145deg,#fff1a0,#ffd12d);border:8px solid #fff8d6;border-radius:40px;place-items:center;width:190px;height:190px;display:grid;transform:rotate(-8deg);box-shadow:0 12px #e9bd25,0 25px 30px #38748416}.records-trophy svg{width:110px;height:110px}.records-art-label{color:#537896;background:#fffdf5;border-radius:16px;padding:15px 23px;font-size:13px;line-height:1.4;position:absolute;bottom:25px;right:3%;transform:rotate(7deg);box-shadow:0 7px #bddde780}.records-art-label b{color:#10345a;font-size:17px}.records-hero-art>img{width:68px;position:absolute;top:12px;right:3%}.records-board{background:#fff;border:1px solid #e2edf2;border-radius:28px;padding:30px;box-shadow:0 10px 28px #16466f05}.records-board-heading,.record-section-heading{justify-content:space-between;align-items:center;gap:24px;display:flex}.records-board-heading h2,.record-section-heading h2{letter-spacing:-.035em;margin:8px 0;font-size:27px}.records-board-heading p,.record-section-heading p{color:#608197;margin:0;font-size:14px;line-height:1.5}.records-filters{border-top:1px solid #e9f1f5;border-bottom:1px solid #e9f1f5;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin:25px 0;padding:17px 0;display:flex}.records-duration{gap:7px;display:flex}.records-duration button{color:#436781;cursor:pointer;background:#fff;border:1px solid #dceaf1;border-radius:11px;align-items:center;gap:6px;min-height:42px;padding:9px 13px;font-size:13px;font-weight:650;display:flex}.records-duration button[aria-pressed=true]{color:#fff;background:#10345a;border-color:#10345a}.records-filters label{color:#628196;align-items:center;gap:9px;font-size:13px;display:flex}.records-filters select{color:#10345a;background:#fff;border:1px solid #dceaf1;border-radius:11px;min-height:42px;padding:8px}.public-record-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.public-record-row{background:#f5fafc;border:1px solid #ecf3f6;border-radius:17px;grid-template-columns:35px 72px minmax(0,1fr) 110px 120px;align-items:center;gap:14px;min-height:100px;padding:9px 18px;display:grid}.public-record-row.first{background:#fff8d8;border-color:#f9eaa5}.record-rank{color:#6f8c9d;text-align:center;font-size:20px;font-weight:750}.record-rank svg{color:#aa7e00;margin:auto;display:block}.record-avatar{flex:none;width:72px;height:80px;display:block;overflow:visible}.record-avatar svg{width:100%;height:100%;display:block;overflow:visible}.public-record-name{min-width:0}.public-record-name>b{overflow-wrap:anywhere;font-size:17px}.public-record-name>span{color:#648296;align-items:center;gap:4px;margin-top:7px;font-size:11px;display:flex}.public-record-correct{color:#648296;font-size:12px;line-height:1.5}.public-record-row>strong{letter-spacing:-.035em;text-align:right;font-size:26px}.public-record-row strong small,.my-record-main>strong small{color:#618297;letter-spacing:0;margin-top:3px;font-size:11px;font-weight:500;display:block}.records-fair-note{color:#6e8898;align-items:flex-start;gap:7px;margin:23px 0 0;font-size:12px;line-height:1.5;display:flex}.records-fair-note svg{flex-shrink:0}.records-explainer{grid-template-columns:repeat(3,1fr);gap:26px;padding:40px 10px;display:grid}.records-explainer>div>span{color:#1673d2;background:#e1f3fa;border-radius:9px;padding:7px 10px;font-size:12px;font-weight:750}.records-explainer h3{letter-spacing:-.02em;margin:19px 0 10px;font-size:17px}.records-explainer p{color:#608197;margin:0;font-size:13px;line-height:1.6}.records-privacy{color:#6b879a;border-top:1px solid #dfeaf0;padding-top:22px;font-size:11px;line-height:1.7}.records-privacy a,.record-check a{color:#1769ab;text-decoration:underline}.record-empty{text-align:center;padding:40px 20px}.record-empty>svg{color:#d3a000;background:#fff7ce;border-radius:23px;width:75px;height:75px;padding:18px}.record-empty h3{letter-spacing:-.035em;margin:19px 0 12px;font-size:23px}.record-empty p{color:#608197;max-width:490px;margin:0 auto 24px;font-size:14px;line-height:1.65}.record-loading{text-align:center;color:#608197;padding:35px;font-size:14px}.record-error{color:#943e2a;background:#fff0eb;border:1px solid #f8d4c8;border-radius:12px;padding:12px 16px;font-size:13px;line-height:1.5}.record-error button{cursor:pointer;background:0 0;border:0;margin-left:12px;text-decoration:underline}.my-record-list{gap:17px;margin-top:24px;display:grid}.my-record-card{background:#fff;border:1px solid #dceaf1;border-radius:21px;padding:20px}.my-record-main{align-items:center;gap:16px;display:flex}.my-record-main>div{flex:1;min-width:0}.my-record-main h3{overflow-wrap:anywhere;margin:6px 0;font-size:20px}.my-record-main>div>span:last-child{color:#608197;font-size:12px}.my-record-main>strong{text-align:right;letter-spacing:-.035em;font-size:30px}.my-record-status{border-top:1px solid #edf3f7;justify-content:space-between;gap:14px;margin-top:16px;padding-top:14px;display:flex}.my-record-status>span{color:#608197;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.my-record-status b{color:#876600;background:#fff4bb;border-radius:6px;margin-left:5px;padding:4px 7px;font-size:10px}.my-record-status>small{color:#608197;font-size:11px}.my-record-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:17px;display:flex}.record-delete-confirm{background:#fff6f0;border-radius:12px;margin-top:17px;padding:14px}.record-delete-confirm p{margin:0 0 13px;font-size:13px;line-height:1.5}.record-delete-confirm button{margin-right:10px}.record-publish-dialog,.record-result-dialog{max-height:calc(100vh - 32px);overscroll-behavior:contain;max-height:calc(100dvh - 32px);overflow-y:auto;background:#fffdf5!important;border:1px solid #dceaf1!important;border-radius:24px!important;max-width:550px!important;padding:27px!important;box-shadow:0 25px 80px #10345a26!important}.record-publish-dialog h2,.record-result-dialog h2{letter-spacing:-.035em;color:#10345a!important;font-family:inherit!important;font-size:27px!important}.record-publish-dialog [data-slot=dialog-description],.record-result-dialog [data-slot=dialog-description]{font-size:13px;line-height:1.6;color:#608197!important}.record-preview{background:#eaf7fc;border-radius:17px;align-items:center;gap:19px;margin:18px 0;padding:14px 20px;display:flex}.record-preview .record-avatar{width:82px;height:96px}.record-preview>div{gap:5px;display:grid}.record-preview b{overflow-wrap:anywhere;font-size:16px}.record-preview strong{letter-spacing:-.04em;font-size:31px;line-height:1.2}.record-preview strong small{letter-spacing:0;font-size:13px;font-weight:500}.record-preview span{color:#608197;font-size:11px}.record-field{gap:7px;margin:17px 0;font-size:13px;font-weight:650;display:grid}.record-field input{box-sizing:border-box;color:#10345a;width:100%;min-height:44px;font:inherit;background:#fff;border:1px solid #cbdee8;border-radius:11px;padding:11px 12px;font-weight:400}.record-field input:focus{outline-offset:2px;outline:2px solid #1673d2}.record-field small{color:#708999;align-items:flex-start;gap:4px;font-size:10px;font-weight:400;line-height:1.5;display:flex}.record-field small svg{flex-shrink:0}.record-check{color:#42627c;align-items:flex-start;gap:9px;margin:14px 0;font-size:12px;line-height:1.55;display:flex}.record-check input{accent-color:#1673d2;border-radius:4px;min-width:18px;min-height:18px;margin:1px 0 0;padding:0;-webkit-appearance:checkbox!important;appearance:checkbox!important;width:18px!important;height:18px!important}.record-selfie{background:#edf7fa;border:1px solid #dceaf1;border-radius:12px;padding:0 12px}.record-form-actions{justify-content:space-between;gap:10px;margin-top:23px;display:flex}.record-private-note,.record-success{color:#317659;align-items:center;gap:6px;font-size:13px;display:flex}.record-result-dialog p{color:#5f7a8d;font-size:13px;line-height:1.6}.record-result-dialog>.record-button,.record-result-dialog>.record-text-link{margin-bottom:5px}.game-record-offer{justify-content:center;align-items:center;max-width:100%;margin:8px auto;display:flex}.game-record-trigger{color:#164875;cursor:pointer;background:#fffdf5;border:1px solid #fffa;border-radius:14px;justify-content:center;align-items:center;gap:8px;max-width:100%;min-height:40px;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:700;line-height:1.2;display:inline-flex}.game-record-trigger svg{flex:none}.game-record-trigger:hover{background:#fff5c6}.game-record-trigger:focus-visible{outline-offset:3px;outline:3px solid #164875}@media (max-width:700px){.records-page{padding:24px 17px 45px}.records-hero{grid-template-columns:1fr;gap:10px;margin:30px 0 35px}.records-hero h1{font-size:43px}.records-hero p{font-size:15px}.records-hero-art{display:none}.records-board{border-radius:21px;padding:20px 14px}.records-board-heading,.record-section-heading{flex-direction:column;align-items:flex-start;gap:13px}.records-board-heading h2,.record-section-heading h2{font-size:24px}.records-board-heading p,.record-section-heading p{font-size:12px}.records-filters{flex-direction:column;align-items:flex-start;gap:14px}.records-duration{width:100%}.records-duration button{flex:1;justify-content:center;padding:9px 7px;font-size:12px}.records-filters label{justify-content:space-between;width:100%}.public-record-row{grid-template-columns:24px 50px minmax(0,1fr) 75px;gap:8px;min-height:88px;padding:10px 9px}.public-record-row>.record-avatar{width:50px;height:65px}.public-record-correct{display:none}.public-record-name>b{font-size:14px}.public-record-name>span{flex-wrap:wrap;font-size:10px;line-height:1.4}.public-record-row>strong{font-size:21px}.record-rank{font-size:16px}.record-rank svg{width:20px}.records-explainer{grid-template-columns:1fr;gap:25px;padding:34px 5px}.records-explainer h3{margin:13px 0 8px}.record-empty{padding:30px 9px}.record-empty h3{font-size:22px}.record-empty p{font-size:13px}.my-record-card{padding:15px}.my-record-main{gap:9px}.my-record-main>.record-avatar{width:52px;height:68px}.my-record-main h3{font-size:17px}.my-record-main>strong{font-size:24px}.my-record-main>div>span:last-child{font-size:10px;line-height:1.5;display:block}.my-record-status{flex-wrap:wrap;gap:8px}.my-record-actions{align-items:flex-start}.my-record-actions .record-button{padding:11px 12px;font-size:12px}.my-record-actions .record-text-link{min-height:40px;font-size:12px}.record-publish-dialog,.record-result-dialog{max-width:calc(100vw - 24px)!important;padding:24px 19px!important}.record-form-actions{flex-direction:column-reverse}.record-form-actions button{width:100%}.record-check{font-size:11px}.game-record-trigger{min-height:38px;padding:8px 12px;font-size:12px}}@media (prefers-reduced-motion:reduce){.record-button{transition:none!important;transform:none!important}}.public-record-row.example{grid-template-columns:35px 72px minmax(0,1fr) 120px}.records-example-invite{color:#52788b;justify-content:space-between;align-items:center;gap:18px;padding:22px 4px 0;font-size:13px;line-height:1.5;display:flex}.records-example-invite b{color:#10345a;display:block}.records-example-invite .record-button{flex-shrink:0}.game-record-trigger>span{text-align:left;gap:4px;min-width:0;display:grid}.game-record-trigger b{font-size:inherit;font-weight:750}.game-record-trigger small{color:#436981;font-size:11px;font-weight:550;line-height:1.25}.game-record-trigger[data-achievement=true]{background:#fff3b5;border-color:#ffdf4a;box-shadow:0 3px #1a70821c}.game-record-trigger[data-achievement=true]>svg:first-child{color:#a87700}.record-result-dialog .record-achievement-detail{color:#255775;margin:5px 0 0;font-weight:650}@media (max-width:700px){.public-record-row.example{grid-template-columns:22px 46px minmax(0,1fr) 64px;gap:7px}.public-record-row.example>.record-avatar{width:46px;height:64px}.public-record-row.example>strong{font-size:19px}.records-example-invite{flex-direction:column;align-items:flex-start}.game-record-trigger{gap:7px;padding:7px 11px}.game-record-trigger small{font-size:10px}}.public-record-list+.record-examples{border-top:1px solid #e2edf2;margin-top:25px;padding-top:22px}.qj-finish-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;max-width:100%;display:flex}.qj-finish-actions .game-record-offer{margin:0}.qj-screen[data-phase=finished]:has(.game-record-offer) .qj-content{gap:10px}.qj-screen[data-phase=finished]:has(.game-record-offer) .qj-winners:not([data-many=true]) .avatar-rig{height:260px;width:160px;height:min(26dvh,260px);width:min(16dvh,160px)}.qj-screen[data-phase=finished]:has(.game-record-offer) .qj-winner-crystal{width:110px;height:40px;margin-bottom:8px}.qj-screen[data-phase=finished]:has(.game-record-offer) .qj-winners h2{overflow-wrap:anywhere;font-size:24px}@media (max-width:700px) and (orientation:portrait){.qj-finish-actions{flex-direction:column;gap:9px;width:100%}.qj-finish-actions .game-record-offer{width:100%}.qj-screen .qj-finish-actions .game-record-trigger{min-height:48px;font-size:12px}.qj-screen[data-phase=finished]:has(.game-record-offer) .qj-winners{gap:8px;max-width:100%}.qj-screen[data-phase=finished]:has(.game-record-offer) .qj-winners>div{flex:1;min-width:0;max-width:210px}.qj-screen[data-phase=finished]:has(.game-record-offer) .qj-winners h2{font-size:21px}}@media (max-width:700px) and (max-height:650px) and (orientation:portrait){.qj-screen[data-phase=finished]:has(.game-record-offer) .qj-heading h1{font-size:25px}.qj-screen[data-phase=finished]:has(.game-record-offer) .qj-heading>p{margin-bottom:5px}.qj-screen[data-phase=finished]:has(.game-record-offer) .qj-content{gap:7px}.qj-screen[data-phase=finished]:has(.game-record-offer) .qj-winners:not([data-many=true]) .avatar-rig{height:18vh;width:12vh;height:18dvh;width:12dvh}.qj-screen[data-phase=finished]:has(.game-record-offer) .qj-winner-crystal{width:80px;height:25px;margin-bottom:4px}.qj-screen[data-phase=finished]:has(.game-record-offer) .qj-winners h2{font-size:18px}.qj-screen .qj-finish-actions>.qj-primary{min-height:42px;padding:10px 16px;font-size:13px}}@media (max-height:500px) and (orientation:landscape){.qj-screen[data-phase=finished]:has(.game-record-offer) .qj-content{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 22px;display:grid}.qj-screen[data-phase=finished]:has(.game-record-offer) .qj-heading{grid-area:1/2}.qj-screen[data-phase=finished]:has(.game-record-offer) .qj-heading h1{font-size:25px}.qj-screen[data-phase=finished]:has(.game-record-offer) .qj-heading>p{margin-bottom:5px;font-size:9px}.qj-screen[data-phase=finished]:has(.game-record-offer) .qj-winners{grid-area:1/1/3;gap:6px}.qj-screen[data-phase=finished]:has(.game-record-offer) .qj-winners:not([data-many=true]) .avatar-rig{height:28vh;width:18vh;height:28dvh;width:18dvh}.qj-screen[data-phase=finished]:has(.game-record-offer) .qj-winner-crystal{width:80px;height:25px;margin-bottom:4px}.qj-screen[data-phase=finished]:has(.game-record-offer) .qj-winners h2{font-size:18px}.qj-screen[data-phase=finished]:has(.game-record-offer) .qj-finish-actions{flex-direction:column;grid-area:2/2;gap:8px}.qj-screen .qj-finish-actions>.qj-primary{min-height:40px;padding:9px 14px;font-size:12px}.qj-screen .qj-finish-actions .game-record-trigger{min-height:46px;padding:7px 9px;font-size:11px}}.records-example-caption{color:#52728d;margin:0 0 16px;font-size:13px;line-height:1.55}.records-pagination{border-top:1px solid #e2edf2;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-top:25px;padding-top:20px;display:flex}.records-pagination>span{color:#52728d;font-size:13px;line-height:1.5}@media (max-width:700px){.records-pagination{flex-direction:column;align-items:flex-start}.records-example-caption{font-size:12px}}
