@import url('assets/fonts/fonts.css?ozv=oz-repo-20261019003629');
:root{--paper:#f7f6f0;--white:#fffefa;--ink:#213d32;--muted:#7a8476;--line:#e2e5d9;--green:#1c5a43;--jade:#80b89c;--gold:#bc9051;--purple:#8664a4;--red:#ad5955;--shadow:0 12px 32px #243c2810;--radius:18px;font-family:'Inter', 'Segoe UI',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:4px}a{color:inherit;text-decoration:none}button{border:0;background:none}p,h1,h2,h3,h4{margin:0}h1,h2,.serif{font-family:'Fraunces',Georgia,serif;font-weight:500}h1{font-size:42px;line-height:1.05;letter-spacing:-1.5px}h2{font-size:25px;letter-spacing:-.5px}h3{font-size:16px;font-weight:650}p{line-height:1.6}.icon{flex:none;vertical-align:middle}small{font-size:11px}.muted{color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:10px;font-weight:750}.row{display:flex;align-items:center;gap:10px}.spread{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 21px;border-radius:9px;background:var(--green);color:white;font-weight:650;font-size:12px;transition:transform .18s,box-shadow .18s,background .18s}.btn:hover{background:#2d7157;box-shadow:0 5px 18px #17463220;transform:translateY(-1px)}.btn.secondary{background:var(--white);color:var(--ink);border:1px solid var(--line)}.btn.ghost{background:transparent;color:var(--green);padding:9px 0}.btn.gold{background:#eac585;color:#3d301d}.btn.small{padding:9px 13px;font-size:11px}.icon-btn{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:var(--white)}.icon-btn:hover{background:#eaf0e5}.pill{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:5px;background:#ecf0e6;font-size:10px;font-weight:650;color:#54715b}.pill.gold{background:#f6edda;color:#94713e}.pill.purple{background:#eee7f3;color:#80619b}.dot{width:6px;height:6px;background:#94c7a0;border-radius:50%;box-shadow:0 0 9px #8abf9670}.panel{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:23px;box-shadow:var(--shadow)}.section-head{display:flex;align-items:center;justify-content:space-between;margin:27px 0 16px;gap:10px}.section-head p{font-size:12px;color:var(--muted)}.boot{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.boot p{font-size:13px;color:var(--muted)}
.sidebar{width:218px;position:fixed;top:0;bottom:0;left:0;background:#f0f1e9;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:32px 20px;z-index:20}.brand{display:flex;align-items:center;gap:10px;padding:0 5px}.brand-symbol{display:grid;place-items:center;width:38px;height:42px;clip-path:polygon(50% 0,96% 20%,96% 80%,50% 100%,4% 80%,4% 20%);background:var(--green);color:#e5c587;font:600 27px Georgia}.brand strong{font-family:'Fraunces',Georgia,serif;font-size:21px;letter-spacing:-.5px}.brand small{display:block;letter-spacing:2.7px;font-size:8px;color:#82947e;margin-top:2px}.nav-label{font-size:9px;letter-spacing:1.5px;color:#9ca392;margin:40px 14px 12px}.nav-item{display:flex;align-items:center;gap:13px;padding:13px 14px;border-radius:9px;font-size:12px;color:#7b8978;margin:4px 0;text-align:left;width:100%;position:relative}.nav-item:hover{background:#e5eadd}.nav-item.active{background:var(--green);color:white;box-shadow:0 5px 13px #1d5d4320}.nav-badge{margin-left:auto;font-size:9px;background:#d5ba7c;color:#284835;padding:3px 5px;border-radius:4px}.sidebar-footer{margin-top:auto;padding:23px 10px 0}.oz-mark{font-size:11px;font-weight:800;letter-spacing:2px}.oz-mark span{color:#bc8250}.sidebar-footer p{font-size:10px;color:#949b8c;margin:9px 0 15px;line-height:1.6}.sidebar-footer a{font-size:10px;display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-top:1px solid var(--line)}.main-shell{margin-left:218px}.topbar{height:83px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;border-bottom:1px solid var(--line);background:#f9f8f2c7}.breadcrumb{font-size:11px;display:flex;gap:10px;align-items:center;color:#939b8b}.breadcrumb strong{color:var(--ink);font-weight:600}.resources{display:flex;gap:16px;align-items:center}.resource{display:flex;gap:7px;align-items:center;font-size:12px;font-weight:700}.resource .icon{width:17px;height:17px;color:var(--gold)}.resource.dust .icon{color:#9e81b3}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#dce8d8;color:var(--green);font-weight:700;font-size:12px;box-shadow:inset 0 0 0 2px #fff}.player-info{font-size:10px;line-height:1.5}.player-info small{font-size:9px;color:#8a9681}.main-content{max-width:1380px;margin:auto;padding:30px 40px 50px}.page-intro{display:flex;justify-content:space-between;align-items:end;margin-bottom:23px}.page-intro p{font-size:12px;color:var(--muted);margin-top:6px}.page-intro h1{font-size:32px;letter-spacing:-.8px}.page-intro .eyebrow{margin-bottom:10px;color:#91a080}.mobile-brand{display:none}.mobile-nav{display:none}
.hero{min-height:342px;border-radius:18px;position:relative;overflow:hidden;background:#143b2d;box-shadow:0 10px 30px #193c2420;color:white}.hero-art{position:absolute;width:100%;height:100%;object-fit:cover;object-position:65% 50%}.hero::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#102e25f2 0%,#123b2ccb 33%,#123b2c33 62%,transparent 80%)}.hero-copy{position:relative;z-index:1;padding:37px 37px;max-width:460px}.hero-copy .eyebrow{color:#d3c798;display:flex;align-items:center;gap:8px;letter-spacing:2.8px}.hero-copy h1{margin:22px 0 13px;font-size:51px;font-weight:400;line-height:1.04}.hero-copy h1 em{color:#d1c690;font-weight:400}.hero-copy p{font-size:12px;color:#d5dec9;max-width:290px;line-height:1.8}.hero-copy .btn{margin-top:26px;font-size:11px}.hero-bottom{position:absolute;right:25px;bottom:21px;z-index:2;display:flex;gap:7px;align-items:center;color:#fff;font-size:9px;background:#143c276b;border:1px solid #ffffff30;padding:8px 12px;border-radius:20px;backdrop-filter:blur(9px)}.home-lower{display:grid;grid-template-columns:1.6fr 1fr;gap:24px}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mode{display:flex;flex-direction:column;min-height:162px;padding:20px;border:1px solid var(--line);background:var(--white);border-radius:13px;text-align:left;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.mode:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.mode-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#e8eee2;color:#5a805e;margin-bottom:17px}.mode-icon .icon{width:20px}.mode.ranked .mode-icon{background:#f7edda;color:#ac824c}.mode h3{font-family:Georgia,serif;font-size:19px;font-weight:400}.mode p{font-size:10px;color:var(--muted);margin:7px 0 17px;max-width:190px}.mode-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;font-size:9px;color:#627957}.mode-foot .icon{width:16px}.quests{padding:19px 21px;box-shadow:none}.quest{display:flex;gap:11px;align-items:center;padding:13px 0}.quest+.quest{border-top:1px solid #e8eade}.quest-check{width:28px;height:28px;border:1px solid #dedfcd;border-radius:50%;display:grid;place-items:center;flex:none;color:#adb4a0}.quest-check.complete{background:#e1eddf;color:#5d885d;border-color:#e1eddf}.quest-text{flex:1}.quest-text strong{font-size:11px;font-weight:600;display:block}.quest-text small{color:#919987;font-size:9px;display:block;margin-top:4px}.quest-reward{font-size:10px;font-weight:650;display:flex;align-items:center;gap:4px;color:#ab844a}.quest-reward .icon{width:13px}.collection-feature{display:flex;align-items:center;gap:22px;background:#edeedf;border:1px solid #e0e1d0;border-radius:13px;margin-top:23px;padding:17px 21px}.book-mini{font:italic 34px Georgia;border:1px solid #b4be9e;border-radius:4px;padding:5px 15px;color:#6c8057;box-shadow:4px 2px 0 #d0d4bd;transform:rotate(-5deg)}.collection-feature h3{font-size:13px;font-weight:550}.collection-feature p{font-size:10px;color:#8a947c;margin-top:4px}.collection-feature .btn{margin-left:auto;font-size:10px;white-space:nowrap}.footer-note{font-size:9px;color:#9caa90;display:flex;align-items:center;justify-content:space-between;margin-top:32px}
.cards-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:17px}.game-card{--rarity:#b8bda4;position:relative;border-radius:12px;padding:5px;background:linear-gradient(140deg,#dce2cb,var(--rarity),#f1eaca);box-shadow:0 3px 9px #35452718;text-align:left;display:block;width:100%;transition:transform .2s,box-shadow .2s;isolation:isolate}.game-card.rare{--rarity:#7bac99}.game-card.epic{--rarity:#ae8cbb}.game-card.legendary{--rarity:#c69c50;background:linear-gradient(135deg,#faf0be,#bc9448,#f9e9b0,#a98542)}.game-card:hover{transform:translateY(-5px);box-shadow:0 9px 20px #324c2d28}.card-inner{border-radius:8px;overflow:hidden;background:#f8f7ed;position:relative}.card-art{height:168px;position:relative;overflow:hidden;background:radial-gradient(ellipse at bottom,#cfddbb,#ecf1e1 60%,#a9c4aa);display:flex;align-items:flex-end;justify-content:center}.card-art img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0;filter:drop-shadow(0 5px 5px #293b322a)}.game-card.spell .card-art{background:radial-gradient(ellipse at center,#3c7968,#133a30)}.game-card.spell .card-art img{object-fit:cover;opacity:.48}.spell-sigil{position:relative;z-index:1;font:italic 65px Georgia;color:#dcdab2;align-self:center;filter:drop-shadow(0 0 8px #eaecc061)}.card-cost{position:absolute;left:9px;top:9px;z-index:2;border-radius:50%;background:#214e3e;box-shadow:0 0 0 2px #e9e6b8;width:27px;height:27px;font-size:13px;font-weight:800;display:grid;place-items:center;color:#fff8d7}.card-rarity{position:absolute;right:8px;top:8px;color:#85693e;font-size:10px;z-index:2;letter-spacing:1px}.card-label{padding:10px 10px 7px;border-top:1px solid #eee7ca;position:relative}.card-label h3{font-family:Georgia,serif;font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-label .card-type{font-size:8px;color:#929780;text-transform:uppercase;letter-spacing:1.1px;display:block;margin-top:4px}.card-stats{display:flex;justify-content:space-between;align-items:center;padding:7px 10px 9px;font-size:10px;color:#667e59}.card-stats .icon{width:12px;height:12px}.card-stats>span{display:flex;align-items:center;gap:4px}.card-stats .hp{color:#a36054}.owned-count{position:absolute;bottom:7px;right:9px;background:#183c2dda;border-radius:4px;padding:2px 5px;color:white;font-size:9px;z-index:3}.game-card.unowned{filter:grayscale(.9);opacity:.55}.game-card.selected{outline:3px solid #427657;outline-offset:3px;transform:translateY(-7px)}.filterbar{display:flex;align-items:center;gap:12px;margin:22px 0;flex-wrap:wrap}.search{position:relative;flex:1;min-width:170px}.search .icon{position:absolute;left:13px;top:12px;color:#94a18e;width:16px}.search input{width:100%;padding:12px 12px 12px 38px}.search input,select,.text-input{border:1px solid var(--line);border-radius:8px;background:var(--white);font-size:11px;color:var(--ink);padding:12px}.tabs{display:flex;gap:5px;padding:4px;background:#eaede2;border-radius:9px}.tabs button{font-size:10px;padding:8px 12px;border-radius:6px;color:#809073;white-space:nowrap}.tabs button.active{background:var(--white);color:var(--green);box-shadow:0 2px 5px #223e1c0c}.empty{text-align:center;padding:50px 20px;color:var(--muted);font-size:13px}.progress-bar{height:5px;background:#e2e8d9;border-radius:4px;overflow:hidden}.progress-bar>span{display:block;height:100%;background:#78a781;border-radius:4px}
.pack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.pack-panel{position:relative;text-align:center;padding:26px 20px 21px;background:var(--white);border:1px solid var(--line);border-radius:17px}.pack-visual{width:148px;height:206px;margin:8px auto 27px;position:relative;border-radius:5px;background:linear-gradient(130deg,#326450,#102d24);color:#c7cc99;border:1px solid #62795a;box-shadow:10px 15px 20px #23432a26,3px 3px 0 #afbc90,inset 0 0 0 8px #173d2d;transform:rotate(-6deg);overflow:hidden;transition:transform .3s}.pack-panel:nth-child(2) .pack-visual{background:linear-gradient(140deg,#644b69,#261d31);border-color:#9d80ad;box-shadow:10px 15px 20px #4b285026,3px 3px 0 #c0abca,inset 0 0 0 8px #392c47}.pack-panel:nth-child(3) .pack-visual{background:linear-gradient(140deg,#735e38,#382e1b);border-color:#bea176;box-shadow:10px 15px 20px #65532826,3px 3px 0 #cebe9c,inset 0 0 0 8px #473b24}.pack-visual::before,.pack-visual::after{content:'';position:absolute;left:0;right:0;height:9px;top:0;background:repeating-linear-gradient(90deg,#c8c6a590 0 2px,transparent 2px 5px)}.pack-visual::after{top:auto;bottom:0}.pack-visual img{width:100%;height:100%;object-fit:contain;opacity:.55;filter:drop-shadow(0 0 12px #ffffff40)}.pack-visual .pack-name{position:absolute;z-index:1;bottom:22px;left:12px;right:12px;font:500 20px Georgia;line-height:1}.pack-visual .eyebrow{position:absolute;top:19px;left:0;right:0;font-size:7px;letter-spacing:2px}.pack-panel:hover .pack-visual{transform:rotate(-3deg) translateY(-5px)}.pack-panel h3{font:500 21px Georgia}.pack-panel p{font-size:11px;color:var(--muted);margin:9px 0 17px}.pack-panel .btn{width:100%}.pack-meta{font-size:9px;color:#9d9f8c;margin-top:13px}.probability{display:flex;justify-content:space-between;gap:10px;padding:17px 21px;margin-top:20px;border:1px dashed #cdd2ba;border-radius:11px;font-size:10px;align-items:center;flex-wrap:wrap}.daily-banner{background:#eaf0e2;display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-radius:13px;margin-bottom:23px}.daily-banner h3{font:500 18px Georgia}.daily-banner p{font-size:10px;color:#7c8f70;margin-top:5px}.reveal-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.reveal-grid .game-card{animation:reveal .65s both}.reveal-grid .game-card:nth-child(2){animation-delay:.12s}.reveal-grid .game-card:nth-child(3){animation-delay:.24s}.reveal-grid .game-card:nth-child(4){animation-delay:.36s}.reveal-grid .game-card:nth-child(5){animation-delay:.48s}.pack-opening{text-align:center;min-height:350px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:30px}.pack-opening .pack-visual{animation:packfloat 1.8s infinite}.reveal-hint{text-align:center;font-size:11px;color:var(--muted);margin:22px 0}.rarity-label{font-size:9px;text-align:center;margin:11px 0;color:#9b885e;text-transform:uppercase;letter-spacing:1.5px}.card-detail{display:grid;grid-template-columns:210px 1fr;gap:35px;align-items:center}.card-detail .game-card{pointer-events:none;transform:none}.detail-copy h2{font-size:32px;margin:13px 0}.detail-copy p{font-size:13px;margin:17px 0 20px}.detail-copy .pill{margin-right:5px}.detail-copy .detail-stats{font-size:12px;display:flex;gap:20px;margin:20px 0}.detail-copy .detail-stats .icon{margin-right:5px;width:16px}.detail-foot{font-size:10px;color:var(--muted);margin-top:17px}
.deck-layout{display:grid;grid-template-columns:1fr 270px;gap:25px;align-items:start}.deck-layout .cards-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.deck-layout .card-art{height:135px}.deck-panel{position:sticky;top:20px;padding:20px}.deck-panel h3{font:500 21px Georgia;margin-bottom:15px}.deck-panel input{width:100%;margin:10px 0}.deck-list{display:flex;flex-direction:column;gap:6px;margin:14px 0;max-height:425px;overflow-y:auto}.deck-row{display:flex;align-items:center;gap:7px;background:#eff1e7;padding:7px 8px;border-radius:6px;font-size:10px}.deck-row .mini-cost{background:#2a6146;color:#fff;border-radius:50%;width:19px;height:19px;display:grid;place-items:center;font-size:9px;flex:none}.deck-row strong{font-size:10px;font-weight:550;flex:1}.deck-row button{width:24px;height:24px;display:grid;place-items:center;background:#fffaf1;border-radius:5px}.deck-row .icon{width:12px}.deck-panel .btn{width:100%;margin-top:8px}.curve{display:flex;gap:6px;align-items:end;height:55px;margin:13px 0 6px}.curve-item{flex:1;text-align:center;font-size:9px;color:#9da68e}.curve-item span{display:block;background:#82a17a;border-radius:3px 3px 0 0;min-height:2px;margin:0 0 5px}.deck-help{font-size:10px;color:#829277;margin-top:13px;line-height:1.6}.map-chapters{display:flex;flex-direction:column;gap:22px}.chapter-label{display:flex;align-items:center;gap:14px;padding:5px 0 15px}.chapter-label .chapter-num{font:400 26px Georgia;color:#afba9e}.chapter-label h3{font:500 20px Georgia}.chapter-label .eyebrow{font-size:8px;color:#9aab8c;margin-bottom:5px}.encounter-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.encounter{display:flex;align-items:center;text-align:left;padding:20px;background:var(--white);border:1px solid var(--line);border-radius:13px;gap:18px;position:relative;overflow:hidden;transition:transform .2s}.encounter:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.encounter.locked{opacity:.65}.encounter.passed{border-color:#b3cba8}.encounter-portrait{width:72px;height:92px;flex:none;border-radius:9px;background:#e8eddf;overflow:hidden}.encounter-portrait img{width:100%;height:100%;object-fit:contain}.encounter-copy{flex:1}.encounter-copy h3{font:500 19px Georgia;margin-bottom:7px}.encounter-copy p{font-size:10px;color:var(--muted);margin-bottom:14px}.encounter-copy .pill{font-size:8px}.difficulty{font-size:9px;color:#a1a87e;letter-spacing:2px}.map-top{padding:19px 23px;background:#e9eddf;border:1px solid #d8e0cd;border-radius:12px;margin-bottom:25px;display:flex;align-items:center;justify-content:space-between}.map-top strong{font:500 19px Georgia}.map-top p{font-size:11px;color:#8a947b;margin-top:5px}
.battle-page{max-width:1100px;margin:auto}.battle-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.battle-top h2{font-size:23px}.battle-top p{font-size:10px;color:var(--muted);margin-top:4px}.battle-field{padding:22px 25px;background:radial-gradient(ellipse at center,#f0f2df,#e2e9d7);border:1px solid #ced8bd;border-radius:18px;position:relative;overflow:hidden}.battle-field::before{content:'G';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:300 250px Georgia;color:#c1cda924;pointer-events:none}.leader{display:flex;align-items:center;gap:12px;position:relative;z-index:1;border-radius:9px;padding:9px 12px}.leader.enemy{background:#ffffff65;border:1px solid #d7ddc8;margin-bottom:16px}.leader.player{background:#ffffff75;border:1px solid #d0ddc2;margin-top:16px}.leader.targetable{outline:2px dashed #c49148;background:#fff0d7;cursor:pointer}.leader-portrait{height:39px;width:39px;border-radius:50%;background:#e0e6d0;overflow:hidden;border:2px solid #b7c6a5}.leader-portrait img{width:100%;height:100%;object-fit:contain}.leader-name{font-size:11px;font-weight:650;min-width:90px}.leader-health{width:130px}.leader-health .row{font-size:10px;justify-content:space-between;margin-bottom:4px}.hp-bar{height:5px;background:#d8ddc9;border-radius:6px;overflow:hidden}.hp-bar>span{display:block;height:100%;background:#79a178;transition:width .4s}.enemy .hp-bar>span{background:#c79b7f}.leader-shield{font-size:10px;color:#7e9f99;display:flex;align-items:center;gap:3px}.leader-shield .icon{width:14px}.aura-display{display:flex;align-items:center;gap:4px;margin-left:auto}.aura-orb{width:9px;height:9px;transform:rotate(45deg);border:1px solid #91ae8b;background:#72a58a;border-radius:2px}.aura-orb.used{background:transparent;opacity:.45}.aura-display small{margin-right:5px;font-size:9px;color:#7f9578}.board{display:flex;justify-content:center;gap:16px;position:relative;z-index:1}.slot{width:130px;height:175px;flex:none;border:1px dashed #b9c9a3;border-radius:10px;display:grid;place-items:center;color:#b4c2a0;position:relative}.slot.empty .icon{width:23px;opacity:.6}.unit-card{width:130px;position:relative}.unit-card .game-card{padding:4px}.unit-card .card-art{height:106px}.unit-card .card-cost{width:21px;height:21px;font-size:10px;left:6px;top:6px}.unit-card .card-label{padding:7px 8px 4px}.unit-card .card-label h3{font-size:12px}.unit-card .card-type{display:none}.unit-card .card-stats{padding:6px 8px;font-size:10px}.unit-card .card-rarity{font-size:8px}.unit-card.ready::after{content:'LISTO';position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);font-size:7px;letter-spacing:1px;background:#315c3a;color:#f4f6dd;padding:3px 9px;border-radius:4px}.unit-card.exhausted{filter:saturate(.65)}.unit-card.targetable{outline:3px solid #d0a053;border-radius:11px;animation:targetpulse 1.3s infinite}.unit-card.unit-selected{outline:3px solid var(--green);border-radius:11px;transform:translateY(-4px)}.unit-status{position:absolute;right:-6px;top:26px;background:#3e7284;color:white;font-size:9px;border-radius:50%;width:21px;height:21px;display:grid;place-items:center;z-index:4}.unit-keywords{position:absolute;left:5px;top:-6px;z-index:5;display:flex;gap:3px}.unit-keywords .pill{font-size:7px;padding:3px 5px;background:#fbf8de;border:1px solid #d0c9a5;color:#898255}.battle-divider{display:flex;align-items:center;gap:14px;margin:17px 0;font-size:9px;color:#94a27d;letter-spacing:1.2px}.battle-divider::before,.battle-divider::after{content:'';flex:1;height:1px;background:#c5d2b2}.intent{font-size:10px;display:flex;align-items:center;gap:7px;padding:11px 15px;border-radius:8px;background:#f3ead9;border:1px solid #e5d4b7;margin:14px 0;color:#947947;line-height:1.4}.intent .icon{width:16px}.hand-label{display:flex;align-items:center;justify-content:space-between;margin:22px 0 11px;font-size:10px;color:#788e69}.hand{display:flex;gap:12px;overflow-x:auto;padding:8px 4px 16px;scrollbar-width:thin;scrollbar-color:#c3ceb4 transparent;min-height:204px}.hand .game-card{width:133px;flex:none}.hand .card-art{height:105px}.hand .card-label{padding:8px}.hand .card-label h3{font-size:12px}.hand .card-type{font-size:7px}.hand .card-stats{font-size:9px;padding:5px 8px 8px}.hand .unplayable{filter:saturate(.5);opacity:.68}.battle-actions{display:flex;gap:15px;align-items:center;justify-content:space-between;padding:15px 20px;background:var(--white);border:1px solid var(--line);border-radius:11px;min-height:77px}.battle-actions .action-copy{flex:1;font-size:11px}.battle-actions .action-copy small{display:block;margin-top:5px;color:var(--muted);font-size:9px}.battle-actions .btn{white-space:nowrap}.battle-log{font-size:10px;color:#94a184;margin-top:14px;display:flex;gap:20px}.battle-log button{text-decoration:underline;font-size:10px}.battle-wait{position:absolute;inset:0;z-index:8;display:flex;align-items:center;justify-content:center;background:#dbe6ccae;backdrop-filter:blur(3px);font:500 22px Georgia}.result{text-align:center;padding:16px 20px}.result-badge{display:grid;place-items:center;margin:0 auto 25px;width:80px;height:80px;border:1px solid #d7bc84;border-radius:50%;background:#f9edcc;color:#a67e3f;box-shadow:0 0 0 9px #f9efd977}.result-badge .icon{width:34px;height:34px}.result h2{font-size:43px}.result p{color:var(--muted);font-size:12px;margin:16px 0 25px}.reward-bits{display:flex;justify-content:center;gap:25px;margin-bottom:26px}.reward-bits span{background:#eef1e5;border-radius:8px;padding:12px 15px;font-size:12px;display:flex;align-items:center;gap:6px}.reward-bits .icon{color:#ab824d;width:17px}.score-submit{margin:20px auto;max-width:330px}.score-submit input{width:100%;margin:10px 0}.rank-table{width:100%;border-collapse:collapse;font-size:12px}.rank-table th{text-align:left;font-weight:500;color:#919d81;font-size:9px;text-transform:uppercase;letter-spacing:1px;padding:14px 15px;border-bottom:1px solid var(--line)}.rank-table td{padding:17px 15px;border-bottom:1px solid #eef0e6}.rank-table td:first-child{font-family:Georgia,serif;font-size:20px;color:#869774}.rank-table td.score{font-weight:700;color:#356647}.rank-table .self{background:#eaf0de}.ranking-hero{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;margin-bottom:25px}.ranking-hero .panel{background:#ecf0e3;box-shadow:none;padding:26px}.ranking-hero h2{font-size:28px}.ranking-hero p{font-size:11px;color:#859273;margin:10px 0 20px}.ranking-status{display:flex;gap:9px;align-items:center;font-size:10px;color:#799264;margin-bottom:18px}.rank-empty{padding:45px 25px;text-align:center}.rank-empty .icon{width:31px;height:31px;color:#b8bf9c;margin-bottom:20px}.rank-empty h3{font:500 21px Georgia}.rank-empty p{font-size:11px;color:var(--muted);margin:12px auto;max-width:350px}.rank-rules{font-size:11px;color:#819173;line-height:1.8}.rank-rules li{margin:8px 0}.self-rank{font:500 54px Georgia;color:#80936c;margin:8px 0}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.settings-grid p{font-size:12px;color:var(--muted);margin:13px 0 22px}.settings-grid .btn{margin:5px 8px 5px 0}.settings-grid .text-input{width:100%}
.modal-backdrop{position:fixed;inset:0;z-index:100;background:#142c25a6;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:25px;animation:fadein .2s}.modal{width:min(720px,100%);max-height:90svh;overflow-y:auto;background:var(--paper);border:1px solid #e9eddb;border-radius:20px;padding:35px;position:relative;box-shadow:0 22px 80px #0b281c45;animation:modalin .25s}.modal.wide{width:min(970px,100%)}.modal .close-modal{position:absolute;right:15px;top:15px;z-index:9}.modal h2{padding-right:25px}.modal-copy{font-size:12px;line-height:1.8;margin-top:20px}.modal-copy h3{font:500 20px Georgia;margin:23px 0 10px}.modal-copy li{margin:10px 0}.modal-actions{display:flex;gap:10px;justify-content:center;margin-top:25px}.modal-tutorial{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0}.tutorial-step{padding:17px;border:1px solid #dfe5d3;border-radius:12px;background:#fdfbf4}.tutorial-step>span{font:500 30px Georgia;color:#98ad7c}.tutorial-step h3{font-size:12px;margin:16px 0 10px}.tutorial-step p{font-size:10px;color:#89977c}.welcome{text-align:center;padding-top:10px}.welcome .eyebrow{color:#a8ad8c;margin-bottom:15px}.welcome h2{font-size:37px;padding:0}.welcome>p{font-size:12px;color:var(--muted);max-width:390px;margin:15px auto 0}.welcome .brand-symbol{margin:0 auto 25px}.welcome-note{font-size:10px;color:#909b83;margin-top:20px}.modal-log{max-height:400px;overflow:auto;font-size:11px;line-height:1.8}.modal-log p{padding:8px 0;border-bottom:1px solid var(--line)}#toast{position:fixed;bottom:28px;left:calc(50% + 109px);transform:translate(-50%,20px);background:#254935;color:#f7f6dc;border:1px solid #5c7b4e;border-radius:9px;padding:13px 20px;font-size:12px;z-index:150;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;box-shadow:0 8px 20px #243b2930;max-width:90vw;text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}.visually-hidden{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}.bottom-spacer{display:none}@keyframes fadein{from{opacity:0}to{opacity:1}}@keyframes modalin{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes reveal{from{opacity:0;transform:translateY(25px) rotateY(90deg)}to{opacity:1;transform:translateY(0) rotateY(0)}}@keyframes packfloat{0%,100%{transform:rotate(-5deg) translateY(0)}50%{transform:rotate(3deg) translateY(-13px)}}@keyframes targetpulse{50%{outline-color:#f2d19a;box-shadow:0 0 18px #bd8a4235}}
@media(min-width:1550px){.cards-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.card-art{height:195px}.hero{min-height:385px}.hero-copy{padding:45px}.hero-copy h1{font-size:59px}}
@media(max-width:1180px){.sidebar{width:190px;padding:28px 14px}.main-shell{margin-left:190px}.topbar{padding:0 26px}.main-content{padding:26px}.home-lower{grid-template-columns:1.4fr 1fr;gap:17px}.cards-grid{grid-template-columns:repeat(4,1fr)}.card-art{height:160px}.hero-copy h1{font-size:47px}.deck-layout{grid-template-columns:1fr 240px;gap:18px}.deck-layout .cards-grid{grid-template-columns:repeat(3,1fr)}#toast{left:calc(50% + 95px)}}
@media(max-width:920px){.home-lower{grid-template-columns:1fr}.home-lower .quests{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.quest+.quest{border-top:0}.quest{padding:8px 0}.quest-reward{display:none}.hero-copy{padding:30px}.hero-copy h1{font-size:44px}.hero-art{object-position:62% center}.pack-visual{width:120px;height:175px}.pack-panel{padding:20px 15px}.pack-panel h3{font-size:17px}.pack-panel p{font-size:10px}.leader-health{width:105px}.board{gap:12px}.slot,.unit-card{width:112px}.slot{height:154px}.unit-card .card-art{height:87px}.battle-field{padding:19px}.deck-layout .card-art{height:110px}.encounter{padding:16px;gap:12px}.encounter-portrait{width:51px;height:80px}.encounter-copy h3{font-size:16px}.card-detail{gap:22px;grid-template-columns:190px 1fr}.rank-table td{padding:15px 10px}}
@media(max-width:760px){.sidebar{display:none}.main-shell{margin-left:0}.topbar{height:68px;padding:0 20px;position:relative;z-index:21}.breadcrumb,.player-info,.topbar .avatar{display:none}.mobile-brand{display:flex;gap:8px;align-items:center}.mobile-brand .brand-symbol{width:25px;height:29px;font-size:20px}.mobile-brand strong{font:500 17px Georgia}.resources{gap:12px}.resource{font-size:11px}.resource .icon{width:15px}.topbar .icon-btn{width:29px;height:29px}.topbar .icon-btn .icon{width:15px}.main-content{padding:23px 20px 110px}.page-intro h1{font-size:29px}.page-intro .eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:8px}.page-intro p{font-size:11px}.page-intro .pill{font-size:9px}.hero{min-height:370px}.hero-copy{padding:28px;max-width:320px}.hero-copy h1{font-size:46px;margin:23px 0 15px}.hero-copy p{max-width:210px;font-size:11px}.hero-copy .eyebrow{font-size:8px;letter-spacing:2px}.hero-copy .btn{margin-top:24px}.hero-art{object-position:65% center;opacity:.85}.hero::after{background:linear-gradient(90deg,#102e25e3,#13372da3 42%,#123b2c18 85%)}.hero-bottom{right:16px;bottom:16px;font-size:8px}.section-head{margin:24px 0 14px}.section-head h2{font-size:23px}.mode{min-height:157px;padding:18px}.mode p{font-size:10px}.home-lower .quests{display:block}.quest+.quest{border-top:1px solid #e8eade}.quest{padding:13px 0}.quest-reward{display:flex}.collection-feature{padding:16px;gap:15px;flex-wrap:wrap}.collection-feature .btn{padding:0;background:none;color:var(--green);border:0;box-shadow:none}.footer-note{font-size:8px;margin-top:23px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;padding:9px 8px calc(9px + env(safe-area-inset-bottom));background:#fbfaf4f5;border-top:1px solid #dde2d2;z-index:50;backdrop-filter:blur(10px);justify-content:space-around;box-shadow:0 -5px 20px #35432c09}.mobile-nav button{display:flex;align-items:center;flex-direction:column;gap:5px;color:#95a084;font-size:8px;flex:1;padding:3px}.mobile-nav button.active{color:var(--green)}.mobile-nav .icon{width:21px;height:21px}.mobile-nav button.active .icon{background:#e8eedd;box-shadow:0 0 0 5px #e8eedd;border-radius:3px}.cards-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.card-art{height:156px}.filterbar{gap:9px}.search{flex-basis:100%}.tabs{flex:1}.tabs button{flex:1;padding:8px}.filterbar select{padding:10px;max-width:140px}.pack-grid{gap:13px}.pack-panel{padding:17px 12px}.pack-visual{width:100px;height:146px;margin:7px auto 23px}.pack-visual .pack-name{font-size:15px;bottom:18px}.pack-visual .eyebrow{font-size:6px;letter-spacing:1px}.pack-panel h3{font-size:17px}.pack-panel .btn{padding:11px 5px;font-size:9px;gap:5px}.pack-panel .btn .icon{width:13px}.pack-meta{font-size:8px}.daily-banner{padding:17px 18px;gap:14px}.daily-banner h3{font-size:17px}.daily-banner .btn{padding:10px 13px;font-size:10px}.deck-layout{grid-template-columns:1fr}.deck-panel{position:static;grid-row:1}.deck-layout .cards-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.deck-layout .card-art{height:135px}.deck-list{display:grid;grid-template-columns:1fr 1fr;max-height:220px}.deck-panel .curve{display:none}.deck-panel .btn{width:auto}.deck-panel h3{margin-bottom:5px}.deck-panel input{margin:5px 0}.deck-panel .progress-bar{margin:7px 0}.deck-help{margin-top:7px}.encounter-grid{gap:12px}.encounter{padding:15px 13px;gap:10px}.encounter-portrait{width:50px;height:78px}.encounter-copy h3{font-size:17px}.encounter-copy p{font-size:9px}.encounter .difficulty{display:none}.map-top{padding:17px;gap:15px}.map-top strong{font-size:17px}.map-top p{font-size:10px}.chapter-label h3{font-size:20px}.battle-field{padding:17px}.battle-page .hand{gap:10px}.battle-actions{padding:13px}.battle-actions .btn{font-size:10px;padding:12px 15px}.battle-actions .action-copy{font-size:10px}.battle-actions .action-copy small{font-size:8px}.battle-top h2{font-size:23px}.battle-top .btn{font-size:10px;padding:10px}.ranking-hero{grid-template-columns:1fr}.ranking-hero .panel{padding:21px}.self-rank{font-size:35px}.ranking-hero>div:last-child{display:flex;align-items:center;gap:25px}.rank-table th{padding:13px 10px}.rank-table td{font-size:10px}.settings-grid{grid-template-columns:1fr}.modal{padding:29px 24px;max-height:91svh;border-radius:17px}.modal-backdrop{padding:17px}.card-detail{grid-template-columns:180px 1fr;gap:20px}.card-detail .card-art{height:200px}.detail-copy h2{font-size:25px}.detail-copy p{font-size:11px}.detail-copy .detail-stats{font-size:10px;gap:13px}.reveal-grid{grid-template-columns:repeat(3,1fr);gap:12px}.reveal-grid .card-art{height:120px}.reveal-grid .card-label h3{font-size:12px}.reveal-grid .card-type{font-size:7px}#toast{left:50%;bottom:90px}.modal-tutorial{gap:8px}.tutorial-step{padding:13px}.tutorial-step p{font-size:9px}}
@media(max-width:480px){.main-content{padding:22px 16px 105px}.topbar{padding:0 16px}.resource.dust{display:none}.page-intro{align-items:center}.page-intro p{max-width:235px}.hero{min-height:364px}.hero-copy{padding:26px 22px}.hero-copy h1{font-size:45px}.hero-art{object-position:64% center}.hero-bottom{max-width:155px;font-size:7px;right:13px;bottom:14px;padding:7px 9px}.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.card-art{height:183px}.card-label h3{font-size:16px}.filterbar select{max-width:120px;font-size:10px}.pack-grid{grid-template-columns:1fr}.pack-panel{display:grid;grid-template-columns:100px 1fr;gap:6px 23px;align-items:center;text-align:left;padding:22px}.pack-panel .pack-visual{grid-row:1/6;margin:0;transform:rotate(-4deg);width:100px;height:150px}.pack-panel h3{font-size:23px;align-self:end;margin-top:7px}.pack-panel p{margin:2px 0 7px;font-size:10px}.pack-panel .pill{justify-self:start;font-size:8px}.pack-panel .btn{font-size:10px}.pack-meta{margin-top:4px}.pack-visual .pack-name{text-align:center}.daily-banner h3{font-size:16px}.daily-banner p{font-size:9px;max-width:190px}.daily-banner .btn{padding:10px;font-size:9px}.probability{font-size:9px;padding:15px;gap:8px}.deck-layout .cards-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.deck-layout .card-art{height:104px}.deck-layout .card-label{padding:7px 6px}.deck-layout .card-label h3{font-size:11px}.deck-layout .card-type{font-size:6px}.deck-layout .card-stats{font-size:8px;padding:6px}.deck-layout .card-rarity{font-size:8px}.deck-layout .card-cost{width:22px;height:22px;font-size:10px}.deck-panel{padding:16px}.deck-row{padding:5px;font-size:9px;gap:5px}.deck-row strong{font-size:9px}.encounter-grid{grid-template-columns:1fr}.encounter{padding:18px;gap:17px}.encounter-portrait{width:66px;height:84px}.encounter .difficulty{display:block}.encounter-copy h3{font-size:20px}.encounter-copy p{font-size:10px}.map-top .btn{font-size:9px;padding:10px}.map-top p{max-width:220px}.battle-top{margin-bottom:13px}.battle-top h2{font-size:22px}.battle-top p{font-size:9px}.battle-top .btn{padding:9px 10px;font-size:9px}.battle-field{padding:12px 10px;border-radius:13px}.leader{padding:8px;gap:8px}.leader-portrait{height:32px;width:32px}.leader-name{font-size:10px;min-width:60px}.leader-health{width:83px}.leader-health .row{font-size:9px}.aura-display{gap:3px}.aura-orb{width:6px;height:6px}.aura-display small{font-size:8px;margin-right:2px}.board{gap:9px}.slot,.unit-card{width:94px}.slot{height:132px}.unit-card .card-art{height:74px}.unit-card .card-label{padding:5px}.unit-card .card-label h3{font-size:10px}.unit-card .card-stats{font-size:9px;padding:5px}.unit-card .card-cost{width:18px;height:18px;font-size:9px;left:5px;top:5px}.unit-card .card-rarity{font-size:7px;right:5px;top:6px}.unit-keywords .pill{font-size:6px;padding:2px 4px}.battle-divider{margin:12px 0;font-size:8px}.leader.player{margin-top:12px}.leader.enemy{margin-bottom:12px}.intent{font-size:9px;padding:9px 10px;margin:12px 0}.hand-label{font-size:9px;margin:16px 0 5px}.battle-page .hand{gap:8px;min-height:177px;padding-bottom:10px}.hand .game-card{width:111px;padding:4px}.hand .card-art{height:82px}.hand .card-cost{width:21px;height:21px;font-size:10px;left:6px;top:6px}.hand .card-label{padding:7px 6px}.hand .card-label h3{font-size:10px}.hand .card-type{font-size:6px;letter-spacing:.7px}.hand .card-stats{font-size:8px;padding:5px 6px}.hand .card-rarity{font-size:8px}.battle-actions{gap:8px;flex-wrap:wrap;padding:11px}.battle-actions .action-copy{min-width:145px;font-size:10px}.battle-actions .btn{font-size:9px;padding:10px 12px}.battle-actions .btn.ghost{padding:6px}.battle-actions .icon{width:13px}.battle-log{font-size:8px;gap:12px;margin-top:12px}.modal-backdrop{padding:12px}.modal{padding:29px 20px;max-height:91svh}.modal h2{font-size:25px}.card-detail{grid-template-columns:1fr;text-align:center;gap:10px}.card-detail>.game-card{max-width:175px;margin:auto}.card-detail .card-art{height:155px}.card-detail .card-label h3{font-size:14px}.detail-copy h2{font-size:27px;margin:9px 0}.detail-copy p{margin:11px 0;font-size:11px}.detail-copy .detail-stats{justify-content:center;margin:13px 0}.detail-copy .btn{font-size:10px;padding:11px 17px}.detail-foot{font-size:9px;margin-top:11px}.reveal-grid{grid-template-columns:repeat(2,1fr);gap:12px}.reveal-grid .card-art{height:110px}.reveal-grid .game-card:last-child{grid-column:1/3;max-width:150px;justify-self:center;width:100%}.reveal-grid .card-label h3{font-size:12px}.reveal-grid .card-type{font-size:7px}.rarity-label{font-size:8px;margin:8px 0}.modal-tutorial{grid-template-columns:1fr;text-align:left;gap:8px;margin:20px 0}.tutorial-step{display:grid;grid-template-columns:35px 1fr;padding:13px;gap:0 12px}.tutorial-step>span{grid-row:1/3;font-size:27px}.tutorial-step h3{margin:2px 0 5px;font-size:11px}.tutorial-step p{font-size:9px}.welcome h2{font-size:30px}.welcome>p{font-size:11px}.welcome .brand-symbol{margin-bottom:19px}.welcome-note{font-size:9px}.modal-actions{flex-wrap:wrap;gap:8px;margin-top:20px}.rank-table th,.rank-table td{padding:13px 8px}.rank-table th{font-size:8px}.rank-table td{font-size:10px}.rank-table .optional{display:none}.ranking-hero h2{font-size:27px}.footer-note span:last-child{display:none}.quest-reward{font-size:9px}.quest-text strong{font-size:11px}}
@media(max-width:360px){.resources{gap:7px}.mobile-brand strong{font-size:15px}.hero-copy h1{font-size:41px}.board{gap:6px}.slot,.unit-card{width:84px}.unit-card .card-art{height:65px}.slot{height:122px}.leader-health{width:65px}.aura-display small{display:none}.hand .game-card{width:100px}.card-art{height:162px}.mode{padding:15px}.pack-panel{gap:5px 15px}.deck-row strong{font-size:8px}.deck-row button{width:21px}.card-label h3{font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.brand strong{font-size:18px;white-space:nowrap}.brand small{letter-spacing:2px;font-size:7px}.game-card.unowned{filter:saturate(.85);opacity:.78}.card-art img{object-fit:cover}.pack-visual img{object-fit:cover}.leader-portrait img{object-fit:cover}.encounter-portrait img{object-fit:cover;object-position:center 30%}
.game-card.legendary .card-art::after{content:'';position:absolute;inset:-50%;background:linear-gradient(115deg,transparent 38%,#faecb63a 44%,#e6f1ff40 48%,#fff3b354 51%,transparent 58%);transform:translateX(-30%);pointer-events:none;transition:transform .7s}.game-card.legendary:hover .card-art::after{transform:translateX(30%)}
.card-art img{object-position:center 22%}.game-card.spell .card-art img{opacity:.75}.pack-pool{border-top:1px solid var(--line);padding:12px 0}.pack-pool summary{cursor:pointer;font-weight:650}.pack-pool p{margin:13px 0;font-size:11px;color:var(--muted)}
@media(max-width:480px){body[data-screen="home"] .page-intro h1{font-size:26px}body[data-screen="home"] .page-intro>.pill{white-space:nowrap}.game-card.unowned{opacity:.85}}
@media(max-width:760px){.mobile-nav button{font-size:10px}.battle-actions .action-copy small{font-size:10px;line-height:1.5}.battle-page .intent{font-size:10px}.quest-text small{font-size:10px}.leader-name{font-size:11px}.leader-health .row{font-size:10px}}
@media(max-width:760px){.hero-art{object-position:center center}.hero::after{background:linear-gradient(90deg,#102e25d9,#13372d77 49%,#123b2c0a 90%)}.hero-copy p{max-width:190px}.hero-copy h1{font-size:43px}}
@media(max-width:760px){body[data-screen="battle"] .mobile-nav{display:none}body[data-screen="battle"] .main-content{padding-bottom:25px;padding-top:14px}body[data-screen="battle"] .topbar{height:54px}.battle-top{margin-bottom:11px}.battle-top h2{font-size:21px}.battle-field{padding:10px}.leader{padding:6px 8px}.leader-portrait{width:27px;height:27px}.leader-health .icon{width:12px;height:12px}.leader-health .row{margin-bottom:3px}.leader.enemy{margin-bottom:10px}.leader.player{margin-top:10px}.slot{height:119px}.unit-card .card-art{height:67px}.battle-divider{margin:11px 0;font-size:8px}.battle-top .eyebrow{max-width:230px}.battle-top .btn{font-size:9px}.battle-page .intent{margin:10px 0}.battle-page .hand-label{margin-top:12px}.battle-page .hand{min-height:167px;padding-top:7px;padding-bottom:11px}.battle-page .hand .card-art{height:76px}.battle-page .hand .card-stats{padding-bottom:5px}.battle-log{line-height:1.6}.battle-actions{min-height:69px}}