:root{--green:#5f9134;--green-bright:#a6d05a;--green-dark:#2c4a17;--stone-1:#2b2620;--stone-2:#3d352b;--stone-3:#1a1612;--gold:#d9b35a;--gold-bright:#ffe08a;--text:#f2e6c9;--muted:#b8a883;--p0:#2f6fe0;--p1:#d8392b;--bar-h:190px}*{box-sizing:border-box}html,body{height:100%;color:var(--text);-webkit-user-select:none;user-select:none;background:#0b0f08;margin:0;font-family:Alegreya Sans,system-ui,sans-serif;overflow:hidden}#game{position:fixed;inset:0}#game canvas{display:block}#game[data-mode=attack],#game[data-mode=skill]{cursor:crosshair}#game[data-mode=move],#game[data-mode=gather],#game[data-mode=rally]{cursor:cell}#selbox{pointer-events:none;z-index:5;background:#5dff5d14;border:1.5px solid #5dff5d;display:none;position:fixed}.panel{background:radial-gradient(ellipse at 30% 0%, #ffebbe0f, transparent 60%), linear-gradient(180deg, var(--stone-2), var(--stone-1) 60%, var(--stone-3));border:2px solid #7a6334;border-radius:6px;box-shadow:inset 0 0 0 1px #1a140b,inset 0 0 18px #000000b3,0 4px 14px #0009}#topbar{z-index:10;align-items:center;gap:22px;min-width:420px;padding:6px 16px;display:flex;position:fixed;top:8px;left:50%;transform:translate(-50%)}#topbar .res{align-items:center;gap:6px;font-size:18px;display:flex}#topbar .res b{color:var(--gold-bright);min-width:44px;font-weight:700}#res-pop.full{color:#ff6a55!important}#topbar .spacer{flex:1}#clock{color:var(--muted);font-family:Cinzel,serif}.top-btn{color:var(--gold);cursor:pointer;background:0 0;border:1px solid #7a6334;border-radius:4px;padding:1px 7px;font-size:15px}.top-btn:hover{border-color:var(--gold-bright);color:var(--gold-bright)}#btn-gear{padding:0 6px;font-size:18px}#message{left:50%;bottom:calc(var(--bar-h) + 40px);color:#ffd75a;text-shadow:0 2px 4px #000,0 0 12px #000;opacity:0;pointer-events:none;z-index:10;font-size:20px;font-weight:700;transition:opacity .3s;position:fixed;transform:translate(-50%)}#message.show{opacity:1}#bottombar{height:var(--bar-h);z-index:10;pointer-events:none;gap:8px;padding:8px;display:flex;position:fixed;bottom:0;left:0;right:0}#bottombar>*{pointer-events:auto}#minimap-frame{flex:none;padding:6px}#minimap{width:calc(var(--bar-h) - 32px);height:calc(var(--bar-h) - 32px);cursor:pointer;image-rendering:pixelated;border:1px solid #000;display:block}#info{flex:1;gap:14px;min-width:0;padding:12px 16px;display:flex;overflow:hidden}#info-main{flex:1;gap:14px;min-width:0;display:flex}.info-empty{color:var(--muted);margin:auto;font-style:italic}.portrait{border:2px solid var(--gold);background:radial-gradient(circle at 50% 35%,#4a5a78,#151a26);border-radius:4px;flex:none;justify-content:center;align-items:center;width:110px;height:110px;font-size:60px;display:flex;position:relative;overflow:hidden}.portrait.p1{background:radial-gradient(circle at 50% 35%,#7a4a44,#261515)}.portrait i{height:6px;position:absolute;bottom:0;left:0}.details{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.details .name{color:var(--gold-bright);font-family:Cinzel,serif;font-size:20px;font-weight:800}.details .owner{font-size:13px;font-weight:700}.owner.p0{color:#7fa8ff}.owner.p1,.owner.p2{color:#ff8a7a}.owner.p3{color:#ffb070}.details .hp{color:#9dff8a;font-weight:700}.details .stat{color:var(--muted);font-size:14px}.extra{flex-direction:column;flex:1.3;justify-content:center;min-width:0;display:flex}.queue{gap:4px;margin-top:6px;display:flex}.queue .q{border:1px solid var(--gold);cursor:pointer;background:#1a1612;border-radius:3px;width:34px;height:34px;font-size:20px}.queue .q:hover{border-color:#ff5a4a}.progress{background:#0e0c09;border:1px solid #7a6334;border-radius:3px;max-width:360px;height:18px;margin-top:6px;position:relative;overflow:hidden}.progress i{background:linear-gradient(#7cc0ff,#2f6fe0);position:absolute;inset:0 auto 0 0}.progress span{text-align:center;text-shadow:0 1px 2px #000;font-size:12px;line-height:16px;display:block;position:relative}.multi{grid-template-columns:repeat(auto-fill,46px);align-content:start;gap:5px;width:100%;display:grid}.mini{border:1px solid var(--gold);cursor:pointer;background:radial-gradient(circle at 50% 35%,#4a5a78,#151a26);border-radius:3px;width:46px;height:46px;padding:0;font-size:24px;position:relative;overflow:hidden}.mini i{height:4px;position:absolute;bottom:0;left:0}#commands{width:calc((var(--bar-h) - 34px) / 3 * 4 + 31px);flex:none;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(4,1fr);gap:5px;padding:8px;display:grid}.cmd{cursor:pointer;background:linear-gradient(#2e2820,#17130e);border:1px solid #5c4a26;border-radius:4px;padding:0;font-size:28px;transition:transform 50ms;position:relative;box-shadow:inset 0 0 8px #000c}.cmd:not(.empty):hover{border-color:var(--gold-bright);box-shadow:inset 0 0 8px #000c,0 0 8px #ffd76e80}.cmd:not(.empty):active{transform:scale(.94)}.cmd.empty{cursor:default;opacity:.45}.cmd.active{border-color:#6dff6d;box-shadow:0 0 10px #6eff6e99}.cmd.poor .icon{filter:grayscale()brightness(.6)}.cmd .key{color:var(--gold-bright);text-shadow:0 1px 2px #000;font-size:11px;font-weight:700;position:absolute;bottom:1px;right:3px}#tooltip{border:1px solid var(--gold);z-index:20;pointer-events:none;background:#0c0a08f2;border-radius:4px;width:260px;padding:8px 10px;font-size:14px;display:none;position:fixed}#tooltip .cost{color:var(--gold-bright);gap:12px;margin:4px 0;display:flex}#tooltip p{color:var(--muted);margin:4px 0 0}kbd{color:var(--gold-bright);background:#1a1612;border:1px solid #7a6334;border-radius:3px;padding:0 5px;font-family:inherit;font-size:.85em;display:inline-block}.overlay{z-index:50;background:radial-gradient(#14100a8c,#000000e0);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.overlay.hidden{display:none}.menu-box{text-align:center;max-width:640px;padding:36px 48px}.menu-box h1{letter-spacing:4px;background:linear-gradient(#fff2c0,#d9a73a 55%,#8a5a18);color:#0000;filter:drop-shadow(0 4px 6px #000);-webkit-background-clip:text;background-clip:text;margin:0;font-family:Cinzel,serif;font-size:84px;font-weight:800}.menu-box .tag{color:var(--muted);margin:8px 0 28px;font-size:18px}button.big{color:var(--text);cursor:pointer;border:2px solid var(--gold);background:linear-gradient(#5a4526,#2a1f10);border-radius:6px;padding:14px 34px;font-family:Cinzel,serif;font-size:20px;font-weight:800;box-shadow:0 0 20px #d9b35a40}button.big:hover{box-shadow:0 0 26px #ffd76e8c}.help{color:var(--muted);flex-direction:column;gap:7px;margin-top:30px;font-size:14px;display:flex}@media (max-width:900px),(max-height:600px){:root{--bar-h:140px}#topbar{gap:12px;min-width:0;font-size:14px}.portrait{width:70px;height:70px;font-size:38px}.menu-box h1{font-size:54px}}#minimap-frame{position:relative}#idle-btn{height:40px;color:var(--text);border:2px solid var(--gold);cursor:pointer;background:linear-gradient(#3d352b,#1a1612);border-radius:6px;align-items:center;gap:4px;padding:0 10px 0 6px;font-size:22px;animation:1.6s ease-in-out infinite idle-pulse;display:flex;position:absolute;top:-46px;left:0;box-shadow:0 0 10px #ffd76e59}#idle-btn b{color:var(--gold-bright);font-size:18px}#idle-btn:hover{border-color:var(--gold-bright)}#idle-btn.hidden{display:none}@keyframes idle-pulse{50%{box-shadow:0 0 18px #ffd76ebf}}#paused{color:var(--gold-bright);text-shadow:0 3px 8px #000,0 0 20px #000;pointer-events:none;z-index:15;text-align:center;font-family:Cinzel,serif;font-size:48px;font-weight:800;position:fixed;top:34%;left:50%;transform:translate(-50%)}#paused small{color:var(--muted);font-size:16px;display:block}#paused.hidden{display:none}.game-menu{flex-direction:column;gap:10px;min-width:360px;padding:24px 32px 28px;display:flex}.game-menu h2{color:var(--gold-bright);margin:0 0 8px;font-family:Cinzel,serif;font-size:30px}.game-menu button.big{padding:10px 20px;font-size:17px}.options{text-align:left;border-top:1px solid #7a6334;flex-direction:column;gap:12px;margin-top:12px;padding-top:14px;display:flex}.options label{color:var(--text);align-items:center;gap:10px;display:flex}.options input[type=range]{accent-color:var(--gold);flex:1}.options select{color:var(--text);background:#1a1612;border:1px solid #7a6334;border-radius:4px;flex:1;padding:4px;font-family:inherit}.options .check input{accent-color:var(--gold)}#opt-volume-val{text-align:right;min-width:36px;color:var(--muted)}.confirm{background:#14100cf7;border-radius:6px;flex-direction:column;justify-content:center;gap:10px;padding:32px;display:flex;position:absolute;inset:0}.confirm.hidden{display:none}.confirm p{font-size:18px}.game-menu{position:relative}#tactical{border-left:1px solid #5c4a26;flex-direction:column;flex:0 540px;gap:5px;min-width:380px;padding-left:14px;font-size:14px;display:flex}#tactical.hidden{display:none}.tac-head{justify-content:space-between;align-items:baseline;display:flex}.tac-title{color:var(--gold-bright);font-family:Cinzel,serif;font-size:16px;font-weight:800}.tac-idle{color:var(--muted)}.tac-idle.warn{color:#ffb050;font-weight:700}.tac-row{background:#00000040;border:1px solid #3f3320;border-radius:4px;align-items:center;gap:8px;padding:4px 6px;display:flex}.tac-label{text-align:left;font:inherit;color:var(--text);cursor:pointer;background:0 0;border:none;flex:0 0 92px;padding:0;font-weight:700}.tac-label:hover{color:var(--gold-bright)}.tac-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.mine-slots,.wood-chips{flex-wrap:nowrap;align-items:center;gap:3px;display:flex;overflow:hidden}.mine-left{color:var(--muted);min-width:62px;font-size:11px}.mine-slots b,.wood-chips b{color:var(--gold-bright);margin-left:6px}.slot{background:#00000059;border:1px dashed #6b5a36;border-radius:3px;flex:0 0 24px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:15px;display:inline-flex}.slot.full{border-style:solid;border-color:var(--gold);cursor:pointer;background:radial-gradient(circle at 50% 35%,#4a5a78,#151a26)}.slot.full:hover{border-color:var(--gold-bright);box-shadow:0 0 6px #ffd76e99}.more{color:var(--muted);font-size:12px}.tac-empty{color:var(--muted);font-size:12px;font-style:italic}.tac-pm{gap:4px;display:flex}.pm{width:28px;height:28px;color:var(--gold-bright);border:1px solid var(--gold);cursor:pointer;background:linear-gradient(#5a4526,#2a1f10);border-radius:4px;padding:0;font-size:18px;font-weight:700;line-height:1}.pm:hover,.tac-btn:hover{box-shadow:0 0 8px #ffd76e8c}.pm:active,.tac-btn:active{transform:scale(.94)}.tac-sel{color:var(--muted);align-items:center;gap:6px;display:flex}.tac-btn{font:inherit;color:var(--text);border:1px solid var(--gold);cursor:pointer;background:linear-gradient(#5a4526,#2a1f10);border-radius:4px;padding:2px 9px;font-size:13px;font-weight:700}.tac-btn.ghost{color:var(--muted);background:0 0;border-color:#6b5a36}.tac-hint{color:#8a7c5e;font-size:11px;font-style:italic}.task-tag{color:#ffd75a;font-weight:700}.mini em{font-size:11px;font-style:normal;position:absolute;top:0;right:1px}@media (max-width:1100px){#tactical{min-width:300px}.tac-hint{display:none}}.mine-tag{text-transform:uppercase;letter-spacing:.5px;color:#c9a85a;min-width:58px;font-size:10px}.help .hl{color:var(--gold-bright)}#herobar{left:50%;bottom:calc(var(--bar-h) + 10px);z-index:11;align-items:center;gap:10px;padding:6px 10px;display:flex;position:fixed;transform:translate(-50%)}#herobar.hidden{display:none}.hb-portrait{border:2px solid var(--gold);cursor:pointer;background:radial-gradient(circle at 50% 35%,#7a5a2a,#1a120a);border-radius:50%;width:58px;height:58px;padding:0;font-size:34px;position:relative}.hb-level{color:#1a1206;background:var(--gold-bright);border:1px solid #7a5a18;border-radius:11px;min-width:22px;height:22px;font-size:13px;line-height:20px;position:absolute;bottom:-4px;right:-4px}#herobar.dead .hb-portrait{filter:grayscale()brightness(.6)}.hb-mid{flex-direction:column;gap:3px;width:210px;display:flex}.hb-name{color:var(--gold-bright);white-space:nowrap;font-family:Cinzel,serif;font-size:13px;font-weight:800}.hb-name small{color:#ff8a7a;font-family:Alegreya Sans,sans-serif;font-weight:400}.hb-bar{background:#0e0c09;border:1px solid #3f3320;border-radius:2px;height:13px;position:relative;overflow:hidden}.hb-bar.xp{height:8px}.hb-bar i{position:absolute;inset:0 auto 0 0}.hb-bar.hp i{background:linear-gradient(#5fe85f,#1f9a2a)}.hb-bar.mp i{background:linear-gradient(#7cc0ff,#2a5fd0)}.hb-bar.xp i{background:linear-gradient(#e8b0ff,#8a3fd1)}.hb-bar span{text-align:center;text-shadow:0 1px 2px #000;font-size:10px;line-height:12px;display:block;position:relative}.hb-bar.xp span{font-size:8px;line-height:8px}.hb-skills{gap:6px;display:flex}.hb-skill{border:1px solid var(--gold);cursor:pointer;background:linear-gradient(#2e2820,#17130e);border-radius:6px;width:54px;height:54px;padding:0;font-size:28px;position:relative;overflow:hidden}.hb-skill:hover{box-shadow:0 0 10px #ffd76e99}.hb-skill.active{border-color:#6dff6d;box-shadow:0 0 12px #6eff6eb3}.hb-skill.nomana .ic{filter:hue-rotate(200deg)saturate(.4)}.hb-skill.locked .ic{filter:grayscale()brightness(.4)}.hb-skill .key{color:var(--gold-bright);text-shadow:0 1px 2px #000;font-size:11px;font-weight:700;position:absolute;top:1px;left:3px}.hb-skill .cost{color:#8cc4ff;text-shadow:0 1px 2px #000;font-size:10px;font-weight:700;position:absolute;bottom:1px;right:3px}.hb-skill .cd{pointer-events:none;background:#000000b3;height:0;position:absolute;bottom:0;left:0;right:0}.hb-skill .cdt{color:#fff;text-shadow:0 2px 3px #000;pointer-events:none;justify-content:center;align-items:center;font-size:18px;display:flex;position:absolute;inset:0}#floaters{pointer-events:none;z-index:9;position:fixed;inset:0}.floater{color:#ffd75a;text-shadow:0 2px 3px #000,0 0 6px #000;white-space:nowrap;font-size:16px;font-weight:700;animation:1.4s ease-out forwards float-up;position:absolute;transform:translate(-50%,-50%)}.floater.big{color:#fff2a0;font-family:Cinzel,serif;font-size:22px}@keyframes float-up{0%{opacity:0;margin-top:0}15%{opacity:1}to{opacity:0;margin-top:-60px}}@media (max-width:1100px){.hb-mid{width:150px}}.name-field{color:var(--muted);justify-content:center;align-items:center;gap:10px;margin-bottom:18px;display:flex}.name-field input,#create-name,#create-map,#room-map-select,.lobby-chat input,#chat-input{color:var(--text);font:inherit;background:#1a1612;border:1px solid #7a6334;border-radius:4px;padding:7px 10px}.name-field input{text-align:center;width:220px;font-size:17px}.menu-buttons{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}button.big small{color:var(--muted);font-family:Alegreya Sans,sans-serif;font-size:12px;font-weight:400}button.big.ghost{box-shadow:none;background:0 0;border-color:#6b5a36}.menu-box.wide{width:calc(100vw - 40px);max-width:1100px}.menu-box h2,.lobby h2{color:var(--gold-bright);margin:0 0 12px;font-family:Cinzel,serif}.row{justify-content:center;align-items:center;gap:10px;margin-top:14px;display:flex}.row.between{justify-content:space-between}.muted{color:var(--muted)}.small{font-size:12px}.grow{flex:1;min-width:0}.hidden{display:none!important}.tabs{justify-content:center;gap:6px;margin-bottom:14px;display:flex}.tab{font:inherit;color:var(--muted);cursor:pointer;background:#1a1612;border:1px solid #5c4a26;border-radius:4px;padding:6px 16px;font-weight:700}.tab.active{color:var(--gold-bright);border-color:var(--gold)}.map-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;display:grid}.map-card{font:inherit;color:var(--text);text-align:center;cursor:pointer;background:linear-gradient(#2e2820,#17130e);border:1px solid #5c4a26;border-radius:6px;flex-direction:column;align-items:center;gap:6px;padding:10px;display:flex}.map-card img{width:150px;height:150px;image-rendering:pixelated;border:1px solid #000}.map-card span{color:var(--muted);font-size:12px}.map-card.active{border-color:var(--gold-bright);box-shadow:0 0 14px #ffd76e73}.lobby{flex-direction:column;width:min(1100px,100vw - 32px);height:min(720px,100vh - 32px);padding:16px 20px;display:flex}.lobby-head{align-items:baseline;gap:16px;display:flex}.lobby-head h2 small{color:var(--muted);font-family:Alegreya Sans,sans-serif;font-size:14px}#lobby-status{color:var(--muted);flex:1}.lobby-body{flex:1;gap:16px;min-height:0;display:flex}#lobby-main,#lobby-room{flex-direction:column;flex:1.6;gap:14px;min-width:0;display:flex;overflow:auto}.lobby h3{color:var(--gold-bright);margin:0;font-family:Cinzel,serif}.quick,.custom{background:#00000040;border:1px solid #3f3320;border-radius:6px;padding:12px 14px}.quick .row{justify-content:flex-start}#queue-status{color:var(--gold-bright);margin-top:10px}#create-form{gap:8px;margin:10px 0;display:flex}#create-name{flex:1}.games{flex-direction:column;gap:6px;margin-top:10px;display:flex}.games .empty{text-align:center;padding:18px}.game-row,.slot-row{background:#0000004d;border:1px solid #3f3320;border-radius:4px;align-items:center;gap:10px;padding:6px 8px;display:flex}.game-row img{width:48px;height:48px;image-rendering:pixelated}.room-head{gap:14px;display:flex}.room-head img{width:140px;height:140px;image-rendering:pixelated;border:1px solid #000}.slots{flex-direction:column;gap:6px;display:flex}.swatch{border:1px solid #000;border-radius:3px;width:16px;height:16px}.slot-row .team{width:56px;color:var(--muted);font-size:13px}.lobby-chat{flex-direction:column;flex:1;gap:8px;min-width:240px;display:flex}.chat-log{-webkit-user-select:text;user-select:text;background:#00000059;border:1px solid #3f3320;border-radius:4px;flex:1;padding:8px;font-size:14px;overflow-y:auto}.chat-line{word-wrap:break-word;margin-bottom:3px}.chat-line b{color:var(--gold-bright)}.chat-line.system i{color:#9dc8ff}#game-chat{left:12px;bottom:calc(var(--bar-h) + 60px);z-index:12;pointer-events:none;width:420px;position:fixed}#chat-log .chat-line{text-shadow:0 1px 2px #000,0 0 6px #000;font-size:14px;transition:opacity 1s}#chat-log .chat-line.old{opacity:0}#chat-input{pointer-events:auto;width:100%}#waiting{border:1px solid var(--gold);color:var(--gold-bright);z-index:15;background:#0c0a08e6;border-radius:6px;padding:8px 18px;position:fixed;top:64px;left:50%;transform:translate(-50%)}body.online #gm-pause,body.online #gm-restart,body.online .options label:nth-child(2){display:none}#army-actions{gap:6px;display:flex;position:absolute;top:-46px;left:calc(100% + 8px)}#troops-btn{height:40px;color:var(--text);cursor:pointer;background:linear-gradient(#3d352b,#1a1612);border:2px solid #6b5a36;border-radius:6px;align-items:center;gap:4px;padding:0 8px;font-size:14px;font-weight:700;display:flex}#troops-btn span{font-size:20px}#troops-btn:hover,#army-btn:hover{border-color:var(--gold-bright)}#troops-btn.hidden,#army-btn.hidden{display:none}#army-btn{height:40px;color:var(--text);cursor:pointer;background:linear-gradient(#3d352b,#1a1612);border:2px solid #6b5a36;border-radius:6px;align-items:center;gap:4px;padding:0 10px 0 6px;font-size:20px;display:flex}#army-btn b{color:var(--gold-bright);font-size:17px}#army-btn[data-state=on]{border-color:#6dff6d}#army-btn[data-state=march]{border-color:#ffd24a;box-shadow:0 0 12px #ffd24a99}#army-btn[data-state=fight]{border-color:#ff5a4a;box-shadow:0 0 14px #ff5a4ab3}#army-panel{left:50%;bottom:calc(var(--bar-h) + 16px);z-index:13;width:min(760px,100vw - 24px);padding:12px 16px;position:fixed;transform:translate(-50%)}.army-head{align-items:center;gap:12px;display:flex}.army-head h3{color:var(--gold-bright);flex:1;margin:0;font-family:Cinzel,serif}.army-status{color:var(--gold-bright);margin:6px 0 10px;font-weight:700}.army-cards{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.army-card{background:#00000040;border:2px solid #4a3f2c;border-radius:8px;flex-direction:column;gap:6px;padding:10px;display:flex}.army-card.active{border-color:#6dff6d;box-shadow:0 0 10px #6dff6d40}.army-card.dim{opacity:.75}.army-card h4{color:var(--gold-bright);margin:0;font-size:15px}.army-card p{color:var(--text);flex:1;margin:0;font-size:13px;line-height:1.45}.army-card p.locked{color:#ffb08a}.army-card .tac-btn.big{padding:9px 10px;font-size:14px;font-weight:700}.army-card .tac-btn.on{color:#b8ffb8;border-color:#6dff6d}.army-stepper{vertical-align:middle;align-items:center;gap:4px;display:inline-flex}.army-foot{justify-content:space-between;margin-top:10px}.army-body{gap:14px;margin-top:10px;display:flex}@media (max-width:760px){.army-cards{grid-template-columns:1fr}}.army-left{flex-direction:column;flex:1;gap:7px;min-width:0;display:flex}.army-cat{background:#00000040;border:1px solid #3f3320;border-radius:4px;flex-wrap:wrap;align-items:center;gap:8px;padding:5px 8px;display:flex}.army-cat .dot{border-radius:50%;width:10px;height:10px}.army-cat-name{min-width:150px;font-weight:700}.army-cat-count{color:var(--gold-bright);min-width:34px}.segs{flex-wrap:wrap;gap:3px;display:flex}.seg{font:inherit;color:var(--muted);cursor:pointer;background:#1a1612;border:1px solid #5c4a26;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:700}.seg.on{color:#1a1206;background:var(--gold-bright);border-color:var(--gold-bright)}.seg.big{padding:6px 12px;font-size:14px}.army-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.army-row>span:first-child{min-width:96px;color:var(--muted);font-size:13px}.army-row.dim{opacity:.45}.army-min{text-align:center;min-width:24px;color:var(--gold-bright)}#army-preview{border:1px solid #5c4a26;border-radius:4px;flex:none;align-self:flex-start;width:230px;height:200px}.switch{font:inherit;color:var(--muted);cursor:pointer;background:#1a1612;border:1px solid #6b5a36;border-radius:14px;padding:4px 14px;font-size:13px;font-weight:700}.switch.on{color:#0e1a0b;background:#6dff6d;border-color:#6dff6d}#game[data-mode=armyAnchor]{cursor:cell}#catchup{color:var(--gold-bright);z-index:40;background:#080604bf;justify-content:center;align-items:center;font-family:Cinzel,serif;font-size:26px;display:flex;position:fixed;inset:0}#mobile-dock,#joystick,#rotate{display:none}body.touch #mobile-dock:not(.hidden){z-index:14;flex-direction:column;gap:6px;display:flex;position:fixed;top:52px;right:8px}#mobile-dock button{width:58px;height:54px;font:inherit;color:var(--text);background:linear-gradient(#3d352b,#1a1612);border:2px solid #6b5a36;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:0;display:flex}#mobile-dock button i{font-size:22px;font-style:normal;line-height:1}#mobile-dock button span{color:var(--muted);font-size:10px;font-weight:700}#mobile-dock button.on{border-color:var(--gold-bright);box-shadow:0 0 10px #ffd76e80}body.touch #joystick:not(.hidden){z-index:14;touch-action:none;background:radial-gradient(circle,#ffffff14,#00000059);border:2px solid #ffd76e73;border-radius:50%;justify-content:center;align-items:center;width:130px;height:130px;display:flex;position:fixed;bottom:18px;left:18px}#joystick .knob{pointer-events:none;background:radial-gradient(circle at 40% 35%,#ffe08a,#a87a28);border-radius:50%;width:56px;height:56px;box-shadow:0 2px 8px #000}body.touch #game{touch-action:none}body.touch #topbar{gap:10px;min-width:0;padding:3px 10px;font-size:13px;top:4px}body.touch #topbar .res{font-size:14px}body.touch #topbar .res b{min-width:28px}body.touch #tooltip{display:none!important}body.touch #message{text-align:center;max-width:70vw;font-size:15px;bottom:160px}body.touch #bottombar{height:0;padding:0}body.touch #minimap-frame{padding:3px;position:fixed;top:44px;left:6px}body.touch #minimap{width:118px;height:118px}body.touch #army-actions{display:none}body.touch #idle-btn{top:auto;bottom:-46px}body.touch #info,body.touch #commands{display:none}body.touch.sheet-tactical #info{max-height:62vh;padding:10px 12px;display:flex;position:fixed;bottom:8px;left:140px;right:76px;overflow-y:auto}body.touch.sheet-tactical #info-main{display:none}body.touch.sheet-tactical #tactical{border-left:none;flex:1;min-width:0;padding-left:0;font-size:15px}body.touch .pm{width:42px;height:42px;font-size:22px}body.touch .slot{flex-basis:30px;width:30px;height:30px}body.touch .tac-btn{padding:7px 12px;font-size:14px}body.touch.sheet-commands #info{width:calc(100vw - 488px);height:150px;padding:8px 10px;display:flex;position:fixed;bottom:8px;left:140px}body.touch.sheet-commands #tactical{display:none}body.touch.sheet-commands #commands{width:260px;height:196px;display:grid;position:fixed;bottom:8px;right:76px}body.touch .cmd{font-size:26px}body.touch .portrait{width:64px;height:64px;font-size:36px}body.touch .details .name{font-size:15px}body.touch .details .stat{font-size:12px}body.touch #herobar{padding:4px 6px;bottom:8px;left:auto;right:76px;transform:none}body.touch.sheet-commands #herobar,body.touch.sheet-tactical #herobar{display:none}body.touch .hb-mid{width:96px}body.touch .hb-name,body.touch .hb-bar.xp{display:none}body.touch .hb-skill{width:60px;height:60px}body.touch #army-panel{width:calc(100vw - 90px);top:6px;bottom:6px;left:8px;overflow-y:auto;transform:none}body.touch #game-chat{width:50vw;bottom:170px;left:140px}@media (pointer:coarse) and (orientation:portrait){#rotate{z-index:100;color:var(--gold-bright);text-align:center;background:#0b0f08;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-family:Cinzel,serif;display:flex;position:fixed;inset:0}#rotate div{font-size:64px}}@media (pointer:coarse){.help{display:none}.menu-box{padding:14px}.lobby{border-radius:0;width:100vw;height:100vh;padding:8px 10px}.lobby-body{overflow-y:auto}.lobby-chat{min-width:200px}.map-card img{width:100px;height:100px}.menu-box.wide{max-height:100vh;overflow-y:auto}}body.touch #army-panel{z-index:16}body.touch .army-cards{grid-template-columns:repeat(3,1fr)}body.touch.army-open #joystick,body.touch.army-open #herobar{display:none!important}.hb-items{flex-direction:column;grid-template-columns:repeat(2,26px);gap:3px;display:grid}.hb-item,.hb-shop{cursor:pointer;background:#14110d;border:1px solid #6b5a36;border-radius:4px;width:26px;height:26px;padding:0;font-size:15px;position:relative}.hb-item b{color:var(--gold-bright);font-size:8px;position:absolute;bottom:-2px;right:1px}.hb-item.usable{border-color:#6dff6d}.hb-shop{border-color:var(--gold)}#shop-panel{left:50%;bottom:calc(var(--bar-h) + 16px);width:min(820px,100vw - 24px);max-height:calc(100vh - var(--bar-h) - 80px);z-index:13;padding:12px 16px;position:fixed;overflow-y:auto;transform:translate(-50%)}.shop-gold{color:var(--gold-bright);font-weight:700}.shop-status{margin:6px 0 8px;font-weight:700}.shop-status .ok{color:#6dff6d}.shop-status .bad{color:#ff8a6a}.shop-rec h4{color:var(--gold-bright);margin:4px 0;font-family:Cinzel,serif;font-size:14px}.rec-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:6px;display:grid}.shop-tabs{flex-wrap:wrap;justify-content:flex-start;margin:10px 0 6px}.shop-list{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:6px;display:grid}.item-card{background:#0000004d;border:1px solid #3f3320;border-radius:4px;align-items:center;gap:8px;padding:6px 8px;display:flex}.item-card.big{border-color:#6b5a36}.item-card.poor .item-icon{filter:grayscale()}.item-icon{font-size:26px}.item-text{flex-direction:column;flex:1;min-width:0;font-size:12px;display:flex}.item-text b{color:var(--text);font-size:13px}.item-text span{color:var(--muted)}.item-text em{color:var(--gold-bright);font-style:normal}.tac-btn:disabled{opacity:.4;cursor:default}body.touch #shop-panel{z-index:16;width:calc(100vw - 90px);max-height:none;top:6px;bottom:6px;left:8px;transform:none}body.touch.shop-open #joystick,body.touch.shop-open #herobar{display:none!important}body.touch .hb-item,body.touch .hb-shop{width:34px;height:34px;font-size:19px}body.touch .hb-items{grid-template-columns:repeat(2,34px)}.home-wrap{flex-direction:column;gap:14px;width:min(1120px,100vw - 32px);max-height:calc(100vh - 24px);display:flex;overflow-y:auto}.home-head{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.home-head h1{letter-spacing:3px;background:linear-gradient(#fff2c0,#d9a73a 55%,#8a5a18);color:#0000;filter:drop-shadow(0 4px 6px #000);-webkit-background-clip:text;background-clip:text;margin:0;font-family:Cinzel,serif;font-size:64px;font-weight:800}.home-head .name-field{margin:0}#home-status{margin-left:auto}.home-body{gap:16px;min-height:0;display:flex}.home-modes{flex:1.7;grid-template-columns:1fr 1fr;align-content:start;gap:10px;display:grid}.mode{text-align:left;font:inherit;color:var(--text);cursor:pointer;background:linear-gradient(#3d352b,#1a1612);border:2px solid #7a6334;border-radius:8px;grid-template-rows:auto auto;grid-template-columns:52px 1fr;align-items:center;column-gap:12px;padding:16px 18px;display:grid;position:relative;box-shadow:inset 0 0 18px #0009}button.mode:hover{border-color:var(--gold-bright);box-shadow:inset 0 0 18px #0009,0 0 18px #ffd76e59}.mode i{grid-row:span 2;font-size:40px;font-style:normal}.mode b{color:var(--gold-bright);font-family:Cinzel,serif;font-size:22px}.mode span{color:var(--muted);font-size:14px}.mode em{color:#6dff6d;font-size:12px;font-style:normal;font-weight:700;position:absolute;top:8px;right:10px}.mode.primary{border-color:var(--gold);background:linear-gradient(#6a5128,#2a1f10);grid-column:span 2;padding:24px 22px}.mode.primary b{font-size:34px}.mode.primary i{font-size:52px}.home-modes{position:relative}.lonely{z-index:5;color:#fff;background:linear-gradient(#8a1f17,#4a0e0a);border:2px solid #ff5a4a;border-radius:8px;flex-direction:column;gap:6px;width:min(460px,94%);padding:12px 14px;animation:.2s ease-out lonely-in;display:flex;position:absolute;top:8px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #0009}.lonely.hidden{display:none}.lonely span{color:#ffd9d2;font-size:14px}.lonely div{flex-wrap:wrap;gap:6px;display:flex}.lonely button{font:inherit;color:#fff;cursor:pointer;background:#00000059;border:1px solid #ff9a8a;border-radius:5px;padding:6px 10px;font-size:13px;font-weight:700}.lonely button.ghost{border-color:#0000;text-decoration:underline}@keyframes lonely-in{0%{opacity:0;transform:translate(-50%,-6px)}}.mode.wide{grid-column:span 2}.mode.small{padding:10px 14px}.mode.small b{font-size:17px}.mode.soon{cursor:default;opacity:.55;filter:grayscale(.6)}.mode.soon em{color:#ff9a6a}.home-social{background:#0000004d;border:1px solid #3f3320;border-radius:8px;flex-direction:column;flex:1;gap:6px;min-width:260px;padding:10px 12px;display:flex}.home-social h3{color:var(--gold-bright);margin:4px 0 2px;font-family:Cinzel,serif;font-size:15px}#home-online{max-height:150px;margin:0;padding:0;font-size:14px;list-style:none;overflow-y:auto}#home-online li{border-bottom:1px solid #ffffff0a;justify-content:space-between;padding:2px 0;display:flex}#home-online .st{color:var(--muted);font-size:12px}#home-online .st.jogando{color:#ff9a6a}#home-online .st.fila,#home-online .st.sala{color:#ffd24a}#home-online .st.treino{color:#8cc4ff}#home-chat{flex:none;height:190px}#home-chat-input{color:var(--text);font:inherit;background:#1a1612;border:1px solid #7a6334;border-radius:4px;padding:7px 10px}details.help{color:var(--muted);margin-top:0;font-size:14px}details.help summary{cursor:pointer;color:var(--gold)}details.help div{margin-top:5px}.training{max-width:980px}.tr-body{text-align:left;gap:18px;display:flex}.tr-map{flex-direction:column;gap:6px;width:190px;display:flex}.tr-map img{width:170px;height:170px;image-rendering:pixelated;border:1px solid #000}.tr-map select{color:var(--text);font:inherit;background:#1a1612;border:1px solid #7a6334;border-radius:4px;padding:6px}.tr-right{flex-direction:column;flex:1;gap:12px;display:flex}.tr-teams{align-items:flex-start;gap:12px;display:flex}.tr-team{flex-direction:column;flex:1;gap:6px;display:flex}.tr-team h4{color:var(--gold-bright);margin:0;font-family:Cinzel,serif}.tr-vs{color:#c8452a;align-self:center;font-family:Cinzel,serif;font-size:26px}.warn{border-radius:6px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;font-weight:700;display:flex}.warn.red{color:#ffd0c8;background:#c8322840;border:1px solid #d8392b}.warn.yellow{color:#fff0b0;background:#c8aa2826;border:1px solid #a8862a}@media (max-width:900px),(pointer:coarse){.home-head h1{font-size:40px}.home-body{flex-direction:column}.home-modes{grid-template-columns:1fr 1fr}.mode{padding:10px 12px}.mode.primary{padding:14px}.mode.primary b{font-size:26px}#home-chat{height:120px}.tr-body{flex-direction:column}.tr-map{flex-flow:wrap;width:auto}.tr-map img{width:110px;height:110px}}body:not(.in-game) #topbar,body:not(.in-game) #bottombar,body:not(.in-game) #herobar,body:not(.in-game) #mobile-dock,body:not(.in-game) #joystick{display:none!important}.item-card.compact{text-align:center;flex-direction:column;gap:4px}.item-card.compact .item-text{align-items:center}.item-card.compact .item-icon{font-size:30px}.rec-row{grid-template-columns:repeat(4,1fr)}svg.ic{vertical-align:-.32em;filter:drop-shadow(0 1px #00000073);flex:none;width:1.35em;height:1.35em;display:inline-block}.ic-slot{justify-content:center;align-items:center;font-style:normal;line-height:1;display:inline-flex}.ic-slot svg.ic{vertical-align:0;width:1.25em;height:1.25em}.mode .ic-slot svg.ic,.crest svg.ic{width:1em;height:1em}.overlay.home{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 382 120' preserveAspectRatio='none'%3E%3Cpath fill='%23142410' d='M0 120V70l14-30 12 30 10-48 16 48 10-26 12 26 14-56 18 56 10-34 12 34 16-62 18 62 10-28 12 28 14-44 16 44 12-36 12 36 16-58 18 58 10-24 12 24 14-50 16 50 12-32 12 32 16-60 18 60V120z'/%3E%3C/svg%3E") bottom/100% 34vh no-repeat,radial-gradient(at 50% -10%,#a6d05a38,#0000 55%),radial-gradient(at 50% 120%,#d29f3229,#0000 50%),linear-gradient(#1b2a10,#0e1709 60%,#070b04)}.home-wrap{background:radial-gradient(circle at 11px 11px,#ecd59a 0 2px,#6b5124 2.4px,#1c1006 3.2px 3.9px,#0000 4.3px),radial-gradient(circle at calc(100% - 11px) 11px,#ecd59a 0 2px,#6b5124 2.4px,#1c1006 3.2px 3.9px,#0000 4.3px),radial-gradient(circle at 11px calc(100% - 11px),#ecd59a 0 2px,#6b5124 2.4px,#1c1006 3.2px 3.9px,#0000 4.3px),radial-gradient(circle at calc(100% - 11px) calc(100% - 11px),#ecd59a 0 2px,#6b5124 2.4px,#1c1006 3.2px 3.9px,#0000 4.3px),repeating-linear-gradient(0deg,#0000 0 62px,#00000080 62px 64px,#ffdca00f 64px 65px),repeating-linear-gradient(90deg,#ffe6b408 0 2px,#0000 2px 11px,#0000000f 11px 13px,#0000 13px 29px),linear-gradient(#6e4624,#4d2f17 55%,#3a2310);border:3px solid #1c1006;border-radius:10px;padding:20px 24px 16px;position:relative;box-shadow:0 0 0 2px #d29f32,0 0 0 5px #1c1006,0 20px 60px #000000d9,inset 0 0 70px #0000008c}.home .logo{align-items:center;gap:12px;display:flex}.home .crest{filter:drop-shadow(0 4px 4px #000000b3);height:96px}.home-head h1{letter-spacing:2px;background:linear-gradient(#fff3b8,#f0c24c 45%,#a8711a 75%,#6d4610);color:#0000;filter:drop-shadow(0 3px #1c1006)drop-shadow(0 6px 8px #000c);-webkit-background-clip:text;background-clip:text;font-family:New Rocker,Cinzel,serif;font-size:76px;font-weight:400;line-height:.9}.home .tagline{letter-spacing:1px;color:var(--green-bright);text-shadow:0 2px #1c1006;margin-top:2px;font-family:New Rocker,serif;font-size:17px;display:block}.home-head .name-field input{color:#f6e3b0;background:#2a170a;border:2px solid #8f6418;box-shadow:inset 0 2px 6px #000000b3}.home #home-status{color:#e6d3a0;text-shadow:0 1px #000}.home .mode{background:radial-gradient(circle at 11px 11px,#ecd59a 0 2px,#6b5124 2.4px,#1c1006 3.2px 3.9px,#0000 4.3px),radial-gradient(circle at calc(100% - 11px) 11px,#ecd59a 0 2px,#6b5124 2.4px,#1c1006 3.2px 3.9px,#0000 4.3px),radial-gradient(circle at 11px calc(100% - 11px),#ecd59a 0 2px,#6b5124 2.4px,#1c1006 3.2px 3.9px,#0000 4.3px),radial-gradient(circle at calc(100% - 11px) calc(100% - 11px),#ecd59a 0 2px,#6b5124 2.4px,#1c1006 3.2px 3.9px,#0000 4.3px),repeating-linear-gradient(90deg,#ffe6b409 0 2px,#0000 2px 14px,#00000012 14px 16px,#0000 16px 31px),linear-gradient(#5c3b1d,#3d2512);border:2px solid #1c1006;transition:transform .12s,box-shadow .12s;box-shadow:inset 0 0 0 1px #f6d66e52,inset 0 -14px 22px #0006,0 5px 12px #0009}.home .mode i{filter:drop-shadow(0 3px 2px #0009)}.home .mode b{letter-spacing:.5px;color:#f6d66e;text-shadow:0 2px #1c1006;font-family:New Rocker,Cinzel,serif;font-weight:400}.home .mode span{color:#e3cc98}.home button.mode:hover{box-shadow:inset 0 0 0 2px var(--green-bright), inset 0 -14px 22px #00000059, 0 0 18px #a6d05a73, 0 8px 16px #0009;border-color:#1c1006;transform:translateY(-2px)}.home .mode.primary b{color:#ffe58a;text-shadow:0 3px #1c1006,0 0 18px #ffdc7859;font-size:50px}.home .mode.primary span{color:#eaf5cf}.home .mode.primary i{font-size:58px}.home .mode.soon{opacity:.72;filter:grayscale(.55)brightness(.85)}.home .mode em,.home .mode.soon em{color:#4a2d12;background:#ead8a6;border:1px solid #1c1006;border-radius:2px;padding:2px 8px;font-size:11px;top:9px;right:12px;transform:rotate(4deg);box-shadow:0 2px 3px #00000080}.home .mode em:empty{display:none}.home-social{background:repeating-linear-gradient(90deg,#ffe6b406 0 2px,#0000 2px 14px),linear-gradient(#1c1006bf,#140c04d9);border:2px solid #1c1006;box-shadow:inset 0 0 0 1px #f6d66e4d,inset 0 0 24px #0009}.home-social h3{color:var(--green-bright);text-shadow:0 2px #1c1006;font-family:New Rocker,Cinzel,serif;font-size:19px;font-weight:400}.home #home-chat{background:#0a060299;border-color:#5a3a1c}.home #home-chat-input{background:#2a170a;border:2px solid #8f6418}.home details.help summary{color:#f6d66e}.home details.help{color:#e3cc98}.home-wrap>*{flex-shrink:0}@media (max-height:560px),(max-width:700px){.home-wrap{padding:12px 14px 10px}.home .crest{height:58px}.home-head h1{font-size:44px}.home .tagline{font-size:13px}.home .mode.primary b{font-size:34px}.home .mode.primary i{font-size:40px}}#sp.overlay,#lobby.overlay{background:radial-gradient(at 50% -10%,#a6d05a2e,#0000 55%),linear-gradient(#14220cf0,#060a03f7)}.overlay .menu-box.panel,.overlay .lobby.panel{background:radial-gradient(circle at 11px 11px,#ecd59a 0 2px,#6b5124 2.4px,#1c1006 3.2px 3.9px,#0000 4.3px),radial-gradient(circle at calc(100% - 11px) 11px,#ecd59a 0 2px,#6b5124 2.4px,#1c1006 3.2px 3.9px,#0000 4.3px),radial-gradient(circle at 11px calc(100% - 11px),#ecd59a 0 2px,#6b5124 2.4px,#1c1006 3.2px 3.9px,#0000 4.3px),radial-gradient(circle at calc(100% - 11px) calc(100% - 11px),#ecd59a 0 2px,#6b5124 2.4px,#1c1006 3.2px 3.9px,#0000 4.3px),repeating-linear-gradient(0deg,#0000 0 62px,#00000073 62px 64px,#ffdca00d 64px 65px),repeating-linear-gradient(90deg,#ffe6b408 0 2px,#0000 2px 11px,#0000000f 11px 13px,#0000 13px 29px),linear-gradient(#5e3c1e,#432914 55%,#33200f);border:3px solid #1c1006;border-radius:10px;box-shadow:0 0 0 2px #d29f32,0 0 0 5px #1c1006,0 20px 60px #000000d9,inset 0 0 60px #00000080}.menu-box h2,.lobby h2{letter-spacing:1px;color:#f6d66e;text-shadow:0 3px #1c1006;font-family:New Rocker,Cinzel,serif;font-size:34px;font-weight:400}.lobby h3,.menu-box h3,.menu-box h4{color:var(--green-bright)}#place-hint{z-index:12;color:#f6e7bd;text-align:center;pointer-events:none;background:linear-gradient(#355a1df2,#1f3d0ef2);border:2px solid #1c1006;border-radius:6px;max-width:min(620px,100vw - 32px);padding:9px 16px;font-size:15px;animation:.2s ease-out lonely-in;position:fixed;top:64px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #f6d66e80,0 6px 16px #0009}#place-hint.hidden{display:none}#place-hint b{color:#ffe58a}#place-hint kbd{font:inherit;color:#2a170a;background:#f0d79a;border:1px solid #1c1006;border-bottom-width:3px;border-radius:4px;padding:1px 6px;font-weight:700}.home{--slat:28px}.home .mode{background:radial-gradient(circle at 13px 50%, #ecd59a 0 1.8px, #6b5124 2.2px, #1c1006 2.9px 3.5px, transparent 3.9px) 0 0 / 100% var(--slat) repeat-y, radial-gradient(circle at calc(100% - 13px) 50%, #ecd59a 0 1.8px, #6b5124 2.2px, #1c1006 2.9px 3.5px, transparent 3.9px) 0 0 / 100% var(--slat) repeat-y, repeating-linear-gradient(180deg, transparent 0 calc(var(--slat) - 3px), #0009 calc(var(--slat) - 3px) calc(var(--slat) - 1px), #ffdca01a calc(var(--slat) - 1px) var(--slat)), repeating-linear-gradient(180deg, #ffe6b40a 0 1px, transparent 1px 5px, #0000000d 5px 6px, transparent 6px 9px), repeating-linear-gradient(180deg, #5f3d1d 0 var(--slat), #553517 var(--slat) calc(var(--slat) * 2), #65421f calc(var(--slat) * 2) calc(var(--slat) * 3), #4f3215 calc(var(--slat) * 3) calc(var(--slat) * 4));background-size:100% var(--slat), 100% var(--slat), auto, auto, auto;border:2px solid #1c1006;border-radius:3px}.home .mode.primary{background:radial-gradient(circle at 13px 50%, #ecd59a 0 1.8px, #6b5124 2.2px, #1c1006 2.9px 3.5px, transparent 3.9px) 0 0 / 100% var(--slat) repeat-y, radial-gradient(circle at calc(100% - 13px) 50%, #ecd59a 0 1.8px, #6b5124 2.2px, #1c1006 2.9px 3.5px, transparent 3.9px) 0 0 / 100% var(--slat) repeat-y, repeating-linear-gradient(180deg, transparent 0 calc(var(--slat) - 3px), #0000008c calc(var(--slat) - 3px) calc(var(--slat) - 1px), #dcffaa1f calc(var(--slat) - 1px) var(--slat)), radial-gradient(ellipse at 18% 30%, #7a52288c, transparent 22%), radial-gradient(ellipse at 82% 75%, #7a522873, transparent 18%), radial-gradient(ellipse at 60% 10%, #7a522859, transparent 14%), repeating-linear-gradient(180deg, #ffffff0a 0 1px, transparent 1px 6px), repeating-linear-gradient(180deg, #5f9634 0 var(--slat), #568a2e var(--slat) calc(var(--slat) * 2), #64a039 calc(var(--slat) * 2) calc(var(--slat) * 3), #4f8029 calc(var(--slat) * 3) calc(var(--slat) * 4));background-size:100% var(--slat), 100% var(--slat), auto, auto, auto, auto, auto, auto;border:3px solid #1c1006}.home .mode b,.home .mode span,.home .mode i{z-index:1;position:relative}.home .mode span{text-shadow:0 1px #1c1006}.home-wrap,.overlay .menu-box.panel,.overlay .lobby.panel{background:url(../textures/nail.png) 4px 4px/22px 28px no-repeat,url(../textures/nail.png) calc(100% - 4px) 4px/22px 28px no-repeat,url(../textures/nail.png) 4px calc(100% - 4px)/22px 28px no-repeat,url(../textures/nail.png) calc(100% - 4px) calc(100% - 4px)/22px 28px no-repeat,radial-gradient(at 50% 40%,#0000 40%,#00000073 100%),url(../textures/wood-board.webp) 50%/cover}.home .mode{background:url(../textures/nail.png) 4px 0/22px 28px repeat-y,url(../textures/nail.png) calc(100% - 4px) 0/22px 28px repeat-y,linear-gradient(#ffe6be0f,#00000040),url(../textures/wood-slats.webp);border:2px solid #120a03;box-shadow:inset 0 1px #ffe1aa2e,inset 0 -10px 18px #00000059,0 5px 10px #000000a6}.home .mode:nth-child(2){background-position:4px 0,calc(100% - 4px) 0,0 0,-300px -56px}.home .mode:nth-child(3){background-position:4px 0,calc(100% - 4px) 0,0 0,-620px -28px}.home .mode:nth-child(4){background-position:4px 0,calc(100% - 4px) 0,0 0,-150px -112px}.home .mode:nth-child(5){background-position:4px 0,calc(100% - 4px) 0,0 0,-480px -84px}.home .mode:nth-child(6){background-position:4px 0,calc(100% - 4px) 0,0 0,-760px -140px}.home .mode.primary{background:url(../textures/nail.png) 4px 0/22px 28px repeat-y,url(../textures/nail.png) calc(100% - 4px) 0/22px 28px repeat-y,linear-gradient(#fff5c81a,#00000038),url(../textures/wood-slats-green.webp) -120px 0;border:3px solid #120a03;box-shadow:inset 0 0 0 1px #f0c24c8c,inset 0 -14px 24px #00000059,0 6px 14px #000000b3}.home .mode.primary:hover{box-shadow:inset 0 0 0 2px #fff0b0,inset 0 -14px 24px #0000004d,0 0 26px #f0c24c8c,0 8px 18px #000000b3}.home .mode b{text-shadow:0 2px #120a03,0 0 8px #0009}.home .mode span{color:#f0dfb8;text-shadow:0 1px #120a03,0 0 6px #000c}.home .mode em,.home .mode.soon em{color:#4a2d12;background:url(../textures/paper.webp) 50%/cover;border:1px solid #28180899;box-shadow:0 2px 4px #0009}.home-social{background:linear-gradient(#0e0803b8,#0a0602d1),url(../textures/wood-slats.webp) -200px 0;border:2px solid #120a03}.overlay.home,#sp.overlay,#lobby.overlay{background:radial-gradient(at 50% 55%,#0000 35%,#0000008c 100%),#0b1207 url(../textures/bg-forest.webp) bottom/cover}.home-wrap,.overlay .menu-box.panel,.overlay .lobby.panel{border:3px solid #120a03;box-shadow:0 0 0 2px #8a6a2c,0 0 0 3px #3a2a10,0 0 0 6px #120a03,0 24px 70px #000000e6,inset 0 0 80px #0000008c}.queue .q-more{color:var(--gold-bright);align-self:center;margin-left:4px;font-weight:700}#profile.overlay{background:radial-gradient(at 50% 55%,#0000 35%,#0000008c 100%),#0b1207 url(../textures/bg-forest.webp) bottom/cover}.pf{text-align:left;width:min(980px,100vw - 24px);max-height:calc(100vh - 40px);overflow-y:auto}.pf-head{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.pf-head h2{flex:1;margin:0}#pf-form{gap:6px;display:flex}#pf-name{font:inherit;color:#f6e3b0;background:#2a170a;border:2px solid #8f6418;border-radius:4px;padding:7px 10px}#pf-summary h3{color:#f6d66e;text-shadow:0 2px #120a03;margin:14px 0 6px;font-family:New Rocker,Cinzel,serif;font-size:26px;font-weight:400}.pf-cards{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-bottom:12px;display:grid}.pf-card{background:#0e080399;border:1px solid #5a3a1c;border-radius:4px;padding:8px 10px}.pf-card b{color:#f6d66e;font-size:20px;display:block}.pf-card b small{color:#c9b48a;font-size:13px}.pf-card span{color:#c9b48a;font-size:12px}.pf-match{cursor:pointer;background:#0e08038c;border:1px solid #4a3218;border-radius:4px;margin-bottom:6px}.pf-match:hover{border-color:#8f6418}.pf-row{grid-template-columns:90px 1.2fr 2fr 60px;align-items:center;gap:10px;padding:8px 10px;display:grid}.pf-row em{text-align:center;border-radius:3px;padding:3px 6px;font-style:normal;font-weight:700}.pf-row em.win{color:#1c1006;background:#a6d05a}.pf-row em.loss{color:#fff;background:#8a2a1a}.pf-row em.left{color:#e3cc98;background:#4a3218}.pf-what b{color:#f0dfb8;display:block}.pf-what small,.pf-vs{color:#c9b48a;font-size:13px}.pf-dur{text-align:right;color:#f6d66e;font-weight:700}.pf-detail{color:#efe2c0;flex-wrap:wrap;gap:6px 16px;padding:0 10px 10px 110px;font-size:13px;display:none}.pf-match.open .pf-detail{display:flex}@media (max-width:700px){.pf-row{grid-template-columns:70px 1fr 50px}.pf-vs{display:none}.pf-detail{padding-left:10px}}.reroll-name{cursor:pointer;background:#2a170a;border:2px solid #8f6418;border-radius:4px;width:34px;height:34px;margin-left:-4px;padding:4px}.reroll-name:hover{border-color:#e9b840}.reroll-name .ic{width:100%;height:100%}