/* PAVCITY 119: entry, character select/creator and settings in the webpanel glass look
   (outside #pn-game, so palette colours are literal: peach #ffb36b, pink #ff5fa8, violet #a97bff). */
html body #yt-auth-modal .pav-entry-panel{background:radial-gradient(520px 260px at 0% 0%,rgba(255,95,168,.14),transparent 62%),radial-gradient(480px 260px at 100% 100%,rgba(169,123,255,.14),transparent 62%),linear-gradient(160deg,rgba(255,255,255,.075),rgba(255,255,255,.02) 40%,rgba(255,255,255,.035)),rgba(16,10,25,.9)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:22px!important;box-shadow:0 30px 80px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.09)!important}
html body #yt-auth-modal button:not([disabled]),html body #yt-auth-modal button[disabled]{position:relative;border-radius:13px!important;border:1px solid rgba(255,255,255,.17)!important;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.34) 50%,transparent 62%) 100% 0/250% 100% no-repeat,linear-gradient(180deg,rgba(255,255,255,.15),rgba(255,255,255,0) 52%),linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.035))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 4px 14px rgba(0,0,0,.28)!important;color:#f6f1ff!important;transition:transform .15s ease,box-shadow .25s ease,border-color .25s ease,background-position .65s ease!important}
html body #yt-auth-modal button:not([disabled]):hover{background-position:0% 0,0 0,0 0!important;border-color:rgba(255,255,255,.32)!important;transform:translateY(-1px)}
html body #yt-auth-modal button:not([disabled]):active{transform:scale(.97)}
html body #yt-auth-modal button[disabled]{opacity:.55;cursor:not-allowed}
/* the main call to action (join the city / log in / create) */
html body #yt-auth-modal :is(#enter-character,button[type=submit],.pav-primary,[data-primary]){border:1px solid rgba(255,200,150,.6)!important;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.34) 50%,transparent 62%) 100% 0/250% 100% no-repeat,linear-gradient(180deg,rgba(255,255,255,.15),rgba(255,255,255,0) 52%),linear-gradient(135deg,#ffb36b,#ff5fa8 52%,#a97bff)!important;color:#170a18!important;font-weight:800!important;letter-spacing:.06em;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 8px 26px rgba(255,95,168,.4)!important}
html body #yt-auth-modal :is(#enter-character,button[type=submit],.pav-primary,[data-primary])[disabled]{filter:saturate(.5);opacity:.7}
html body #yt-auth-modal :is(input:not([type=checkbox],[type=radio],[type=range]),select,textarea){border-radius:12px!important;border:1px solid rgba(255,255,255,.14)!important;background:linear-gradient(180deg,rgba(0,0,0,.34),rgba(0,0,0,.22))!important;color:#fff!important;box-shadow:inset 0 1px 2px rgba(0,0,0,.35)!important}
html body #yt-auth-modal :is(input,select,textarea):focus{border-color:rgba(255,95,168,.7)!important;box-shadow:0 0 0 3px rgba(255,95,168,.18),inset 0 1px 2px rgba(0,0,0,.35)!important;outline:none!important}
html body #yt-auth-modal input[type=range]{accent-color:#ff5fa8}
html body #yt-auth-modal :is(article,.pav-character-card,[data-character]){border-radius:16px!important}