:root{--usable-top: 0px}html,body{margin:0;height:100%;background:#14101a;overflow:hidden;font-family:Georgia,serif;color:#d8c9a3}#game{display:block;margin:0 auto}#ui{position:fixed;left:50%;bottom:12px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px}#towerControls{position:fixed;z-index:12;display:flex;flex-direction:column;align-items:stretch;gap:8px;pointer-events:auto}#topbar{position:fixed;left:0;right:0;top:0;z-index:18;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px max(10px,calc((100vw - 1120px)/2));border-bottom:1px solid rgba(196,168,90,.55);background:#14101ae6;box-shadow:0 2px 10px #0000004d;pointer-events:auto}#topbarStats{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden}.topbarStat{display:inline-flex;align-items:baseline;gap:4px;white-space:nowrap;color:#f0e0c0;font-size:13px;line-height:1}.topbarStat .label{color:#8f7d9d;font-size:10px;letter-spacing:.04em;text-transform:uppercase}#topbarActions{display:flex;align-items:center;gap:6px;flex:0 0 auto}#relicRow{position:fixed;left:0;right:0;top:var(--usable-top);z-index:17;display:flex;align-items:center;flex-wrap:wrap;gap:5px;padding:5px max(10px,calc((100vw - 1120px)/2)) 2px;pointer-events:none}#relicRow:empty{display:none}#tutorialBanner{position:fixed;left:50%;transform:translate(-50%);top:calc(var(--usable-top) + 44px);z-index:17;max-width:min(640px,calc(100vw - 32px));padding:9px 16px;border:1px solid rgba(196,168,90,.6);border-radius:8px;background:#14101aeb;color:#f0e0c0;font-size:14px;line-height:1.45;text-align:center;pointer-events:none}#tutorialBanner .tbKicker{display:block;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#c9b6d6;margin-bottom:2px}#tutorialBanner .tbBtn{display:inline-block;margin-top:8px;padding:5px 16px;border:1px solid rgba(196,168,90,.7);border-radius:6px;background:#3c2e1ae6;color:#f6ead0;font:inherit;font-weight:700;cursor:pointer;pointer-events:auto}#tutorialBanner .tbBtn:hover{background:#5a4626f2;border-color:#e6c878e6}.tutAnchorBtn{position:fixed;transform:translate(-50%,-50%);z-index:16;padding:4px 12px;border:1px solid rgba(230,200,120,.9);border-radius:6px;background:#3c2e1af2;color:#f6ead0;font-family:Georgia,serif;font-size:13px;font-weight:700;white-space:nowrap;cursor:pointer;pointer-events:auto;box-shadow:0 0 10px #e8e05a80;animation:tutAnchorPulse 1.2s ease-in-out infinite}.tutAnchorBtn:hover{background:#5a4626fa}.tutAnchorBtn.done{background:#283c22f2;border-color:#78c878e6;box-shadow:none;animation:none;cursor:default}.tutAnchorBtn.done:before{content:"✓ ";color:#8fe08f}@keyframes tutAnchorPulse{0%,to{box-shadow:0 0 6px #e8e05a66}50%{box-shadow:0 0 14px #e8e05ad9}}.relicChip{position:relative;width:60px;height:60px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;border:1px solid rgba(196,168,90,.55);border-radius:8px;background:#14101ad9;font-size:30px;line-height:1;color:#e8dcc0;pointer-events:auto;transform:translate(calc(var(--tg-x, 0) * 1px),calc(var(--tg-y, 0) * 1px))}.relicChip.relicChipPop{animation:relicChipPop .3s cubic-bezier(.22,1,.36,1)}@keyframes relicChipPop{0%{transform:scale(1);border-color:#c4a85a8c;box-shadow:0 0 #ffe08a00}45%{transform:scale(1.24);border-color:#ffe08af2;box-shadow:0 0 18px #ffe08ae6}to{transform:scale(1);border-color:#c4a85a8c;box-shadow:0 0 #ffe08a00}}.relicChip.relicChipPop:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:3;box-shadow:0 0 0 2px #ffe08ab3;animation:relicPopBurst .3s cubic-bezier(.22,1,.36,1)}@keyframes relicPopBurst{0%{transform:scale(.9);opacity:.9}to{transform:scale(1.6);opacity:0}}.relicFaceMono{font-weight:700;letter-spacing:.03em;color:#c9b6d6}.relicFaceEmoji{display:inline-flex;align-items:center;justify-content:center;line-height:1}.relicChip>span{position:relative;z-index:1}.relicChip .relicFaceMono{font-size:22px}.relicChip .relicFaceEmoji{font-size:30px}.relicChip .native,.relicChip .relicNativeIcon{display:block;width:48px;height:48px}.relicFaceInline{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex:0 0 20px}.relicFaceInline .relicNativeIcon{display:block;width:20px;height:20px}.relicFaceInline .relicFaceEmoji{font-size:15px}.relicFaceInline .relicFaceMono{font-size:9px}.relicChipSweep{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:7px;background:conic-gradient(rgba(232,197,90,.3) calc(var(--frac, 0) * 1turn),transparent 0);pointer-events:none}.relicChipTime{position:absolute;right:-4px;bottom:-5px;min-width:18px;padding:0 2px;border-radius:6px;border:1px solid rgba(196,168,90,.55);background:#14101af2;color:#f0e0c0;font-size:12px;line-height:15px;text-align:center}.relicChipTime:empty{display:none}.relicChip.windowActive{border-color:#e8e05a;box-shadow:0 0 8px #e8e05ab3}.relicChip.armed{border-color:#b06ad8;box-shadow:0 0 6px #b06ad899}#enemyCard{position:fixed;left:12px;bottom:12px;z-index:19;width:236px;box-sizing:border-box;padding:10px 12px 12px;border:1px solid rgba(196,168,90,.72);border-radius:8px;background:#14101af0;box-shadow:0 8px 18px #00000052;color:#e8dcc0;font-family:Georgia,serif;pointer-events:auto}#enemyCard[hidden]{display:none}@keyframes ecPop{0%{transform:scale(.9);opacity:.3}60%{transform:scale(1.03)}to{transform:scale(1);opacity:1}}#enemyCard.ecPop{animation:ecPop .15s ease-out}#enemyCard .ecHead{display:flex;align-items:center;gap:10px}#enemyCard .ecModel{width:64px;height:64px;flex:0 0 auto;background:#00000047;border:1px solid rgba(120,100,150,.4);border-radius:6px}#enemyCard .ecTitle{flex:1 1 auto;min-width:0}#enemyCard .ecName{font-size:16px;color:#f0d080;line-height:1.1}#enemyCard .ecRole{font-size:11px;color:#9a8ba8;margin-top:3px}#enemyCard .ecRole:empty{display:none}#enemyCard .ecClose{flex:0 0 auto;background:none;border:none;color:#9a8ba8;font-size:19px;line-height:1;cursor:pointer;padding:0 2px;align-self:flex-start}#enemyCard .ecClose:hover{color:#f0d080}#enemyCard .ecStats{margin-top:10px;display:grid;grid-template-columns:auto 1fr;gap:3px 10px;font-size:12px}#enemyCard .ecStats .k{color:#8f7d9d}#enemyCard .ecStats .v{color:#f0e0c0;text-align:right;white-space:nowrap}#enemyCard .ecAbilities{margin-top:9px;padding-top:8px;border-top:1px solid rgba(120,100,150,.28);font-size:11px;color:#c9b6d6;line-height:1.45}#enemyCard .ecAbilities:empty{display:none}#towerCard{position:fixed;left:12px;bottom:12px;z-index:19;width:264px;box-sizing:border-box;padding:10px 12px 12px;border:1px solid rgba(196,168,90,.72);border-radius:8px;background:#14101af0;box-shadow:0 8px 18px #00000052;color:#e8dcc0;font-family:Georgia,serif;pointer-events:auto}#towerCard[hidden]{display:none}#towerCard.ecPop{animation:ecPop .15s ease-out}#towerCard .tcHead{display:flex;align-items:center;gap:10px}#towerCard .tcTitle{flex:1 1 auto;min-width:0}#towerCard .tcName{font-size:16px;color:#f0d080;line-height:1.1}#towerCard .tcSub{font-size:11px;color:#9a8ba8;margin-top:3px}#towerCard .tcClose{flex:0 0 auto;background:none;border:none;color:#9a8ba8;font-size:19px;line-height:1;cursor:pointer;padding:0 2px;align-self:flex-start}#towerCard .tcClose:hover{color:#f0d080}#towerCard .tcList{margin-top:9px;padding-top:8px;padding-right:4px;border-top:1px solid rgba(120,100,150,.28);max-height:min(42vh,340px);overflow-y:auto;display:flex;flex-direction:column;gap:8px}#towerCard .tcCardName{font-size:12px;color:#f0e0c0}#towerCard .tcCount{color:#f0d080}#towerCard .tcText{font-size:11px;color:#c9b6d6;line-height:1.45;margin-top:2px}#towerCard .tcEmpty{font-size:11px;color:#9a8ba8;line-height:1.5}@media (max-width: 760px){#topbar{align-items:stretch;flex-direction:column;gap:7px}#topbarStats,#topbarActions{justify-content:center;flex-wrap:wrap}#handRow{gap:6px}#hand.fanHand{--fan-hover-lift: -42px;--fan-hover-scale: 1.14;min-height:288px;max-width:calc(100vw - 134px);padding:30px 22px 14px}}#queueRow{display:flex;align-items:center;gap:6px;min-height:34px}#queueLabel{color:#7a6a8a;font-size:12px}.qcard{position:relative;background:#2e2418;color:#e8c55a;border:1px solid #c4a85a;border-radius:6px;padding:5px 9px;font-size:12px;cursor:pointer;font-family:Georgia,serif}.qcard:hover{border-color:#f0d080}#handRow{display:flex;align-items:flex-end;gap:10px;max-width:calc(100vw - 24px)}#energy{display:none;color:#e8c55a;font-size:22px;min-width:56px;text-align:center}#hand{display:flex;align-items:center;justify-content:center;gap:8px}#hand.fanHand{--fan-hover-lift: -52px;--fan-hover-scale: 1.22;align-items:flex-end;gap:0!important;min-height:314px;max-width:min(830px,calc(100vw - 236px));box-sizing:border-box;padding:34px 42px 18px;overflow:visible}.card{position:relative;box-sizing:border-box;width:var(--card-width, 168px);background:var(--card-bg, #241a2e);color:#d8c9a3;border:1px solid #6b5a52;border-radius:11px;cursor:pointer;font-family:Georgia,serif;text-align:left;box-shadow:inset 0 0 0 1px #f0e0c00f,0 8px 18px #0000004d}#hand:not(.fanHand) .card:hover:not(:disabled):not(.unplayable){border-color:#c4a85a;transform:translateY(-4px)}#hand.fanHand .card{z-index:var(--fan-z, 1);flex:0 0 auto;margin-left:var(--fan-overlap, -36px);transform:translateY(calc(var(--fan-arc, 0) * 1px)) rotate(calc(var(--fan-offset, 0) * 1deg));transform-origin:50% 100%;transition:transform .23s cubic-bezier(.22,1,.36,1),border-color .23s ease,box-shadow .23s ease,opacity .23s ease;will-change:transform}#hand.fanHand .card:first-child{margin-left:0}#hand.fanHand.slotMode .handSlot{flex:0 0 auto;position:relative;margin-left:var(--fan-overlap, -58px)}#hand.fanHand.slotMode .handSlot:first-child,#hand.fanHand.slotMode .card{margin-left:0}.slotGhost{box-sizing:border-box;width:var(--card-width, 168px);min-height:var(--card-min-height, 244px);border:1px dashed #7a6a8a;border-radius:11px;background:#241a2e8c;opacity:var(--ghost-opacity, .45);transform:translate(calc(var(--tg-x, 0) * 1px),calc((var(--fan-arc, 0) + var(--tg-y, 0)) * 1px)) rotate(calc(var(--fan-offset, 0) * 1deg));transform-origin:50% 100%;pointer-events:none;position:relative}.slotGhost.telegraphing{border-color:#b89ad0;box-shadow:0 0 10px #b89ad073;opacity:calc(var(--ghost-opacity, .45) + .22)}.slotKeyBadge{position:absolute;top:-34px;left:calc(50% + var(--fan-overlap, -58px) / 2);transform:translate(-50%);z-index:60;box-sizing:border-box;min-width:24px;height:24px;border:2px solid #d4b66a;border-radius:6px;background:#120c18f2;box-shadow:0 0 0 2px #120c18d9;color:#f0e0c0;font-size:15px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;line-height:1;padding-bottom:3px;pointer-events:none}.slotKeyNum{transform:translateY(-1px)}.slotKeyBadge[data-key="6"] .slotKeyNum{transform:translateY(1px)}#hand.fanHand .card:hover,#hand.fanHand .card:focus-visible,#hand.fanHand .card:focus-within{z-index:80;border-color:#d4b66a;box-shadow:inset 0 0 0 1px #f0e0c01f,0 16px 34px #00000080;transform:translateY(calc(var(--fan-arc, 0) * 1px)) rotate(calc(var(--fan-offset, 0) * 1deg)) scale(var(--fan-hover-scale))}#hand.fanHand .card.unplayable:hover,#hand.fanHand .card.unplayable:focus-visible,#hand.fanHand .card.unplayable:focus-within{opacity:.72}.card:disabled,.card.unplayable{opacity:.45;cursor:default}.card.unplayable .previewEye{cursor:pointer}.cardInner{display:flex;flex-direction:column;box-sizing:border-box;min-height:var(--card-min-height, 244px);padding:var(--card-frame-pad, 11px) var(--card-frame-pad, 11px) 12px}.energyCoin{position:absolute;top:var(--coin-offset-y, -14px);left:var(--coin-offset-x, -14px);width:var(--coin-size, 46px);height:var(--coin-size, 46px);box-sizing:border-box;border:2px solid #7a4e1e;border-radius:50%;box-shadow:0 2px 5px #00000080,inset 0 1px 2px #fff6d699;display:flex;align-items:center;justify-content:center;z-index:6;pointer-events:none}.energyCoin .coinNum{font-weight:800;font-size:var(--coin-num-size, 20px);line-height:1;text-shadow:0 1px 0 rgba(255,246,214,.4)}.card.lowEnergy .energyCoin .coinNum{color:#ff5a5a!important}.card .cardHotkey{position:absolute;top:-10px;right:-8px;box-sizing:border-box;min-width:22px;height:22px;padding:0 4px;border:1px solid #6b5a52;border-radius:6px;background:#120c18f2;box-shadow:0 0 0 2px #120c18b3;color:#d8c9a3;font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;line-height:1;z-index:6;pointer-events:none}.cardFrame{position:relative;width:100%;box-sizing:border-box}.cardWindowFallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#8a7896}.cardCover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.cardWindowStroke{fill:none;stroke:var(--rarity, #b8aca0);stroke-width:var(--card-window-stroke, 2.5);vector-effect:non-scaling-stroke}.cardNameChip,.cardTypeChip{position:absolute;left:50%;transform:translate(-50%,-50%);box-sizing:border-box;max-width:92%;border:var(--chip-border-w, 1.5px) solid var(--rarity, #b8aca0);background:#1a121f;color:#f4e8c8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:3}.cardNameChip{top:var(--name-chip-top, 5%);padding:2px var(--name-chip-pad-x, 9px);border-radius:var(--name-chip-radius, 7px);font-size:var(--card-name-size, 13px);font-weight:700;text-align:center}.cardTypeChip{top:var(--type-chip-top, 95%);padding:1px var(--type-chip-pad-x, 8px);border-radius:var(--type-chip-radius, 6px);font-size:var(--type-chip-size, 10px);text-transform:uppercase;letter-spacing:.6px;color:#cdbfa0}.cardText{padding-top:10px;font-size:var(--card-text-size, 11.5px);line-height:1.28;color:#b7a7c2}.cardText .kw{color:#e8d29a;text-decoration:underline dotted rgba(232,210,154,.55);text-underline-offset:2px;cursor:help}.cardViewAlt{position:absolute;right:5%;bottom:7%;min-width:30px;box-sizing:border-box;border:1px solid rgba(240,224,192,.75);border-radius:4px;padding:1px 4px;color:#f0e0c0;background:#120c18d1;font-size:9px;line-height:1;text-align:center;text-transform:none;cursor:pointer;-webkit-user-select:none;user-select:none;z-index:4}.cardViewAlt:hover{border-color:#e8c55a;color:#ffe08a}.cardText.techText{display:grid;grid-template-columns:1fr 1fr;gap:1px 6px;font-size:var(--card-tech-size, 10px);line-height:1.3;color:#cfc3ac}.cardText.techText .techWide{grid-column:1 / -1}.techLive{color:#4fc47a;font-weight:700}.offerPanel.legendPanel{width:min(1100px,96vw);max-width:none;max-height:88vh;overflow:auto;padding:18px 22px 20px}.legendIntro{max-width:720px;margin:6px auto 14px;font-size:13px;line-height:1.45;color:#b7a7c2}.legendColumns{display:flex;justify-content:center;gap:34px;flex-wrap:wrap}.legendCol{display:flex;gap:16px;align-items:flex-start;max-width:460px}.legendCol .card.legendCard{flex:0 0 auto;cursor:default}.legendRows{display:flex;flex-direction:column;gap:7px;padding-top:6px}.legendRow{display:grid;grid-template-columns:118px 1fr;gap:10px;align-items:baseline;font-size:12px;line-height:1.35}.legendShort{color:#e6dcc8;font-weight:600;white-space:nowrap}.legendFull{color:#a898b6}.card.rewardCard{justify-self:center}.statIcon{display:inline-block;width:.86em;height:.96em;margin-right:2px;vertical-align:-.12em;background:currentColor}.shieldStatIcon{clip-path:polygon(50% 0%,86% 15%,80% 62%,50% 100%,20% 62%,14% 15%)}.dpsStat{color:#7fd6a0;font-weight:600}.talentPick{position:relative;box-sizing:border-box;width:150px;min-height:96px;padding:10px 12px;background:#241a2e;color:#d8c9a3;border:1px solid #5a4a6a;border-radius:8px;cursor:pointer;font-family:Georgia,serif;text-align:left}.talentPick:hover{border-color:#c4a85a;transform:translateY(-4px)}.talentPick.rare{border-color:#8f58d8}.talentPick.uncommon{border-color:#6a8ac4}.talentPickHead{color:#e8c55a;font-weight:700}.talentPickName{font-size:14px;margin:4px 0;color:#f0e0c0}.talentPickText{font-size:11px;color:#9a8ba8}.card .previewEye,.qcard .previewEye{position:absolute;top:7px;right:8px;width:22px;height:16px;box-sizing:border-box;border:1px solid #8b789c;border-radius:50%;background:#14101acc;cursor:pointer}.card .previewEye:before,.qcard .previewEye:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}.qcard .previewEye{top:-5px;right:-5px;background:#2e2418eb}.card .previewEye:after,.qcard .previewEye:after{content:"";position:absolute;left:8px;top:5px;width:6px;height:6px;border-radius:50%;background:#d8c9a3}.card .previewEye:hover,.card .previewEye.active,.qcard .previewEye:hover,.qcard .previewEye.active{border-color:#f0d080;box-shadow:0 0 7px #f0d08073}#cardPreview{position:fixed;width:min(820px,calc(100vw - 24px));box-sizing:border-box;background:#17121f;border:1px solid #c4a85a;border-radius:8px;box-shadow:0 10px 32px #00000094;padding:10px;z-index:20;display:none;pointer-events:none}#cardInspectBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:19;display:none}#cardPreview.cardInspect{left:50%;top:50%;right:auto;transform:translate(-50%,-50%) scale(1.1);transform-origin:center;z-index:21;pointer-events:auto}#cardPreview .cphead{display:flex;justify-content:space-between;gap:8px;margin-bottom:5px;font-size:12px;line-height:1.2}#cardPreview .cpname{color:#f0e0c0;font-weight:700}#cardPreview .cpscenario{color:#9a8ba8;text-align:right}#cardPreview .cpbody{display:grid;grid-template-columns:270px 1fr;gap:10px;align-items:start}#cardPreview .cpcard{box-sizing:border-box;min-height:0;display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 6px 6px}#cardPreview .cpcardFace{cursor:default}#cardPreview .cpcardStats{align-self:stretch;color:#e0b86a;font-size:15px;line-height:1.4;padding:8px 10px;border:1px solid rgba(95,81,64,.9);border-radius:6px;background:#120d1399}#cardPreview .cpKeywords{align-self:stretch;display:flex;flex-direction:column;gap:5px;padding:8px 10px;border:1px solid rgba(95,81,64,.6);border-radius:6px;background:#120d1373;font-size:12.5px;line-height:1.35;color:#b7a7c2}#cardPreview .cpKeywords .kwRow .kw{color:#e8d29a;margin-right:4px}#cardPreview canvas{display:block;width:100%;height:394px;background:#100c17;border:1px solid #2c2438;border-radius:6px}#cardPreview .cpEditBtn{display:none;background:#241d30;color:#cfc8dc;border:1px solid #3a2f4a;border-radius:4px;padding:1px 8px;font:inherit;font-size:11px;cursor:pointer}#cardPreview.cardInspect .cpEditBtn{display:inline-block}#cardPreview.cpScripted .cpbody{grid-template-columns:1fr}#cardPreview.cpScripted .cpcard{display:none}#cardPreview.cpScripted canvas{height:300px}#cardPreview .cpcaption{display:none;min-height:20px;margin-top:6px;color:#d8c9a3;font-family:Georgia,Times New Roman,serif;font-size:13px;text-align:center}#cardPreview.cpScripted .cpcaption{display:block}#cardPreview .cphand{display:none}#cardPreview.cpScripted .cphand{display:flex;justify-content:center;gap:10px;padding:10px 4px 2px;min-height:40px}#cardPreview .cpHandCard{transform:scale(.88);transform-origin:bottom center;transition:transform .25s ease,filter .25s ease;cursor:default;pointer-events:none}#cardPreview .cpHandCard.cpAboutToPlay{transform:translateY(-16px) scale(1.06);filter:drop-shadow(0 0 10px rgba(240,208,128,.55))}#cardPreview .cpHandCard.cpPlayed{transform:translateY(-70px) scale(1.1);opacity:0;transition:all .35s ease-in}@media (max-width: 700px){#cardPreview .cpbody{grid-template-columns:1fr}#cardPreview .cpcard{min-height:0}#cardPreview canvas{height:240px}}#visualLabBtn,#perfModeBtn,#perfStatsBtn,#mapBtn,#deckBtn,#optionsMenuBtn,#optionsMenuPanel button{background:#2e2418;color:#e8c55a;border:1px solid #c4a85a;border-radius:8px;padding:9px 10px;font-family:Georgia,serif;font-size:13px;cursor:pointer}#mapBtn:hover,#deckBtn:hover,#visualLabBtn:hover,#perfModeBtn:hover,#perfStatsBtn:hover,#optionsMenuBtn:hover,#optionsMenuPanel button:hover{border-color:#f0d080}#mapBtn[hidden],#deckBtn[hidden]{display:none}#mapBtn.active,#deckBtn.active,#perfModeBtn.active,#perfStatsBtn.active,#optionsMenuWrap.open #optionsMenuBtn{background:#5b2630;color:#f0e0c0;border-color:#e0b86a}#optionsMenuWrap{position:relative}#optionsMenuPanel{position:absolute;right:0;top:calc(100% + 6px);z-index:22;display:none;min-width:210px;box-sizing:border-box;padding:6px;border:1px solid rgba(196,168,90,.72);border-radius:8px;background:#14101af7;box-shadow:0 10px 26px #0000006b}#optionsMenuWrap.open #optionsMenuPanel{display:grid;gap:6px}#optionsMenuPanel button{width:100%;padding:8px 10px;text-align:left}#visualFeedbackPanel{display:none;gap:5px;padding:7px;border:1px solid rgba(90,72,112,.8);border-radius:6px;background:#0c0a12b8}#visualFeedbackPanel.open{display:grid}#visualFeedbackPanel label{display:grid;grid-template-columns:16px 1fr;align-items:center;gap:7px;color:#d8c9a3;font:12px/1.25 Georgia,serif;cursor:pointer;-webkit-user-select:none;user-select:none}#visualFeedbackPanel input{margin:0;accent-color:#c46a4a}#visualFeedbackPanel .vfHeading{color:#8a7ca0;font:700 10px/1.4 Georgia,serif;letter-spacing:.08em;text-transform:uppercase;margin-top:4px;padding-bottom:2px;border-bottom:1px solid rgba(90,72,112,.5)}#visualFeedbackPanel .vfHeading:first-child{margin-top:0}#perfStats{position:fixed;top:calc(var(--usable-top) + 8px);right:10px;z-index:20;display:none;min-width:220px;box-sizing:border-box;border:1px solid rgba(196,168,90,.75);border-radius:6px;padding:8px 10px;background:#100c17e6;color:#f0e0c0;font:12px/1.35 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;white-space:pre;pointer-events:none}#offerScreen{position:fixed;inset:var(--usable-top) 0 0 0;display:none;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;z-index:8;pointer-events:none}#offerScreen.open{display:flex}#offerScreen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0e0a122e,#0e0a129e 34%,#0e0a12b8 66%,#0e0a122e)}.offerPanel{position:relative;width:min(980px,calc(100vw - 48px));max-height:min(74vh,620px);overflow:auto;pointer-events:auto;box-sizing:border-box;padding:22px 24px 20px;background:#130f18f5;border-top:1px solid #d4b66a;border-bottom:1px solid #d4b66a;box-shadow:0 18px 60px #000000b3,inset 0 1px #f0e0c01f}.offerPanel.rewardsPanel{width:auto;max-width:min(560px,calc(100vw - 48px))}.offerPanel.mapPanel{width:min(1500px,96vw);max-width:none;height:94vh;max-height:94vh;overflow:hidden;display:flex;flex-direction:column;padding:18px 22px 16px}.mapPanel .offerHead{flex:0 0 auto;margin-bottom:10px}.mapPanel .mapScroll{flex:1 1 auto;min-height:0;overflow:auto}.offerPanel.deckPanel{width:min(1100px,96vw);max-width:none;max-height:88vh;overflow:hidden;display:flex;flex-direction:column;padding:18px 22px 16px}.deckPanel .offerHead{flex:0 0 auto;margin-bottom:10px}.deckTabs{flex:0 0 auto;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid #3a2f24}.deckTab{background:#241a2e;color:#c4a85a;border:1px solid #5a4a6a;border-radius:8px;padding:7px 12px;cursor:pointer;font-family:Georgia,serif;font-size:13px}.deckTab:hover{border-color:#c4a85a}.deckTab.active{background:#5b2630;color:#f0e0c0;border-color:#e0b86a}.deckScroll{flex:1 1 auto;min-height:0;overflow:auto;padding:18px 16px 10px}.deckGrid{display:grid;grid-template-columns:repeat(auto-fill,var(--card-width, 168px));gap:30px 16px;justify-content:center;align-content:start}.deckEmpty{color:#8a7c6a;font-size:15px;text-align:center;padding:48px 0}.offerHead{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:16px}.offerKicker{color:#c4a85a;font-size:12px;text-transform:uppercase;letter-spacing:1.4px}.offerTitle{color:#f0e0c0;font-size:27px;line-height:1.1;margin-top:3px}.offerSkip{flex:0 0 auto;background:#2e2418;color:#e8c55a;border:1px solid #c4a85a;border-radius:8px;padding:10px 14px;cursor:pointer;font-family:Georgia,serif;font-size:13px}.offerSkip:hover{border-color:#f0d080;background:#3a2c1e}.offerOptions{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.offerOptions.cardRewardOptions{grid-template-columns:repeat(auto-fit,minmax(var(--card-width, 168px),var(--card-width, 168px)));justify-content:center;align-items:start;gap:16px;padding:18px 18px 4px}.rewardHubOptions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.rewardHubItem{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;width:92px;box-sizing:border-box;background:#21192a;color:#d8c9a3;border:1px solid #62516f;border-radius:10px;padding:12px 8px 10px;cursor:pointer;font-family:Georgia,serif;text-align:center}.rewardHubItem:hover{border-color:#d4b66a;background:#2a2032;transform:translateY(-3px)}.rewardHubItem .offerName{font-size:13px;line-height:1.2;margin:0}.rewardHubCount{position:absolute;top:-7px;right:-7px;min-width:18px;height:18px;box-sizing:border-box;padding:0 4px;border-radius:9px;background:#15101c;border:1px solid #c4a85a;color:#f0d080;font-size:11px;line-height:16px;text-align:center}.rewardHubBadge{display:flex;align-items:center;justify-content:center;width:52px;height:52px;box-sizing:border-box;border:1px solid #7a6a8a;border-radius:50%;color:#e8c55a;background:#15101c;font-size:11px;font-weight:700;text-transform:uppercase}.rewardHubBadge .hubBadgeIcon{font-size:26px;line-height:1}.rewardHubBadge .relicNativeIcon{display:block;width:42px;height:42px}.rewardHubBadge .relicFaceEmoji{font-size:28px}.rewardHubBadge .relicFaceMono{font-size:18px}.rewardHubItem.draft,.rewardHubItem.relic{border-color:#c4a85a}.rewardHubItem.talent{border-color:#6a8ac4}.offerOption{display:grid;grid-template-columns:50px 1fr;gap:12px;align-items:start;min-height:128px;width:100%;box-sizing:border-box;background:#21192a;color:#d8c9a3;border:1px solid #62516f;border-radius:8px;padding:14px;cursor:pointer;font-family:Georgia,serif;text-align:left}.offerOption:hover{border-color:#d4b66a;background:#2a2032;transform:translateY(-2px)}.offerSigil{display:flex;align-items:center;justify-content:center;width:48px;height:48px;box-sizing:border-box;border:1px solid #7a6a8a;border-radius:50%;color:#e8c55a;background:#15101c;font-size:13px;font-weight:700;text-transform:uppercase}.offerMeta{color:#c4a85a;font-size:11px;text-transform:uppercase;letter-spacing:.9px}.offerName{color:#f0e0c0;font-size:18px;line-height:1.15;margin:3px 0 6px}.offerStats{color:#e0b86a;font-size:11px;line-height:1.35;margin-bottom:6px}.offerText{color:#a899b4;font-size:12px;line-height:1.35}.offerOption.rare{border-color:#8f58d8}.offerOption.uncommon{border-color:#6a8ac4}.offerOption.card .offerSigil{font-size:16px}.offerOption.relic{background:#251924;border-color:#c4a85a}.offerOption.relic .offerSigil{color:#f0e0c0;border-color:#c4a85a;background:#3a1d1f}.offerSigil .relicNativeIcon{display:block;width:40px;height:40px}.offerSigil .relicFaceEmoji{font-size:26px}.offerSigil .offerSigilIcon{font-size:24px;line-height:1}.offerSigil .relicFaceMono{font-size:18px}.offerOption:disabled{opacity:.45;cursor:default}.offerOption:disabled:hover{border-color:#62516f;background:#21192a;transform:none}.offerBody{color:#c9b9d0;font-size:14px;line-height:1.5;margin:-4px 0 16px}@media (max-width: 760px){#offerScreen{padding:12px}.offerPanel{width:calc(100vw - 24px);max-height:calc(100vh - 72px);padding:16px}.offerHead{align-items:flex-start;flex-direction:column}.offerTitle{font-size:22px}.offerSkip{width:100%}.offerOptions{grid-template-columns:1fr}}#ffwd,#slowmo{background:#2e2418;color:#e8c55a;border:1px solid #c4a85a;border-radius:8px;padding:14px;font-family:Georgia,serif;font-size:14px;cursor:pointer}#ffwd.active,#slowmo.active{background:#5b2630;color:#f0e0c0;border-color:#e0b86a}#hand .card .handExpiryBar{position:absolute;left:0;bottom:0;height:3px;width:100%;background:linear-gradient(90deg,#e0b86a,#c44a4a);border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;pointer-events:none;transition:width .1s linear;z-index:4}#hand .card .expiryMark{position:absolute;bottom:0;width:2px;height:6px;transform:translate(-1px);border-radius:1px;pointer-events:none;z-index:5}#hand .card .expiryMark.farewell{background:#ffd66a;box-shadow:0 0 3px #ffd66ae6}#hand .card .expiryMark.vintage{background:#b56ad6;box-shadow:0 0 3px #b56ad6e6}#hand .card.cardDrawPop{animation:handCardPop .34s cubic-bezier(.22,1,.36,1)}@keyframes handCardPop{0%{transform:translateY(calc(var(--fan-arc, 0) * 1px)) rotate(calc(var(--fan-offset, 0) * 1deg)) scale(.9);box-shadow:0 0 22px #d8c9a3d9}60%{transform:translateY(calc(var(--fan-arc, 0) * 1px)) rotate(calc(var(--fan-offset, 0) * 1deg)) scale(1.12);box-shadow:0 0 16px #d8c9a399}to{transform:translateY(calc(var(--fan-arc, 0) * 1px)) rotate(calc(var(--fan-offset, 0) * 1deg)) scale(1);box-shadow:0 0 #d8c9a300}}#hand .card.cardDrawPop:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:3;box-shadow:0 0 0 2px #d8c9a3b3;animation:cardPopBurst .34s cubic-bezier(.22,1,.36,1)}@keyframes cardPopBurst{0%{transform:scale(.9);opacity:.9}to{transform:scale(1.5);opacity:0}}#hand .card .cardFlash{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:#fff;opacity:0;pointer-events:none;z-index:2}#confirm{background:#8a2433;color:#f0e0c0;border:none;border-radius:8px;padding:14px 18px;font-family:Georgia,serif;font-size:14px;cursor:pointer}#overlay{position:fixed;inset:var(--usable-top) 0 0 0;background:#0c0810eb;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;z-index:10;text-align:center}#overlay h1{color:#c42440;font-size:42px;margin:0;letter-spacing:2px}#overlay .sub{color:#9a8ba8;max-width:480px}#overlay input{background:#241a2e;color:#d8c9a3;border:1px solid #5a4a6a;border-radius:6px;padding:8px 10px;font-family:Georgia,serif;width:180px;text-align:center}#overlay button{background:#8a2433;color:#f0e0c0;border:none;border-radius:8px;padding:12px 26px;font-size:16px;font-family:Georgia,serif;cursor:pointer}#tuning{position:fixed;top:var(--usable-top);right:0;bottom:0;width:300px;background:#14101af7;border-left:1px solid #5a4a6a;overflow-y:auto;padding:10px;font-size:12px;display:none;z-index:9}#tuning h3{color:#e8c55a;margin:6px 0}#tuning details{margin-bottom:6px}#tuning summary{cursor:pointer;color:#c4a85a}#tuning label{display:flex;justify-content:space-between;gap:6px;margin:2px 0}#tuning input{width:70px;background:#241a2e;color:#d8c9a3;border:1px solid #5a4a6a;border-radius:4px;padding:1px 4px}#tuning button{background:#2e2418;color:#e8c55a;border:1px solid #c4a85a;border-radius:6px;padding:6px 10px;margin:4px 4px 10px 0;cursor:pointer;font-family:Georgia,serif}#wavedock{position:fixed;left:0;right:0;bottom:0;height:250px;box-sizing:border-box;background:#14101afa;border-top:1px solid #5a4a6a;padding:12px;z-index:12;display:none;overflow:visible;font-size:12px}#wavedock.open{display:block}#wavedock .dockhead{display:flex;align-items:center;gap:10px;margin-bottom:10px}#wavedock .dockhead span{color:#e8c55a;font-size:15px}#wavedock .dockhint{color:#7a6a8a!important;font-size:11px!important}#wavedock select{background:#241a2e;color:#d8c9a3;border:1px solid #5a4a6a;border-radius:4px;padding:4px 8px;font-family:Georgia,serif;font-size:13px}#wavedock .dockclose{margin-left:auto;background:#2e2418;color:#e8c55a;border:1px solid #c4a85a;border-radius:6px;padding:6px 14px;cursor:pointer;font-family:Georgia,serif}#roundpicker{position:fixed;top:var(--usable-top);left:0;bottom:0;width:210px;background:#14101af7;border-right:1px solid #5a4a6a;padding:10px;overflow-y:auto;z-index:11;display:none;box-sizing:border-box;font-size:12px}#roundpicker.open{display:block}#roundpicker .rphead{color:#e8c55a;font-size:15px;margin-bottom:8px}#roundpicker select{width:100%;background:#241a2e;color:#d8c9a3;border:1px solid #5a4a6a;border-radius:4px;padding:4px 6px;font-family:Georgia,serif;margin-bottom:8px}#roundpicker .rplist{display:flex;flex-direction:column;gap:5px}#roundpicker .rplist button{display:block;width:100%;text-align:left;background:#2e2418;color:#e8c55a;border:1px solid #c4a85a;border-radius:6px;padding:7px 9px;cursor:pointer;font-family:Georgia,serif;font-size:12px}#roundpicker .rplist button:hover{border-color:#f0d080;background:#3a2c1e}#roundpicker .rphint{color:#7a6a8a;font-size:10px;margin-top:10px;line-height:1.4}#spawnpop{position:fixed;top:calc(var(--usable-top) + 8px);width:220px;max-height:94vh;overflow:auto;box-sizing:border-box;background:#1a1426;border:1px solid #6a4a8a;border-radius:6px;padding:8px;z-index:30;font-size:12px;color:#d8c9a3;box-shadow:0 6px 20px #0000008c}#spawnpop button{background:#241a2e;color:#d8c9a3;border:1px solid #5a4a6a;border-radius:4px;padding:4px;cursor:pointer;font-family:Georgia,serif;font-size:11px}#spawnpop button.active{background:#3a2c4a;color:#f0d080;border-color:#c4a85a}#spawnpop input{box-sizing:border-box;background:#241a2e;color:#d8c9a3;border:1px solid #5a4a6a;border-radius:4px;padding:2px 4px;font-family:Georgia,serif}