:root{color-scheme:dark;--bg:#07111e;--panel:#0d1c2d;--line:#20394f;--text:#eaf2fa;--muted:#8ca7bd;--accent:#7fc7f5}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px 'Segoe UI',Arial,sans-serif}button,input,select{font:inherit}button{border:1px solid var(--line);background:#11263b;color:var(--text);border-radius:8px;padding:10px 16px;cursor:pointer;transition:background .15s,border-color .15s}button:hover:not(:disabled){background:#1c3b55;border-color:#5985a7}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.primary{background:#88d1fa;color:#071a2b;border-color:#88d1fa;font-weight:650}.primary:hover:not(:disabled){background:#b2e3ff;border-color:#b2e3ff}.subtle{background:transparent}.wrap{max-width:1250px;margin:auto;padding:0 28px}header{border-bottom:1px solid var(--line);background:#091625}.brandline{display:flex;align-items:center;justify-content:space-between;padding:22px 0;border-bottom:1px solid #192c40}.brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:650;letter-spacing:-.5px}.brand b{color:var(--accent);font-weight:500}.brand .pill{margin-left:14px;letter-spacing:1.6px;font-size:9px}.logo{display:grid;place-items:center;width:39px;height:39px;background:#8bd1fb;color:#102033;border-radius:10px;font-size:16px;font-weight:800;letter-spacing:-2px}.intro{display:flex;align-items:center;justify-content:space-between;padding:30px 0 26px}h1{font-size:30px;letter-spacing:-.8px;line-height:1.2;margin:0 0 10px}p{color:var(--muted);margin:0;line-height:1.6}.steps{color:#9fb8cc;font-size:12px}.steps i{margin:0 10px;font-style:normal;color:#41627d}nav{display:flex;gap:25px}.tab{background:none;border:0;border-radius:0;border-bottom:2px solid transparent;padding:15px 0;color:var(--muted);font-size:14px}.tab:hover:not(:disabled){background:none}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.tab span{background:#152b40;border-radius:4px;padding:2px 6px;margin-left:6px;font-size:10px}#gamebar{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:11px;padding:16px 0;border-bottom:1px solid #14283a;overflow:hidden}#gamepath{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dot{width:6px;height:6px;background:#e6ae68;border-radius:50%;flex:none}.dot.ready{background:#77d9b0}.sectiontitle{display:flex;align-items:center;justify-content:space-between;padding:26px 0 20px}h2{font-size:21px;letter-spacing:-.3px;margin:0 0 7px}.sectiontitle p{font-size:13px}.sectiontitle button{font-size:12px}.controls{display:flex;gap:10px}input,select{background:#0b1828;color:#fff;border:1px solid var(--line);border-radius:9px;padding:12px 13px;font-size:14px}select{min-width:220px}.searchbox{display:flex;align-items:center;flex:1;background:#0b1828;border:1px solid var(--line);border-radius:9px;padding-left:14px}.searchbox span{font-size:24px;color:#7d9ab2}.searchbox input{width:100%;border:0;background:transparent;min-width:0}.searchbox input:focus{outline:none}.searchbox:focus-within{border-color:#7fc7f5}.status{display:flex;gap:12px;align-items:center;margin:17px 0;color:var(--muted);font-size:12px}.pill{display:inline-block;border:1px solid #28577c;background:#102a42;color:#aadfff;border-radius:99px;padding:4px 9px;font-size:11px}.tablewrap{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel)}table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}th,td{padding:13px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}th{background:#0a1727;color:#9eb8cd;font-size:10px;letter-spacing:1.3px;text-transform:uppercase;font-weight:600}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#12253b}.num{width:48px;color:#7fc7f5;font-size:12px;font-weight:700;text-align:center}.photo{width:214px}.photoBox{width:188px;height:106px;border-radius:8px;overflow:hidden;border:1px solid #2a4b6b;background:linear-gradient(135deg,#113047,#142033);display:flex;align-items:center;justify-content:center;color:#7595ad;font-size:12px;position:relative}.photoBox img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.name{font-weight:650;font-size:16px;margin-bottom:5px;overflow-wrap:anywhere}.author{color:#7fc7f5;font-size:11px;margin-bottom:9px}.description{color:#8fa7bb;font-size:12px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.action{width:200px}.origin{font-size:11px;color:#9db7cb}.rowactions{display:flex;flex-direction:column;gap:7px}.rowactions button{font-size:12px;padding:9px 10px}.downloaded{color:#83d7b0;font-size:11px;text-align:center}.unavailable{font-size:11px;color:#d2af7d;line-height:1.5}.notice{padding:13px 16px;border:1px solid #455043;background:#1a251f;color:#c3cdb5;font-size:12px;border-radius:8px;margin-bottom:15px}.empty{padding:65px 20px;text-align:center;color:var(--muted)}.empty strong{display:block;color:var(--text);font-size:18px;margin-bottom:10px}.pagination{display:flex;align-items:center;justify-content:center;gap:24px;padding:24px;color:var(--muted);font-size:12px}.pagination button{font-size:12px}footer{display:flex;justify-content:space-between;color:#66839b;border-top:1px solid #192c40;padding:24px 0;margin-top:14px;font-size:11px}footer b{margin:0 8px;color:#385771}code{display:inline-block;color:#ffd0a1;background:#25180d;border:1px solid #553719;padding:5px 7px;border-radius:5px;font-size:11px;overflow-wrap:anywhere;max-width:100%}.note{font-size:11px;color:#7994ad;margin-top:6px}dialog{background:#0b1929;color:var(--text);border:1px solid #345571;border-radius:14px;padding:24px;width:min(1120px,94vw);max-height:90vh;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#020710d9;backdrop-filter:blur(4px)}.dialoghead{display:flex;justify-content:space-between;gap:20px;margin-bottom:22px}.dialoghead p{font-size:13px}.dialoghead button{align-self:flex-start}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--accent);display:block;margin-bottom:10px}.pickscroll{overflow:auto;max-height:49vh;border:1px solid var(--line);border-radius:10px;margin-top:16px}.pickscroll th{position:sticky;top:0;z-index:1}.pickscroll th:first-child{width:156px}.pickscroll th:last-child{width:110px}.pickscroll .photoBox{width:128px;height:72px}.pickscroll .name{font-size:13px}.pickscroll button{font-size:11px}.pickscroll tr.selected{background:#153a51;outline:1px solid #66b2df;outline-offset:-1px}.pickscroll tbody tr{cursor:pointer}.dialogfoot{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:20px;color:var(--muted);font-size:12px}#operation{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:18px;background:#163449;border:1px solid #4381a5;box-shadow:0 8px 40px #0009;border-radius:12px;padding:18px 24px;z-index:20;min-width:360px}#operation strong{font-size:13px}#operation p{font-size:12px;margin-top:4px}.spinner{width:23px;height:23px;border:2px solid #45677a;border-top-color:#b5e5ff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#toast{position:fixed;bottom:24px;right:24px;max-width:460px;padding:18px 22px;border:1px solid #3f8c79;border-radius:10px;background:#14372f;box-shadow:0 8px 40px #0009;z-index:100;font-size:13px;line-height:1.5}#toast.error{background:#40252a;border-color:#b96d77}.savedcard{border:1px solid var(--line);border-radius:10px;padding:22px;margin-bottom:12px;background:var(--panel);display:flex;align-items:center;justify-content:space-between;gap:20px}.savedcard p{font-size:12px}.savedcard h3{margin:0 0 8px;font-size:16px}.savedcard button{font-size:12px}#confirmDialog{max-width:480px;padding:28px}.confirmButtons{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}[hidden]{display:none!important}body.busy button,body.busy input,body.busy select{pointer-events:none;opacity:.5}@media(max-width:1050px){.wrap{padding:0 20px}.steps{display:none}.photo{width:184px}.photoBox{width:158px;height:89px}.action{width:145px}.brand .pill{display:none}h1{font-size:27px}}

.brand .brand-icon{width:44px;height:44px;object-fit:contain;background:transparent;border-radius:0;display:block}

#operation{min-width:420px}
.operation-copy{flex:1;min-width:0}
.operation-progress{height:6px;margin-top:10px;background:#0a1d2b;border:1px solid #315b73;border-radius:99px;overflow:hidden}
.operation-progress span{display:block;height:100%;width:0;background:var(--accent);transition:width .15s ease}
#operation .spinner{flex:none}

.saved-comparison{align-items:center;gap:28px}
.saved-transition{display:flex;align-items:center;gap:22px;min-width:0}
.saved-map{margin:0;width:220px;min-width:0}
.saved-map figcaption{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}
.saved-label{color:var(--muted);font-size:10px;letter-spacing:1.2px;text-transform:uppercase}
.saved-map strong{font-size:14px;overflow-wrap:anywhere}
.saved-map .photoBox{width:100%;height:auto;aspect-ratio:16/9}
.saved-arrow{color:var(--accent);font-size:28px;margin-top:38px;flex:none}
.saved-details{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:8px;text-align:right}
.saved-details button{margin-top:12px}
.section-actions{display:flex;gap:8px;align-items:center}
.network-status{align-items:flex-start}.network-status .pill{flex:none}.network-connect{margin:18px 0}.network-connect>button{min-width:120px}#peerRows .action{width:180px}
.room-card{display:block}.room-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.room-head h3{margin:0 0 6px}.room-connect,.room-map{margin:16px 0}.room-connect .searchbox{max-width:320px}.room-map select{min-width:280px;flex:1}.room-players{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.room-player{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.03);font-size:12px}.room-player strong{font-weight:700}.room-player.ready{border-color:rgba(60,210,140,.45)}.room-player.waiting{border-color:rgba(255,184,72,.45)}.manual-peer{margin:14px 0}.manual-peer summary{cursor:pointer;color:var(--muted)}
@media(max-width:1050px){.saved-map{width:185px}.saved-transition{gap:14px}.saved-comparison{gap:18px}}
@media(max-width:760px){.saved-comparison{flex-wrap:wrap}.saved-transition{width:100%}.saved-map{flex:1}.saved-details{align-items:flex-start;text-align:left;margin-left:0}.saved-arrow{font-size:22px}}

.vote-buttons{display:flex;gap:6px;margin-top:12px;flex-wrap:wrap}
.vote-buttons button{font-size:11px;padding:6px 9px;background:transparent}
.vote-buttons button[aria-pressed="true"]{background:#1d4b66;border-color:#7fc7f5;color:#c4edff}
.rowactions .delete-download,.danger{color:#ffb0b0;border-color:#69404b;background:#301e29}
.test-result{display:block;margin-top:8px;padding:3px 0;background:none;border:0;color:#9cbcd4;font-size:11px;text-align:left}
#deleteDialog,#feedbackDialog{max-width:540px;padding:28px}
#multiplayerTutorial{display:block}#multiplayerTutorial summary{cursor:pointer;font-weight:600}#multiplayerTutorial ol{padding-left:24px;line-height:1.7}#multiplayerTutorial li{margin:12px 0}#multiplayerTutorial a{color:var(--accent,#8dcaff)}#vpnControls{border-top:1px solid var(--line);padding-top:14px;margin-top:14px}#roomJoinControls label,#roomHostControls label{display:flex;align-items:center;gap:9px;font-size:13px}#roomHostControls input,#roomJoinControls input[type=checkbox]{width:auto}#friendRoomInfo{min-height:20px}#vpnStatus{font-weight:600}
#deleteDialog p,#feedbackDialog p{font-size:13px;margin:12px 0}
.feedbackAnswers{display:flex;gap:9px;flex-wrap:wrap;margin:22px 0 14px}
.feedbackAnswers button{font-size:13px}
.badge-new{font-size:10px;background:#14372f;border:1px solid #3f8c79;color:#9fe3cf;border-radius:5px;padding:2px 7px;margin-left:8px;vertical-align:middle;white-space:nowrap}.badge-gone{font-size:10px;background:#40252a;border:1px solid #b96d77;color:#f3c3c9;border-radius:5px;padding:2px 7px;margin-left:8px;vertical-align:middle;white-space:nowrap}.arenarow{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin-bottom:10px;cursor:pointer}.arenarow input[type=checkbox]{margin-top:8px;transform:scale(1.35);flex:none}.arenarow>span{flex:1;min-width:0}.arenaname{width:100%;margin-bottom:6px}#arenasNew{max-height:46vh;overflow:auto;margin-top:6px}#arenasDialog{width:min(760px,94vw)}.arenarow{align-items:center}.arenarow .photoBox{width:132px;height:74px;flex:none}.headerright{display:flex;gap:10px}.offlinebar{margin:12px 0 0;padding:13px 16px;border:1px solid #b96d77;background:#40252a;color:#f3c3c9;font-size:12px;border-radius:8px;line-height:1.5}.offlinebar strong{margin-right:6px}#licenseDialog{max-width:520px;padding:28px}#licenseDialog .controls{margin:16px 0 4px}#tokenText{text-transform:uppercase;letter-spacing:1px}body[data-locked] .rowactions .primary,body[data-locked] #refreshArenas,body[data-locked] #reapply{opacity:.45}#lockScreen{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;background:rgba(2,7,16,.96);padding:20px}#lockScreen[hidden]{display:none}.lockcard{width:min(480px,94vw);background:#0b1929;border:1px solid #345571;border-radius:14px;padding:34px;box-shadow:0 30px 100px #000}.lockcard .brand{margin-bottom:18px}.lockcard h2{margin:0 0 10px}.lockcard p{font-size:13px}.lockcard .controls{margin:18px 0 6px}.lockcard .searchbox input{text-transform:uppercase;letter-spacing:1px}.errorline{color:#f3c3c9;font-size:12px;margin:10px 0 0}#lockActivate{width:100%;margin-top:14px}#lockRenew{width:100%;margin-top:10px}body.locked{overflow:hidden}

#tagDialog{max-width:560px;padding:28px}#tagDialog .controls{margin:18px 0 6px}#tagNickname{letter-spacing:.3px}#tagBtn.tag-ready{border-color:#3f8c79;color:#9fe3cf;background:#102820}
#windowsDialog{max-width:650px;padding:28px}.windows-options{display:grid;gap:10px;margin:20px 0}.windows-options label{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:10px;padding:13px 14px;background:#0a1727;cursor:pointer}.windows-options input{margin-top:4px;transform:scale(1.2)}.windows-options span{display:flex;flex-direction:column;gap:4px}.windows-options strong{font-size:13px}.windows-options small{color:var(--muted);line-height:1.45}.windows-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:4px 0 8px}

/* Navegação por módulos: o RLMaps agora abriga ferramentas além dos mapas. */
.brandline{justify-content:flex-start;padding:18px 0 12px;border-bottom:0}
.header-actions{padding:0 0 16px;border-bottom:1px solid #192c40}
.headerright{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.headerright button{padding:10px 14px}
.headerright #langSel{min-width:150px;width:190px}
.module-nav{display:flex;gap:8px;padding:18px 0 8px;flex-wrap:wrap}
.module-tab{background:transparent;border:1px solid #20394f;color:#9db7cb;padding:10px 16px;font-weight:600}
.module-tab:hover:not(:disabled){background:#11263b;border-color:#41627d}
.module-tab.active{background:#17364e;border-color:#5da9d7;color:#d9f2ff}
.map-nav{display:flex;gap:25px;overflow-x:auto;scrollbar-width:thin}
.map-nav .tab{white-space:nowrap}
.tool-placeholder{border:1px dashed #31506a;border-radius:12px;background:#0b1929;padding:32px;margin-bottom:22px}
.tool-placeholder strong{display:block;font-size:18px;margin-bottom:8px}
.tool-placeholder p{max-width:680px}
.tool-view .sectiontitle{padding-bottom:16px}
@media(min-width:761px) and (max-width:1100px){.headerright{display:grid;grid-template-columns:repeat(4,max-content);justify-content:start}.headerright #langSel{grid-column:1;width:190px}}
@media(max-width:760px){.module-nav{gap:6px}.module-tab{padding:9px 12px}.headerright #langSel{width:100%;flex:1}.header-actions{padding-bottom:12px}}

/* Name Changer */
.changer-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.changer-card{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:18px;margin:0}
.changer-card h3,.changer-status-card h3{margin:0 0 7px;font-size:17px}
.changer-card code{padding:2px 5px}
.changer-field{display:flex;flex-direction:column;gap:7px;color:#a8bed0;font-size:12px}
.changer-field input[type=text]{width:100%}
.changer-field input[type=search],.changer-field select{width:100%;min-width:0}
.changer-field small{color:var(--muted);font-weight:400}
.changer-row{display:flex;align-items:flex-end;gap:18px;flex-wrap:wrap}
.changer-color{width:130px}.changer-color input{width:100%;height:44px;padding:5px;cursor:pointer}
.changer-check{display:flex;align-items:center;gap:9px;min-height:44px;color:#a8bed0;font-size:12px;cursor:pointer}
.changer-check input{width:auto;transform:scale(1.15)}
.changer-status-card{align-items:center}.changer-status-card>div:first-child{min-width:0;flex:1}
.changer-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.changer-control{margin-top:auto;padding-top:16px;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.changer-control .changer-actions{justify-content:flex-start}
.changer-notice{margin:14px 0 24px}.changer-running{border-color:#3f8c79;background:#102820;color:#9fe3cf}
@media(max-width:900px){.changer-grid{grid-template-columns:1fr}.changer-status-card{align-items:flex-start;flex-direction:column}.changer-actions{justify-content:flex-start}}

/* Item Changer */
.item-paint-controls{display:flex;gap:7px;align-items:end}.item-paint-controls label{flex:1;min-width:0;font-size:9px;color:#8cabc0;display:flex;flex-direction:column;gap:4px}.item-paint-controls select{width:100%;font-size:10px;padding:6px}.item-paint-controls input[type=color]{width:36px;height:30px;padding:3px}.item-paint-note{font-size:9px;line-height:1.35;color:#8ba0b3}
.itemchanger-title{align-items:flex-start}
.itemchanger-shell{display:grid;grid-template-columns:190px minmax(0,1fr);gap:14px;align-items:start;margin-bottom:26px}
.item-sidebar{display:block;padding:14px;position:sticky;top:10px;margin:0}
.item-sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 3px 12px;border-bottom:1px solid var(--line)}
.item-sidebar-head strong{font-size:12px;letter-spacing:.3px}.item-sidebar-head .note{margin:0;white-space:nowrap}
.item-category-list{display:flex;flex-direction:column;gap:3px;padding-top:9px}
.item-category{width:100%;border:0;background:transparent;color:#9fb5c6;border-radius:7px;padding:9px 10px;text-align:left;font-size:12px}
.item-category:hover:not(:disabled){background:#12283b;border:0;color:#d9efff}
.item-category.active{background:#17364e;color:#d9f2ff;box-shadow:inset 2px 0 #76c9f5}
.item-workspace{min-width:0}
.item-toolbar-card{display:block;margin:0 0 12px;padding:16px 18px}
.item-toolbar-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
.item-toolbar-top h3{font-size:18px;margin:0 0 6px}.item-toolbar-top p{font-size:12px}
.item-toolbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;max-width:650px}
.item-toolbar-actions button{font-size:11px;padding:8px 10px}
.item-check{display:inline-flex;align-items:center;gap:7px;color:#a6bdcf;font-size:11px;cursor:pointer;white-space:nowrap}
.item-check input{width:auto;margin:0;accent-color:#7fc7f5}.item-owned-disabled{opacity:.55;cursor:default}
.item-search-row{display:flex;gap:8px;margin-top:14px}.item-search-row .searchbox{min-width:220px}.item-search-row button{font-size:11px}
.item-search-status{margin:8px 0 0;font-size:11px;min-height:16px}
.item-search-status.error{color:#f3a8ae}
#itemEmptyReset{margin-top:12px}
.item-decal-controls{display:flex;align-items:flex-end;gap:18px;margin-top:14px;padding:12px 13px;border:1px solid #1d3850;border-radius:9px;background:#091727}
.item-decal-controls>label:first-child{display:flex;flex-direction:column;gap:6px;color:#9fb7ca;font-size:11px}.item-decal-controls select{min-width:260px;padding:9px 11px}
.item-decal-controls .item-check{min-height:40px}
.itemchanger-notice{margin:0 0 12px}.itemchanger-notice.running{border-color:#77514d;background:#2b1d20;color:#f0c1c1}
.item-list-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:17px 0 10px;color:#dcebf6}
.item-list-head>div:first-child{display:flex;flex-direction:column;gap:2px}.item-list-head .note{margin:0}
.item-page-controls,.item-bottom-pagination{display:flex;align-items:center;justify-content:center;gap:10px;color:#87a5bb;font-size:11px;white-space:nowrap}
.item-page-controls button,.item-bottom-pagination button{font-size:11px;padding:7px 10px}
.item-bottom-pagination{padding:18px 0 4px}
.item-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.item-card{min-width:0;border:1px solid var(--line);border-radius:10px;background:#0b1929;overflow:hidden;display:flex;flex-direction:column;transition:border-color .15s,transform .15s,background .15s}
.item-card:hover{border-color:#315a77;background:#0e2033}.item-card.applied{border-color:#3c866f;box-shadow:inset 0 0 0 1px rgba(94,205,166,.08)}
.item-card:focus-within{border-color:#7fc7f5;box-shadow:0 0 0 1px rgba(127,199,245,.3)}
.item-thumb{height:118px;display:grid;place-items:center;position:relative;background:radial-gradient(circle at 50% 40%,#173b56 0,#10283b 48%,#091723 100%);overflow:hidden;border-bottom:1px solid #1c3448}
.item-thumb img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0;padding:7px}
.item-thumb-fallback{font-size:30px;font-weight:800;letter-spacing:-2px;color:#6a91aa;text-transform:uppercase;opacity:.9;user-select:none}
.item-thumb.loading::after{content:'';width:18px;height:18px;border:2px solid #35536a;border-top-color:#9edfff;border-radius:50%;animation:spin .75s linear infinite;position:absolute;right:9px;bottom:9px}
.item-card-body{display:flex;flex-direction:column;gap:9px;padding:11px;min-height:185px}
.item-card-name{font-size:12px;font-weight:700;line-height:1.35;min-height:32px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.item-step{display:block;font-size:10px;font-weight:800;letter-spacing:.7px;color:#9ed9f5;margin-bottom:5px}
.item-card .item-base-note{font-size:11px;line-height:1.5;color:#b7ccda}
.item-card .item-target-label{font-size:10px;font-weight:800;color:#9ed9f5;letter-spacing:.5px}
.item-card .item-target-hint{line-height:1.5;min-height:27px}
.item-card .item-card-actions .primary{font-size:11px;font-weight:700;padding:10px 8px}
.item-card-meta{color:#6f8ca2;font-size:9px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.item-active-list{display:flex;flex-direction:column;gap:5px}.item-active-row{display:flex;align-items:center;gap:6px;padding:6px 7px;border:1px solid rgba(83,190,151,.34);border-radius:7px;background:rgba(34,100,78,.18)}
.item-active-row span{min-width:0;flex:1;color:#9fe3cf;font-size:9px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-active-row button{flex:none;font-size:9px;padding:4px 6px}
.item-target-label{color:#8ba7bb;font-size:9px;text-transform:uppercase;letter-spacing:.75px;margin-top:auto}
.item-target-search{width:100%;padding:7px 8px;border-radius:7px;font-size:10px}
.item-target-select{width:100%;min-width:0;padding:8px 7px;border-radius:7px;font-size:10px}
.item-card-actions{display:flex;gap:6px}.item-card-actions button{width:100%;font-size:10px;padding:7px 8px}
.item-card .item-no-target{color:#b7946f;font-size:9px;line-height:1.4;margin:auto 0 0}
#itemChangerBadge.item-ready{border-color:#3f8c79;background:#102820;color:#9fe3cf}#itemChangerBadge.item-running{border-color:#8f555e;background:#40252a;color:#f3c3c9}
#itemGrid.loading{min-height:270px;opacity:.55;pointer-events:none}
#itemGrid[aria-busy="true"]{cursor:progress}
.item-restore-dialog{max-width:min(480px,94vw)}.item-restore-dialog h2{margin:0 0 12px}.item-restore-dialog p{line-height:1.6}
@media(max-width:1120px){.item-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.itemchanger-shell{grid-template-columns:170px minmax(0,1fr)}.item-toolbar-top{flex-direction:column}.item-toolbar-actions{justify-content:flex-start;max-width:none}}
@media(max-width:820px){.itemchanger-shell{grid-template-columns:1fr}.item-sidebar{position:static}.item-category-list{display:grid;grid-template-columns:repeat(3,1fr)}.item-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.item-list-head{align-items:flex-start;flex-direction:column}.item-page-controls{align-self:stretch;justify-content:space-between}.item-decal-controls{align-items:flex-start;flex-direction:column}.item-decal-controls select{min-width:0;width:100%}}
@media(max-width:520px){.item-category-list{grid-template-columns:repeat(2,1fr)}.item-grid{grid-template-columns:1fr}.item-toolbar-actions{align-items:flex-start;flex-direction:column}.item-search-row{flex-direction:column}.item-search-row button{align-self:flex-start}.item-thumb{height:148px}}
.item-inventory-tabs{display:flex;gap:8px;margin:0 0 16px;flex-wrap:wrap}
.item-inventory-tabs button{min-width:110px}
.item-inventory-tabs button.active{background:var(--accent,#89d3f5);color:#061524;border-color:var(--accent,#89d3f5);font-weight:700}
.preset-toolbar{flex-wrap:wrap;align-items:flex-start}
.preset-toolbar-actions{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}
.preset-toolbar-actions label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:var(--muted)}
.preset-toolbar-actions select{max-width:350px;min-width:220px}
#presetStatus{flex-basis:100%;margin:0}
.preset-garage{display:grid;grid-template-columns:260px minmax(0,1fr);gap:14px;align-items:start;margin-bottom:26px}
.preset-sidebar,.preset-details{display:block;min-width:0}
.preset-sidebar{padding:16px}
#presetList{display:flex;flex-direction:column;gap:8px;max-height:650px;overflow:auto;margin-top:16px}
.preset-entry{display:flex;align-items:center;text-align:left;gap:12px;padding:13px;width:100%;min-width:0}
.preset-entry>span:last-child{min-width:0}
.preset-entry strong{display:block;overflow-wrap:anywhere;font-size:13px}
.preset-entry small{display:block;color:var(--muted);margin-top:5px;font-size:10px}
.preset-entry.active{background:#163a52;border-color:var(--accent);color:#dff5ff}
.preset-order{color:var(--accent);font-size:11px;flex:none}
.preset-detail-head{display:flex;align-items:center;justify-content:space-between;gap:15px}
.preset-detail-head h3{font-size:21px;overflow-wrap:anywhere}
.preset-team-tabs{display:flex;gap:8px;margin:22px 0 12px}
.preset-team-tabs button{min-width:100px}
#presetBlue.active{background:#163e61;border-color:#70c9ff;color:#bde6ff}
#presetOrange.active{background:#58321c;border-color:#e9a064;color:#ffd7b7}
.preset-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
.preset-item{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:9px;padding:12px;background:#091725;min-width:0}
.preset-item .item-thumb{width:76px;height:64px;flex:none;margin:0;border-radius:6px}
.preset-item>div:last-child{min-width:0}
.preset-slot{display:block;color:var(--muted);font-size:10px;margin-bottom:5px}
.preset-item strong{display:block;overflow-wrap:anywhere;font-size:13px}
.preset-item small{display:block;font-size:10px;color:var(--accent);margin-top:5px}
.preset-stage-note{border-top:1px solid var(--line);padding-top:16px;margin-top:20px}
.preset-preview{border:1px solid #27475e;border-radius:12px;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#1b3b52,#081523 80%);margin:16px 0 22px}
.preset-preview-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #244258;background:#0b1c2add}
.preset-preview-head>div{display:flex;gap:7px}.preset-preview-head button{font-size:10px;padding:7px 10px}.preset-preview-head button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}
.preset-preview-feedback{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 16px;color:#b7cfe0;font-size:11px}.preset-preview-feedback button{flex-shrink:0;font-size:11px;padding:6px 10px}
.preset-viewport{position:relative;height:350px;min-width:0;touch-action:none;overflow:hidden}
.preset-viewport canvas{display:block;width:100%;height:100%;cursor:grab}.preset-viewport canvas:active{cursor:grabbing}
.preset-preview-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;padding:28px;text-align:center;background:#0a1926e8;color:#b7cfe0;font-size:13px;line-height:1.6}
.preset-viewport[aria-busy=true] .preset-preview-overlay::before{content:'';width:26px;height:26px;border:2px solid #2e536d;border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite}
.preset-viewport[data-ready=false] canvas{visibility:hidden}
:is(#spawnerTutorial,#colorsTutorial){display:block;margin-top:14px}
:is(#spawnerTutorial,#colorsTutorial) summary{cursor:pointer;font-weight:600}
:is(#spawnerTutorial,#colorsTutorial) ol{margin:16px 0;padding-left:24px}
:is(#spawnerTutorial,#colorsTutorial) li{margin:8px 0;line-height:1.6}
.garage-studio{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(250px,1fr);gap:14px;align-items:start;margin:16px 0}
.garage-studio .preset-preview{margin:0;position:sticky;top:12px}.garage-studio .preset-viewport{height:360px}
.garage-editor{padding:14px;background:#0a1928;border:1px solid var(--line);border-radius:12px;min-width:0}
.garage-editor-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.garage-editor h4{font-size:15px;margin:6px 0 12px}
.garage-editor-head button{font-size:10px;padding:6px 8px}.garage-editor>select,.garage-editor>input{width:100%;margin-bottom:8px}
.garage-catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-height:110px}
.garage-catalog-grid .item-thumb{height:75px}.garage-catalog-grid .item-appearance-option strong{padding:6px 8px;font-size:11px}.garage-catalog-grid button:disabled{opacity:.45;cursor:not-allowed}
.garage-pagination{display:flex;align-items:center;justify-content:space-between;margin:10px 0}.garage-pagination button{padding:6px 12px}
.garage-paint{border-top:1px solid var(--line);padding-top:12px}.garage-paint label,.garage-destination label{display:grid;gap:6px;font-size:11px}.garage-paint select{width:100%}.garage-paint input[type=color]{width:100%;height:36px;margin-top:4px}
.garage-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:wrap;margin:18px 0 0}.garage-actions>span{margin-right:auto}.garage-actions button{font-size:11px;padding:10px 12px}
.garage-dirty{border-color:#659bb5}.garage-edit-slot{margin-top:6px;padding:5px 10px;font-size:10px}
#garageApplyDialog{width:min(700px,94vw);max-height:88vh;overflow:auto;padding:24px}#garageApplyDialog h2{font-size:23px;margin:7px 0 15px}
.garage-destination{display:grid;grid-template-columns:1fr 170px;gap:12px;margin-bottom:16px}.garage-destination select{width:100%}
#garageCopyAllLabel{display:flex;gap:8px;font-size:12px;align-items:center}
.garage-plan-row{border:1px solid var(--line);border-radius:8px;padding:10px 12px;margin:8px 0}.garage-plan-row strong{display:block;font-size:12px}.garage-plan-row small{display:block;color:var(--accent);margin-top:5px}
@media(max-width:1200px){.garage-studio{grid-template-columns:1fr}.garage-studio .preset-preview{position:static}.garage-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.garage-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.garage-destination{grid-template-columns:1fr}}
.preset-preview-caption{display:flex;justify-content:space-between;gap:12px;padding:10px 16px;color:#87abc2;font-size:10px;border-top:1px solid #244258}.preset-preview-caption>span:last-child{color:#b8d8ea}
#presetPreviewNote{padding:0 16px 13px;margin:0;line-height:1.6;font-size:10px;color:#7898ad}
@media(max-width:700px){.preset-viewport{height:290px}.preset-preview-head{flex-wrap:wrap}.preset-preview-caption{flex-wrap:wrap}}
@media(max-width:1000px){.preset-garage{grid-template-columns:220px minmax(0,1fr)}.preset-items{grid-template-columns:1fr}}
@media(max-width:700px){.preset-garage{grid-template-columns:1fr}.preset-toolbar-actions select{max-width:100%;min-width:0}#presetList{max-height:240px}.preset-detail-head{align-items:flex-start;flex-direction:column}}
.item-inventory-toolbar{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-top:16px;padding-top:14px;border-top:1px solid #203b50}
.item-inventory-toolbar label{display:grid;gap:6px;min-width:240px;max-width:100%;font-size:12px}
.item-inventory-toolbar select{width:100%;max-width:360px}
.item-inventory-toolbar .note{flex:1 1 260px;padding-bottom:10px}
.item-base-note{font-size:10px;color:#94b9d1}
.item-expand{width:100%;font-size:11px;padding:8px}
.item-chosen-preview{display:flex;gap:9px;align-items:center;background:#081624;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.item-chosen-preview .item-thumb{width:64px;height:60px;flex:none;border:0}.item-chosen-preview .item-thumb-fallback{font-size:18px}
.item-chosen-preview>div:last-child{min-width:0;padding:6px 8px 6px 0}.item-chosen-preview span{font-size:9px;color:var(--muted);display:block}.item-chosen-preview strong{font-size:11px;display:block;line-height:1.4}
#itemAppearanceDialog{width:min(1150px,94vw);padding:24px}
#itemAppearanceDialog .dialoghead{margin-bottom:16px}#itemAppearanceDialog h2{font-size:22px;margin:0 0 6px}
.item-picker-toolbar{display:flex;align-items:center;gap:16px;margin-bottom:14px}.item-picker-toolbar .searchbox{flex:1}
.item-picker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-height:52vh;overflow:auto;padding:2px 6px 2px 2px}
.item-appearance-option{padding:0;overflow:hidden;background:#0b1a29;text-align:left;border-radius:10px;min-width:0;display:flex;flex-direction:column}
.item-appearance-option .item-thumb{width:100%;height:120px;flex:none}.item-appearance-option strong{padding:10px 12px 5px;font-size:12px;line-height:1.4}.item-appearance-option>span{padding:0 12px 12px;font-size:10px;color:var(--muted)}
.item-appearance-option.selected{border-color:#8bd5fa;box-shadow:0 0 0 1px #8bd5fa;background:#15354b}
.item-appearance-option:focus-visible,.item-category:focus-visible{outline:3px solid #b2e3ff;outline-offset:2px;position:relative;z-index:1}
.item-picker-footer{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.item-picker-footer strong{font-size:13px;display:block;margin-bottom:12px}.item-picker-actions{display:flex;gap:10px;flex:none}
@media(max-width:820px){.item-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.item-picker-footer{align-items:start;flex-direction:column}}
@media(max-width:520px){.item-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.item-picker-toolbar{align-items:stretch;flex-direction:column}}
@media(max-width:600px){
  #itemAppearanceDialog{padding:16px}
  .item-picker-actions{width:100%;flex-wrap:wrap}
  .item-picker-actions button{flex:1 1 130px;min-height:44px}
  .item-appearance-option{min-height:180px}
  .item-category,.item-expand,.item-search-row button,.item-card-actions button{min-height:44px}
  .item-picker-footer{gap:12px}
}
@media(prefers-reduced-motion:reduce){
  .item-card,button{transition:none}
  .item-thumb.loading::after,.spinner{animation:none}
}

/* Community hero: local artwork, live translated text and keyboard-accessible actions. */
.community-banner{position:relative;isolation:isolate;overflow:hidden;min-height:390px;border:1px solid #315570;border-radius:18px;background:#091a2b;display:flex;align-items:center}
.community-art{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center}
.community-banner::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,16,29,.96),rgba(5,16,29,.84) 30%,rgba(5,16,29,.22) 66%,rgba(5,16,29,.06))}
.community-copy{width:54%;padding:44px;max-width:650px}
.community-copy .eyebrow{color:#8bd7ff;font-size:11px;letter-spacing:2.7px;margin-bottom:18px}
.community-copy h3{font-size:clamp(28px,3.2vw,43px);line-height:1.12;letter-spacing:-1.3px;margin:0 0 18px;max-width:440px;text-wrap:balance}
.community-copy p{color:#c0d4e5;font-size:15px;line-height:1.65;max-width:420px}
.community-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.community-actions button{min-height:44px;padding:12px 18px;font-size:14px}
.community-actions .subtle{background:#0a1c2dd9;border-color:#52708a}
.community-invite{display:block;color:#91aec5;font-size:12px;margin-top:16px;overflow-wrap:anywhere}
.community-topics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:26px 0 20px}
.community-topics>div{padding:8px 18px 8px 0}
.community-topics>div+div{border-left:1px solid var(--line);padding-left:24px}
.community-topics .eyebrow{margin-bottom:10px;font-size:10px}
.community-topics h3{margin:0 0 7px;font-size:16px}
.community-topics p{font-size:13px;max-width:320px}
#communityNote{margin-bottom:24px}
@media(max-width:1000px){.community-copy{padding:32px;width:58%}.community-banner{min-height:360px}}
@media(max-width:700px){.community-banner{min-height:510px;align-items:flex-end}.community-art{object-position:72% center}.community-banner::after{background:linear-gradient(0deg,#05101dfc 12%,#05101de8 49%,#05101d25 100%)}.community-copy{width:100%;padding:28px}.community-copy h3{font-size:32px;max-width:380px}.community-copy p{max-width:420px}.community-topics{grid-template-columns:1fr;gap:16px}.community-topics>div+div{border-left:0;border-top:1px solid var(--line);padding:18px 0 0}.community-topics>div{padding:0}.community-topics p{max-width:none}}