body:has(#home:not(.hidden)){background:#150d3a;overflow-x:hidden}
body:has(#home:not(.hidden)) .orb{display:none}
body:has(#home:not(.hidden)) .shell{width:min(1180px,calc(100% - 30px));padding:20px 0 45px}
body:has(#home:not(.hidden)) .brand{display:none}
.rooms-home{position:relative;min-height:calc(100vh - 40px);display:grid;place-items:center}
.rooms-home:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 50% 5%,#6144d755,transparent 34%),linear-gradient(145deg,#1b1045,#11092f 62%,#24115a);z-index:-2}
.rooms-home:after{content:"";position:fixed;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(circle,#000,transparent 80%);z-index:-1}
.rooms-bg-letters{position:fixed;inset:0;pointer-events:none;overflow:hidden}
.rooms-bg-letters i{position:absolute;width:76px;height:76px;border:1px solid #ffffff0d;border-radius:24px;display:grid;place-items:center;background:#765cef20;color:#b9aaff2e;font-size:36px;font-style:normal;font-weight:950;box-shadow:0 20px 45px #08041f77}
.rooms-bg-letters i:nth-child(1){left:4%;top:12%;transform:rotate(-18deg)}.rooms-bg-letters i:nth-child(2){right:5%;top:16%;transform:rotate(15deg)}.rooms-bg-letters i:nth-child(3){left:7%;bottom:9%;transform:rotate(11deg)}.rooms-bg-letters i:nth-child(4){right:8%;bottom:8%;transform:rotate(-12deg)}
.rooms-shell{width:min(1040px,100%);min-height:650px}
.rooms-header{height:104px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:12px 25px;background:linear-gradient(#7166f2,#5d52df);border-bottom:2px solid #8f83ff}
.rooms-header .arcade-logo h1{font-size:34px}
.rooms-back{justify-self:start;border:2px solid #342b9d;border-radius:14px;padding:10px 15px;background:#968aff;color:#30268c;box-shadow:0 5px #332797;font-size:12px;font-weight:950;cursor:pointer}.rooms-back span{margin-left:5px}
.home-profile{justify-self:end;display:flex;align-items:center;gap:10px;text-align:right;color:#fff}.home-profile small{display:block;color:#bbb5f4;font-size:7px;letter-spacing:.13em}.home-profile b{font-size:11px}.home-profile img{width:52px;height:52px;object-fit:contain;border:3px solid #46e1bd;border-radius:50%;background:#30268d}
.rooms-title{text-align:center;padding:14px 20px 13px;background:#5145d4;color:#fff}.rooms-title span{color:#50e1bd;font-size:8px;font-weight:950;letter-spacing:.13em}.rooms-title h2{margin:2px 0 1px;text-transform:uppercase;font-size:24px;font-weight:950}.rooms-title p{margin:0;color:#b6b0ef;font-size:9px}
.rooms-browser{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(250px,.75fr);gap:14px;padding:0 17px 16px;background:#5145d4}
.rooms-list-panel,.room-info-panel{border:2px solid #33299d;border-radius:18px;background:linear-gradient(145deg,#4136b8,#3930a4);box-shadow:inset 0 1px #776cf0}
.rooms-list-panel{padding:13px;min-height:385px}
.rooms-toolbar{display:flex;gap:9px;margin-bottom:11px}.rooms-toolbar label{position:relative;flex:1;margin:0}.rooms-toolbar label span{position:absolute;left:13px;top:10px;color:#cbc6ff;font-size:18px}.rooms-toolbar input{height:43px;padding:10px 12px 10px 38px;border:2px solid #7669e3;border-radius:12px;background:#30278f;color:#fff;font-size:11px}.rooms-toolbar input::placeholder{color:#aaa3e1}.rooms-refresh{width:43px;border:2px solid #7669e3;border-radius:12px;background:#30278f;color:#fff;font-size:20px;cursor:pointer}
.rooms-list-panel .room-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-height:315px;overflow:auto;padding:2px 4px 2px 2px;scrollbar-color:#7669e3 #2d2488}
.rooms-list-panel .room{min-height:100px;padding:13px;border:2px solid #786de0;border-radius:14px;background:linear-gradient(145deg,#f1efff,#d8d4ff);box-shadow:0 5px #28207b;display:grid;grid-template-columns:38px 1fr;gap:9px;color:#29216e;transition:.18s}
.rooms-list-panel .room:hover{transform:translateY(-2px);border-color:#5ae2c4}.rooms-list-panel .room-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#ffcf58;font-size:19px}.rooms-list-panel .room-info{min-width:0}.rooms-list-panel .room-info b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;font-size:12px}.rooms-list-panel .room-info small{display:block;margin-top:5px;color:#6e67a0;font-size:8px;line-height:1.45}.rooms-list-panel .room .btn{grid-column:1/-1;width:100%;padding:8px;border-radius:9px;background:linear-gradient(#6a5ee8,#5145cb);box-shadow:0 3px #332895;color:#fff;font-size:9px}.rooms-list-panel .empty{grid-column:1/-1;padding:90px 20px;border:1px dashed #756add;background:#342b9c;color:#aaa4e4;border-radius:14px;box-shadow:none}
.room-info-panel{padding:25px 20px;text-align:center;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.info-orbit{width:72px;height:72px;border:5px solid #7469df;border-radius:50%;display:grid;place-items:center;margin-bottom:14px;color:#867bea;font-size:39px;font-weight:950}.room-info-panel>span{color:#51dfbc;font-size:8px;font-weight:950;letter-spacing:.14em}.room-info-panel h3{margin:4px 0 8px;text-transform:uppercase;font-size:19px}.room-info-panel p{margin:0 0 18px;color:#aaa4e3;font-size:9px;line-height:1.5}.rooms-secondary{width:100%;min-height:45px;border:2px solid #7b6fea;border-radius:13px;display:grid;grid-template-columns:28px 1fr 18px;align-items:center;background:#30278d;color:#fff;font-size:9px;cursor:pointer}.rooms-secondary i{font-size:18px;font-style:normal;color:#54e1bd}.room-tip{width:100%;margin-top:16px;padding:10px;border-radius:10px;background:#ffffff0a;text-align:left}.room-tip b{display:block;color:#ffd158;font-size:7px}.room-tip small{display:block;margin-top:4px;color:#9f99db;font-size:7px;line-height:1.4}
.rooms-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:14px 17px 18px;background:#2f2699}.rooms-actions button{min-height:58px;border-radius:16px;display:grid;align-items:center;text-align:left;cursor:pointer}.rooms-actions i{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;font-style:normal}.rooms-actions small{display:block;font-size:7px;letter-spacing:.11em}.rooms-actions b{font-size:13px}.rooms-create{grid-template-columns:44px 1fr 22px;border:2px solid #f4a72c;background:linear-gradient(#ffdd63,#ffb83b);box-shadow:0 5px #dc6f27;color:#36236e}.rooms-create i{background:#ed466e;color:#fff}.rooms-create small{color:#8d5621}.rooms-code{grid-template-columns:44px 1fr;border:2px solid #7669e1;background:#4a3ebc;color:#c9c4f6}.rooms-code i{background:#30278d;color:#56dfc0}
.arcade-dialog{width:min(570px,calc(100% - 24px));border:2px solid #8e7cff;border-radius:26px;background:#5145d4;color:#fff;box-shadow:0 30px 90px #090321,0 0 0 7px #3d2ea755;overflow:hidden}.arcade-dialog::backdrop{background:#10082ddd;backdrop-filter:blur(8px)}.arcade-dialog .room-form{padding:0;background:linear-gradient(145deg,#4136b8,#3930a4)}.room-form header{display:grid;grid-template-columns:48px 1fr 40px;align-items:center;gap:11px;padding:19px 22px;background:linear-gradient(#7166f2,#5d52df);border-bottom:2px solid #8f83ff}.dialog-badge{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;background:#28d8af;color:#252072;font-size:20px;box-shadow:0 5px #167d72}.room-form header span{color:#cbc6ff;font-size:7px;font-weight:950;letter-spacing:.14em}.room-form h2{margin:2px 0 0;color:#fff;text-transform:uppercase;font-size:22px;font-weight:950}.room-form .close{float:none;width:38px;height:38px;border:2px solid #7669e4;background:#4036b3;color:#fff;font-size:22px}.dialog-intro{margin:18px 22px 16px;color:#b6b0ed;font-size:10px}.room-form>label,.room-form>.row{margin-left:22px;margin-right:22px}.room-form label{gap:6px;margin-bottom:14px;color:#c9c4f4}.room-form label>span{font-size:8px;letter-spacing:.12em}.room-form label small{color:#8f88ce}.room-form input,.room-form select{padding:12px;border:2px solid #7569df;border-radius:12px;background:#2d2588;color:#fff;font-size:12px}.room-form input::placeholder{color:#817bbb}.room-form input:focus,.room-form select:focus{border-color:#4fe0bd;box-shadow:0 0 0 4px #4fe0bd22}.room-form select option{color:#1e174e}.join-code-label input{height:66px;font-size:27px;letter-spacing:.3em;background:#251e75}.dialog-submit{width:calc(100% - 44px);min-height:60px;margin:3px 22px 22px;padding:7px 10px;border:2px solid #f4a72c;border-radius:16px;display:grid;grid-template-columns:40px 1fr 22px;align-items:center;text-align:left;background:linear-gradient(#ffdd63,#ffb83b);box-shadow:0 6px #dc6f27;color:#35226f;cursor:pointer}.dialog-submit i{width:33px;height:33px;display:grid;place-items:center;border-radius:10px;background:#ec466d;color:#fff;font-style:normal}.dialog-submit small{display:block;color:#8d5621;font-size:7px;letter-spacing:.11em}.dialog-submit b{font-size:14px}.dialog-submit strong{font-size:18px}
@media(max-width:800px){body:has(#home:not(.hidden)) .shell{width:100%;padding:0}.rooms-home{min-height:100vh;place-items:start center}.rooms-bg-letters{display:none}.rooms-shell{min-height:100vh;border:0;border-radius:0;box-shadow:none;display:flex;flex-direction:column}.rooms-header{height:90px;flex:none;padding:10px 14px}.rooms-back{padding:9px}.rooms-back span{display:none}.rooms-header .arcade-logo h1{font-size:27px}.home-profile div{display:none}.home-profile img{width:43px;height:43px}.rooms-title{flex:none;padding-top:12px}.rooms-browser{grid-template-columns:1fr;flex:1;padding:0 10px 10px}.rooms-list-panel{min-height:auto}.rooms-list-panel .room-list{max-height:350px}.room-info-panel{padding:18px}.info-orbit{display:none}.room-info-panel p{max-width:320px}.room-tip{display:none}.rooms-actions{position:sticky;bottom:0;z-index:3;flex:none;padding:10px;grid-template-columns:1.2fr .8fr}.rooms-actions b{font-size:11px}.rooms-actions small{font-size:6px}}
@media(max-width:480px){.rooms-title h2{font-size:20px}.rooms-title p{font-size:8px}.rooms-list-panel{padding:9px;display:flex;flex-direction:column}.rooms-list-panel .room-list{grid-template-columns:1fr;grid-auto-rows:max-content;align-content:start;max-height:none;flex:1}.rooms-list-panel .room{height:auto;min-height:90px}.room-info-panel{display:none}.rooms-actions{grid-template-columns:1fr}.arcade-dialog{width:100%;max-height:100vh;border:0;border-radius:0;margin:0}.arcade-dialog .room-form{min-height:100vh}.room-form header{padding:15px}.dialog-intro{margin:16px 16px}.room-form>label,.room-form>.row{margin-left:16px;margin-right:16px}.room-form .row{grid-template-columns:1fr 1fr;gap:8px}.dialog-submit{width:calc(100% - 32px);margin-left:16px;margin-right:16px}.room-form input,.room-form select{padding:11px}}
@media(max-width:360px){.room-form .row{grid-template-columns:1fr}.rooms-list-panel .room-list{max-height:325px}}

/* Configuração da partida no mesmo padrão arcade das demais telas. */
.config-dialog{width:min(720px,calc(100% - 24px));max-height:min(900px,94vh)}
.arcade-dialog .config-modal{max-height:min(900px,94vh);padding:0;overflow:hidden;display:flex;flex-direction:column;background:linear-gradient(145deg,#4136b8,#3930a4)}
.config-modal>header{flex:none}.config-modal .config-badge{background:#ed466e;color:#fff;box-shadow:0 5px #a92b50}.config-modal .dialog-intro{flex:none;margin-bottom:12px}.config-body{min-height:0;overflow:auto;padding:0 22px 12px;scrollbar-color:#7669e3 #2d2488}.config-section{margin:0 0 12px;padding:14px;border:2px solid #7165dc;border-radius:15px;background:#30288d}.config-section-title{display:flex;align-items:center;gap:9px;margin-bottom:12px}.config-section-title>span,.config-category-section legend>span{width:31px;height:31px;flex:none;border-radius:9px;display:grid;place-items:center;background:#55e1bd;color:#282170;font-size:9px;font-weight:950;box-shadow:0 3px #238c78}.config-section-title small,.config-category-section legend small{display:block;color:#aaa4df;font-size:6px;letter-spacing:.13em}.config-section-title b,.config-category-section legend b{display:block;margin-top:2px;color:#fff;font-size:11px}.config-modal .config-fields{margin:0;gap:9px}.config-modal .config-fields label{min-width:0;margin:0;color:#cbc6f4}.config-modal .config-fields label>span{font-size:7px}.config-modal .config-fields input,.config-modal .config-fields select{height:45px;padding:10px 12px;background:#251e75;border-color:#7165dc}.config-modal .toggle-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;background:transparent}.config-modal .config-toggle{position:relative;min-width:0;min-height:72px;margin:0;padding:10px;border:2px solid #665bd0;border-radius:12px;display:grid;grid-template-columns:29px 1fr;align-items:center;gap:8px;background:#3a31a3;color:#fff;cursor:pointer}.config-toggle input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.config-toggle .toggle-check{width:28px;height:28px;border:2px solid #8175e7;border-radius:9px;display:grid;place-items:center;background:#292181;color:transparent;font-size:14px;transition:.18s}.config-toggle input:checked+.toggle-check{border-color:#55e1bd;background:#55e1bd;color:#29216e;box-shadow:0 3px #238c78}.config-toggle>span:last-child{min-width:0}.config-toggle b{display:block;font-size:9px}.config-toggle small{display:block;margin-top:3px;color:#aaa4df;font-size:6px;line-height:1.35}.config-category-section{padding-bottom:15px}.config-category-section legend{width:100%;margin:0 0 12px;padding:0;display:flex;align-items:center;gap:9px}.config-category-section legend em{margin-left:auto;padding:6px 8px;border-radius:10px;background:#251e75;color:#ffd158;font-size:6px;font-style:normal;font-weight:950;letter-spacing:.08em}.config-modal .category-options{max-height:190px;padding:2px;gap:7px;scrollbar-color:#7669e3 #2d2488}.config-modal .category-chip{margin:0}.config-modal .category-chip span{padding:8px 11px;border:2px solid #7165dc;border-radius:13px;background:#3a31a3;color:#c9c4f4;font-size:8px;transition:.16s}.config-modal .category-chip span:hover{border-color:#ffd158;color:#fff}.config-modal .category-chip input:checked+span{border-color:#55e1bd;background:#55e1bd;color:#29216e;box-shadow:0 3px #238c78}.config-modal .config-submit{flex:none;margin-top:2px}
@media(max-width:600px){.config-dialog{width:100vw;max-width:none;height:100dvh;max-height:100dvh;border:0;border-radius:0;margin:0}.arcade-dialog .config-modal{min-height:100dvh;max-height:100dvh}.config-modal>header{position:sticky;top:0;z-index:2}.config-modal .dialog-intro{margin:12px 15px}.config-body{padding:0 12px 105px}.config-modal .toggle-list{grid-template-columns:1fr}.config-modal .config-toggle{min-height:58px}.config-modal .category-options{max-height:none}.config-modal .config-submit{position:fixed;left:0;right:0;bottom:0;z-index:3;width:calc(100% - 24px);margin:0 12px 14px}.config-section{padding:12px}.config-category-section legend em{font-size:5px}}
@media(max-width:430px){.config-modal .config-fields{grid-template-columns:1fr}.config-modal h2{font-size:18px}.config-category-section legend em{display:none}}

.config-toggle:has(input[name=use_full_alphabet]){display:none}.config-modal .toggle-list{grid-template-columns:repeat(2,minmax(0,1fr))}.letter-options{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:6px}.letter-chip{position:relative;margin:0!important}.letter-chip input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.letter-chip span{height:31px;border:2px solid #7165dc;border-radius:9px;display:grid;place-items:center;background:#3a31a3;color:#aaa4df;font-size:9px;font-weight:950;cursor:pointer;transition:.16s}.letter-chip input:checked+span{border-color:#55e1bd;background:#55e1bd;color:#29216e;box-shadow:0 3px #238c78}.config-hint{margin:10px 0 0;color:#aaa4df;font-size:7px}.custom-category-builder{margin-top:13px;padding-top:12px;border-top:1px solid #665bd0}.custom-category-builder>label{margin:0}.custom-category-builder>label>span:first-child{font-size:7px;letter-spacing:.11em}.custom-category-row{display:grid;grid-template-columns:1fr 115px;gap:7px}.custom-category-row input{height:42px!important}.custom-category-row button{border:2px solid #55e1bd;border-radius:11px;background:#55e1bd;color:#29216e;font-size:8px;font-weight:950;cursor:pointer}.custom-category-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.custom-category-chip{display:flex;align-items:center;gap:5px;padding:5px 6px 5px 9px;border-radius:12px;background:#ffd158;color:#3a2877}.custom-category-chip b{font-size:8px}.custom-category-chip button{width:18px;height:18px;padding:0;border:0;border-radius:50%;background:#ed466e;color:#fff;cursor:pointer}.custom-category-chip input{display:none}
@media(max-width:600px){.letter-options{grid-template-columns:repeat(7,minmax(0,1fr))}}
@media(max-width:430px){.custom-category-row{grid-template-columns:1fr 92px}.custom-category-row button{font-size:7px}}