:root{--bg:#111d33;--panel:#1e2637;--card:#2a3242;--gold:#c8961d;--gold-dark:#8a6410;--heading:#aed8ea;--text:#e4e8ef;--offwhite:#f9f9f9;--glow-default:0 0 5px 1px #b8860bbf;--glow-mine:0 0 5px 1px #6a1471bf;--glow-collection:0 0 5px 1px #1b9b36bf;--glow-my-collection:0 0 5px 1px #1a9c9cbf;--glow-panel:0 0 15px 2px #b8860bbf}*,:after,:before{box-sizing:border-box}body{background-color:var(--bg);color:var(--text);margin:0;font-family:Proxima Nova Regular,Helvetica Neue,Helvetica,Arial,sans-serif;overflow:hidden scroll}a,blockquote,figcaption,h1,h2,h3,h4,h5,h6,p{text-wrap:pretty;color:var(--text)}h1{letter-spacing:.6px;color:var(--heading);font-family:Proxima Nova ExtraBold,Helvetica Neue,Helvetica,Arial,sans-serif}a{text-decoration:none}a:hover{text-decoration:underline}.page{max-width:1400px;margin:0 auto;padding:1.5rem}.site-header{background-color:var(--offwhite);color:#000;background-image:radial-gradient(2px 2px at 2px 2px,#0000001a,#0000 90%),radial-gradient(1.5px 1.5px at 10px 20px,#0000000f,#0000 90%);background-repeat:repeat;background-size:20px 20px;flex-wrap:wrap;align-items:center;gap:1.5rem;padding:.9rem 1.5rem;display:flex}.site-header .brand,.site-header a{color:#000;font-weight:600}.site-header nav{flex-wrap:wrap;align-items:center;gap:1.1rem;display:flex}.site-header .spacer{margin-left:auto}.x-content-cards-container{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;width:100%;margin-top:2.5rem;display:grid}.x-content-card{background:var(--card);color:var(--text);box-shadow:var(--glow-default);flex-direction:column;align-items:center;display:flex;overflow:hidden}.x-content-card.is-mine{box-shadow:var(--glow-mine)}.x-content-card.is-collection{box-shadow:var(--glow-collection)}.x-content-card.is-collection.is-mine{box-shadow:var(--glow-my-collection)}.x-content-card>a{width:100%;display:block}.x-content-card .card-body{flex:1;width:100%;padding:0 .5rem .6rem;overflow:clip}.x-content-card h3{text-align:center;margin:.3em 0}.x-content-card p{text-align:center;margin:.2em 0}.card-placeholder{aspect-ratio:1/1.414;color:#8b93a3;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(160deg,#333c4e,#222938);place-items:center;width:100%;font-size:.85rem;display:grid}.character-inspect-wrapper{gap:2rem;width:100%;min-height:58vh;display:flex;position:relative}.left-column,.right-column{background:var(--panel);box-shadow:var(--glow-panel);border-radius:10px;padding:1.5em}.left-column{width:25%;min-width:240px}.right-column{width:75%}.character-main-image{border-radius:8px;width:100%;height:auto;margin-bottom:1em;box-shadow:0 2px 8px #0000001a}.basic-info h1{margin-top:0;margin-bottom:.5em}.basic-info p{margin:.3em 0;font-size:1.1em}.right-column p{font-size:1.1em;line-height:1.6}.prose{white-space:pre-wrap}@media (width<=900px){.character-inspect-wrapper{flex-direction:column}.left-column,.right-column{width:100%}}.images{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;width:100%;margin-top:2.5rem;display:grid}.x-modal{z-index:1000;background:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.x-modal-window{background:var(--offwhite);border-radius:8px;flex-direction:column;align-items:center;max-width:92vw;max-height:92vh;padding:2px;display:inline-flex;overflow:clip;box-shadow:0 4px 20px #0000004d}.x-modal-window img{border-radius:6px;width:auto;max-width:91vw;height:auto;max-height:78vh;display:block}.x-modal-caption{text-align:center;color:#000;white-space:pre-wrap;max-height:12vh;margin:0;padding:.6rem .9rem;overflow-y:auto}.x-add-img{align-items:stretch;gap:.75rem;width:min(560px,92vw);max-height:92vh;padding:1rem;overflow-y:auto}.x-add-img-preview{flex:auto;place-items:center;min-height:0;display:grid;overflow:hidden}.x-add-img .x-add-img-preview img{-o-object-fit:contain;object-fit:contain;max-width:100%;max-height:100%}.x-add-img-empty{color:#6b7280;margin:0;padding:2rem 0;font-size:.9rem}.x-add-img-controls{flex-direction:column;flex:none;gap:.6rem;display:flex}.x-add-img-controls textarea{resize:none;color:#333;border:1px solid #00000026;border-radius:4px;width:100%;padding:.5em .7em;font-family:inherit;font-size:1em}.x-add-img-controls .button-row{margin-bottom:0}.x-create-character-form{background:var(--offwhite);box-shadow:var(--glow-panel);border-radius:8px;flex-direction:column;gap:1.1em;max-width:420px;margin:2em auto;padding:2em 2.5em;display:flex}.x-create-character-form label{color:#2f2400;margin-bottom:.25em;font-weight:600;display:block}.x-create-character-form input[type=email],.x-create-character-form input[type=file],.x-create-character-form input[type=password],.x-create-character-form input[type=text],.x-create-character-form select,.x-create-character-form textarea{color:#333;background:#fff;border:1px solid #0000001f;border-radius:4px;width:100%;padding:.5em .9em;font-family:inherit;font-size:1em;transition:border-color .18s}.x-create-character-form input:focus,.x-create-character-form select:focus,.x-create-character-form textarea:focus{border-color:var(--gold);outline:none}.x-create-character-form textarea{resize:vertical;min-height:2.5em;max-height:300px}.required{color:#b94a48}.framer-note{color:#6b7280;text-align:center;margin:.4rem 0 0;font-size:.8rem}.button{background-color:var(--gold);color:#14181f;cursor:pointer;border:none;border-radius:3px;padding:.7em 1.5em;font-size:1em;font-weight:700;transition:background .14s;display:inline-block}.button:hover:not(:disabled){background:var(--gold-dark);text-decoration:none}.button:disabled{opacity:.6;cursor:not-allowed}.button-danger{color:#fff;background:#b94a48}.button-danger:hover:not(:disabled){background:#8f3634}.button-row{flex-wrap:wrap;gap:.6rem;margin-bottom:1rem;display:flex}.msg{border-radius:3px;margin:0 0 1em;padding:.75em 1em}.msg-error{color:#b94a48;background:#fbe3e4;border:1px solid #eed3d7}.msg-success{color:#468847;background:#e2f7e1;border:1px solid #d6e9c6}.empty-state{opacity:.75;margin-top:2rem}.danger-zone{border:1px solid #b94a4859;border-radius:8px;max-width:900px;margin:3rem auto 4rem;padding:0 1rem}.danger-zone>summary{cursor:pointer;opacity:.7;padding:.75rem 0;font-size:.95rem;list-style:none}.danger-zone>summary::-webkit-details-marker{display:none}.danger-zone>summary:before{content:"▸ "}.danger-zone[open]>summary:before{content:"▾ "}.danger-zone>summary:hover{opacity:1}.danger-zone-body{flex-direction:column;align-items:flex-start;gap:.75rem;padding:0 0 1rem;display:flex}.danger-zone-body p{opacity:.8;margin:0;font-size:.95rem}