:root{--ink:#2a1d10;--panel:#261a0eeb;--panel2:#3a2816f2;--gold:#e3b54c;--gold2:#f5d68a;--parch:#f3e4c2;--parch2:#e6d0a2;--text:#fbf1dc;--muted:#cdb48a;--bad:#e2553f;--good:#79d38a;--edge:1px solid #e3b54c8c;--shadow:0 8px 24px #00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}body{color:var(--text);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;overscroll-behavior:none;background:#1a2414;font-family:Cairo,Segoe UI,Tahoma,system-ui,sans-serif;font-size:14px}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}img{-webkit-user-drag:none}.splash{height:100%;color:var(--gold2);place-items:center;font-family:Reem Kufi,Cairo;font-size:28px;display:grid}.btn{border:var(--edge);white-space:nowrap;background:linear-gradient(#5a3e22,#3c2914);border-radius:10px;padding:8px 14px;font-weight:700;box-shadow:inset 0 1px #ffe6aa2e,0 2px #0006}.btn:active:not(:disabled){transform:translateY(1px)}.btn.gold{color:#2a1a06;background:linear-gradient(#f2cd6d,#c48f2c);border-color:#ffe39a}.btn.gold:disabled{color:#2a2216;background:linear-gradient(#8a7a58,#5f5340);border-color:#8a7a58}.btn.danger{background:linear-gradient(#8a3324,#5c1f15);border-color:#c7614c}.btn.big{width:100%;padding:12px 18px;font-size:16px}.ghost-btn{border:var(--edge);color:var(--gold2);background:#00000059;border-radius:8px;padding:4px 10px;font-weight:700}.link{color:var(--gold2);background:0 0;border:0;padding:4px;text-decoration:underline}.x{border:var(--edge);width:30px;height:30px;color:var(--gold2);background:#00000059;border-radius:50%;flex:none;place-items:center;font-size:13px;display:grid}.login{background:radial-gradient(at 50% 35%,#6f8f42 0%,#3e5a26 45%,#1a2414 100%);flex-direction:column;justify-content:center;align-items:center;gap:6px;height:100%;padding:16px;display:flex}.login .lang{top:14px;position:absolute;inset-inline-end:14px}.hero{filter:drop-shadow(0 12px 16px #00000073);max-width:100%;height:auto!important}.login h1{color:var(--gold2);text-shadow:0 3px #5a3a12,0 6px 18px #0009;margin:0;font-family:Reem Kufi,Cairo;font-size:42px}.login .tag{color:#f3e4c2;text-align:center;opacity:.9;margin:0 0 10px}.login-box{background:var(--panel);border:var(--edge);width:min(340px,100%);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;gap:10px;padding:18px;display:flex}.login-box input{font:inherit;color:var(--ink);-webkit-user-select:text;user-select:text;background:#f6ead0;border:1px solid #7a5a30;border-radius:10px;padding:11px 12px;font-weight:600}.login-box .err{color:#ffb4a6;text-align:center;font-weight:700}.game{position:fixed;inset:0}.world{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.hud{top:0;padding:8px 10px;padding-top:max(8px, env(safe-area-inset-top));pointer-events:none;background:linear-gradient(#191007eb,#191007bf 70%,#0000);align-items:center;gap:10px;display:flex;position:absolute;inset-inline:0}.hud>*{pointer-events:auto}.brand{flex:none;align-items:center;gap:8px;display:flex}.crest{color:#2a1a06;background:radial-gradient(circle at 35% 30%,#ffe8a8,#c8912e);border:2px solid #fff0bf;border-radius:50%;place-items:center;width:40px;height:40px;font-size:17px;font-weight:800;display:grid;box-shadow:0 2px 8px #00000080}.cname{color:var(--gold2);font-family:Reem Kufi,Cairo;font-size:17px;line-height:1.1}.csub{color:var(--muted);font-size:11px}.resbar{flex-wrap:wrap;flex:1;justify-content:center;gap:6px;display:flex}.chip{background:var(--panel);border:var(--edge);border-radius:10px;align-items:center;gap:6px;min-width:104px;padding:4px 10px 6px 8px;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 6px #00000059}.chip b{font-variant-numeric:tabular-nums;font-size:15px;line-height:1.1;display:block}.chip small{color:var(--good);font-size:10.5px;line-height:1;display:block}.chip.pop small{color:var(--muted)}.chip i{bottom:0;background:linear-gradient(90deg,#c48f2c,#f5d68a);height:3px;position:absolute;inset-inline-start:0}.chip.full b{color:#ffb36b}.chip.full i{background:#e2553f}.hud-actions{flex:none;gap:6px;display:flex}.queue{top:70px;background:var(--panel);border:var(--edge);width:236px;box-shadow:var(--shadow);border-radius:12px;flex-direction:column;gap:5px;padding:8px;display:flex;position:absolute;inset-inline-start:10px}.qtitle{color:var(--gold2);font-size:12.5px;font-weight:800}.qrow{cursor:pointer;background:#ffe6aa0f;border-radius:8px;align-items:center;gap:6px;padding:4px;display:flex}.qrow.idle{color:var(--muted);cursor:default;background:0 0;border:1px dashed #e3b54c4d;justify-content:center;padding:7px;font-size:12px}.qrow img{object-fit:contain;width:34px;height:30px}.qinfo{flex:1;min-width:0;font-size:12.5px;font-weight:700}.qinfo small{color:var(--muted)}.qtime{font-variant-numeric:tabular-nums;color:var(--gold2);font-size:12px}.qrow .x{width:22px;height:22px;font-size:10px}.bar{background:#00000073;border-radius:3px;height:6px;margin-top:3px;overflow:hidden}.bar i{background:linear-gradient(90deg,#e8b440,#ffd979);border-radius:3px;height:100%;transition:width 1s linear;display:block}.goals{top:70px;background:linear-gradient(var(--parch), var(--parch2));width:250px;color:var(--ink);box-shadow:var(--shadow);border:2px solid #b8893a;border-radius:12px;padding:8px 10px;position:absolute;inset-inline-end:10px}.goals.closed{width:auto}.gtitle{color:#5a3a12;text-align:start;background:0 0;border:0;width:100%;padding:0;font-weight:800}.gtitle small{color:#8a6a3a}.goals ul{flex-direction:column;gap:4px;margin:6px 0 0;padding:0;font-size:12.5px;font-weight:600;list-style:none;display:flex}.goals li.done{color:#3f7a35;opacity:.75;text-decoration:line-through}.gnext{color:#3a2614;margin-top:3px;font-size:12px;font-weight:700}.goals p{margin:6px 0 0;font-size:12.5px}.dock{bottom:max(14px, env(safe-area-inset-bottom));align-items:flex-end;gap:14px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.dock-btn{background:var(--panel);border:var(--edge);width:74px;box-shadow:var(--shadow);border-radius:16px;flex-direction:column;align-items:center;gap:2px;padding:8px 4px 6px;font-size:12.5px;font-weight:700;display:flex;position:relative}.dock-btn.main{color:#2a1a06;background:linear-gradient(#f2cd6d,#c48f2c);border:2px solid #ffe39a;width:96px;padding:12px 4px 8px;font-size:15px;font-weight:800}.dock-btn.soon{opacity:.6}.dock-btn em{top:-8px;color:#fff;background:#8a3324;border-radius:8px;padding:0 6px;font-size:10px;font-style:normal;position:absolute;inset-inline-end:-6px}.sheet{width:min(820px,100%);max-height:62vh;padding:12px 14px max(14px, env(safe-area-inset-bottom));background:linear-gradient(var(--panel2), var(--panel));border:var(--edge);border-bottom:0;border-radius:18px 18px 0 0;animation:.18s ease-out rise;position:absolute;bottom:0;left:50%;overflow:auto;transform:translate(-50%);box-shadow:0 -10px 30px #00000080}@keyframes rise{0%{transform:translate(-50%,30px)}}.sheet-head{align-items:center;gap:8px;margin-bottom:10px;display:flex}.tabs{flex:1;gap:4px;display:flex;overflow-x:auto}.tabs button{border:var(--edge);white-space:nowrap;color:var(--muted);background:#0000004d;border-radius:999px;padding:5px 14px;font-weight:700}.tabs button.on{color:#2a1a06;background:linear-gradient(#f2cd6d,#c48f2c);border-color:#ffe39a}.cards{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.card{text-align:start;background:linear-gradient(var(--parch), var(--parch2));color:var(--ink);border:2px solid #b8893a;border-radius:12px;flex-direction:column;align-items:stretch;gap:3px;padding:8px;display:flex;position:relative;box-shadow:0 3px #6b4a1c}.card:active{transform:translateY(2px);box-shadow:0 1px #6b4a1c}.card.dim{opacity:.8}.card.locked{filter:grayscale(.7);opacity:.7}.card .thumb{background:radial-gradient(at 50% 70%,#6e963c73,#0000 70%);place-items:center;height:84px;display:grid}.card .thumb img{max-width:100%;max-height:84px}.card .card-name{font-size:14px;font-weight:800}.cmeta{color:#6b4a1c;justify-content:space-between;font-size:11.5px;font-weight:700;display:flex}.cost{flex-wrap:wrap;gap:4px 8px;font-size:12.5px;font-weight:700;display:flex}.cost span{font-variant-numeric:tabular-nums;align-items:center;gap:2px;display:inline-flex}.cost span.short{color:var(--bad)}.card .cost span.short{color:#b0301c}.lock{text-align:center;color:#fff;background:#281a0a8c;border-radius:10px;place-items:center;padding:10px;font-size:12.5px;font-weight:800;display:grid;position:absolute;inset:0}.panel-top{align-items:flex-start;gap:12px;display:flex}.panel img.big{object-fit:contain;filter:drop-shadow(0 6px 6px #0006);flex:none;width:120px;height:100px}.ptext{flex:1;min-width:0}.ptext h2{color:var(--gold2);margin:0;font-family:Reem Kufi,Cairo;font-size:22px}.ptext .lv{border:var(--edge);color:var(--text);vertical-align:middle;background:#00000059;border-radius:999px;padding:1px 10px;font-family:Cairo;font-size:13px}.ptext p{color:#ead7b3;margin:4px 0;font-size:13px;line-height:1.5}.note{color:var(--gold2);font-size:13px;font-weight:700}.stats{border-collapse:collapse;width:100%;margin:8px 0;font-size:13px}.stats td{border-bottom:1px solid #e3b54c2e;padding:5px 6px}.stats td:first-child{color:var(--muted)}.stats td:nth-child(2){font-weight:800}.stats .up{color:var(--good);font-weight:800}.unlocks{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px;font-size:12.5px;display:flex}.unlocks span{color:var(--text);background:#0000004d;border-radius:8px;align-items:center;gap:3px;padding:2px 8px 2px 4px;font-weight:700;display:inline-flex}.unlocks img{height:22px}.upgrade-row,.building-now{background:#0000004d;border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 10px;display:flex}.upgrade-row .cost{flex:1}.upgrade-row .time{color:var(--muted);font-weight:700}.building-now .bar{flex:1;min-width:80px;height:8px;margin:0}.panel-actions{justify-content:flex-end;gap:8px;margin-top:10px;display:flex}.placebar{bottom:max(12px, env(safe-area-inset-bottom));background:var(--panel2);border:var(--edge);width:min(560px,100% - 20px);box-shadow:var(--shadow);border-radius:16px;align-items:center;gap:10px;padding:8px 10px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.placebar img{object-fit:contain;flex:none;width:54px;height:46px}.pb-text{flex-direction:column;flex:1;min-width:0;display:flex}.pb-text small{color:var(--muted);font-size:12px}.pb-extra{flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:12.5px;display:flex}.pb-extra .err{color:#ffb4a6;font-weight:700}.pb-extra .eff{color:var(--good);font-weight:800}.toast{z-index:10;background:var(--panel2);border:var(--edge);box-shadow:var(--shadow);text-align:center;border-radius:12px;max-width:calc(100% - 24px);padding:9px 16px;font-weight:700;animation:.2s ease-out rise;position:absolute;top:76px;left:50%;transform:translate(-50%)}.toast.bad{color:#ffd2c8;border-color:#c7614c}@media (width<=820px){.hud{flex-wrap:wrap;gap:6px;padding-inline:6px}.brand{order:1}.hud-actions{order:2;margin-inline-start:auto}.resbar{flex-wrap:nowrap;order:3;justify-content:space-between;gap:4px;width:100%}.chip{flex:1;gap:3px;min-width:0;padding:3px 5px 5px}.chip svg{flex:none;width:18px;height:18px}.chip b{font-size:12.5px}.chip small{white-space:nowrap;font-size:9.5px}.chip .ph{display:none}.crest{width:34px;height:34px;font-size:15px}.queue{width:200px;padding:6px;top:auto;bottom:104px}.queue .qrow.idle{display:none}.goals{width:200px;font-size:12px;top:104px}.goals.closed{width:auto;max-width:230px}.cards{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px}.card .thumb{height:66px}.card .thumb img{max-height:66px}.panel img.big{width:84px;height:74px}.ptext h2{font-size:18px}}@media (width<=420px){.chip.pop small{display:none}.queue{width:168px}.goals{width:172px}}.btn.sm{border-radius:8px;padding:4px 9px;font-size:12.5px}.muted{color:var(--muted);font-size:12.5px}.hint{color:var(--muted);margin:4px 0 8px;font-size:12.5px}.badge{color:#fff;text-align:center;background:#c43d3d;border-radius:9px;min-width:18px;margin-inline-start:5px;padding:0 5px;font-size:11px;font-style:normal;line-height:18px;display:inline-block}.badge.soft{background:#5a6e8a}.dock-btn em.badge{top:-8px;margin:0;position:absolute;inset-inline-end:-6px}.uchips{vertical-align:middle;flex-wrap:wrap;gap:4px 8px;display:inline-flex}.uchip{font-variant-numeric:tabular-nums;align-items:center;gap:2px;font-weight:800;display:inline-flex}.uchip img{height:26px}.home-army{background:#0000004d;border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px;padding:6px 10px;font-size:13px;display:flex}.training{margin-top:10px}.ugrid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;display:grid}.ucard{background:linear-gradient(var(--parch), var(--parch2));color:var(--ink);border:2px solid #b8893a;border-radius:12px;flex-direction:column;gap:5px;padding:8px;display:flex;position:relative}.ucard.locked{filter:grayscale(.6);opacity:.75}.uhead{align-items:center;gap:8px;display:flex}.uhead img{object-fit:contain;width:40px;height:52px}.uhead b{font-size:15px;display:block}.uhead small{color:#6b4a1c;font-size:11.5px;line-height:1.3;display:block}.ustats{color:#5a3a12;flex-wrap:wrap;gap:2px 10px;font-size:11.5px;font-weight:700;display:flex}.ucard .cost span.short{color:#b0301c}.ulock{color:#6b3a12;font-size:12.5px;font-weight:800}.ubuy{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.ubuy input{width:56px;font:inherit;color:var(--ink);text-align:center;-webkit-user-select:text;user-select:text;background:#fff8e6;border:1px solid #7a5a30;border-radius:6px;padding:3px 4px;font-weight:800}.ucard .btn:not(.gold){color:var(--text)}.tqueue{flex-direction:column;gap:4px;margin-top:8px;display:flex}.camps,.list{flex-direction:column;gap:6px;display:flex}.camp{background:#ffe6aa12;border:1px solid #e3b54c40;border-radius:12px;align-items:center;gap:10px;padding:6px 10px;display:flex}.camp img{object-fit:contain;flex:none;width:64px;height:54px}.cinfo{flex-direction:column;flex:1;min-width:0;display:flex}.cinfo b{color:var(--gold2);font-family:Reem Kufi,Cairo;font-size:16px}.cinfo small{color:var(--muted);font-size:12px}.qrow.march{cursor:default}.dirtag{text-align:center;width:26px;font-size:20px;font-weight:800}.dirtag.go{color:#ff8a70}.dirtag.back{color:var(--good)}.report-row{text-align:start;background:#ffe6aa0f;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;width:100%;padding:7px 10px;display:flex}.report-row.unseen{background:#e3b54c1f;border-color:#e3b54c99}.report-row small{color:var(--muted)}.rtag{border-radius:999px;flex:none;padding:2px 10px;font-size:12px;font-weight:800}.rtag.win{color:#e9ffe6;background:#2f7a3a}.rtag.lose{color:#ffe6e0;background:#8a3324}.rtag.big{padding:4px 16px;font-size:18px}.rhead{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px;display:flex}.rhead small{color:var(--muted)}.send{flex-direction:column;gap:6px;display:flex}.srow{align-items:center;gap:8px;display:flex}.srow img{object-fit:contain;width:30px;height:34px}.srow b{width:70px}.srow input[type=range]{accent-color:#e3b54c;flex:1}.srow .num{text-align:end;font-variant-numeric:tabular-nums;width:64px;font-weight:700}.srow.quick{color:var(--muted);flex-wrap:wrap;font-weight:700}.replay{z-index:20;background:#1a2414;position:fixed;inset:0}.rp-top{top:0;padding:8px 12px;padding-top:max(8px, env(safe-area-inset-top));background:linear-gradient(#191007eb,#0000);align-items:center;gap:12px;display:flex;position:absolute;inset-inline:0}.rp-title{flex-direction:column;flex:1;display:flex}.rp-title b{color:var(--gold2);font-family:Reem Kufi,Cairo;font-size:18px}.rp-title small{color:var(--muted)}.rp-time{font-variant-numeric:tabular-nums;color:var(--gold2);font-size:20px;font-weight:800}.rp-bars{gap:10px;width:min(640px,100% - 20px);display:flex;position:absolute;top:62px;left:50%;transform:translate(-50%)}.rp-bars .side{background:var(--panel);border:var(--edge);border-radius:10px;flex:1;align-items:center;gap:6px;padding:5px 8px;font-size:12px;font-weight:700;display:flex}.rp-bars .bar{flex:1;height:7px;margin:0}.rp-bars .red .bar i{background:linear-gradient(90deg,#c43d3d,#ff7a66)}.rp-bars .blue .bar i{background:linear-gradient(90deg,#2f5fa8,#6fa0f0)}.rp-bars .bar i{transition:none}.rp-ctl{bottom:max(14px, env(safe-area-inset-bottom));background:var(--panel);border:var(--edge);border-radius:14px;gap:6px;padding:6px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.rp-result{text-align:center;background:var(--panel2);border:2px solid var(--gold);width:min(340px,100% - 32px);box-shadow:var(--shadow);border-radius:18px;flex-direction:column;align-items:center;gap:8px;padding:18px;animation:.25s ease-out pop;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.rp-result .cost{justify-content:center;font-size:15px}.rp-result .small{color:var(--muted);margin:0;font-size:12.5px}.rp-result p{margin:0}@keyframes pop{0%{transform:translate(-50%,-50%)scale(.85)}}@media (width<=820px){.rp-bars{gap:4px;top:58px}.rp-bars .side{padding:4px 6px;font-size:11px}.rp-bars .side span{display:none}.ugrid{grid-template-columns:1fr}.camp img{width:48px;height:42px}}.cselect{color:var(--gold2);font:inherit;cursor:pointer;background:0 0;border:0;max-width:190px;padding:0;font-family:Reem Kufi,Cairo;font-size:17px}.cselect option{color:var(--text);background:#2a1d10;font-family:Cairo;font-size:14px}.danger-bar{z-index:6;color:#ffe6de;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(#8a2a1c,#5c1a10);border:1px solid #ff8a70;border-radius:999px;max-width:calc(100% - 20px);padding:6px 14px;font-weight:700;animation:1.6s ease-in-out infinite pulse;position:absolute;top:66px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 4px 14px #00000080}@keyframes pulse{50%{box-shadow:0 0 0 4px #ff5a4559,0 4px 14px #00000080}}.qrow.danger{background:#a0281940;border:1px solid #ff6e5a99}.rkind{color:var(--muted)}.worldview{z-index:15;background:#26331c;position:fixed;inset:0}.legend{top:64px;background:var(--panel);border:var(--edge);border-radius:10px;flex-direction:column;gap:3px;padding:6px 10px;font-size:12px;font-weight:700;display:flex;position:absolute;inset-inline-start:10px}.legend span{align-items:center;gap:6px;display:flex}.legend i{border-radius:50%;width:10px;height:10px;display:inline-block}.wcard .small,.panel .small{color:var(--muted);margin:2px 0;font-size:12.5px}.resin{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.resin label{align-items:center;gap:4px;display:flex}.resin input,.card-box input,.card-box select,.card-box textarea,.market select{font:inherit;width:100%;min-width:0;color:var(--ink);-webkit-user-select:text;user-select:text;background:#f6ead0;border:1px solid #7a5a30;border-radius:8px;padding:6px 8px;font-weight:600}.card-box textarea{resize:vertical;min-height:80px}.fullsheet{z-index:18;background:linear-gradient(#2e2013,#1e150b);flex-direction:column;display:flex;position:fixed;inset:0}.fs-head{padding:10px 14px;padding-top:max(10px, env(safe-area-inset-top));border-bottom:var(--edge);flex-wrap:wrap;align-items:center;gap:12px;display:flex}.fs-head h2{color:var(--gold2);flex:1;margin:0;font-family:Reem Kufi,Cairo;font-size:22px}.fs-head .season{color:var(--muted)}.fs-body{flex:1;width:min(980px,100%);margin:0 auto;padding:12px 14px;overflow:auto}.tabs.center{flex:none;justify-content:center;padding:10px}.card-box{background:#ffe6aa0f;border:1px solid #e3b54c40;border-radius:12px;flex-direction:column;gap:8px;margin-bottom:10px;padding:10px 12px;display:flex}.card-box .row,.market .row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.card-box .row input{flex:1}.card-box .short,.market .short{max-width:90px}.card-box .desc{white-space:pre-wrap;color:#ead7b3;margin:0}.rank{border-collapse:collapse;width:100%;font-size:14px}.rank td{border-bottom:1px solid #e3b54c26;padding:7px 8px}.rank td:first-child{text-align:center;width:40px;color:var(--gold2);font-weight:800}.rank tr.me td{background:#e3b54c26}.tribe-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.chat{min-height:420px}.msgs{flex-direction:column;flex:1;gap:6px;max-height:52vh;padding:4px;display:flex;overflow:auto}.msg{-webkit-user-select:text;user-select:text;background:#0000004d;border-radius:10px;padding:6px 9px;font-size:13.5px}.msg b{color:var(--gold2)}.msg small{color:var(--muted);font-size:10.5px;display:block}.hall{grid-template-columns:repeat(3,1fr);gap:8px;font-size:13px;display:grid}.hall small{color:var(--muted);margin-bottom:3px;display:block}.err.center{text-align:center;color:#ffb4a6;padding:6px;font-weight:700}.market{flex-direction:column;gap:8px;margin-top:10px;display:flex}.market label{align-items:center;gap:4px;display:flex}@media (width<=820px){.tribe-grid{grid-template-columns:1fr}.hide-sm{display:none}.legend{flex-flow:wrap;font-size:11px;top:auto;bottom:12px}.resin{grid-template-columns:repeat(2,1fr)}.danger-bar{font-size:12px;top:104px}.cselect{max-width:130px;font-size:15px}.hall{grid-template-columns:1fr}}.login-box .or{text-align:center;color:var(--muted);font-size:12px}.wcard img.big{object-fit:contain;filter:drop-shadow(0 6px 6px #0006);flex:none;width:96px;height:80px}.wcard .ptext h2{font-size:20px}.card-box>.btn{align-self:flex-start}@media (orientation:landscape) and (height<=520px){.hud{padding:4px 8px;padding-top:max(4px, env(safe-area-inset-top));padding-inline:max(8px, env(safe-area-inset-left)) max(8px, env(safe-area-inset-right));flex-wrap:nowrap;gap:6px}.resbar{flex-wrap:nowrap;flex:1;order:2;width:auto}.hud-actions{order:3;margin:0}.crest{width:30px;height:30px;font-size:14px}.cname,.cselect{font-size:14px}.chip{min-width:0;padding:2px 6px 4px}.chip svg{width:16px;height:16px}.chip b{font-size:12px}.chip small{font-size:9px}.ghost-btn{padding:3px 8px;font-size:12px}.dock{bottom:max(6px, env(safe-area-inset-bottom));gap:8px}.dock-btn{border-radius:12px;width:58px;padding:4px 2px 3px;font-size:11px}.dock-btn svg{width:20px;height:20px}.dock-btn.main{width:70px;padding:6px 2px 4px;font-size:12.5px}.dock-btn.main svg{width:24px;height:24px}.queue{top:46px;bottom:auto;width:190px;padding:5px;inset-inline-start:max(8px, env(safe-area-inset-left))}.queue .qrow.idle{display:none}.goals{top:46px;width:200px;padding:5px 8px;inset-inline-end:max(8px, env(safe-area-inset-right))}.danger-bar{padding:4px 12px;font-size:12px;top:44px}.toast{top:48px}.sheet{max-height:80vh;padding:8px 10px max(8px, env(safe-area-inset-bottom));width:min(900px,100% - 20px)}.sheet-head{margin-bottom:6px}.tabs button{padding:3px 11px;font-size:13px}.cards{grid-template-columns:none;grid-auto-columns:128px;grid-auto-flow:column;gap:8px;padding-bottom:4px;display:grid;overflow:auto hidden}.card{gap:1px;padding:6px}.card .thumb{height:42px}.card .thumb img{max-height:42px}.card .card-name{font-size:12.5px;line-height:1.2}.card .cmeta{font-size:10.5px}.card .cost{gap:1px 5px;font-size:11px}.card .cost svg{width:13px;height:13px}.panel-top{gap:8px}.panel img.big,.wcard img.big{width:70px;height:58px}.ptext h2{font-size:17px}.ptext p{margin:2px 0;font-size:12px}.stats{margin:4px 0;font-size:12px}.stats td{padding:3px 6px}.ugrid{grid-template-columns:repeat(2,1fr)}.uhead img{height:40px}.placebar{bottom:max(6px, env(safe-area-inset-bottom));padding:5px 8px}.placebar img{width:42px;height:36px}.rp-top,.fs-head{padding:4px 10px;padding-top:max(4px, env(safe-area-inset-top))}.rp-title b{font-size:15px}.rp-bars{gap:4px;top:44px}.rp-bars .side{padding:3px 6px}.rp-ctl{bottom:max(6px, env(safe-area-inset-bottom));padding:4px}.rp-ctl .btn{padding:5px 10px}.rp-result{gap:5px;padding:12px}.legend{flex-direction:row;font-size:11px;top:auto;bottom:8px}.fs-head h2{font-size:18px}.tabs.center{padding:5px}.msgs{max-height:40vh}.chat{min-height:0}.login{flex-flow:wrap;align-content:center;gap:4px 24px;overflow:auto}.login .hero{width:220px!important}.login h1{text-align:center;order:-1;width:100%;font-size:30px}.login .tag{display:none}}.ghost-btn.off{opacity:.5}.quest{background:#78501e14;border-radius:8px;margin-top:5px;padding:4px 6px}.quest .qtext{font-size:12.5px;font-weight:700}.quest .qrew{flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;display:flex}.quest .qrew .cost{color:#5a3a12;font-size:11px}.quest.done{background:#50963c2e}.quest.done .qtext{color:#2f6a28}.goals.ready{box-shadow:0 0 0 2px #f2cd6d, var(--shadow);animation:1.8s ease-in-out infinite glow}@keyframes glow{50%{box-shadow:0 0 0 4px #f2cd6d80, var(--shadow)}}