:root{color:#f8edda;font-synthesis:none;--gold:#e9c989;--ink:#142e29;--card-h:clamp(54px,15.5dvh,130px);--card-w:calc(var(--card-h)*.714);--mat:#174c42;--mat-dark:#0e332d;--mat-line:#c8bc8630;background:#102e2a;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#ffffff09;border:1px solid #ffffff20;border-radius:9px;min-height:44px;padding:8px 14px}button:hover{background:#ffffff16}button:focus-visible{outline-offset:3px;outline:3px solid #f0d89c}button:disabled{opacity:.38;cursor:default}h1,h2,p{margin:0}button.primary,.primary{background:var(--gold);color:#21352e;border-color:var(--gold);font-weight:750;box-shadow:0 5px 15px #0002}button.primary:hover{background:#f6dca6}.app{width:100%;height:100%;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);isolation:isolate;background:radial-gradient(ellipse at 50% 20%,#fff1c510,transparent 65%),var(--mat-dark);flex-direction:column;display:flex;position:relative}.mat-0{--mat:#174c42;--mat-dark:#102f2b;--mat-line:#b7ccb42b}.mat-1{--mat:#26354d;--mat-dark:#142035;--mat-line:#a2bdd830}.mat-2{--mat:#8a6547;--mat-dark:#503e2e;--mat-line:#f4dfb83a}.topbar{z-index:3;background:#101d1bd9;border-bottom:1px solid #dbc89b26;flex:none;align-items:center;gap:20px;height:52px;padding:0 16px;display:flex}.brand{white-space:nowrap;background:0 0;border:0;align-items:center;gap:10px;padding:0 8px;display:flex}.brand span{color:var(--gold);font-size:27px}.brand b{letter-spacing:2px;font-size:12px}.top-subtitle{letter-spacing:2px;color:#b9c6be;flex:1;font-size:10px}.top-actions{gap:4px;margin-left:auto;display:flex}.icon-button{border:0;border-radius:50%;width:44px;padding:0;font-size:23px}.table-title{flex:1;align-items:baseline;gap:16px;display:flex;overflow:hidden}.table-title strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.table-title span{color:var(--gold);white-space:nowrap;font-size:11px}.home{background-image:radial-gradient(at 70% 40%,#fff7d50a,#0000 60%),repeating-linear-gradient(3deg,#0000 0 2px,#00000006 2px 3px);flex:1;min-height:0;padding:25px clamp(24px,6vw,90px);overflow:auto}.home-tabs{border-bottom:1px solid #fff2;align-items:center;gap:6px;padding-bottom:10px;display:flex}.home-tabs button{color:#b5c4bc;background:0 0;border:0;font-weight:600}.home-tabs button.active{color:var(--gold);background:#ffffff0d}.home-tabs>span{color:#e4d3ab;margin-left:auto;font-size:13px}.daily-layout{grid-template-columns:1.15fr 1fr;align-items:center;gap:48px;max-width:1140px;height:calc(100% - 70px);margin:auto;display:grid}.daily-copy h1{margin:18px 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(28px,4vw,62px);font-weight:500;line-height:1.1}.eyebrow{letter-spacing:2px;color:var(--gold);font-size:10px;font-weight:750;display:block}.daily-copy p{color:#e0e4d6;max-width:470px;font-size:15px;line-height:1.7}.difficulty{color:var(--gold);letter-spacing:4px;margin:14px 0}.difficulty span{color:#b6c8bc;letter-spacing:0;margin-left:16px;font-size:12px}.tags{flex-wrap:wrap;gap:7px;margin:17px 0;display:flex}.tags span{color:#e3d5b5;border:1px solid #d8cca330;border-radius:20px;padding:5px 10px;font-size:11px}.daily-copy .primary{justify-content:space-between;align-items:center;min-width:220px;margin-top:12px;padding:13px 20px;display:flex}.daily-copy small{color:#98afa2;margin-top:14px;font-size:11px;display:block}.home-art{justify-content:center;align-items:center;height:80%;min-height:200px;display:flex;position:relative}.compass{color:#e6cf9533;text-shadow:0 0 80px #e6cf9515;font-size:clamp(200px,30vw,480px);line-height:1;position:absolute;transform:rotate(12deg)}.compass:after{content:"";border:1px solid #e6cf9544;border-radius:50%;position:absolute;inset:15%;box-shadow:0 0 0 15px #e6cf9505}.preview-card{aspect-ratio:5/7;z-index:1;border-radius:8px;width:clamp(100px,14vw,195px);position:absolute;overflow:hidden;transform:translate(-22%,10%)rotate(-13deg);box-shadow:0 22px 40px #0007}.preview-card.second{z-index:2;transform:translate(33%,-8%)rotate(13deg)}.home-art>span{letter-spacing:3px;color:#d6c59e;font-size:9px;position:absolute;bottom:0}.pack-list{padding-top:20px}.pack-list h2{margin:8px 0 15px;font-family:Georgia,serif;font-size:25px}.pack-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-bottom:24px;display:grid}.pack-grid button{text-align:left;background:#0002;grid-template-columns:28px 1fr;gap:5px 10px;padding:16px;display:grid}.pack-grid strong{font-size:14px}.pack-grid small{color:#dccaa0;grid-column:2;font-size:11px}.solved-check{color:var(--gold);grid-row:span 2;font-size:22px}.loading{color:var(--gold);text-align:center;padding:50px}.dev-notice{color:#e9cd8c;margin-top:8px;font-size:10px}.table-shell{background:var(--mat);border-radius:16px;flex:1;min-height:0;margin:8px 12px 0;position:relative;overflow:hidden;box-shadow:0 3px 15px #0005,inset 0 0 0 1px #c9bb8430}.table{touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(at 50% 45%,#fff2b60c,#0000 70%),repeating-linear-gradient(83deg,#0000 0 2px,#ffffff03 2px 3px),repeating-linear-gradient(3deg,#0000 0 3px,#00000007 3px 4px);flex-direction:column;height:100%;padding:5px 20px 36px;display:flex;position:relative}.table:before{content:"✦";color:#ffffff03;pointer-events:none;font-size:300px;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.player{flex-direction:column;flex:1;gap:3px;min-height:0;display:flex;position:relative}.player.opp{flex-direction:column-reverse}.character-row{border-bottom:1px solid var(--mat-line);justify-content:center;align-items:center;gap:clamp(8px,3vw,48px);height:48%;padding:0 15%;display:flex;position:relative}.opp .character-row{border-bottom:0;border-top:1px solid var(--mat-line)}.card-slot{height:var(--card-h);width:var(--card-w);border:1px solid var(--mat-line);border-radius:5px;flex:none;justify-content:center;align-items:center;display:flex;position:relative}.card-slot>span:not(.zone-label){color:#e2d6b540;font-size:14px}.zone-label{color:#d5d9bd7a;letter-spacing:1.5px;pointer-events:none;white-space:nowrap;font-size:8px;font-weight:700}.character-row>.zone-label{writing-mode:vertical-rl;font-size:7px;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.base-row{grid-template-columns:1fr var(--card-w) 1fr 1.6fr 1fr;align-items:center;gap:20px;height:40%;min-height:0;padding:0 3%;display:grid}.leader-zone{justify-content:center;align-items:center;display:flex;position:relative}.leader-zone .owner-label{left:calc(50% + var(--card-w)/2 + 12px);letter-spacing:2px;writing-mode:vertical-rl;color:#d9cfaa9c;font-size:8px;position:absolute}.stage-zone{justify-self:center}.stage-zone>.zone-label{font-size:6px;position:absolute;bottom:2px}.life-zone{flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex;position:relative}.life-zone>.zone-label{font-size:7px;position:absolute;top:5px;left:0}.life-stack{width:var(--card-h);height:var(--card-w);position:relative}.life-stack>div{width:var(--card-w);height:var(--card-h);left:calc((var(--card-h) - var(--card-w))/2);top:calc((var(--card-w) - var(--card-h))/2);position:absolute}.life-stack .card{pointer-events:none}.empty-life{color:#dfd3a48c;letter-spacing:2px;border:1px dashed #dbc78c44;border-radius:5px;justify-content:center;align-items:center;height:100%;font-size:11px;display:flex}.cost-row{border-top:1px solid var(--mat-line);align-items:center;gap:18px;height:12%;min-height:26px;padding:0 3%;display:flex}.opp .cost-row{border-top:0;border-bottom:1px solid var(--mat-line)}.cost-row>.zone-label{font-size:7px}.don-source{z-index:1;background:0 0;border:0;align-items:center;gap:10px;height:100%;min-height:44px;padding:0 8px;display:flex;position:relative}.don-source b{white-space:nowrap;font-size:11px}.don-fan{pointer-events:none;width:80px;height:22px;display:block;position:relative}.don-fan i{color:#35382d;background:#f5f0df;border:1px solid #c6c1b0;border-radius:2px;justify-content:center;align-items:center;width:25px;height:32px;font:italic 700 8px Georgia;display:flex;position:absolute;top:0;transform:rotate(90deg);box-shadow:1px 2px 4px #0004}.rested-don{color:#d1c8b1;white-space:nowrap;gap:6px;font-size:10px;display:flex}.rested-don span{color:#eee1bc;font-size:19px;transform:rotate(20deg)}.don-deck{color:#c2c9b0;white-space:nowrap;align-items:center;gap:5px;margin-left:10px;font-size:10px;display:flex}.don-deck>span{font-size:8px}.table-seam{color:#dbc79b73;border-top:1px solid var(--mat-line);border-bottom:1px solid var(--mat-line);flex:none;justify-content:center;align-items:center;gap:16px;height:18px;font-size:9px;display:flex}.event-drop{letter-spacing:4px;color:#ead7ac88;background:0 0;border:0;border-radius:4px;min-height:18px;padding:0 10px;font-size:7px}.event-drop.legal-zone{z-index:5;letter-spacing:1px;color:#18342b;background:var(--gold);min-height:44px;position:relative}.card{height:var(--card-h);width:var(--card-w);touch-action:none;z-index:2;isolation:isolate;background:0 0;border:0;border-radius:5px;flex:none;min-height:0;padding:0;transition:transform .2s,filter .2s;position:relative}.card:hover{background:0 0}.card-body{transform-origin:50%;background:#eee4ce;border-radius:5px;width:100%;height:100%;transition:transform .35s cubic-bezier(.2,.8,.25,1),box-shadow .2s;overflow:hidden;box-shadow:1px 3px 4px #0008,0 0 0 1px #eee2c352}.card.rested .card-body{transform:rotate(90deg)}.card.rested{z-index:3}.card.selected{transform:translateY(-8px)}.card.selected .card-body{box-shadow:0 0 0 2px var(--gold),0 7px 15px #0006}.card.legal .card-body,.legal-zone{box-shadow:0 0 0 2px #b9eea0,0 0 20px #b8eda055!important}.card.legal:after{content:"";pointer-events:none;border:1px solid #b9eea055;border-radius:8px;position:absolute;inset:-8px}.card-face,.card-back{border-radius:inherit;width:100%;height:100%;position:relative;overflow:hidden}.card-face>img{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.text-frame{color:#26382f;border:3px solid var(--card-color,#a03436);text-align:left;background:#f5ead4;flex-direction:column;height:100%;padding:4px;display:flex;overflow:hidden}.color-red{--card-color:#a63639}.color-green{--card-color:#2e8057}.color-blue{--card-color:#32699b}.color-purple{--card-color:#744d92}.color-black{--card-color:#343a42}.color-yellow{--card-color:#c9a32c}.printed-top{justify-content:space-between;align-items:center;font-size:6px;display:flex}.printed-top>b{font-size:9px}.printed-top>span{font-size:5px}.card-art{background:radial-gradient(circle,#f5ecd3,var(--card-color));color:#fff6ce;text-shadow:0 2px 5px #0008;flex:1;justify-content:center;align-items:center;min-height:12px;margin:3px 0;display:flex}.card-art>span{font-size:calc(var(--card-h)*.22)}.text-frame>strong{font-size:clamp(5px,.9dvh,10px);line-height:1.1}.text-frame>p{max-height:27%;margin:3px 0;font-size:clamp(4px,.7dvh,8px);line-height:1.2;overflow:hidden}.text-frame>small{border-top:1px solid #0002;padding-top:1px;font-size:4px}.card-back{color:#ead39c;text-align:center;background:repeating-linear-gradient(45deg,#18343f 0 4px,#1c3e47 4px 5px);border:3px solid #d2bc80;flex-direction:column;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 0 0 2px #0e2530}.card-back>span{font-size:calc(var(--card-h)*.3)}.card-back>b{font-family:Georgia,serif;line-height:1;font-size:calc(var(--card-h)*.1);letter-spacing:1px}.card-back>small{letter-spacing:1px;margin-top:4px;font-size:4px}.power-badge{color:#fff0c6;z-index:6;background:#17261a;border:1px solid #e7cf86;border-radius:12px;padding:2px 6px;font-size:clamp(8px,1.6dvh,13px);font-weight:800;animation:.25s power-tick;position:absolute;bottom:-5px;right:-7px;box-shadow:0 2px 5px #0005}.keyword-badge{color:#284231;z-index:5;background:#d5d1b7;border-radius:50%;place-items:center;width:17px;height:17px;font-size:8px;display:grid;position:absolute;top:-5px;left:-5px}.attached-don{z-index:-1;pointer-events:none;position:absolute;inset:0;transform:translate(8px,9px)}.attached-don>i{color:#282f28;background:#f5e5bc;border:1px solid #b6ae86;border-radius:3px;justify-content:center;align-items:flex-end;padding-bottom:2px;font:700 7px Georgia;display:flex;position:absolute;inset:0}.attached-don>b{color:#192f26;z-index:5;background:#ecd19b;border-radius:6px;padding:3px;font-size:7px;position:absolute;top:2px;right:-15px}.hand-zone{justify-content:center;align-items:center;min-width:0;height:100%;display:flex;position:relative}.hand-zone>.zone-label{font-size:7px;position:absolute;top:0;right:0}.hand{justify-content:center;align-items:center;width:100%;padding-right:18px;display:flex}.hand-card{width:min(calc(var(--card-w)*.55),calc(100% / 8));flex:0 1 calc(var(--card-w)*.55);transform:translateY(var(--lift)) rotate(var(--angle));transform-origin:50% 120%;z-index:calc(2 + var(--index));position:relative}.hand-card:last-child{margin-right:calc(var(--card-w)*.45)}.hand-card:hover{z-index:25;transform:translateY(-14px)rotate(0)}.hand-card:has(.selected){z-index:25;transform:translateY(-14px)rotate(0)}.opp .hand-card{transform:translateY(calc(-1 * var(--lift))) rotate(calc(-1 * var(--angle)))}.piles{justify-content:flex-end;align-items:center;gap:12px;height:100%;display:flex}.deck-pile,.trash-pile{flex-direction:column;align-items:center;gap:3px;display:flex;position:relative}.deck-pile>span,.trash-pile>span{white-space:nowrap;color:#d5d0b4;font-size:7px}.mini-back,.empty-pile,.trash-card{height:calc(var(--card-h)*.62);width:calc(var(--card-w)*.62);background:#142f33;border:1px solid #c3b58160;border-radius:4px;justify-content:center;align-items:center;font-size:20px;display:flex;box-shadow:2px 2px #c8bb8555,4px 4px #c8bb8533}.mini-back{color:#c6b177;background:repeating-linear-gradient(45deg,#153b40 0 4px,#294947 4px 5px)}.empty-pile{color:#e1ce8d66;box-shadow:none;background:0 0}.trash-card{overflow:hidden;transform:rotate(6deg)}.caption{z-index:15;background:#102a26e6;border-top:1px solid #d1c39420;justify-content:center;align-items:center;gap:10px;height:32px;padding:0 12px;font-size:12px;display:flex;position:absolute;bottom:0;left:0;right:0}.caption>span{white-space:nowrap;text-overflow:ellipsis;max-width:85%;overflow:hidden}.caption>button{border:0;min-height:30px;padding:2px 10px;font-size:10px}.caption .replay-dot{background:var(--gold);border-radius:50%;flex:none;width:5px;height:5px;animation:.7s infinite blink}.controls{z-index:3;flex:none;align-items:center;gap:8px;height:52px;padding:0 18px;display:flex}.controls>button{background:0 0;border:0;justify-content:center;align-items:center;gap:6px;min-width:64px;font-size:17px;display:flex}.controls>button>span{font-size:11px;font-weight:600}.control-spacer{flex:1}.lost-banner{z-index:20;color:#4b3c29;white-space:nowrap;background:#f2e4c9;border-radius:12px;align-items:center;gap:12px;padding:4px 6px 4px 16px;font-size:12px;display:flex;position:absolute;bottom:38px;left:50%;transform:translate(-50%);box-shadow:0 5px 25px #0005}.lost-banner button{background:#4b3c2910;border:0;min-height:44px;font-size:11px}.attack-arrow{pointer-events:none;z-index:30;color:#ffd58b;filter:drop-shadow(0 2px 4px #0009);width:100%;height:100%;position:fixed;inset:0}.attack-arrow path{stroke:currentColor;stroke-width:5px;fill:none;stroke-linecap:round}.attack-arrow.blocked{color:#c2e6fa}.drag-ghost{z-index:50;pointer-events:none;filter:drop-shadow(0 12px 15px #0009);opacity:.95;border-radius:5px;position:fixed;overflow:hidden;transform:rotate(-7deg)scale(1.12)}.don-ghost{color:#152b24;background:#f6edd5;border:3px solid #333f29;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;font:italic 700 16px Georgia;display:flex}.don-ghost strong{margin-top:10px;font-size:12px}.flying-card{width:var(--card-w);height:var(--card-h);pointer-events:none;z-index:40;border-radius:5px;animation:.45s ease-in-out forwards fly;position:fixed;transform:translate(-50%,-50%);box-shadow:0 10px 20px #0007}.flying-card.lifeLost{animation:.45s ease-in-out forwards life-fly}.flying-card.counter{animation:.45s ease-in-out forwards counter-fly}.flying-card>b{color:#233c30;white-space:nowrap;background:#f0d493;border-radius:8px;padding:4px 8px;font-size:14px;font-weight:800;position:absolute;top:-25px;left:50%;transform:translate(-50%)}.card-zoom{z-index:35;color:#24352c;background:#f7ecd6;border:1px solid #dbc492;border-radius:12px;flex-direction:column;align-items:flex-start;gap:12px;width:min(330px,36vw);max-height:520px;padding:15px;display:flex;position:fixed;top:66px;bottom:66px;overflow:auto;box-shadow:0 12px 40px #0007}.zoom-image{aspect-ratio:5/7;border-radius:5px;flex:none;align-self:center;height:55%;min-height:75px;overflow:hidden;box-shadow:0 4px 10px #0005}.zoom-text strong{font-family:Georgia,serif;font-size:19px;display:block}.zoom-text small{color:#696b58;margin:6px 0;font-size:10px;line-height:1.5;display:block}.zoom-text p{margin:8px 0;font-size:12px;line-height:1.5}.zoom-text>b{font-size:11px}.zoom-close{z-index:2;background:#f7ecd6;border:0;width:44px;padding:0;font-size:22px;position:absolute;top:0;right:0}.modal-backdrop,.drawer-backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:60;padding:20px env(safe-area-inset-right) 20px env(safe-area-inset-left);background:#091c1ccc;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#193c34;border:1px solid #dbc49155;border-radius:18px;width:min(500px,90%);max-height:100%;padding:30px;position:relative;overflow:auto;box-shadow:0 30px 100px #0008}.modal h2{margin:12px 0 16px;font-family:Georgia,serif;font-size:30px;font-weight:500}.modal>p{color:#d3d8c7;font-size:14px;line-height:1.65}.close{z-index:2;background:0 0;border:0;width:44px;height:44px;padding:0;font-size:25px;position:absolute;top:6px;right:6px}.mat-picker{grid-template-columns:repeat(3,1fr);gap:9px;margin:20px 0;display:grid}.mat-picker>button{background:var(--mat);border-color:#e3d1a633;min-height:75px;padding:10px 4px;font-size:10px}.mat-picker>button>span{color:#e3cf91;margin-bottom:6px;font-size:24px;display:block}.mat-picker>.chosen{border:2px solid var(--gold)}.setting-row{border-bottom:1px solid #fff1;justify-content:space-between;align-items:center;min-height:44px;font-size:13px;display:flex}.setting-row input{accent-color:#e4c681;width:22px;height:22px}.modal .install-note{color:#b6c5b9;margin:16px 0;font-size:11px}.modal-actions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.modal-actions button{font-size:12px}.hint-ladder{margin:15px 0}.hint-step{align-items:flex-start;gap:12px;margin:10px 0;display:flex}.hint-ladder p{padding-top:3px;font-size:12px;line-height:1.5}.hint-ladder ol{margin:6px 0 0;padding-left:20px;font-size:12px;line-height:1.45}.hint-ladder li{margin:3px 0}.hint-ladder b{color:var(--gold);border:1px solid #d0be8433;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;display:grid}.drawer-backdrop{justify-content:flex-end;padding:0}.move-drawer{background:#173a32;width:min(380px,90%);height:100%;padding:50px 25px 20px;animation:.25s ease-out drawer;position:relative;overflow:auto;box-shadow:-10px 0 40px #0005}.move-drawer h2{margin:10px 0;font-family:Georgia,serif;font-size:29px}.move-drawer p{color:#bbcbb9;margin:15px 0;font-size:12px}.move-drawer ol{padding-left:23px}.move-drawer li{border-bottom:1px solid #fff1;padding:12px 0;font-size:12px;line-height:1.5}.win-modal{text-align:center}.win-star{color:var(--gold);font-size:55px;line-height:1.2;animation:.7s cubic-bezier(.2,1.5,.5,1) celebrate}.win-modal .tags{justify-content:center}.win-stats{justify-content:center;gap:40px;margin:20px 0;display:flex}.win-stats b{color:var(--gold);font-size:24px}.win-stats small{letter-spacing:1px;color:#b8c9b9;margin-top:5px;font-size:8px;display:block}.win-modal .primary{width:100%}.win-modal textarea{resize:none;color:#cbd7c7;text-align:center;background:#0002;border:0;border-radius:8px;width:100%;height:64px;margin-top:12px;padding:8px;font-size:10px}.win-modal .modal-actions{justify-content:center}.orientation{display:none}.anim-play .card-body{animation:.4s ease-out slap}.anim-block .card-body{transition:transform .35s;box-shadow:0 0 0 3px #c1e5fb,0 0 24px #bce9ff}.anim-activate .card-body,.anim-powerChange .card-body,.anim-trigger .card-body{animation:.5s glow}.anim-ko{animation:.4s vanish}.shake{animation:.35s shake}@keyframes slap{0%{transform:scale(1.15)translateY(-12px);box-shadow:0 18px 20px #0008}65%{transform:scale(.95)}to{transform:scale(1)}}@keyframes glow{50%{filter:brightness(1.6)}}@keyframes vanish{to{opacity:0;transform:scale(.6)}}@keyframes shake{25%,75%{transform:translate(-5px)}50%{transform:translate(5px)}}@keyframes fly{to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) rotate(9deg)}}@keyframes life-fly{0%{transform:translate(-50%,-50%)rotateY(90deg)rotate(90deg)}40%{transform:translate(calc(-50% + var(--dx)*.4),calc(-50% + var(--dy)*.4)) rotateY(0)}to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy)))}}@keyframes counter-fly{0%{transform:translate(-50%,-50%)rotateY(90deg)scale(.7)}50%{transform:translate(calc(-50% + var(--dx)*.6),calc(-50% + var(--dy)*.6 - 20px)) scale(1.15)}to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy)))}}@keyframes power-tick{50%{color:#fff;transform:scale(1.2)}}@keyframes celebrate{0%{opacity:0;transform:scale(.4)rotate(-50deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes blink{50%{opacity:.25}}@keyframes drawer{0%{transform:translate(100%)}to{transform:translate(0)}}@media (height<=500px) and (orientation:landscape){:root{--card-h:clamp(50px,15.5dvh,75px)}.topbar{gap:12px;height:44px;padding:0 10px}.brand b{font-size:10px}.brand span{font-size:22px}.table-title{gap:10px}.table-title strong{font-size:12px}.table-title span{font-size:10px}.controls{gap:4px;height:44px;padding:0 12px}.table-shell{border-radius:10px;margin:3px 8px 0}.table{padding:3px 12px 27px}.caption{height:26px;font-size:10px}.table-seam{height:12px}.base-row{grid-template-columns:1fr var(--card-w) 1fr 1.7fr 1fr;gap:12px;padding:0 3%}.cost-row{gap:12px;min-height:20px}.cost-row>.zone-label{font-size:6px}.don-source b,.rested-don{font-size:9px}.don-fan{width:65px;height:18px}.don-fan i{width:20px;height:26px;font-size:6px}.don-source{gap:5px}.don-deck{margin-left:0;font-size:8px}.character-row{gap:3.7vw}.owner-label{font-size:6px!important}.card-zoom{flex-direction:row;gap:12px;width:32vw;max-height:300px;padding:12px;top:51px;bottom:50px}.zoom-image{align-self:center;max-width:38%;height:90%;min-height:0}.zoom-text{flex:1;max-height:100%;padding-right:10px;overflow:auto}.zoom-text strong{margin-top:14px;font-size:15px}.zoom-text p{font-size:10px;line-height:1.4}.zoom-text small{font-size:8px}.home{padding:10px 5vw}.home-tabs{padding-bottom:4px}.daily-layout{gap:25px;height:calc(100% - 55px)}.daily-copy h1{margin:10px 0;font-size:30px}.daily-copy p{font-size:12px;line-height:1.5}.eyebrow{font-size:8px}.difficulty{margin:7px 0;font-size:11px}.tags{gap:5px;margin:9px 0}.tags span{padding:3px 8px;font-size:9px}.daily-copy .primary{margin-top:5px;padding:8px 14px}.daily-copy small{margin-top:7px;font-size:9px}.home-art{min-height:150px}.preview-card{width:105px}.compass{font-size:220px}.modal{width:min(580px,90%);max-height:calc(100% - 10px);padding:20px 26px}.modal h2{margin:8px 0 10px;font-size:24px}.modal>p{font-size:12px}.mat-picker{margin:12px 0}.mat-picker>button{min-height:60px}.modal .install-note{margin:10px 0;font-size:10px}.modal-backdrop{padding-top:8px;padding-bottom:8px}.win-modal{grid-template-columns:1fr 1fr;align-items:center;gap:6px 24px;width:min(600px,90%);display:grid}.win-star{grid-area:1/1/3;font-size:37px}.win-modal .eyebrow{grid-area:3/1}.win-modal h2{grid-area:4/1;margin:0;font-size:25px}.win-modal>p{grid-area:5/1/8;line-height:1.5}.win-modal .tags{grid-area:1/2/3;margin:0}.win-stats{grid-area:3/2/5;gap:25px;margin:4px 0}.win-modal .primary{grid-area:5/2}.win-modal textarea{grid-area:6/2/8;height:58px;margin:0}.win-modal .modal-actions{grid-area:8/1/auto/-1;margin-top:5px}.hint-step{margin:6px 0}.lost-banner{bottom:30px}}@media (orientation:portrait) and (width<=700px){.app:not(.allow-portrait)>.orientation{z-index:100;text-align:center;background:radial-gradient(at top,#286450,#102e2a);flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:30px;display:flex;position:fixed;inset:0}.orientation h1{max-width:320px;font:32px/1.2 Georgia,serif}.orientation p{color:#b9ccba;font-size:15px}.orientation button{background:var(--gold);color:#233b2b;margin-top:14px;font-weight:700}.phone-turn{color:var(--gold);font-size:70px;transform:rotate(-15deg)}.allow-portrait{--card-h:clamp(40px,10vw,68px);--card-w:calc(var(--card-h)*.714)}.allow-portrait .brand b{display:none}.allow-portrait .topbar{gap:6px;padding:0 5px}.allow-portrait .table-title{flex-direction:column;gap:3px}.allow-portrait .table-title strong{font-size:11px}.allow-portrait .table-title span{font-size:9px}.allow-portrait .table-shell{margin:3px 4px}.allow-portrait .table{padding:10px 4px 35px}.allow-portrait .base-row{grid-template-columns:.9fr var(--card-w) .8fr 1fr .8fr;gap:6px;padding:0 2%}.allow-portrait .character-row{gap:5vw;padding:0 4%}.allow-portrait .cost-row{flex-wrap:wrap;place-content:center;gap:5px;padding:0 4px}.allow-portrait .cost-row>.zone-label{display:none}.allow-portrait .piles{gap:7px}.allow-portrait .leader-zone .owner-label{display:none}.allow-portrait .don-fan{width:50px}.allow-portrait .don-source b{font-size:8px}.allow-portrait .don-deck{margin:0}.allow-portrait .don-deck>span{display:none}.allow-portrait .life-zone>.zone-label,.allow-portrait .hand-zone>.zone-label{font-size:6px}.allow-portrait .caption{padding:0 6px;font-size:10px}.allow-portrait .controls{gap:0;padding:0 3px}.allow-portrait .controls>button{min-width:58px;padding:7px}.allow-portrait .controls>button>span{font-size:10px}.allow-portrait .daily-layout{height:auto;display:block}.allow-portrait .home-art{height:230px;margin-top:30px}.allow-portrait .home{padding:16px 22px}.allow-portrait .home-tabs>span{font-size:10px}.allow-portrait .home-tabs button{padding:6px 10px;font-size:12px}.allow-portrait .daily-copy{padding-top:25px}.allow-portrait .home-art .preview-card{width:100px}.allow-portrait .card-zoom{width:44vw;padding:12px;top:65px;bottom:80px}.allow-portrait .zoom-text p{font-size:11px}.allow-portrait .zoom-text strong{font-size:15px}.allow-portrait .lost-banner{gap:3px;padding-left:8px;font-size:10px}.allow-portrait .lost-banner button{padding:5px 9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.flying-card{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy)))}.card.rested .card-body{transform:rotate(90deg)}}.choice-list{flex-direction:column;gap:8px;margin-top:16px;display:flex}.choice-list button{text-align:left;background:#ffffff0b;min-height:44px;font-size:12px}.controls .cancel-selection{width:44px;min-width:44px;padding:0}.controls.has-selection>button{font-size:12px}.cost-row .legal-zone{border-radius:7px;padding:6px}.table-title span{text-overflow:ellipsis;max-width:40vw;overflow:hidden}@media (orientation:portrait) and (width<=700px){.controls.has-selection>button:nth-child(-n+3){display:none}.controls.has-selection>button{min-width:44px;padding:5px 8px;font-size:10px}.controls.has-selection .control-spacer{min-width:0}}.card,.card-slot{min-width:44px}.rested-don{align-items:center;min-height:44px}.anim-battle .card-body{animation:.45s glow}.intro-modal>.primary{min-width:180px}.flying-card.ko{animation:.4s ease-in forwards fly}@media (orientation:portrait) and (width<=700px){.allow-portrait .table-shell{flex:none;height:70vw;max-height:calc(100% - 110px);margin:auto 4px 0}.allow-portrait .controls{margin-bottom:auto}.allow-portrait .card-zoom{max-height:380px}}@media (height<=500px) and (orientation:landscape){.app:has(>.table-shell){grid-template-rows:44px minmax(0,1fr);grid-template-columns:minmax(0,1fr) auto;display:grid}.app:has(>.table-shell)>.topbar{grid-area:1/1}.app:has(>.table-shell)>.controls{background:#101d1bd9;border-bottom:1px solid #dbc89b26;grid-area:1/2;height:44px;padding:0 6px 0 0}.app:has(>.table-shell)>.table-shell{grid-area:2/1/3/3;margin:3px 6px 4px}.app:has(>.table-shell) .control-spacer{flex:0 0 4px}.app:has(>.table-shell) .controls>button{min-width:48px;padding:6px 8px}.app:has(>.table-shell) .topbar{gap:8px;padding:0 4px 0 8px}.app:has(>.table-shell) .brand b{display:none}:root{--card-h:clamp(42px,calc(25dvh - 40px),78px)}.table{padding:2px 10px 26px}.player{gap:0}.character-row,.base-row{height:auto;min-height:calc(var(--card-h) + 6px);flex:1 1 0}.cost-row{flex:none;height:26px;min-height:26px}.don-source{height:26px;min-height:26px}.don-fan{height:16px}.don-fan i{width:17px;height:23px}.life-zone>.zone-label,.hand-zone>.zone-label{top:0}}