: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;--surface-1:#17130f;--surface-2:#221d18;--surface-3:#2a241d;--line:#3a3128;--line-strong:#5a4a33;--text-2:#c2b391;--text-3:#8f8268;--action:#4a7a2a;--p0-text:#8fb4ff;--p1-text:#ff8a75}*{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}#game.over-lever{cursor:pointer}#selbox{pointer-events:none;z-index:5;background:#5dff5d14;border:1.5px solid #5dff5d;display:none;position:fixed}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,#paused.hidden{display:none}.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)}#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}}.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,#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}.menu-box.wide{width:calc(100vw - 40px);max-width:1100px}.menu-box 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}#create-form{gap:8px;margin:10px 0;display:flex}#create-name{flex:1}.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}.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{transition:opacity 1.2s}#chat-log.faded{opacity:0}#chat-log .chat-line{color:#fff;text-shadow:0 1px 2px #000,0 0 6px #000,0 0 2px #000;font-size:15px;line-height:1.35}#chat-log .chat-line.amigo{color:#74bdff}#chat-log .chat-line.sistema{color:#d8cdb0}#chat-input{pointer-events:auto;width:100%}body.online #gm-pause,body.online #btn-pause,body.online #gm-restart,body.online .options label:nth-child(2){display:none}#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}#rotate{display:none}body.touch #army-panel{width:calc(100vw - 90px);top:6px;bottom:6px;left:8px;overflow-y:auto;transform:none}@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){.menu-box{padding:14px}.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)}#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-card.owned{opacity:.45;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}body.touch #shop-panel{z-index:16;width:calc(100vw - 90px);max-height:none;top:6px;bottom:6px;left:8px;transform:none}@keyframes lonely-in{0%{opacity:0;transform:translate(-50%,-6px)}}#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}.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}body:not(.in-game) #topbar,body:not(.in-game) #td-bar,body:not(.in-game) #bottombar,body:not(.in-game) #herobar,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}.menu-box h2{letter-spacing:1px;color:#f6d66e;text-shadow:0 3px #1c1006;font-family:New Rocker,Cinzel,serif;font-size:34px;font-weight:400}.menu-box h3,.menu-box h4{color:var(--green-bright)}#place-hint{z-index:12;pointer-events:none;max-width:min(620px,100vw - 32px);position:fixed;top:64px;left:50%;transform:translate(-50%)}#place-hint.hidden{display:none}#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}.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%}.login-btn{cursor:pointer;border:2px solid #1c1006;border-radius:6px;padding:12px 16px;font-family:inherit;font-size:17px;font-weight:700;line-height:1.2;box-shadow:0 3px #1c1006,0 6px 12px #00000080}.login-btn:hover:not(:disabled){filter:brightness(1.08)}.login-btn:disabled{opacity:.45;cursor:not-allowed}.login-btn.google{color:#1f1f1f;background:#fff}.login-btn.discord{color:#fff;background:#5865f2}.login-btn.small{padding:6px 10px;font-size:14px}.home-account{align-items:center;gap:8px;display:flex}.acc-kind{color:#f6e3b0;background:#2a170a;border:1px solid #8f6418;border-radius:10px;padding:2px 8px;font-size:13px}.acc-kind.google{border-color:#fff}.acc-kind.discord{border-color:#5865f2}.home-social h3.with-btn{align-items:center;gap:8px;display:flex}.home-social h3.with-btn .tac-btn{margin-left:auto}.tac-btn.small{padding:3px 8px;font-size:12px}.home-social ul li,.invite-box ul li{align-items:center;gap:6px;display:flex}.home-social .acts{gap:4px;margin-left:6px;display:flex}.home-social ul li .st{margin-left:auto}.home-social ul.friends{margin:0 0 6px;padding:0;list-style:none}.friends .dot,.invite-box .dot{background:#6b6355;border-radius:50%;flex:none;width:8px;height:8px}.friends li.on .dot,.invite-box li.on .dot{background:#a6d05a;box-shadow:0 0 6px #a6d05a}.friends li.off b,.st.off{color:var(--muted)}.party-bar{color:#f6e3b0;background:#5f91342e;border:1px solid #5f9134;border-radius:6px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;padding:8px 10px;display:flex}.party-bar>span:first-child{flex:1}.invite-overlay{z-index:60;background:#0009}.invite-box{flex-direction:column;gap:10px;width:min(640px,100vw - 32px);max-height:min(560px,100vh - 40px);padding:16px 18px;display:flex}.invite-box h3{margin:0}.invite-cols{grid-template-columns:1fr 1fr;gap:14px;min-height:0;display:grid;overflow:auto}.invite-cols section{min-width:0}.invite-cols h4{color:var(--green-bright,#a6d05a);margin:0 0 6px}.invite-cols ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.invite-cols li b{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.invite-box #invite-close{align-self:flex-end}@media (max-width:560px){.invite-cols{grid-template-columns:1fr}}#toasts{z-index:80;pointer-events:none;flex-direction:column;gap:8px;max-width:min(340px,100vw - 32px);display:flex;position:fixed;top:16px;right:16px}.toast{pointer-events:auto;color:#f6e3b0;background:#2a170a;border:2px solid #d29f32;border-radius:6px;padding:10px 12px;box-shadow:0 8px 20px #0009}.toast-btns{gap:6px;margin-top:8px;display:flex}#place-bar{display:none}body.touch.placing #place-bar{top:calc(env(safe-area-inset-top,0px) + 44px);z-index:40;color:#f6e3b0;background:#1c1006d9;border:1px solid #d29f32;border-radius:8px;align-items:center;gap:10px;max-width:calc(100vw - 32px);padding:6px 8px 6px 12px;font-size:13px;display:flex;position:fixed;left:50%;transform:translate(-50%)}body.touch.placing #place-bar .tac-btn{padding:8px 14px;font-size:15px}.name-form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.name-form input{color:#f6e3b0;font:inherit;background:#2a170a;border:2px solid #8f6418;border-radius:4px;padding:7px 10px;font-size:17px}.name-msg{color:#ffb38a;min-height:1.2em;margin:0}.name-msg.ok{color:#a6d05a}.name-pick{z-index:75;background:#000000b3}.name-pick-box{flex-direction:column;gap:12px;width:min(520px,100vw - 32px);padding:20px 22px;display:flex}.name-pick-box h2{margin:0}.avatar{--s:26px;width:var(--s);height:var(--s);border:2px solid #d29f32;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex;overflow:hidden;box-shadow:0 0 0 2px #1c1006,inset 0 -4px 8px #00000059}.avatar .ic{width:74%;height:74%}.avatar.small{--s:20px;box-shadow:none;border-width:1px}.avatar.big{--s:46px}.who{cursor:default;align-items:center;gap:6px;min-width:0;display:inline-flex}.who b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.win{color:#a6d05a}.loss{color:#ff8a6a}em.soon{color:#d8c69a;background:#3a2a12;border-radius:8px;padding:1px 6px;font-size:11px;font-style:normal}.player-card{z-index:90;color:#f6e3b0;pointer-events:none;background:linear-gradient(#2a170a,#1c1006);border:2px solid #d29f32;border-radius:10px;width:220px;padding:10px 12px;position:fixed;box-shadow:0 10px 24px #000000b3}.pc-head{align-items:center;gap:10px;margin-bottom:8px;display:flex}.pc-head b{color:#f6d66e;font-size:16px}.pc-row{border-top:1px solid #8f641866;justify-content:space-between;gap:8px;padding:3px 0;font-size:14px;display:flex}.pc-row i{font-style:normal}.pc-row.shown b{color:#f6d66e}.player-card p{margin:0}.avatar img{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%;transform:scale(1.12)}.who.real b,b.real{color:#a6d05a}.who.guest b,b.guest{color:#ff9f43}.guest-tag{color:#ffb36b;text-transform:uppercase;letter-spacing:.4px;background:#ff9f432e;border:1px solid #ff9f43;border-radius:6px;margin-left:4px;padding:0 5px;font-size:12px;font-style:normal;font-weight:700}.toast.guest-notice{border-color:#ff9f43}*{scrollbar-width:thin;scrollbar-color:#8f6418 #0a06028c}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0a06028c;border-radius:8px}::-webkit-scrollbar-thumb{background:linear-gradient(#a26c17,#6d4610);border:1px solid #1c1006;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#d29f32,#8f6418)}::-webkit-scrollbar-corner{background:0 0}#home-online{flex:auto;min-height:48px;max-height:none;padding-right:4px;overflow-y:auto}.home-social ul.friends{flex:0 auto;max-height:30%;padding-right:4px;overflow-y:auto}.name-menu{z-index:95;background:linear-gradient(#2a170a,#1c1006);border:2px solid #d29f32;border-radius:8px;flex-direction:column;min-width:190px;padding:6px;display:flex;position:fixed;box-shadow:0 10px 24px #000000b3}.name-menu .nm-title{color:#f6d66e;border-bottom:1px solid #8f641880;margin-bottom:4px;padding:4px 8px 6px;font-weight:700}.name-menu button{color:#f6e3b0;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:6px 8px}.name-menu button:hover:not(:disabled){background:#d29f3233}.name-menu button:disabled{opacity:.45;cursor:default}.who{cursor:pointer}.friend-star{color:#f0c24c}.bio-form{flex-direction:column;gap:6px;margin-top:10px;display:flex}.bio-form textarea{resize:vertical;color:#f6e3b0;font:inherit;background:#2a170a;border:2px solid #8f6418;border-radius:4px;padding:7px 10px}.tut{z-index:85;pointer-events:none;position:fixed;inset:0}.tut.dim-all{background:#0000009e}.tut-hole{transition:left .15s,top .15s,width .15s,height .15s;animation:1.4s ease-in-out infinite tut-pulse;display:none;position:fixed;box-shadow:0 0 0 9999px #0000009e,0 0 0 3px #f0c24c,0 0 24px 6px #f0c24c99}@keyframes tut-pulse{50%{box-shadow:0 0 0 9999px #0000009e,0 0 0 3px #f6d66e,0 0 34px 10px #f0c24ccc}}.tut-bubble{color:#f6e3b0;pointer-events:auto;background:linear-gradient(#3a2410,#1c1006);border:2px solid #d29f32;border-radius:10px;max-width:min(380px,100vw - 32px);padding:12px 14px;font-size:15px;line-height:1.4;position:fixed;box-shadow:0 12px 28px #000000b3}.tut-bubble .tac-btn{margin-top:10px}.tut-bubble kbd{border:1px solid #8f6418;border-radius:3px;padding:0 4px}.tut-count{float:right;color:#a6d05a;margin-left:8px;font-size:12px}.tut-skip{pointer-events:auto;color:#f6e3b0;font:inherit;cursor:pointer;background:#1c1006e6;border:2px solid #d29f32;border-radius:8px;padding:8px 14px;font-weight:700;position:fixed;top:14px;right:14px}.tut-skip:hover{background:#3a2410}.dm{z-index:70;background:linear-gradient(#1e1208f7,#0e0803fa);border:2px solid #8f6418;border-radius:8px;flex-direction:column;width:min(340px,100vw - 32px);height:min(400px,100vh - 32px);padding:10px 12px;display:flex;position:fixed;bottom:16px;right:16px;box-shadow:0 10px 30px #000000b3}.dm.hidden{display:none}.dm-head{border-bottom:1px solid #5a3a1c;justify-content:space-between;align-items:center;gap:8px;padding-bottom:6px;display:flex}.dm-head b{color:var(--gold-bright);text-overflow:ellipsis;white-space:nowrap;font-family:Cinzel,serif;overflow:hidden}.dm-log{flex-direction:column;flex:1;gap:6px;min-height:0;padding:8px 2px;display:flex;overflow-y:auto}.dm-line{overflow-wrap:anywhere;border-radius:8px;flex-direction:column;max-width:85%;padding:6px 9px;font-size:14px;line-height:1.3;display:flex}.dm-line small{opacity:.6;align-self:flex-end;font-size:10px}.dm-line.theirs{color:var(--text);background:#3a2a18;align-self:flex-start}.dm-line.mine{color:#fff;background:#4752c4;align-self:flex-end}.dm-line.system{color:#ffb08a;align-self:center;max-width:100%;font-size:12px}.dm-form input{box-sizing:border-box;width:100%;color:var(--text);font:inherit;background:#2a170a;border:2px solid #8f6418;border-radius:4px;padding:7px 10px}.dm-badge{color:#fff;text-align:center;cursor:pointer;background:#d33;border:none;border-radius:9px;min-width:18px;margin-left:6px;padding:0 5px;font:700 11px/18px inherit;display:inline-block}.party-hint{color:#e3cc98;flex-basis:100%}#queue-party-hint{margin:6px 0 0}#battle{pointer-events:none;z-index:10;background:#0c0a08d1;border:1px solid #7a6334;border-radius:6px;grid-template-columns:auto auto auto;align-items:center;gap:2px 12px;padding:5px 14px 7px;font-size:15px;display:grid;position:fixed;top:58px;left:50%;transform:translate(-50%);box-shadow:0 3px 10px #0009}#battle.hidden{display:none}#battle .b-side b{vertical-align:-2px;font-family:Cinzel,serif;font-size:22px}#battle .us{color:#8fe07a;text-align:right}#battle .them{color:#ff7a6a}#battle .b-vs .ic{vertical-align:-4px;width:20px;height:20px}#battle .b-bar{background:#c0302a;border-radius:3px;grid-column:1/-1;height:6px;overflow:hidden}#battle .b-bar i{background:#4fbf3f;width:50%;height:100%;transition:width .25s;display:block}#battle-end{cursor:pointer;z-index:10;min-width:190px;padding:9px 14px 10px;font-size:15px;animation:10s linear forwards battle-end;position:fixed;top:58px;right:12px}#battle-end.hidden{display:none}#battle-end .be-title{color:var(--gold-bright);margin-bottom:4px;font-family:Cinzel,serif;font-weight:800}#battle-end .be-title .ic{vertical-align:-3px;width:18px;height:18px}#battle-end .be-row b{min-width:28px;font-family:Cinzel,serif;font-size:19px;display:inline-block}#battle-end .kill b{color:#8fe07a}#battle-end .loss b{color:#ff7a6a}#battle-end .be-verdict{margin-top:4px;font-weight:700}#battle-end.good .be-verdict{color:#8fe07a}#battle-end.bad .be-verdict{color:#ff7a6a}#battle-end.even .be-verdict{color:var(--muted)}@keyframes battle-end{0%,85%{opacity:1}to{opacity:0}}body.touch #battle{padding:3px 10px 5px;font-size:12px;top:40px}body.touch #battle .b-side b{font-size:17px}body.touch #battle-end{min-width:0;padding:6px 10px;font-size:12px;top:44px;right:76px}.link-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;align-self:flex-end;padding:0 4px;font-size:12px;text-decoration:underline}.link-btn:hover{color:var(--gold-bright)}#room-pop{z-index:60}#slot-menu{z-index:96}#invite{z-index:70}.shop-sec{color:var(--gold-bright);margin:10px 0 4px;font-family:Cinzel,serif;font-size:14px}.shop-sec.hero:before{content:"★ ";color:#f2c230}.shop-sec.common{color:var(--muted)}#spectate-bar{z-index:30;color:var(--text);border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;max-width:calc(100vw - 32px);padding:6px 10px;font-size:14px;display:flex;position:fixed;top:64px;left:50%;transform:translate(-50%)}#spectate-bar .spec-tag{color:var(--gold-bright);align-items:center;gap:4px;font-family:Cinzel,serif;font-weight:700;display:inline-flex}#spectate-bar .spec-tag .ic-slot svg{width:18px;height:18px}#spec-players{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.spec-team{flex-wrap:wrap;gap:4px;display:flex}.spec-vs{color:var(--text-2);font-family:Cinzel,serif;font-weight:700}.spec-dot{background:var(--c);vertical-align:-1px;border-radius:50%;width:11px;height:11px;margin-right:5px;display:inline-block;box-shadow:0 0 0 2px #00000073}.spec-p b{color:color-mix(in srgb, var(--c) 55%, #fff);font-weight:700}.spec-p{border:1px solid var(--stone-3,#3d352b);border-left:4px solid var(--c);color:var(--text);cursor:pointer;font:inherit;background:0 0;border-radius:6px;padding:3px 8px}.spec-p.on{border-color:var(--gold);border-left-color:var(--c);background:#d9b35a26}.spec-p kbd{opacity:.7;margin-right:2px}body.spectating #commands,body.spectating #tactical,body.spectating #army-btn,body.spectating #troops-btn,body.spectating #btn-pause,body.spectating #army-panel,body.spectating #shop-panel{display:none!important}body.spectating #herobar{pointer-events:none}body.spectating #btn-to-menu{display:none}:root{--bg-0:#0e0c0a;--panel:#1c1712;--well:#120f0b;--card:#241d16;--card-line:#4a3c2c;--raised:#2a231c;--raised-hover:#352c22;--row-hover:#221d18;--edge:#0e0a06;--rim:#5a4a33;--rim-wood:#6b5124;--line-soft:#2a241d;--steel:#7d868b;--text-soft:#e6dabb;--text-long:#e4d8bb;--placeholder:#9a8c70;--paper:#e9d9ae;--ink:#1a1612;--ink-warm:#2a1a08;--action-hover:#5f9134;--action-edge:#0e1a07;--action-step:#1f3a10;--action-text:#a6d05a;--p2:#1fb5b0;--p3:#e8892a;--danger-bg:#b8301f;--danger-edge:#2a0d08;--danger-step:#5a1f18;--alert-bg:#3a1712;--alert-line:#8a3324;--alert-text:#ffd2c8;--hp:#4f9a2a;--mana:#3d7be0;--xp:#d9b35a;--slats:radial-gradient(ellipse at 50% 40%, transparent, #0000008c), #3a2412 url(../textures/wood-slats.webp) center / cover}:where(button,a,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--gold);outline-offset:2px}@keyframes v-open{0%{opacity:0;transform:translateY(4px)}}.v-anim-open:not(.hidden){animation:.18s ease-out v-open}.v-panel{background-color:var(--panel);border:2px solid var(--edge);box-shadow:inset 0 0 0 1px var(--rim), 0 8px 20px #00000080;border-radius:8px}.v-nails{background-image:url(../textures/nail.png),url(../textures/nail.png),url(../textures/nail.png),url(../textures/nail.png);background-position:8px 8px,right 8px top 8px,left 8px bottom 8px,right 8px bottom 8px;background-repeat:no-repeat;background-size:9px}.v-card{background:var(--card);border:1px solid var(--card-line);border-radius:6px}.v-well{background:var(--well);border:1px solid var(--line);border-radius:6px;box-shadow:inset 0 2px 4px #00000080}.v-board{background:linear-gradient(var(--panel), var(--panel)) padding-box, url(../textures/wood-board.webp) center / cover border-box;box-shadow:0 0 0 1px var(--edge), 0 4px 16px #0000008c;border:8px solid #0000;border-radius:8px;position:relative}.v-board:before{content:"";pointer-events:none;background:url(../textures/nail.png) 0 0/8px no-repeat,url(../textures/nail.png) 100% 0/8px no-repeat,url(../textures/nail.png) 0 100%/8px no-repeat,url(../textures/nail.png) 100% 100%/8px no-repeat;position:absolute;inset:-6px}.v-btn-primary,.v-btn-gold,.v-btn,.v-btn-quiet,.v-btn-danger,.v-btn-head{cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:8px;transition:background-color .13s ease-out,box-shadow .13s ease-out,color .13s ease-out,transform .13s ease-out;display:inline-flex}:is(.v-btn-primary,.v-btn-gold,.v-btn,.v-btn-quiet,.v-btn-danger,.v-btn-head):disabled{opacity:.5;cursor:default}:is(.v-btn-primary,.v-btn-danger,.v-btn-head) svg.ic{width:22px;height:22px}.v-btn-primary{background:var(--action);border:2px solid var(--action-edge);height:48px;box-shadow:inset 0 0 0 1px var(--action-text), 0 4px 0 var(--action-step);color:#fff;text-shadow:0 1px 1px #0009;border-radius:6px;padding:0 28px;font:800 17px/1 Cinzel,serif}.v-btn-primary:hover:not(:disabled){background:var(--action-hover);transform:translateY(-1px)}.v-btn-gold{background:var(--gold-bright);height:48px;color:var(--ink-warm);border:2px solid #1c1006;border-radius:6px;padding:0 28px;font:800 18px/1 Cinzel,serif;box-shadow:0 4px #8f6418}.v-btn{background:var(--raised);border:2px solid var(--edge);height:44px;box-shadow:inset 0 0 0 1px var(--rim);color:var(--text);border-radius:6px;padding:0 18px;font:700 15px/1 Alegreya Sans,sans-serif}.v-btn:hover:not(:disabled){background:var(--raised-hover);box-shadow:inset 0 0 0 1px var(--gold)}.v-btn-quiet{height:44px;color:var(--text-2);background:0 0;border:0;padding:0 6px;font:700 15px/1 Alegreya Sans,sans-serif}.v-btn-quiet:hover:not(:disabled){color:var(--text)}.v-btn-danger{background:var(--danger-bg);border:2px solid var(--danger-edge);width:48px;height:48px;box-shadow:inset 0 0 0 1px var(--p1-text), 0 4px 0 var(--danger-step);color:#fff;border-radius:6px;padding:0}.v-btn-danger:hover:not(:disabled){transform:translateY(-1px)}.v-btn-head{background:var(--panel);border:2px solid var(--edge);min-width:44px;height:44px;color:var(--text);border-radius:10px;padding:0 12px;font:700 15px/1 Alegreya Sans,sans-serif}.v-btn-head:hover:not(:disabled){background:var(--raised)}.v-input{background:var(--well);border:1px solid var(--rim-wood);height:44px;color:var(--text);-webkit-user-select:text;user-select:text;border-radius:6px;padding:0 12px;font:400 15px Alegreya Sans,sans-serif;box-shadow:inset 0 2px 4px #00000080}.v-input::placeholder{color:var(--placeholder)}.v-input:disabled{opacity:.6}input.v-switch{appearance:none;background:var(--line);cursor:pointer;border-radius:999px;flex:none;width:48px;height:28px;margin:0;transition:background-color .15s ease-out;position:relative}input.v-switch:before{content:"";background:var(--text);border-radius:999px;width:22px;height:22px;transition:transform .15s ease-out;position:absolute;top:3px;left:3px}input.v-switch:checked{background:var(--action)}input.v-switch:checked:before{transform:translate(20px)}input.v-switch:disabled{opacity:.45;cursor:default}.seg{background:var(--card);border:1px solid var(--card-line);border-radius:8px;flex-wrap:wrap;gap:2px;padding:3px;display:inline-flex}.seg-opt{height:34px;color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 14px;font:700 15px/1 Alegreya Sans,sans-serif;transition:color .13s ease-out,background-color .13s ease-out}.seg-opt:hover:not(:disabled):not(.on){color:var(--text)}.seg-opt.on{background:var(--text);color:var(--ink)}.seg-opt.danger.on{color:var(--p1-text);background:#5a1f18}.seg-opt:disabled{cursor:default}.seg-opt:disabled:not(.on){opacity:.6}input.v-slider{appearance:none;background:linear-gradient(90deg, var(--gold) var(--fill,50%), var(--line) var(--fill,50%));cursor:pointer;border-radius:3px;width:200px;height:6px;margin:0}input.v-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--gold-bright);border:2px solid var(--ink);border-radius:999px;width:20px;height:20px}input.v-slider::-moz-range-thumb{background:var(--gold-bright);border:2px solid var(--ink);border-radius:999px;width:16px;height:16px}.v-stamp{background:var(--paper) url(../textures/paper.webp);color:var(--ink-warm);letter-spacing:.06em;text-transform:uppercase;border-radius:2px;padding:3px 8px;font:800 13px/1.2 Cinzel,serif;display:inline-block;transform:rotate(-2deg);box-shadow:0 2px 3px #00000080}.v-badge{color:var(--text-2);background:#2e2820;border-radius:3px;padding:3px 10px;font:700 13px/1.2 Alegreya Sans,sans-serif;display:inline-block}.v-badge.gold{background:var(--gold);color:var(--ink)}.v-badge.red{color:var(--p1-text);background:#5a1f18}.v-badge.green{color:#c8ea8a;background:#2c4a17}.v-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);margin:0;font:800 14px/1.2 Cinzel,serif}.v-label.green{color:var(--action-text);font-size:15px}.v-pill{background:var(--panel);border:2px solid var(--edge);height:44px;color:var(--text-2);white-space:nowrap;border-radius:10px;align-items:center;gap:8px;padding:0 16px;font:400 15px Alegreya Sans,sans-serif;display:inline-flex}.v-pill b{color:var(--text)}.v-dot{background:var(--action-text);border-radius:999px;width:8px;height:8px;display:inline-block}.v-alert{background:var(--alert-bg);border:1px solid var(--alert-line);color:var(--alert-text);border-radius:6px;padding:10px 14px}.v-shell{background:var(--slats);flex-direction:column;justify-content:flex-start;align-items:stretch;padding:8px 28px 24px}.v-shell-head{flex:none;justify-content:space-between;align-items:center;gap:16px;height:84px;padding:0 20px;display:flex}.v-shell-left{align-items:center;gap:16px;min-width:0;display:flex}.v-shell-title{color:var(--gold-bright);text-shadow:0 3px #1c1006;white-space:nowrap;text-overflow:ellipsis;margin:0;font:400 42px/1.1 New Rocker,serif;overflow:hidden}.v-content{flex:1;min-height:0;padding:20px;position:relative;overflow:auto}@media (max-width:900px){.v-shell{padding:8px 16px 16px}.v-shell-title{font-size:32px}}@media (prefers-reduced-motion:reduce){.v-anim-open:not(.hidden){animation:none}:is(.v-btn-primary,.v-btn-gold,.v-btn,.v-btn-quiet,.v-btn-danger,.v-btn-head,.seg-opt,input.v-switch),input.v-switch:before{transition:none}}@media (max-height:500px) and (orientation:landscape){.v-shell{padding:4px 48px 8px}.v-shell-head{height:52px;padding:0 8px}.v-shell-title{font-size:28px}.v-content{padding:12px}.seg-opt,.settings-tabs button{height:44px}.v-input{box-sizing:border-box;min-height:44px}}:is(button,a,select,summary,label,[role=button]){-webkit-tap-highlight-color:transparent}.pf-top{height:96px}.pf-id{align-items:center;gap:16px;min-width:0;display:flex}.pf-avatar{border:2px solid var(--gold);background:var(--card);border-radius:8px;flex:none;justify-content:center;align-items:center;width:68px;height:68px;display:flex;overflow:hidden}.pf-avatar img{object-fit:contain;width:52px;height:52px}.pf-who{flex-direction:column;gap:4px;min-width:0;display:flex}.pf-who h2{white-space:nowrap;text-overflow:ellipsis;font-size:40px;overflow:hidden}#pf-sub{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.pf-bio{font-style:italic}.pf-body{grid-template-columns:360px minmax(0,1fr);gap:20px;display:grid;overflow:hidden}.pf-side{flex-direction:column;gap:12px;min-height:0;display:flex}.pf-card{background:var(--card);border:1px solid var(--card-line);border-radius:6px}.pf-record{flex-direction:column;gap:12px;display:flex}.pf-rec{align-items:center;gap:16px;padding:14px 16px;display:flex}.pf-rec.dim{opacity:.6}.pf-rec-l{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.pf-rec-t{align-items:center;gap:8px;display:flex}.pf-rec-t b{font-size:16px}.pf-rec-t span{color:var(--text-2);font-size:13px}.pf-rec-d{color:var(--text-2);font-size:14px}.pf-rec-n{gap:6px;font-family:Cinzel,serif;font-size:22px;font-weight:800;display:flex}.pf-rec-n .w{color:var(--gold-bright)}.pf-rec-n .l{color:var(--text-2)}.pf-nums{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pf-num{flex-direction:column;gap:2px;padding:12px 16px;display:flex}.pf-num b{color:var(--gold-bright);font-family:Cinzel,serif;font-size:22px;font-weight:800}.pf-num span,.pf-fav span{color:var(--text-2);font-size:14px}.pf-fav{align-items:center;gap:12px;padding:10px;display:flex}.pf-fav:empty{display:none}.pf-fav img{width:48px;height:48px;image-rendering:pixelated;border-radius:6px}.pf-fav div{flex-direction:column;gap:2px;display:flex}.pf-fav b{font-size:16px}.pf-hist{flex-direction:column;min-height:0;display:flex;overflow:hidden}.pf-hist-top{border-bottom:1px solid var(--card-line);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.pf-hist-top h3{color:var(--gold-bright);margin:0;font:400 26px/1.1 New Rocker,serif}#pf-count{color:var(--text-2);font-size:14px}.pf-list{flex:1;min-height:0;padding:4px 10px 10px;overflow:auto}.pf-empty{height:100%;min-height:120px;color:var(--text-3);text-align:center;justify-content:center;align-items:center;margin:0;font-size:15px;display:flex}.pf-skel{background:#1c1814;border-radius:8px;height:60px;margin:4px 0}.pf-match{border:1px solid #0000;border-radius:8px;margin:4px 0;transition:border-color .15s,background .15s}.pf-match.open{background:var(--row-hover);border-color:var(--rim)}.pf-row{width:100%;height:60px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;grid-template-columns:92px 40px minmax(0,1fr) minmax(0,1.1fr) 52px 20px;align-items:center;gap:14px;padding:0 14px 0 12px;transition:background .12s ease-out;display:grid}.pf-row:hover{background:#fff0d208}.pf-res{border-radius:3px;justify-self:start;padding:4px 10px;font-size:13px;font-weight:700}.pf-res.win{background:var(--gold);color:#1a1612}.pf-res.loss{color:var(--p1-text);background:#5a1f18}.pf-res.left{color:var(--text-2);background:#2e2820}.pf-thumb{width:40px;height:40px;image-rendering:pixelated;background:var(--card);border-radius:5px;display:block}.pf-what{flex-direction:column;gap:2px;min-width:0;display:flex}.pf-what b{white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.pf-what small{color:var(--text-2);font-size:13px}.pf-vs{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.pf-dur{text-align:right;font-family:Cinzel,serif;font-size:15px;font-weight:800}.pf-arrow{color:var(--gold);text-align:center;font-size:13px;transition:transform .18s}.pf-match.open .pf-arrow{transform:rotate(180deg)}.pf-detail{flex-direction:column;gap:14px;padding:4px 16px 16px;display:none}.pf-match.open .pf-detail{animation:.18s ease-out pf-in;display:flex}@keyframes pf-in{0%{opacity:0;transform:translateY(4px)}}.pf-blocks{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.pf-block{background:var(--well);border-radius:6px;flex-direction:column;gap:4px;min-width:0;padding:10px 12px;display:flex}.pf-block div{align-items:center;gap:6px;display:flex}.pf-block svg{flex:none;width:18px;height:18px}.pf-block b{color:var(--gold-bright);white-space:nowrap;font-family:Cinzel,serif;font-size:17px;font-weight:800}.pf-block span{color:var(--text-2);font-size:13px}.pf-teams{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pf-team{flex-direction:column;gap:6px;min-width:0;display:flex}.pf-team-t{letter-spacing:.08em;align-items:center;gap:8px;font-family:Cinzel,serif;font-size:13px;font-weight:800;display:flex}.pf-team-t i{border-radius:2px;width:4px;height:14px}.pf-pl{background:var(--well);height:36px;box-shadow:inset 3px 0 0 var(--c,transparent);border-radius:6px;grid-template-columns:24px minmax(0,1fr) max-content max-content;align-items:center;gap:10px;padding:0 10px;font-size:14px;display:grid}.pf-pl svg{width:22px;height:22px}.pf-pl b{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pf-pl span{color:var(--text-2);text-align:right;white-space:nowrap}.pf-pl span svg{vertical-align:-2px;width:14px;height:14px;margin-right:3px}.pf-modal{z-index:2;background:#080705b8;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pf-modal-box{text-align:left;flex-direction:column;width:min(560px,100vw - 32px);max-height:calc(100vh - 32px);padding:20px 24px;display:flex}.pf-modal-head{justify-content:space-between;align-items:center;display:flex}.pf-modal-head h3{color:var(--gold-bright);margin:0;font:400 28px/1.1 New Rocker,serif}.pf-x svg{width:18px;height:18px}.pf-modal-body{flex:1;min-height:0;padding:8px 0 16px;overflow:auto}.pf-modal-foot{border-top:1px solid var(--card-line);justify-content:space-between;align-items:center;gap:12px;padding:14px 0 0;font-size:14px;display:flex}.pf-modal-foot a{color:var(--text-2)}.pf-danger{background:var(--danger-bg);border:2px solid var(--danger-edge);height:44px;box-shadow:inset 0 0 0 1px var(--p1-text), 0 4px 0 var(--danger-step);color:#fff;cursor:pointer;border-radius:6px;padding:0 18px;font:700 15px Alegreya Sans,sans-serif;transition:transform .13s ease-out}.pf-danger:hover{transform:translateY(-1px)}@media (max-width:900px){.pf-body{grid-template-columns:minmax(0,1fr);grid-auto-rows:max-content;align-content:start;overflow:auto}.pf-side,.pf-hist{min-height:auto}.pf-record{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.pf-rec{flex-direction:column;align-items:flex-start;gap:6px}.pf-nums{grid-template-columns:repeat(4,minmax(0,1fr))}.pf-num{padding:12px}.pf-num b{overflow-wrap:anywhere;font-size:clamp(16px,3.4vw,22px)}.pf-hist,.pf-list{overflow:visible}.pf-blocks{grid-template-columns:repeat(3,minmax(0,1fr))}.pf-teams{grid-template-columns:minmax(0,1fr)}}@media (max-width:700px){.pf-row{grid-template-columns:92px 40px minmax(0,1fr) 52px 20px}.pf-vs{display:none}}@media (max-height:500px){.pf-top{height:64px}.pf-avatar{width:48px;height:48px}.pf-avatar img{width:32px;height:32px}.pf-who h2{font-size:28px}}.pf-avatars-label{color:#d8c69a;margin:10px 0 6px}.pf-avatars{flex-wrap:wrap;gap:8px;display:flex}.pf-av{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:50%;padding:2px}.pf-av .avatar{--s:44px}.pf-av.on{border-color:var(--gold);box-shadow:0 0 10px #d9b35a80}.settings-overlay{z-index:70;background:#080705b8}.settings-box{flex-direction:column;width:640px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);padding:16px 24px 20px;display:flex}.settings-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.settings-head h2{color:var(--gold-bright);text-shadow:0 3px #1c1006;margin:0;font:400 32px/1.1 New Rocker,serif}.settings-tabs{border-bottom:1px solid var(--line);gap:4px;margin-bottom:4px;display:flex}.settings-tabs button{height:44px;color:var(--text-2);cursor:pointer;background:0 0;border:0;padding:0 16px;font:700 16px/1 Alegreya Sans,sans-serif}.settings-tabs button:hover{color:var(--text)}.settings-tabs button.on{color:var(--gold-bright);box-shadow:inset 0 -3px 0 var(--gold)}.settings-box section{min-height:0;overflow:auto}.set-row{border-bottom:1px solid var(--line-soft);cursor:default;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}label.set-row{cursor:pointer}.set-l{flex-direction:column;gap:2px;min-width:0;display:flex}.set-l b{color:var(--text);font-size:16px;font-weight:700}.set-l small{color:var(--text-2);font-size:13px}.set-c{flex:none;align-items:center;gap:12px;display:flex}.set-val{text-align:right;min-width:48px;color:var(--gold-bright);font:800 15px Cinzel,serif}.settings-box .hint{color:var(--text-2);margin:8px 0 0;font-size:14px;line-height:1.45}.settings-box kbd{font-size:12px}@media (max-width:900px),(max-height:500px){.set-row{flex-wrap:wrap}.settings-tabs button{padding:0 10px}}.lobby-body{grid-template-columns:minmax(0,1fr) 320px;gap:20px;display:grid;overflow:hidden}#lobby-main{flex-direction:column;gap:16px;min-width:0;min-height:0;display:flex}.lb-title{color:var(--gold-bright);align-items:center;gap:10px;margin:0;font:400 28px/1.1 New Rocker,serif;display:flex}.lb-lead{color:var(--text-2);margin:0;font-size:15px}.quick{flex-direction:column;gap:12px;padding:20px;display:flex}.lb-queue{gap:12px;display:flex}.lb-queue small{opacity:.85;font:700 13px Alegreya Sans,sans-serif}.lb-queue-status{color:var(--text);align-items:center;gap:10px;display:flex}.lb-queue-status #queue-time{color:var(--gold-bright);font:800 16px Cinzel,serif}.custom{flex-direction:column;flex:1;gap:14px;min-height:0;display:flex}.lb-bar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.lb-bar .lb-title{flex:1}.code-form{gap:8px;display:flex}#code-input{letter-spacing:.25em;text-transform:uppercase;width:128px;font:800 16px Cinzel,serif}.lb-list{background:#1c1814;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.lb-cols,.game-row{grid-template-columns:64px minmax(0,1fr) 132px 112px;align-items:center;gap:16px;padding:0 16px;display:grid}.lb-cols{border-bottom:1px solid var(--line);letter-spacing:.06em;text-transform:uppercase;height:36px;color:var(--text-2);flex:none;font:700 13px Alegreya Sans,sans-serif}.games{flex:1;min-height:0;overflow:auto}.game-row{border-bottom:1px solid var(--line-soft);height:80px;transition:background-color .13s ease-out}.game-row:hover{background:var(--row-hover)}.lb-thumb{width:64px;height:64px;image-rendering:pixelated;border-radius:6px}.lb-info{flex-direction:column;gap:4px;min-width:0;display:flex}.lb-room{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:700;overflow:hidden}.lb-info small{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.lb-info small svg.ic{vertical-align:-3px;width:16px;height:16px}.lb-vagas{align-items:center;gap:10px;display:flex}.lb-slots{gap:4px;display:flex}.sq{border:1px solid var(--edge);border-radius:2px;width:14px;height:14px;display:block}.sq.open{border:1px solid var(--rim);background:0 0}.lb-count{color:var(--text);font:800 15px Cinzel,serif}.lb-act{justify-content:flex-end;display:flex}.lb-full{color:var(--text-3);font-size:14px}.lb-empty{text-align:center;color:var(--text-3);padding:32px 16px;font-size:15px}.lobby-chat{flex-direction:column;gap:10px;min-height:0;padding:16px;display:flex}.lobby-chat .chat-log{min-height:0;color:var(--text-long);-webkit-user-select:text;user-select:text;flex:1;padding:10px 12px;font-size:15px;overflow:auto}@media (max-width:900px){.lobby-body{grid-template-rows:minmax(0,1fr) 220px;grid-template-columns:minmax(0,1fr)}.lb-cols,.game-row{grid-template-columns:48px minmax(0,1fr) 48px 96px}.lb-thumb{width:48px;height:48px}.lb-slots{display:none}}@media (max-height:500px) and (orientation:landscape){.lobby-body{grid-template-rows:none;grid-template-columns:minmax(0,1fr) 240px}.lb-title{font-size:22px}}.rp-castle svg.ic{width:44px;height:44px}.rp-code{align-items:center;gap:12px;display:flex}#rp-code{letter-spacing:.15em;color:var(--gold-bright);font:800 22px Cinzel,serif}.rp-body{grid-template-rows:minmax(0,1fr) 48px;grid-template-columns:240px minmax(0,1fr);gap:20px 24px;display:grid;overflow:hidden}.tr-map{flex-direction:column;gap:10px;min-height:0;display:flex}.rp-preview{border:1px solid var(--card-line);width:240px;height:240px;image-rendering:pixelated;border-radius:6px}.rp-mapside{overflow:hidden}.rp-mapside #rp-map-info{display:none}.rp-mapside .rp-desc{flex:none;font-size:13px}.rp-format{color:var(--text-2);align-items:center;gap:6px;font-size:13px;display:flex}.rp-format:empty{display:none}.rp-format svg.ic{flex:none;width:14px;height:14px}.rp-maps{flex-direction:column;gap:6px;min-height:0;display:flex;overflow:auto}.rp-mapcard{border:1px solid var(--card-line);color:var(--text);font:inherit;text-align:left;cursor:pointer;background:#00000040;border-radius:6px;flex:none;align-items:center;gap:10px;padding:4px;transition:border-color .12s,background .12s,transform .12s;display:flex}.rp-mapcard img{width:46px;height:46px;image-rendering:pixelated;border-radius:4px;flex:none}.rp-mapcard-t{flex-direction:column;gap:3px;min-width:0;display:flex}.rp-mapcard-t b{text-overflow:ellipsis;white-space:nowrap;color:var(--text);font:700 15px/1.15 Alegreya Sans,sans-serif;overflow:hidden}.rp-mapcard-t small{color:var(--text-2);align-items:center;gap:4px;font-size:13px;display:flex}.rp-mapcard-t small svg.ic{width:14px;height:14px}.rp-mapcard:hover:not(:disabled):not(.on){border-color:var(--gold);background:#d9b35a14;transform:translate(2px)}.rp-mapcard.on{border-color:var(--gold-bright);box-shadow:inset 0 0 0 1px var(--gold-bright), 0 0 12px #f6d66e40;background:#d9b35a29}.rp-mapcard.on .rp-mapcard-t b{color:var(--gold-bright)}.rp-mapcard:disabled{cursor:default}.rp-mapcard:disabled:not(.on){opacity:.55}.tr-map select.v-input{width:100%}.rp-info{color:var(--text-2);align-items:center;gap:6px;font-size:15px;display:flex}.rp-info svg.ic{width:18px;height:18px}.rp-desc{color:var(--text-2);margin:0;font-size:14px;line-height:1.45}.tr-right{flex-direction:column;gap:16px;min-width:0;min-height:0;display:flex}.rp-teams{grid-template-columns:1fr 1fr;gap:16px;display:grid}.rp-teams>.ai-level,.rp-teams>.tr-fog{grid-column:1/-1}.rp-team{flex-direction:column;gap:8px;min-width:0;display:flex}.rp-team h4{letter-spacing:.08em;text-transform:uppercase;color:var(--text);align-items:center;gap:8px;margin:0;font:800 14px Cinzel,serif;display:flex}.rp-bar{border-radius:2px;width:4px;height:16px;display:block}.rp-slot{background:var(--card);border:1px solid var(--card-line);height:52px;color:var(--text);border-radius:6px;align-items:center;gap:10px;min-width:0;padding:0 12px;font:400 15px Alegreya Sans,sans-serif;display:flex}.rp-slot svg.ic{flex:none;width:22px;height:22px}.rp-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:4em;font-weight:700;overflow:hidden}.rp-name[data-pid]{cursor:pointer}.rp-tag{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--text-2);flex:0 auto;font:700 12px Alegreya Sans,sans-serif;overflow:hidden}.rp-tag.guest{color:var(--p3)}.rp-tag.wait{color:var(--gold);flex-shrink:0}.rp-slot .sq{flex:none}.rp-x{background:var(--raised);border:1px solid var(--rim);cursor:pointer;border-radius:6px;flex:none;place-items:center;width:32px;height:32px;display:grid}.rp-x:hover{border-color:var(--gold)}.rp-x svg.ic{width:16px;height:16px}.rp-slot.open{border:2px dashed var(--rim);color:var(--text-2);cursor:pointer;background:0 0;justify-content:center;font-weight:700;transition:border-color .13s ease-out,color .13s ease-out}.rp-slot.open:hover{border-color:var(--gold);color:var(--text)}.rp-slot.open b{color:var(--action-text);font-size:18px}.ai-level{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.ai-level .v-label svg.ic{vertical-align:-3px;width:18px;height:18px}.ai-level-hint,.rp-note{color:var(--text-2);flex-basis:100%;margin:0;font-size:14px}.rp-chat{flex-direction:column;flex:1;gap:8px;min-height:120px;padding:12px;display:flex}.rp-chat .chat-log{min-height:0;color:var(--text-long);-webkit-user-select:text;user-select:text;flex:1;padding:8px 10px;font-size:15px;overflow:auto}.rp-foot{grid-column:1/-1;justify-content:space-between;align-items:center;gap:16px;display:flex}.rp-wait{color:var(--text-2);margin-left:auto;font-size:16px;font-weight:700}#tr-warn:empty{display:none}.tr-pick{width:560px;max-width:calc(100vw - 32px);padding:20px 24px}.tr-pick h2{color:var(--gold-bright);margin:0 0 16px;font:400 32px/1.1 New Rocker,serif}.tr-pick-modes{gap:12px;margin-bottom:16px;display:grid}@media (max-width:900px){.rp-body{grid-template-rows:auto;grid-template-columns:minmax(0,1fr);overflow:auto}.tr-map{flex-flow:wrap;align-items:flex-start}.rp-preview{width:120px;height:120px}.tr-map.rp-mapside{flex-flow:column;align-items:stretch}.rp-maps{flex-flow:wrap}.rp-mapcard{flex:190px}.rp-code .v-label{display:none}}@media (max-height:500px) and (orientation:landscape){.rp-body{grid-template-rows:minmax(0,1fr) 44px;grid-template-columns:150px minmax(0,1fr);gap:8px 16px;overflow:hidden}.tr-map{flex-flow:column;overflow:auto}.tr-right{gap:10px;overflow:auto}.rp-preview{width:120px;height:120px}.tr-map.rp-mapside{overflow:auto}.rp-maps{flex-flow:column;flex:none;overflow:visible}.rp-mapcard{flex:none;gap:6px;min-height:44px;padding:3px}.rp-mapcard img{width:36px;height:36px}.rp-mapcard-t small{display:none}.rp-mapcard-t b{white-space:normal;font-size:13px}.rp-x{width:44px;height:44px}.rp-foot .v-btn-primary,.rp-foot .v-btn-danger{height:44px}}.rp-tag.novice{color:#ff6a55;flex-shrink:0}#tut-ask{z-index:61}.tut-ask{max-width:520px}.tut-ask p{text-align:left;margin:0;line-height:1.45}.tut-ask .novice-word{color:#ff6a55}.v-home{background:var(--slats);grid-template:"head head"72px"banner banner""main social"minmax(0,1fr)/minmax(0,1fr) 360px;justify-content:stretch;align-items:stretch;gap:20px 24px;padding:20px 32px 24px;display:grid}.v-home .home-head{grid-area:head;justify-content:space-between;align-items:center;gap:16px;display:flex}.logo{align-items:center;display:flex;position:relative}.home-logo{width:auto;height:72px;display:block}.alpha-flag{background:var(--paper) url(../textures/paper.webp);color:var(--ink-warm);border-radius:2px;flex-direction:column;align-items:center;margin-left:12px;padding:3px 8px;font:800 13px/1.1 Cinzel,serif;display:flex;transform:rotate(-4deg);box-shadow:0 2px 3px #00000080}.alpha-flag small{font:700 12px Alegreya Sans,sans-serif}.home-who{align-items:center;gap:10px;min-width:0;display:flex}.me-chip{background:var(--panel);border:2px solid var(--edge);max-width:360px;height:60px;box-shadow:inset 0 0 0 1px var(--gold);color:var(--text);cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:0 16px 0 8px;transition:transform .13s ease-out;display:flex}.me-chip:hover{transform:translateY(-1px)}.me-chip .avatar.big{border:2px solid var(--gold);border-radius:6px;flex:none;width:44px;height:44px}.me-info{text-align:left;flex-direction:column;gap:2px;min-width:0;display:flex}#home-name{color:var(--gold-bright);white-space:nowrap;text-overflow:ellipsis;font:800 15px Cinzel,serif;overflow:hidden}.me-status{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:13px;display:flex;overflow:hidden}.me-status .v-dot{background:var(--text-3)}.me-chip.online .me-status .v-dot{background:var(--action-text)}.home-gear{width:48px;height:48px}.home-social-btn{display:none}.guest-banner{grid-area:banner;align-items:center;gap:12px;display:flex}.guest-banner span{flex:1}.home-main{flex-direction:column;grid-area:main;gap:16px;min-height:0;display:flex}.home-lobby{border:3px solid var(--action-edge);min-height:0;box-shadow:inset 0 0 0 1px var(--gold), 0 8px 20px #00000080;color:var(--text);text-align:left;cursor:pointer;background:url(../textures/nail.png) 10px 10px/10px no-repeat,url(../textures/nail.png) right 10px top 10px/10px no-repeat,url(../textures/nail.png) 10px/10px no-repeat,url(../textures/nail.png) right 10px center/10px no-repeat,url(../textures/nail.png) left 10px bottom 10px/10px no-repeat,url(../textures/nail.png) right 10px bottom 10px/10px no-repeat,linear-gradient(90deg,#0e1a0799,#0e1a071a),#2c4a17 url(../textures/wood-slats-green.webp) 50%/cover;border-radius:8px;flex-direction:column;flex:1;justify-content:flex-end;align-items:flex-start;gap:14px;padding:28px 32px;transition:transform .15s ease-out;display:flex;position:relative}.home-lobby:hover{transform:translateY(-2px)}.home-polaroid{border:6px solid var(--paper);width:160px;height:160px;image-rendering:pixelated;border-bottom-width:28px;border-radius:2px;position:absolute;top:28px;right:40px;transform:rotate(4deg);box-shadow:0 6px 14px #0000008c}.home-lobby-title{align-items:center;gap:14px;display:flex}.home-lobby-title svg.ic{width:60px;height:60px}.home-lobby-title b{color:var(--gold-bright);text-shadow:0 3px #1c1006;font:400 76px/1 New Rocker,serif}.home-lobby-desc{max-width:560px;color:var(--text-soft);background:#0e1408d1;border-radius:6px;padding:8px 12px;font-size:16px}.home-lobby-foot{align-items:center;gap:16px;display:flex}#home-rooms{color:var(--text-soft);background:#0e1408d1;border-radius:6px;padding:4px 10px;font-size:15px;font-style:normal}#home-rooms:empty{display:none}.home-cards{grid-template-columns:1fr 1fr;gap:16px;display:grid}.home-card{border:2px solid var(--edge);height:100px;box-shadow:inset 0 0 0 1px var(--rim), 0 8px 20px #00000080;color:var(--text);text-align:left;cursor:pointer;background:url(../textures/nail.png) 10px/9px no-repeat,url(../textures/nail.png) right 10px center/9px no-repeat,linear-gradient(#18110ac7,#18110ac7),url(../textures/wood-board.webp) 50%/cover;border-radius:8px;align-items:center;gap:16px;padding:0 24px;transition:transform .15s ease-out,box-shadow .15s ease-out;display:flex}.home-card:hover{box-shadow:inset 0 0 0 1px var(--gold), 0 8px 20px #00000080;transform:translateY(-2px)}.home-card svg.ic{flex:none;width:42px;height:42px}.home-card span{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.home-card b{color:var(--gold-bright);font:400 28px/1.1 New Rocker,serif}.home-card small{color:var(--text-soft);font-size:15px}.home-card em{color:var(--action-text);font-size:13px;font-style:normal}.home-soon{background:var(--panel);border:2px solid var(--edge);height:52px;box-shadow:inset 0 0 0 1px var(--rim);border-radius:8px;align-items:center;gap:20px;padding:0 16px;display:flex}.soon-item{color:var(--text-2);align-items:center;gap:6px;font-size:15px;font-weight:700;display:flex}.soon-item svg.ic{opacity:.75;width:22px;height:22px}.home-avisos-btn{align-items:center;gap:6px;margin-left:auto;display:flex}.home-avisos-btn svg.ic{width:22px;height:22px}.home-avisos-btn,.home-help-btn{color:var(--action-text)}.home-avisos-btn:hover:not(:disabled),.home-help-btn:hover:not(:disabled){color:#d4f08e}.resume{align-items:center;gap:12px;padding:8px 12px;display:flex}.resume-btn{height:48px;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:12px;font:700 16px Alegreya Sans,sans-serif;display:flex}.resume-btn b{color:var(--gold-bright);font:800 16px Cinzel,serif}.resume-btn span{color:var(--text-2)}.resume-btn svg.ic{width:28px;height:28px}.lonely{flex-direction:column;gap:8px;display:flex}.lonely div{flex-wrap:wrap;gap:8px;display:flex}.home-social{flex-direction:column;grid-area:social;gap:10px;min-height:0;padding:24px;display:flex}.home-social h3{align-items:center;gap:6px;display:flex}.home-social h3 span{color:var(--text-2);letter-spacing:0;text-transform:none;font:700 13px Alegreya Sans,sans-serif}.home-social ul{min-height:32px;max-height:30%;margin:0;padding:0;list-style:none;overflow:auto}.soc-tabs{border-bottom:1px solid var(--line);gap:4px;margin:-8px 0 0;display:flex}.soc-tabs button{height:36px;color:var(--text-2);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0 12px;font:700 15px/1 Alegreya Sans,sans-serif;display:flex}.soc-tabs button svg.ic{width:16px;height:16px}.soc-tabs button:hover{color:var(--text)}.soc-tabs button.on{color:var(--gold-bright);box-shadow:inset 0 -3px 0 var(--gold)}.soc-pane{display:contents}.soc-pane.hidden{display:none}.home-social .scores{min-height:64px;max-height:45%;margin:0;padding:0;list-style:none;overflow:auto}.scores-filter .seg{width:100%}.scores-filter .seg-opt{flex:1}.scores li .rank{text-align:right;width:26px;color:var(--text-2);flex:none;font:800 14px Cinzel,serif}.scores li:first-child .rank{color:var(--gold-bright)}.scores li:nth-child(2) .rank,.scores li:nth-child(3) .rank{color:var(--gold)}.scores li.me{background:#d9b35a1a;border-radius:4px}.scores-note{margin:0}.wins-badge{color:var(--gold-bright);white-space:nowrap;background:#d9b35a1a;border:1px solid #d9b35a73;border-radius:4px;flex:none;padding:1px 6px;font:700 12px/1.4 Alegreya Sans,sans-serif}.home-social li{align-items:center;gap:8px;min-height:32px;font-size:15px;display:flex}.home-social .chat-log{min-height:150px;color:var(--text-long);-webkit-user-select:text;user-select:text;flex:1;padding:8px 10px;font-size:15px;overflow:auto}.discord-join{width:100%}.discord-join svg{width:20px;height:20px}.help{z-index:60;width:min(760px,100vw - 32px);max-height:calc(100vh - 140px);color:var(--text-long);flex-direction:column;gap:8px;padding:16px 20px;font-size:15px;display:flex;position:fixed;bottom:96px;left:50%;overflow:auto;transform:translate(-50%)}.help-head{justify-content:space-between;align-items:center;display:flex}.help-head h3{color:var(--gold-bright);margin:0;font:400 26px/1.1 New Rocker,serif}.help kbd{font-size:13px}.help .hl{color:var(--gold-bright)}.help .small{font-size:13px}.login{justify-content:center;align-items:center}.login-wrap{text-align:center;flex-direction:column;align-items:center;gap:16px;width:560px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);padding:32px 36px;display:flex;overflow:auto}.login-lead{color:var(--text-soft);margin:0;font-size:16px}.login-buttons{flex-direction:column;gap:10px;width:100%;display:flex}.login-buttons .login-btn{height:48px}.login-warn{text-align:left;margin:0;font-size:14px}.login-msg:empty{display:none}.login-foot{color:var(--text-2);margin:0;font-size:13px}.tr-pick-modes .mode{background:var(--card);border:1px solid var(--card-line);min-height:72px;color:var(--text);text-align:left;cursor:pointer;border-radius:6px;align-items:center;gap:14px;padding:12px 16px;transition:transform .13s ease-out,border-color .13s ease-out;display:flex}.tr-pick-modes .mode:hover{border-color:var(--gold);transform:translateY(-1px)}.tr-pick-modes .mode svg.ic{flex:none;width:36px;height:36px}.tr-pick-modes .mode b{color:var(--gold-bright);font:400 22px/1.1 New Rocker,serif;display:block}.tr-pick-modes .mode span{color:var(--text-2);font-size:14px}.tr-pick-modes .mode.primary{border-color:var(--action-text)}.login-foot a,.help a{color:var(--action-text)}.tr-pick-modes .mode-t{flex-direction:column;gap:2px;min-width:0;display:flex}@media (max-width:900px){.v-home{grid-template:"head""banner""main"max-content"social"max-content/minmax(0,1fr);padding:16px;overflow:auto}.home-lobby{min-height:260px}.home-lobby-title b{font-size:56px}.home-polaroid{width:110px;height:110px}.home-social{min-height:420px}}@media (max-height:500px) and (orientation:landscape){.v-home{grid-template:"head head"52px"main main"minmax(0,1fr)/1.5fr 1fr;gap:10px 14px;padding:8px 48px 12px;overflow:hidden}.home-logo{height:44px}.alpha-flag{display:none}.me-chip{height:44px;box-shadow:none;background:0 0;border:0;padding:0}.me-chip .me-info{display:none}.me-chip .avatar.big,.home-gear{width:44px;height:44px}.home-social-btn{display:inline-flex}#home-social-count{background:var(--action);color:#fff;border-radius:999px;min-width:20px;padding:2px 6px;font:800 12px Cinzel,serif}#home-social-count:empty,.guest-banner{display:none}.home-main{grid-template-rows:minmax(0,1fr) minmax(0,1fr) 44px;grid-template-columns:1.5fr 1fr;gap:10px 14px;display:grid}.home-lobby{grid-row:1/-1;gap:8px;padding:16px 20px}.home-lobby-title svg.ic{width:40px;height:40px}.home-lobby-title b{font-size:42px}.home-polaroid{border-bottom-width:20px;width:104px;height:104px;top:16px;right:20px}.home-lobby-desc{padding:6px 10px;font-size:14px}.home-lobby .v-btn-gold{height:44px;padding:0 20px;font-size:16px}.home-cards{display:contents}.home-card{height:auto;padding:0 18px}.home-card b{font-size:22px}.home-card small,.home-card em{display:none}.home-card svg.ic{width:32px;height:32px}.home-soon{gap:12px;height:44px}.home-help-btn{display:none}.resume,.lonely{grid-column:1/-1}.home-social{display:none}.v-home.social-open .home-social{z-index:5;gap:4px;width:360px;min-height:0;padding:8px 20px 16px;animation:.18s ease-out v-open;display:flex;position:fixed;top:64px;bottom:6px;right:48px;overflow:auto}.home-social li{min-height:44px}.soc-tabs{margin:0}.soc-tabs button{height:44px}.home-social .chat-label,.scores-note{display:none}.home-social .chat-log{min-height:64px}.home-social .discord-join,.home-social .v-input{box-sizing:border-box;min-height:44px}}.lang-btn{letter-spacing:.04em;gap:6px;height:48px;padding:0 10px;font-weight:700}.lang-btn .flag,.lang-opt .flag{border-radius:2px;flex:none;width:27px;height:18px;box-shadow:0 0 0 1px #00000073}.login-wrap{position:relative}.login-lang{height:40px;position:absolute;top:12px;right:12px}.lang-opt{align-items:center;gap:8px;display:inline-flex}.lang-opt .flag-slot{display:inline-flex}@media (max-width:900px),(max-height:500px){.lang-btn{height:44px;padding:0 8px}.lang-btn span{display:none}}.home-card.tut-hint,.mode.tut-hint{border-color:var(--gold-bright);animation:1.6s ease-in-out infinite tut-hint-glow}@keyframes tut-hint-glow{0%,to{box-shadow:inset 0 0 0 1px var(--gold), 0 0 0 0 #f6d66e00}50%{box-shadow:inset 0 0 0 1px var(--gold), 0 0 22px 4px #f6d66e8c}}.home-card .tut-hint-tag{background:var(--gold-bright);color:#2a1a0c;border-radius:4px;padding:2px 10px;font:700 13px Alegreya Sans,sans-serif;position:absolute;top:-11px;right:14px}#btn-play{position:relative}@media (prefers-reduced-motion:reduce){.home-card.tut-hint,.mode.tut-hint{box-shadow:inset 0 0 0 1px var(--gold), 0 0 18px 3px #f6d66e80;animation:none}}:root{--bar-h:172px}.v-board.nails-top:before{background:url(../textures/nail.png) 0 0/8px no-repeat,url(../textures/nail.png) 100% 0/8px no-repeat}.v-board.nails-side:before{background:url(../textures/nail.png) 0/8px no-repeat,url(../textures/nail.png) 100%/8px no-repeat;height:8px;margin-top:-4px;inset:50% -5px auto}.v-board.b7{border-width:7px}.v-board.b5{border-width:5px}svg.ic.hc{filter:drop-shadow(0 0 1px #f2e6c9)drop-shadow(0 0 1px #f2e6c9)drop-shadow(0 1px #00000073)}#topbar{z-index:10;align-items:center;gap:2px;padding:4px 10px;display:flex;position:fixed;top:4px;left:50%;transform:translate(-50%)}#topbar .res{align-items:center;gap:8px;height:36px;padding:0 12px;display:flex}#topbar .res .ic-slot svg.ic{width:24px;height:24px}#topbar .res b{min-width:36px;color:var(--gold-bright);font:800 17px/1 Cinzel,serif}#topbar .res b.full{color:var(--p1-text)}.top-sep{background:var(--rim);width:1px;height:20px;margin:0 6px}#clock{color:var(--text-2);padding:0 10px;font:600 16px/1 Cinzel,serif}.top-btn{border:1px solid var(--rim-wood);width:34px;height:34px;color:var(--text);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;margin-left:4px;padding:0;transition:border-color .13s ease-out;display:inline-flex}.top-btn:hover{border-color:var(--gold-bright)}#btn-pause svg.ic{width:16px;height:16px}#btn-fullscreen svg.ic{width:18px;height:18px}#btn-gear svg.ic{width:20px;height:20px}#message{left:50%;bottom:calc(var(--bar-h) + 16px);border:1px solid var(--rim-wood);max-width:min(640px,100vw - 32px);color:var(--text);text-align:center;opacity:0;pointer-events:none;z-index:10;background:#1c1712eb;border-radius:6px;padding:10px 18px;font:400 17px/1.4 Alegreya Sans,sans-serif;transition:opacity .3s;position:fixed;transform:translate(-50%)}#message b{color:var(--gold-bright)}#message.show{opacity:1}#paused{color:var(--gold-bright);text-shadow:0 3px #1c1006,0 0 20px #000;text-align:center;pointer-events:none;z-index:15;font:400 56px/1 New Rocker,serif;position:fixed;top:34%;left:50%;transform:translate(-50%)}#paused small{color:var(--text-2);text-shadow:0 1px 2px #000;margin-top:8px;font:400 16px Alegreya Sans,sans-serif;display:block}#bottombar{height:var(--bar-h);z-index:10;pointer-events:none;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:8px;padding:4px;display:grid;position:fixed;bottom:0;left:0;right:0}#bottombar>*{pointer-events:auto}#minimap-frame{grid-column:1;padding:4px}#minimap{border:1px solid var(--edge);cursor:pointer;width:144px;height:144px;image-rendering:pixelated;display:block}#army-actions{gap:6px;display:flex;position:absolute;bottom:calc(100% + 12px);left:-4px}.hud-chip{background:var(--panel);border:2px solid var(--rim-wood);height:40px;color:var(--text);cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:0 12px;transition:border-color .13s ease-out;display:inline-flex;box-shadow:0 2px 6px #00000080}.hud-chip .ic-slot svg.ic{width:22px;height:22px}.hud-chip b{font:800 16px/1 Cinzel,serif}.hud-chip.gold{border-color:var(--gold)}.hud-chip.gold b{color:var(--gold-bright)}.hud-chip:hover{border-color:var(--gold-bright)}.hud-chip .lbl{display:none}#army-btn[data-state=on]{border-color:var(--action-text)}#army-btn[data-state=march]{border-color:var(--gold-bright)}#army-btn[data-state=fight]{border-color:var(--p1-text)}#commands{grid-column:3;grid-template-rows:repeat(3,44px);grid-template-columns:repeat(4,44px);gap:6px;padding:6px;display:grid}.cmd{border:1px solid var(--steel);cursor:pointer;background:linear-gradient(#2e271f,#201a14);border-radius:4px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:border-color .12s ease-out;display:flex;position:relative;box-shadow:inset 0 1px #ffffff14}.cmd .icon svg.ic{width:28px;height:28px}.cmd:not(.empty):hover{border-color:var(--gold-bright)}.cmd.active{border-color:var(--action-text);box-shadow:inset 0 0 0 1px var(--action-text)}.cmd.poor .icon svg.ic{filter:grayscale()brightness(.6)}.cmd.empty{cursor:default;background:#00000040;border-color:#0000;box-shadow:inset 0 1px 3px #00000080}.cmd .key{background:var(--paper);color:var(--ink);border-radius:2px;padding:2px 3px;font:700 12px/1 Alegreya Sans,sans-serif;position:absolute;bottom:2px;right:2px}.cmd .lbl{display:none}#tooltip{background:var(--panel);border:1px solid var(--rim-wood);width:260px;color:var(--text);z-index:20;pointer-events:none;border-radius:6px;padding:10px 12px;font:400 15px/1.4 Alegreya Sans,sans-serif;display:none;position:fixed;box-shadow:0 4px 16px #0000008c}#tooltip b{color:var(--gold-bright)}#tooltip kbd{background:var(--paper);color:var(--ink);border:0;border-radius:2px;padding:1px 4px;font:700 12px Alegreya Sans,sans-serif}#tooltip .cost{color:var(--gold-bright);gap:12px;margin:6px 0 2px;font:800 15px Cinzel,serif;display:flex}#tooltip p{color:var(--text-2);margin:4px 0 0;font-size:14px}#info{grid-area:1/2;justify-self:center;align-items:stretch;gap:16px;max-width:100%;padding:10px 16px;display:flex;position:relative;overflow:hidden}#info-main{gap:16px;min-width:0;display:flex}#sel-clear{display:none}.squad{flex-direction:column;gap:8px;display:flex}.squad-title{color:var(--gold-bright);white-space:nowrap;font:400 19px/1 New Rocker,serif}.squad-grid{grid-template-columns:repeat(3,40px);grid-auto-rows:40px;gap:6px;display:grid}body[data-hud=multi] .squad-grid{grid-template-columns:repeat(12,40px)}.mini{border:1px solid var(--steel);cursor:pointer;background:radial-gradient(circle at 50% 35%,#4a6aa8,#16203a);border-radius:4px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:flex;position:relative;overflow:hidden}.mini span svg.ic{width:30px;height:30px}.mini i{height:4px;position:absolute;bottom:0;left:0}.mini em svg.ic{width:14px;height:14px;position:absolute;top:1px;right:1px}.mini:hover{border-color:var(--gold-bright)}.mini.more{background:var(--well);color:var(--gold-bright);cursor:default;font:800 15px/1 Cinzel,serif}.portrait{border:2px solid var(--gold);background:radial-gradient(circle at 50% 35%,#4a6aa8,#16203a);border-radius:6px;flex:none;justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:relative;overflow:hidden}.portrait.p1{background:radial-gradient(circle at 50% 35%,#7a4a44,#261515)}.portrait.p2{background:radial-gradient(circle at 50% 35%,#2f7a76,#0f2625)}.portrait.p3{background:radial-gradient(circle at 50% 35%,#8a5a2a,#2a1a0c)}.portrait span svg.ic{width:58px;height:58px}.portrait i{height:5px;position:absolute;bottom:0;left:0}.details{flex-direction:column;gap:3px;min-width:0;max-width:300px;display:flex}.details .name{color:var(--gold-bright);white-space:nowrap;text-overflow:ellipsis;font:400 21px/1.1 New Rocker,serif;overflow:hidden}.details .owner{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.owner.p0{color:var(--p0-text)}.owner.p1{color:var(--p1-text)}.owner.p2{color:var(--p2)}.owner.p3{color:var(--p3)}.details .hp{color:var(--text);font:800 15px Cinzel,serif}.details .stat{color:var(--text-2);font-size:13px}.task-tag{color:var(--gold-bright);font-weight:700}.extra{flex-direction:column;justify-content:center;gap:6px;min-width:220px;display:flex}.queue{gap:6px;display:flex}.queue .q{border:1px solid var(--steel);cursor:pointer;background:linear-gradient(#2e271f,#201a14);border-radius:4px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:flex}.queue .q svg.ic{width:24px;height:24px}.queue .q:hover{border-color:var(--p1-text)}.q-more{color:var(--text-2);align-self:center;font:800 15px Cinzel,serif}.progress{border:1px solid var(--edge);background:#0f0d0a;border-radius:2px;max-width:320px;height:16px;position:relative;overflow:hidden}.progress i{background:var(--gold);position:absolute;inset:0 auto 0 0}.progress span{color:#fff;text-shadow:0 1px 1px #000;justify-content:center;align-items:center;height:100%;font:700 12px Alegreya Sans,sans-serif;display:flex;position:relative}#tactical{border-left:1px solid var(--rim);flex-direction:column;flex:0 0 380px;gap:8px;width:380px;padding-left:16px;display:flex}#info-main.hidden+#tactical{border-left:0;padding-left:0}.tac-head{align-items:center;gap:10px;display:flex}.tac-title{color:var(--gold-bright);margin-right:auto;font:400 19px/1 New Rocker,serif}.tac-idle{color:var(--text-2);font-size:13px}.tac-idle b{color:var(--text);font:800 15px Cinzel,serif}.tac-idle.warn b{color:var(--gold-bright)}.tac-idle.warn{font-weight:inherit;padding:0;display:inline}.tac-row{background:var(--well);border-radius:4px;align-items:center;gap:8px;height:36px;padding:0 4px 0 10px;display:flex;box-shadow:inset 0 1px 3px #0009}.tac-label{color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;flex:0 0 80px;align-items:center;gap:8px;padding:0;font:700 15px Alegreya Sans,sans-serif;display:inline-flex}.tac-label svg.ic{width:20px;height:20px}.tac-label:hover b{color:var(--gold-bright)}.tac-info{min-width:0;color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;overflow:hidden}.tac-n{text-align:right;min-width:36px;color:var(--gold-bright);font:800 15px Cinzel,serif}.pm{border:1px solid var(--steel);width:28px;height:28px;color:var(--text);cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;padding:0;font:700 18px/1 Alegreya Sans,sans-serif;transition:border-color .12s ease-out,background-color .12s ease-out;display:inline-flex}.pm:hover{border-color:var(--gold-bright)}.pm.plus{background:var(--action);border-color:var(--action-edge);box-shadow:inset 0 0 0 1px var(--action-text);color:#fff}.pm.plus:hover{background:var(--action-hover)}.tac-btn{background:var(--raised);border:1px solid var(--edge);min-height:28px;box-shadow:inset 0 0 0 1px var(--rim);color:var(--text);cursor:pointer;border-radius:4px;padding:0 10px;font:700 13px Alegreya Sans,sans-serif;transition:background-color .12s ease-out,box-shadow .12s ease-out}.tac-row .tac-btn{padding:0 8px}.tac-btn:hover{background:var(--raised-hover);box-shadow:inset 0 0 0 1px var(--gold)}.tac-btn:disabled{opacity:.4;cursor:default}.tac-btn.ghost{box-shadow:none;color:var(--text-2);background:0 0;border-color:#0000}.tac-btn.ghost:hover{color:var(--text)}#herobar{grid-area:1/2;justify-self:center;align-items:center;gap:16px;padding:10px 14px;display:flex;position:relative}.hb-portrait{border:3px solid var(--gold);cursor:pointer;background:radial-gradient(circle at 50% 35%,#4a6aa8,#16203a);border-radius:50%;flex:none;justify-content:center;align-items:center;width:96px;height:96px;padding:0;display:flex;position:relative}#herobar.p0 .hb-portrait{box-shadow:0 0 0 2px var(--p0)}#herobar.p1 .hb-portrait{box-shadow:0 0 0 2px var(--p1)}#herobar.p2 .hb-portrait{box-shadow:0 0 0 2px var(--p2)}#herobar.p3 .hb-portrait{box-shadow:0 0 0 2px var(--p3)}.hb-portrait span svg.ic{width:70px;height:70px}.hb-level{background:var(--gold-bright);width:30px;height:30px;color:var(--ink);text-align:center;border:2px solid #1c1006;border-radius:50%;font:800 15px/26px Cinzel,serif;position:absolute;bottom:-4px;right:-6px}.hb-mid{flex-direction:column;gap:6px;width:240px;min-width:0;display:flex}.hb-name{color:var(--gold-bright);white-space:nowrap;text-overflow:ellipsis;font:400 21px/1 New Rocker,serif;overflow:hidden}.hb-short{display:none}.hb-name small{color:var(--p1-text);font:400 13px Alegreya Sans,sans-serif}.hb-owner{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.hb-pname{font-weight:700}.hb-pname.p0{color:var(--p0-text)}.hb-pname.p1{color:var(--p1-text)}.hb-pname.p2{color:var(--p2)}.hb-pname.p3{color:var(--p3)}.hb-bar{border:1px solid var(--edge);background:#0f0d0a;border-radius:2px;height:16px;position:relative;overflow:hidden}.hb-bar i{position:absolute;inset:0 auto 0 0}.hb-bar.hp i{background:var(--hp)}.hb-bar.mp i{background:var(--mana)}.hb-bar.xp i{background:var(--xp)}.hb-bar span{color:#fff;text-shadow:0 1px 1px #000;justify-content:center;align-items:center;height:100%;font:700 12px Alegreya Sans,sans-serif;display:flex;position:relative}.hb-xp{align-items:center;gap:8px;display:flex}.hb-xp .hb-bar.xp{border:0;flex:1;height:6px}.hb-xpt{color:var(--text-2);white-space:nowrap;font-size:12px}.hb-items{grid-template-columns:repeat(3,36px);gap:6px;display:grid}.hb-item,.hb-relic,.hb-shop{border:1px solid var(--steel);cursor:pointer;background:linear-gradient(#2e271f,#201a14);border-radius:4px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:flex;position:relative}.hb-item svg.ic,.hb-relic svg.ic,.hb-shop svg.ic{width:24px;height:24px}.hb-item b{background:var(--paper);color:var(--ink);border-radius:2px;padding:1px 2px;font:700 12px/1 Alegreya Sans,sans-serif;position:absolute;bottom:1px;right:1px}.hb-item.usable{border-color:var(--action-text)}.hb-shop{border-color:var(--gold)}.hb-relic{cursor:default;opacity:.45;border-style:dashed}.hb-relic.has{opacity:1;border:1px solid #b07aff;box-shadow:0 0 6px #b07aff99}.hb-skills{align-items:flex-start;gap:8px;display:flex}.hb-skill{border:2px solid var(--gold);width:60px;height:60px;box-shadow:0 0 0 1px var(--edge);cursor:pointer;background:radial-gradient(circle at 50% 40%,#5a4c3a,#2a231b);border-radius:6px;justify-content:center;align-items:center;padding:0;transition:border-color .12s ease-out,transform .12s ease-out;display:flex;position:relative}.hb-skill:hover{border-color:var(--gold-bright);transform:translateY(-1px)}.hb-skill .sk-ic svg.ic{width:40px;height:40px}.hb-skill.active{border-color:var(--action-text);box-shadow:0 0 0 1px var(--edge), 0 0 10px #a6d05a99}.hb-skill.nomana .sk-ic svg.ic{filter:saturate(.3)brightness(.8)}.hb-skill.locked .sk-ic svg.ic{filter:grayscale()brightness(.45)}.hb-skill .key{z-index:2;border:1px solid var(--ink);background:var(--paper) url(../textures/paper.webp) center / cover;width:22px;height:22px;color:var(--ink);text-align:center;border-radius:3px;font:800 13px/20px Cinzel,serif;position:absolute;top:-7px;left:-7px;transform:rotate(-4deg)}.hb-skill .cost{z-index:2;color:#cfe0ff;background:#16305e;border-radius:2px;padding:2px 3px;font:700 12px/1 Alegreya Sans,sans-serif;position:absolute;bottom:2px;right:2px}.hb-skill .cd{pointer-events:none;background:#0a0806a8;border-radius:4px;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:800 22px Cinzel,serif;display:flex;position:absolute;inset:0}.hb-attack{display:none}.hb-auto{border:2px solid var(--edge);background:var(--raised);width:44px;height:60px;box-shadow:inset 0 0 0 1px var(--rim);color:var(--text-2);letter-spacing:.04em;writing-mode:vertical-rl;cursor:pointer;border-radius:6px;padding:0;font:800 12px/1 Cinzel,serif;transform:rotate(180deg)}.hb-auto.on{border-color:var(--action-edge);box-shadow:inset 0 0 0 1px var(--action-text);color:#fff4cc;text-shadow:0 1px 2px #000;background:#2c4a17 url(../textures/wood-slats-green.webp) 50%/cover}@media (max-width:1180px){#herobar{gap:10px}.hb-portrait{width:72px;height:72px}.hb-portrait span svg.ic{width:52px;height:52px}.hb-mid{width:160px}.hb-items{grid-template-columns:repeat(2,36px)}.hb-relic:not(.has){display:none}.hb-skill{width:52px;height:52px}.hb-skill .sk-ic svg.ic{width:34px;height:34px}}.panel{background:var(--panel);border:2px solid var(--edge);box-shadow:inset 0 0 0 1px var(--rim), 0 8px 20px #00000080;border-radius:8px}#game-menu,#end{background:#080705b8}.menu-box{text-align:center}.game-menu{flex-direction:column;gap:10px;width:360px;padding:24px 28px 28px;display:flex;position:relative}.game-menu h2{color:var(--gold-bright);margin:0 0 8px;font:400 32px/1 New Rocker,serif}.game-menu .v-btn,.game-menu .v-btn-primary{width:100%}.confirm{background:var(--panel);border-radius:2px;flex-direction:column;justify-content:center;gap:10px;padding:28px;display:flex;position:absolute;inset:0}.confirm.hidden{display:none}.confirm p{color:var(--text);margin:0 0 8px;font-size:17px}.end-box{width:min(560px,100vw - 32px);padding:32px 36px}.end-box h1{color:var(--gold-bright);text-shadow:0 4px #1c1006;margin:0;font:400 76px/1 New Rocker,serif}.end-box .tag{color:var(--text-2);margin:12px 0 24px;font-size:18px}.end-actions{justify-content:center;gap:12px;display:flex}@media (max-height:500px){.game-menu{gap:6px;padding:14px 22px 18px}.game-menu h2{margin:0 0 4px;font-size:26px}}@media (max-width:600px),(max-height:500px){.end-box{padding:20px 24px}.end-box h1{font-size:54px}.end-box .tag{margin:8px 0 16px}}button.big{background:var(--action);border:2px solid var(--action-edge);height:48px;box-shadow:inset 0 0 0 1px var(--action-text), 0 4px 0 var(--action-step);color:#fff;text-shadow:0 1px 1px #0009;cursor:pointer;border-radius:6px;padding:0 28px;font:800 17px/1 Cinzel,serif;transition:background-color .13s ease-out,transform .13s ease-out}button.big:hover{background:var(--action-hover);transform:translateY(-1px)}button.big.ghost{background:var(--raised);border-color:var(--edge);box-shadow:inset 0 0 0 1px var(--rim);color:var(--text);text-shadow:none;font:700 15px Alegreya Sans,sans-serif}#waiting,#catchup{background:var(--panel);border:1px solid var(--rim-wood);color:var(--text);z-index:15;border-radius:6px;padding:8px 18px;font-size:15px;position:fixed;top:64px;left:50%;transform:translate(-50%)}#place-hint{z-index:12;border:1px solid var(--rim-wood);max-width:min(620px,100vw - 32px);color:var(--text);text-align:center;pointer-events:none;background:#1c1712eb;border-radius:6px;padding:10px 18px;font-size:15px;position:fixed;top:64px;left:50%;transform:translate(-50%)}#place-hint b{color:var(--gold-bright)}#spectate-bar{background:var(--panel);border:1px solid var(--rim-wood)}body:not(.touch) #spectate-bar{max-width:calc(50vw - 180px);top:8px;left:12px;transform:none}body.touch.td #spectate-bar{top:calc(var(--td-bar-bottom,110px) + 6px)}.spec-p{border-color:var(--rim)}.spec-p.on{border-color:var(--gold);background:var(--row-hover)}.spec-p kbd{font-size:12px}#judge-ctl{align-items:center;gap:8px;display:inline-flex}#judge-ctl.hidden{display:none}#judge-ctl .top-btn{width:auto;padding:0 12px;font:700 14px Alegreya Sans,sans-serif}.judge-box{width:min(640px,100vw - 32px);max-height:calc(100vh - 32px);overflow-y:auto}.judge-box h1{font-size:56px}.judge-box a.v-btn-primary{text-decoration:none}.judge-box code{color:var(--gold-bright);word-break:break-all}.judge-box a:not([class]){color:var(--gold-bright)}.judge-slots{border-collapse:collapse;text-align:left;width:100%;margin:0 0 24px;font-size:15px}.judge-slots th,.judge-slots td{border-bottom:1px solid var(--line);padding:6px 8px}.judge-slots th{color:var(--text-2);font-weight:700}.judge-slots .ok{color:#a6d05a}.judge-slots .bad{color:#ff8a75}.judge-slots .muted{color:var(--muted)}#spec-exit{width:auto;padding:0 12px;font:700 14px Alegreya Sans,sans-serif}#joystick{display:none}body.touch #game{touch-action:none}body.touch #tooltip{display:none!important}body.touch #topbar{padding:2px 4px;top:6px}body.touch #topbar.v-board{border-width:5px;border-radius:10px}body.touch #topbar .res{gap:6px;height:32px;padding:0 8px}body.touch #topbar .res .ic-slot svg.ic{width:18px;height:18px}body.touch #topbar .res b{min-width:0;font-size:15px}body.touch #clock{padding:0 8px;font-size:14px}body.touch #btn-pause,body.touch #btn-fullscreen,body.touch .top-sep{display:none}body.touch #btn-gear{border:0;width:44px;height:44px;margin:-6px 0}body.touch #message{z-index:15;max-width:60vw;font-size:15px;top:60px;bottom:auto}body.touch #bottombar{height:0;padding:0;display:block}body.touch #minimap-frame{border-width:5px;border-radius:10px;padding:4px;position:fixed;top:8px;left:44px}body.touch #minimap{border-radius:4px;width:96px;height:96px}body.touch #army-actions{position:static}body.touch .hud-chip{background:#16130ff0;border-width:1px;border-radius:8px;height:44px}body.touch .hud-chip .lbl{font-size:13px;font-weight:700;display:inline}body.touch #idle-btn{position:fixed;top:126px;left:44px}body.touch #idle-btn .lbl{display:none}body.touch #troops-btn,body.touch #army-btn{position:fixed;right:44px}body.touch #troops-btn{top:8px}body.touch #army-btn{top:58px}body.touch #troops-btn.hidden+#army-btn{top:8px}body.touch #game-chat{width:max(150px,50vw - 252px);max-height:calc(100vh - 322px);top:178px;bottom:auto;left:44px;overflow:hidden}body.touch #chat-log{flex-direction:column;justify-content:flex-end;max-height:round(down,100vh - 322px,20px);display:flex;overflow:hidden}body.touch #chat-log .chat-line{flex:none;margin:0;line-height:20px}body.touch #info{z-index:14;border-width:5px;border-radius:12px;flex-direction:column;gap:6px;width:400px;max-height:calc(100vh - 130px);margin:0 auto;padding:8px 10px;position:fixed;bottom:10px;left:0;right:0;overflow-y:auto}body.touch #info:before{height:8px;bottom:auto}body.touch.cmd-many #info,body.touch[data-hud=hero] #commands{display:none}body.touch #sel-clear{width:44px;height:44px;display:inline-flex;position:absolute;top:4px;right:4px}body.touch .squad-title,body.touch #info-main .details{padding-right:48px}body.touch .squad{gap:6px}body.touch .portrait{width:44px;height:44px}body.touch .portrait span svg.ic{width:32px;height:32px}body.touch .details .stat,body.touch .extra{display:none}body.touch .details .name{font-size:17px}body.touch .squad-grid,body.touch[data-hud=multi] .squad-grid{grid-template-columns:repeat(7,44px);grid-auto-rows:44px;gap:4px}body.touch #tactical{border-left:0;flex:none;gap:6px;width:100%;padding-left:0}body.touch .tac-head{min-height:44px;padding-right:48px}body.touch #info-main:not(.hidden)~#tactical .tac-head{min-height:0;padding-right:0}body.touch .tac-title{font-size:17px}body.touch .tac-row{background:var(--row-hover);height:44px;box-shadow:none;border-radius:8px;padding:0 0 0 10px}body.touch .tac-info{display:none}body.touch .tac-label{flex:1;min-height:44px}body.touch .pm,body.touch .tac-btn{border-radius:8px;min-width:44px;height:44px;font-size:20px}body.touch .tac-btn{font-size:14px}body.touch .mini{width:44px;height:44px}@media (max-height:380px){body.touch #info{gap:4px;padding-top:2px;padding-bottom:2px}body.touch #tactical,body.touch .squad{gap:4px}body.touch #message{top:56px}}body.touch #commands{z-index:14;border-width:5px;border-radius:12px;grid-template-rows:repeat(3,56px);grid-template-columns:none;grid-auto-columns:56px;grid-auto-flow:column;gap:8px;padding:6px;position:fixed;bottom:10px;right:44px}body.touch .cmd{background:var(--raised);border-color:var(--rim);width:56px;height:56px;box-shadow:none;border-radius:8px;flex-direction:column;gap:2px}body.touch .cmd.empty,body.touch .cmd .key{display:none}body.touch .cmd .lbl{white-space:nowrap;text-overflow:ellipsis;max-width:52px;color:var(--text-2);font:700 12px/1 Alegreya Sans,sans-serif;display:block;overflow:hidden}body.touch #joystick:not(.hidden){touch-action:none;z-index:14;background:#16130f8c;border:2px solid #f2e6c940;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;display:flex;position:fixed;bottom:16px;left:48px}#joystick .knob{pointer-events:none;background:#f2e6c9d9;border-radius:50%;width:52px;height:52px;box-shadow:0 2px 8px #00000080}body.touch #herobar{z-index:14;border-width:5px;border-radius:12px;gap:10px;width:max-content;margin:0 auto;padding:6px 12px 6px 6px;position:fixed;bottom:10px;left:0;right:0}body.touch .hb-portrait{border-width:2px;border-radius:8px;width:44px;height:44px}body.touch .hb-portrait span svg.ic{width:34px;height:34px}body.touch .hb-level{border-width:1px;width:20px;height:20px;font-size:12px;line-height:18px;bottom:-6px;right:-6px}body.touch .hb-mid{gap:4px;width:100px}body.touch .hb-hname,body.touch .hb-owner,body.touch .hb-xp,body.touch .hb-status,body.touch .hb-bar span{display:none}body.touch .hb-short{color:var(--text);font:800 13px Cinzel,serif;display:inline}body.touch .hb-name{line-height:1.1}body.touch .hb-bar.hp{border:0;height:8px}body.touch .hb-bar.mp{border:0;height:6px}body.touch .hb-items{grid-template-columns:repeat(4,44px)}body.touch .hb-relic:not(.has){display:none}body.touch .hb-item,body.touch .hb-relic,body.touch .hb-shop{width:44px;height:44px}body.touch .hb-item b{display:none}body.touch .hb-skills{pointer-events:none;width:200px;height:170px;display:block;position:fixed;bottom:14px;right:44px}body.touch .hb-skills>*{pointer-events:auto}body.touch .hb-skill,body.touch .hb-attack{border-radius:50%;position:absolute;box-shadow:0 3px 10px #00000080}body.touch .hb-skill{width:56px;height:56px}body.touch .hb-skill .sk-ic svg.ic{width:34px;height:34px}body.touch .hb-skill .key,body.touch .hb-skill .cost{display:none}body.touch .hb-skill .cd{border-radius:50%}body.touch .hb-skill .cdt{font-size:18px}body.touch .hb-skill[data-skill=J]{bottom:0;right:86px}body.touch .hb-skill[data-skill=K]{bottom:62px;right:76px}body.touch .hb-skill[data-skill=L]{bottom:90px;right:10px}body.touch .hb-attack{border:2px solid var(--gold);cursor:pointer;background:radial-gradient(circle at 50% 40%,#5a4c3a,#2a231b);justify-content:center;align-items:center;width:76px;height:76px;padding:0;display:flex;bottom:0;right:0}body.touch .hb-attack svg.ic{width:40px;height:40px}body.touch .hb-auto{writing-mode:horizontal-tb;letter-spacing:0;border-radius:50%;width:44px;height:44px;font-size:12px;position:absolute;bottom:118px;right:144px;transform:none}body.touch.army-open #joystick,body.touch.army-open #herobar,body.touch.shop-open #joystick,body.touch.shop-open #herobar,body.touch.placing #bottombar,body.touch.placing #herobar,body.touch.placing #joystick,body.touch.placing #info,body.touch.placing #commands,body.touch.placing #idle-btn,body.touch.placing #troops-btn,body.touch.placing #army-btn,body.touch.placing #place-hint,body.touch.placing #game-chat{display:none!important}.aviso-overlay{z-index:60;background:#080705b8}.aviso-box{width:560px;max-width:calc(100vw - 32px);max-height:min(600px,100vh - 32px);box-shadow:0 0 0 1px var(--edge), 0 24px 64px #000000b3;flex-direction:column;display:flex;overflow:hidden}.aviso-x{z-index:2;border-radius:8px;width:40px;height:40px;position:absolute;top:10px;right:10px}.aviso-x svg.ic{width:16px;height:16px}.aviso-body{flex:1;min-height:0;overflow:auto}.aviso-body .av-img{height:180px}.aviso-body .av-in{padding:24px 28px 8px}.aviso-body .av-title{color:var(--gold-bright);padding-right:40px;font-size:26px}.aviso-foot{border-top:1px solid var(--line-soft);flex:none;align-items:center;gap:16px;padding:12px 24px 18px;display:flex}.aviso-foot .v-btn-quiet{height:44px;padding:0 4px}.av-img{object-fit:cover;width:100%;display:block}.av-in{flex-direction:column;gap:14px;display:flex}.av-meta{align-items:center;gap:10px;display:flex}.av-meta .v-badge{letter-spacing:.04em;font-size:12px}.av-date{color:var(--text-2);font-size:14px}.av-title{color:var(--text);text-wrap:balance;margin:0;font:800 22px/1.2 Cinzel,serif}.av-alert{border-radius:8px;align-items:center;gap:10px;padding:12px 14px;font-size:15px;font-weight:700;display:flex}.av-alert svg.ic{flex:none;width:20px;height:20px}.av-text{color:var(--text-long);text-wrap:pretty;font-size:16px;line-height:1.55}.av-text p{margin:0 0 10px}.av-text p:last-child{margin-bottom:0}.av-text h3{letter-spacing:.04em;color:var(--gold);margin:14px 0 6px;font:800 16px Cinzel,serif}.av-text ul{margin:0 0 10px;padding-left:18px}.av-text figure.av-fig{margin:10px 0}.av-text figure.av-fig img{border-radius:4px;max-width:100%;display:block}.av-text figcaption{color:var(--text-3);margin-top:4px;font-size:12px}.av-group{flex-direction:column;gap:4px;display:flex}.av-group-name{letter-spacing:.08em;color:var(--gold);font:800 13px Cinzel,serif}.av-group ul{margin:0;padding:0;list-style:none}.av-group li{color:var(--text);padding-left:18px;font-size:15px;line-height:1.45;position:relative}.av-group li:before{content:"";background:var(--text-2);border-radius:50%;width:5px;height:5px;position:absolute;top:9px;left:3px}@media (max-height:500px) and (orientation:landscape){.aviso-box{max-height:calc(100vh - 16px)}.aviso-body .av-img{height:120px}.aviso-x{width:44px;height:44px}}.av-panel{grid-template-columns:280px minmax(0,1fr);padding:0;display:grid;overflow:hidden}.av-nav{border-right:1px solid var(--line-soft);flex-direction:column;gap:2px;padding:16px 12px;display:flex;overflow:auto}.av-nav-label{letter-spacing:.08em;color:var(--gold);padding:4px 10px 10px;font:800 13px Cinzel,serif}.av-nav-item{color:var(--text);border-radius:8px;flex-direction:column;gap:3px;padding:10px 12px;text-decoration:none;transition:background-color .15s ease-out;display:flex}.av-nav-item:hover,.av-nav-item.on{background:var(--row-hover)}.av-nav-item b{font-size:15px;line-height:1.3}.av-nav-item.on b{color:var(--gold-bright)}.av-nav-meta{color:var(--text-2);align-items:center;gap:8px;font-size:13px;display:flex}.av-dot{border-radius:50%;flex:none;width:8px;height:8px}.av-list{min-height:0;position:relative;overflow:auto}.av-col{flex-direction:column;gap:16px;max-width:760px;margin:0 auto;padding:24px 24px 32px;display:flex}.av-card{overflow:hidden}.av-card .av-img{height:160px}.av-card .av-in{gap:12px;padding:20px 24px 22px}.av-link{align-self:flex-start;height:40px;text-decoration:none}.av-empty{text-align:center;color:var(--text-3);margin:48px auto;font-size:16px}.av-jump{max-width:50vw;display:none}@media (max-width:900px){.av-panel{grid-template-columns:minmax(0,1fr)}.av-nav{display:none}.av-jump:not(.hidden){display:block}}@media (max-height:500px) and (orientation:landscape){.av-col{padding:12px 12px 20px}.av-jump,.av-link{height:44px}}.aviso-partida{width:300px;max-width:100%;padding:12px 14px;overflow:hidden}#aviso-partida{z-index:48;pointer-events:auto;width:300px;max-width:calc(100vw - 32px);position:fixed;top:80px;left:8px}#aviso-partida.hidden{display:none}.aviso-partida .av-meta{align-items:center;min-height:28px;margin-bottom:8px;padding-right:36px;display:flex}.aviso-partida .av-title{color:var(--gold-bright);overflow-wrap:anywhere;margin:0 0 6px;font-size:18px;line-height:1.2}.aviso-partida .av-text{overflow-wrap:anywhere;font-size:14px;line-height:1.4}.aviso-partida .av-text>:first-child{margin-top:0}.aviso-partida .av-text>:last-child{margin-bottom:0}.aviso-partida-x{z-index:2;border-radius:6px;width:28px;height:28px;position:absolute;top:12px;right:12px}.aviso-partida-x svg.ic{width:14px;height:14px}.aviso-partida-time{background:var(--line-soft);height:3px;margin-top:10px}.aviso-partida-time>div{background:var(--gold-bright);width:100%;height:100%}@media (max-height:480px){#aviso-partida{flex-direction:column;width:clamp(150px,50vw - 232px,216px);max-height:calc(100vh - 186px);padding:10px 12px;display:flex;top:178px;left:8px}#aviso-partida .av-meta{display:none}#aviso-partida .aviso-partida-x{width:26px;height:26px;top:6px;right:6px}#aviso-partida .aviso-partida-time{flex:none;margin-top:8px}#aviso-partida #aviso-partida-body{min-height:0;overflow-y:auto}#aviso-partida .av-title{padding-right:36px;font-size:15px}#aviso-partida .av-text{font-size:13px;line-height:1.3}#toasts{max-width:min(260px,100vw - 32px)}body.td #aviso-partida{max-height:102px;padding:6px 10px;top:120px;left:8px}body.td #aviso-partida .aviso-partida-x{top:3px}body.td #aviso-partida .aviso-partida-time{margin-top:5px}body.td #aviso-partida .av-title{margin-bottom:3px;font-size:13px;line-height:1.15}body.td #aviso-partida .av-text{font-size:12px;line-height:1.25}}#mode-pick{z-index:61}.mode-pick .mode.primary{min-height:112px;padding:18px 20px}.mode-pick .mode.primary svg.ic{width:48px;height:48px}.mode-pick .mode.primary b{font-size:30px}.mode-tag{background:var(--danger-bg);border:1px solid var(--danger-edge);color:var(--paper);letter-spacing:.08em;text-transform:uppercase;vertical-align:middle;border-radius:3px;margin-left:8px;padding:2px 8px 3px;font:700 12px/1 Cinzel,serif;display:inline-block;transform:rotate(-4deg)translateY(-3px)}.rp-mode{color:var(--gold-bright);align-items:center;gap:6px;margin-bottom:6px;font:700 14px/1.2 Cinzel,serif;display:inline-flex}.rp-mode svg.ic{width:20px;height:20px}.rp-mode-note{color:var(--text-2);margin:0 0 8px;font-size:13px}.td-brief{border:1px solid var(--c-brief);background:color-mix(in srgb, var(--c-brief) 12%, #14100cd9);border-left-width:5px;border-radius:6px;margin:0 0 8px;padding:10px 12px;font-size:13.5px;line-height:1.35}.td-brief.coop{--c-brief:#8fbf4a}.td-brief.pvp{--c-brief:#d8503b}.td-brief-h{align-items:center;gap:8px;margin-bottom:6px;display:flex}.td-brief-h b{color:var(--gold-bright);font:800 17px/1 Cinzel,serif}.td-brief-h em{background:var(--c-brief);color:#1a120a;text-transform:uppercase;letter-spacing:.05em;border-radius:10px;padding:2px 8px;font:700 11px/1.3 Alegreya Sans,sans-serif}.td-brief svg.ic{flex-shrink:0;width:22px;height:22px}.td-brief ul{gap:5px;margin:0;padding:0;list-style:none;display:grid}.td-brief li{color:var(--text);align-items:flex-start;gap:8px;display:flex}.td-brief li b{color:var(--gold-bright)}.td-brief-tip{border-top:1px dashed color-mix(in srgb, var(--c-brief) 50%, transparent);color:var(--text-2);margin:8px 0 0;padding-top:7px}.td-brief-tip b{color:var(--text)}.td-brief-tip svg.ic{vertical-align:-4px;width:18px;height:18px;margin-right:4px}#td-bar{z-index:10;flex-direction:column;align-items:center;gap:6px;max-width:calc(100vw - 32px);padding:5px 12px;display:flex;position:fixed;top:54px;left:50%;transform:translate(-50%)}.td-info{white-space:nowrap;align-items:center;gap:16px;display:flex}.td-info>span{align-items:center;gap:6px;display:flex}.td-info svg.ic{width:20px;height:20px}.td-info b{color:var(--gold-bright);font:800 15px/1 Cinzel,serif}.td-lives b{color:var(--action-text)}.td-lives.low b{color:var(--alert-text)}.td-lives.foe b{color:var(--p3)}.td-lives{--who:transparent;border-left:4px solid var(--who);background:color-mix(in srgb, var(--who) 18%, transparent);border-radius:6px;padding:2px 7px 2px 6px}.td-who{text-overflow:ellipsis;letter-spacing:.04em;text-transform:uppercase;max-width:96px;color:var(--text-soft);font:700 10px/1.1 Cinzel,serif;overflow:hidden}#td-foe:before{content:"vs";color:var(--gold);opacity:.8;margin-right:2px;font:italic 700 11px/1 Cinzel,serif}body:not(.td) #btn-ranges{display:none}#btn-ranges.off svg{opacity:.4}#btn-ranges.off{background-image:linear-gradient(135deg, transparent 47%, var(--alert-text) 47%, var(--alert-text) 53%, transparent 53%)}#td-shop{z-index:11;scrollbar-width:thin;gap:14px;max-width:calc(100vw - 340px);padding:6px 10px 8px;display:flex;position:fixed;bottom:4px;left:50%;overflow-x:auto;transform:translate(-50%)}.td-group{flex-direction:column;gap:4px;min-width:min-content;display:flex}.td-group+.td-group{border-left:1px solid var(--card-line);padding-left:14px}.td-group-t{letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);font:700 11px/1 Cinzel,serif}.td-btns{gap:4px;display:flex}.td-buy{border:1px solid var(--steel);color:var(--text);cursor:pointer;background:linear-gradient(#2e271f,#201a14);border-radius:4px;align-items:center;gap:6px;padding:4px 10px 4px 5px;font-size:13px;display:flex}.td-buy:hover:not(:disabled){border-color:var(--gold)}.td-buy:disabled{opacity:.45;cursor:default}.td-buy svg.ic{width:32px;height:32px}.td-buy.compact{padding-right:7px}.td-buy-t{flex-direction:column;align-items:flex-start;line-height:1.15;display:flex}.td-buy b{color:var(--gold-bright)}.td-buy small{color:var(--action-text)}@media (max-width:1400px){#td-shop{gap:10px}.td-group+.td-group{padding-left:10px}.td-buy{gap:4px;padding:3px 7px 3px 4px}.td-buy svg.ic{width:26px;height:26px}}body.td #tactical,body.td #idle-btn{display:none!important}body.td .res:has(#res-wood){display:none!important}body.td .res:has(#res-pop){display:none!important}body.td .res:has(#res-army){display:none!important}body.td #info{margin-bottom:78px}body.td:not(.touch) #herobar{transform:translateY(-86px)}body.td[data-hud=tactical] #info{display:none}body.touch #td-bar{padding:3px 8px;top:44px}body.touch .td-info{gap:10px}body.touch #td-shop{gap:8px;max-width:none;padding:4px 6px;left:8px;right:136px;overflow-x:auto;transform:none}body.touch .td-buy svg.ic{width:24px;height:24px}body.touch .td-buy small,body.touch .td-group-t{display:none}.td-sub{color:var(--text-2);align-items:center;gap:10px;font-size:13px;display:flex}.td-nextw b{color:var(--paper);font-family:Cinzel,serif}.td-nextw.boss b{color:var(--alert-text)}.td-call{border:1px solid var(--action-edge);color:var(--text);cursor:pointer;background:linear-gradient(#3a5a1f,#26401a);border-radius:4px;padding:2px 9px;font-size:12px}.td-call:hover{border-color:var(--action-text)}.td-call b{color:var(--gold-bright)}.td-incoming{color:var(--alert-text);align-items:center;gap:8px;font-size:12px;display:flex}.td-inc{align-items:center;gap:2px;display:inline-flex}.td-inc svg.ic{width:20px;height:20px}.td-inc b{color:var(--alert-text)}.td-boss{width:340px;max-width:100%;color:var(--alert-text);align-items:center;gap:8px;font:700 13px/1 Cinzel,serif;display:flex}.td-boss-bar{border:1px solid var(--alert-line);background:#1a0d0a;border-radius:3px;flex:1;height:10px;overflow:hidden}.td-boss-bar i{background:linear-gradient(#e0503a,#8f1f14);height:100%;transition:width .2s;display:block}body.td #army-actions{display:none}#td-dolls{align-items:flex-end;gap:6px;display:flex;position:absolute;bottom:calc(100% + 12px);left:-4px}.td-doll{background:var(--panel);border:2px solid var(--rim);width:64px;color:var(--text);cursor:pointer;border-radius:6px;flex-direction:column;align-items:center;gap:2px;padding:4px 3px 5px;display:flex;position:relative}.td-doll:hover,.td-doll.on{border-color:var(--gold)}.td-doll svg.ic{width:36px;height:36px}.td-doll-n{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:11px;line-height:1.1;overflow:hidden}.td-doll-hp{background:#000;border-radius:2px;width:100%;height:4px;overflow:hidden}.td-doll-hp i{background:var(--hp);height:100%;display:block}.td-doll-lv{background:var(--gold);min-width:20px;height:20px;color:var(--ink);text-align:center;border:1px solid var(--edge);border-radius:10px;font:800 12px/20px Cinzel,serif;position:absolute;top:-6px;right:-6px}.td-doll.dead svg.ic{filter:grayscale()brightness(.55)}.td-doll.dead .td-doll-n{color:var(--alert-text);font-weight:700}.td-doll.dead.ready{border-color:var(--action-text);animation:1.2s ease-in-out infinite td-pulse}.td-doll.dead.ready .td-doll-n{color:var(--action-text)}@keyframes td-pulse{50%{box-shadow:0 0 12px #a6d05a99}}.td-doll-auto{background:var(--raised);border:1px solid var(--rim);color:var(--text-2);cursor:pointer;border-radius:4px;align-self:flex-end;padding:4px 8px;font:700 11px/1 Cinzel,serif}.td-doll-auto.on{border-color:var(--action-text);color:var(--action-text);background:linear-gradient(#3a5a1f,#26401a)}body.touch #td-dolls{position:fixed;bottom:64px;left:8px}#td-cards{z-index:40;background:radial-gradient(at 50% 45%,#140e068c,#000000d1);flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:16px;animation:.25s ease-out tdc-fade;display:flex;position:fixed;inset:0}#td-cards.closing{animation:.25s ease-in reverse forwards tdc-fade}@keyframes tdc-fade{0%{opacity:0}}.tdc-head{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.tdc-head b{color:var(--gold-bright);text-shadow:0 2px #000,0 0 18px #ffc85059;font:800 30px/1.1 Cinzel,serif}.tdc-head span{color:var(--text-soft);font-size:14px}#tdc-row{perspective:900px;gap:22px;display:flex}.tdc-card{--c1:#6b5124;--c2:#3a2a14;--glow:#f0c24c40;cursor:pointer;opacity:0;width:190px;height:270px;transform-style:preserve-3d;animation:.7s cubic-bezier(.2,.9,.25,1.15) forwards tdc-deal;animation-delay:calc(var(--i) * .14s + 50ms);background:0 0;border:0;padding:0;transition:transform .18s}.tdc-card.raro{--c1:#2f6fb8;--c2:#14284a;--glow:#5aaaff73}.tdc-card.epico{--c1:#b07ad8;--c2:#3a1a5a;--glow:#ffbe46b3}@keyframes tdc-deal{0%{opacity:0;transform:translateY(120px)rotateY(180deg)scale(.6)}60%{opacity:1}to{opacity:1;transform:translateY(0)rotateY(0)scale(1)}}.tdc-inner{background:linear-gradient(170deg, var(--c1), var(--c2) 70%);height:100%;box-shadow:inset 0 0 0 2px #ffe6aa59, 0 10px 26px #0009, 0 0 26px var(--glow);color:var(--paper);border:3px solid #1a1208;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:14px 14px 16px;display:flex;position:relative;overflow:hidden}.tdc-inner:after{content:"";animation:2.6s ease-in-out infinite tdc-shine;animation-delay:calc(var(--i) * .2s + .8s);pointer-events:none;background:linear-gradient(115deg,#0000 40%,#ffffff38 50%,#0000 60%);position:absolute;inset:-40% -60%;transform:translate(-60%)}@keyframes tdc-shine{0%,55%{transform:translate(-60%)}to{transform:translate(60%)}}.tdc-card.epico .tdc-inner{animation:1.6s ease-in-out infinite tdc-epic}@keyframes tdc-epic{50%{box-shadow:inset 0 0 0 2px #ffe6aa99, 0 10px 26px #0009, 0 0 44px var(--glow)}}.tdc-rar{letter-spacing:.14em;text-transform:uppercase;color:#fff0c8cc;font:700 11px/1 Cinzel,serif}.tdc-art{background:radial-gradient(circle,#fff0c847,#00000059 70%);border:2px solid #ffe6aa73;border-radius:50%;place-items:center;width:104px;height:104px;display:grid}.tdc-art svg.ic{filter:drop-shadow(0 3px 2px #0000008c);width:72px;height:72px}.tdc-name{color:#fff4d0;text-shadow:0 2px #000;text-align:center;font:800 19px/1.1 Cinzel,serif}.tdc-desc{text-align:center;color:var(--text-soft);font-size:14px;line-height:1.3}.tdc-inner kbd{color:var(--paper);background:#00000073;border:1px solid #ffe6aa59;border-radius:3px;margin-top:auto;padding:1px 7px;font-size:12px}.tdc-card:not(.gone):not(.chosen):hover{transform:translateY(-10px)scale(1.04)}.tdc-card.chosen{animation:.5s ease-out forwards tdc-chosen}@keyframes tdc-chosen{0%{opacity:1;transform:none}50%{opacity:1;transform:translateY(-16px)scale(1.12)}to{opacity:1;transform:translateY(-8px)scale(1.08)}}.tdc-card.chosen .tdc-inner{box-shadow:inset 0 0 0 2px #fff0b8, 0 0 0 3px var(--gold-bright), 0 0 50px var(--glow)}.tdc-card.gone{pointer-events:none;animation:.4s ease-in forwards tdc-gone}@keyframes tdc-gone{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(40px)scale(.85)}}.tdc-card:disabled{cursor:default}.tdc-timer{background:#0009;border-radius:3px;width:min(520px,90vw);height:6px;overflow:hidden}.tdc-timer i{background:linear-gradient(90deg,#d29f32,#f6d66e);height:100%;display:block}#tdc-wait{color:var(--paper);margin:0;font-size:15px}@media (max-height:520px){#tdc-row{gap:10px}.tdc-card{width:150px;height:200px}.tdc-art{width:64px;height:64px}.tdc-art svg.ic{width:44px;height:44px}.tdc-head b{font-size:22px}.tdc-name{font-size:16px}.tdc-desc{font-size:12px}#td-cards{gap:10px}}body.td #battle,body.td #place-hint,body.td #waiting,body.td #catchup{top:calc(var(--td-bar-bottom,140px) + 6px)}body.td:not(.touch) #message{bottom:calc(var(--bar-h) + 94px)}body.td.touch #message{top:calc(var(--td-bar-bottom,110px) + 6px)}body.td-picking #message{opacity:0}body.td #herobar .hb-items,body.touch .tdc-inner kbd{display:none}body.touch #td-cards{background:#080603e6}#hurt-vignette{z-index:9;pointer-events:none;opacity:0;position:fixed;inset:0;box-shadow:inset 0 0 120px 30px #c81e148c}#hurt-vignette.hit{animation:.9s ease-out hurt-vignette}@keyframes hurt-vignette{0%{opacity:0}15%{opacity:1}to{opacity:0}}.td-lives.hit{animation:.9s ease-out lives-hit}@keyframes lives-hit{0%,60%{filter:drop-shadow(0 0 6px #ff3a2a)brightness(1.3);transform:scale(1.25)}to{filter:none;transform:none}}#minimap-frame.hit{animation:.9s ease-out minimap-hit}@keyframes minimap-hit{0%,50%{box-shadow:0 0 0 3px #ff3a2a,0 0 18px #ff3a2a}to{box-shadow:none}}body.td-finale:after{content:"";z-index:40;pointer-events:none;background:radial-gradient(#0000001a 30%,#0000008c 100%);animation:1.6s ease-out both finale-dim;position:fixed;inset:0}@keyframes finale-dim{0%{opacity:0}to{opacity:1}}body.td-finale #td-shop,body.td-finale #td-dolls,body.td-finale #bottombar,body.td-finale #herobar,body.td-finale #message,body.td-finale #place-hint,body.td-finale #battle{opacity:0;pointer-events:none;transition:opacity .6s}.tdh{z-index:45;pointer-events:none;position:fixed;inset:0}.tdh-hole{animation:1.4s ease-in-out infinite tdh-pulse;box-shadow:0 0 0 9999px #00000073,0 0 0 3px #f0c24c,0 0 24px 6px #f0c24c99}@keyframes tdh-pulse{50%{box-shadow:0 0 0 9999px #00000073,0 0 0 3px #f6d66e,0 0 34px 10px #f0c24ccc}}.tdh-bubble{pointer-events:none;display:none}.tdh-skip{color:#f6e3b0;font:inherit;cursor:pointer;pointer-events:auto;background:#1c1006e6;border:1px solid #8f6418;border-radius:6px;margin:8px 0 0 auto;padding:3px 10px;font-size:12px;font-weight:700;display:block}.tdh-skip:hover{background:#3a2410}body.td-finale #tdh{display:none}.mode.mode-minor{opacity:.85;padding-top:8px;padding-bottom:8px}.mode.mode-minor b{font-size:.92em}