/* Reference-led room list and daily missions. Values remain live HTML. */
#entry-dialog[open]{height:min(800px,calc(100dvh - 94px));min-height:0}
#entry-dialog .browser-scroll{display:flex;flex-direction:column;flex:1;padding:15px 20px 0;min-height:0;overflow:auto;scrollbar-color:#119bb0 #efe4c8}
#entry-dialog .browser-heading{padding:0 5px 12px;flex:none}
#entry-dialog .browser-heading h3{font-size:26px;color:#143e58;gap:8px}
#entry-dialog .browser-heading h3 span{border:0;background:none;padding:0;color:#048ea2;font-size:19px;letter-spacing:.2px}
#entry-dialog .browser-heading h3 span::after{content:'';display:inline-block;width:11px;height:11px;border:1px solid #31a924;border-radius:50%;background:radial-gradient(circle at 35% 30%,#c8ff76,#59e40d 48%,#23a517 80%);box-shadow:0 0 7px #7df32177;vertical-align:middle;margin-left:8px}
#entry-dialog #refresh-rooms{min-width:134px;min-height:39px;justify-content:center;padding:5px 17px;border:2px solid #fffade;border-radius:24px;color:#075c72;font-size:15px;background:linear-gradient(#e4ffff 0%,#8eeef3 48%,#52d6e0 95%);box-shadow:inset 0 2px 0 #ffffffc9,0 2px 0 #3193a1,0 4px 7px #5d6f7130}
#entry-dialog .rooms-columns{display:none}
#entry-dialog #available-rooms{display:flex;flex-direction:column;flex:1;gap:12px;max-height:none;min-height:135px;padding:1px 3px 7px;overflow:auto}
#entry-dialog .available-room{display:grid;grid-template-columns:minmax(220px,1.65fr) minmax(142px,1.13fr) 78px 70px 91px 119px;grid-template-areas:'map identity mode count status action';gap:13px;min-height:114px;flex:none;padding:8px 11px 8px 8px;border:1px solid #d5b994;border-radius:20px;background:linear-gradient(100deg,#fffdf4 0%,#fff7e7 52%,#fff1d8 100%);box-shadow:inset 0 2px 0 #fffefa,0 3px 0 #dec8a2,0 5px 8px #6d543019;box-sizing:border-box}
#entry-dialog .available-room[data-room-status=playing]{border-color:#d5b994;background:linear-gradient(100deg,#fffcf2,#fff3dd)}
#entry-dialog .available-map{grid-area:map;position:relative;height:96px;min-height:0;align-self:center;overflow:hidden;border-radius:13px;box-shadow:0 1px 1px #613f3970}
#entry-dialog .available-map img{display:block;width:100%;height:100%;min-height:0;max-width:none;border:2px solid #fff8dc;outline:none;border-radius:13px;object-fit:cover;box-shadow:none}
#entry-dialog .available-identity{grid-area:identity;display:flex;flex-direction:column;gap:5px;min-width:0}
#entry-dialog .available-identity>strong{font:900 22px/1.1 'Nunito Sans',sans-serif;color:#113e59;letter-spacing:-.55px;overflow-wrap:anywhere}
#entry-dialog .available-identity>.available-host{display:block;font:800 12px/1.3 'Nunito Sans',sans-serif;color:#245772;overflow-wrap:anywhere}
#entry-dialog .available-room-code{font:700 10px/1.3 'Nunito Sans',sans-serif;letter-spacing:.7px;color:#8a795b}
#entry-dialog :is(.available-mode,.available-count,.available-status){display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9px;align-self:center;min-height:56px;border:0;border-left:1px solid #e3ccaa;border-radius:0;padding:0 0 0 8px;background:none;color:#163f5a;text-align:center;box-sizing:border-box}
#entry-dialog .available-mode{grid-area:mode;line-height:1.2}
#entry-dialog .available-count{grid-area:count}
#entry-dialog .available-status{grid-area:status}
#entry-dialog :is(.available-mode,.available-count,.available-status)>small{font:700 11px/1.1 'Nunito Sans',sans-serif;color:#365875}
#entry-dialog :is(.available-mode,.available-count)>strong{font:900 17px/1.1 'Nunito Sans',sans-serif;white-space:nowrap;color:#163f5a}
#entry-dialog .available-status>strong{display:flex;align-items:center;justify-content:center;gap:6px;color:#28811b;font-size:13px;white-space:nowrap}
#entry-dialog .available-status>strong::before{content:'';flex:none;width:9px;height:9px;background:radial-gradient(circle at 30% 25%,#d5ff93,#56db12 60%,#379718);border:1px solid #57ad38;border-radius:50%;box-shadow:0 1px 3px #b3a578}
#entry-dialog .available-status[data-availability=playing]>strong{color:#05778e;padding:7px 9px;margin:-7px -6px;border:1px solid #4ed7e7;border-radius:20px;background:linear-gradient(#e3ffff,#8ceaf6);box-shadow:inset 0 0 0 2px #effffc,0 0 10px #87f6ff}
#entry-dialog .available-status[data-availability=playing]>strong::before{width:7px;height:11px;border-color:#20abd0;background:linear-gradient(#c0ffff,#069fe1);border-radius:80% 30% 60% 45%;box-shadow:none}
#entry-dialog .available-status:is([data-availability=full],[data-availability=starting],[data-availability=searching])>strong{color:#b87924}
#entry-dialog .available-status:is([data-availability=full],[data-availability=starting],[data-availability=searching])>strong::before{background:radial-gradient(circle at 30% 25%,#fff8a8,#ffc130 55%,#d17a16);border-color:#ce8b2d}
#entry-dialog .available-room>button{grid-area:action;min-height:53px;border:2px solid #fffbd0;border-radius:23px;background:linear-gradient(#fff7b4 2%,#ffdc61 46%,#ffd34a 56%,#f4bf39 98%);color:#6b4108;box-shadow:inset 0 0 0 1px #edb23f,inset 0 4px 0 #ffffff75,0 3px 0 #c4912d,0 5px 7px #78562736;font:900 21px/1 'Nunito Sans',sans-serif;padding:8px 10px}
#entry-dialog .available-room>button:disabled{font-size:16px;border-color:#f8f7ed;background:linear-gradient(#ebeeeb,#cdd2d0);color:#819095;box-shadow:inset 0 0 0 1px #b5bebb,inset 0 3px 0 #ffffff96,0 3px 0 #aeb5af,0 4px 6px #74694b20}
#entry-dialog #room-browser-status{flex:none;min-height:12px;font-size:10px;color:#6f775f;margin:6px 7px 4px;line-height:1.25}
#entry-dialog .rooms-empty{flex:1;min-height:150px;border:1px solid #e3ccaa;border-radius:18px;background:linear-gradient(#fff9eae6,#f7ead1dc);box-shadow:inset 0 2px 0 #fff}
#entry-dialog .rooms-empty p{font-size:15px;color:#405e62}
#entry-dialog .rooms-empty .social-empty-emblem{width:92px;height:92px}
#entry-dialog .browser-settings{display:grid;grid-template-columns:1.35fr 1fr;align-items:center;gap:22px;padding:10px 5px;border-top:1px solid #e1cba5;flex:none}
#entry-dialog .browser-settings .mode-picker{display:flex;gap:7px;align-items:center;margin:0;min-width:0}
#entry-dialog .browser-settings .mode-picker legend{font:800 12px 'Nunito Sans';color:#244b64;margin-bottom:7px}
#entry-dialog .browser-settings .mode-picker label{flex:1;margin:0}
#entry-dialog .mode-picker span{display:flex;justify-content:center;align-items:center;min-height:37px;box-sizing:border-box;padding:5px 8px;border:1px solid #add0d7;border-radius:25px;background:linear-gradient(#fbffff,#cfebf1);box-shadow:inset 0 2px 0 #fff,0 2px 0 #90b0b2;font-size:13px;font-weight:900;color:#28556c}
#entry-dialog .mode-picker input:checked+span{border-color:#90ffff;background:linear-gradient(#28d7e4,#009caf);color:#fff9dd;box-shadow:inset 0 0 0 2px #d9ffff,inset 0 5px 5px #75fbffb5,0 0 9px #0dc5dd93,0 2px 0 #207e97;text-shadow:0 1px 1px #0d667c}
#entry-dialog .entry-map{min-height:55px;padding:9px 13px;margin:0;border:1px solid #dac39c;background:linear-gradient(#fffdf4,#fff3da);box-shadow:inset 0 2px 0 #fff,0 3px 0 #d7c3a0;border-radius:15px}
#entry-dialog .entry-map small{font-size:10px;font-weight:800;letter-spacing:.2px;color:#7a775b}
#entry-dialog .entry-map strong{font-size:17px;color:#1b526c}
#entry-dialog .entry-map>i{color:#0698af}
#entry-dialog .entry-map-thumb{width:76px;height:43px;object-fit:cover;border:2px solid #fff6d1;border-radius:10px;box-shadow:0 1px 0 #ae9973;flex:none}
#entry-dialog .browser-footer{flex:none;display:grid;grid-template-columns:1fr minmax(180px,.44fr);gap:19px;margin:0;padding:16px 48px 18px;border-top:3px solid #f3d98b;border-radius:0 0 17px 17px;background:linear-gradient(#06889eee,#08798fee),url('../assets/arena-art-v1/village.webp') 50% 75%/cover;box-shadow:inset 0 2px 0 #69e3e6}
#entry-dialog .browser-footer .join-row{display:grid;grid-template-columns:1fr minmax(135px,.55fr);gap:15px;margin:0}
#entry-dialog .browser-footer input{min-height:48px;width:100%;box-sizing:border-box;padding:9px 15px;border:1px solid #57d0d9;border-radius:13px;background:linear-gradient(#064761,#075b73);color:#fffde8;font-size:14px;font-weight:800;box-shadow:inset 0 2px 5px #002e40b3,0 1px 0 #9eebe566}
#entry-dialog .browser-footer input::placeholder{color:#84bac7}
#entry-dialog .browser-footer .secondary-button{min-height:48px;border:2px solid #c4ffff;border-radius:25px;padding:8px 14px;background:linear-gradient(#d6ffff,#75edf3 45%,#3bd8e5);box-shadow:inset 0 3px 0 #f0fffd,0 3px 0 #0a647c;color:#07526a;font:900 17px 'Nunito Sans'}
#entry-dialog .browser-footer .primary-button{min-height:48px;border:2px solid #fff5be;border-radius:25px;background:linear-gradient(#fff6aa,#ffda53 54%,#f6bd3a);box-shadow:inset 0 3px 0 #fffad3,0 3px 0 #a87e2f;color:#684006;font:900 20px 'Nunito Sans'}
#entry-dialog .entry-reputation{margin:0 5px 8px;font-size:11px;color:#5e745e}
#entry-dialog .lobby-status:not(:empty){padding:6px 35px 11px;background:#076f85;color:#fff9dc;font-size:12px}

