:root{--navy-900:#0a2540;--navy-800:#0d2c4c;--ink:#0b1b2b;--slate:#55677b;--line:#e4eaf1;--bg:#ffffff;--bg-alt:#f4f8fd;--blue:#2563eb;--blue-ink:#1d4ed8;--peri:#8a8fe0;--good:#0f766e;--bad:#b42318;--radius:18px;--radius-sm:12px;--shadow-sm:0 1px 2px rgba(10,37,64,.06),0 2px 8px rgba(10,37,64,.05);--shadow-md:0 8px 24px rgba(10,37,64,.08),0 2px 6px rgba(10,37,64,.05);--container:1120px;--ease:cubic-bezier(.22,.61,.36,1)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased;background:var(--bg-alt);color:var(--ink);font-family:Inter,'Inter Fallback',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:16px;line-height:1.55}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}[hidden]{display:none!important}.page{flex:1 0 auto;display:flex;flex-direction:column;align-items:center;padding:56px 16px 64px;gap:18px;background:linear-gradient(180deg,var(--navy-900),var(--navy-800)) top/100% 200px no-repeat,var(--bg-alt)}.card{width:100%;max-width:400px;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:26px 26px 22px}.card.wide{max-width:560px}.card h1{margin:0 0 6px;font-size:1.5rem;font-weight:700;letter-spacing:-0.01em}.card h2{margin:0 0 10px;font-size:1.1rem;font-weight:600}.card h3{margin:18px 0 8px;font-size:.95rem;font-weight:600;color:var(--slate)}.card p{margin:0 0 16px;color:var(--slate)}.card p.fine{font-size:.85rem;margin:14px 0 0}.btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:46px;margin:0 0 10px;padding:10px 16px;border:1px solid #d5dde7;border-radius:999px;background:var(--bg);color:var(--ink);font:inherit;font-weight:500;cursor:pointer;text-decoration:none}.btn{font-weight:600;transition:transform .18s var(--ease),box-shadow .18s var(--ease),background .18s var(--ease),border-color .18s var(--ease)}.btn:hover{border-color:#b8c4d3;background:#fafcff;text-decoration:none}.btn:focus-visible,.link-btn:focus-visible,input:focus-visible{outline:3px solid rgba(37,99,235,.35);outline-offset:2px}.btn[disabled]{opacity:.55;cursor:default}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 8px 20px rgba(37,99,235,.28)}.btn.primary:hover{background:var(--blue-ink);border-color:var(--blue-ink);transform:translateY(-2px);box-shadow:0 12px 28px rgba(37,99,235,.34)}.btn.small{width:auto;min-height:36px;padding:6px 12px;margin:0;font-size:.9rem;display:inline-flex}.btn.danger{color:var(--bad)}.btn svg{width:20px;height:20px;flex:none}.link-btn{border:0;background:none;padding:2px 0;font:inherit;font-size:.9rem;color:var(--blue);cursor:pointer}.link-btn:hover{text-decoration:underline}.center{text-align:center}.note{border-radius:var(--radius-sm);padding:10px 12px;margin:0 0 14px;font-size:.92rem}.note.bad{background:#fef3f2;color:var(--bad)}.note.good{background:#f0fdfa;color:var(--good)}.note.info{background:var(--bg-alt);color:var(--slate)}label.field{display:block;font-weight:500;margin:0 0 6px}input[type=text]{width:100%;min-height:46px;padding:10px 12px;border:1px solid #c9d3df;border-radius:var(--radius-sm);font:inherit;color:var(--ink);margin:0 0 12px}.rows{list-style:none;margin:0 0 10px;padding:0}.rows li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--line)}.rows li:last-child{border-bottom:1px solid var(--line)}.rows .what{min-width:0;overflow-wrap:anywhere}.rows .what small{display:block;color:var(--slate);font-size:.82rem}.rows .acts{display:flex;gap:8px;flex:none}.rows .empty{color:var(--slate);font-size:.92rem;justify-content:flex-start}.status{display:inline-block;font-size:.85rem;font-weight:600;border-radius:999px;padding:3px 10px;margin:0 0 14px}.status.good{background:#ccfbf1;color:#115e59}.status.wait{background:#fef0c7;color:#93370d}.games{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:4px 0 0}.games a{display:block;border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px 14px;color:var(--ink);font-weight:600}.games a small{display:block;font-weight:400;color:var(--slate);font-size:.82rem}.games a:hover{border-color:#b8c4d3;text-decoration:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}label.btn{user-select:none}#photo-file:focus-visible + .btn,.btn:has(+ #photo-file:focus-visible){outline:3px solid rgba(37,99,235,.35);outline-offset:2px}.face{position:relative;flex:none;width:56px;height:56px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,#dbe7fb,#c7d7f3);color:var(--blue-ink);font-weight:700;font-size:1.4rem;border:1px solid var(--line)}.face img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.face.big{width:128px;height:128px;font-size:3rem}.face.has span{visibility:hidden}.face-row{display:flex;align-items:center;gap:18px;margin:6px 0 18px}.face-who{min-width:0;overflow-wrap:anywhere}.face-who b{display:block;font-size:1.25rem}.face-who small{display:block;color:var(--slate);font-size:.88rem}.face-acts{display:flex;gap:10px;flex-wrap:wrap}.face-acts .btn{width:auto;flex:1 1 180px}.crop{margin-top:8px;border-top:1px solid var(--line);padding-top:18px}.crop canvas{display:block;width:100%;max-width:360px;aspect-ratio:1;margin:0 auto 14px;border-radius:var(--radius-sm);touch-action:none;cursor:grab;background:var(--ink)}.crop canvas:active{cursor:grabbing}.crop canvas:focus-visible{outline:3px solid rgba(37,99,235,.45);outline-offset:3px}.zoom{font-size:.9rem;color:var(--slate)}input[type=range]{width:100%;margin:0 0 16px;accent-color:var(--blue)}.crop-acts{display:flex;gap:10px}.crop-acts .btn{flex:1}.me-head{display:flex;align-items:center;gap:14px;margin:0 0 6px}.me-head h1{margin:0}.me-head .face{width:64px;height:64px}.me-head small{display:block;color:var(--slate);font-size:.88rem}.profile-link{margin:0 0 16px}.back{font-size:.92rem}.back-to{margin:0 0 12px}.back a{color:var(--slate)}@media (max-width:480px){.page{padding-top:28px;background-size:100% 140px,auto}.card{padding:22px 18px 18px}.games{grid-template-columns:1fr}}.skip-link{position:absolute;left:-9999px;top:0;background:#fff;color:var(--ink);padding:10px 16px;z-index:100;border-radius:0 0 8px 0}.skip-link:focus{left:0}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 24px}.icon{width:1em;height:1em;flex:none;vertical-align:-0.125em;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid transparent;transition:border-color .2s,box-shadow .2s}.site-header.is-scrolled{border-color:var(--line);box-shadow:var(--shadow-sm)}.site-header .container{display:flex;align-items:center;justify-content:space-between;height:74px}.site-header a:hover{text-decoration:none}.brand{display:flex;align-items:center;gap:11px;font-weight:700;font-size:1.15rem;letter-spacing:-0.01em;color:var(--ink)}.brand img{height:32px;width:auto}.nav{display:flex;align-items:center;gap:26px}.nav a.nav-link{font-size:.95rem;font-weight:500;color:var(--slate);white-space:nowrap;position:relative;padding:6px 0;transition:color .18s}.nav a.nav-link::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--blue);border-radius:2px;transition:right .22s var(--ease)}.nav a.nav-link:hover{color:var(--ink)}.nav a.nav-link:hover::after,.nav a.nav-link[aria-current]::after{right:0}.nav a.nav-link[aria-current]{color:var(--ink)}.nav a.nav-account{display:inline-flex;align-items:center;gap:8px}.nav-account__name{max-width:12ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-account__photo{width:26px;height:26px;border-radius:50%;object-fit:cover;border:1px solid var(--line)}.nav-cta{display:inline-flex;align-items:center;gap:10px;margin-left:6px;font-weight:600;font-size:.98rem;padding:13px 24px;border-radius:999px;background:var(--blue);color:#fff;box-shadow:0 8px 20px rgba(37,99,235,.28);transition:transform .18s var(--ease),box-shadow .18s var(--ease),background .18s var(--ease)}.nav-cta:hover{background:var(--blue-ink);transform:translateY(-2px);box-shadow:0 12px 28px rgba(37,99,235,.34)}.nav-cta .icon{width:1.15em;height:1.15em;transition:transform .18s var(--ease)}.nav-cta:hover .icon{transform:translateX(3px)}.nav-toggle{display:none;background:none;border:0;color:var(--ink);font-size:1.4rem;line-height:1;cursor:pointer;padding:8px}.nav-toggle .icon{display:block;width:1.1em;height:1.1em}.nav-toggle .icon--close,.nav-toggle[aria-expanded="true"] .icon--menu{display:none}.nav-toggle[aria-expanded="true"] .icon--close{display:block}@media (max-width:1080px){.nav{position:fixed;inset:74px 0 auto 0;flex-direction:column;align-items:stretch;gap:0;background:#fff;border-bottom:1px solid var(--line);padding:8px 24px 20px;box-shadow:var(--shadow-md);transform:translateY(-140%);transition:transform .3s var(--ease);pointer-events:none}.nav.is-open{transform:translateY(0);pointer-events:auto}.nav a.nav-link{padding:14px 0;border-bottom:1px solid var(--line);font-size:1rem}.nav a.nav-link::after{display:none}.nav-cta{margin:16px 0 0;justify-content:center}.nav-toggle{display:block}}.site-footer{background:var(--navy-900);color:#9fb2c9;padding:64px 0 32px;font-size:.92rem;line-height:1.65}.site-footer .container{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1fr;gap:40px}@media (max-width:960px){.site-footer .container{grid-template-columns:1fr 1fr 1fr 1fr}.foot-about{grid-column:1/-1}}@media (max-width:760px){.site-footer .container{grid-template-columns:1fr 1fr}}@media (max-width:480px){.site-footer .container{grid-template-columns:1fr}}.site-footer p{margin:0}.site-footer a{color:inherit;transition:color .16s}.site-footer a:hover{color:#fff;text-decoration:none}.foot-about{max-width:340px}.site-footer .foot-mail{display:inline-flex;align-items:center;gap:9px;margin-top:18px;color:#fff;font-weight:500}.site-footer .foot-mail:hover{text-decoration:underline}.foot-mail .icon{width:1.1em;height:1.1em;color:var(--peri)}.site-footer .foot-col__title{color:#fff;font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px;font-weight:600}.foot-col a{display:block;padding:5px 0}.foot-bottom{max-width:var(--container);margin:40px auto 0;padding:22px 24px 0;border-top:1px solid rgba(255,255,255,.1);color:#7e93ac;font-size:.86rem}