:root{--ink: #0c0908;--bg: #171210;--bg2: #241a17;--panel: linear-gradient(180deg, rgba(45, 24, 24, .96), rgba(24, 13, 13, .97));--panel-border: rgba(214, 180, 94, .22);--inlay: linear-gradient(180deg, #120d0b, #1b1310);--text: #f4e6c5;--muted: #a8926b;--font-display: "Cinzel", "Playfair Display", Georgia, "Times New Roman", serif;--font: "Marcellus", "PT Serif", Georgia, "Times New Roman", serif;--gold-hi: #fbf0c6;--gold: #d9b662;--gold-mid: #a9823a;--gold-lo: #6b4e1f;--gold-deep: #382a12;--metal: linear-gradient(180deg, #fbf0c6 0%, #dcb965 18%, #8c6a2c 50%, #c2a055 78%, #f4e3ac 100%);--metal-dim: linear-gradient(180deg, #a08347 0%, #8c6a2c 40%, #5d461c 70%, #8a6c30 100%);--sheen: linear-gradient(180deg, rgba(255, 255, 255, .22) 0%, rgba(255, 255, 255, .07) 44%, rgba(0, 0, 0, .12) 52%, rgba(0, 0, 0, .32) 100%);--accent: #d9b662;--accent2: #b8433f;--ok: #7fa84a;--hud-scale: 1;--gem-blue: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M6 0 12 6 6 12 0 6Z' fill='%23e8cf8a'/%3E%3Cpath d='M6 1.5 10.5 6 6 10.5 1.5 6Z' fill='%233f74c8'/%3E%3Cpath d='M6 2.8 8.6 5.4 6 6.2 3.4 5.4Z' fill='%23ffffff' fill-opacity='.6'/%3E%3C/svg%3E");--gem-red: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M6 0 12 6 6 12 0 6Z' fill='%23e8cf8a'/%3E%3Cpath d='M6 1.5 10.5 6 6 10.5 1.5 6Z' fill='%23c0484c'/%3E%3Cpath d='M6 2.8 8.6 5.4 6 6.2 3.4 5.4Z' fill='%23ffffff' fill-opacity='.6'/%3E%3C/svg%3E");--gem-gold: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M6 0 12 6 6 12 0 6Z' fill='%23e8cf8a'/%3E%3Cpath d='M6 1.5 10.5 6 6 10.5 1.5 6Z' fill='%23a5822f'/%3E%3Cpath d='M6 2.8 8.6 5.4 6 6.2 3.4 5.4Z' fill='%23ffffff' fill-opacity='.5'/%3E%3C/svg%3E");--gem-plain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath d='M4 0 8 4 4 8 0 4Z' fill='%23d9b662'/%3E%3C/svg%3E");--crest: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 16'%3E%3Cg stroke='%23c8a659' stroke-width='1.1' fill='none' stroke-linecap='round'%3E%3Cpath d='M24 15c0-5 3-8 9-9'/%3E%3Cpath d='M24 15c0-5-3-8-9-9'/%3E%3Cpath d='M33 6c3 0 5 1 7 3'/%3E%3Cpath d='M15 6c-3 0-5 1-7 3'/%3E%3C/g%3E%3Cpath d='M24 0c-1.6 3-1.6 6 0 9 1.6-3 1.6-6 0-9Z' fill='%23e8cf8a'/%3E%3Ccircle cx='24' cy='11.5' r='1.8' fill='%23f6e7b4'/%3E%3C/svg%3E");--scroll: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 10'%3E%3Cg stroke='%23dcc286' stroke-width='1.05' fill='none' stroke-linecap='round' opacity='.9'%3E%3Cpath d='M4 5h9'/%3E%3Cpath d='M23 5h9'/%3E%3Cpath d='M4 5c-2 0-3-.8-3-2.2'/%3E%3Cpath d='M32 5c2 0 3-.8 3-2.2'/%3E%3C/g%3E%3Cpath d='M18 1.4 21.6 5 18 8.6 14.4 5Z' fill='%23ecd79a'/%3E%3C/svg%3E")}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;overflow:hidden;-webkit-user-select:none;user-select:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#100b0a;border-radius:6px}::-webkit-scrollbar-thumb{border-radius:6px;background:linear-gradient(180deg,#a9823a,#5b4319);border:1px solid #2a1f0c}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#d9b662,#7a5c22)}:focus-visible{outline:1px solid var(--gold);outline-offset:2px}button,input,select{font-family:inherit;font-size:inherit;color:inherit}button{--plate: linear-gradient(180deg, #3c66b4 0%, #26468c 45%, #16295c 100%);--gem: var(--gem-blue);position:relative;font-family:var(--font-display);font-weight:600;letter-spacing:.055em;color:var(--text);text-shadow:0 1px 1px rgba(0,0,0,.75),0 0 12px rgba(0,0,0,.4);border:2px solid transparent;border-radius:5px;padding:9px 20px;cursor:pointer;background-image:var(--sheen),var(--plate),var(--metal);background-origin:border-box;background-clip:padding-box,padding-box,border-box;box-shadow:0 2px #00000073,0 6px 16px #00000073,inset 0 1px #ffffff29,inset 0 -8px 14px #0000004d;transition:filter .14s,transform .06s,box-shadow .14s}button:before{content:"";position:absolute;inset:1px;border:1px solid rgba(246,231,180,.34);border-radius:3px;pointer-events:none}button:after{content:"";position:absolute;inset:0 -7px;pointer-events:none;background-image:var(--gem),var(--gem);background-repeat:no-repeat;background-position:left center,right center;background-size:13px 13px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}button:hover:not(:disabled){filter:brightness(1.16) saturate(1.05);box-shadow:0 2px #00000073,0 6px 18px #00000080,0 0 18px #d9b66247,inset 0 1px #ffffff38,inset 0 -8px 14px #0000004d}button:active:not(:disabled){transform:translateY(2px);box-shadow:0 0 #00000073,0 2px 8px #00000080,inset 0 2px 6px #00000073}button:disabled{cursor:default;filter:grayscale(.75) brightness(.62);opacity:.7}button.primary{--plate: linear-gradient(180deg, #b34a4a 0%, #8e2a2e 45%, #5c1417 100%);--gem: var(--gem-red)}button.danger{--plate: linear-gradient(180deg, #963026 0%, #6b1a14 45%, #3c0c09 100%);--gem: var(--gem-red)}button.gold{--plate: linear-gradient(180deg, #8a7230 0%, #5e4c1c 45%, #3a2e10 100%);--gem: var(--gem-gold)}button.plain{--plate: linear-gradient(180deg, #3a2c26 0%, #261a16 45%, #170f0d 100%);--gem: var(--gem-gold)}input,select{background-image:var(--inlay),var(--metal-dim);background-origin:border-box;background-clip:padding-box,border-box;border:1px solid transparent;border-radius:4px;padding:7px 10px;color:var(--text);outline:none;box-shadow:inset 0 2px 6px #0009}select{appearance:none;padding-right:28px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M0 0h10L5 6Z' fill='%23d9b662'/%3E%3C/svg%3E"),var(--inlay),var(--metal-dim);background-repeat:no-repeat;background-position:right 10px center,center,center;background-size:9px 6px,auto,auto;background-origin:border-box;background-clip:padding-box,padding-box,border-box;cursor:pointer}option{background:#1a1210;color:var(--text)}input:focus,select:focus{box-shadow:inset 0 2px 6px #0009,0 0 0 1px #d9b6628c,0 0 14px #d9b66240}input::placeholder{color:#7d6a4f}a{color:var(--gold)}.screen{position:absolute;inset:0;display:flex;align-items:safe center;justify-content:safe center;overflow:auto;padding:18px 0;background:radial-gradient(ellipse at 50% 0%,rgba(150,95,35,.18),transparent 62%),radial-gradient(ellipse at 50% 110%,rgba(70,16,16,.5),transparent 60%),linear-gradient(180deg,#1c1411,#120d0b 55%,#0b0807)}.menu-bg-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.75;pointer-events:none}.card{position:relative;margin:auto;padding:30px 32px 26px;min-width:380px;max-width:900px;width:min(92vw,900px);border:2px solid transparent;border-radius:8px;background-image:var(--panel),var(--metal);background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 24px 70px #000000b3,0 0 40px #78461929,inset 0 1px #ffffff12}.card:before{content:"";position:absolute;inset:5px;border:1px solid rgba(217,182,98,.28);border-radius:4px;pointer-events:none}.card:after{content:"";position:absolute;inset:-6px;pointer-events:none;background-image:var(--crest),var(--gem-plain),var(--gem-plain),var(--gem-plain),var(--gem-plain),var(--gem-plain),var(--gem-plain);background-repeat:no-repeat;background-size:62px 21px,10px 10px,10px 10px,10px 10px,10px 10px,8px 8px,8px 8px;background-position:top -5px center,left 1px top 1px,right 1px top 1px,left 1px bottom 1px,right 1px bottom 1px,left 2px center,right 2px center;filter:drop-shadow(0 1px 2px rgba(0,0,0,.8))}.card.narrow{width:min(92vw,470px)}.card h1{margin:0 0 8px;font-family:var(--font-display);font-size:42px;font-weight:700;letter-spacing:.08em;text-align:center;text-transform:uppercase;background:linear-gradient(180deg,#fbf0c6,#e3c576 42%,#a9823a 70%,#e8d093);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 1px rgba(0,0,0,.85))}.card h2{margin:0 0 18px;font-family:var(--font-display);font-size:23px;font-weight:600;letter-spacing:.07em;color:var(--gold-hi);text-shadow:0 2px 2px rgba(0,0,0,.7)}.card h3{position:relative;margin:22px 0 10px;padding-bottom:8px;font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--gold);text-transform:uppercase;letter-spacing:.14em}.card h3:after{content:"";position:absolute;left:0;right:0;bottom:0;height:7px;background:var(--gem-plain) center/7px 7px no-repeat,linear-gradient(90deg,transparent,rgba(217,182,98,.45) 22%,rgba(217,182,98,.45) 78%,transparent) center/100% 1px no-repeat}.subtitle{color:var(--muted);margin:0 0 24px;text-align:center;font-style:italic}.menu-buttons{display:flex;flex-direction:column;gap:12px}.menu-buttons button{font-size:19px;padding:14px 42px;text-align:center;text-transform:uppercase}.menu-buttons button:after{background-image:var(--gem),var(--gem),var(--scroll),var(--scroll);background-position:left center,right center,left 18px center,right 18px center;background-size:13px 13px,13px 13px,36px 10px,36px 10px}.card .row.end button{padding:10px 28px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row.between{justify-content:space-between}.row.end{justify-content:flex-end}.grow{flex:1}.col{display:flex;flex-direction:column;gap:8px}.muted{color:var(--muted)}.small{font-size:13px}.error{color:#e8837f}.badge{display:inline-block;padding:3px 12px;border-radius:999px;font-size:12px;font-family:var(--font-display);letter-spacing:.08em;color:var(--gold-hi);background:linear-gradient(180deg,#4a3718,#2a1e0c);border:1px solid rgba(217,182,98,.45)}.divider{position:relative;height:1px;margin:20px 0;background:linear-gradient(90deg,transparent,rgba(217,182,98,.4),transparent)}.divider:after{content:"";position:absolute;left:50%;top:-4px;width:9px;height:9px;transform:translate(-50%);background:var(--gem-plain) center/contain no-repeat}.back{position:absolute;top:14px;right:16px;padding:6px 16px;font-size:14px}.lang-toggle{position:absolute;top:16px;left:18px;display:flex;gap:6px;z-index:2}.lang-toggle button{padding:4px 12px;font-size:12px}.lang-toggle button:after{background-size:9px 9px,9px 9px;background-position:left 2px center,right 2px center}.slots{display:flex;flex-direction:column;gap:7px}.slot{display:grid;grid-template-columns:22px 1fr auto auto;gap:10px;align-items:center;padding:9px 12px;border-radius:5px;background:linear-gradient(180deg,#fff0d20d,#00000040);border:1px solid var(--panel-border);box-shadow:inset 0 1px #ffffff0d}.slot.closed{opacity:.4}.slot .color{width:16px;height:16px;border-radius:3px;box-shadow:0 0 0 1px #d9b66280,inset 0 1px 2px #ffffff59}.slot select{padding:4px 28px 4px 10px}.slot .name{font-weight:700}.slot .me{color:var(--gold)}.maps{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.map-card{--plate: linear-gradient(180deg, #33241d, #1d1310);--gem: var(--gem-gold);padding:9px;text-align:left;font-family:var(--font);font-weight:400;letter-spacing:0;text-transform:none;text-shadow:0 1px 1px rgba(0,0,0,.7)}.map-card:after{content:none}.map-card.active{--plate: linear-gradient(180deg, #5d4620, #33240d);box-shadow:0 2px #00000073,0 0 20px #d9b66266,inset 0 1px #fff3}.map-card.active:before{border-color:#f6e7b4b3}.map-card canvas{width:100%;aspect-ratio:1;border-radius:2px;display:block;margin-bottom:7px;image-rendering:pixelated;border:1px solid rgba(217,182,98,.35);box-shadow:inset 0 0 14px #000c}.list{display:flex;flex-direction:column;gap:7px;max-height:300px;overflow:auto;padding-right:4px}.list-item{display:flex;gap:10px;align-items:center;padding:9px 12px;border-radius:5px;background:linear-gradient(180deg,#fff0d20d,#00000040);border:1px solid var(--panel-border)}.chat{display:flex;flex-direction:column;gap:8px}.chat-log{height:140px;overflow:auto;padding:10px;font-size:13px;border-radius:4px;background:linear-gradient(180deg,#100b09,#180f0d);border:1px solid rgba(217,182,98,.2);box-shadow:inset 0 2px 10px #000000b3}.chat-log .sys{color:var(--muted);font-style:italic}.chat-log b{color:var(--gold)}table.settings{width:100%;border-collapse:collapse}table.settings td{padding:8px 4px;border-bottom:1px solid rgba(217,182,98,.16)}table.settings td:first-child{color:var(--muted);width:55%}.hotkeys-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(226px,1fr));gap:2px 20px}.hotkey-row{display:flex;align-items:center;gap:10px;padding:4px 0;border-bottom:1px solid rgba(217,182,98,.14)}.hotkey-row>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hotkey-btn{--plate: linear-gradient(180deg, #3a2c26, #1c1310);--gem: var(--gem-gold);min-width:96px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;letter-spacing:0}.hotkey-row .hotkey-btn{min-width:78px;padding:4px 10px}.hotkey-btn:after{content:none}.hotkey-btn.listening{--plate: linear-gradient(180deg, #6d5520, #3a2b0d);color:var(--gold-hi)}.game-root{position:absolute;inset:0;overflow:hidden;background:#090706}.game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.hud{position:absolute;inset:0;pointer-events:none;font-size:calc(14px * var(--hud-scale))}.hud>*{pointer-events:auto}.hud-top{position:absolute;top:0;left:0;right:0;height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:linear-gradient(180deg,#120c0af2,#120c0a8c);border-bottom:1px solid rgba(217,182,98,.35);box-shadow:0 2px 10px #0009;pointer-events:none}.hud-top>*{pointer-events:auto}.hud-players{display:flex;gap:8px;align-items:center;font-size:13px}.hud-player{display:flex;gap:6px;align-items:center;padding:3px 10px;border-radius:999px;background:#00000073;border:1px solid rgba(217,182,98,.22)}.hud-player .dot{width:10px;height:10px;border-radius:3px;box-shadow:0 0 0 1px #0009}.hud-player.dead{opacity:.4;text-decoration:line-through}.hud-player.dc{color:#e0a247}.hud-res{display:flex;gap:16px;font-family:var(--font-display);font-weight:600;font-size:16px;text-shadow:0 1px 2px rgba(0,0,0,.8)}.hud-res .gold{color:var(--gold-hi)}.hud-res .pop.full{color:#e8837f}.hud-res .tappable{cursor:pointer}.hud-res .tappable:hover{color:var(--gold-hi)}.hud-timer{color:var(--muted);font-variant-numeric:tabular-nums;margin-right:12px}.hud-menu-btn{padding:4px 14px;font-size:13px}.hud-menu-btn:after{background-size:9px 9px,9px 9px;background-position:left 2px center,right 2px center}.hud-bottom{position:absolute;left:0;right:0;bottom:0;height:190px;display:grid;grid-template-columns:200px 1fr 264px;gap:12px;padding:8px 12px;background:linear-gradient(180deg,#0c080700,#0c0807d1 32%,#0c0807f2);pointer-events:none}.hud-bottom>*{pointer-events:auto}.minimap-wrap{position:relative;width:180px;height:180px;align-self:end;border:3px solid transparent;border-radius:5px;overflow:visible;background-image:linear-gradient(#000,#000),var(--metal);background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 4px 16px #000000b3,inset 0 0 0 1px #000c}.minimap-wrap canvas{width:100%;height:100%;display:block;image-rendering:pixelated;cursor:crosshair}.minimap-wrap:after{content:"";position:absolute;inset:-8px;pointer-events:none;background-image:var(--gem-plain),var(--gem-plain),var(--gem-plain),var(--gem-plain);background-repeat:no-repeat;background-size:11px 11px;background-position:left top,right top,left bottom,right bottom;filter:drop-shadow(0 1px 1px rgba(0,0,0,.8))}.sel-panel{position:relative;align-self:end;min-height:120px;display:flex;gap:14px;padding:12px 16px;border:2px solid transparent;border-radius:6px;background-image:var(--panel),var(--metal-dim);background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 4px 18px #0009,inset 0 1px #ffffff12}.sel-portrait{width:84px;height:84px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:40px;flex-shrink:0;border:2px solid rgba(217,182,98,.65);box-shadow:inset 0 0 20px #0009,0 2px 6px #00000080}.sel-info{flex:1;min-width:0}.sel-info h4{margin:0 0 6px;font-family:var(--font-display);font-size:16px;letter-spacing:.04em;color:var(--gold-hi)}.hpbar{height:9px;border-radius:2px;overflow:hidden;margin:5px 0;background:#1d0f0f;border:1px solid rgba(217,182,98,.3);box-shadow:inset 0 1px 3px #000c}.hpbar>div{height:100%;background:linear-gradient(180deg,#9ccb63,#5d8433)}.hpbar.low>div{background:linear-gradient(180deg,#f0d072,#a9823a)}.hpbar.crit>div{background:linear-gradient(180deg,#d6605c,#8e2a2e)}.stats{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.sel-units{display:flex;gap:5px;flex-wrap:wrap}.sel-unit,.queue-item,.cmd-btn{position:relative;overflow:hidden;border:2px solid transparent;border-radius:5px;background-image:linear-gradient(180deg,#3a2a24,#1d1310),var(--metal-dim);background-origin:border-box;background-clip:padding-box,border-box;box-shadow:inset 0 1px #ffffff1a,0 2px 5px #00000080}.sel-unit{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer}.sel-unit .n{position:absolute;right:2px;bottom:0;font-size:10px;color:var(--gold-hi);font-weight:700;text-shadow:0 1px 1px #000}.sel-unit .hp{position:absolute;left:2px;right:2px;bottom:2px;height:2px;background:#7fa84a}.queue{display:flex;gap:5px;margin-top:7px}.queue-item{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer}.queue-item .prog{position:absolute;left:0;bottom:0;height:3px;background:linear-gradient(90deg,#a9823a,#fbf0c6)}.cmd-panel{align-self:end;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:7px;height:176px}.cmd-btn{padding:3px 2px 18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;font-family:var(--font);font-size:12px;font-weight:400;letter-spacing:0;line-height:1.08;text-transform:none;overflow:hidden}.cmd-btn:after{content:none}.cmd-btn .icon{font-size:20px;line-height:1.05;flex:none}.cmd-btn .label{flex:none;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmd-btn .label.tight{font-size:10.5px}.cmd-btn .key{position:absolute;top:2px;left:5px;font-size:10px;color:var(--gold-hi);font-weight:700;text-transform:uppercase}.cmd-btn .cost{position:absolute;left:0;right:0;bottom:0;height:16px;line-height:16px;font-size:12.5px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.01em;color:#ffe9a8;background:#080504b8;border-top:1px solid rgba(217,182,98,.35);text-shadow:0 1px 2px rgba(0,0,0,.9)}.cmd-btn .cost.long{font-size:11px;letter-spacing:-.02em}.cmd-btn .cost.no{color:#ff9f93;background:#3c0c0acc;border-top-color:#e8837f73}.cmd-btn .cd{position:absolute;inset:0;background:#0000009e;display:flex;align-items:center;justify-content:center;font-size:14px}.cmd-btn.active{background-image:linear-gradient(180deg,#6d5520,#38290c),var(--metal);box-shadow:0 0 16px #d9b66273,inset 0 1px #fff3}.cmd-btn:hover:not(.off){filter:brightness(1.2)}.cmd-btn.off{opacity:.62;filter:grayscale(.55);cursor:default}.cmd-btn.off:active{transform:none;box-shadow:0 2px #00000073,0 6px 16px #00000073,inset 0 1px #ffffff29,inset 0 -8px 14px #0000004d}.cmd-btn.off .cost{opacity:.95}.hud-msgs{position:absolute;left:12px;bottom:210px;width:380px;display:flex;flex-direction:column;gap:3px;font-size:13px;pointer-events:none}.hud-msgs .msg{background:#0c080799;padding:3px 9px;border-radius:3px;border-left:2px solid rgba(217,182,98,.4)}.hud-msgs .msg.sys{color:#e6c98a}.hud-msgs .msg b{color:var(--gold)}.hud-chat-input{position:absolute;left:12px;bottom:210px;width:380px}.hud-toast{position:absolute;top:62px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:7px;align-items:center;pointer-events:none}.toast{padding:7px 26px;font-family:var(--font-display);font-weight:600;letter-spacing:.05em;color:var(--text);text-shadow:0 1px 2px rgba(0,0,0,.8);background:linear-gradient(180deg,#b34a4a,#6b1a1d);border-top:1px solid rgba(246,231,180,.5);border-bottom:1px solid rgba(246,231,180,.5);clip-path:polygon(0 0,100% 0,calc(100% - 12px) 50%,100% 100%,0 100%,12px 50%);box-shadow:0 4px 14px #0009;animation:fade 4s forwards}.toast.info{background:linear-gradient(180deg,#3a2c26,#1c1310);font-weight:400}@keyframes fade{0%{opacity:0;transform:translateY(-6px)}8%{opacity:1;transform:none}80%{opacity:1}to{opacity:0}}.hud-hint{position:absolute;left:50%;bottom:200px;transform:translate(-50%);background:#0c0807ad;padding:5px 16px;border-radius:3px;font-size:13px;border:1px solid rgba(217,182,98,.3);pointer-events:none}.hud-fps{position:absolute;right:12px;top:44px;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;pointer-events:none}.selbox{position:absolute;border:1px solid #e3c576;background:#d9b66224;pointer-events:none}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#00000080,#000c);backdrop-filter:blur(2px)}.replay-ctl{position:absolute;top:46px;left:50%;transform:translate(-50%);display:flex;gap:7px;align-items:center;padding:7px 12px;border:2px solid transparent;border-radius:6px;background-image:var(--panel),var(--metal-dim);background-origin:border-box;background-clip:padding-box,border-box}.replay-ctl button{padding:4px 12px;font-size:13px}.replay-ctl button:after{background-size:9px 9px,9px 9px;background-position:left 2px center,right 2px center}.tooltip{position:absolute;bottom:200px;right:12px;width:286px;max-height:calc(100vh - 260px);overflow:hidden;padding:10px 12px;font-size:12.5px;line-height:1.4;border:2px solid transparent;border-radius:5px;background-image:var(--panel),var(--metal-dim);background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 6px 20px #000000b3;pointer-events:none}.tooltip b{font-family:var(--font-display);color:var(--gold-hi)}.tt-head{display:flex;align-items:baseline;gap:8px;margin-bottom:5px}.tt-head b{font-size:15px;letter-spacing:.03em}.tt-key{margin-left:auto;font-size:11px;font-weight:700;color:var(--gold-hi);padding:1px 6px;border-radius:3px;background:#00000080;border:1px solid rgba(217,182,98,.35)}.tt-line{display:flex;gap:12px;margin-bottom:5px;font-weight:700;font-variant-numeric:tabular-nums}.tt-line .gold{color:#ffe9a8}.tt-line .bad{color:#ff9f93}.tt-stats{display:flex;flex-wrap:wrap;gap:2px 12px;margin-bottom:6px;padding-bottom:6px;color:var(--muted);border-bottom:1px solid rgba(217,182,98,.18)}.tt-stats b{font-family:var(--font);color:var(--text);font-weight:700}.tt-req{display:flex;gap:6px}.tt-req.ok{color:#9ccb63}.tt-req.bad{color:#ff9f93}.tt-desc{margin:6px 0 0;color:var(--text);opacity:.92}.results table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px}.results th,.results td{padding:7px 8px;text-align:right;border-bottom:1px solid rgba(217,182,98,.16)}.results th{font-family:var(--font-display);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);border-bottom-color:#d9b66266}.results th:first-child,.results td:first-child{text-align:left}.card h1.banner{display:block;width:fit-content;margin:2px auto 14px;padding:13px 64px;font-family:var(--font-display);font-size:38px;font-weight:700;letter-spacing:.1em;text-align:center;text-transform:uppercase;color:var(--text);-webkit-background-clip:border-box;background-clip:border-box;text-shadow:0 2px 3px rgba(0,0,0,.85);clip-path:polygon(0 0,100% 0,calc(100% - 30px) 50%,100% 100%,0 100%,30px 50%);filter:drop-shadow(0 6px 18px rgba(0,0,0,.75));background-image:linear-gradient(180deg,transparent 5px,rgba(246,231,180,.55) 5px,rgba(246,231,180,.55) 6px,transparent 6px),linear-gradient(0deg,transparent 5px,rgba(246,231,180,.55) 5px,rgba(246,231,180,.55) 6px,transparent 6px),var(--cloth)}.banner.victory{--cloth: linear-gradient(180deg, #c8504f 0%, #9a2a2e 45%, #6b1519 100%)}.banner.defeat{--cloth: linear-gradient(180deg, #4e78c4 0%, #2c4f97 45%, #172f63 100%)}.banner.draw,.banner.gameover{--cloth: linear-gradient(180deg, #8a7230 0%, #5e4c1c 45%, #3a2e10 100%)}.card h1.banner.victory{filter:drop-shadow(0 6px 18px rgba(0,0,0,.75)) drop-shadow(0 0 30px rgba(250,210,120,.55))}@media(max-width:800px){.hud-bottom{grid-template-columns:120px 1fr 170px;height:150px}.minimap-wrap{width:110px;height:110px}.cmd-panel{height:136px}.sel-portrait{display:none}.card{min-width:0;padding:22px 16px 18px}.card h1{font-size:28px}.menu-buttons button{font-size:16px;padding:12px 34px}.menu-buttons button:after{background-image:var(--gem),var(--gem);background-position:left center,right center}.card h1.banner{font-size:26px;padding:10px 44px}}.speeds{gap:8px;align-items:center;flex-wrap:wrap}.speed-btn{min-width:52px;font-weight:700}.hud-speed{align-self:center;font-weight:700;color:#ffd66b;padding:0 6px}.hud-age{font-weight:700;letter-spacing:1px;color:#c9a45c;border:1px solid rgba(217,182,98,.45);border-radius:4px;padding:0 7px;margin-left:4px}.hud-age.age-1{color:#e8e2d6;border-color:#e8e2d680;background:#78788240}.card.ranked{width:min(94vw,720px)}.profile-card{padding:14px 16px;border-radius:6px;margin-bottom:12px;background:linear-gradient(180deg,#fff0d212,#0000004d);border:1px solid var(--panel-border)}.profile-head{display:flex;gap:14px;align-items:center}.rating-row{display:flex;gap:8px;align-items:baseline}.rating-value{font-family:var(--font-display);font-size:30px;line-height:1;color:var(--gold-hi);text-shadow:0 2px 4px rgba(0,0,0,.7);font-variant-numeric:tabular-nums}.list-item .rating-value{font-size:16px;min-width:46px;text-align:right}.profile-stats{display:flex;gap:16px;flex-wrap:wrap;margin-top:8px}.profile-stats .good,.last-result .good,.ranked-result .good{color:#9ccb63}.profile-stats .bad,.last-result .bad,.ranked-result .bad{color:#e8837f}.bar{height:6px;margin-top:8px;border-radius:999px;overflow:hidden;background:#00000073;border:1px solid rgba(217,182,98,.22)}.bar>div{height:100%;background:var(--metal)}.bar.xp{margin-top:10px}.bar.xp>div{background:linear-gradient(90deg,#6b8fd4,#a9c6ff)}.tier{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:6px;font-family:var(--font-display);letter-spacing:.06em;white-space:nowrap;background:linear-gradient(180deg,#ffffff14,#00000059);border:1px solid var(--tier-col, var(--panel-border));color:var(--tier-col, var(--text));box-shadow:inset 0 0 14px #0006}.tier.big .tier-icon{font-size:26px}.tier.small{padding:3px 8px;font-size:12px;gap:4px}.tier.unranked{--tier-col: #9a917f}.tier.bronze{--tier-col: #c08552}.tier.silver{--tier-col: #cfd3d8}.tier.gold{--tier-col: #e8c76a}.tier.platinum{--tier-col: #8fd8d2}.tier.diamond{--tier-col: #8fb8ff}.tier.master{--tier-col: #d08ce8}.tier.grandmaster{--tier-col: #ff9f6a}.level-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:62px;padding:6px 8px;border-radius:6px;background:linear-gradient(180deg,#2c3f6b,#16223d);border:1px solid rgba(160,190,255,.35)}.level-badge .lvl-n{font-family:var(--font-display);font-size:22px;line-height:1;color:#d7e4ff}.level-badge .lvl-l{font-size:10px;letter-spacing:.1em;color:#9db0d8;text-transform:uppercase}.ranked-play{gap:18px}.find-game{width:100%;padding:14px;font-size:18px}.searching{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-radius:6px;background:#0000004d;border:1px solid rgba(217,182,98,.3)}.searching .mono{font-variant-numeric:tabular-nums;color:var(--gold-hi)}.spinner{width:14px;height:14px;border-radius:50%;border:2px solid rgba(217,182,98,.3);border-top-color:var(--gold);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.ranked-map{width:170px;text-align:center}.ranked-map canvas{border-radius:5px;border:1px solid var(--panel-border)}.board .list-item.me{border-color:#d9b662b3;background:linear-gradient(180deg,#ffdc961f,#00000040)}.board .rank-n{min-width:22px;color:var(--muted);font-variant-numeric:tabular-nums}.last-result{display:flex;gap:10px;align-items:center;padding:8px 12px;border-radius:5px;margin-bottom:12px;border:1px solid var(--panel-border);background:#00000040}.last-result.win{border-color:#9ccb6380}.last-result.loss{border-color:#e8837f80}.ranked-result{display:flex;gap:12px;align-items:center;margin:10px 0 4px;padding:10px 14px;border-radius:6px;background:linear-gradient(180deg,#fff0d212,#0000004d);border:1px solid var(--panel-border)}.ranked-result.pending{justify-content:center}.ranked-result .rating-value{font-size:22px}.badge.lock{margin-left:6px}@media(max-width:800px){.card.ranked{width:94vw}.ranked-map{display:none}.profile-head{flex-wrap:wrap}}html.touch-ui{-webkit-tap-highlight-color:transparent}.hud.touch button{touch-action:manipulation;-webkit-touch-callout:none}.minimap-wrap canvas{touch-action:none}.hud.touch .hud-msgs,.hud.touch .hud-chat-input{left:8px;bottom:auto;top:82px;width:min(46vw,360px);font-size:11.5px}.hud.touch .hud-msgs{max-height:74px;overflow:hidden}.hud.touch .hud-chat-input{top:auto;bottom:200px;width:min(92vw,420px)}.hud.touch .hud-hint{top:44px;bottom:auto;max-width:56vw}.hud.touch .hud-toast{top:82px}.hud.touch .tooltip{left:50%;right:auto;transform:translate(-50%);bottom:200px;width:min(92vw,360px);max-height:46vh;overflow:auto}.hud.touch .tooltip.closable{pointer-events:auto;cursor:pointer}.hud.touch .sel-help{align-self:center;line-height:1.45;max-height:100%;overflow:hidden}.orient-prompt{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:24px;background:#090706db;backdrop-filter:blur(2px)}.orient-prompt h3{font-family:var(--font-display);color:var(--gold-hi);margin:0}.orient-prompt p{margin:0;max-width:280px}.orient-icon{font-size:54px;animation:tipover 2.4s ease-in-out infinite}@keyframes tipover{0%,40%{transform:rotate(0)}60%,to{transform:rotate(90deg)}}@media(max-height:560px){.hud-top{height:34px;padding:0 10px}.hud-players{font-size:12px}.hud-bottom{height:132px;grid-template-columns:112px 1fr auto;gap:8px;padding:6px 8px}.minimap-wrap{width:112px;height:112px}.sel-panel{min-height:0;padding:8px 10px;gap:10px}.sel-portrait{display:none}.sel-info h4{font-size:14px;margin-bottom:3px}.stats{gap:8px;font-size:11px}.cmd-panel{grid-template-columns:repeat(5,54px);grid-template-rows:repeat(2,1fr);height:118px}.hud-fps{display:none}.sel-help{font-size:11.5px}.hud-msgs,.hud-chat-input{bottom:146px}.hud-hint{bottom:140px}.tooltip{bottom:142px;max-height:calc(100vh - 200px)}.replay-ctl{top:40px}.card{padding:18px 16px 14px}.card h1{font-size:26px;margin-bottom:4px}.card h2{font-size:21px}.card h3{font-size:15px;margin:12px 0 6px}.card .subtitle{font-size:12px;margin:0 0 10px}.menu-buttons{gap:7px}.menu-buttons button{font-size:14px;padding:8px 24px}.screen{padding:10px 0}.results table{font-size:12px;margin:10px 0}.results th,.results td{padding:4px 6px}.maps{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:7px}.map-card{padding:6px;font-size:12px}.map-card canvas{margin-bottom:4px}.list{max-height:180px}}@media(max-height:560px){.hud.touch .cmd-panel{grid-template-columns:repeat(5,56px)}.hud.touch .cmd-btn{padding:2px 2px 15px;font-size:11px}.hud.touch .cmd-btn .icon{font-size:22px}.hud.touch .cmd-btn .cost{height:14px;line-height:14px;font-size:11px}.hud.touch .hud-msgs{max-height:54px}}@media(max-height:460px){.screen{padding:6px 0}.card{padding:12px 14px 10px}.card h1{font-size:22px}.card h2{font-size:18px;margin-bottom:8px}.card .subtitle{font-size:11px;margin-bottom:8px}.card .row{margin-bottom:8px!important}.menu-buttons{gap:5px}.menu-buttons button{font-size:13px;padding:6px 20px}.back{top:8px;right:10px;padding:4px 12px;font-size:12px}.lang-toggle{top:8px;left:10px}.settings td{padding:3px 6px}.hotkeys-grid{max-height:130px;overflow:auto}.maps{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));max-height:150px;overflow:auto}.map-card{padding:5px;font-size:11px}.slots{max-height:120px;overflow:auto}.list{max-height:130px}}@media(max-height:400px){.hud-bottom{height:118px;grid-template-columns:96px 1fr auto}.minimap-wrap{width:96px;height:96px}.cmd-panel,.hud.touch .cmd-panel{grid-template-columns:repeat(5,50px);height:104px}.sel-info .stats span:nth-child(n+4){display:none}.hud.touch .hud-msgs{display:none}.sel-help{font-size:11px}}