/* Mission composition: a painted reward plaque beside three large ivory task plates. */
#daily-missions-dialog[open]{width:min(1180px,calc(100vw - 64px));height:min(745px,calc(100dvh - 94px))}
#daily-missions-dialog .social-heading .progression-balance{display:none}
#daily-missions-dialog [data-daily-body]{display:grid;grid-template-columns:minmax(265px,.38fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:15px 19px;padding:19px 19px 0;overflow:auto;align-content:normal;min-height:0}
#daily-missions-dialog .daily-reward-banner{position:relative;min-height:0;padding:22px 17px 18px;gap:0;justify-content:space-between;border:3px solid #ffebad;border-radius:25px;background:linear-gradient(#03475aa1,transparent 30%,transparent 60%,#063749eb 86%),url('../assets/social-art-v1/daily-reward.webp') center/cover;box-shadow:0 0 0 1px #b78333,inset 0 0 0 2px #319aa4,0 3px 0 #b99d54,0 5px 10px #755c3230;text-align:center}
#daily-missions-dialog .daily-reward-banner::before{content:'';position:absolute;inset:6px;border:1px solid #f8db9270;border-radius:17px;pointer-events:none}
#daily-missions-dialog .daily-reward-banner .progression-kicker{font:900 18px/1.2 'Nunito Sans';letter-spacing:.3px;color:#fff0ac;text-shadow:0 2px 0 #744c17,0 3px 6px #053f56}
#daily-missions-dialog .daily-reward-banner h3{font:900 23px/1.15 'Nunito Sans';max-width:none;margin:10px 0;color:#f6fff2;text-shadow:0 2px 2px #023f54}
#daily-missions-dialog .daily-reward-banner p{left:14px;right:14px;bottom:76px;margin:0;color:#fffbe1;font:800 13px/1.3 'Nunito Sans';text-shadow:0 1px 3px #023749}
#daily-missions-dialog .daily-complete-count{position:relative;inset:auto;isolation:isolate;width:100%;min-width:0;box-sizing:border-box;margin:0;padding:9px 10px;border:2px solid #baffff;border-radius:30px;background:linear-gradient(#01445e,#08778b);color:#fffade;font:900 26px/1 'Nunito Sans';text-shadow:0 2px 2px #0a5067;box-shadow:inset 0 2px 4px #00364bd4,0 0 0 2px #1b9eae,0 0 12px #66ecf159;overflow:hidden}
#daily-missions-dialog .daily-complete-count::before{content:'';position:absolute;z-index:-1;inset:3px auto 3px 3px;width:var(--daily-completion);max-width:calc(100% - 6px);border-radius:25px;background:linear-gradient(#a8ffff60,#13c7e033),url('../assets/social-prestige-rooms/progress-water.webp') center/230px 80px;box-shadow:inset 0 2px 0 #d8ffff,inset 0 -2px 0 #057aa4;min-width:0}
#daily-missions-dialog .daily-mission-list{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:12px;min-height:0;padding:0;margin:0}
#daily-missions-dialog .daily-mission{display:grid;grid-template-columns:100px minmax(0,1fr) 108px;align-items:center;gap:13px;min-height:0;box-sizing:border-box;padding:13px 17px 13px 9px;border:1px solid #dfc095;border-radius:21px;background:radial-gradient(ellipse at 12% 50%,#fffaf0,transparent 47%),linear-gradient(110deg,#fffbed,#f8e6c8);box-shadow:inset 0 2px 0 #fffefd,0 3px 0 #d7bd97,0 5px 8px #855e2419}
#daily-missions-dialog .daily-mission[data-complete=true]{border-color:#dbc293;background:radial-gradient(ellipse at 12% 50%,#fffef4,transparent 50%),linear-gradient(110deg,#fffbed,#f8e6c8)}
#daily-missions-dialog .daily-mission-icon{display:grid;place-items:center;width:100px;height:109px;min-width:0;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible;filter:drop-shadow(0 5px 3px #a7844845)}
#daily-missions-dialog .daily-mission-icon img{width:100%;height:100%;object-fit:contain;border:0;border-radius:0;margin:0}
#daily-missions-dialog .daily-mission-copy{min-width:0}
#daily-missions-dialog .daily-mission-copy h3{font:900 21px/1.15 'Nunito Sans';color:#193852;letter-spacing:-.35px;margin:0 0 16px;overflow-wrap:anywhere}
#daily-missions-dialog .daily-mission-progress{display:grid;grid-template-columns:minmax(0,1fr) 52px;align-items:center;gap:11px}
#daily-missions-dialog .progression-meter{position:relative;box-sizing:border-box;height:27px;margin:0;border:2px solid #fffde6;border-radius:25px;background:linear-gradient(#629793,#a9d1c7);box-shadow:0 0 0 1px #c4aa79,inset 0 3px 4px #285e5d61,0 2px 1px #ead9bc;overflow:hidden}
#daily-missions-dialog .progression-meter>span{position:relative;display:block;height:100%;border-radius:22px;background:linear-gradient(#9cffff80,#04cbe740),url('../assets/social-prestige-rooms/progress-water.webp') center/220px 73px;box-shadow:inset 0 2px 1px #d9ffff,inset 0 -2px 2px #087faac2,1px 0 2px #057b9f;min-width:0}
#daily-missions-dialog .progression-meter>span::after{content:'';position:absolute;inset:4px 6px 50%;border-radius:100%;background:linear-gradient(90deg,transparent,#e3ffff70,transparent);pointer-events:none}
#daily-missions-dialog .daily-mission[data-complete=true] .progression-meter>span{background:radial-gradient(ellipse at 35% 15%,#fffed6,transparent 50%),linear-gradient(#fff178,#ffd634 50%,#f1b300);box-shadow:inset 0 2px 1px #fffade,inset 0 -2px 2px #bb8308,1px 0 2px #b97709}
#daily-missions-dialog .daily-mission[data-complete=true] .progression-meter>span::after{inset:0;background:radial-gradient(ellipse at 12% 45%,#fffdf6 0 1px,transparent 2px),radial-gradient(ellipse at 78% 54%,#fffdf6 0 1px,transparent 2px),radial-gradient(ellipse at 40% 36%,#fffdf6 0 1px,transparent 2px),linear-gradient(175deg,transparent 14%,#fff9cf90 18%,transparent 25%,transparent 64%,#fff9c580 68%,transparent 73%);border-radius:20px}
#daily-missions-dialog .daily-mission-value{min-width:0;font:900 17px/1.1 'Nunito Sans';color:#1f3b54;white-space:nowrap;text-align:center}
#daily-missions-dialog .daily-mission-status{display:flex;align-items:center;justify-content:center;min-height:34px;box-sizing:border-box;white-space:nowrap;padding:6px 10px;border:1px solid #d8e5cc;border-radius:30px;color:#0593bd;background:#d7e6d5;font:900 13px/1.1 'Nunito Sans';text-align:center}
#daily-missions-dialog .daily-mission[data-complete=true] .daily-mission-status{border-color:#4ebc68;color:#257216;background:linear-gradient(#d9ffcf,#aaf09b);box-shadow:inset 0 2px 0 #f5ffe8}
#daily-missions-dialog .daily-mission[data-complete=true] .daily-mission-status::before{content:'✓';font-size:22px;line-height:14px;margin-right:5px;font-weight:900;color:#238412;text-shadow:0 1px 0 #fff}
#daily-missions-dialog .daily-rules{grid-column:1/-1;display:flex;justify-content:center;align-items:center;gap:30px;margin:0 -19px;padding:13px 85px 15px;border-top:3px solid #f3d98b;background:linear-gradient(#047e97e6,#066781ee),url('../assets/arena-art-v1/village.webp') 50% 80%/cover;box-shadow:inset 0 2px 0 #75dfe0;min-height:47px;box-sizing:border-box;flex:none}
#daily-missions-dialog .daily-rules p{font:800 11px/1.5 'Nunito Sans';color:#e6ffff;max-width:none;margin:0;text-shadow:0 1px 1px #004759}
#daily-missions-dialog .daily-rules p+p{padding-left:28px;border-left:1px solid #93c5c2}
#daily-missions-dialog .progression-empty{grid-column:1/-1;align-self:center;background:transparent;color:#23536a}

