/* Community controls share the original game's quiet borders and compact type. */
.community-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 11px;border:1px solid var(--outline);border-radius:7px;background:var(--surface);color:var(--prose-2);font:600 11px var(--font-ui);letter-spacing:.025em;text-transform:uppercase;cursor:pointer;transition:background .15s,color .15s}
.community-button:hover{background:var(--surface-raised);color:var(--prose)}
.message-composer--suggestion{margin:12px 0 20px;display:flex;justify-content:flex-end;align-items:center;gap:10px}
.message-composer--suggestion>.community-button{border-color:transparent;background:transparent;color:var(--prose-3);padding:5px 0}
.message-composer--suggestion>.community-button:hover{color:var(--prose)}
.community-backdrop{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:20px;background:#0006;backdrop-filter:blur(3px);font-family:var(--font-ui);color:var(--prose);text-transform:none}
.community-dialog{width:min(440px,100%);max-height:calc(100dvh - 40px);overflow:auto;border:1px solid var(--outline-strong);border-radius:12px;background:var(--site-bg);color:var(--prose);box-shadow:0 18px 60px #0003}
.community-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:21px 22px 17px}
.community-dialog h2{margin:0;font-size:15px;font-weight:800;letter-spacing:.02em;text-transform:uppercase}
.community-dialog header span{display:block;margin-top:5px;font-size:10px;letter-spacing:.06em;color:var(--prose-3)}
.community-dialog header button{width:25px;height:25px;font:22px/1 var(--font-ui);color:var(--prose-3);border-radius:5px;cursor:pointer}
.community-dialog header button:hover{background:var(--surface-raised);color:var(--prose)}
.community-dialog form{padding:0 22px 21px}
.community-dialog textarea{display:block;width:100%;min-height:142px;max-height:45vh;resize:vertical;padding:13px 14px;border:1px solid var(--outline);border-radius:8px;background:var(--surface);color:var(--prose);font:13px/1.65 var(--font-ui);text-transform:none;outline:none}
.community-dialog textarea:focus{border-color:var(--outline-strong);box-shadow:0 0 0 2px var(--outline-subtle)}
.community-dialog textarea::placeholder{color:var(--prose-3)}
.community-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:13px}
.community-dialog footer small{font-size:10px;color:var(--prose-3)}
.community-dialog footer button{display:flex;align-items:center;gap:18px;padding:9px 14px;border:1px solid var(--outline-strong);border-radius:7px;background:var(--prose);color:var(--site-bg);font:700 11px var(--font-ui);text-transform:uppercase;cursor:pointer}
.community-dialog footer button:disabled{opacity:.4;cursor:default}
.community-status{font-size:12px;line-height:1.5;margin:12px 0 0;color:var(--prose-2)}
/* Titles use the game's existing rarity palette and small rectangular tags. */
.title-tag{display:inline-block;max-width:100%;padding:2px 5px;border-width:1px;border-style:solid;border-radius:3px;font:700 9px/1.3 var(--font-ui);letter-spacing:.025em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;flex:0 1 auto}
.title-tag--creator{color:#a87518;background:#d6aa3820;border-color:#b8903666}
.dark .title-tag--creator{color:#f0d18a;background:#d6aa3817;border-color:#b8903680}
.leaderboard-user{flex-direction:row;align-items:center;gap:7px;flex-wrap:nowrap;flex:1}
.leaderboard-user>a{flex:0 1 auto;min-width:45px}.leaderboard-user>.title-tag{max-width:52%}
.account-name-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.account-name-line>.title-tag{font-size:10px}
.title-picker-custom{position:relative;display:flex;align-items:center;gap:10px;text-transform:none;z-index:40}
.title-picker-label{font-size:11px;color:var(--prose-3)}
.title-picker-trigger{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:33px;max-width:310px;min-width:170px;padding:6px 9px;border:1px solid var(--outline);border-radius:7px;background:var(--surface);color:var(--prose-2);cursor:pointer}
.title-picker-trigger:hover,.title-picker-trigger[aria-expanded=true]{border-color:var(--outline-strong);background:var(--surface-raised)}
.title-picker-trigger>svg{flex-shrink:0}.title-none{font-size:11px;padding:0 3px}
.title-picker-menu{position:fixed;z-index:1000;display:flex;flex-direction:column;width:min(360px,calc(100vw - 48px));border:1px solid var(--outline-strong);border-radius:9px;box-shadow:0 12px 36px #0003;background:var(--site-bg);color:var(--prose);text-transform:none;overflow:hidden}
.title-picker-heading{display:flex;justify-content:space-between;align-items:center;padding:12px 13px;border-bottom:1px solid var(--outline);font-size:11px;font-weight:700}.title-picker-heading>span{font-weight:400;font-size:10px;color:var(--prose-3)}
.title-picker-options{max-height:min(350px,48vh);overflow:auto;padding:5px;overscroll-behavior:contain}
.title-picker-options button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:8px;border-radius:5px;text-align:left;cursor:pointer;outline:none;color:var(--prose)}
.title-picker-options button:hover,.title-picker-options button:focus{background:var(--surface-raised)}
.title-picker-options button[aria-selected=true]{background:var(--surface-dim)}
.title-picker-group{padding:11px 8px 4px;font-size:9px;letter-spacing:.07em;color:var(--prose-3);text-transform:uppercase}
.title-picker-check{width:13px;flex-shrink:0;font-size:12px;color:var(--prose-2)}
.title-picker-options .title-tag{font-size:10px;max-width:calc(100% - 22px)}
.title-picker-clear{margin-top:7px;border-top:1px solid var(--outline);border-radius:0!important;font-size:11px;color:var(--prose-3)!important}
.title-picker-custom>small{position:absolute;top:100%;font-size:11px;color:var(--prose-3)}
.account-top-three{gap:14px}.account-top-slot{isolation:isolate;overflow:hidden;padding:13px 12px 15px;min-height:158px;gap:0;transition:border-color .15s,background .15s}.account-top-slot:hover{border-color:var(--outline-strong);background:var(--surface-raised)}
.account-top-slot>small,.account-top-slot>span{position:relative;z-index:4;background:var(--surface);border-radius:4px;padding:2px 4px}.account-top-slot>small{align-self:flex-start}.account-top-slot>span{font-family:var(--font-space-mono),monospace;font-size:10px}



@media(max-width:640px){.leaderboard-user{gap:4px}.leaderboard-user>.title-tag{font-size:8px;padding:2px 3px;max-width:50%}.account-top-three{gap:6px}.account-top-slot{min-height:135px;padding:9px 5px 11px}.account-top-slot>span{font-size:9px}.title-picker-trigger{max-width:250px}}
.account-top-replay{position:absolute;right:10px;top:9px;z-index:6;display:grid;place-items:center;width:25px;height:25px;border:1px solid var(--outline);border-radius:5px;background:var(--surface);color:var(--prose-3);cursor:pointer;transition:color .15s,border-color .15s}
.account-top-replay:hover{color:var(--prose);border-color:var(--outline-strong);background:var(--surface-raised)}
.account-top-open{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-width:0;flex:1;cursor:pointer}.account-top-open>span{position:relative;z-index:4;font:10px var(--font-space-mono),monospace;color:var(--prose-3);background:var(--surface);padding:2px 4px;border-radius:4px}
.account-top-empty{border-style:dashed;background:transparent;justify-content:space-between;min-height:158px}.account-top-empty>span{font:24px var(--font-space-mono),monospace;color:var(--prose-3);background:none}.account-top-empty>p{font-size:10px;color:var(--prose-3);text-transform:none}
.replay-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;position:relative;z-index:10;font-size:11px;color:var(--prose-2);background:var(--site-bg);border-bottom:1px solid var(--outline-subtle)}.replay-toolbar span{font-weight:700;letter-spacing:.06em;text-transform:uppercase}.replay-toolbar a:hover{text-decoration:underline}.replay-loading{padding:40px 24px;font-size:13px;color:var(--prose-2)}.replay-loading>a{display:block;margin-top:15px;font-size:12px;text-decoration:underline}

@media(max-width:640px){.account-top-replay{right:6px;top:6px;width:23px;height:23px}.account-top-empty{min-height:135px}.account-top-open>span{font-size:9px}}

.aura-preview{position:relative;width:100%;height:116px;min-width:0;flex:1;overflow:hidden;pointer-events:none;border-radius:6px}
.aura-preview-scene{position:absolute;left:50%;top:50%;width:640px;height:800px;transform:translate(-50%,-100px) scale(var(--preview-scale));transform-origin:50% 100px;isolation:isolate}
.aura-preview-scene>.rare-roll-atmosphere{position:absolute;inset:0}
.aura-preview-number{position:absolute;top:100px;left:50%;transform:translate(-50%,-50%);width:max-content;max-width:410px;z-index:1}
.aura-preview-number .number-artifact{max-width:410px}
.account-top-slot{min-height:177px}.account-top-open{overflow:hidden}.account-top-empty{min-height:177px}
@media(max-width:640px){.aura-preview{height:100px}.account-top-slot,.account-top-empty{min-height:150px}}

.broadcast-sound-upload{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.broadcast-sound-upload button{padding:6px 11px;border:1px solid var(--outline);border-radius:7px;font-size:12px}.broadcast-sound-upload small{font-size:11px;color:var(--prose-3);overflow-wrap:anywhere}
.title-tag--bot{color:#2f8f8a;background:#3cc8c01a;border-color:#3cc8c066;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}
.title-tag--bot::before{content:'⚙ ';opacity:.8}
.dark .title-tag--bot{color:#8ff0e8;background:#3cc8c014;border-color:#3cc8c070}