.realm-main{padding-top:48px;min-height:70vh}.realm-main>h1{font-size:36px;margin-bottom:10px}.realm-message{padding:12px 16px;border-left:2px solid var(--gold);background:#e3bd750b;font-size:13px;overflow-wrap:anywhere}.realm-message:empty{display:none}.realm-message[data-error=true]{color:#f6baa8;border-color:#dc907e}.roster-heading,.skin-wallet,.rank-pagination{display:flex;align-items:center;justify-content:space-between;gap:20px}.roster-heading h2{margin:0}.roster-heading p{margin:5px 0}.character-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:25px 0 32px}.character-slot{border:1px solid var(--line);background:linear-gradient(150deg,#193f38,#0b2225);padding:18px;min-width:0}.character-slot.selected{border-color:var(--gold);box-shadow:inset 0 0 35px #e3bd750b}.character-slot.deleted{filter:saturate(.4);background:#122728}.character-slot h3{font-size:19px;overflow-wrap:anywhere;margin:12px 0 5px}.character-slot p{font-size:12px;margin:8px 0}.character-slot .button{font-size:12px;padding:8px 10px;min-height:40px;width:100%;margin-top:9px}.character-slot .character-preview{height:185px}.character-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.character-actions .button{min-width:0;font-size:11px}.character-editor{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:36px}.appearance-stage{text-align:center;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(ellipse,#44694a45,transparent 70%);padding:20px}.character-preview{height:250px;display:flex;justify-content:center;align-items:center}.character-preview svg{height:100%;max-width:100%;filter:drop-shadow(0 12px 14px #0006)}.appearance-options{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.appearance-options select{margin-top:8px}#character-form .button+.button{margin-top:12px}input:disabled,select:disabled{opacity:.6}dialog{max-width:520px;width:calc(100% - 32px);max-height:90dvh;overflow:auto;color:var(--text);background:#102d2e;border:1px solid var(--gold);padding:28px}dialog::backdrop{background:#010f14d9}dialog p{font-size:13px}.dialog-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:22px;flex-wrap:wrap}.button-danger{background:#713e3c;color:#ffe1d5;border-color:#a3655a}.rank-intro{margin-bottom:25px}.rank-intro p{font-size:13px}.ranking-table-wrap{overflow:auto;border:1px solid var(--line)}.ranking-table{border-collapse:collapse;width:100%;font-size:13px;text-align:left;min-width:640px}.ranking-table caption{text-align:left;padding:18px;color:var(--gold);background:#112d2d}.ranking-table th{color:var(--muted);font-size:11px;font-weight:400}.ranking-table td,.ranking-table th{padding:16px;border-bottom:1px solid var(--line)}.ranking-table tbody tr:nth-child(-n+3){background:#d7b36c0b}.ranking-table td:first-child{font:22px Georgia,serif;color:var(--gold)}.rank-pagination{margin-top:20px}.rank-pagination p{font-size:12px;margin:0}.skin-wallet{margin-bottom:22px}.skin-wallet p{margin-bottom:0;font-size:13px}.skin-wallet>div:last-child{text-align:right}.skin-wallet strong{font:35px Georgia,serif;color:var(--gold);display:block;margin:4px 0 8px}.skin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:25px 0}.skin-card{padding:25px;border:1px solid var(--line);background:linear-gradient(145deg,#183c38,#0a2227);min-width:0}.skin-card.equipped{border-color:var(--gold)}.skin-card h3{font-size:22px;margin:15px 0 8px}.skin-card p{font-size:13px;min-height:48px}.skin-card .character-preview{height:260px}.skin-price{color:var(--gold);font:24px Georgia,serif;margin:15px 0}.skin-card .button{width:100%}.cosmetic-note{border-left:2px solid var(--jade);padding:13px 18px;background:#8cc8ad0b;font-size:13px}.base-outfit{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.base-outfit p{margin:0;font-size:13px}.realm-main input,.realm-main select,dialog input{font-size:16px}.realm-main .field-help{font-size:12px}.realm-main .badge{font-size:11px}@media(max-width:1050px){.character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skin-grid{gap:12px}.skin-card{padding:18px}}@media(max-width:760px){.realm-main{padding-top:32px}.realm-main>h1{font-size:29px}.character-editor{grid-template-columns:1fr;gap:15px}.appearance-stage{padding:5px}.roster-heading,.skin-wallet{align-items:flex-start;flex-direction:column}.skin-wallet>div:last-child{text-align:left}.skin-grid{grid-template-columns:1fr}.skin-card .character-preview{height:230px}.character-grid{gap:12px}.character-slot{padding:12px}.character-slot .character-preview{height:140px}.character-actions{grid-template-columns:1fr}.character-slot h3{font-size:16px}.rank-pagination{gap:8px}.rank-pagination .button{font-size:11px;padding:9px}.skin-wallet h2{font-size:23px}.appearance-options{gap:0 12px}}@media(max-width:370px){.character-grid{grid-template-columns:1fr 1fr}.character-slot{padding:10px}.character-slot h3{font-size:15px}.character-slot .badge{font-size:10px;padding:3px 5px}.character-actions .button{font-size:10px}}
.character-preview canvas{height:100%;width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 12px 14px #0006)}
.free-custom{border:1px solid var(--line);padding:15px;margin:20px 0}.free-custom legend{color:var(--gold);font-size:14px;padding:0 8px}.free-custom input[type=color]{height:48px;padding:5px;cursor:pointer}.color-checkbox{display:flex;align-items:center;gap:10px}.color-checkbox input{width:20px;min-height:20px;height:20px;flex:none}.custom-actions{display:flex;flex-wrap:wrap;gap:10px}.custom-actions .button{margin:0!important;font-size:12px;padding:8px 13px}.preview-zoom{max-width:240px;width:100%;margin:10px auto 20px;font-size:12px}.preview-zoom input{min-height:24px;padding:0;accent-color:var(--gold)}#character-preview{overflow:hidden}#character-preview canvas{transform:scale(var(--preview-zoom,1));transform-origin:center center}