@media(max-width:1050px) and (min-height:601px){
 #entry-dialog .available-room{grid-template-columns:minmax(170px,1.6fr) minmax(120px,1fr) 65px 52px 76px 90px;gap:9px}
 #entry-dialog .available-identity>strong{font-size:20px}
 #daily-missions-dialog .daily-mission{grid-template-columns:76px minmax(0,1fr) 91px;gap:8px;padding:11px}
 #daily-missions-dialog .daily-mission-icon{width:76px;height:90px}
 #daily-missions-dialog .daily-mission-copy h3{font-size:18px}
 #daily-missions-dialog .daily-mission-status{font-size:11px;padding:6px}
 #daily-missions-dialog [data-daily-body]{grid-template-columns:240px minmax(0,1fr)}
}

@media(max-height:600px){
 #entry-dialog[open],#daily-missions-dialog[open]{height:calc(100dvh - 30px);width:calc(100vw - 30px)}
 #entry-dialog .browser-scroll{padding:8px 10px 0}
 #entry-dialog .browser-heading{padding-bottom:7px}
 #entry-dialog .browser-heading h3{font-size:19px}
 #entry-dialog .browser-heading h3 span{font-size:12px}
 #entry-dialog .browser-heading h3 span::after{width:8px;height:8px;margin-left:5px}
 #entry-dialog #refresh-rooms{min-height:29px;min-width:105px;font-size:12px;padding:2px 10px}
 #entry-dialog #available-rooms{min-height:92px;max-height:none;gap:8px;padding-bottom:5px}
 #entry-dialog .available-room{grid-template-columns:minmax(130px,1.5fr) minmax(105px,1.15fr) 64px 51px 78px 83px;gap:8px;padding:6px;min-height:91px;border-radius:14px}
 #entry-dialog .available-map{height:77px;border-radius:9px}
 #entry-dialog .available-map img{min-height:0;border-radius:9px}
 #entry-dialog .available-identity{gap:4px}
 #entry-dialog .available-identity>strong{font-size:18px}
 #entry-dialog .available-identity>.available-host{font-size:10px}
 #entry-dialog .available-room-code{font-size:9px}
 #entry-dialog :is(.available-mode,.available-count,.available-status){gap:6px;min-height:45px;padding-left:5px}
 #entry-dialog :is(.available-mode,.available-count,.available-status)>small{font-size:9px}
 #entry-dialog :is(.available-mode,.available-count)>strong{font-size:14px}
 #entry-dialog .available-status>strong{font-size:11px;gap:4px}
 #entry-dialog .available-room>button{min-height:40px;font-size:16px;padding:6px;border-radius:18px}
 #entry-dialog .available-room>button:disabled{font-size:12px}
 #entry-dialog #room-browser-status{margin:4px 4px 2px;font-size:9px;min-height:12px}
 #entry-dialog .browser-settings{gap:15px;padding:5px 4px 6px}
 #entry-dialog .browser-settings .mode-picker legend{font-size:9px;margin-bottom:4px}
 #entry-dialog .mode-picker span{min-height:30px;font-size:11px}
 #entry-dialog .entry-map{min-height:44px;padding:4px 10px;border-radius:11px}
 #entry-dialog .entry-map small{font-size:8px}
 #entry-dialog .entry-map strong{font-size:13px}
 #entry-dialog .entry-map-thumb{width:50px;height:32px;border-radius:7px}
 #entry-dialog .browser-footer{gap:13px;grid-template-columns:1fr minmax(153px,.42fr);padding:6px 30px 8px}
 #entry-dialog .browser-footer .join-row{grid-template-columns:1fr minmax(115px,.52fr);gap:10px}
 #entry-dialog .browser-footer input{min-height:39px;font-size:11px;padding:6px 10px}
 #entry-dialog .browser-footer .secondary-button{min-height:39px;font-size:13px;padding:4px 10px}
 #entry-dialog .browser-footer .primary-button{min-height:39px;font-size:16px}
 #entry-dialog .entry-reputation{font-size:9px;margin-bottom:5px}
 #daily-missions-dialog [data-daily-body]{grid-template-columns:190px minmax(0,1fr);grid-template-rows:auto auto;gap:12px;padding:11px 11px 0;align-content:start}
 #daily-missions-dialog .daily-reward-banner{min-height:253px;padding:15px 12px 12px;border-radius:18px}
 #daily-missions-dialog .daily-reward-banner .progression-kicker{font-size:13px}
 #daily-missions-dialog .daily-reward-banner h3{font-size:18px;margin-top:5px}
 #daily-missions-dialog .daily-reward-banner p{font-size:10px;bottom:56px}
 #daily-missions-dialog .daily-complete-count{font-size:21px;padding:7px}
 #daily-missions-dialog .daily-mission-list{gap:9px;grid-template-rows:repeat(3,minmax(79px,1fr))}
 #daily-missions-dialog .daily-mission{grid-template-columns:62px minmax(0,1fr) 87px;gap:8px;padding:7px 10px 7px 5px;min-height:79px;border-radius:14px}
 #daily-missions-dialog .daily-mission-icon{width:62px;height:62px}
 #daily-missions-dialog .daily-mission-copy h3{font-size:15px;margin-bottom:9px}
 #daily-missions-dialog .daily-mission-progress{grid-template-columns:minmax(0,1fr) 45px;gap:8px}
 #daily-missions-dialog .progression-meter{height:20px}
 #daily-missions-dialog .daily-mission-value{font-size:13px}
 #daily-missions-dialog .daily-mission-status{font-size:10px;padding:6px;min-height:29px}
 #daily-missions-dialog .daily-mission[data-complete=true] .daily-mission-status::before{font-size:17px;margin-right:3px}
 #daily-missions-dialog .daily-rules{margin:0 -11px;padding:9px 38px 10px;gap:20px;min-height:40px}
 #daily-missions-dialog .daily-rules p{font-size:9px}
 #daily-missions-dialog .daily-rules p+p{padding-left:20px}
}

