.player-header { max-width: 1520px; margin: auto; display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: 24px 32px; border-bottom: 1px solid var(--border, #2c393b); }
.player-header .brand { margin: 0; }.player-header select { width: auto; }.player-workspace { max-width: 1520px; margin: auto; padding: 32px; }.player-login { max-width: 480px; margin: 6vh auto; }.player-login p { line-height: 1.65; }.player-login form { display: grid; gap: 12px; }.player-page [hidden] { display: none !important; }
.player-login details { margin: 22px 0; }.player-login summary { cursor: pointer; margin-bottom: 16px; }.player-account { margin-top: 24px; }.player-account form { display: grid; gap: 10px; }.player-account input { width: 100%; }.player-account pre { white-space: pre-wrap; user-select: all; }
.player-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin: 24px 0; }.player-stats div { border-left: 2px solid #63c4a7; padding-left: 18px; }.player-stats dt { color: #a7b3b2; font-size: .82rem; }.player-stats dd { margin: 8px 0 0; font-size: 1.65rem; }
.wardrobe-layout { display: grid; grid-template-columns: 260px minmax(0,1fr); gap: 24px; align-items: start; }.wardrobe-library { position: sticky; top: 16px; }.skin-list { list-style: none; padding: 0; display: grid; gap: 8px; max-height: 60vh; overflow: auto; }.skin-list button { display: block; text-align: left; width: 100%; border: 1px solid #344443; border-radius: 8px; background: transparent; color: inherit; padding: 13px; cursor: pointer; }.skin-list button[aria-current=true] { border-color: #63c4a7; background: #63c4a714; }.skin-list strong,.skin-list small { display: block; overflow-wrap: anywhere; }.skin-list small { color: #a7b3b2; margin-top: 5px; }.studio-visuals { display: grid; grid-template-columns: 240px minmax(0,1fr); gap: 20px; align-items: center; margin: 20px 0; }.skin-previews { display: flex; justify-content: center; gap: 8px; }.skin-previews figure { margin: 0; text-align: center; color: #a7b3b2; font-size: .8rem; }.skin-previews canvas { width: 104px; height: 208px; image-rendering: pixelated; background: radial-gradient(ellipse, #31433f88, transparent 70%); }.paint-area { min-width: 0; text-align: center; }.paint-scroll { overflow: auto; max-height: 380px; padding: 8px; display: grid; justify-items: center; }.paint-scroll canvas { image-rendering: pixelated; touch-action: none; background-color: #31403d; background-image: conic-gradient(#21312f 25%,transparent 0 50%,#21312f 0 75%,transparent 0); background-size: 20px 20px; border: 1px solid #75938a; max-width: none; }.editor-controls { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 14px; }.editor-controls input[type=color] { padding: 4px; height: 44px; width: 100%; }.editor-controls input[type=range] { width: 100%; }.skin-studio fieldset { min-width: 0; }.skin-studio .form-footer { align-items: flex-start; }.skin-studio .button-row { flex-wrap: wrap; }.help-link { font-size: .85rem; }.player-page :focus-visible { outline: 2px solid #9de6ca; outline-offset: 3px; }
.language-control { display: flex; justify-content: flex-end; align-items: center; gap: 10px; padding: 12px 24px; }.language-control select { width: auto; }.signing-fields { display: grid; gap: 18px; }.signing-fields input:not([type=checkbox]) { width: 100%; }.signing-account { margin-top: 24px; }.signing-account code { user-select: all; font-size: 1.2rem; }.signing-device { border: 1px solid #42564e; border-radius: 8px; padding: 18px; }.signing-device a { overflow-wrap: anywhere; }
@media(max-width:1050px) { .wardrobe-layout { grid-template-columns: 220px minmax(0,1fr); gap: 16px; }.studio-visuals { grid-template-columns: 1fr; }.skin-previews canvas { width: 80px; height: 160px; }.editor-controls { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width:700px) { .player-header { padding: 16px; flex-wrap: wrap; }.player-header .brand { font-size: 1rem; }.player-workspace { padding: 16px; }.wardrobe-layout { grid-template-columns: 1fr; }.wardrobe-library { position: static; }.skin-list { max-height: 230px; grid-template-columns: repeat(2,minmax(0,1fr)); }.player-stats { grid-template-columns: repeat(2,1fr); }.player-workspace .card { padding: 20px; }.player-workspace .page-header { gap: 16px; flex-wrap: wrap; }.player-workspace .page-header h1 { font-size: 1.8rem; }.skin-studio .form-grid { grid-template-columns: 1fr; }.player-header .button-row { gap: 8px; } }

.file-import { position: relative; overflow: hidden; }.file-import input { position: absolute; inset: 0; opacity: 0; padding: 0; cursor: pointer; }.file-import:focus-within { outline: 2px solid #9de6ca; outline-offset: 3px; }
.support-layout { display: grid; grid-template-columns: minmax(180px,280px) minmax(0,1fr); gap: 24px; margin-top: 26px; }.support-layout>div { min-width: 0; }.support-list { list-style: none; padding: 0; display: grid; gap: 8px; max-height: 540px; overflow: auto; }.support-list button { width: 100%; text-align: left; border: 1px solid var(--border); border-radius: 8px; padding: 12px; background: transparent; color: var(--text); overflow-wrap: anywhere; }.support-list button[aria-current=true] { border-color: var(--accent); background: #c5dc9f10; }.support-list strong,.support-list small { display: block; }.support-list small { margin-top: 7px; color: var(--muted); font-size: .72rem; line-height: 1.5; }.support-message { border-bottom: 1px solid var(--border); padding: 16px 0; }.support-message strong { font-size: .85rem; }.support-message time { display: block; color: var(--muted); font-size: .72rem; margin-top: 5px; }.support-message p { white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.6; margin-top: 10px; font-size: .87rem; }.support-messages { max-height: 480px; overflow-y: auto; margin: 16px 0; }.support-layout textarea { min-height: 100px; resize: vertical; }.support-layout form .button { margin-top: 14px; }[data-support=create-form] { border-bottom: 1px solid var(--border); padding-bottom: 22px; margin-top: 18px; }[data-support=create-form] h3 { margin-bottom: 18px; }[data-support=create-form] .field { margin: 14px 0; }[data-support=create-form] select { max-width: 260px; }[data-support=create-form] .button { margin-top: 14px; }
@media(max-width:850px) { .support-layout { grid-template-columns: 1fr; }.support-list { max-height: 260px; }.support-messages { max-height: 380px; } }

.operator-login { margin-top: 24px; }.operator-login summary { cursor: pointer; margin: 16px 0; }.operator-login form { display: grid; gap: 10px; margin-top: 18px; }

[aria-disabled=true] { opacity: .5; cursor: not-allowed; }
.photo-import { margin: 16px 0; }.photo-import section { margin-top: 18px; padding: 18px; border: 1px solid var(--border); border-radius: 8px; }.photo-import p { line-height: 1.6; }.photo-import input[type=file] { display: block; max-width: 100%; margin-top: 10px; }.photo-import fieldset { margin: 18px 0; }.photo-layout { display: grid; grid-template-columns: minmax(0,1fr) 220px; align-items: center; gap: 18px; margin-bottom: 18px; }.photo-layout>div { min-width: 0; }#photo-canvas { display: block; width: auto; height: auto; max-width: 100%; max-height: 520px; touch-action: none; cursor: crosshair; background: #31403d; }#photo-canvas[width="1"] { display: none; }.photo-import h4 { margin: 0; }
@media(max-width:1050px) { .photo-layout { grid-template-columns: minmax(0,1fr); }.photo-import section { padding: 12px; } }