/* ShortcutGames Community 1.7 · hand-drawn, colorful UI
   Pure CSS artwork. No external imagery, no scripts, no change to game logic. */
body.sg-community:is(.paint-dashboard,.paint-create,.paint-discover,.paint-game){
 --paint-ink:#243043;--paint-blue:#a9e6ff;--paint-sky:#c8f0ff;
 --paint-grass:#9ae174;--paint-yellow:#ffe28b;--paint-peach:#ffd2b6;
 --paint-lilac:#d9c8ff;--paint-pink:#ffc7db;--paint-mint:#c6f2d6;
 --paint-outline:#3b4152;--paint-shadow:3px 4px 0 #29334617;
 background:#fffdf7;color:var(--paint-ink);
}
body.sg-community:is(.paint-dashboard,.paint-create,.paint-discover,.paint-game) .community-main h1,
body.sg-community:is(.paint-dashboard,.paint-create,.paint-discover,.paint-game) .community-main h2,
body.sg-community:is(.paint-dashboard,.paint-create,.paint-discover,.paint-game) .community-main h3{color:#243043;letter-spacing:-.045em}
body.sg-community:is(.paint-dashboard,.paint-create,.paint-discover,.paint-game) .eyebrow{color:#394f71;font-size:10px;letter-spacing:.07em}
body.sg-community:is(.paint-dashboard,.paint-create,.paint-discover,.paint-game) .subtle{color:#5e687a!important}
body.sg-community:is(.paint-dashboard,.paint-create,.paint-discover,.paint-game) .panel{border:2px solid #e0dfd9;border-radius:18px;box-shadow:var(--paint-shadow)}
body.sg-community:is(.paint-dashboard,.paint-create,.paint-discover,.paint-game) .btn{border-radius:11px;font-weight:800;transition:transform .16s ease,box-shadow .16s ease}
body.sg-community:is(.paint-dashboard,.paint-create,.paint-discover,.paint-game) .btn:hover{transform:translateY(-2px)}
body.sg-community:is(.paint-dashboard,.paint-create,.paint-discover,.paint-game) .btn-black{background:#ffce55;border:2px solid var(--paint-outline);color:#252a37!important;box-shadow:3px 3px 0 #394153}
body.sg-community:is(.paint-dashboard,.paint-create,.paint-discover,.paint-game) .btn-black:hover{background:#ffe17c}
body.sg-community:is(.paint-dashboard,.paint-create,.paint-discover,.paint-game) .btn-outline{background:#fff;border:2px solid #b8c5d1;color:#243043!important}
body.sg-community:is(.paint-dashboard,.paint-create,.paint-discover,.paint-game) .btn-outline:hover{background:#f1faff}
body.sg-community:is(.paint-dashboard,.paint-create,.paint-discover,.paint-game) :is(button,input,textarea,select,a):focus-visible{outline:3px solid #227ac9;outline-offset:3px}
body.sg-community:is(.paint-dashboard,.paint-create,.paint-discover,.paint-game) .community-mini-link{border:1.5px solid #d8dfe6;border-radius:10px}
body.sg-community:is(.paint-dashboard,.paint-create,.paint-discover,.paint-game) .community-topbar{border-bottom-color:#e7e3db}
/* Reusable Paint landscape: simple CSS shapes, thick edges, no AI illustrations */
.paint-landscape{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.paint-landscape .paint-cloud{position:absolute;display:block;width:78px;height:27px;background:#fff;border:2px solid #47677c;border-radius:25px;box-shadow:2px 3px 0 #24304314}
.paint-landscape .paint-cloud:before,.paint-landscape .paint-cloud:after{content:"";position:absolute;background:#fff;border:2px solid #47677c;border-bottom:0;border-radius:50% 50% 0 0}
.paint-landscape .paint-cloud:before{width:33px;height:30px;left:13px;top:-21px}.paint-landscape .paint-cloud:after{width:27px;height:22px;left:39px;top:-15px}
.paint-landscape .cloud-one{right:22%;top:27px;transform:rotate(-4deg)}
.paint-landscape .cloud-two{right:5%;top:70px;transform:scale(.7) rotate(5deg)}
.paint-landscape .paint-hill{position:absolute;display:block;bottom:-76px;width:260px;height:158px;background:#a4e88d;border:3px solid #3c8150;border-radius:52% 48% 0 0;transform:rotate(-8deg)}
.paint-landscape .hill-one{right:11%}.paint-landscape .hill-two{right:-70px;bottom:-98px;background:#6fd17b;transform:rotate(11deg)}
.paint-landscape .paint-platform{position:absolute;right:10%;bottom:10px;width:102px;height:27px;background:#e8a86d;border:3px solid #8b603e;border-top:9px solid #4dcf66;border-radius:5px 5px 9px 9px;transform:rotate(-3deg);box-shadow:5px 6px 0 #2e5b3b20}
/* DASHBOARD: short playful header, real profile picture remains */
.paint-dashboard .paint-dashboard-hero{position:relative;isolation:isolate;overflow:hidden;min-height:164px;padding:26px 30px;border:2px solid #6399ba;border-radius:20px;background:#bceaff;margin:14px 0 17px;box-shadow:4px 5px 0 #344b5720}
.paint-dashboard .paint-dashboard-hero>*:not(.paint-landscape){position:relative;z-index:1}
.paint-dashboard .paint-dashboard-hero .paint-landscape{opacity:.95}
.paint-dashboard .paint-dashboard-hero .profile-heading{max-width:75%}
.paint-dashboard .paint-dashboard-hero h1{font-size:clamp(27px,3vw,40px);text-shadow:2px 2px 0 #fff9}
.paint-dashboard .paint-dashboard-hero p{color:#3d5367;font-size:13px;font-weight:650}
.paint-dashboard .paint-dashboard-hero .creator-avatar.dash-large{border:3px solid #fff;box-shadow:3px 4px 0 #3c5061;border-radius:21px;background:#ffc976;color:#293346}
.paint-dashboard .dashboard-metrics{border:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:11px;padding:0;background:transparent;box-shadow:none}
.paint-dashboard .dashboard-metrics>span{display:flex;align-items:center;gap:7px;min-height:72px;padding:12px 17px;border:2px solid #c1d9d0;border-radius:14px;background:#d7f7dc;font-weight:800;color:#3e5e4c}
.paint-dashboard .dashboard-metrics>span:nth-child(2){background:#d8eeff;border-color:#bfd7f2;color:#335b80}
.paint-dashboard .dashboard-metrics>span:nth-child(3){background:#ffe2e9;border-color:#efc6d5;color:#8b3c5c}
.paint-dashboard .dashboard-metrics b{font-size:24px;color:#263348}
.paint-dashboard .dashboard-metrics>a{background:#fff;border:2px solid #dfe1e4;padding:14px;border-radius:13px;text-align:center;margin:0}
.paint-dashboard .dashboard-primary{background:#fffefa}
.paint-dashboard .profile-settings{background:#fff8e7;border-color:#e7d6b6!important}
.paint-dashboard .profile-settings h2{font-size:23px}
.paint-dashboard .avatar-settings{border-top:2px dashed #e7d8b9}
.paint-dashboard .creator-avatar.profile-large{border:3px solid #fff;box-shadow:2px 3px 0 #45566b33;background:#d4bbf6;color:#293346}
.paint-dashboard .dashboard-game{border-top:2px dashed #e9e5db;gap:14px}
.paint-dashboard .dash-thumb{width:88px;height:88px;flex-basis:88px;border:2px solid #e1d6bc;border-radius:16px;background:#f5e4bd}
.paint-dashboard .dashboard-game .dash-details h3{font-size:15px}
.paint-dashboard .state-live{background:#c7f2d2;color:#23583a}.paint-dashboard .state-hidden{background:#ffebc7;color:#805b21}
.paint-dashboard .dashboard-empty{background:#fff6d9;border:2px dashed #e8bd74;border-radius:15px;padding:48px 16px}
/* CREATE: real 3-step studio, no magic symbols or AI-themed decorations */
.paint-create .paint-create-hero{max-width:none;position:relative;isolation:isolate;overflow:hidden;margin:13px 0 17px;min-height:180px;padding:28px 34px;border-radius:20px;border:2px solid #67a1bf;background:#bceaff;box-shadow:4px 5px 0 #344b5720}
.paint-create .paint-create-hero>*:not(.paint-landscape){position:relative;z-index:1}
.paint-create .paint-create-hero h1{font-size:clamp(31px,3.7vw,49px);max-width:70%;text-shadow:2px 2px 0 #fff9}
.paint-create .paint-create-hero p{color:#37556c;font-weight:650;max-width:68%;font-size:13px;margin-top:9px}
.paint-create .studio-step-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px!important;margin:0 0 25px!important}
.paint-create .studio-step-nav a{border:2px solid #d9d5c9;background:#fffdf5;border-radius:14px;padding:13px 14px;min-height:65px;color:#283344!important}
.paint-create .studio-step-nav a:nth-child(2){background:#e9f2ff;border-color:#c5d9f2}.paint-create .studio-step-nav a:nth-child(3){background:#e4f8e8;border-color:#b9e6c5}
.paint-create .studio-step-nav b{background:#ffcd61;color:#273043!important;border:2px solid #3d4856;border-radius:10px;width:33px;height:33px;flex-basis:33px}
.paint-create .studio-step-nav a:nth-child(2) b{background:#a7d8ff}.paint-create .studio-step-nav a:nth-child(3) b{background:#a9e9b3}
.paint-create .studio-section{margin-bottom:27px;padding:23px;border:2px solid #e3dfd4;background:#fff;border-radius:18px;box-shadow:var(--paint-shadow)}
.paint-create #describe{background:#fff9e9;border-color:#efdfb5}.paint-create #choose-ai{background:#f0f7ff;border-color:#d4e4f7}.paint-create #bring-code{background:#f1fff2;border-color:#ccebd0}
.paint-create .studio-section .section-top h2{font-size:clamp(21px,2.1vw,28px)}
.paint-create .studio-prompt-first{background:#fff;border:2px solid #eadfc6;border-radius:14px;box-shadow:none}
.paint-create .studio-prompt-first textarea{background:#fffef9;border:2px solid #d8d3c6;border-radius:10px;font-size:13px;min-height:180px}
.paint-create .ai-grid{gap:10px}.paint-create .ai-choice{border:2px solid #c6d9ec;border-radius:13px;background:#fff;min-height:66px;padding:14px;box-shadow:2px 3px 0 #6d8aaa1c}
.paint-create .ai-choice:hover{border-color:#6098d5;background:#f9fdff}
.paint-create .ai-symbol{display:none} /* service name is enough, no generic glyphs */
.paint-create .ai-provider strong{font-size:13px}.paint-create .ai-provider small{font-size:10px}
.paint-create .ai-arrow{font-size:15px;color:#5779a2}
.paint-create .studio-editor,.paint-create .studio-preview{border:2px solid #c9dfcb;border-radius:14px;background:#fff}
.paint-create .workspace-top{background:#e7f7e9;border-bottom:2px solid #cde4d0}
.paint-create .studio-editor textarea{background:#fffef8}
.paint-create .studio-preview-empty{background:#eaf8ef;color:#567664}.paint-create .studio-preview-empty span{display:none}
.paint-create .studio-preview-empty p{color:#355f49}
/* COMMUNITY DISCOVER: colorful but games remain the focus */
.paint-discover .community-discover-first{margin-top:7px}
.paint-discover .paint-discover-hero{position:relative;isolation:isolate;overflow:hidden;border:2px solid #76a9c0;background:#c9efff;border-radius:19px;padding:25px 29px;min-height:142px;margin-bottom:17px;box-shadow:4px 5px 0 #344b5720}
.paint-discover .paint-discover-hero .section-top{position:relative;z-index:1;margin:0;align-items:center}
.paint-discover .paint-discover-hero h2{font-size:clamp(25px,3vw,39px);max-width:75%;text-shadow:2px 2px 0 #fff9}
.paint-discover .paint-discover-hero p{color:#3c6174;font-weight:650}
.paint-discover .paint-discover-hero .small-stat{background:#fff7d6;border:2px solid #ddc688;border-radius:11px;color:#69552b;white-space:nowrap}
.paint-discover .community-filter{background:#fff9e8;padding:13px;border:2px solid #eee0b9;border-radius:15px;flex-wrap:wrap}
.paint-discover .community-filter .search-filter,.paint-discover .community-filter select{border:2px solid #e2d8bf;background:#fff;border-radius:10px}
.paint-discover .community-game-card{border:2px solid #e5dfd2;border-radius:15px;background:#fff;box-shadow:2px 3px 0 #2730430e}
.paint-discover .community-game-card:hover{border-color:#b5cfe2;box-shadow:3px 5px 0 #78add03d}
.paint-discover .community-cover{background:#d9f2ff;aspect-ratio:1/1}
.paint-discover .community-cover-play{background:#ffcf61;color:#263043;border:2px solid #394457;border-radius:9px;font-weight:850}
.paint-discover .community-cover-empty{background:#c8edfa;color:#31495a;letter-spacing:.05em}
.paint-discover .community-cover-icon{display:none}
.paint-discover .community-card-info{padding:12px}
.paint-discover .community-card-info p{color:#657181}
.paint-discover .community-card-bottom span:first-child{background:#fff0bd;color:#69502b}
.paint-discover .community-empty{background:#fff8e7;border:2px dashed #e8c47f}
.paint-discover .empty-symbol{background:#ffdc91;color:#293346}
/* GAME PAGE: cover stays visible on start overlay, colored title and controls */
.paint-game .game-breadcrumb{color:#60718a}
.paint-game .game-player-panel{padding:14px;background:#fff;border-color:#d9e5d9!important}
.paint-game .player-head{position:relative;isolation:isolate;overflow:hidden;background:#bdeaff;border:2px solid #9dd0e7;border-radius:13px;padding:17px 20px;margin-bottom:13px;min-height:108px}
.paint-game .player-head>*:not(.paint-landscape){position:relative;z-index:1}
.paint-game .player-head .paint-landscape{opacity:.65}
.paint-game .player-head h1{font-size:clamp(24px,2.8vw,36px);max-width:75%}
.paint-game .player-head p{color:#3c6072;font-weight:650}
.paint-game .game-cat-chip{background:#fff3c6;color:#6d552c;border:2px solid #e1c982;border-radius:10px}
.paint-game .game-stage{border:3px solid #384858;border-radius:14px;background:#a7def6}
.paint-game .player-overlay{background:#a7dff3;color:#263346}
.paint-game .player-overlay.has-cover{background-size:cover;background-position:center}
.paint-game .player-overlay.has-cover:before{background:linear-gradient(0deg,rgba(20,32,47,.72),rgba(20,32,47,.12))}
.paint-game .player-overlay.has-cover .player-overlay-inner h2,.paint-game .player-overlay.has-cover .player-overlay-inner p{color:white}
.paint-game .player-overlay:not(.has-cover) .player-overlay-inner{background:#fff7e0;border:2px solid #465466;border-radius:18px;padding:20px 26px}
.paint-game .player-overlay:not(.has-cover) h2{color:#263346}
.paint-game .player-overlay:not(.has-cover) p{color:#536278}
.paint-game .player-intro-icon{display:none}
.paint-game .player-overlay .btn-white{background:#ffda6b;color:#293346!important;border:2px solid #334255;box-shadow:3px 4px 0 #18253370}
.paint-game .game-toolbar{padding:13px 5px 3px}
.paint-game .game-toolbar>div:first-child{color:#5b6575}
.paint-game .game-description{background:#fff9e8;border-color:#eddfc0!important}
.paint-game .controls-box{background:#e9f7e8;border:1px solid #c9e6c7;border-radius:11px}
.paint-game .game-aside .panel:nth-child(1){background:#f0f9ff;border-color:#d3e5f5!important}
.paint-game .game-aside .panel:nth-child(2){background:#fff5e2;border-color:#f0e1be!important}
.paint-game .game-aside .panel:nth-child(3){background:#fff1f2;border-color:#f0d8db!important}
.paint-game .related-grid .community-game-card{border:2px solid #e7e2d7;border-radius:15px}
.paint-game .related-grid .community-cover{aspect-ratio:1/1}
/* Small screens: keep the artwork behind content and avoid tall banners */
@media(max-width:1000px){
 .paint-dashboard .dashboard-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
 .paint-dashboard .dashboard-metrics>a{grid-column:1/-1}
 .paint-create .ai-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .paint-discover .community-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:700px){
 .paint-dashboard .paint-dashboard-hero,.paint-create .paint-create-hero,.paint-discover .paint-discover-hero{padding:22px 19px;min-height:150px}
 .paint-dashboard .paint-dashboard-hero .profile-heading{max-width:100%}
 .paint-dashboard .paint-dashboard-hero .paint-landscape{opacity:.28}
 .paint-create .paint-create-hero h1,.paint-create .paint-create-hero p{max-width:100%}
 .paint-create .paint-create-hero .paint-landscape{opacity:.25}
 .paint-discover .paint-discover-hero h2{max-width:100%}
 .paint-discover .paint-discover-hero .paint-landscape{opacity:.22}
 .paint-create .studio-step-nav{grid-template-columns:1fr;gap:8px!important}
 .paint-create .studio-section{padding:16px}
 .paint-create .ai-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .paint-discover .community-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .paint-discover .community-filter .search-filter{flex-basis:100%}
 .paint-discover .community-filter select{flex:1;max-width:none;min-width:120px}
 .paint-discover .community-filter button{flex:1}
 .paint-game .player-head .paint-landscape{opacity:.2}
 .paint-game .player-head h1{max-width:100%}
}
@media(max-width:500px){
 .paint-dashboard .dashboard-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
 .paint-dashboard .dashboard-metrics>span{min-height:75px;padding:9px 5px;flex-direction:column;justify-content:center;gap:0;font-size:11px}
 .paint-dashboard .dashboard-metrics b{font-size:21px}
 .paint-dashboard .dashboard-game{align-items:flex-start}
 .paint-dashboard .dash-thumb{width:66px;height:66px;flex-basis:66px}
 .paint-dashboard .paint-dashboard-hero h1{font-size:27px}
 .paint-create .paint-create-hero h1{font-size:31px}
 .paint-discover .paint-discover-hero .section-top{align-items:flex-start}
 .paint-discover .paint-discover-hero .small-stat{font-size:10px;padding:5px 7px}
 .paint-discover .community-card-bottom{font-size:9px}
 .paint-game .game-player-panel{padding:8px}
 .paint-game .player-head{padding:12px;min-height:95px}
}
@media(prefers-reduced-motion:reduce){body.sg-community:is(.paint-dashboard,.paint-create,.paint-discover,.paint-game) .btn{transition:none}}
/* Keep the text readable when a game has no uploaded cover. */
.paint-game .game-stage .player-overlay:not(.has-cover) .player-overlay-inner h2{color:#263346!important;text-shadow:none!important}
.paint-game .game-stage .player-overlay:not(.has-cover) .player-overlay-inner p{color:#536278!important;text-shadow:none!important}
.paint-game .game-stage .player-overlay:not(.has-cover) .player-preview-label{color:#4d6780;text-shadow:none}

/* LOGIN / REGISTER / RESET: Paint UI 1.8. Form logic and field names unchanged. */
body.sg-community.paint-login{--paint-ink:#243043;--paint-outline:#3b4152;--paint-shadow:3px 4px 0 #29334617;background:#fffdf7;color:#243043}
.paint-login .community-main h1,.paint-login .community-main h2{letter-spacing:-.045em}
.paint-login .community-topbar{border-bottom-color:#e7e3db}
.paint-login .auth-layout{grid-template-columns:minmax(0,1.03fr) minmax(350px,.97fr);align-items:stretch;gap:18px;min-height:530px;margin-top:15px}
.paint-login .paint-auth-hero{background:#b9ebff;border:2px solid #5e99b4;box-shadow:4px 5px 0 #29334619;color:#253649;min-height:530px;padding:48px 42px;border-radius:20px;isolation:isolate}
.paint-login .paint-auth-hero .paint-landscape{opacity:1}
.paint-login .paint-auth-hero .cloud-one{right:23%;top:54px}
.paint-login .paint-auth-hero .cloud-two{right:7%;top:116px}
.paint-login .paint-auth-hero .hill-one{width:350px;height:195px;right:15%;bottom:-104px}
.paint-login .paint-auth-hero .hill-two{width:270px;height:185px;right:-65px;bottom:-96px}
.paint-login .paint-auth-hero .paint-platform{width:122px;height:34px;right:17%;bottom:88px;transform:rotate(3deg)}
.paint-login .paint-auth-copy{position:relative;z-index:2;max-width:450px}
.paint-login .paint-auth-copy .eyebrow{color:#3d5975;font-size:11px;font-weight:900;letter-spacing:.09em}
.paint-login .paint-auth-copy h1{color:#233347;font-size:clamp(38px,4vw,61px);line-height:1.07;margin:22px 0 0;letter-spacing:-.055em;text-shadow:2px 2px 0 #ffffffa8}
.paint-login .paint-auth-copy h1 span{color:#fb6c84;text-shadow:2px 2px 0 #fff,3px 3px 0 #36506b33}
.paint-login .paint-auth-copy p{color:#3a5367;font-size:14px;line-height:1.7;font-weight:650;margin:19px 0 0;max-width:380px}
.paint-login .paint-auth-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}
.paint-login .paint-auth-tags span{background:#fff8d6;border:2px solid #526276;border-radius:9px;padding:8px 11px;font-size:10px;font-weight:900;letter-spacing:.045em;box-shadow:2px 3px 0 #3b415225}
.paint-login .paint-auth-tags span:nth-child(2){background:#ffcfdf}.paint-login .paint-auth-tags span:nth-child(3){background:#c4f4ce}
.paint-login .paint-auth-arcade{position:absolute;inset:0;pointer-events:none;z-index:1}
.paint-login .paint-auth-sun{position:absolute;right:13%;top:42%;width:69px;height:69px;border-radius:50%;background:#ffe16b;border:3px solid #ad7a39;box-shadow:5px 5px 0 #e4ad4040}
.paint-login .paint-auth-block{position:absolute;bottom:112px;right:39%;width:42px;height:42px;border:3px solid #6e4d42;border-radius:7px;background:#ffa86e;box-shadow:4px 5px 0 #344b5733;transform:rotate(-8deg)}
.paint-login .paint-auth-block.block-two{right:31%;bottom:159px;background:#f5a3cb;transform:rotate(8deg)}
.paint-login .paint-auth-block.block-three{right:23%;bottom:116px;background:#ffe07b;transform:rotate(5deg)}
.paint-login .auth-panel{background:#fff;border:2px solid #e3dfd6;border-radius:20px;box-shadow:3px 4px 0 #29334612;padding:35px 37px}
.paint-login .auth-tabs{background:#edf5ff;border:2px solid #d6e5f5;border-radius:13px;padding:5px;margin-bottom:25px}
.paint-login .auth-tab{border-radius:9px;color:#52647c;min-height:42px;font-size:12px}
.paint-login .auth-tab.active{background:#ffdc7b;border:2px solid #465466;color:#293346;box-shadow:2px 3px 0 #344b5730}
.paint-login .auth-panel h2{color:#243043;font-size:clamp(23px,2.5vw,30px)}
.paint-login .auth-panel .eyebrow{color:#496487;font-size:10px;font-weight:850;letter-spacing:.08em}
.paint-login .auth-panel .subtle{color:#657287!important}
.paint-login .async-form label:not(.check) input{border:2px solid #d6dce5;border-radius:11px;background:#fffefa;color:#293346;min-height:47px}
.paint-login .async-form label:not(.check) input:focus{border-color:#5f9ec7;box-shadow:0 0 0 3px #c9ecff;outline:0}
.paint-login .check input{accent-color:#428d68}
.paint-login .btn-black{background:#ffcf65!important;border:2px solid #3b4152!important;color:#273043!important;border-radius:11px;box-shadow:3px 4px 0 #344b5745;font-weight:850}
.paint-login .btn-black:hover{background:#ffe08d!important;transform:translateY(-1px)}
.paint-login .text-link,.paint-login .check a{color:#325f8e!important}
.paint-login .auth-switch{background:#f1fbf2;border:1px solid #d6edda;border-radius:12px;padding:12px 8px;color:#64746a}
.paint-login .auth-switch button{color:#2e6e53}
.paint-login .verified-note{background:#d9f7df;border:1px solid #93d6a4;color:#315f3f;border-radius:11px;padding:12px}
.paint-login .oauth-divider:before,.paint-login .oauth-divider:after{background:#dce7e3}
.paint-login :is(button,input,a):focus-visible{outline:3px solid #227ac9;outline-offset:3px}
@media(max-width:850px){.paint-login .auth-layout{grid-template-columns:1fr;gap:13px;min-height:0}.paint-login .paint-auth-hero{min-height:240px;padding:28px 30px}.paint-login .paint-auth-copy h1{font-size:clamp(31px,6vw,44px);margin-top:12px}.paint-login .paint-auth-copy p{font-size:12px;margin-top:9px;max-width:65%}.paint-login .paint-auth-tags{margin-top:12px}.paint-login .paint-auth-arcade{opacity:.55}.paint-login .paint-auth-hero .hill-one{right:4%}.paint-login .paint-auth-hero .hill-two{right:-85px}.paint-login .paint-auth-sun{top:26%;right:11%;width:48px;height:48px}.paint-login .paint-auth-block{bottom:34px;right:18%}.paint-login .paint-auth-block.block-two{bottom:77px;right:10%}.paint-login .paint-auth-block.block-three{bottom:36px;right:4%}}
@media(max-width:520px){.paint-login .auth-layout{margin-top:0}.paint-login .paint-auth-hero{min-height:228px;padding:25px 21px;border-radius:16px}.paint-login .paint-auth-copy h1{font-size:33px}.paint-login .paint-auth-copy p{max-width:85%;font-size:11px}.paint-login .paint-auth-tags{gap:5px}.paint-login .paint-auth-tags span{padding:6px 8px;font-size:9px}.paint-login .paint-auth-arcade{opacity:.26}.paint-login .paint-auth-hero .paint-landscape{opacity:.28}.paint-login .auth-panel{padding:20px 16px;border-radius:16px}.paint-login .auth-tab{font-size:11px}.paint-login .auth-switch{line-height:1.9}.paint-login .auth-panel h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){.paint-login .btn-black{transition:none}}