@media(max-width:650px){
 #entry-dialog[open],#daily-missions-dialog[open]{width:calc(100vw - 24px);height:calc(100dvh - 86px)}
 #entry-dialog .browser-scroll{padding:10px 9px 0}
 #entry-dialog .browser-heading h3{font-size:22px}
 #entry-dialog .browser-heading h3 span{font-size:13px}
 #entry-dialog #refresh-rooms{min-width:107px;min-height:35px;font-size:12px}
 #entry-dialog #available-rooms{min-height:164px;gap:10px;padding:0 2px 5px}
 #entry-dialog .available-room{grid-template-columns:86px minmax(0,1fr) 82px;grid-template-areas:'map identity identity' 'mode count status';gap:9px 7px;position:relative;padding:9px 9px 48px;min-height:176px;border-radius:15px}
 #entry-dialog .available-map{grid-area:map;height:63px;width:86px;border-radius:9px}
 #entry-dialog .available-map img{min-height:0;height:63px;border-radius:9px}
 #entry-dialog .available-identity{grid-area:identity;gap:4px}
 #entry-dialog .available-identity>strong{font-size:21px}
 #entry-dialog .available-identity>.available-host{font-size:11px}
 #entry-dialog .available-room-code{position:absolute;bottom:19px;left:14px;font-size:10px}
 #entry-dialog .available-mode{grid-area:mode}
 #entry-dialog .available-count{grid-area:count}
 #entry-dialog .available-status{grid-area:status}
 #entry-dialog :is(.available-mode,.available-count,.available-status){min-height:40px;gap:5px;padding-left:5px}
 #entry-dialog .available-mode{border-left:0;padding-left:0}
 #entry-dialog :is(.available-mode,.available-count,.available-status)>small{font-size:9px}
 #entry-dialog :is(.available-mode,.available-count)>strong{font-size:15px}
 #entry-dialog .available-status>strong{font-size:11px}
 #entry-dialog .available-room>button{grid-area:auto;position:absolute;inset:auto 10px 10px auto;width:96px;min-height:33px;padding:5px 8px;font-size:16px;border-radius:18px}
 #entry-dialog .available-room>button:disabled{font-size:12px}
 #entry-dialog .browser-settings{grid-template-columns:1fr;gap:10px;padding:10px 3px 13px}
 #entry-dialog .browser-settings .mode-picker legend{font-size:10px}
 #entry-dialog .mode-picker span{min-height:33px;font-size:11px}
 #entry-dialog .entry-map{min-height:48px;padding:8px 12px}
 #entry-dialog .entry-map small{font-size:9px}
 #entry-dialog .entry-map strong{font-size:14px}
 #entry-dialog .entry-map-thumb{width:59px;height:34px;border-radius:8px}
 #entry-dialog .browser-footer{display:grid;grid-template-columns:1fr;gap:9px;padding:12px 23px 18px;border-radius:0 0 12px 12px}
 #entry-dialog .browser-footer .join-row{grid-template-columns:1fr 110px;gap:8px}
 #entry-dialog .browser-footer input{min-height:41px;font-size:11px;padding:7px 10px}
 #entry-dialog .browser-footer .secondary-button{min-height:41px;font-size:13px;padding:6px 10px}
 #entry-dialog .browser-footer .primary-button{min-height:42px;font-size:18px}
 #entry-dialog #room-browser-status{font-size:9px;margin:7px 2px}
 #daily-missions-dialog [data-daily-body]{display:flex;flex-direction:column;gap:16px;padding:13px 10px 0}
 #daily-missions-dialog .daily-reward-banner{min-height:175px;flex:none;padding:17px 14px 15px 47%;background-position:22% 43%;background-size:cover;text-align:right;border-radius:18px}
 #daily-missions-dialog .daily-reward-banner::after{content:'';position:absolute;inset:0;border-radius:16px;pointer-events:none;background:linear-gradient(90deg,transparent,#033f5877);z-index:0}
 #daily-missions-dialog .daily-reward-copy,#daily-missions-dialog .daily-complete-count{z-index:1}
 #daily-missions-dialog .daily-reward-banner .progression-kicker{font-size:11px}
 #daily-missions-dialog .daily-reward-banner h3{font-size:22px;margin:6px 0}
 #daily-missions-dialog .daily-reward-banner p{position:static;font-size:10px;margin:6px 0}
 #daily-missions-dialog .daily-complete-count{font-size:19px;padding:7px;margin-top:10px}
 #daily-missions-dialog .daily-mission-list{display:grid;grid-template-rows:repeat(3,auto);gap:11px;flex:none}
 #daily-missions-dialog .daily-mission{grid-template-columns:66px minmax(0,1fr);grid-template-areas:'icon copy' 'icon status';gap:9px;padding:13px 11px 12px 7px;min-height:119px;border-radius:16px}
 #daily-missions-dialog .daily-mission-icon{grid-area:icon;width:66px;height:77px}
 #daily-missions-dialog .daily-mission-copy{grid-area:copy}
 #daily-missions-dialog .daily-mission-copy h3{font-size:17px;margin-bottom:11px}
 #daily-missions-dialog .daily-mission-progress{gap:8px;grid-template-columns:minmax(0,1fr) 45px}
 #daily-missions-dialog .progression-meter{height:22px}
 #daily-missions-dialog .daily-mission-value{font-size:14px}
 #daily-missions-dialog .daily-mission-status{grid-area:status;justify-self:end;min-height:25px;padding:5px 11px;font-size:10px}
 #daily-missions-dialog .daily-rules{flex-direction:column;gap:7px;margin:0 -10px;padding:12px 30px 18px;text-align:center}
 #daily-missions-dialog .daily-rules p{font-size:10px}
 #daily-missions-dialog .daily-rules p+p{border:0;padding:0}
}