@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Noto+Sans+JP:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#101c22;--panel:#14242a;--line:#ffffff12;--gold:#c4a66c;--muted:#819495;--cream:#e8e5d8;--green:#75b8a0;--red:#d18479}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 30% 30%,#1b3034 0,transparent 60%),var(--bg);color:var(--cream);font-family:'Noto Sans JP',sans-serif;font-size:12px}button,select{font:inherit}button{cursor:pointer;color:inherit;border:0}button:disabled{cursor:default}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #edd097;outline-offset:4px}button{transition:background .18s,transform .18s,border-color .18s}button:not(:disabled):hover{filter:brightness(1.15)}.app{max-width:1720px;margin:auto;padding:0 34px}.topbar{height:105px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:15px}.crest{width:37px;color:var(--gold)}svg{width:100%;height:100%}h1{font-family:'Cormorant Garamond',Georgia,serif;font-size:30px;font-weight:600;letter-spacing:4px;margin:0;color:#eee8d9}.brand p{font-size:9px;letter-spacing:3px;color:var(--gold);margin:4px 0 0}.top-actions{display:flex;gap:18px;align-items:center}.edition{font-size:9px;letter-spacing:2px;color:#687f82;margin-right:20px}.quiet,.icon-button{background:none;color:#adbbba;padding:10px}.icon-button{font-size:19px}.outline{background:transparent;border:1px solid #9e946c5c;border-radius:4px;padding:11px 17px;color:#d1c4a6}.layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:28px;padding-top:25px}.game{min-width:0}.opponent-bar{display:flex;align-items:center;justify-content:space-between;height:75px;padding:0 14px 18px}.commander{display:flex;align-items:center;gap:11px}.avatar{width:38px;height:38px;display:grid;place-items:center;border:1px solid #ac84784a;background:#784c4523;font-size:23px;color:#cc9487;border-radius:50%}.commander strong{font-size:12px;font-weight:500}.sub{display:block;color:var(--muted);font-size:9px;margin-top:6px;letter-spacing:.6px}.backs{display:flex;gap:5px;justify-content:center}.back{width:29px;height:41px;display:grid;place-items:center;color:#a08c6170;background:repeating-linear-gradient(45deg,#243337,#243337 3px,#293a3b 3px,#293a3b 4px);border:1px solid #8d7d505c;border-radius:3px;box-shadow:inset 0 0 0 3px #142126;font-size:19px;transform:rotate(-3deg)}.back:nth-child(even){transform:rotate(3deg)}.score b{font-family:Georgia,serif;font-size:27px;font-weight:400;color:#cfa390}.score span{font-size:10px;color:var(--muted)}.battle-heading{display:flex;justify-content:space-between;padding:11px 12px;color:#839491;font-size:9px;letter-spacing:1px}.battle-heading span:first-child{color:var(--gold);font-size:9px;letter-spacing:2px}.battle-scroll{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#51665e #142127;border:1px solid #7c8a6b24;border-radius:7px;background:linear-gradient(90deg,#18292b,#1c3031 50%,#18292b);box-shadow:0 15px 40px #0002,inset 0 0 70px #0002}.battlefield{display:grid;grid-template-columns:repeat(9,minmax(83px,1fr));min-width:795px;padding:10px 5px 8px;position:relative}.battlefield:before{content:'';position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#c4a66c65,transparent);top:50%;pointer-events:none}.lane{border-right:1px solid #b5c0a50a;padding:0 5px;position:relative;min-width:0}.lane:last-child{border:0}.lane-number{display:block;text-align:center;color:#5a7170;font:10px Georgia;padding:2px 0 9px}.formation{height:145px;display:flex;flex-direction:column;gap:8px;position:relative}.formation.side-0{flex-direction:column-reverse}.formation-label{text-align:center;color:#79918a;font-size:8px;height:12px;white-space:nowrap;letter-spacing:-.1px}.slots{display:flex;flex-direction:column;gap:5px;flex:1}.side-1 .slots{justify-content:flex-end}.empty-slot{height:33px;min-height:26px;flex:1;max-height:35px;width:100%;border:1px dashed #98ab9130;border-radius:3px;background:#0c1c201e;color:#526c62;font-size:17px}.flag{width:100%;height:80px;position:relative;display:flex;align-items:center;justify-content:center;gap:0;background:none}.flag-pole{height:49px;width:2px;background:linear-gradient(#cdb684,#7f7057);position:absolute;top:13px;left:calc(50% - 16px)}.flag-cloth{color:#bea574;background:linear-gradient(120deg,#a68b50,#645335);width:32px;height:36px;display:grid;place-items:center;clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%);box-shadow:1px 2px 10px #000;font-size:21px;color:#e0d3ad;transform:translateY(-4px)}.flag-status{position:absolute;bottom:0;letter-spacing:1px;font-size:8px;color:var(--green)}.owner-0 .flag-cloth{background:linear-gradient(120deg,#589b81,#305f53);color:#b3e0c8}.owner-1 .flag-cloth{background:linear-gradient(120deg,#a95f51,#673d35);color:#e6bca8}.owner-1 .flag-status{color:var(--red)}.claimed .flag-cloth{animation:claim .6s ease}.claimed .slots{opacity:.65}.owner-0{background:linear-gradient(transparent,#497e5820)}.owner-1{background:linear-gradient(#9d584118,transparent)}.can-place .side-0 .empty-slot{border:1px dashed #b8a36a;background:#9e934315;color:#d6be86}.can-place .flag{background:radial-gradient(ellipse,#d6b66225,transparent 70%)}.can-place .flag-cloth{filter:brightness(1.3)}.environment{height:20px;text-align:center;font-size:8px;color:#b9b495;display:flex;gap:3px;justify-content:center;align-items:center}.proof-button{font-size:8px;background:none;color:#94b9ac;padding:2px}.card{--ink:#933f3d;--shade:#b65b52;background:linear-gradient(135deg,#eeeadd,#d8d2c1);color:var(--ink);width:78px;height:116px;border:1px solid #f4edd4;border-radius:5px;position:relative;flex-shrink:0;padding:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 8px #0003;overflow:hidden;transition:transform .18s,box-shadow .18s}.card:before{content:'';position:absolute;inset:5px;border:1px solid currentColor;opacity:.23;border-radius:2px;pointer-events:none}.color-1{--ink:#886016;--shade:#b18a34}.color-2{--ink:#286a53;--shade:#488569}.color-3{--ink:#30628b;--shade:#537ea1}.color-4{--ink:#775178;--shade:#956999}.color-5{--ink:#535c63;--shade:#7b858a}.tactic{--ink:#806633;--shade:#b29a58;background:linear-gradient(120deg,#f0e7cc,#c5b88f)}.card-corner{position:absolute;top:7px;left:10px;font:bold 21px 'Cormorant Garamond',Georgia}.card-emblem{font-size:32px;line-height:36px;margin-top:4px;text-shadow:0 1px 0 #fff6}.card-name{font-size:8px;letter-spacing:2px;margin-top:6px}.tactic .card-name{font-size:8px;letter-spacing:0;line-height:1.5}.card-line{width:22px;border-bottom:1px solid currentColor;opacity:.45}.card-bottom{position:absolute;bottom:6px;right:9px;font:12px Georgia}.tactic .card-bottom{font-size:6px;letter-spacing:1px}.card.small{height:33px;min-height:26px;max-height:35px;width:100%;padding:3px 5px;display:flex;flex-direction:row;border:1px solid #ffffff18;background:linear-gradient(110deg,var(--ink),var(--shade));color:#faf1dc;box-shadow:0 2px 3px #0003;animation:deal .25s ease}.small .card-corner{position:static;font:600 18px Georgia;width:25px;text-align:left}.small .card-emblem{font-size:15px;line-height:1;margin:0 auto}.small .card-name{font-size:6px;letter-spacing:0;margin:0;opacity:.7}.small:before{inset:3px;opacity:.15}.hand .card:hover:not(:disabled){transform:translateY(-7px)}.hand .card.selected{transform:translateY(-12px);outline:2px solid #d4b76d;outline-offset:3px;box-shadow:0 0 25px #c8ab5025}.hand .card:disabled{opacity:.85}.turn-banner{display:flex;align-items:center;gap:9px;margin:19px 0 20px;padding:12px 15px;background:#718f7510;border:1px solid #83987420;border-radius:4px;font-size:10px;color:#8ba698;min-height:43px}.turn-banner strong{font-size:10px;font-weight:500;white-space:nowrap;color:#c3d5be}.turn-banner>span:last-child{margin-left:7px;color:#a2b0a8}.turn-dot,.pulse-dot{width:6px;height:6px;border-radius:50%;background:#c0b473;flex-shrink:0}.pulse-dot{animation:pulse 1s infinite;background:#d29a83}.player-area{display:flex;justify-content:space-between;gap:20px;padding:0 10px 8px}.hand-section{min-width:0;flex:1}.hand-heading{display:flex;gap:18px;font-size:8px;letter-spacing:1px;margin-bottom:24px;color:#839591}.hand-heading span:first-child{color:var(--gold);letter-spacing:2px}.hand{display:flex;gap:10px;min-height:122px;flex-wrap:wrap}.supply{width:136px;flex-shrink:0;text-align:center;padding-top:0}.eyebrow{font-size:9px;letter-spacing:1.7px;color:#a2aaa0}.decks{display:flex;gap:9px;justify-content:center;margin:13px 0 10px}.deck{width:53px;height:83px;background:repeating-linear-gradient(45deg,#23383a,#23383a 4px,#283e3e 4px,#283e3e 5px);border:1px solid #65715a;border-radius:4px;box-shadow:3px 3px #112226,4px 4px #65715a;display:flex;flex-direction:column;align-items:center;justify-content:center}.deck>span{font-size:17px;color:#bfb58d}.deck strong{font:22px Georgia;margin:3px}.deck small{font-size:8px;color:#a4b2a5}.tactics-deck{background:repeating-linear-gradient(45deg,#3b3a30,#3b3a30 4px,#414032 4px,#414032 5px)}.deck:not(:disabled){border-color:#e6c66f;outline:2px solid #c9a75e4a;animation:pulse 1.5s infinite}.supply>small{font-size:8px;color:#8b9d95}.sidebar{border-left:1px solid var(--line);padding-left:25px}.sidebar section{padding:0 0 23px;margin-bottom:23px;border-bottom:1px solid var(--line)}.round{display:flex;align-items:center;gap:10px;margin:16px 0 22px}.round>span:first-child{font-size:9px;color:var(--muted);letter-spacing:1px}.round b{font:32px 'Cormorant Garamond',Georgia;font-weight:500;color:#e3d6b9}.live-pill{font-size:8px;color:#acc5a1;background:#809b6720;border:1px solid #a9ae5225;border-radius:20px;padding:4px 9px;margin-left:auto}.your-score{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#a5b5ad;margin-bottom:16px}.your-score strong{font:26px Georgia;color:#d3bb85}.your-score small{font-size:14px;color:#708782}.mini-flags{display:flex;gap:5px}.mini-flags>div{width:21px;height:27px;border:1px solid #a4b4932a;background:#5f765117;text-align:center;padding-top:5px;font:11px Georgia;color:#8a9c8b;clip-path:polygon(0 0,100% 0,100% 100%,50% 86%,0 100%)}.mini-flags .mini-owner-0{background:#568e72;color:#ecf6e2}.mini-flags .mini-owner-1{background:#9c6559;color:#f7e3d0}.muted{color:var(--muted);line-height:1.9;font-size:10px}.status-panel p{font-size:9px;margin:15px 0 0}.rank-row{display:flex;align-items:center;gap:10px;margin-top:16px}.rank-index{font:12px Georgia;color:#788778}.rank-row strong{font-size:10px;font-weight:500;color:#bac3b8}.rank-row small{display:block;color:#708883;font-size:8px;margin-top:4px}.rank-dots{margin-left:auto;font-size:5px;letter-spacing:1px;color:#a88e55}.ranks-panel>.muted{display:block;margin-top:16px;font-size:8px}.log-panel .eyebrow{display:flex;justify-content:space-between}.log-panel .eyebrow span{font-size:7px;color:#577c6c}.logs{max-height:172px;overflow:auto;scrollbar-width:thin;margin-top:12px}.log{display:flex;gap:8px;color:#869c92;font-size:9px;line-height:1.8;border-bottom:1px solid #ffffff05}.log:first-child{color:#bdc6ae}.log>span{color:var(--gold);margin-top:8px}.log p{margin:7px 0}.history-button{background:none;width:100%;display:flex;justify-content:space-between;font-size:9px;color:#849c8d;padding:0}.history-button>span{color:#b4ad88}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#546e6b;letter-spacing:1px;font-size:8px;padding:22px 0;margin-top:25px}.footer-sep{padding:0 10px}.tactic-info{margin:15px 10px;padding:13px;border:1px solid #b79e5b40;color:#d1c298;background:#b79e5b0a;line-height:1.8}.tactic-info button{margin-left:15px}.gold{background:#c4a771;color:#17272a;font-weight:600;border-radius:4px;padding:11px 20px}.pass{margin:15px}.overlay{position:fixed;inset:0;background:#071115d9;backdrop-filter:blur(7px);z-index:20;display:flex;align-items:center;justify-content:center;padding:25px}.modal{background:linear-gradient(130deg,#223638,#14242a);border:1px solid #9e956157;box-shadow:0 30px 100px #0008;border-radius:9px;padding:26px 30px;width:560px;max-width:100%;max-height:88vh;overflow:auto;color:#c1ccc3;font-size:12px;line-height:1.9;scrollbar-width:thin}.modal header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;border-bottom:1px solid var(--line);padding-bottom:13px}.modal h2{font-size:18px;color:#dfcdab;font-weight:500;margin:0}.modal h3{color:#dbc69f;font-size:13px;margin-top:25px}.modal a{color:#c4b587}.modal .muted{font-size:11px}.lead{font-size:21px;color:#eadcc0}.field{display:flex;flex-direction:column;gap:8px;margin:23px 0}.field select{background:#14252a;border:1px solid #647566;border-radius:4px;padding:12px;color:#dacdac}.check{display:flex;gap:10px;align-items:center}.check input{accent-color:var(--gold)}.wide{width:100%;margin-top:13px}.result{text-align:center}.result-emblem{width:75px;height:85px;margin:15px auto 25px;color:#d2b77f}.history-row{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid var(--line);font-size:10px}.history-row strong{color:#d5bf85}.action-grid{display:flex;flex-wrap:wrap;gap:9px}.error{color:#f8b5a5;background:#9e3e3022;padding:15px;border:1px solid #9e3e30}.rules strong{color:#d6c298} @keyframes deal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes claim{50%{transform:translateY(-10px) scale(1.3);filter:brightness(1.7)}}@keyframes pulse{50%{opacity:.5}}@media(min-width:1500px){.layout{grid-template-columns:minmax(0,1fr) 265px;gap:40px}.sidebar{padding-left:32px}.card{width:91px;height:132px}.formation{height:158px}.small.card,.empty-slot{max-height:39px;height:39px}.flag{height:92px}.battlefield{padding:15px 8px}.hand{gap:13px}.layout{padding-top:32px}}@media(max-width:1180px){.app{padding:0 20px}.layout{grid-template-columns:minmax(0,1fr) 200px;gap:18px}.sidebar{padding-left:18px}.edition{display:none}.card{width:68px;height:108px}.hand{gap:7px}.player-area{gap:10px;padding:0}.supply{width:119px}.rank-row{gap:6px}.rank-dots{font-size:4px}.mini-flags{gap:3px}.topbar{height:88px}}@media(max-width:1000px){.layout{display:block}.sidebar{display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px;border-left:0;padding:25px 0 0;margin-top:24px;border-top:1px solid var(--line)}.sidebar section{margin:0;border:0}.history-button{grid-column:1/-1}.formation{height:139px}.hand{gap:10px}.card{width:80px;height:115px}.player-area{gap:16px}.battle-scroll{border-radius:5px}.supply{width:135px}.logs{height:170px}}@media(max-width:700px){.app{padding:0 13px}.topbar{height:80px}.crest{width:27px}.brand{gap:8px}h1{font-size:22px;letter-spacing:2px}.brand p{font-size:7px;letter-spacing:1px}.top-actions{gap:2px}.top-actions .outline{font-size:9px;padding:9px}.top-actions .quiet{font-size:10px;padding:7px}.icon-button{padding:7px}.layout{padding-top:17px}.backs{gap:3px}.back{width:18px;height:31px;font-size:14px}.commander{gap:7px}.commander strong{font-size:10px}.avatar{width:29px;height:29px;font-size:18px}.sub{font-size:7px}.score b{font-size:22px}.score span{font-size:8px}.opponent-bar{padding:0 0 13px;height:65px}.battle-heading{font-size:8px;letter-spacing:0;padding:9px 1px}.battle-heading span:first-child{font-size:8px;letter-spacing:1px}.turn-banner{flex-wrap:wrap;gap:6px;margin:13px 0;padding:10px}.turn-banner>span:last-child{width:100%;margin-left:12px;font-size:9px}.hand-heading{margin-bottom:23px;font-size:7px;gap:9px}.hand{gap:7px;flex-wrap:nowrap;overflow-x:auto;padding:14px 5px 8px;margin:-14px -5px 0;min-height:114px}.card{width:60px;height:94px;padding:6px}.card-corner{font-size:18px;left:8px}.card-emblem{font-size:25px}.card-name{font-size:7px}.card-bottom{font-size:10px}.supply{width:98px;flex-shrink:0}.decks{gap:8px}.deck{width:39px;height:67px}.deck strong{font-size:19px}.supply>small{font-size:7px}.sidebar{grid-template-columns:1fr 1fr;gap:20px;margin-top:15px}.log-panel{grid-column:1/-1}.logs{max-height:110px}.history-button{padding-bottom:8px}.sidebar section{padding-bottom:0}.turn-banner strong{font-size:9px}footer{font-size:6px;letter-spacing:.5px;gap:15px;padding:17px 0}.modal{padding:20px}.modal h2{font-size:16px}.overlay{padding:14px}.player-area{gap:12px}.supply .eyebrow{font-size:8px}.hand .card.selected{transform:translateY(-8px)}}@media(max-height:520px) and (orientation:landscape){.app{padding:0 16px}.topbar{height:63px}.layout{padding-top:12px}.opponent-bar{height:52px}.formation{height:117px}.formation-label{font-size:7px}.flag{height:58px}.flag-pole{height:39px;top:5px}.flag-cloth{height:30px;width:28px}.battlefield{padding-top:6px}.lane-number{padding-bottom:4px}.environment{height:15px}.turn-banner{margin:10px 0}.card{height:97px;width:65px}.sidebar{display:none}.hand-heading{margin-bottom:18px}.top-actions{gap:10px}.backs .back{height:30px;width:23px}.battle-heading{padding:7px}.slots{gap:4px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.discard-link{margin-bottom:17px}@media(max-width:1000px){.discard-link{grid-column:1/-1;margin-bottom:0}}
@media(max-width:1000px) and (max-height:520px) and (orientation:landscape){.topbar{height:43px}.crest{width:24px}.brand{gap:7px}h1{font-size:20px;letter-spacing:3px}.brand p{font-size:6px;margin:0}.top-actions .outline{padding:6px 12px;font-size:9px}.top-actions .quiet{padding:6px}.layout{padding-top:5px}.opponent-bar{height:29px;padding:0 5px 3px}.avatar{height:24px;width:24px;font-size:17px}.commander strong{font-size:9px}.sub{font-size:7px;margin-top:0}.backs .back{height:23px;width:19px;font-size:12px}.score b{font-size:21px}.battle-heading{padding:5px 5px;font-size:7px}.battle-heading span:first-child{font-size:7px}.battlefield{padding:3px 4px}.lane{padding:0 5px}.lane-number{font-size:7px;padding:0 0 2px}.formation{height:58px;gap:2px}.formation-label{height:9px;font-size:6px}.slots{gap:2px}.small.card,.empty-slot{height:15px;min-height:10px;max-height:17px;border-radius:2px}.small .card-corner{font-size:12px;width:20px}.small .card-emblem{font-size:10px}.small .card-name{font-size:5px}.small:before{inset:1px}.flag{height:32px}.flag-pole{height:26px;top:2px;left:calc(50% - 11px)}.flag-cloth{width:22px;height:22px;font-size:13px;transform:translateY(0)}.flag-status{bottom:0;right:0;font-size:6px}.environment{height:9px;font-size:6px}.proof-button{font-size:6px;padding:0}.turn-banner{margin:5px 0;padding:5px 9px;min-height:24px;font-size:8px;flex-wrap:nowrap}.turn-banner strong{font-size:8px}.turn-banner>span:last-child{width:auto;font-size:8px}.player-area{gap:15px;padding:0 5px 3px}.hand-heading{font-size:6px;margin-bottom:11px;gap:12px}.hand{gap:7px;flex-wrap:nowrap;overflow-x:auto;min-height:76px;padding:6px 4px 3px;margin:-6px -4px 0}.card{width:51px;height:72px;padding:3px}.card-corner{font-size:15px;top:5px;left:7px}.card-emblem{font-size:21px;line-height:22px}.card-name{font-size:6px;letter-spacing:1px;margin-top:3px}.card-bottom{font-size:9px;bottom:4px;right:6px}.tactic .card-name{font-size:6px}.hand .card.selected{transform:translateY(-4px);outline-offset:1px}.supply{width:100px}.supply .eyebrow{font-size:6px}.decks{margin:5px 0 3px;gap:8px}.deck{height:55px;width:38px}.deck>span{font-size:12px}.deck strong{font-size:18px;margin:0}.deck small{font-size:7px}.supply>small{font-size:6px}.tactic-info{font-size:9px;margin:5px;padding:5px}.tactic-info button{padding:5px 10px;font-size:9px}.sidebar,footer{display:none}.modal{max-height:94vh}.overlay{padding:10px}}
.online-strip{display:flex;justify-content:space-between;align-items:center;padding:5px 30px;border-bottom:1px solid #b6aa6533;background:#0c171d;font-size:11px;color:#cbbb97}.online-strip .quiet{padding:5px 10px}.connection-ok{color:#8bc8aa}.connection-bad{color:#efb58e}.network-error{padding:10px 25px;background:#75412866;color:#f1d6bd;font-size:12px;display:flex;align-items:center;gap:20px}.online-lobby{max-width:610px;margin:0 auto;padding:50px 22px}.lobby-brand{text-align:center;font:28px Georgia;letter-spacing:5px;color:#ded3b8}.lobby-brand small{display:block;font:10px sans-serif;letter-spacing:3px;color:var(--gold);margin-top:12px}.lobby-panel{margin-top:35px;padding:32px;border:1px solid #9b946347;border-radius:10px;background:linear-gradient(130deg,#203638,#14242a);box-shadow:0 30px 80px #0003}.lobby-panel h1{font-family:inherit;font-size:25px;letter-spacing:1px;margin-top:15px}.lobby-panel .muted{font-size:12px}.field input{width:100%;padding:13px;border:1px solid #81958555;background:#122529;color:#eee4cf;border-radius:4px;font:inherit}.field input:focus{outline:2px solid #c4a66c}.lobby-divider{text-align:center;margin:27px 0 0;color:#819b94;font-size:11px}.invite-code{text-align:center;font:36px monospace;letter-spacing:5px;background:#0c1e23;padding:20px;border:1px dashed #b5a77780;margin:25px 0;color:#e4c68a}.lobby-note{text-align:center;color:#809a92;font-size:11px;line-height:1.9;margin-top:20px}.lobby-panel button:disabled{opacity:.5}.top-actions{gap:8px}.edition{display:none}@media(max-width:600px){.online-lobby{padding:25px 15px}.lobby-panel{padding:22px}.top-actions .quiet{font-size:9px;padding:5px}.online-strip{padding:4px 13px;font-size:9px}.brand h1{font-size:17px;letter-spacing:1px}.top-actions{gap:1px}.invite-code{font-size:27px;letter-spacing:3px}.network-error{padding:8px 15px;font-size:10px}}@media(max-height:520px) and (orientation:landscape){.online-strip{font-size:8px;padding:1px 16px}.online-strip .quiet{font-size:8px;padding:3px}.online-lobby{padding-top:20px}.online-lobby .lobby-panel{margin-top:20px}}