#passport{--passport-accent:#628bea;background:#111e3a;color:#eef3ff;border:1px solid #536d98;border-radius:28px;width:min(880px,94vw);max-height:92dvh;padding:30px;box-shadow:0 30px 100px #0009}#passport::backdrop{background:#060d20dd;backdrop-filter:blur(8px)}#passport header{display:flex;justify-content:space-between;align-items:center}#passport h1{font-size:clamp(28px,5vw,38px);margin:12px 0 4px}#passport p{line-height:1.6}#passport button,#passport input{font:inherit}#passport label,#passport legend{font-weight:800;font-size:16px}.passport-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:28px;margin:24px 0}.passport-card{align-self:start;text-align:center;border:1px solid var(--passport-accent);border-top:7px solid var(--passport-accent);border-radius:24px;padding:28px 18px;background:linear-gradient(145deg,#233553,#17213b);overflow-wrap:anywhere}.passport-card h2{margin:16px 0;font-size:26px}.passport-card p,#passportRank{font-size:14px;color:#bed0ee}.passport-portrait{width:130px;height:130px;border-radius:50%;display:grid;place-items:center;margin:26px auto 12px;background:#0e1830;border:3px solid var(--passport-accent);font-size:70px;overflow:hidden}.passport-portrait img,.passport-local-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.passport-local-avatar{overflow:hidden}.passport-controls{min-width:0}.passport-name{display:flex;gap:8px;margin:10px 0}.passport-name input{min-width:0;flex:1;border:1px solid #6480aa;border-radius:12px;background:#0b162c;color:white;padding:12px}#passport small{font-size:14px;color:#b8c9e6;line-height:1.5;display:block}#passport fieldset{border:0;padding:0;margin:22px 0}#passport legend{margin-bottom:12px}.passport-icons,.passport-colors{display:flex;gap:8px;flex-wrap:wrap}.passport-icons label,.passport-colors label{position:relative;cursor:pointer}.passport-icons input,.passport-colors input{position:absolute;opacity:0;width:100%;height:100%;margin:0}.passport-icons span{display:grid;place-items:center;background:#223758;border:2px solid transparent;width:48px;height:48px;border-radius:14px;font-size:28px}.passport-colors span{display:block;padding:10px 12px;border:2px solid transparent;border-radius:12px;color:#07132c;font-size:14px}.passport-icons input:checked+span,.passport-colors input:checked+span{border-color:#fff;box-shadow:0 0 0 2px var(--passport-accent)}#passport input:focus-visible+span,#passport button:focus-visible{outline:3px solid #ffe69b;outline-offset:4px}#passport details{border-top:1px solid #415674;padding-top:16px}#passport summary{cursor:pointer;font-weight:800}#passport details p{font-size:14px;color:#bfd0e9}#passportPhoto{display:block;max-width:100%;margin:12px 0;font-size:14px}#passportStatus{min-height:24px;color:#ffe4ab}#passportSave{width:100%;min-height:50px}#passportEdit{margin:12px 0 22px}@media(max-width:640px){#passport{padding:22px 18px}.passport-layout{grid-template-columns:1fr;gap:20px}.passport-card{padding:18px}.passport-portrait{width:90px;height:90px;font-size:48px;margin:14px auto}.passport-card h2{margin:10px 0}.passport-card p{display:none}}