:root{--paper:#f6efe4;--surface:#fffaf2;--ink:#302a24;--muted:#746b61;--line:#ded1bf;--mist:#eee5d8;--mint:#4f846a;--mint-soft:#deeee4;--coral:#c56550;--coral-soft:#f4dfd7;--gold:#b47b25;--gold-soft:#f3e7cb;--blue:#587b9d;--page-title-size:clamp(2.15rem,5vw,3.25rem);--page-header-gap:22px;--display:system-ui,-apple-system,"Segoe UI",sans-serif;--body:system-ui,-apple-system,"Segoe UI",sans-serif }*{box-sizing:border-box}html{color-scheme:light;background:var(--paper);touch-action:manipulation}body,app-root,a,button,input,select,textarea{touch-action:manipulation}body{margin:0;color:var(--ink);background-color:var(--paper);background-image:url(/fond.png);background-repeat:repeat;background-size:768px auto;background-attachment:fixed;font-family:var(--body);font-size:16px;line-height:1.4;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font-family:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(85,126,184,.3333333333);outline-offset:2px}.page{width:min(1120px,100% - 32px);margin:0 auto;padding:28px 0 48px}.page-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 var(--page-header-gap)}.page-heading h1{margin:4px 0 6px;font-size:var(--page-title-size);line-height:1.05;letter-spacing:-.035em}.page-heading p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.45}.page-heading-stacked{display:block}.eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:.68rem;font-weight:800}h1,h2,h3,p{margin-top:0}h1{font-size:var(--page-title-size);line-height:1.05;letter-spacing:-.035em;margin-bottom:12px}h2{font-size:clamp(1.35rem,3vw,2rem)}.subtitle{color:var(--muted);line-height:1.5}.pill{display:inline-flex;align-items:center;border-radius:7px;padding:6px 9px;font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;font-weight:800}.difficulty-EASY{background:var(--mint-soft);color:#256a50}.difficulty-MEDIUM{background:var(--gold-soft);color:#805b1d}.difficulty-HARD{background:var(--coral-soft);color:#943f32}.primary-button,.secondary-button{border:1px solid var(--ink);border-radius:8px;padding:11px 16px;font-weight:800;cursor:pointer}.primary-button{background:var(--ink);color:#fff}.secondary-button{background:var(--surface);color:var(--ink)}button:disabled{cursor:not-allowed;opacity:.45}.error{color:#963f32;background:var(--coral-soft);padding:9px 12px;border-radius:7px;font-size:.8rem}.loading{display:grid;place-items:center;min-height:180px;color:var(--muted)}.game-shell{width:min(1040px,100% - 28px);margin:0 auto;padding:20px 0 34px}.game-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.back{color:var(--muted);font-weight:700;font-size:.8rem}.game-title h1{font-size:clamp(1.8rem,5vw,3rem);margin:2px 0 3px}.game-title p{color:var(--muted);font-size:.86rem;margin-bottom:0}@media(max-width:680px){body{background-size:620px auto;background-attachment:scroll}.page{width:min(100% - 24px,1120px);padding:20px 0 28px}.page-heading{align-items:start;gap:14px;margin-bottom:18px}.page-heading p{font-size:.84rem}.game-shell{padding-top:14px}}.profile-page .account-panel{gap:24px}.profile-page .account-panel>section{box-shadow:0 5px 18px #473b2d0a}.profile-page .account-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0}.profile-page .account-summary article{display:flex;align-items:center;gap:13px;min-width:0;padding:16px;border:1px solid var(--line);border-radius:11px;background:var(--paper)}.profile-page .account-summary article>span{width:36px;height:36px;display:grid;flex:0 0 auto;place-items:center;border-radius:9px;background:var(--surface);color:var(--coral);font-weight:900}.profile-page .account-summary article div{display:grid;min-width:0;gap:3px}.profile-page .account-summary small{color:var(--muted);font-size:.64rem}.profile-page .account-summary strong{overflow:hidden;font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}.profile-page .account-edit{padding-top:22px;border-top:1px solid var(--line)}.profile-page .subsection-heading{margin-bottom:17px}.profile-page .subsection-heading h3{margin:0 0 4px;font-size:1rem}.profile-page .subsection-heading p{margin:0;color:var(--muted);font-size:.7rem}.profile-page .username-form{display:grid;grid-template-columns:minmax(0,390px) auto;align-items:end;gap:12px 14px;margin-top:0}.profile-page .username-form>small,.profile-page .username-form>.error,.profile-page .username-form>.success{grid-column:1/-1;margin:0}.profile-page .username-form .primary-button{margin-bottom:0}.profile-page .password-card{padding:26px 24px}.profile-page .password-card .card-heading{margin-bottom:24px}.profile-page .password-form{display:grid;gap:18px;margin-top:0}.profile-page .password-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.profile-page .password-form label{min-width:0}.profile-page .password-form input{width:100%}.profile-page .password-form>.error,.profile-page .password-form>.success{margin:0}.profile-page .password-form>.primary-button{width:fit-content}.profile-page .provider-notice{display:flex;align-items:center;gap:14px;padding:17px;border:1px solid var(--line);border-radius:10px;background:var(--paper)}.profile-page .provider-notice span{width:38px;height:38px;display:grid;flex:0 0 auto;place-items:center;border-radius:50%;background:#fff;font-weight:900}.profile-page .provider-notice p{margin:0;color:var(--muted);font-size:.74rem}.profile-page .account-card{padding:22px 24px}.profile-page .danger-card{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:24px;border-color:#dfb8ae;background:#fff7f3}.profile-page .danger-card h2{margin:5px 0 7px;font-size:1.05rem}.profile-page .danger-card>div>p{max-width:470px;margin:0;color:var(--muted);font-size:.72rem;line-height:1.5}.profile-page .danger-button{flex:0 0 auto;border:1px solid #963f32;border-radius:8px;padding:11px 15px;background:#963f32;color:#fff;font-weight:900;cursor:pointer}.profile-page .danger-confirmation{width:100%}.profile-page .danger-confirmation>p{margin:17px 0 20px;color:var(--muted);font-size:.76rem}.profile-page .danger-confirmation label+label{margin-top:15px}.profile-page .danger-confirmation input{width:min(420px,100%)}.profile-page .danger-confirmation .error{width:fit-content;margin:16px 0 0}.profile-page .danger-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}@media(max-width:620px){.profile-page .account-panel{gap:18px}.profile-page .account-summary,.profile-page .username-form{grid-template-columns:1fr}.profile-page .username-form .primary-button{width:100%}.profile-page .password-row{grid-template-columns:1fr}.profile-page .password-form>.primary-button{width:100%}.profile-page .danger-card{align-items:stretch;flex-direction:column;padding:20px 16px}.profile-page .danger-card>.danger-button{width:100%}.profile-page .danger-actions{display:grid;grid-template-columns:1fr}.profile-page .danger-actions button{width:100%}}