:root{--night:#120d1b;--panel:#1f1729;--panel-2:#2a1f37;--panel-3:#362847;--line:#4b3a5e;--line-hi:#6d5585;--text:#f4e6c8;--dim:#b5a2c4;--faint:#7d6b8e;--ember:#ff8a3d;--gold:#ffcf5a;--good:#7ee06a;--bad:#ff6b5b;--info:#7fc8ff;--evil:#c04cff;--radius:10px;--shadow:0 10px 30px #00000073;--font:"Pixelify Sans", "Trebuchet MS", system-ui, sans-serif;--num:"Rubik", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html,body{background:var(--night);height:100%;color:var(--text);font:15px/1.35 var(--font);margin:0;overflow:hidden}body{-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}canvas#game{touch-action:none;display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}#ui>*{pointer-events:auto}button{font:inherit;color:inherit}input,textarea,select{font:inherit}img.sprite{image-rendering:auto;object-fit:contain}.hidden,[hidden]{display:none!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--line);border-radius:8px}::-webkit-scrollbar-track{background:0 0}.btn{border:1px solid var(--line-hi);background:linear-gradient(180deg, var(--panel-3), var(--panel-2));cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:9px 16px;transition:background-color .12s,border-color .12s,box-shadow .12s;display:inline-flex;box-shadow:0 3px #0b0712,inset 0 1px #ffffff14}.btn:hover{background:linear-gradient(#43325a,#33263f);border-color:#b594d6;box-shadow:0 3px #0b0712,0 0 0 1px #b594d6,inset 0 1px #ffffff24}.btn.primary:hover{background:linear-gradient(#ffb566,#ec7430);border-color:#ffd9a8;box-shadow:0 3px #0b0712,0 0 14px #ff963c73}.btn.good:hover{background:linear-gradient(#6fcf5e,#43a03d);border-color:#c1f0b4;box-shadow:0 3px #0b0712,0 0 12px #7ee06a59}.btn.danger:hover{background:linear-gradient(#ec6a5e,#b93b33);border-color:#ffb3aa;box-shadow:0 3px #0b0712,0 0 12px #ff5a4666}.btn.evil:hover{background:linear-gradient(#a24ee3,#6a28a6);border-color:#ddb3ff;box-shadow:0 3px #0b0712,0 0 12px #be5aff66}.btn.ghost:hover{box-shadow:none;background:#ffffff10}.btn:disabled:hover{border-color:var(--line-hi);box-shadow:0 3px #0b0712}.btn:active{transform:translateY(2px);box-shadow:0 1px #0b0712}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn.primary{color:#2a1206;text-shadow:0 1px #ffffff40;background:linear-gradient(#ffa24d,#e0621f);border-color:#ffc27a;font-weight:700}.btn.good{color:#0d2408;background:linear-gradient(#5fbf4f,#3a8f35);border-color:#9be38a;font-weight:600}.btn.danger{color:#fff;background:linear-gradient(#e0564a,#a8322b);border-color:#ff8c80}.btn.evil{color:#fff;background:linear-gradient(#8f3bd1,#5b2190);border-color:#c98bff}.btn.ghost{box-shadow:none;border-color:var(--line);background:0 0}.btn.sm{padding:5px 10px;font-size:13px}.btn.icon{width:36px;height:36px;padding:6px}.card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow), inset 0 1px 0 #ffffff0f;background:linear-gradient(#2a1f37f7,#1c1426f7)}.card h2,.card h3{letter-spacing:.5px;margin:0;font-weight:700}.card h2{color:var(--gold);font-size:20px}.card h3{color:var(--dim);text-transform:uppercase;letter-spacing:1.5px;font-size:15px}.muted{color:var(--dim)}.faint{color:var(--faint);font-size:13px}.row{align-items:center;gap:8px;display:flex}.col{flex-direction:column;gap:8px;display:flex}.spacer{flex:1}.chip{border:1px solid var(--line);white-space:nowrap;background:#0000004d;border-radius:99px;align-items:center;gap:4px;padding:2px 8px;font-size:13px;display:inline-flex}.chip img{width:16px;height:16px}.chip.good{color:var(--good);border-color:#3f6b37}.chip.bad{color:var(--bad);border-color:#6b3a37}.chip.evil{color:#d9a2ff;border-color:#5b3a78}.chip.lack{color:var(--bad)}.tag{background:var(--panel-3);color:var(--dim);text-transform:uppercase;letter-spacing:1px;border-radius:4px;padding:1px 6px;font-size:11px}.bar{background:#00000073;border:1px solid #ffffff0f;border-radius:99px;height:8px;overflow:hidden}.bar>i{background:var(--good);border-radius:99px;height:100%;transition:width .3s;display:block}.screen{z-index:50;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.screen.loading{background:radial-gradient(#2a1838 0%,#0c0812 70%);gap:22px}.load-bar{border:1px solid var(--line);background:#0005;border-radius:99px;width:min(360px,70vw);height:12px;overflow:hidden}.load-bar i{background:linear-gradient(90deg,#ff6a2a,#ffd05a);width:0;height:100%;transition:width .2s;display:block;box-shadow:0 0 16px #ff8a3d}.vignette{pointer-events:none;z-index:1;background:radial-gradient(#0000 35%,#0a0610bf 100%);position:fixed;inset:0}.login{z-index:40;background:linear-gradient(#0c081240,#0c0812a6)}.logo{text-align:center;margin-bottom:26px;position:relative}.logo h1{letter-spacing:6px;background:linear-gradient(#fff2b8 0%,#ffc34d 38%,#ff7a2a 70%,#c2331a 100%);color:#0000;filter:drop-shadow(0 4px #3a1408)drop-shadow(0 0 28px #ff78288c);-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(48px,9vw,104px);font-weight:700;line-height:1;animation:3.5s infinite flicker}.logo .tagline{color:#f3dcb8;letter-spacing:3px;text-shadow:0 2px 8px #000;margin-top:10px;font-size:clamp(14px,2vw,19px)}.logo .emblem{filter:drop-shadow(0 0 20px #ff7a2a);width:88px;height:88px;margin:0 auto 6px;animation:2.4s ease-in-out infinite glow}@keyframes glow{0%,to{filter:drop-shadow(0 0 16px #ff7a2a)}50%{filter:drop-shadow(0 0 30px #ffa040)}}@keyframes flicker{0%,to{filter:drop-shadow(0 4px #3a1408)drop-shadow(0 0 28px #ff78288c)}50%{filter:drop-shadow(0 4px #3a1408)drop-shadow(0 0 40px #ff963ccc)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.login-card{text-align:center;flex-direction:column;align-items:stretch;gap:16px;width:min(420px,92vw);padding:26px;display:flex}.google-btn{color:#1f1f1f;cursor:pointer;background:#fff;border:0;border-radius:10px;justify-content:center;align-items:center;gap:12px;padding:14px 18px;font-size:17px;font-weight:600;transition:transform 80ms,box-shadow .15s;display:flex;box-shadow:0 4px #9b8fa8,0 10px 30px #0006}.google-btn:hover{background:#f3eefa;box-shadow:0 4px #9b8fa8,0 0 0 3px #ffaa508c,0 10px 30px #0006}.google-btn:active{transform:translateY(3px);box-shadow:0 1px #9b8fa8}.google-btn:disabled{opacity:.6;cursor:wait}.google-btn svg{width:22px;height:22px}.user-pill{border:1px solid var(--line);text-align:left;background:#0004;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.user-pill img{border:2px solid var(--gold);border-radius:50%;width:38px;height:38px}.features{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.feature{color:var(--dim);background:#0003;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;font-size:12px;display:flex}.feature img{width:34px;height:34px}.error-text{color:var(--bad);overflow-wrap:anywhere;min-height:1em;font-size:13px}.field{text-align:left;flex-direction:column;gap:6px;display:flex}.field label{color:var(--dim);text-transform:uppercase;letter-spacing:1px;font-size:12px}.input{border:1px solid var(--line);width:100%;color:var(--text);background:#0006;border-radius:8px;outline:none;padding:10px 12px}.input:focus{border-color:var(--ember);box-shadow:0 0 0 3px #ff8a3d40}.footer-note{text-align:center;color:#c9b6d6aa;z-index:41;pointer-events:none;width:100%;font-size:12px;position:fixed;bottom:12px}.topbar{z-index:10;align-items:stretch;gap:8px;max-width:calc(100vw - 20px);display:flex;position:fixed;top:10px;left:50%;transform:translate(-50%)}.topbar .card{align-items:center;gap:4px;padding:6px 8px;display:flex}.res{border-radius:7px;align-items:center;gap:5px;min-width:62px;padding:3px 8px;display:flex;position:relative}.res:hover{background:#ffffff0d}.res img{width:24px;height:24px}.res .v{font-variant-numeric:tabular-nums;font-size:15px;font-weight:600}.res .cap{color:var(--faint);font-size:10px;line-height:1;display:block}.res.full .v{color:var(--gold)}.res.flash-up{animation:.6s flashUp}.res.flash-down{animation:.6s flashDown}@keyframes flashUp{30%{background:#7ee06a40}}@keyframes flashDown{30%{background:#ff6b5b40}}.clock{flex-direction:column;min-width:118px;align-items:flex-start!important;gap:0!important;padding:6px 12px!important}.clock .season{color:var(--dim);font-size:12px}.clock .day{color:var(--gold);font-weight:700}.speed{gap:3px;display:flex}.speed button{border:1px solid var(--line);cursor:pointer;background:#0003;border-radius:6px;width:30px;height:28px;font-size:12px}.speed button.on{background:var(--ember);color:#2a1206;border-color:#ffc27a;font-weight:700}.karma{align-items:center;gap:6px;padding:0 6px;display:flex}.karma img{width:22px;height:22px}.karma-track{border:1px solid var(--line);background:linear-gradient(90deg,#7c2bd6,#3b2a4e 45% 55%,#ffe38a);border-radius:99px;width:110px;height:10px;position:relative}.karma-track i{background:#fff;border:2px solid #1b1224;border-radius:50%;width:14px;height:14px;transition:left .5s;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px #fff9}.karma-title{color:var(--dim);text-align:center;font-size:11px}.era-badge{color:#2a1206;background:linear-gradient(#ffcf5a,#d9892a);border-radius:99px;padding:3px 10px;font-size:12px;font-weight:700}.shield-badge{color:var(--info);font-size:12px}.dock{z-index:11;flex-direction:column;gap:6px;padding:8px;display:flex;position:fixed;top:50%;left:10px;transform:translateY(-50%)}.dock button{border:1px solid var(--line);background:linear-gradient(180deg, var(--panel-3), var(--panel-2));cursor:pointer;border-radius:10px;place-items:center;width:52px;height:52px;transition:border-color .12s,background-color .12s;display:grid;position:relative;box-shadow:0 3px #0b0712}.dock button img{width:34px;height:34px}.dock button:hover{background:linear-gradient(#43325a,#33263f);border-color:#b594d6}.dock button.on{border-color:var(--ember);background:linear-gradient(#5a3a2a,#3a2420);box-shadow:0 3px #0b0712,0 0 18px #ff8a3d59}.dock button .badge{background:var(--bad);color:#fff;border-radius:99px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:700;display:grid;position:absolute;top:-5px;right:-5px}.dock .tip{white-space:nowrap;pointer-events:none;opacity:0;background:#000c;border-radius:6px;padding:4px 8px;font-size:13px;transition:opacity .15s;position:absolute;top:50%;left:62px;transform:translateY(-50%)}.dock button:hover .tip{opacity:1}.dock hr{border:0;border-top:1px solid var(--line);width:100%;margin:2px 0}.side{z-index:12;flex-direction:column;width:min(400px,100vw - 100px);animation:.18s ease-out slideIn;display:flex;position:fixed;top:70px;bottom:12px;left:84px}@keyframes slideIn{0%{opacity:0;transform:translate(-16px)}}.side-head{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:14px 16px;display:flex}.side-head img{width:32px;height:32px}.side-body{flex-direction:column;flex:1;gap:10px;padding:12px 14px;display:flex;overflow-y:auto}.tabs{flex-wrap:wrap;gap:4px;padding:8px 12px 0;display:flex}.tabs button{border:1px solid var(--line);cursor:pointer;color:var(--dim);background:#0003;border-bottom:0;border-radius:8px 8px 0 0;padding:6px 12px;font-size:13px}.tabs button.on{background:var(--panel-3);color:var(--gold)}.tabs button.locked{opacity:.5}.bcard{cursor:pointer;background:#0003;border:1px solid #0000;border-radius:10px;grid-template-columns:64px 1fr;gap:10px;padding:10px;transition:border-color .12s,background-color .12s;display:grid;position:relative}.bcard:hover{background:#ffffff0c;border-color:#b594d6}.bcard.locked:hover{background:#0003;border-color:#0000}.bcard.sel{border-color:var(--ember);background:#ff8a3d14}.bcard.locked{cursor:not-allowed;opacity:.55}.bcard .thumb{background:radial-gradient(circle at 50% 70%,#4a3a5a,#231a2e);border-radius:8px;place-items:center;width:64px;height:64px;display:grid}.bcard .name{font-weight:700}.bcard .desc{color:var(--dim);margin:2px 0 6px;font-size:12px}.bcard .costs{flex-wrap:wrap;gap:4px;display:flex}.bcard .lock{color:var(--gold);font-size:11px;position:absolute;top:10px;right:10px}.job-row{background:#0003;border-radius:10px;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;padding:8px;display:grid}.job-row img{width:36px;height:36px}.job-row .count{text-align:center;min-width:30px;color:var(--gold);font-size:20px;font-weight:700}.stepper{align-items:center;gap:6px;display:flex}.stepper button{border:1px solid var(--line-hi);background:var(--panel-3);cursor:pointer;border-radius:8px;width:30px;height:30px;font-size:18px;line-height:1}.stepper button:hover{background:var(--ember);color:#2a1206}.deed{background:#0003;border:1px solid #0000;border-radius:10px;grid-template-columns:48px 1fr auto;align-items:center;gap:10px;padding:10px;display:grid}.deed.evil{background:linear-gradient(90deg,#7828aa26,#0000);border-color:#5b2a78}.deed.holy{background:linear-gradient(90deg,#ffd25a1a,#0000);border-color:#6b5a2a}.deed img{width:44px;height:44px}.log{flex-direction:column;gap:4px;display:flex}.log-entry{border-left:3px solid var(--line);background:#0002;border-radius:6px;grid-template-columns:52px 1fr;gap:8px;padding:6px 8px;font-size:13px;display:grid}.log-entry .d{color:var(--faint);font-size:11px}.log-entry.good{border-left-color:var(--good)}.log-entry.bad{border-left-color:var(--bad)}.log-entry.event{border-left-color:var(--gold)}.log-entry.birth{border-left-color:#ff9fd4}.log-entry.death{color:#cfc4d8;border-left-color:#8a8a8a}.player{background:#0003;border-radius:10px;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;padding:8px;display:grid}.player .avatar{border:2px solid var(--line);object-fit:cover;background:var(--panel-3);border-radius:50%;width:40px;height:40px}.player.online .avatar{border-color:var(--good);box-shadow:0 0 10px #7ee06a66}.player .pname{font-weight:700}.player .meta{color:var(--dim);flex-wrap:wrap;gap:8px;font-size:12px;display:flex}.dot{background:var(--faint);border-radius:50%;width:8px;height:8px;display:inline-block}.dot.on{background:var(--good);box-shadow:0 0 6px var(--good)}.chat{flex-direction:column;flex:1;gap:6px;min-height:200px;padding-right:4px;display:flex;overflow-y:auto}.msg{grid-template-columns:28px 1fr;gap:8px;font-size:14px;display:grid}.msg img{background:var(--panel-3);border-radius:50%;width:28px;height:28px}.msg .who{color:var(--gold);font-size:12px}.msg .who span{color:var(--faint)}.msg.me .who{color:var(--info)}.chat-input{gap:6px;display:flex}.offer{border:1px solid var(--line);background:#0003;border-radius:10px;flex-direction:column;gap:6px;padding:10px;display:flex}.offer.raid{background:linear-gradient(90deg,#ff5a461f,#0000);border-color:#6b3a37}.res-picker{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.res-picker label{color:var(--dim);flex-direction:column;align-items:center;gap:2px;font-size:11px;display:flex}.res-picker img{width:22px;height:22px}.res-picker input{text-align:center;border:1px solid var(--line);width:100%;color:var(--text);background:#0006;border-radius:6px;padding:4px}.lb-row{background:#0002;border-radius:8px;grid-template-columns:30px 36px 1fr auto;align-items:center;gap:10px;padding:7px 8px;display:grid}.lb-row .rank{color:var(--faint);text-align:center;font-weight:700}.lb-row:first-child .rank{color:#ffd84a}.lb-row:nth-child(2) .rank{color:#d9e2ec}.lb-row:nth-child(3) .rank{color:#e0955a}.lb-row img{border-radius:50%;width:36px;height:36px}.lb-row .score{color:var(--gold);font-weight:700}.inspector{z-index:12;flex-direction:column;gap:10px;width:300px;max-height:calc(100vh - 290px);padding:14px;animation:.18s ease-out slideInR;display:flex;position:fixed;top:70px;right:10px;overflow-y:auto}@keyframes slideInR{0%{opacity:0;transform:translate(16px)}}.inspector .portrait{border:1px solid var(--line-hi);background:radial-gradient(circle at 50% 75%,#54406a,#201830);border-radius:12px;flex-shrink:0;place-items:center;width:84px;height:84px;display:grid}.inspector .portrait img{width:72px;height:72px}.inspector .title{color:var(--gold);font-size:20px;font-weight:700}.inspector .close{position:absolute;top:8px;right:8px}.stat{grid-template-columns:70px 1fr 34px;align-items:center;gap:8px;font-size:13px;display:grid}.stat span:last-child{text-align:right;color:var(--dim);font-variant-numeric:tabular-nums}.skills{grid-template-columns:1fr 1fr;gap:4px 12px;display:grid}.skill{grid-template-columns:58px 1fr;align-items:center;gap:6px;font-size:12px;display:grid}.skill .bar{height:6px}.skill .bar i{background:var(--info)}.traits{flex-wrap:wrap;gap:4px;display:flex}select.input{padding:7px 10px}.minimap{z-index:10;padding:6px;position:fixed;bottom:10px;right:10px}.minimap canvas{width:192px;height:192px;image-rendering:pixelated;cursor:pointer;border-radius:6px;display:block}.feed{z-index:9;flex-direction:column;gap:4px;width:min(420px,100vw - 320px);display:flex;position:fixed;bottom:12px;left:84px;pointer-events:none!important}.toast{border-left:3px solid var(--line-hi);background:#140d1cd9;border-radius:8px;padding:6px 10px;font-size:13px;transition:opacity .6s,transform .6s;animation:.25s ease-out toastIn}.toast.good{border-left-color:var(--good)}.toast.bad{border-left-color:var(--bad)}.toast.event{border-left-color:var(--gold)}.toast.birth{border-left-color:#ff9fd4}.toast.death{border-left-color:#999}.toast.out{opacity:0;transform:translate(-10px)}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}}.announce{z-index:30;text-align:center;animation:4s ease-out forwards announce;position:fixed;top:22%;left:50%;transform:translate(-50%);pointer-events:none!important}.announce div{color:#fff4d0;text-shadow:0 3px #3a1408,0 0 24px #ff8c32e6;background:linear-gradient(90deg,#0000,#1e1028cc 20% 80%,#0000);padding:10px 28px;font-size:clamp(22px,4vw,40px);font-weight:700}@keyframes announce{0%{opacity:0;transform:translate(-50%,20px)scale(.9)}10%{opacity:1;transform:translate(-50%)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-20px)}}.hint{border:1px solid var(--ember);z-index:13;background:#140d1ce6;border-radius:8px;align-items:center;gap:10px;padding:8px 14px;font-size:14px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.threats{z-index:12;flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed;top:76px;left:50%;transform:translate(-50%);pointer-events:none!important}.threats>*{pointer-events:auto}.threat{background:linear-gradient(90deg,#781414eb,#3c0e18eb);border:1px solid #ff6b5b;border-radius:10px;align-items:center;gap:10px;padding:7px 10px 7px 12px;font-size:14px;animation:1.6s ease-in-out infinite threatPulse;display:flex;box-shadow:0 0 24px #ff463259}.threat .count{color:#ffd76a;font-variant-numeric:tabular-nums}@keyframes threatPulse{50%{box-shadow:0 0 36px #ff463299}}.pause-banner{z-index:9;color:var(--gold);letter-spacing:3px;background:#000b;border-radius:99px;padding:6px 16px;font-weight:700;position:fixed;top:74px;left:50%;transform:translate(-50%);pointer-events:none!important}.modal-bg{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:60;background:#08050c99;place-items:center;animation:.2s fadeIn;display:grid;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}}.modal{flex-direction:column;gap:14px;width:min(520px,94vw);max-height:90vh;padding:22px;animation:.25s cubic-bezier(.2,1.4,.5,1) pop;display:flex;overflow-y:auto}@keyframes pop{0%{opacity:0;transform:scale(.9)}}.event-art{border:3px solid var(--gold);background:radial-gradient(circle,#5a3d6e,#22182e 70%);border-radius:50%;place-items:center;width:120px;height:120px;margin:0 auto;display:grid;box-shadow:0 0 30px #ffb45073}.event-art img{width:90px;height:90px}.event-modal{text-align:center;background:linear-gradient(#33243f,#1d1527);border-color:#7a5d3a}.event-modal h2{font-size:26px}.event-text{color:#e9d9bd;font-size:16px;line-height:1.5}.choice{text-align:left;border:1px solid var(--line-hi);background:linear-gradient(180deg, var(--panel-3), var(--panel-2));cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:12px 14px;transition:border-color .12s,box-shadow .12s;display:flex;box-shadow:0 3px #0b0712}.choice:hover{border-color:var(--gold);background:linear-gradient(#43325a,#33263f);box-shadow:0 3px #0b0712,0 0 12px #ffcf5a40}.choice:disabled{opacity:.5;cursor:not-allowed}.choice:disabled:hover{border-color:var(--line-hi);background:linear-gradient(180deg, var(--panel-3), var(--panel-2));box-shadow:0 3px #0b0712}.choice .label{flex:1;font-weight:600}.choice img{width:22px;height:22px}.admin{z-index:70;grid-template-columns:220px 1fr;animation:.25s pop;display:grid;position:fixed;inset:20px;overflow:hidden}.admin-nav{border-right:1px solid var(--line);background:#0004;flex-direction:column;gap:4px;padding:16px 10px;display:flex}.admin-nav .brand{border-bottom:1px solid var(--line);align-items:center;gap:8px;margin-bottom:8px;padding:0 8px 14px;display:flex}.admin-nav .brand b{color:var(--gold);font-size:18px}.admin-nav button{cursor:pointer;text-align:left;color:var(--dim);background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;display:flex}.admin-nav button img{width:22px;height:22px}.admin-nav button:hover{color:var(--text);background:#ffffff0a}.admin-nav button.on{color:var(--gold);box-shadow:inset 3px 0 0 var(--ember);background:linear-gradient(90deg,#ff8a3d40,#0000)}.admin-main{flex-direction:column;gap:16px;padding:22px 26px;display:flex;overflow-y:auto}.admin-main h2{font-size:26px}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;display:grid}.stat-card{border:1px solid var(--line);background:linear-gradient(160deg,#3a2a4c,#221a2e);border-radius:12px;align-items:center;gap:12px;padding:16px;display:flex}.stat-card img{width:40px;height:40px}.stat-card .n{color:var(--gold);font-size:28px;font-weight:700;line-height:1}.stat-card .l{color:var(--dim);text-transform:uppercase;letter-spacing:1px;font-size:12px}.table-wrap{border:1px solid var(--line);border-radius:10px;overflow-x:auto}table.tbl{border-collapse:collapse;width:100%;font-size:14px}.tbl th{text-align:left;color:var(--dim);text-transform:uppercase;letter-spacing:1px;background:#0004;padding:10px;font-size:12px;font-weight:600;position:sticky;top:0}.tbl td{vertical-align:middle;border-top:1px solid #ffffff0d;padding:8px 10px}.tbl tr:hover td{background:#ffffff06}.tbl .who{align-items:center;gap:8px;display:flex}.tbl .who img{border-radius:50%;width:30px;height:30px}.banned-row td{background:#ff504612}pre.json{-webkit-user-select:text;user-select:text;white-space:pre-wrap;word-break:break-all;background:#0007;border-radius:8px;max-height:50vh;padding:12px;font-size:12px;overflow:auto}@media (width<=900px){.topbar{flex-wrap:wrap;justify-content:center;top:6px}.res{min-width:0;padding:2px 4px}.res .cap{display:none}.karma-track{width:70px}.inspector{width:min(300px,100vw - 90px);max-height:45vh;top:auto;bottom:214px;right:6px}.minimap canvas{width:130px;height:130px}.feed{display:none}.admin{border-radius:0;grid-template-rows:auto 1fr;grid-template-columns:1fr;inset:0}.admin-nav{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;padding:8px;overflow-x:auto}.admin-nav .brand{display:none}}.law-cat{border:1px solid var(--line);background:#0002;border-radius:12px;flex-direction:column;gap:6px;padding:10px;display:flex}.law{background:#0003;border:1px solid #0000;border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.law.active{border-color:var(--gold);background:linear-gradient(90deg,#ffcf5a1f,#0000)}.law.locked{opacity:.55}.gc{z-index:90;-webkit-backdrop-filter:blur(22px)saturate(150%);color:#e9e2f2;background:linear-gradient(#1e162cb8,#0e0a16a8);border:1px solid #ffffff24;border-top:0;border-radius:0 0 18px 18px;flex-direction:column;height:min(460px,52vh);font:13.5px/1.55 JetBrains Mono,Consolas,monospace;animation:.2s ease-out gcIn;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 24px 60px #00000080,inset 0 -1px #ffaa5040}@keyframes gcIn{0%{opacity:0;transform:translateY(-40px)}}.gc-head{background:#ffffff0a;border-bottom:1px solid #ffffff17;align-items:center;gap:12px;padding:10px 16px;display:flex}.gc-dots{gap:6px;display:flex}.gc-dots i{background:#ff5f57;border-radius:50%;width:11px;height:11px}.gc-dots i:nth-child(2){background:#febc2e}.gc-dots i:nth-child(3){background:#28c840}.gc-title{letter-spacing:2px;color:#ffcf8a;white-space:nowrap;font-weight:700}.gc-title span{color:#e9e2f280;letter-spacing:1px;font-weight:400}.gc-status{flex-wrap:wrap;justify-content:flex-end;gap:6px;margin-left:auto;display:flex}.gc-pill{color:#e9e2f2cc;white-space:nowrap;background:#ffffff12;border:1px solid #ffffff1a;border-radius:99px;padding:3px 10px;font-size:11.5px}.dot-on{vertical-align:1px;background:#5ee07a;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block;box-shadow:0 0 8px #5ee07a}.gc-close{color:#e9e2f2;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:8px;width:28px;height:28px;font-size:13px}.gc-close:hover{background:#ff5f5740;border-color:#ff5f5780}.gc-out{-webkit-user-select:text;user-select:text;flex:1;padding:12px 16px;overflow-y:auto}.gc-row{grid-template-columns:46px 1fr;gap:10px;min-height:1.55em;display:grid}.gc-time{color:#e9e2f247;font-size:11px;line-height:1.9}.gc-text{white-space:pre;overflow-x:auto}.gc-row.cmd{margin-top:6px}.gc-row.cmd .gc-text{color:#fff;font-weight:700}.gc-row.ok .gc-text{color:#7dffa0}.gc-row.err .gc-text{color:#ff8a80}.gc-row.warn .gc-text{color:#ffd166}.gc-row.accent .gc-text{color:#ffcf8a}.gc-row.dim .gc-text{color:#e9e2f280;white-space:pre-wrap}.gc-bottom{background:#0000002e;border-top:1px solid #ffffff17;border-radius:0 0 18px 18px;padding:10px 14px;position:relative}.gc-line{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;align-items:center;gap:10px;padding:9px 12px;display:flex}.gc-line:focus-within{border-color:#ffbe6e8c;box-shadow:0 0 0 3px #ffaa501f}.gc-prompt{color:#ffb347;font-weight:700}.gc-field{flex:1;min-width:0;position:relative}.gc-input,.gc-ghost{font:inherit;letter-spacing:normal;white-space:pre;width:100%;margin:0;padding:0;display:block}.gc-input{z-index:1;color:#fff;caret-color:#ffb347;background:0 0;border:0;outline:none;position:relative}.gc-input::placeholder{color:#e9e2f24d}.gc-ghost{color:#e9e2f259;pointer-events:none;position:absolute;inset:0;overflow:hidden}.gc-typed{color:#0000}.gc-hint{color:#ffcf8abf;white-space:nowrap;text-overflow:ellipsis;min-height:18px;margin:6px 4px 0;font-size:11.5px;overflow:hidden}.gc-menu{-webkit-backdrop-filter:blur(18px);background:#1c1428d9;border:1px solid #ffffff24;border-radius:12px;max-height:290px;padding:6px;position:absolute;bottom:calc(100% - 2px);left:14px;right:14px;overflow-y:auto;box-shadow:0 -12px 40px #00000073}.gc-item{cursor:pointer;border-radius:8px;justify-content:space-between;gap:16px;padding:6px 10px;display:flex}.gc-item:hover{background:#ffffff0f}.gc-item.on{background:linear-gradient(90deg,#ffaa5038,#ffaa500d);box-shadow:inset 2px 0 #ffb347}.gc-item-label{color:#fff;white-space:nowrap}.gc-item-detail{color:#e9e2f280;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.divider{color:var(--faint);text-transform:uppercase;letter-spacing:2px;align-items:center;gap:10px;font-size:12px;display:flex}.divider:before,.divider:after{content:"";border-top:1px solid var(--line);flex:1}button.link{color:var(--dim);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:13px;text-decoration:underline}button.link:hover{color:var(--gold)}.avatar-letter{color:#fff;text-transform:uppercase;text-shadow:0 1px #00000059;border:2px solid #ffffff2e;border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;display:inline-grid}.player.online .avatar-letter{border-color:var(--good);box-shadow:0 0 10px #7ee06a66}.res .v,.res .cap,.chip,.clock .day,.count,.stat span:last-child,.skill span,.score,.rank,.tag,.karma-title,.era-badge,.shield-badge,.threat,.lb-row,.log-entry .d,.faint,.meta,.toast,.bar+span,.costs,.bcard .desc,input.input,select.input,.res-picker input,.dock .badge{font-family:var(--num);font-variant-numeric:tabular-nums}.res .v{font-size:15px;font-weight:600}.res .cap{font-size:10.5px}.chip,.faint{font-size:12.5px}.visit-banner{z-index:14;border:1px solid var(--gold);background:#181222e6;border-radius:14px;align-items:center;gap:12px;padding:8px 10px 8px 12px;display:flex;position:fixed;top:76px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000073,0 0 20px #ffcf5a26}.visit-title{color:var(--gold);font-weight:700}.realm{flex-direction:column;gap:12px;width:min(1100px,96vw);max-height:94vh;padding:18px;display:flex}.realm-body{grid-template-columns:1fr 280px;gap:14px;min-height:0;display:grid}.realm-map{aspect-ratio:1;background:radial-gradient(circle at 30% 25%,#5a964659,#0000 30%),radial-gradient(circle at 70% 70%,#508c3c4d,#0000 35%),radial-gradient(circle at 75% 25%,#c8aa6e40,#0000 25%),radial-gradient(circle at 20% 75%,#786e5a4d,#0000 28%),linear-gradient(160deg,#1f4d6b,#173a55 60%,#12304a);border:1px solid #ffffff26;border-radius:14px;width:100%;max-height:74vh;position:relative;overflow:hidden;box-shadow:inset 0 0 60px #00000073}.realm-map:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:10% 10%;position:absolute;inset:0}.realm-map svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.realm-pin{cursor:pointer;flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;transform:translate(-50%,-50%)}.realm-pin .avatar-letter{transition:box-shadow .12s,border-color .12s}.realm-pin:hover .avatar-letter,.realm-pin.sel .avatar-letter{border-color:var(--gold);box-shadow:0 0 0 3px #ffcf5a59}.realm-pin.me .avatar-letter{border-color:var(--gold);box-shadow:0 0 16px #ffcf5ab3}.realm-pin .pin-name{white-space:nowrap;text-overflow:ellipsis;background:#0a0810bf;border-radius:6px;max-width:130px;padding:1px 6px;font-size:11px;overflow:hidden}.realm-pin.offline{opacity:.6}.realm-army{filter:drop-shadow(0 0 4px #000);pointer-events:none;font-size:14px;position:absolute;transform:translate(-50%,-50%)}.realm-side{flex-direction:column;gap:10px;display:flex;overflow-y:auto}.realm-card{border:1px solid var(--line);background:#0003;border-radius:12px;flex-direction:column;gap:8px;padding:12px;display:flex}.realm-legend{flex-wrap:wrap;gap:6px;display:flex}@media (width<=800px){.realm-body{grid-template-columns:1fr}}.visit-banner>div{min-width:0}.visit-banner .faint{white-space:nowrap;text-overflow:ellipsis;max-width:360px;overflow:hidden}@media (width<=900px){.visit-banner{flex-wrap:wrap;justify-content:center;max-width:94vw;top:auto;bottom:214px}}.plan-tip{z-index:13;border:1px solid var(--gold);background:#140d1ceb;border-radius:10px;align-items:center;gap:8px;padding:8px 12px;display:flex;position:fixed;bottom:64px;left:50%;transform:translate(-50%);pointer-events:none!important}.realm{overflow:hidden}.realm-body{min-height:0;overflow:hidden}.realm-map{max-height:min(74vh,100%)}@media (width<=900px){.realm-body{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;overflow-y:auto}.realm-map{width:min(100%,46vh);max-height:46vh;margin:0 auto}.realm-side{overflow:visible}}.inv{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.inv-slot{border:1px solid var(--line);min-height:56px;color:var(--dim);background:#0004;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 4px;font-size:11px;display:flex}.world-picker{z-index:55;background:radial-gradient(#2a1838e0,#0c0812f5)}.wp{flex-direction:column;width:min(980px,95vw);max-height:92vh;display:flex;overflow:hidden}.wp-head{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:18px 20px;display:flex}.wp-body{grid-template-columns:1fr 300px;gap:16px;padding:16px 20px;display:grid;overflow-y:auto}.wp-grid{flex-direction:column;gap:8px;display:flex}.wp-card{border:1px solid var(--line);text-align:left;cursor:pointer;color:var(--text);background:#0003;border-radius:12px;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;padding:12px 14px;transition:border-color .12s,background-color .12s;display:grid}.wp-card:hover{border-color:var(--gold);background:#ffffff0a}.wp-card.public{background:linear-gradient(90deg,#ffaa501f,#0000);border-color:#7a5d3a}.wp-card.invite{cursor:default;border-color:var(--info)}.wp-title{font-size:16px;font-weight:700}.wp-actions{flex-direction:column;gap:8px;margin-top:6px;display:flex}.wp-side{border-left:1px solid var(--line);flex-direction:column;gap:8px;padding-left:16px;display:flex}.profile-stats{grid-template-columns:repeat(3,1fr)!important}.profile-stats .stat-card{padding:10px}.profile-stats .n{font-size:18px!important}@media (width<=800px){.wp-body{grid-template-columns:1fr}.wp-side{border-left:0;border-top:1px solid var(--line);padding-top:12px;padding-left:0}}.slot-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.slot{border:1px solid var(--line);text-align:center;color:var(--text);background:#0003;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:18px 12px;display:flex;position:relative}.slot.empty{cursor:pointer;border-style:dashed;transition:border-color .12s,background-color .12s}.slot.empty:hover{border-color:var(--gold);background:#ffffff0a}.slot-num{color:var(--faint);text-transform:uppercase;letter-spacing:1px;font-size:11px;position:absolute;top:8px;left:10px}@media (width<=760px){.slot-grid{grid-template-columns:1fr}}ul.effects{font-family:var(--num);color:#d9cfe6;flex-direction:column;gap:2px;margin:4px 0 6px;padding:0;font-size:12.5px;list-style:none;display:flex}ul.effects li{grid-template-columns:20px 1fr;align-items:start;display:grid}ul.effects li.warn{color:#ffb4a8}.tutorial{z-index:15;border:1px solid var(--gold);background:linear-gradient(#30223cf7,#1c1426f7);border-radius:12px;flex-direction:column;gap:8px;width:min(380px,100vw - 100px);padding:12px 14px;animation:.2s ease-out slideIn;display:flex;position:fixed;bottom:16px;left:84px;box-shadow:0 10px 30px #00000080,0 0 24px #ffcf5a26}.tut-head{align-items:center;gap:8px;display:flex}.tut-title{color:var(--gold);font-size:18px;font-weight:700}.tut-text{font-family:var(--num);color:#efe4d2;font-size:14px;line-height:1.45}.dock button.tut-glow{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold), 0 0 22px #ffcf5acc;animation:1.2s ease-in-out infinite tutGlow}@keyframes tutGlow{50%{box-shadow:0 0 0 2px var(--gold), 0 0 6px #ffcf5a4d}}.card{-webkit-backdrop-filter:blur(12px)saturate(1.25);backdrop-filter:blur(12px)saturate(1.25);background:linear-gradient(#2e223edb,#181122e6);border:1px solid #bea0e629;box-shadow:0 12px 34px #0000006b,inset 0 1px #ffffff17,inset 0 0 0 1px #00000040}.topbar{max-width:calc(100vw - 360px);left:10px;transform:none}.topbar .card{flex-wrap:wrap;row-gap:2px;padding:5px 6px}.res{min-width:56px;padding:3px 6px}.statusbar{z-index:10;align-items:stretch;gap:8px;display:flex;position:fixed;top:10px;right:10px}.statusbar .card{align-items:center;padding:6px 10px;display:flex}.side,.tutorial{left:88px}.side,.inspector{top:76px}.threats,.visit-banner{top:84px}.dock{border-radius:14px;gap:7px;padding:7px}.dock button{border-radius:11px;transition:transform .12s,border-color .12s,background-color .12s,box-shadow .12s}.dock button:hover{transform:translate(2px)}.dock .tip{border:1px solid var(--line);box-shadow:var(--shadow);background:#120c1af2;padding:5px 10px}.side{border-radius:14px;overflow:hidden}.side-head{background:linear-gradient(90deg,#ffcf5a12,#0000 70%)}.side-body{padding:12px 14px 16px}.tabs.group-tabs{border:1px solid var(--line);background:#00000052;border-radius:10px;flex-wrap:nowrap;gap:3px;margin:10px 14px 2px;padding:3px}.tabs.group-tabs button{color:var(--dim);background:0 0;border:0;border-radius:7px;flex:1;padding:7px 8px;font-size:13.5px;transition:background-color .12s,color .12s}.tabs.group-tabs button:hover{color:var(--text);background:#ffffff0d}.tabs.group-tabs button.on{color:var(--gold);background:linear-gradient(#5a3f73,#3f2d52);box-shadow:0 2px #0b0712,inset 0 1px #ffffff1a}.tabs:not(.group-tabs) button{border:1px solid var(--line);border-radius:99px;padding:5px 12px}.tabs:not(.group-tabs) button.on{border-color:var(--gold);background:#ffcf5a1a}.bcard{background:#00000038;border:1px solid #ffffff0a;border-radius:12px;grid-template-columns:76px 1fr}.bcard .thumb{background:radial-gradient(circle at 50% 78%,#56446a,#1f1729 72%);border:1px solid #ffffff0f;border-radius:10px;width:76px;height:76px}.bcard .thumb img{filter:drop-shadow(0 3px 2px #00000073);width:68px;height:68px}.bcard .name{color:#ffe7b0;font-size:16px}.job-row{background:#00000038;border:1px solid #ffffff0a;border-radius:12px}.minimap{border-radius:14px}.minimap canvas{image-rendering:auto;border-radius:9px}.toast{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#160f20d1;border-radius:9px}@media (width<=760px){.topbar{max-width:calc(100vw - 20px)}.statusbar{flex-direction:column;gap:4px;top:auto;bottom:160px;right:6px}.side{top:118px}}@media (width<=1150px) and (width>=761px){.topbar{max-width:calc(100vw - 20px)}.statusbar{flex-direction:column;align-items:flex-end;gap:6px;top:auto;bottom:222px;right:10px}.inspector{max-height:calc(100vh - 400px)}}.ability{background:linear-gradient(135deg,#ffcf5a1f,#ff8a3d0d);border:1px solid #ffcf5a59;border-radius:12px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.ability-head{align-items:center;gap:10px;display:flex}.ability-icon{background:#0000004d;border:1px solid #ffcf5a4d;border-radius:10px;flex:none;place-items:center;width:38px;height:38px;font-size:22px;display:grid}.ability-name{color:var(--gold);font-size:15px;font-weight:700}.ability-desc{font-family:var(--num);color:#e6dcef;font-size:13px;line-height:1.4}.empire-hero{text-align:center;background:radial-gradient(at 50% 0,#ffcf5a2e,#0000 70%),#00000040;border:1px solid #ffcf5a40;border-radius:14px;flex-direction:column;gap:6px;padding:14px 10px;display:flex}.empire-title{color:var(--gold);letter-spacing:2px;text-shadow:0 0 18px #ffcf5a73;font-size:26px;font-weight:700}.kingdom{border:1px solid #ffffff0f;border-left:3px solid var(--line-hi);background:#00000038;border-radius:12px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.kingdom.war{border-left-color:var(--bad);background:linear-gradient(90deg,#ff5a4614,#00000038)}.kingdom.allied{border-left-color:var(--good)}.kingdom.vassal{border-left-color:var(--gold)}.kingdom.province{border-left-color:var(--info)}.kingdom-crest{border:1px solid var(--line-hi);background:radial-gradient(circle,#5a4270,#241a30);border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-size:22px;display:grid}.kingdom-name{color:#ffe7b0;font-size:16px;font-weight:700}.kingdom-stats{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.kingdom-stats>div{font-family:var(--num);background:#00000040;border-radius:8px;flex-direction:column;align-items:center;padding:4px;font-size:12px;display:flex}.kingdom-stats b{font-size:15px}.kingdom-actions{flex-wrap:wrap;gap:5px;display:flex}.kingdom-actions .btn.sm{padding:5px 8px;font-size:12.5px}.warbar{border:1px solid var(--line);background:linear-gradient(90deg,#b93b33,#3b2a4e 45% 55%,#43a03d);border-radius:99px;height:10px;position:relative}.warbar i{background:#fff;border:2px solid #1b1224;border-radius:50%;width:14px;height:14px;transition:left .4s;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px #fff9}.back-btn{flex:none}.logo-mark{width:84px;height:84px;image-rendering:pixelated;border-radius:20px;margin:0 auto 6px;display:block;box-shadow:0 0 40px #ff8c3259}.install-btn{gap:8px}.screen.login>.install-btn{margin-top:12px}@media (width<=760px){.topbar{top:max(6px, env(safe-area-inset-top));max-width:none;left:6px;right:6px}.topbar .card{border-radius:12px;justify-content:space-between;width:100%;padding:4px}.res{gap:3px;min-width:0;padding:2px 4px}.res img{width:18px;height:18px}.res .v{font-size:13px}.res .cap{display:none}.statusbar{top:calc(max(6px, env(safe-area-inset-top)) + 68px);flex-direction:row;align-items:stretch;gap:5px;bottom:auto;left:6px;right:auto}.statusbar .card{border-radius:10px;padding:3px 8px}.statusbar .karma-track{width:54px}.statusbar .karma img{width:16px;height:16px}.statusbar .karma-title{font-size:10px}.statusbar .clock{min-width:0;padding:2px 4px!important}.statusbar .clock .day{font-size:13px}.statusbar .clock .season{font-size:10px}.era-badge,.shield-badge{padding:1px 6px;font-size:10px}.dock{padding:6px 8px calc(6px + env(safe-area-inset-bottom));border-bottom:0;border-radius:18px 18px 0 0;flex-direction:row;justify-content:space-around;gap:4px;inset:auto 0 0;transform:none}.dock hr,.dock .tip{display:none}.dock button{width:54px;height:50px}.dock button img{width:30px;height:30px}.dock button:hover{transform:none}.side{right:0;bottom:calc(64px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;width:100%;height:min(64vh,100vh - 150px);animation:.2s ease-out sheetUp;top:auto!important;left:0!important}.side:before{content:"";background:var(--line-hi);border-radius:99px;flex:none;width:44px;height:4px;margin:7px auto -4px;display:block}.side-head{padding:10px 14px}.side-head h2{font-size:18px}.tabs.group-tabs{margin:8px 10px 0}.tabs.group-tabs button{padding:7px 4px;font-size:12.5px}.inspector{left:6px;right:6px;bottom:calc(calc(64px + env(safe-area-inset-bottom)) + 6px);border-radius:16px;width:auto;max-height:52vh;top:auto!important}.bcard{grid-template-columns:60px 1fr}.bcard .thumb{width:60px;height:60px}.bcard .thumb img{width:52px;height:52px}.minimap{bottom:calc(calc(64px + env(safe-area-inset-bottom)) + 6px);padding:4px;right:6px}.minimap canvas{width:92px;height:92px}.tutorial{width:auto;right:6px;bottom:calc(calc(64px + env(safe-area-inset-bottom)) + 6px);left:6px!important}.hint{bottom:calc(calc(64px + env(safe-area-inset-bottom)) + 8px);max-width:calc(100vw - 20px);font-size:13px}.threats,.visit-banner{top:130px;bottom:auto}.announce{top:30%}.modal{max-height:calc(100vh - 40px);overflow-y:auto;width:calc(100vw - 20px)!important}.wp{max-height:calc(100vh - 16px);overflow-y:auto;width:calc(100vw - 16px)!important}.wp-head{flex-wrap:wrap}}@keyframes sheetUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}@media (width<=760px){.topbar .card{grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:0;display:grid}.statusbar{right:6px}.statusbar>.card{flex:auto;justify-content:center;min-width:0}.statusbar .clock{align-items:center!important}}.wp-card.rejoin{border-color:var(--good);background:linear-gradient(90deg,#7ee06a24,#0003)}.gc-menu{max-height:min(340px,45vh)}.gc-count{color:#ffcf8ab3;background:#1c1428f2;border-bottom:1px solid #ffffff14;margin:-6px -6px 4px;padding:5px 16px;font-size:11px;position:sticky;top:-6px}.realm-map{background:#05080d!important}.realm-map:before{display:none}.realm-terrain{width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.realm-pin{gap:3px}.pin-dot{background:#fff3d6;border:2px solid #1a1020;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 2px #ffffff40}.realm-pin.me .pin-dot{background:var(--gold);box-shadow:0 0 0 3px #ffcf5a73,0 0 12px #ffcf5acc}.realm-pin.sel .pin-dot{background:var(--ember);box-shadow:0 0 0 3px #ff8a3d80}.realm-pin .pin-name{background:#0009;font-size:10.5px}.build-search-row{padding:8px 14px 0}.build-search{width:100%}.bgrid{grid-template-columns:1fr;gap:8px;display:grid}.bcard{grid-template-columns:64px 1fr;align-items:center;padding:8px}.bcard .thumb{width:64px;height:64px;position:relative}.bcard .thumb img{width:58px;height:58px}.bcount{background:var(--panel-3);border:1px solid var(--line-hi);min-width:22px;font-family:var(--num);text-align:center;border-radius:99px;padding:0 5px;font-size:11px;position:absolute;bottom:-4px;right:-4px}.bcard-main{flex-direction:column;gap:5px;min-width:0;display:flex}.bcard .name{font-size:15px}.badges{flex-wrap:wrap;gap:4px;display:flex}.badge-fx{font-family:var(--num);color:#cfeec4;cursor:help;white-space:nowrap;background:#7ee06a1a;border:1px solid #7ee06a38;border-radius:7px;align-items:center;gap:3px;padding:1px 6px 1px 4px;font-size:11.5px;display:inline-flex}.badge-fx i{font-size:13px;font-style:normal}.badge-fx.warn{color:#ffc2b8;background:#ff6b5b1a;border-color:#ff6b5b4d}.bcard.cant:not(.locked) .thumb{filter:saturate(.5)brightness(.8)}.bcard .lock{top:6px;right:8px}@media (width>=1300px){.side{width:460px}}.unlock{border:1px solid var(--line);background:#00000040;border-radius:12px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.unlock.next{background:linear-gradient(90deg,#ffcf5a14,#00000040);border-color:#ffcf5a73}.unlock-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.unlock-items{flex-direction:column;gap:4px;display:flex}.unlock-item{font-family:var(--num);grid-template-columns:18px 24px 1fr;align-items:center;gap:6px;font-size:13px;display:grid}.unlock-item .bar{grid-column:3;height:6px}.unlock-check{color:var(--faint);text-align:center;font-weight:700}.unlock-item.done,.unlock-item.done .unlock-check{color:var(--good)}