:root{--ink:#3b2a1a;--ink-dim:#6e5538;--ink-faint:#9a8164;--gold:#c0601a;--gold-d:#b08a58;--line:#3b2416;--parch:#fbf3df;--parch-2:#f3e5c4;--parch-3:#e6d2a6;--tan:#d9bf8c;--wood:#5e3c22;--wood-d:#2a1608;--orange:#f08a1c;--orange-l:#ffc05a;--red:#c0392b;--green:#3f8f2a;--blue:#2f78b8;--violet:#7a4ac0;--aether:#1f9cc2;--shadow:0 12px 30px #140a0473;--radius:16px;--font-head:"Cinzel", Georgia, "Times New Roman", serif;--font-body:"Alegreya", Georgia, "Times New Roman", serif}*{box-sizing:border-box}html,body{overscroll-behavior:none;height:100%;color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background:#2a1a10;margin:0;overflow:hidden}#game{width:100vw;height:100dvh}#game canvas{touch-action:none;display:block}.ui-root{--hud-top:62px;--hud-left:78px;--hud-bottom:0px;pointer-events:none;color:var(--ink);font-size:15px;line-height:1.35;position:absolute;inset:0}.ui-root *{pointer-events:auto}.ui-root .passthrough,.ui-root .passthrough *{pointer-events:none}.panel{top:calc(var(--hud-top) + 12px);background:radial-gradient(circle at 15% 0%, #ffffff8c, transparent 45%), linear-gradient(180deg, var(--parch), var(--parch-2));border:3px solid var(--line);border-radius:var(--radius);width:min(760px,100vw - 120px);box-shadow:var(--shadow), inset 0 0 0 2px #fff8e6, inset 0 0 0 4px #b08a5873;flex-direction:column;animation:.18s ease-out panel-in;display:flex;position:absolute;bottom:14px;right:14px}.panel.wide{width:min(1040px,100vw - 120px)}.panel.narrow{width:min(520px,100vw - 120px)}.panel.modal{max-height:calc(100vh - 60px);animation:none;inset:50% auto auto 50%;transform:translate(-50%,-50%)}@keyframes panel-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}.panel-head{border-bottom:3px solid var(--line);background:linear-gradient(#8a5a32,#5e3c22);border-radius:12px 12px 0 0;align-items:center;gap:12px;padding:10px 14px;display:flex;box-shadow:inset 0 2px #ffdca059}.panel-head img{filter:drop-shadow(0 2px #00000059);width:42px;height:42px}.panel-head h2{font-family:var(--font-head);letter-spacing:.04em;color:#fff3d4;text-shadow:0 2px 0 var(--wood-d), 0 0 6px #00000059;flex:1;margin:0;font-size:22px;font-weight:700}.panel-head .sub{color:#f3d9a4;font-size:13px;font-style:italic}.close{border:2px solid var(--line);color:#fff;cursor:pointer;width:32px;height:32px;box-shadow:inset 0 2px 0 #ffffff73, 0 2px 0 var(--wood-d);text-shadow:0 1px #7a1a10;background:linear-gradient(#ff9a7a,#d9452f);border-radius:50%;font-size:17px;font-weight:700}.close:hover{filter:brightness(1.08)}.close[data-act=__back]{color:var(--ink);text-shadow:none;background:linear-gradient(#fffaf0,#ecdcb6)}.panel-tabs{background:linear-gradient(180deg, var(--parch-3), var(--parch-2));border-bottom:2px solid var(--line);flex-wrap:wrap;gap:4px;padding:8px 14px 0;display:flex}.tab{color:var(--ink-dim);border:2px solid var(--line);cursor:pointer;font-family:var(--font-head);background:linear-gradient(#ead7ad,#d9bf8c);border-bottom:none;border-radius:10px 10px 0 0;margin-bottom:-2px;padding:5px 13px;font-size:13px;font-weight:700}.tab:hover{color:var(--ink)}.tab.active{background:var(--parch);color:var(--gold);box-shadow:inset 0 3px 0 var(--orange);padding-bottom:7px}.tab .count{background:var(--red);color:#fff;border:1px solid var(--line);border-radius:9px;margin-left:6px;padding:0 6px;font-size:11px}.panel-body{scrollbar-color:var(--gold-d) transparent;flex:1;padding:14px 16px 18px;overflow-y:auto}.panel-body::-webkit-scrollbar{width:12px}.panel-body::-webkit-scrollbar-thumb{background:var(--gold-d);border:3px solid var(--parch-2);border-radius:6px}.cards{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:10px;display:grid}.card{border:2px solid var(--tan);background:linear-gradient(#fffaf0,#f7ebd0);border-radius:12px;gap:12px;padding:10px 12px;display:flex;position:relative;box-shadow:0 2px #3b24161f}.card.focus{border-color:var(--orange);box-shadow:0 0 0 2px var(--orange-l), 0 0 16px #f08a1c59}.card.locked{opacity:.6}.card>img{flex:none;width:58px;height:58px}.card .main{flex:1;min-width:0}.card h3{font-family:var(--font-head);color:var(--ink);margin:0 0 2px;font-size:15px}.card h3 .lvl{color:var(--gold);margin-left:6px;font-size:13px}.card p{color:var(--ink-dim);margin:2px 0 6px;font-size:13px}.card .row{flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:4px;display:flex}.cost{flex-wrap:wrap;gap:8px;font-size:13px;display:inline-flex}.cost span{white-space:nowrap;align-items:center;gap:3px;display:inline-flex}.cost img{width:16px;height:16px}.cost .short{color:var(--red);font-weight:700}.time{color:var(--ink-dim);white-space:nowrap;font-size:13px}.req{color:#b5452f;margin:4px 0 0;font-size:12px}.req li{margin-left:-14px}.stats{color:var(--ink-dim);flex-wrap:wrap;gap:4px 10px;font-size:12px;display:flex}.stats b{color:var(--ink);font-weight:700}.btn{font-family:var(--font-head);letter-spacing:.03em;color:#fff;text-shadow:0 1px #8a4a10,0 0 3px #8a4a1099;background:linear-gradient(180deg, var(--orange-l), var(--orange));border:2px solid var(--line);cursor:pointer;white-space:nowrap;box-shadow:inset 0 2px 0 #ffffff80, 0 2px 0 var(--wood-d);border-radius:10px;padding:5px 12px;font-size:13px;font-weight:700}.btn:hover{filter:brightness(1.07)}.btn:active{transform:translateY(1px);box-shadow:inset 0 2px #fff6}.btn:disabled{filter:grayscale(.85)brightness(.9);cursor:not-allowed;opacity:.75}.btn.ghost{color:var(--ink);text-shadow:none;border-color:var(--gold-d);background:linear-gradient(#fffaf0,#ecdcb6);box-shadow:0 2px #3b241633}.btn.danger{text-shadow:0 1px #7a1a10;background:linear-gradient(#ff9a7a,#d9452f)}.btn.small{border-radius:8px;padding:3px 9px;font-size:12px}.btn.shard{text-shadow:0 1px #3a1a6a;background:linear-gradient(#d9b8ff,#8a5ad0)}a.btn{text-decoration:none;display:inline-block}.link{color:var(--gold);cursor:pointer;font:inherit;background:0 0;border:none;padding:0;font-weight:700;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}input,select,textarea{color:var(--ink);border:2px solid var(--tan);font-family:var(--font-body);background:#fffdf6;border-radius:8px;padding:5px 8px;font-size:14px}input::placeholder{color:var(--ink-faint)}input[type=number]{width:96px}input[type=range]{accent-color:var(--orange)}input:focus,select:focus,textarea:focus{outline:2px solid var(--orange-l);border-color:var(--orange)}textarea{width:100%;min-height:90px}label.field{color:var(--ink-dim);flex-direction:column;gap:4px;font-size:13px;display:flex}.form-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}.section{font-family:var(--font-head);color:var(--gold);letter-spacing:.05em;align-items:center;gap:10px;margin:14px 0 8px;font-size:15px;font-weight:700;display:flex}.section:after{content:"";background:linear-gradient(90deg, var(--gold-d), transparent);border-radius:1px;flex:1;height:2px}.muted{color:var(--ink-faint)}.dim{color:var(--ink-dim)}.good{color:var(--green)}.bad{color:var(--red)}.gold{color:var(--gold)}.note{border:2px solid var(--tan);border-left:5px solid var(--orange);color:var(--ink-dim);background:#f3e2bd;border-radius:8px;padding:8px 12px;font-size:13px}.flex{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.spacer{flex:1}.pill{color:var(--ink-dim);border:1px solid var(--gold-d);background:#eadbb8;border-radius:10px;padding:1px 8px;font-size:11px;font-weight:700;display:inline-block}.pill.red{color:#8f2a1a;background:#fbd6cd;border-color:#d98a7a}.pill.green{color:#2f6b2a;background:#d9f2cb;border-color:#8fc47a}.pill.blue{color:#1f4f80;background:#d3e6f8;border-color:#8ab4dc}.pill.gold{color:#8a5a00;background:#ffe7a8;border-color:#e0b04a}table.grid{border-collapse:collapse;width:100%;font-size:14px}table.grid th{text-align:left;color:var(--gold);font-family:var(--font-head);border-bottom:2px solid var(--gold-d);padding:6px;font-size:12px;font-weight:700}table.grid td{vertical-align:middle;border-bottom:1px solid #b08a5859;padding:6px}table.grid tr.me td{background:#ffe9b8}table.grid tr.click{cursor:pointer}table.grid tr.click:hover td{background:#f08a1c1a}table.grid td.num,table.grid th.num{text-align:right;font-variant-numeric:tabular-nums}.unit-cell{align-items:center;gap:4px;display:inline-flex}.unit-cell img{width:22px;height:22px}.queue{flex-direction:column;gap:6px;margin-bottom:10px;display:flex}.queue-item{border:2px solid var(--tan);background:#f3e4c2;border-radius:10px;align-items:center;gap:10px;padding:6px 10px;display:flex}.queue-item img{width:34px;height:34px}.bar{border:1px solid var(--gold-d);background:#dcc79c;border-radius:4px;height:8px;margin-top:4px;overflow:hidden}.bar>div{background:linear-gradient(180deg, var(--orange-l), var(--orange));height:100%}.report{flex-direction:column;gap:10px;display:flex}.report .side{border:2px solid var(--tan);background:#f7ebd0;border-radius:10px;padding:10px}.report .side h4{font-family:var(--font-head);color:var(--ink);margin:0 0 6px}.report .side.att h4{color:#b5452f}.report .side.def h4{color:var(--blue)}.banner-result{text-align:center;font-family:var(--font-head);letter-spacing:.06em;padding:6px;font-size:26px;font-weight:900}.banner-result.win{color:var(--green)}.banner-result.lose{color:var(--red)}.banner-result.draw{color:var(--ink-dim)}.report-list .r{cursor:pointer;border-bottom:1px solid #b08a5859;border-radius:6px;align-items:center;gap:10px;padding:7px 8px;display:flex}.report-list .r:hover{background:#f08a1c1a}.report-list .r.unread .t{color:var(--gold);font-weight:700}.report-list .r img{width:26px;height:26px}.report-list .r .t{flex:1}.report-list .r .when{color:var(--ink-faint);white-space:nowrap;font-size:12px}.toasts{left:50%;top:calc(var(--hud-top) + 22px);z-index:50;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;transform:translate(-50%);pointer-events:none!important}.toast{background:var(--parch);color:var(--ink);border:2px solid var(--line);box-shadow:var(--shadow), inset 0 0 0 2px #fff8e6;text-align:center;border-radius:12px;max-width:min(560px,100vw - 24px);padding:8px 18px;font-size:14px;animation:.2s ease-out toast-in;pointer-events:none!important}.toast.error{color:#7a1a10;background:#fde3dc;border-color:#8f2a1a}.toast.good{color:#23461d;background:#e3f5d6;border-color:#2f6b2a}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1}}.timeline{left:calc(var(--hud-left) + 14px);bottom:calc(var(--chat-h,0px) + 22px);width:300px;max-height:min(40vh, calc(100% - var(--chat-h,0px) - 110px));flex-direction:column;gap:4px;display:flex;position:absolute;overflow-y:auto}.timeline .ev{color:var(--ink);border:2px solid var(--line);cursor:pointer;background:#fbf3dff2;border-radius:10px;align-items:center;gap:8px;padding:3px 9px;font-size:13px;display:flex;box-shadow:0 2px #2a160866}.timeline .ev:hover{background:#fff}.timeline .ev img{width:24px;height:24px}.timeline .ev .t{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.timeline .ev .c{color:var(--gold);font-variant-numeric:tabular-nums;font-weight:700}.timeline .ev.hostile{background:#fde3dc;border-color:#8f2a1a;animation:1.2s infinite pulse}@keyframes pulse{50%{box-shadow:0 0 12px #dc3c28cc}}.chat{left:calc(var(--hud-left) + 14px);border:3px solid var(--line);background:#fbf3dff2;border-radius:14px;flex-direction:column;width:min(440px,100vw - 110px);font-size:14px;display:flex;position:absolute;bottom:12px;box-shadow:0 8px 22px #140a0466,inset 0 0 0 2px #fff8e6}.chat-head{background:linear-gradient(#8a5a32,#5e3c22);border-radius:10px 10px 0 0;align-items:center;gap:4px;padding:4px 6px;display:flex;box-shadow:inset 0 2px #ffdca059}.chat:focus-within{z-index:20}.chat.closed .chat-head{cursor:pointer;border-radius:10px}.chat-head>img{filter:drop-shadow(0 1px #00000059);width:26px;height:26px}.chat-tabs{flex-wrap:wrap;gap:3px;display:flex}.chat-tab{font-family:var(--font-head);color:#f3d9a4;cursor:pointer;text-shadow:0 1px 0 var(--wood-d);background:0 0;border:2px solid #0000;border-radius:8px;padding:2px 8px;font-size:12px;font-weight:700}.chat-tab:hover{color:#fff3d4}.chat-tab.active{background:var(--parch);color:var(--gold);border-color:var(--line);text-shadow:none}.chat-tab .count,.chat-conv .count{background:var(--red);color:#fff;border:1px solid var(--line);text-shadow:none;border-radius:9px;margin-left:5px;padding:0 6px;font-size:11px}.chat-online{color:#bfe8a8;text-shadow:0 1px 0 var(--wood-d);white-space:nowrap;font-size:12px;font-weight:700}.chat-online.off{color:#ffc7a8}.chat-toggle,.chat-back{border:2px solid var(--line);cursor:pointer;width:26px;height:26px;color:var(--ink);box-shadow:0 2px 0 var(--wood-d);background:linear-gradient(#fffaf0,#ecdcb6);border-radius:50%;font-weight:700;line-height:1}.chat-back{width:22px;height:22px;box-shadow:none;font-size:15px}.chat-body{flex-direction:column;height:250px;display:flex}.chat.closed .chat-body{display:none}.chat-sub{border-bottom:2px solid var(--tan);background:#f3e4c2;align-items:center;gap:6px;padding:4px 8px;display:flex}.chat-log{scrollbar-color:var(--gold-d) transparent;flex:1;padding:6px 10px;overflow-y:auto}.chat-line{overflow-wrap:anywhere;padding:1px 0}.chat-line.note{color:var(--ink-dim);font-style:italic}.chat-line.note.bad{color:var(--red)}.chat-line.called{background:#ffe9b8;border-radius:4px;box-shadow:-4px 0 #ffe9b8,4px 0 #ffe9b8}.chat-time{color:var(--ink-faint);font-variant-numeric:tabular-nums;font-size:11px}.chat-tag{color:var(--ink-dim);font-size:12px;font-weight:700}.chat-name{font:inherit;color:var(--gold);cursor:pointer;background:0 0;border:none;padding:0;font-weight:700}.chat-name:hover{text-decoration:underline}.chat-me{color:var(--blue)}.chat-earlier{text-align:center;margin-bottom:4px;font-size:12px}.chat-conv{cursor:pointer;border-bottom:1px solid #b08a5859;border-radius:6px;align-items:center;gap:8px;padding:5px 6px;display:flex}.chat-conv:hover{background:#f08a1c1a}.chat-conv b{white-space:nowrap}.chat-conv.unread b{color:var(--gold)}.chat-preview{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink-dim);flex:1;overflow:hidden}.chat-when{color:var(--ink-faint);white-space:nowrap;font-size:11px}.chat-form{border-top:2px solid var(--tan);align-items:center;gap:6px;padding:6px;display:flex}.chat-form input{flex:1;min-width:0}.chat-to{font-family:var(--font-head);color:var(--gold);white-space:nowrap;text-overflow:ellipsis;max-width:130px;font-size:12px;font-weight:700;overflow:hidden}.dot{background:var(--ink-faint);vertical-align:1px;border:1px solid #00000059;border-radius:50%;width:9px;height:9px;margin-right:6px;display:inline-block}.dot.online{background:#4fc23a;box-shadow:0 0 6px #4fc23acc}.dot.degraded{background:#f0b01c;box-shadow:0 0 6px #f0b01ccc}.dot.offline{background:var(--red);box-shadow:0 0 6px #c0392bcc}.status-head{border:2px solid var(--tan);background:#f7ebd0;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;display:flex}.status-head .dot.big{border-width:3px;border-color:var(--line);width:30px;height:30px;margin:0 4px}.status-head .status-word{font-family:var(--font-head);letter-spacing:.04em;font-size:22px;font-weight:900}.status-head.online .status-word{color:var(--green)}.status-head.degraded .status-word{color:#b07a00}.status-head.offline .status-word{color:var(--red)}.status-head .num{text-align:right;font-variant-numeric:tabular-nums}.status-stats{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;display:grid}.status-stat{border:2px solid var(--tan);text-align:center;background:#fffaf0;border-radius:10px;flex-direction:column;align-items:center;padding:6px 4px;display:flex}.status-stat b{font-family:var(--font-head);color:var(--ink);font-size:20px}.status-stat span{color:var(--ink-dim);font-size:12px}.realm-status{text-align:center;color:var(--ink-dim);margin-top:10px;font-size:13px}.dropdown{top:calc(var(--hud-top) + 2px);background:var(--parch);border:3px solid var(--line);min-width:320px;max-height:60vh;box-shadow:var(--shadow), inset 0 0 0 2px #fff8e6;z-index:40;border-radius:12px;padding:6px;position:absolute;left:50%;overflow-y:auto;transform:translate(-50%)}.dropdown .opt{cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;display:flex}.dropdown .opt:hover,.dropdown .opt.active{background:#f3e2bd}.dropdown .opt img{width:24px;height:24px}.tooltip{z-index:60;max-width:320px;color:var(--ink);border:2px solid var(--line);background:#fbf3dff7;border-radius:10px;padding:8px 11px;font-size:13px;position:absolute;box-shadow:0 8px 20px #140a0466,inset 0 0 0 2px #fff8e6;pointer-events:none!important}.tooltip h5{font-family:var(--font-head);color:var(--gold);margin:0 0 4px;font-size:13px}.auth-box{background:linear-gradient(180deg, var(--parch), var(--parch-2));width:min(380px,100vw - 32px);color:var(--ink);border:3px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow), inset 0 0 0 2px #fff8e6, inset 0 0 0 4px #b08a5873;padding:0 22px 18px;overflow-y:auto}.auth-box h3{font-family:var(--font-head);color:#fff3d4;text-align:center;letter-spacing:.08em;border-bottom:3px solid var(--line);text-shadow:0 2px 0 var(--wood-d);background:linear-gradient(#8a5a32,#5e3c22);border-radius:12px 12px 0 0;margin:0 -22px 14px;padding:10px 14px;box-shadow:inset 0 2px #ffdca059}.auth-box label{color:var(--ink-dim);margin-bottom:10px;font-size:13px;font-weight:600;display:block}.auth-box input,.auth-box select{width:100%;margin-top:4px;padding:8px 10px;font-size:15px}.auth-box .btn{width:100%;margin-top:6px;padding:9px;font-size:15px}.auth-box .switch{text-align:center;color:var(--ink-dim);margin-top:12px;font-size:13px}.auth-box .err{color:var(--red);text-align:center;min-height:18px;font-size:13px;font-weight:700}.lang-pick{justify-content:center;gap:6px;margin-top:12px;display:flex}.lang-pick button{font-family:var(--font-body);cursor:pointer;border:2px solid var(--tan);color:var(--ink-dim);background:#fffaf0;border-radius:8px;padding:3px 12px;font-size:13px;font-weight:700}.lang-pick button.active{border-color:var(--orange);color:var(--ink);box-shadow:0 0 0 2px var(--orange-l);background:#ffe9b8}.lang-pick.left{justify-content:flex-start}.auth-box .server-pick{justify-content:center;align-items:center;gap:8px;margin:10px 0 0;display:flex}.auth-box .server-pick select{cursor:pointer;width:auto;margin-top:0;padding:3px 8px;font-size:13px;font-weight:700}.calling-pick{grid-template-columns:repeat(3,1fr);gap:6px;margin:4px 0 10px;display:grid}.calling-pick label{text-align:center;border:2px solid var(--tan);cursor:pointer;color:var(--ink-dim);background:#fffaf0;border-radius:10px;margin:0;padding:6px 2px}.calling-pick input{display:none}.calling-pick label:has(input:checked){border-color:var(--orange);color:var(--ink);box-shadow:0 0 0 2px var(--orange-l);background:#ffe9b8}.calling-pick img{width:40px;height:40px;margin:0 auto 2px;display:block}.sites-legend{color:var(--ink-dim);flex-wrap:wrap;gap:10px;font-size:12px;display:flex}.map-nav{top:calc(var(--hud-top) + 12px);background:var(--parch);border:3px solid var(--line);color:var(--ink);border-radius:12px;align-items:center;gap:6px;padding:6px 10px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 6px 16px #140a0459,inset 0 0 0 2px #fff8e6}.map-nav input{text-align:center;width:64px}.map-nav .sym{display:none}.art-grid{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.art-slot{border:2px solid var(--tan);background:#fffaf0;border-radius:10px;min-height:92px;padding:6px;font-size:12px}.art-slot.locked{opacity:.5}.art-slot.chosen{border-color:var(--orange)}.art-slot b{font-family:var(--font-head);color:var(--ink);font-size:12px;display:block}.menu-lord{border:2px solid var(--tan);background:#f7ebd0;border-radius:12px;flex-direction:column;gap:2px;margin-bottom:10px;padding:8px 12px;display:flex}.menu-lord b{font-family:var(--font-head);color:var(--ink)}.menu-lord .dim{font-size:13px}.menu-grid{grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:8px;display:grid}.menu-tile{min-height:84px;font-family:var(--font-head);color:var(--ink);text-align:center;cursor:pointer;border:2px solid var(--tan);background:linear-gradient(#fffaf0,#f7ebd0);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 4px;font-size:12px;font-weight:700;display:flex;position:relative;box-shadow:0 2px #3b24161f}.menu-tile:active{background:#f3e2bd}.menu-tile img{width:40px;height:40px}.menu-tile.off img{opacity:.4}.menu-tile .count{color:#fff;border:1px solid var(--line);border-radius:9px;padding:0 6px;font-size:11px;position:absolute;top:4px;right:4px}.menu-dot{border:3px solid var(--line);background:var(--ink-faint);border-radius:50%;width:26px;height:26px;margin:7px}.menu-dot.online{background:#4fc23a;box-shadow:0 0 8px #4fc23acc}.menu-dot.degraded{background:#f0b01c;box-shadow:0 0 8px #f0b01ccc}.menu-dot.offline{background:var(--red);box-shadow:0 0 8px #c0392bcc}.ui-root.mobile .panel,.ui-root.mobile .panel.wide,.ui-root.mobile .panel.narrow{left:calc(var(--hud-left) + 6px);width:auto;right:6px;top:calc(var(--hud-top) + 6px);bottom:calc(var(--hud-bottom) + 6px);animation:.16s ease-out sheet-in}.ui-root.mobile .panel.modal{width:min(420px,100vw - 24px);animation:none;inset:50% auto auto 50%}@keyframes sheet-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.ui-root.mobile .panel-head{gap:8px;padding:6px 8px 6px 10px}.ui-root.mobile .panel-head img{width:32px;height:32px}.ui-root.mobile .panel-head h2{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:18px;overflow:hidden}.ui-root.mobile .panel-head .sub{display:none}.ui-root.mobile .close{flex:none;width:36px;height:36px}.ui-root.mobile .panel-tabs{scrollbar-width:none;flex-wrap:nowrap;padding:6px 8px 0;overflow-x:auto}.ui-root.mobile .panel-tabs::-webkit-scrollbar{display:none}.ui-root.mobile .tab{flex:none;padding:7px 12px}.ui-root.mobile .tab.active{padding-bottom:9px}.ui-root.mobile .panel-body{overscroll-behavior:contain;padding:10px 10px 16px;overflow-x:auto}.ui-root.mobile .cards{grid-template-columns:1fr}.ui-root.mobile .card{gap:10px;padding:8px 10px}.ui-root.mobile .card>img{width:46px;height:46px}.ui-root.mobile .btn{padding:7px 12px}.ui-root.mobile .btn.small{padding:5px 10px}.ui-root.mobile table.grid{font-size:13px}.ui-root.mobile table.grid th,.ui-root.mobile table.grid td{padding:5px 4px}.ui-root.mobile .art-grid{grid-template-columns:repeat(3,1fr)}.ui-root.mobile .toasts{top:calc(var(--hud-top) + 10px)}.ui-root.mobile .toast{padding:7px 12px;font-size:13px}.ui-root.mobile .dropdown{max-height:calc(100% - var(--hud-top) - var(--hud-bottom) - 16px)}.ui-root.mobile .timeline{left:calc(var(--hud-left) + 6px);bottom:calc(var(--hud-bottom) + 6px);width:min(300px, calc(100% - var(--hud-left) - 12px));max-height:none}.ui-root.mobile .timeline .ev:nth-child(n+4){display:none}.ui-root.mobile .timeline .ev{padding:2px 8px;font-size:12px}.ui-root.mobile .timeline .ev img{width:20px;height:20px}.ui-root.mobile .chat{left:calc(var(--hud-left) + 6px);width:auto;right:6px;top:calc(var(--hud-top) + 6px);bottom:calc(var(--hud-bottom) + 6px);z-index:30}.ui-root.mobile .chat.closed{display:none}.ui-root.mobile .chat-body{flex:1;height:auto;min-height:0}.ui-root.mobile .chat-head{padding:6px 8px}.ui-root.mobile .chat-tab{padding:5px 10px;font-size:13px}.ui-root.mobile .chat-toggle{width:34px;height:34px}.ui-root.mobile .chat-form input{padding:7px 8px;font-size:16px}.ui-root.mobile .map-nav{left:calc(var(--hud-left) + 6px);right:6px;top:calc(var(--hud-top) + 6px);flex-wrap:wrap;justify-content:center;gap:4px 6px;padding:5px 6px;transform:none}.ui-root.mobile .map-nav .lbl{display:none}.ui-root.mobile .map-nav .sym{display:inline}.ui-root.mobile .map-nav input{width:50px;padding:5px 4px}.ui-root.mobile .map-nav .btn{padding:6px 9px}