:root{--danger:#b84038}[data-theme=night]{--danger:#ffaaa0}
.community-card{display:flex;flex-direction:column}.community-card .game-launch{flex:1;height:auto}.community-card .manage-game{flex-shrink:0}.recent-game>span:nth-child(2){min-width:0;overflow-wrap:anywhere}
.creator-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;padding:17px 20px;border:1px solid var(--line);border-radius:19px;background:var(--panel)}
.creator-bar p{font-size:13px;margin-top:4px}.creator-bar .micro-label{font-size:7px;letter-spacing:.7px}
.upload-entry{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px 16px;background:var(--accent);color:var(--accent-ink);border-radius:24px;font-size:11px;font-weight:600;white-space:nowrap;transition:transform .35s var(--spring),box-shadow .3s}
.upload-entry:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(var(--accent-rgb),.25)}.upload-entry:active{transform:scale(.96)}.upload-entry>span:first-child{font-size:18px;line-height:1}
.collection-toolbar{flex-wrap:wrap}.filter-tabs{gap:1px}.filter{padding:8px 10px}.search{flex:1;min-width:100px}.side-panel{margin-top:150px}
.community-status{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:16px 3px;font-size:9px;color:var(--muted)}.community-status>span{flex:1;min-width:160px}.community-status button{font-size:9px;color:var(--blue);padding:6px}.community-status button:disabled{opacity:.45}
.community-card{--cover:#dcd6ef;--cover-ink:#7160a4;animation:creator-card-arrive .5s var(--ease) both}.community-card[data-cover=coral]{--cover:#f4c9b3;--cover-ink:#a04f38}.community-card[data-cover=green]{--cover:#d2e2cd;--cover-ink:#4c7050}.community-card[data-cover=blue]{--cover:#d1dff4;--cover-ink:#486caa}
.community-art{position:relative;width:100%;height:145px;overflow:hidden;display:grid;place-items:center;background:var(--cover);color:var(--cover-ink)}.community-art:before,.community-art:after{content:"";position:absolute;border:1px solid currentColor;border-radius:50%;width:165px;height:100px;transform:rotate(-30deg);opacity:.2}.community-art:after{transform:rotate(30deg);width:100px;height:165px}.community-art>strong{font:italic 700 76px/1 Georgia,"Songti SC",serif;z-index:1;transition:transform .6s var(--spring)}.community-card:hover .community-art>strong{transform:rotate(-8deg) translateY(-3px)}.creator-orbit{position:absolute;font-size:30px;right:20%;bottom:14px;line-height:1;animation:slow-spin 18s linear infinite;opacity:.65}.community-card-copy{width:100%;padding:17px 19px 19px;min-width:0}.community-card-copy h2{font-size:18px;font-weight:650;line-height:1.35;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.community-card-copy p{color:var(--muted);font-size:11px;margin:8px 0 14px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.creator-name{display:block;max-width:100%;font:9px var(--mono);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.community-card-copy>small{display:block;margin-top:8px;color:var(--muted);font-size:8px}.manage-game{font-size:10px;display:block;width:100%;padding:11px 18px;border-top:1px solid var(--line);text-align:right;color:var(--blue);transition:background .2s}.manage-game:hover{background:var(--panel-2)}
.upload-dialog,.preview-dialog{padding:0;border:1px solid var(--line);border-radius:25px;background:var(--bg);color:var(--ink);width:min(670px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain;box-shadow:0 35px 140px #0005}
.upload-dialog::backdrop,.preview-dialog::backdrop{background:rgba(12,18,27,.54);backdrop-filter:blur(12px)}.upload-dialog[open],.preview-dialog[open]{animation:dialog-in .35s var(--ease)}.upload-window{padding:26px}.upload-header{display:flex;justify-content:space-between;align-items:center;gap:18px;padding-bottom:21px;border-bottom:1px solid var(--line);margin-bottom:21px}.upload-header h2{font-size:25px;letter-spacing:-1px;line-height:1.25;margin-top:8px}.upload-header>.icon-button{flex-shrink:0}.upload-dialog label,.upload-dialog legend{font-size:11px}.upload-fields{display:grid;grid-template-columns:1.25fr 1fr;gap:17px;margin-top:20px}.upload-fields>label{display:flex;flex-direction:column;gap:8px}.upload-fields>label>span{color:var(--accent);display:contents}.full-field{grid-column:span 2}.upload-fields input,.upload-fields textarea,.upload-dialog select{width:100%;border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:11px 12px;color:var(--ink);font-family:inherit;font-size:12px;line-height:1.5;outline-offset:2px}.upload-dialog textarea{resize:vertical;min-height:65px;max-height:180px;font-family:inherit;font-size:12px;line-height:1.6}.upload-dialog select{font-size:11px}.upload-fields input::placeholder,.upload-fields textarea::placeholder{color:var(--muted)}
.file-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:7px;border:1px dashed var(--line);border-radius:19px;padding:23px 16px;background:var(--panel);transition:background .3s,border-color .3s,transform .3s var(--spring);overflow:hidden}.file-drop:hover,.file-drop.dragging{border-color:var(--accent);background:rgba(var(--accent-rgb),.075)}.file-drop.dragging{transform:scale(1.015)}.file-glyph{font:700 26px var(--mono);color:var(--accent);margin-bottom:4px}.file-drop strong{font-size:14px;font-weight:600;max-width:100%;overflow-wrap:anywhere}.file-drop>span:not(.file-glyph){font-size:10px;color:var(--muted)}.file-drop small{font-size:9px;color:var(--muted);margin-top:6px;line-height:1.7;text-wrap:balance}.creator-options{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-top:20px}.creator-options fieldset{padding:0;border:0;margin:0;display:flex;gap:8px}.creator-options legend{margin-bottom:11px}.color-option{--swatch:#8c72bf;position:relative}.color-option.coral{--swatch:#e58c70}.color-option.green{--swatch:#7c9f72}.color-option.blue{--swatch:#6a96d3}.color-option input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.color-option>span{display:block;width:29px;height:29px;border-radius:50%;background:var(--swatch);border:3px solid var(--bg);outline:1px solid transparent;transition:transform .25s var(--spring)}.color-option input:checked+span{outline-color:var(--ink);transform:scale(1.08)}.color-option input:focus-visible+span{outline:2px solid var(--blue);outline-offset:3px}.visibility-label{display:flex;flex-direction:column;gap:8px;width:200px}.creator-consent{display:flex;align-items:start;gap:8px;margin-top:23px;color:var(--muted);font-size:10px!important;line-height:1.8}.creator-consent input{accent-color:var(--accent);margin:3px 0 0}.creator-consent a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.upload-note{font-size:9px;color:var(--muted);line-height:1.8;margin-top:11px}.upload-status{font-size:11px;color:var(--muted);margin:14px 0;min-height:17px;overflow-wrap:anywhere}.upload-status.error{color:var(--danger)}.upload-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;border-top:1px solid var(--line);padding-top:17px}.upload-actions button{padding:11px 14px;border-radius:22px;font-size:11px;border:1px solid var(--line)}.publish-button{background:var(--ink);color:var(--bg)}.preview-button:hover{background:var(--panel)}.upload-actions .delete-game{margin-right:auto;color:var(--danger);border:0;padding-left:0}.upload-dialog[aria-busy=true] button:disabled{opacity:.55}.delete-confirm{margin-top:17px;padding:16px;border:1px solid var(--danger);border-radius:15px;font-size:11px;color:var(--danger)}.delete-confirm p{margin-bottom:10px}.delete-confirm button{font-size:10px;padding:8px 12px;border:1px solid var(--line);border-radius:17px;margin-right:8px}.delete-confirm #confirmDelete{background:var(--danger);color:var(--bg);border-color:var(--danger)}.upload-progress{margin-top:15px;display:flex;flex-direction:column;gap:7px;font-size:10px;color:var(--muted)}.upload-progress progress{width:100%;height:5px;accent-color:var(--accent);border:0;border-radius:10px}.upload-auth{text-align:center;padding:35px 10px}.auth-art{display:block;color:var(--accent);font-size:70px;line-height:1.3}.upload-auth h3{font-size:20px;letter-spacing:-.5px;margin:12px 0}.upload-auth p{font-size:12px;color:var(--muted);line-height:1.8;margin-bottom:23px}.preview-dialog{width:min(1060px,calc(100vw - 24px))}.preview-top{display:flex;align-items:center;justify-content:space-between;padding:18px 23px;gap:15px;border-bottom:1px solid var(--line)}.preview-top h2{font-size:18px;margin-top:4px;overflow-wrap:anywhere}.preview-stage{height:min(70dvh,700px);min-height:280px}.community-frame{width:100%;height:100%;display:block;border:0;background:#fff}.game-dialog.custom-game{width:min(1120px,calc(100vw - 24px))}.custom-game .game-window{width:100%;padding:20px}.custom-game .game-stage{width:100%;max-width:none;height:min(65dvh,690px);min-height:260px;border:1px solid var(--line);border-radius:15px;overflow:hidden;touch-action:auto}.custom-game .game-status-bar>div{display:none}.custom-game .game-status-bar{padding:11px 0}.custom-game .game-message{min-height:35px;font-size:10px;color:var(--muted);overflow-wrap:anywhere}.custom-game .game-window-title{min-width:0;flex:1}.custom-game .game-window-title h2{overflow-wrap:anywhere;max-width:100%}.custom-game .game-help{min-height:31px}.community-game-loading{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:30px;text-align:center;color:var(--muted);font-size:12px}.custom-game:fullscreen .game-stage{height:calc(100dvh - 220px)}.custom-game:fullscreen .game-window{max-width:none;width:100%}
[data-theme=night] .community-card{--cover:#39304d;--cover-ink:#c3abef}[data-theme=night] .community-card[data-cover=coral]{--cover:#4f322b;--cover-ink:#e7a38a}[data-theme=night] .community-card[data-cover=green]{--cover:#293e30;--cover-ink:#b6d2a8}[data-theme=night] .community-card[data-cover=blue]{--cover:#2a3c54;--cover-ink:#9dbfe9}
@keyframes creator-card-arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1150px){.side-panel{margin-top:175px}.filter{padding:7px 8px;font-size:10px}.community-card-copy{padding:15px}}
@media(max-width:880px){.side-panel{margin-top:0}.community-card-copy h2{font-size:17px}}
@media(max-width:540px){.creator-bar{padding:14px;gap:12px}.creator-bar .micro-label{font-size:5px;letter-spacing:.2px}.creator-bar p{font-size:11px}.upload-entry{padding:10px 12px;font-size:10px;gap:6px}.upload-entry>span:first-child{font-size:15px}.filter-tabs{flex-wrap:wrap;justify-content:flex-start;gap:2px}.filter{font-size:9px;padding:7px 9px}.community-card-copy{padding:13px 12px}.community-art{height:117px}.community-art>strong{font-size:56px}.community-art .mini-index{font-size:6px;letter-spacing:0}.community-card-copy h2{font-size:15px}.community-card-copy p{font-size:10px}.community-card-copy>small{font-size:7px}.creator-name{font-size:8px}.creator-orbit{font-size:23px;right:12%}.manage-game{font-size:9px;padding:10px 12px}.upload-window{padding:18px}.upload-header h2{font-size:21px}.upload-fields{gap:13px;grid-template-columns:1fr}.full-field{grid-column:auto}.creator-options{gap:13px}.visibility-label{width:165px}.creator-options legend,.visibility-label{font-size:10px!important}.color-option>span{width:25px;height:25px}.creator-options fieldset{gap:5px}.upload-actions{gap:6px;flex-wrap:wrap}.upload-actions button{font-size:10px;padding:10px 12px}.file-drop{padding:20px 10px}.file-drop strong{font-size:12px}.file-drop small{font-size:8px}.custom-game .game-window{padding:14px}.custom-game .game-stage{height:60dvh;min-height:240px}.preview-top{padding:15px}.upload-header>.icon-button{width:31px;height:31px}.upload-progress{font-size:9px}.community-status{font-size:8px}.community-status button{font-size:8px}}
@media(prefers-reduced-motion:reduce){.community-card,.creator-orbit{animation:none}.upload-entry,.color-option>span{transition:none}}