@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800;900&display=swap');
:root{--ink:#243f42;--muted:#748582;--teal:#285e59;--mint:#e3ede4;--cream:#fbfaf4;--gold:#ebbd62;--orange:#d87942;--line:#e2e7dc;--shadow:0 12px 35px #314f3810}*{box-sizing:border-box}body{margin:0;background:#f6f8f2;color:var(--ink);font:14px 'DM Sans',system-ui,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button,a,input{ -webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline:3px solid #dd8a45;outline-offset:4px}button{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Outfit',system-ui,sans-serif}h1{font-size:clamp(29px,3vw,43px);font-weight:600;letter-spacing:-1.5px;line-height:1.16}h2{font-size:27px;line-height:1.2;font-weight:600;letter-spacing:-.7px}h3{font-size:18px}p{line-height:1.75;color:#6d807b}svg{flex-shrink:0;vertical-align:middle}img{max-width:100%;display:block}button{border:0;background:none}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 max(30px,calc((100vw - 1440px)/2));border-bottom:1px solid #e1e8df;background:#fcfcf7}.brand{display:flex;align-items:center;gap:11px;text-align:left;font-family:'Outfit',sans-serif;font-weight:900;font-size:18px;letter-spacing:.1px;white-space:nowrap}.brand small{display:block;font:600 8px 'DM Sans',sans-serif;letter-spacing:2.1px;margin-top:4px;color:#84958b}.brand-emblem{display:grid;place-content:center;width:43px;height:47px;clip-path:polygon(50% 0,100% 23%,100% 77%,50% 100%,0 77%,0 23%);background:var(--teal);color:#f7d78c;font-size:30px;font-weight:900}.topbar nav{display:flex;gap:12px}.nav-button{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:700;padding:13px 20px;border-radius:10px;color:#7a8d84}.nav-button.active{color:var(--teal);background:#eaf0e8}.nav-button b{font-size:10px;background:#e4e9de;border-radius:5px;padding:3px 5px}.header-tools{display:flex;gap:16px;align-items:center}.icon-button{position:relative;color:#728981;padding:7px}.icon-button i{display:block;width:5px;height:5px;background:#b2b8b1;position:absolute;right:1px;top:4px;border-radius:50%}.icon-button i.on{background:#4c9b71}.avatar{display:grid;place-content:center;font-family:'Outfit';font-weight:700;width:36px;height:36px;border:2px solid #e4dbbd;border-radius:50%;background:#f0e8d1;color:#8e7758;font-size:17px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;line-height:1.4;color:#809181;margin-bottom:10px}.world-page,.deck-page,.battle-page{max-width:1440px;margin:auto;padding:37px 38px 0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:29px}.page-heading>div>p:last-child{margin-top:10px;font-size:13px}.quest-progress{display:flex;align-items:center;gap:15px;flex-shrink:0}.quest-progress b{font-size:12px}.quest-progress small{display:block;font-size:10px;color:#8c9b91;margin-top:5px}.shards{display:flex;gap:5px}.shards i{width:34px;height:38px;background:#e6ebe0;border-radius:8px;display:grid;place-content:center;color:#c0cdbf;font-style:normal}.shards .earned{background:#f4e2af;color:#b48331}.world-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:stretch}.world-map{background:#87bfd2 url('/world-map.webp') center/cover;position:relative;min-height:610px;border:5px solid #fffef8;border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.world-map:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 60px #1e66501a;border-radius:12px}.map-title{position:absolute;z-index:2;top:20px;left:20px;display:flex;gap:10px;align-items:center;background:#fffdf1ed;border:1px solid #d3ddc9;border-radius:9px;padding:10px 14px;box-shadow:0 4px 12px #34524514}.map-title small{font-size:7px;letter-spacing:1.5px;color:#899680;display:block}.map-title b{font:600 17px 'Outfit';display:block;margin-top:3px}.map-compass{font:10px Georgia;text-align:center;color:#79927b;line-height:1.2;border-right:1px solid #dbe2d1;padding-right:10px}.map-route{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.route-under{stroke:#3c62464d;stroke-width:7;fill:none}.route-dots{stroke:#fff0b1;stroke-width:5;stroke-dasharray:3 12;fill:none;stroke-linecap:round}.town-pin{position:absolute;z-index:3;display:flex;flex-direction:column;align-items:center;gap:6px;transform:translate(-50%,-35%);transition:transform .2s}.town-pin:hover{transform:translate(-50%,-42%)}.town-0{left:22%;top:74%}.town-1{left:35%;top:44%}.town-2{left:77%;top:39%}.town-3{left:54%;top:19%}.pin-icon{width:52px;height:52px;display:grid;place-content:center;border:3px solid #fffdf1;border-radius:50%;color:#fdf6d9;background:#496e56;box-shadow:0 5px 0 #243e3c55,0 8px 18px #143b4855}.town-pin.current .pin-icon{background:#dd9450;box-shadow:0 0 0 5px #fff3c766,0 6px 12px #513e2955}.town-pin.locked .pin-icon{background:#728c7c;color:#e5eadb}.town-pin.complete .pin-icon{background:#447e68}.pin-label{display:flex;flex-direction:column;gap:3px;background:#fffcf0f5;border:1px solid #d1dbc5;border-radius:6px;padding:6px 11px;white-space:nowrap;box-shadow:0 4px 9px #314d481c}.pin-label small{font-size:6px;letter-spacing:1.2px;color:#899383;font-weight:700}.pin-label b{font:600 14px 'Outfit';color:#38534b}.map-note{position:absolute;left:18px;bottom:40px;background:#fffdf1dc;padding:9px 11px;font-size:10px;border-radius:7px;display:flex;align-items:center;gap:7px;color:#5d796a}.map-zoom-label{position:absolute;bottom:14px;right:20px;font-size:7px;letter-spacing:1.3px;color:#1c5554;font-weight:700;text-shadow:0 1px 3px white}.map-zoom-label i{font-style:normal;margin:0 6px}.journey-panel{background:#fffef9;border:1px solid #e3e7da;border-radius:16px;padding:28px 25px;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:stretch}.chapter-pill{display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:1.3px;font-weight:700;color:var(--town,#8a855c);background:#eff1e5;border-radius:5px;align-self:flex-start;padding:7px 9px;margin-bottom:18px}.journey-panel h2{font-size:28px;margin-bottom:12px}.journey-panel>p{font-size:12px;line-height:1.8}.journey-panel .town-tag{font-size:11px;font-weight:600;color:#a5926b;margin:-4px 0 12px}.encounter-list{display:flex;flex-direction:column;gap:9px;margin:23px 0}.encounter{border:1px solid #e5e9df;background:#fbfcf6;border-radius:9px;padding:11px 9px;display:flex;align-items:center;gap:10px;text-align:left;transition:background .2s}.encounter:hover:not(:disabled){background:#edf4e8;border-color:#adc6ac}.encounter img{width:39px;height:42px;object-fit:cover;object-position:center 25%;border-radius:7px;border:1px solid #d8d6bd}.encounter span{flex:1}.encounter small{display:block;font-size:6px;letter-spacing:1.3px;color:#9c9f86;margin-bottom:4px;font-weight:700}.encounter b{font:600 13px 'Outfit'}.encounter i{color:#9cae96}.encounter.complete i{color:#578875}.encounter.locked{opacity:.5}.reward-note{display:flex;gap:10px;align-items:center;border-top:1px dashed #e2e5d5;padding:17px 0 22px;color:#9d986e;margin-top:auto}.reward-note b{font-size:10px;color:#66785f}.reward-note small{font-size:9px;display:block;margin-top:5px;color:#92a08b}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 19px;border-radius:8px;font-size:12px;font-weight:700;min-height:44px;transition:transform .15s,background .15s}.primary{background:var(--teal);color:#fffdf0;box-shadow:0 3px 0 #1c4642}.primary:hover:not(:disabled){background:#34776d;transform:translateY(-1px)}.primary:active:not(:disabled){transform:translateY(2px);box-shadow:none}.secondary{background:#f1f3e9;border:1px solid #d8e0cf;color:#55705e}.secondary:hover:not(:disabled){background:#e2ecdc}.full{width:100%}.small-note{font-size:9px!important;line-height:1.6!important;text-align:center;margin-top:13px;color:#9aa58e!important}.starter-mini{position:relative;display:flex;justify-content:center;align-items:center;height:140px;margin:6px 0}.starter-mini img{width:76px;border:2px solid #fff8e4;border-radius:7px;box-shadow:0 5px 15px #124b4f33;transform:rotate(-13deg)}.starter-mini img:last-child{transform:rotate(13deg);margin-left:-15px;margin-top:8px}.starter-summary{text-align:center}.starter-summary b{display:block;font-size:10px;letter-spacing:1.2px;color:#9e8758}.starter-summary span{font-size:10px;color:#8d9e8a;display:block;margin-top:5px}.name-label{display:block;font-size:10px;font-weight:700;margin:20px 0 15px;color:#687b6c}.name-label input{display:block;margin-top:8px;border:1px solid #dfe5d6;border-radius:7px;padding:11px;width:100%;background:#fafbf4;color:var(--ink);font-size:13px}.travel-strip{display:flex;align-items:center;gap:20px;margin:25px 0 15px;padding:20px 22px;border:1px solid #e2e7d9;border-radius:12px;background:#eff3e9}.bob-sticker{width:63px;height:63px;border:3px solid #fffef3;border-radius:50%;overflow:hidden;box-shadow:0 3px 10px #314d481a;flex-shrink:0}.bob-sticker img{width:200%;max-width:none;transform:translate(-25%,-14%)}.travel-strip .eyebrow{font-size:8px;letter-spacing:1.3px;margin-bottom:4px}.travel-strip p:last-child{font-size:11px;color:#7a8c74}.handwritten{font:italic 19px Georgia,serif;color:#a6af90;white-space:nowrap;margin-left:auto;transform:rotate(-5deg)}footer{max-width:1440px;display:flex;justify-content:space-between;align-items:center;gap:20px;margin:15px auto 0;padding:23px 38px 25px;border-top:1px solid #e3e9dc;font-size:9px;color:#9daa98}footer b{font-weight:600;letter-spacing:1.3px;font-size:8px}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:11px;color:#6d8477;padding:9px 3px;font-weight:600}.text-button:hover{color:#c47842}.mobile-only{display:none}.deck-page>.text-button{margin-bottom:24px}.deck-count{display:flex;align-items:center;gap:24px;background:#fffdf5;border:1px solid #e2e6d8;padding:16px 23px;border-radius:10px}.deck-count>b{font:600 30px 'Outfit';white-space:nowrap}.deck-count small{font:11px 'DM Sans';color:#899a86;margin-left:3px}.deck-count>span{color:#c6cdbb}.opponent-preview{display:flex;align-items:center;gap:20px;background:#edf1e5;border:1px solid #dce4d1;border-radius:13px;padding:20px;margin:20px 0 30px}.opponent-portrait{width:65px;height:75px;overflow:hidden;border:3px solid #fffcf0;border-radius:12px;flex-shrink:0}.opponent-portrait img{height:100%;width:100%;object-fit:cover;object-position:center 20%}.opponent-preview .eyebrow{font-size:8px;margin-bottom:6px}.opponent-preview h2{font-size:23px}.opponent-preview p{font-size:12px;margin-top:6px}.opponent-size{margin-left:auto;text-align:right;line-height:1.8;font-size:11px;color:#8b9b81;white-space:nowrap}.collection-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.segmented{display:flex;padding:4px;background:#e9eee3;border-radius:9px;gap:3px}.segmented button{padding:10px 18px;font-weight:600;font-size:12px;border-radius:6px;color:#85927b}.segmented button.active{background:#fffef5;color:var(--teal);box-shadow:0 2px 7px #1f48390c}.segmented b{font-size:9px;padding:2px 4px;border-radius:3px;background:#edf1e5;margin-left:7px}.collection-toolbar>span{font-size:10px;color:#8c9b84;display:flex;gap:7px;align-items:center}.collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:22px;padding-bottom:120px}.game-card{min-width:0;position:relative;background:#fffef7;border:1px solid #e1e6d9;border-radius:12px;padding:7px;box-shadow:0 5px 15px #325f3610;transition:transform .15s,border-color .15s}.game-card:hover{transform:translateY(-3px)}.art-button{padding:0;display:block;border-radius:7px;overflow:hidden;width:100%}.art-button img{width:100%;aspect-ratio:5/7;object-fit:fill}.card-caption{padding:9px 4px 8px}.card-caption b{display:block;font:600 13px 'Outfit';white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-caption span{display:block;font-size:8px;color:#8b9b87;margin-top:4px}.pick-button{display:flex;align-items:center;gap:6px;justify-content:center;border:1px solid #dce5d3;background:#f1f5e9;border-radius:6px;width:100%;padding:9px 3px;font-size:10px;font-weight:700;color:#70866c}.game-card.chosen{border:2px solid #539683;padding:6px;box-shadow:0 0 0 3px #53968313}.pick-button.picked{background:#dfefe4;color:#357663;border-color:#bdd8c5}.resting{opacity:.5}.deck-dock{position:sticky;bottom:15px;z-index:5;background:#fffef7f5;border:1px solid #dbe4d4;border-radius:13px;box-shadow:0 -4px 30px #38563f15;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:-100px;margin-bottom:25px;backdrop-filter:blur(10px)}.deck-dock>div{display:flex;gap:12px;align-items:center;color:#718e73}.deck-dock b{font-size:12px;color:var(--ink)}.deck-dock small{display:block;font-size:10px;margin-top:4px;color:#8e9b87}.empty-state{grid-column:1/-1;padding:50px;text-align:center}.empty-state p{margin:15px}.pack-page{text-align:center;max-width:1000px;margin:auto;padding:50px 30px;min-height:calc(100vh - 170px);background:radial-gradient(ellipse at center,#e1eee0aa,transparent 70%)}.pack-page h1{font-size:40px;margin:10px 0 15px}.pack-page>p{font-size:13px}.pack-steps{display:flex;align-items:center;gap:15px;justify-content:center;margin:30px auto;color:#a4b29b;font-size:11px}.pack-steps i{width:50px;height:1px;background:#cedac7}.pack-steps span{padding:7px 12px;border-radius:6px}.pack-steps .active{background:#e2ead9;color:#557551}.pack-steps .done{color:#4d856e}.sealed-area{position:relative;display:grid;place-content:center;height:340px;margin:10px auto 25px;width:280px}.foil-pack{width:185px;position:relative;background:linear-gradient(115deg,#2e5373,#36729a 30%,#5289a7 50%,#264c73);padding:22px 16px 30px;transform:rotate(-5deg);box-shadow:10px 18px 25px #2f59652b;transition:transform .3s;border-radius:4px}.foil-pack:hover{transform:rotate(0) scale(1.03)}.foil-pack>b{display:block;color:#ffdf82;text-shadow:2px 3px #14344a;font:900 24px/.9 'Outfit';letter-spacing:-1px;margin-bottom:14px}.foil-pack img{border-radius:4px;border:2px solid #7eb6c7}.foil-edge,.foil-bottom{position:absolute;top:0;left:0;right:0;height:12px;background:repeating-linear-gradient(90deg,#3978a1 0px,#3978a1 2px,#8bb7cb 3px,#8bb7cb 4px)}.foil-bottom{top:auto;bottom:0}.pack-ribbon{display:block;font-size:8px;letter-spacing:1.6px;color:#fae7b0;font-weight:700;margin:17px -5px -8px}.pack-spark{position:absolute;color:#d1ad60;font-size:38px}.pack-spark.one{left:-15px;top:50px}.pack-spark.two{right:-10px;bottom:50px;font-size:24px}.ripping{animation:packshake .15s infinite alternate}@keyframes packshake{from{transform:rotate(-8deg)}to{transform:rotate(3deg) scale(1.04)}}.pack-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;max-width:620px;margin:35px auto;animation:card-reveal .5s both}.pack-cards .game-card{text-align:left}.big{padding:17px 25px}.pack-cards .card-caption b{font-size:14px}@keyframes card-reveal{from{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:none}}.battle-page{padding-top:20px;max-width:1180px}.battle-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px}.battle-top>span{font-size:10px;color:#83927b}.battle-top i{font-style:normal;margin:0 6px}.battle-arena{background:linear-gradient(#1b3c4aee,#21433fbe),url('/arena.webp') center/cover;border:4px solid #fffef3;border-radius:20px;padding:25px 28px;color:#fffae8;box-shadow:var(--shadow);position:relative;overflow:hidden}.battle-arena:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse,#cfe0981a,transparent 70%)}.arena-score{display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative}.arena-score>div:first-child,.arena-score>.enemy-name{display:flex;align-items:center;gap:10px;flex:1}.arena-score b{font:600 15px 'Outfit'}.arena-score small{font-size:7px;letter-spacing:1.3px;color:#bacbb2;display:block;margin-top:6px}.enemy-name{justify-content:flex-end;text-align:right}.enemy-avatar{width:38px;height:42px;border:2px solid #bcb998;border-radius:9px;object-fit:cover;object-position:center 25%}.round-score{text-align:center}.round-score>span{font-size:8px;letter-spacing:1.8px;color:#b7c4a7}.round-score strong{display:block;font:600 32px 'Outfit';color:#f0d17f;line-height:1.4}.round-score strong i{font-style:normal;color:#8fa696;font-size:22px;padding:0 9px}.round-score>div{display:flex;justify-content:center;gap:5px}.round-score>div>i{width:6px;height:6px;border-radius:50%;background:#5b7e73}.round-score .active{background:#edce82}.round-score .done{background:#a3c5a1}.arena-stage{display:flex;align-items:center;justify-content:center;gap:50px;min-height:300px;margin-top:20px;position:relative}.arena-slot{width:165px;position:relative;align-self:flex-start}.arena-slot .game-card{background:#ffffee15;border-color:#c5d1aa55;padding:4px}.arena-slot .card-caption{display:none}.arena-slot .game-card img{border-radius:7px}.card-back{width:165px;aspect-ratio:5/7;border-radius:10px;border:4px solid #b8c8b45c;box-shadow:0 6px 16px #0003}.empty-slot{width:165px;height:231px;border:2px dashed #c6d0b754;border-radius:11px;background:#ffffff05;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;color:#c4d0ae}.empty-slot b{font-size:12px}.empty-slot small{font-size:8px;color:#91a88a}.versus{font:900 italic 32px 'Outfit';color:#f7d888;display:flex;align-items:center;flex-direction:column}.versus span{font:600 6px 'DM Sans';letter-spacing:1px;color:#a1b6a2;margin-top:8px}.power-bubble{display:block;background:#f4d48b;color:#4d5b3a;border-radius:5px;padding:7px;font-size:12px;text-align:center;margin-top:8px}.played-trick{display:block;font-size:8px;color:#e1c7f3;text-align:center;margin:8px auto 0;background:#513b6288;border:1px solid #b399bf66;padding:6px;border-radius:4px;max-width:100%;line-height:1.4}.hidden-label{display:block;text-align:center;font-size:9px;color:#b6c8b0;margin-top:10px}.battle-status{text-align:center;margin:5px 0 14px;position:relative}.battle-status h2{font-size:21px;color:#fff4d4}.battle-status p{font-size:9px;color:#bdcab4;margin-top:9px}.swap-options,.risk-actions,.round-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;position:relative;margin:20px auto 5px}.battle-arena .primary{background:#f2ce7e;color:#3e563c;box-shadow:0 3px 0 #ad944b}.battle-arena .secondary{background:#e6eee412;color:#cfdbc3;border-color:#aabb9466}.battle-arena .text-button{color:#c4d1b6}.hand-section{padding:25px 4px}.hand-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}.hand-heading .eyebrow{margin-bottom:4px}.hand-heading h2{font-size:25px}.battle-hand{display:flex;gap:14px;overflow:auto;padding:4px 2px 15px;align-items:flex-start}.battle-hand .game-card{width:135px;flex:0 0 135px}.battle-hand .card-caption b{font-size:11px}.battle-hand .card-caption span{font-size:7px}.trick-heading{display:flex;justify-content:space-between;align-items:center;margin:10px 0}.trick-heading>b{font-size:8px;letter-spacing:1.6px;color:#939b85}.trick-hand{display:flex;gap:12px;flex-wrap:wrap}.trick-chip{display:flex;align-items:center;gap:10px;flex:1;min-width:220px;text-align:left;border:1px solid #ddd9df;border-radius:9px;padding:10px;background:#fbf8fc;color:#7f6a88}.trick-chip img{width:29px;height:40px;border-radius:3px}.trick-chip b{font-size:10px;display:block;color:#745b80}.trick-chip small{font-size:8px;line-height:1.6;display:block;margin-top:5px;color:#9b8ca2}.trick-chip.selected{background:#eee3f2;border:2px solid #b095bc;padding:9px}.coin-options{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px solid #e2e7d7;margin-top:23px;padding-top:20px}.coin-options>span{font-size:12px;font-weight:700;color:#a48d55;margin-right:auto}.coin-options small{display:block;font-size:8px;color:#96a18b;font-weight:400;margin-top:4px}.coin-options .secondary{font-size:10px;padding:10px 12px;min-height:37px}.coin-options .selected{background:#f8e6b8;border-color:#dbc48b}.coin-explain{font-size:10px;margin-top:12px}.battle-details{background:#fffef7;border:1px solid #e0e6d8;padding:20px;border-radius:12px;margin:25px 0}.battle-details>div{display:flex;gap:30px;margin-top:13px}.battle-details p{flex:1;font-size:11px}.battle-details b{display:block;color:#6c806b}.battle-details span{font-size:10px;display:block;margin-top:5px}.modal-overlay{position:fixed;inset:0;z-index:20;background:#153c3e80;backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;padding:20px;overflow-y:auto}.dialog{position:relative;width:min(100%,480px);max-height:90dvh;overflow-y:auto;background:#fffdf5;border:1px solid #e0e5d5;border-radius:18px;padding:32px;text-align:center;box-shadow:0 20px 100px #152e3944}.dialog.wide{width:min(100%,650px);text-align:left}.dialog h2{font-size:28px;margin-bottom:15px}.dialog>p{font-size:12px;margin:15px 0}.close-button{position:absolute;top:12px;right:13px;background:#eff2e6;border-radius:50%;width:27px;height:27px;font-size:22px;color:#7c8a72;display:grid;place-content:center;line-height:1;z-index:2}.inspect-card{width:230px;max-width:85%;margin:20px auto;border-radius:12px;box-shadow:0 6px 25px #31535d33}.guide-list{margin:23px 0;padding-left:19px;display:flex;flex-direction:column;gap:15px;font-size:12px;line-height:1.8;color:#7b8d76}.guide-list b{color:#3f6253}.fine{font-size:10px!important;color:#9ca48c}.battle-log{text-align:left;font-size:11px;line-height:1.8;color:#758671;padding-left:17px;display:flex;flex-direction:column;gap:8px}.reward-card{max-width:190px;margin:20px auto}.reward-card .card-caption{display:none}.victory-bob{position:relative;width:75px;height:75px;border-radius:50%;border:4px solid #eed793;overflow:visible;margin:0 auto 18px;background:#cce7df;animation:bob .8s ease-in-out 4 alternate}.victory-bob img{width:67px;height:67px;border-radius:50%;object-fit:cover;object-position:center 25%}.victory-bob>span{position:absolute;bottom:-7px;right:-16px;font-size:34px}@keyframes bob{to{transform:translateY(-8px) rotate(4deg)}}.upload-label{display:block;border:1px dashed #c2cdb7;border-radius:8px;padding:17px;font-size:11px;color:#698262;margin-top:15px;text-align:left}.upload-label input{margin-top:12px;max-width:100%;font-size:11px}.danger{color:#b27a69}.storage-error{background:#fff0cc;border-bottom:1px solid #e5c589;padding:13px 30px;font-size:12px;color:#927146}.storage-error button{text-decoration:underline}.loading{text-align:center;padding:25vh 20px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);z-index:50;background:#244e48;color:#fff9e6;border:1px solid #8eaa83;border-radius:10px;padding:13px 20px;box-shadow:0 5px 25px #1f444d33;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:90vw}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1600px){.world-map{min-height:660px}}@media(max-width:1100px){.topbar{padding:0 25px}.world-page,.deck-page{padding:30px 25px 0}.world-layout{grid-template-columns:minmax(0,1fr) 300px;gap:16px}.journey-panel{padding:24px 20px}.world-map{min-height:580px}.quest-progress{gap:10px}.shards i{width:25px;height:30px}.shards svg{width:18px}.page-heading h1{font-size:32px}.quest-progress b{font-size:10px}.quest-progress small{font-size:9px}.handwritten{display:none}.map-note{font-size:8px}.collection-grid{gap:17px}.header-tools{gap:10px}.brand{font-size:16px}.nav-button{padding:12px}}
@media(max-width:800px){.topbar{height:74px;padding:0 17px;gap:10px}.brand{font-size:14px;gap:7px}.brand small{font-size:6px;letter-spacing:1.3px}.brand-emblem{width:33px;height:36px;font-size:24px}.nav-button{padding:10px;font-size:11px;gap:6px}.nav-button svg{width:16px}.nav-button b{display:none}.topbar nav{gap:2px}.header-tools{gap:5px}.header-tools .icon-button{display:none}.avatar{width:30px;height:30px;font-size:14px}.world-page,.deck-page,.battle-page{padding:25px 18px 0}.page-heading{align-items:flex-start;gap:15px;margin-bottom:22px}.page-heading h1{font-size:30px}.page-heading>div>p:last-child{font-size:11px}.quest-progress{flex-direction:column;align-items:flex-end;gap:7px;text-align:right}.quest-progress b{font-size:9px}.quest-progress small{font-size:8px}.shards{gap:4px}.shards i{width:21px;height:25px;border-radius:5px}.shards svg{width:15px}.world-layout{grid-template-columns:1fr}.world-map{min-height:470px}.journey-panel{padding:23px}.journey-panel>p{font-size:12px}.journey-panel .encounter-list{margin:18px 0}.journey-panel h2 br{display:none}.starter-mini{height:130px}.starter-mini img{width:72px}.starter-summary{margin-bottom:5px}.journey-panel .name-label{max-width:350px;margin-left:auto;margin-right:auto;width:100%}.journey-panel>.primary{max-width:350px;align-self:center}.journey-panel .reward-note{margin-top:0;padding-bottom:15px}.encounter b{font-size:14px}.encounter small{font-size:7px}.encounter img{width:40px;height:45px}.travel-strip{padding:16px;gap:13px}.travel-strip p:last-child{font-size:10px}.travel-strip .eyebrow{font-size:7px}.bob-sticker{width:47px;height:47px}.travel-strip .bob-sticker img{transform:translate(-25%,-14%)}footer{padding:20px 18px;font-size:8px;flex-wrap:wrap;gap:12px}footer b{display:none}.deck-count{padding:10px;gap:10px}.deck-count>b{font-size:23px}.deck-count small{display:block;font-size:8px}.collection-toolbar{align-items:flex-start;gap:10px}.collection-toolbar>span{display:none}.segmented button{padding:9px 13px;font-size:11px}.collection-grid{grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:13px}.opponent-preview{padding:14px;gap:12px}.opponent-preview h2{font-size:20px}.opponent-preview p{font-size:10px}.opponent-preview .eyebrow{font-size:6px}.opponent-size{font-size:9px}.deck-dock{padding:12px;bottom:10px;gap:10px}.deck-dock .primary{padding:13px;font-size:10px}.deck-dock b{font-size:10px}.deck-dock small{font-size:8px}.deck-dock>div>svg{display:none}.battle-top>span{font-size:8px}.battle-arena{padding:19px 15px;border-width:3px}.arena-stage{gap:27px;min-height:260px}.arena-slot,.card-back{width:135px}.empty-slot{width:135px;height:189px}.arena-score b{font-size:12px}.arena-score small{font-size:6px;letter-spacing:.6px}.arena-score>div:first-child,.arena-score>.enemy-name{gap:7px}.enemy-avatar{width:28px;height:32px}.round-score strong{font-size:27px}.round-score>span{font-size:7px;letter-spacing:1.2px}.battle-status h2{font-size:18px}.battle-status p{font-size:8px}.battle-page{padding:15px 15px 0}.battle-details{padding:15px}.battle-details>div{gap:15px}.battle-details p{font-size:9px}.battle-details span{font-size:8px}}
@media(max-width:480px){.topbar{padding:0 12px}.brand{font-size:12px}.brand small{font-size:5px;letter-spacing:1px}.brand-emblem{width:29px;height:32px;font-size:23px}.nav-button span{display:none}.nav-button{padding:11px}.nav-button svg{width:20px}.topbar nav{margin-left:auto}.header-tools .avatar{width:28px;height:28px}.world-page,.deck-page{padding:23px 15px 0}.page-heading h1{font-size:27px;letter-spacing:-1px}.page-heading .eyebrow{font-size:8px;letter-spacing:1.1px}.page-heading>div>p:last-child{font-size:10px;max-width:210px}.mobile-only{display:block}.quest-progress small{display:none}.quest-progress b{font-size:8px}.world-map{min-height:420px;background-position:center}.map-title{top:12px;left:12px;padding:7px 9px}.map-title b{font-size:13px}.map-title small{font-size:6px}.pin-icon{width:40px;height:40px;border-width:2px}.pin-icon svg{width:21px}.pin-label{padding:5px 8px}.pin-label b{font-size:11px}.pin-label small{font-size:5px}.town-0{left:25%;top:73%}.town-1{left:27%;top:42%}.town-2{left:76%;top:40%}.town-3{left:61%;top:19%}.map-note{left:12px;bottom:28px;padding:7px;font-size:6px}.map-zoom-label{font-size:5px;right:13px;bottom:10px}.map-zoom-label i{margin:0 4px}.journey-panel{padding:22px}.journey-panel h2{font-size:27px}.travel-strip .eyebrow{font-size:6px}.travel-strip p:last-child{font-size:9px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.deck-page .page-heading{flex-wrap:wrap}.deck-count{padding:10px 14px;width:100%;justify-content:center}.deck-count>b{display:flex;align-items:center;gap:4px}.deck-count small{display:inline;font-size:10px}.opponent-size{display:none}.opponent-preview{margin-top:0}.collection-toolbar{margin-bottom:18px}.deck-dock{align-items:center}.deck-dock>div{max-width:45%}.deck-dock small{line-height:1.4}.deck-dock .primary{font-size:9px;padding:12px 9px;gap:5px}.deck-dock .primary svg{width:14px}.pack-page{padding:35px 18px}.pack-page h1{font-size:30px}.pack-page>p{font-size:11px}.pack-cards{gap:9px}.pack-cards .game-card{padding:4px;border-radius:7px}.pack-cards .card-caption{padding:6px 2px}.pack-cards .card-caption b{font-size:9px;white-space:normal}.pack-cards .card-caption span{font-size:6px;line-height:1.5}.pack-steps{font-size:10px;gap:8px}.pack-steps i{width:20px}.battle-top{gap:5px}.battle-top .text-button{font-size:9px}.battle-top>span{display:none}.battle-arena{padding:16px 10px}.arena-score{gap:5px}.arena-score .avatar,.enemy-avatar{display:none}.arena-score b{font-size:11px}.arena-score small{font-size:5px;line-height:1.6}.round-score>span{font-size:6px;letter-spacing:1px}.round-score strong{font-size:25px}.arena-stage{gap:18px;min-height:238px;margin-top:18px}.arena-slot,.card-back{width:111px}.empty-slot{width:111px;height:156px}.empty-slot small{font-size:6px}.empty-slot b{font-size:10px}.versus{font-size:23px}.versus span{font-size:4px;letter-spacing:.7px}.battle-status h2{font-size:16px}.battle-status p{font-size:7px}.power-bubble{font-size:10px;padding:5px}.played-trick{font-size:6px}.hand-heading h2{font-size:21px}.hand-heading .primary{font-size:10px;padding:12px;gap:6px}.battle-hand .game-card{width:126px;flex-basis:126px}.coin-options>span{width:100%}.coin-options .secondary{flex:1;font-size:9px}.trick-chip{min-width:100%}.battle-details>div{flex-direction:column;gap:13px}.dialog{padding:30px 23px;max-height:91dvh}.dialog h2{font-size:25px}.dialog>p{font-size:11px}.guide-list{font-size:11px}.modal-overlay{padding:14px}.reward-card{max-width:165px}.inspect-card{width:210px}.storage-error{padding:10px 15px;font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.discard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}.discard-grid .card-caption b{font-size:11px}
/* Monster Mania collector shell */
:root{--ink:#344d68;--muted:#8496ab;--teal:#168caa;--cream:#f5fbff;--line:#d7e6f0;--shadow:0 8px 25px #4f799518}body{background:radial-gradient(ellipse at 15% 0,#e9fbf9,transparent 48%),linear-gradient(140deg,#f1f8fb,#eaf1fc);background-attachment:fixed;color:var(--ink);padding-bottom:100px;font-family:'DM Sans',system-ui,sans-serif}.pocket-header{height:100px;max-width:1320px;margin:auto;padding:0 38px;display:flex;justify-content:space-between;align-items:center;gap:20px;position:relative}.pocket-header:after{content:'';position:absolute;bottom:0;left:38px;right:38px;height:1px;background:linear-gradient(90deg,transparent,#c9e4ed,transparent)}.pocket-brand{display:flex;align-items:center;gap:11px;text-align:left}.mania-mark{width:44px;height:49px;background:linear-gradient(145deg,#32b7c1,#2f73b7);border-radius:14px 14px 18px 18px;display:grid;place-content:center;color:#f7e88c;font:900 33px 'Outfit';box-shadow:inset 1px 2px 2px #fff6,0 5px 12px #5d9ab22b;position:relative}.mania-mark span{position:absolute;font-size:16px;right:-4px;top:-8px;color:#d9ad40;text-shadow:0 1px white}.pocket-brand>span:last-child{font:800 17px/.95 'Outfit';letter-spacing:.7px;color:#3f5a77}.pocket-brand>span:last-child>span{display:block;font-size:24px;letter-spacing:2px}.pocket-brand small{display:block;font:600 6px 'DM Sans';letter-spacing:1.2px;margin-top:6px;color:#95a9b9}.pocket-status{display:flex;align-items:center;gap:20px}.ticket-pill{display:flex;align-items:center;gap:8px;border:1px solid #fff;background:#ffffffa3;border-radius:30px;padding:8px 14px;box-shadow:0 4px 12px #7195b018;color:#8099ad}.ticket-pill b{font:700 18px 'Outfit';color:#4d7e91}.ticket-pill>span{font-size:9px}.trainer-profile{display:flex;align-items:center;gap:9px}.trainer-profile>span{width:40px;height:40px;border:3px solid white;outline:1px solid #d8e6ef;border-radius:50%;display:grid;place-content:center;background:linear-gradient(125deg,#bbd9de,#d9daf4);font:600 20px 'Outfit';color:#53748b;box-shadow:0 3px 10px #6c90ae1a}.trainer-profile b{font-size:10px;color:#869fb4}.pocket-page{max-width:1240px;margin:0 auto;padding:30px 0 40px}.welcome-row,.pocket-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.welcome-row h1,.pocket-title h1{font-size:34px;font-weight:500;letter-spacing:-1.1px;color:#3c5773}.welcome-row p:last-child{font-size:12px;color:#8a9fb1;margin-top:8px}.eyebrow{color:#8fa7b5;font-size:8px;letter-spacing:1.7px}.soft-icon{display:grid;place-content:center;width:39px;height:39px;background:#f7fcff;border:1px solid white;border-radius:50%;box-shadow:0 4px 12px #5b84a21f;color:#8ba5b7}.soft-icon.active{color:#168faa;background:#dff2f8}.home-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:25px;align-items:stretch}.pack-showcase{position:relative;background:linear-gradient(145deg,#fffffffa,#ecf6fb);border:1px solid white;border-radius:25px;box-shadow:0 10px 30px #5a86a91c;overflow:hidden;min-width:0}.pack-showcase:before{content:'';position:absolute;top:42px;left:-10%;right:-10%;height:250px;border-radius:0 0 50% 50%;background:linear-gradient(120deg,#e9f5f9,#f0eafb,#e2f5ee);transform:rotate(-6deg)}.showcase-top{position:relative;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:20px 22px}.edition-badge{background:#eef4f9;color:#7895af;letter-spacing:1px;font-size:7px;font-weight:700;padding:7px 10px;border-radius:6px}.showcase-top>span:last-child{font-size:8px;color:#9aaebb}.pack-carousel{display:flex;align-items:center;justify-content:center;gap:18px;padding:30px 25px 18px;min-height:280px;position:relative;perspective:1000px}.booster{position:relative;isolation:isolate;flex:0 1 153px;width:153px;aspect-ratio:.58;min-width:0;border-radius:3px;background:linear-gradient(120deg,#4eacbb,#265a8d 45%,#67c3be);box-shadow:6px 10px 17px #3f5d763d;transform:rotateY(-8deg) rotate(-3deg) scale(.91);transition:transform .3s,filter .3s;padding:0;display:flex;flex-direction:column;align-items:center;overflow:hidden;color:#e6f7fa;text-align:center;border:1px solid #9cd4df}.booster.midnight{background:linear-gradient(120deg,#ae8cdd,#384d8e 45%,#8d68c4);border-color:#af9ed9}.booster.ember{background:linear-gradient(120deg,#dca565,#803749 45%,#d5795b);border-color:#dbb080}.booster:after{content:'';position:absolute;inset:0;z-index:5;pointer-events:none;background:linear-gradient(115deg,transparent 15%,#fff3 28%,transparent 33%,transparent 65%,#ffffff15 75%,transparent 80%);mix-blend-mode:screen}.booster.selected{transform:rotateY(0) rotate(0) scale(1.03);filter:drop-shadow(0 0 8px #acdae555)}.booster:hover{transform:translateY(-8px) rotate(0) scale(1.03)}.booster-crimp{height:9px;position:absolute;left:0;right:0;background:repeating-linear-gradient(90deg,#ffffff3b 0,#ffffff3b 1px,transparent 2px,transparent 4px);border-block:1px solid #ffffff40;z-index:6}.booster-crimp.top{top:0}.booster-crimp.bottom{bottom:0}.booster-title{display:block;font:800 17px/.9 'Outfit';letter-spacing:-.5px;color:#fbe186;text-shadow:1px 2px #1c335a;position:relative;z-index:2;padding-top:16px}.booster-title b{font-size:24px;letter-spacing:.2px}.booster-set{display:block;font-size:4px;letter-spacing:1.2px;color:#d9e9f6;margin-top:6px}.booster-window{display:block;position:relative;overflow:hidden;width:100%;height:52%;margin-top:8px;mask-image:linear-gradient(transparent,#000 10%,#000 80%,transparent)}.booster-window img{position:absolute;width:160%;max-width:none;left:-30%;top:-23%;height:auto}.booster-name{font:800 17px/.95 'Outfit';text-transform:uppercase;color:#fff3c9;text-shadow:1px 2px #1e355b;position:absolute;bottom:33px;left:4px;right:4px;z-index:3}.booster-tag{display:block;position:absolute;bottom:23px;left:0;right:0;font-size:3.6px;font-weight:700;letter-spacing:.6px;color:#e6effa}.booster-bottom{position:absolute;bottom:12px;left:0;right:0;font-size:3.5px;letter-spacing:.7px;color:#d8e9f2}.pack-selection-label{text-align:center;padding:2px 0 19px;position:relative}.set-dots{display:flex;justify-content:center;gap:5px;margin-bottom:9px}.set-dots button{background:#d9e6ed;width:5px;height:5px;border-radius:20px;padding:0;transition:width .2s}.set-dots button.active{width:18px;background:#5ca9bc}.pack-selection-label h2{font-size:19px;font-weight:500}.pack-selection-label p{font-size:9px;color:#91a4b4;margin-top:4px}.pack-open-bar{display:flex;align-items:center;gap:12px;background:#f9fdff;border-top:1px solid #e5f0f5;padding:18px 22px;position:relative}.pack-ready-icon{width:36px;height:36px;border-radius:50%;display:grid;place-content:center;color:#bc9e55;background:#f5edd6}.pack-open-bar>div{flex:1}.pack-open-bar b{font-size:10px;color:#638399;display:block}.pack-open-bar>div>span{font-size:8px;color:#9eafbd;display:block;margin-top:5px}.primary{background:linear-gradient(110deg,#28a9ba,#2787af);border:1px solid #ffffff80;color:#f7feff;border-radius:30px;font-size:11px;box-shadow:0 3px 10px #4e9db52b,0 1px 0 #fff7 inset;min-height:43px;gap:8px}.primary:hover:not(:disabled){background:linear-gradient(110deg,#39bdc8,#3997c1)}.secondary{border-radius:25px;background:linear-gradient(#fbfeff,#ecf5fa);border:1px solid white;color:#7a94ac;box-shadow:0 4px 10px #7194b01a;font-size:10px}.home-side{display:flex;flex-direction:column;gap:16px}.feature-story{display:flex;position:relative;overflow:hidden;background:linear-gradient(120deg,#437898,#3c5c7b 50%,#616092);border-radius:23px;padding:27px 24px;min-height:244px;box-shadow:0 8px 20px #47799e22;isolation:isolate}.feature-story:before{content:'';position:absolute;width:350px;height:250px;border:1px solid #c3e6ee25;border-radius:50%;right:-80px;bottom:-150px;box-shadow:0 0 0 35px #bbd8f20a,0 0 0 75px #bbd8f20a;z-index:-1}.feature-story>div:first-child{position:relative;z-index:2;width:65%}.feature-kicker{color:#a3ccdb;font-size:7px;font-weight:700;letter-spacing:1.5px}.feature-story h2{font-size:27px;font-weight:500;color:#eef8fb;margin-top:12px;letter-spacing:-.7px}.feature-story p{font-size:9px;color:#b1c9d7;max-width:190px;line-height:1.9;margin-top:10px}.light-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#f4fbff;border:1px solid #ffffffaa;color:#68859d;box-shadow:0 5px 14px #1b385028;border-radius:24px;font-weight:600;font-size:10px;padding:11px 17px;margin-top:17px}.feature-cards{position:absolute;right:-5px;bottom:10px;width:46%;height:200px;perspective:600px}.feature-cards img{width:104px;border-radius:6px;position:absolute;box-shadow:0 7px 20px #12294355;top:10px;right:25px;transform:rotate(14deg)}.feature-cards img:last-child{top:56px;right:75px;transform:rotate(-15deg);width:93px}.home-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hub-tile{display:flex;flex-direction:column;gap:11px;text-align:center;position:relative;border:1px solid white;border-radius:20px;background:linear-gradient(160deg,#f2f1fc,#f8fcff 70%);padding:21px 12px;color:#ad9cca;box-shadow:0 6px 16px #6d94b319;overflow:hidden}.hub-tile.deck-tile{background:linear-gradient(160deg,#e5f4f4,#f8fcff 70%);color:#74b2c1}.hub-tile>svg:first-child{align-self:center}.hub-tile>svg:last-child{position:absolute;right:14px;top:15px;width:13px;color:#a4b9c8}.hub-tile b{font:500 16px 'Outfit';color:#607f99;display:block}.hub-tile small{font-size:8px;color:#9aafc0;display:block;margin-top:4px}.mission-preview{display:flex;align-items:center;gap:12px;border:1px solid white;background:#f8fcffd9;padding:16px;border-radius:18px;text-align:left;box-shadow:0 6px 15px #7190ad12}.mission-medal{color:#c5b273}.mission-preview>div{flex:1}.mission-preview b{display:block;font-size:10px;color:#7b91a5}.mission-preview small{font-size:8px;line-height:1.7;color:#a1b0bf;display:block;margin-top:4px}.mission-preview>svg{color:#a6b9c9}.recent-strip{display:flex;align-items:center;gap:20px;border-top:1px solid #dce9f2;margin-top:30px;padding:26px 0 0}.recent-strip>div:first-child{flex:1}.recent-strip h2{font-size:19px;font-weight:500;color:#718ba3}.recent-strip .eyebrow{font-size:7px;margin-bottom:7px}.recent-cards{display:flex;gap:10px}.recent-cards>button{padding:0;transform:rotate(-4deg);transition:transform .2s}.recent-cards>button:nth-child(2n){transform:rotate(5deg)}.recent-cards>button:hover{transform:translateY(-6px) rotate(0)}.recent-cards img{width:52px;border-radius:4px;box-shadow:0 4px 10px #50718f20}.recent-strip>.text-button{margin-left:10px;font-size:10px}.text-button{color:#8ba0b4}.pocket-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,650px);height:77px;display:flex;justify-content:space-around;align-items:center;z-index:10;background:#f4fbffed;border:1px solid #fff;border-bottom:0;border-radius:24px 24px 0 0;box-shadow:0 -8px 28px #6589a91c;backdrop-filter:blur(18px);padding:5px 15px calc(5px + env(safe-area-inset-bottom))}.pocket-nav button{min-width:76px;display:flex;align-items:center;flex-direction:column;gap:5px;color:#9aafc0;padding:7px;position:relative}.pocket-nav button>span{position:relative;transition:transform .2s}.pocket-nav button b{font-size:8px;font-weight:500}.pocket-nav button.active{color:#3895ac}.pocket-nav button.active>span{transform:translateY(-3px)}.pocket-nav button.active:before{content:'';position:absolute;inset:-3px 10px 4px;border-radius:16px;background:linear-gradient(#daf1f7a0,#e9f8fb20);z-index:-1}.nav-dot{position:absolute;right:-5px;top:-3px;width:5px;height:5px;border:1px solid #fff;border-radius:50%;background:#ed97b7}.pocket-title{margin-bottom:23px}.pocket-title .mode-pill{font-size:8px}.binder-toolbar{border:1px solid white;border-radius:23px;overflow:hidden;background:#f7fcffdd;box-shadow:var(--shadow);margin-bottom:27px}.binder-actions{display:flex;align-items:center;gap:20px;padding:21px 26px;background:linear-gradient(170deg,#e4e7f6,#edf7fa 80%)}.binder-action{display:flex;flex-direction:column;gap:9px;align-items:center;min-width:80px;padding:11px 13px;border:1px solid white;border-radius:17px;background:#f3faff;box-shadow:3px 5px 10px #7697b025;color:#8da4b8}.binder-action span{font-size:9px}.binder-action.active{color:#4c9bb3;background:#f9feff}.binder-progress{margin-left:auto;min-width:190px}.binder-progress b{font:500 30px 'Outfit';color:#67899e}.binder-progress b>span{font-size:16px;color:#a5b7c7}.binder-progress small{font-size:6px;letter-spacing:1.2px;color:#9baebe;display:block;margin:6px 0 10px}.binder-progress i{display:block;background:#dce8f0;height:3px;border-radius:3px;overflow:hidden}.binder-progress i>span{display:block;height:3px;border-radius:3px;background:linear-gradient(90deg,#55c4cb,#9a9fda)}.binder-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 23px}.binder-filters{display:flex;gap:5px}.binder-filters button{font-size:10px;color:#92a9bc;padding:9px 15px;border-radius:22px}.binder-filters .active{background:#e1f2f6;color:#418ca6}.binder-search{display:flex;align-items:center;gap:12px}.binder-search label{display:flex;align-items:center;gap:8px;background:#eff6fb;border:1px solid #e4eff7;border-radius:25px;padding:8px 13px;color:#9fb4c4}.binder-search input{background:none;border:0;outline:0;font-size:10px;width:125px;color:#67889e}.binder-search input::placeholder{color:#a0b4c4}.binder-search .soft-icon{width:32px;height:32px}.catalog-switch{display:flex;align-items:center;gap:6px;font-size:8px;color:#9cabbc}.catalog-switch>span{width:28px;height:16px;background:#d8e5ef;border-radius:20px;position:relative;box-shadow:inset 1px 1px 4px #7c9db321}.catalog-switch>span:before{content:'';width:14px;height:14px;border-radius:50%;background:#f8fdff;position:absolute;top:1px;left:1px;box-shadow:1px 2px 3px #6f93b32a;transition:left .2s}.catalog-switch.on>span{background:#81c1d2}.catalog-switch.on>span:before{left:13px}.binder-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px 18px}.binder-card{display:block;position:relative;min-width:0;text-align:left;padding:0;transition:transform .2s}.binder-card>img{width:100%;aspect-ratio:5/7;border-radius:7px;box-shadow:0 5px 13px #6383a126}.binder-card:hover{transform:translateY(-5px)}.copy-count{position:absolute;left:0;bottom:22px;min-width:27px;padding:4px 8px;border-radius:0 7px 0 6px;background:#4e6b88ef;color:#f2faff;font-size:10px;text-align:center}.binder-name{display:block;font-size:8px;color:#8ca0b2;margin-top:8px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.binder-card.uncollected>img{opacity:.35;filter:grayscale(1)}.favorite-mark{position:absolute;top:5px;right:5px;background:#fff5ca;color:#c2a34d;border-radius:50%;width:19px;height:19px;display:grid;place-content:center;font-size:10px;box-shadow:0 2px 5px #586d8933}.binder-empty{grid-column:1/-1;text-align:center;padding:60px 25px;color:#aec4d2}.binder-empty h2{font-size:25px;font-weight:500;margin-top:20px;color:#7f98ad}.binder-empty p{font-size:12px;color:#a0b0bf;margin:12px 0 22px}.favorite-button{display:inline-flex;align-items:center;gap:8px;border:1px solid #e1e8f0;border-radius:25px;padding:11px 16px;color:#9c93bb;background:#f4f2fb;font-size:10px}.favorite-button[aria-pressed=true]{background:#fbf1d3;color:#aa965e;border-color:#eddfb4}.battle-feature{position:relative;isolation:isolate;background:linear-gradient(120deg,#306c8f,#478dab 45%,#707bc1);min-height:370px;border:1px solid #ffffff70;border-radius:26px;overflow:hidden;padding:40px 38px;box-shadow:0 10px 35px #48799422}.battle-feature:before{content:'';position:absolute;inset:10% -20% -80%;border:2px solid #def5fa44;border-radius:50%;box-shadow:0 0 0 35px #e8fcff0a,0 0 0 75px #e8fcff0a,0 0 0 120px #e8fcff08;z-index:-1}.battle-feature-copy{position:relative;z-index:2}.battle-feature h2{font-size:45px;color:#f4fcff;font-weight:500;letter-spacing:-1.8px;margin-top:16px}.battle-feature p{font-size:12px;color:#bdd8e7;line-height:1.9;margin-top:15px}.battle-feature-art{position:absolute;right:25px;top:5%;height:100%;width:52%;perspective:700px}.battle-feature-art img{position:absolute;width:190px;border-radius:11px;box-shadow:0 15px 30px #2137524d;transform:rotate(-15deg);right:210px;top:15px}.battle-feature-art img:nth-child(2){right:90px;top:0;transform:rotate(0);width:210px;z-index:2}.battle-feature-art img:nth-child(3){right:0;top:45px;transform:rotate(15deg);width:180px;z-index:3}.battle-rune{position:absolute;color:#def5ff70;font-size:65px;right:40px;bottom:20px;z-index:4}.battle-rune.two{font-size:35px;right:46%;top:20px}.battle-tiles{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:25px}.mode-card{display:flex;align-items:center;gap:20px;padding:27px;text-align:left;border:1px solid white;border-radius:22px;background:linear-gradient(145deg,#e6f6fa,#f8fcff 70%);box-shadow:0 6px 16px #7d9eb21c;color:#6bafc4}.mode-card.quick-mode{background:linear-gradient(145deg,#eceafb,#f8fcff 70%);color:#ad9dcb}.mode-card .eyebrow{font-size:7px;letter-spacing:1.2px;margin:0 0 8px}.mode-card h2{font-size:23px;font-weight:500;color:#68889f}.mode-card p{font-size:10px;color:#9eb0c0;margin-top:6px}.mode-card>svg:last-child{margin-left:auto;color:#a9bbca}.battle-utilities{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:22px}.battle-utilities>button{display:flex;align-items:center;gap:8px;flex-direction:column;background:#f7fcffa6;border:1px solid white;border-radius:18px;padding:24px 15px;color:#9bb6c6}.battle-utilities b{font:500 15px 'Outfit';color:#7f98ad;margin-top:5px}.battle-utilities span{font-size:8px;color:#a4b5c4}.mode-pill{padding:8px 13px;border:1px solid white;background:#f5fbff;border-radius:25px;font-size:8px;color:#91a8ba;display:flex;align-items:center;gap:7px}.milestone-hero{display:flex;align-items:center;gap:25px;background:linear-gradient(130deg,#e7e6fa,#e8f5f9);border:1px solid white;border-radius:23px;padding:30px;margin-bottom:25px;color:#aba4cf;box-shadow:var(--shadow)}.milestone-hero h2{font-size:25px;font-weight:500;color:#6f87a4}.milestone-hero p{font-size:11px;color:#9aadc0;margin-top:9px}.mission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.mission-card{background:#f8fcff;border:1px solid white;border-radius:20px;padding:25px;box-shadow:var(--shadow)}.mission-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;color:#a9b6c7}.mission-card-top>span{width:45px;height:45px;background:#ebf2f8;border-radius:14px;display:grid;place-content:center}.mission-card-top b{font-size:8px;letter-spacing:.7px;color:#a4b3c5}.mission-card h2{font-size:21px;font-weight:500;color:#6d8aa1}.mission-card p{font-size:10px;color:#99adbe;margin-top:9px;min-height:36px}.mission-card small{font-size:8px;color:#abb9c7}.mission-meter{height:4px;background:#e8eff5;border-radius:4px;overflow:hidden;margin:20px 0 13px}.mission-meter i{height:4px;background:#a8c6d7;display:block;border-radius:4px}.mission-card.complete{background:linear-gradient(140deg,#f6fdfb,#eef9f6);border-color:#d8f0e8}.mission-card.complete .mission-card-top>span{background:#e1f4ec;color:#7ebba5}.mission-card.complete .mission-card-top b{color:#84b6a4}.mission-card.complete .mission-meter i{background:#8dc6b1}.ticket-explainer{display:flex;align-items:center;gap:20px;border-top:1px solid #dce9f3;padding-top:25px;margin-top:30px;color:#9ab9ca}.ticket-explainer p{flex:1;font-size:10px;color:#99acbe}.ticket-explainer b{color:#819baf;font-weight:600}.profile-banner{display:flex;gap:25px;align-items:center;background:linear-gradient(130deg,#e4f2f8,#ede8fa);border:1px solid white;border-radius:24px;padding:30px;margin-bottom:25px;box-shadow:var(--shadow)}.profile-orbit{width:75px;height:75px;border:5px solid #f4faff;outline:1px solid #cadce9;display:grid;place-content:center;font:600 36px 'Outfit';border-radius:50%;background:linear-gradient(120deg,#badce6,#c7c6ed);color:#6e8aa5}.profile-banner small{font-size:7px;letter-spacing:1.1px;color:#9aa9c0}.profile-banner h2{font-size:30px;font-weight:500;margin-top:7px;color:#6c86a0}.profile-banner p{font-size:10px;color:#9aacc1;margin-top:7px}.profile-banner>.secondary{margin-left:auto}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.menu-grid>button{display:flex;align-items:center;gap:20px;text-align:left;border:1px solid white;background:#f8fcffc9;box-shadow:var(--shadow);border-radius:19px;padding:25px;color:#a0b4c7}.menu-grid>button>div{flex:1}.menu-grid b{font:500 17px 'Outfit';color:#7f98af}.menu-grid span{display:block;font-size:10px;color:#a2b3c5;margin-top:8px}.menu-grid>button>svg:last-child{width:16px}.menu-footnote{text-align:center;margin-top:30px;font-size:10px;color:#a3b4c4}.pack-opening-page>.text-button{margin-bottom:18px}.pack-title{text-align:center}.pack-title h1{font-size:34px;font-weight:500;color:#67879f}.pack-title p:last-child{font-size:11px;color:#9cafbf;margin-top:12px}.pack-opening-stage{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:420px;perspective:900px;isolation:isolate}.pack-aura{position:absolute;width:400px;height:400px;max-width:100%;border-radius:50%;background:radial-gradient(circle,#d6ebff,#e6f3f700 65%);z-index:-1;box-shadow:0 0 80px #ffffff90}.pack-opening-stage>.booster{width:200px;flex:0 0 auto;transform:rotate(-4deg);max-height:360px;aspect-ratio:.58;animation:pack-hover 4s infinite ease-in-out}.pack-opening-stage .booster-title{font-size:22px;padding-top:20px}.pack-opening-stage .booster-title b{font-size:32px}.pack-opening-stage .booster-name{font-size:25px;bottom:43px}.pack-opening-stage .booster-tag{font-size:5px;bottom:30px}.pack-opening-stage .booster-bottom{font-size:5px;bottom:16px}.pack-opening-stage .booster-set{font-size:5px}.cut-guide{position:absolute;bottom:0;font-size:10px;color:#a6b8c5;display:flex;align-items:center;gap:8px}.pack-opening-stage.opening>.booster{animation:pack-slice .85s both}.pack-opening-stage.opening:after{content:'';position:absolute;top:70px;left:50%;width:250px;height:2px;transform:translateX(-50%);background:#fff;box-shadow:0 0 10px #91e3f6;animation:cut-flash .8s both}.pack-open-controls{text-align:center;margin-top:25px}.pack-open-controls>b{font-size:10px;font-weight:500;color:#94aabd;display:block;margin-bottom:13px}.pack-open-controls .primary{min-width:240px}.pack-open-controls p{font-size:9px;color:#a7b9c7;margin-top:16px}.pack-reveal-v2{display:flex;align-items:flex-start;justify-content:center;gap:25px;max-width:740px;margin:50px auto 35px}.reveal-card{flex:1;min-width:0;position:relative;animation:reveal-rise .5s var(--reveal-delay) both}.new-card-tag{position:absolute;z-index:2;top:-9px;left:50%;transform:translateX(-50%);background:linear-gradient(90deg,#e1ba6b,#efd597);font-size:7px;font-weight:700;letter-spacing:1px;padding:5px 13px;border-radius:10px;box-shadow:0 3px 8px #a9946226;color:#fff}.pack-results-actions{text-align:center}.pack-results-actions p{font-size:9px;color:#a6b6c8;margin-top:15px}.pack-reveal-v2 .game-card{border:1px solid #fff;background:#ffffffb8;box-shadow:0 6px 20px #6891ad20}.game-card{background:#fcfeff;border-color:#e2edf5}.card-caption b{color:#6b879f}.card-caption span{color:#a0b3c2}.game-card.chosen{border-color:#7ebbd0;box-shadow:0 0 0 3px #8cc9d820}.pick-button{color:#93abbc;background:#edf6fa;border-color:#deebf3;border-radius:20px}.pick-button.picked{color:#438ba4;background:#dff0f7;border-color:#bddfe9}.deck-count{background:#f9fdff;border-color:white;border-radius:20px;box-shadow:var(--shadow)}.deck-count>b{color:#6c93a7}.deck-count small{color:#a4b5c5}.opponent-preview{background:linear-gradient(120deg,#e7f2fa,#eeedf9);border:1px solid white;border-radius:20px}.opponent-preview p{color:#9baebf}.collection-toolbar .segmented{background:#e1edf5;border-radius:25px}.segmented button{border-radius:25px;color:#9bb0c0}.segmented .active{color:#589bb3}.deck-dock{background:#f8fcfff0;border-color:white;border-radius:23px;bottom:90px}.deck-dock b{color:#7791a7}.deck-dock small{color:#a5b7c5}.dialog{background:linear-gradient(150deg,#f5fbff,#f3f4ff);border:1px solid white;color:#6d879f;border-radius:25px}.dialog h2{font-weight:500;color:#68869e}.dialog p{color:#9aafc0}.close-button{color:#96aabc;background:#e8f1f8}.guide-list{color:#8fa7b9}.guide-list b{color:#68889d}.name-label{color:#8fa8bb}.name-label input{background:#eef6fb;border-color:#deebf4;color:#6f8b9f;border-radius:20px}.world-page{padding:30px 38px 0}.world-page h1{color:#577c98;font-weight:500}.world-layout .journey-panel{background:#f9fdff;border-color:white;box-shadow:var(--shadow)}.journey-panel p{color:#95aaba}.journey-panel .chapter-pill{background:#e8f2f8;color:#7ca2b8!important}.journey-panel h2{color:#6b8ba2;font-weight:500}.journey-panel .encounter{background:#f0f6fa;border-color:#e2edf5}.encounter b{color:#6c879e}.reward-note{border-color:#dbe6f0}.reward-note b{color:#829caf}.reward-note small{color:#a3b7c6}.travel-strip{background:#eef5fa;border-color:#deebf4}.travel-strip p{color:#98aebe!important}.upload-label{border-color:#c8dae8;color:#90a7b9}.storage-error{position:relative;z-index:11}.tabletop-page .text-button{color:#8ca5ba}#toast{background:#426981;color:#f6fdff;border-color:#aac8da;border-radius:22px;bottom:90px}.loading{color:#9eb5c5}@keyframes pack-hover{50%{transform:translateY(-8px) rotate(1deg)}}@keyframes pack-slice{20%{transform:rotate(-4deg) translateX(-5px)}40%{transform:rotate(3deg) translateX(5px)}65%{transform:scale(1.07)}100%{transform:scale(1.15);opacity:0}}@keyframes cut-flash{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes reveal-rise{from{opacity:0;transform:translateY(35px) rotateY(-20deg)}to{opacity:1;transform:none}}
/* Active battle: a portrait tabletop, with a desktop companion rail. */
.tabletop-page{max-width:1120px;margin:auto;padding:12px 25px 20px}.tabletop-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:10px}.tabletop-top>span{font-size:8px;letter-spacing:1px;color:#9baebf}.tabletop-top .soft-icon{width:30px;height:30px}.tabletop-layout{display:grid;grid-template-columns:minmax(0,690px) minmax(250px,1fr);gap:25px;align-items:start}.monster-table{position:relative;isolation:isolate;height:1010px;background:radial-gradient(ellipse at 15% 0,#d9f1fb,transparent 45%),linear-gradient(135deg,#d4d5f4,#cbdcf6 55%,#d2eff6);border:2px solid #fff;border-radius:45% 45% 27% 27% / 10% 10% 10% 10%;overflow:hidden;box-shadow:0 15px 30px #5a82ad25,inset 0 0 0 8px #eff8ff99,inset 0 0 0 11px #d4e3f855}.table-orbit{position:absolute;z-index:-1;inset:10% 3% 11%;border:3px solid #f9fcff99;border-radius:50%;box-shadow:0 0 0 16px #ffffff0d,0 0 0 50px #ffffff0a}.table-half{position:absolute;left:-15%;right:-15%;height:340px;border-radius:50%;z-index:-1;border:9px solid #fff7;box-shadow:0 0 0 4px #dbad6b55}.enemy-half{top:-256px;background:linear-gradient(60deg,#e5ae9b,#f5bdc0)}.player-half{bottom:-270px;background:linear-gradient(60deg,#6bd2e4,#5ba7e5)}.opponent-fan{position:absolute;top:-35px;left:50%;width:1px;height:145px;z-index:1}.opponent-fan img{position:absolute;top:0;left:0;width:80px;max-width:none;border-radius:4px;border:1px solid #b9c8d9;box-shadow:0 2px 5px #607b9c33;transform:translateX(calc(-50% + var(--fan-offset))) rotate(var(--fan-angle));transform-origin:50% 110%}.table-player{position:absolute;display:flex;align-items:center;gap:13px;padding:10px 17px;border-radius:10px;background:#667f9eea;backdrop-filter:blur(8px);color:#f6fbff;z-index:4;min-height:38px;box-shadow:0 4px 10px #5e7da626}.enemy-player{top:55px;right:0;left:26%;border-radius:12px 0 0 12px}.your-player{bottom:16px;left:0;right:26%;border-radius:0 12px 12px 0}.table-player b{font-size:11px;font-weight:600;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-player>span:not(.score-gems){font-size:7px;color:#d0dfef;white-space:nowrap}.table-player>strong{display:flex;gap:3px;align-items:center;font:500 16px 'Outfit';color:#deedf7}.table-player>strong small{font-size:5px;font-family:'DM Sans';letter-spacing:.5px}.score-gems{display:flex;gap:5px}.score-gems i{width:15px;height:15px;border-radius:50%;background:#455a7790;border:1px solid #c2d5e455;box-shadow:0 2px 3px #20354930 inset}.score-gems i.lit{background:radial-gradient(circle at 30% 25%,#fff9c9,#d6bd74);border-color:#e6d590;box-shadow:0 0 7px #fff5a845}.enemy-reserve{position:absolute;top:115px;left:18%;right:18%;display:flex;justify-content:center;gap:12px;height:71px;opacity:.75}.reserve-outline{width:48px;height:67px;flex-shrink:1;min-width:0;border:2px solid #f7fcffb8;border-radius:6px;box-shadow:inset 0 0 10px #fcfeff10;background:#ffffff03}.table-active{position:absolute;left:50%;transform:translateX(-50%);width:143px;z-index:2}.enemy-active{top:212px}.your-active{top:539px}.active-art{width:143px;display:block;padding:0;position:relative;border-radius:8px;box-shadow:0 7px 15px #5d7b9a28;transition:transform .2s}.active-art:hover{transform:translateY(-4px)}.active-art img{width:100%;aspect-ratio:5/7;border-radius:8px;border:2px solid #f5fcff80}.table-power{position:absolute;top:-12px;right:-14px;padding:3px 9px 4px;border-radius:12px;color:#fff;font:600 24px/1 'Outfit';text-shadow:0 2px #3f6b94;background:#587a9dd9;border:1px solid #c4e4f6;box-shadow:0 2px 6px #4c6c9133;min-width:55px;text-align:center}.table-power small{font:600 4px 'DM Sans';letter-spacing:1px;display:block;margin-top:3px;color:#e2f3fb}.active-label{display:block;font-size:8px;color:#7790ab;text-align:center;line-height:1.4;margin-top:8px;text-shadow:0 1px #fff8}.active-outline{position:relative;display:grid;place-content:center;justify-items:center;width:143px;height:200px;border:2px solid #fff9;border-radius:10px;background:#ffffff0e;color:#94abc6}.active-outline>img{width:139px;height:196px;opacity:.8;border-radius:8px}.active-outline>span{position:absolute;bottom:15px;left:-10px;right:-10px;text-align:center;font-size:6px;font-weight:600;letter-spacing:1px;color:#7491ac;background:#eaf6ffdb;padding:6px 2px;border-radius:15px}.active-trick{position:absolute;right:-102px;bottom:20px;display:flex;flex-direction:column;align-items:center;gap:4px;width:66px;text-align:center;padding:0}.active-trick img{width:56px;aspect-ratio:5/7;border-radius:3px;box-shadow:0 3px 8px #5c769a44;transform:rotate(7deg)}.active-trick span{font-size:6px;color:#8b84ac}.table-center-line{position:absolute;top:438px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:0 20px;color:#a8bdd5;font-size:7px;letter-spacing:1px}.table-center-line>span{font:800 10px/.9 'Outfit';color:#97b2cb;opacity:.65}.table-center-line>span>span{display:block;letter-spacing:3px}.table-center-line>b{font-weight:500;font-size:8px;letter-spacing:1px;color:#8fa5c0}.table-callout{position:absolute;top:445px;left:6%;right:6%;z-index:6;display:flex;align-items:center;flex-direction:column;gap:7px;min-height:77px}.table-callout h2{font:600 12px 'Outfit';color:#7395b0;background:#f0fbffe0;padding:6px 18px;border-radius:25px;box-shadow:0 3px 8px #809bbd19;letter-spacing:0;text-align:center;max-width:100%}.table-callout>.primary{font-size:10px;min-height:36px;padding:8px 20px;box-shadow:0 0 0 3px #fff6,0 0 15px #67cbd940}.table-action-note{font-size:7px;color:#7595ae;text-align:center;max-width:100%}.table-risk,.table-swap{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;max-width:100%}.table-risk .primary,.table-risk .secondary,.table-swap .secondary{min-height:32px;padding:7px 12px;font-size:9px}.table-deck{position:absolute;width:70px;padding:0;z-index:2}.opponent-deck{left:-9px;top:227px}.your-deck{right:-9px;top:610px}.table-deck>img{width:66px;border-radius:4px;box-shadow:2px 2px #afc2da,4px 4px #e4f3fc,5px 5px #adc3da,7px 7px #e5f3fc,9px 9px 10px #718caa33;opacity:.8}.table-deck>span{font-size:6px;background:#ddeefbd9;border-radius:10px;padding:4px 6px;display:block;text-align:center;color:#839db6;position:relative;margin-top:12px}.table-coin{position:absolute;width:47px;height:47px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#f6fbff,#c0d6ed);border:3px solid #e6f4fd;outline:1px solid #aec9e1;box-shadow:3px 4px 0 #8cadd33d,0 4px 13px #718eac33;display:grid;place-content:center;justify-items:center;color:#809dc1;z-index:2}.table-coin svg{width:17px;height:17px}.table-coin>b{position:absolute;bottom:-4px;right:-5px;background:#739bb9;color:#fff;border:1px solid #edf8ff;font:500 12px 'Outfit';border-radius:50%;width:20px;height:20px;display:grid;place-content:center}.enemy-coin{left:20px;top:109px}.your-coin{right:23px;bottom:142px}.table-coin.selected{background:#f9e4ad;color:#c4a14d;outline-color:#e2c174;box-shadow:0 0 20px #fffbc6}.your-reserve{position:absolute;top:774px;left:8%;right:8%}.reserve-caption{display:block;font-size:6px;letter-spacing:1.3px;color:#89a2bb;text-align:center;margin-bottom:7px}.reserve-scroll{display:flex;gap:8px;justify-content:center;overflow:auto;padding:8px 5px 12px;scrollbar-width:thin;scrollbar-color:#b6c9de transparent}.reserve-card{width:54px;min-width:48px;padding:0;position:relative;transition:transform .15s;flex:0 0 54px}.reserve-card img{width:100%;aspect-ratio:5/7;object-fit:fill;border:2px solid #edf8ffba;border-radius:5px;box-shadow:0 3px 6px #7c94b42a}.reserve-card span{position:absolute;top:-5px;right:-5px;font:500 10px 'Outfit';color:#fff;background:#6c92afc9;border-radius:7px;padding:1px 4px;border:1px solid #dff1fc}.reserve-card.selected{transform:translateY(-6px)}.reserve-card.selected img{border-color:#69b9d0;box-shadow:0 0 0 2px #e4faff,0 0 14px #61c9d680}.your-trick-fan{position:absolute;bottom:41px;left:20%;right:20%;height:116px;z-index:3}.trick-fan-caption{display:block;position:absolute;font-size:5px;letter-spacing:1.2px;color:#8da7bf;top:-9px;left:0;right:0;text-align:center}.your-trick-fan>div{display:flex;justify-content:center;align-items:flex-start;padding-top:8px}.fan-trick{padding:0;width:76px;flex:0 0 76px;position:relative;transform:rotate(var(--tilt));margin:0 -6px;transition:transform .2s;transform-origin:50% 100%}.fan-trick:hover,.fan-trick.selected{transform:translateY(-13px) rotate(0);z-index:4}.fan-trick img{width:100%;aspect-ratio:5/7;border-radius:5px;border:2px solid #d9ecf8;box-shadow:0 3px 7px #5f7ca933}.fan-trick.selected img{border-color:#b49cda;outline:2px solid #f1e6ff;box-shadow:0 0 15px #c1ace677}.fan-trick span{position:absolute;font-size:5px;bottom:0;left:2px;right:2px;background:#d7e5f3e8;border-radius:0 0 3px 3px;min-height:15px;padding:3px 2px;color:#7b8fa9;line-height:1.4}.no-tricks{font-size:8px;color:#a7b8d1;padding-top:20px}.table-sidebar{display:flex;flex-direction:column;gap:17px;padding-top:10px;min-width:0}.match-score-card{background:#f7fcffc9;border:1px solid white;border-radius:20px;padding:24px 20px;text-align:center;box-shadow:var(--shadow)}.match-score-card .eyebrow{font-size:6px;letter-spacing:1.3px}.match-score-card h2{font:500 45px 'Outfit';color:#7298b0;letter-spacing:5px}.match-score-card h2 span{font-size:30px;color:#b7c9d8}.match-score-card>div{display:flex;justify-content:space-between;font-size:8px;color:#9fb2c4;gap:15px;margin-top:8px}.match-score-card b{font-weight:500;color:#85a2b6}.table-tips{padding:7px 10px}.table-tips h3{font-size:16px;font-weight:500;color:#819db2}.table-tips>p:last-child{font-size:10px;color:#9fb1c1;margin-top:10px;line-height:1.9}.table-coin-panel{background:#eef6fac9;border:1px solid white;border-radius:18px;padding:20px}.table-coin-panel>p{font-size:9px;color:#a0b5c5;margin:8px 0 15px;line-height:1.8}.table-coin-panel .secondary{margin-top:10px}.table-coin-panel .coin-help{font-size:8px;margin:13px 5px}.table-utility-buttons{display:flex;gap:9px;flex-wrap:wrap}.table-utility-buttons button{flex:1 1 90px;display:flex;gap:7px;align-items:center;justify-content:center;border:1px solid white;border-radius:13px;background:#f7fcff;font-size:8px;color:#91aabd;padding:14px 8px;box-shadow:var(--shadow)}.table-specials{padding:15px 5px}.table-specials p{font-size:9px;margin-bottom:15px;line-height:1.8;color:#a3b5c5}.table-specials b{font-weight:600;display:block;color:#86a3b8}.table-specials span{display:block;font-size:8px;margin-top:4px}.selected-trick-detail{background:#f1edf9;border:1px solid white;border-radius:12px;padding:12px;margin-top:13px}.selected-trick-detail b{font-size:10px;color:#a492bb}.selected-trick-detail p{font-size:9px;color:#a49db8;margin-top:5px}.selected-trick-detail .text-button{font-size:8px;padding-bottom:0}.in-match .pocket-nav{height:65px}.in-match{padding-bottom:75px}
@media(max-width:1320px){.pocket-page{padding-left:32px;padding-right:32px}.pack-carousel{gap:13px}.booster{flex-basis:145px}.booster-name{font-size:16px}.pocket-header{padding-inline:32px}.feature-cards img{right:15px}.feature-cards img:last-child{right:60px}}
@media(max-width:1050px){.home-grid{grid-template-columns:1.25fr 1fr;gap:18px}.pack-carousel{gap:10px;padding-inline:15px;min-height:250px}.showcase-top{padding-inline:17px}.showcase-top>span:last-child{font-size:6px}.booster-title{font-size:14px}.booster-title b{font-size:20px}.booster-name{font-size:13px;bottom:30px}.booster-tag{font-size:3px}.booster-set{font-size:3px}.booster-bottom{font-size:3px}.feature-story{padding:23px 20px}.feature-story h2{font-size:25px}.feature-cards img{width:92px;right:5px}.feature-cards img:last-child{width:83px;right:45px}.feature-story>div:first-child{width:70%}.pack-open-bar{padding:16px 15px;gap:8px}.pack-open-bar .primary{padding:11px 15px;font-size:10px}.pack-ready-icon{width:28px;height:28px}.pack-ready-icon svg{width:17px}.pack-open-bar b{font-size:9px}.pack-open-bar>div>span{font-size:7px}.binder-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px 15px}.binder-controls{flex-wrap:wrap;gap:13px}.binder-search{margin-left:auto}.battle-feature-art img{width:150px;right:155px;top:35px}.battle-feature-art img:nth-child(2){width:170px;right:65px;top:30px}.battle-feature-art img:nth-child(3){width:145px;right:-5px;top:80px}.battle-feature h2{font-size:39px}.battle-feature{min-height:340px}.mission-grid{grid-template-columns:repeat(2,1fr)}.tabletop-layout{grid-template-columns:minmax(0,1fr) 250px}.table-player b{font-size:10px}.table-player>span:not(.score-gems){font-size:6px}.enemy-player{left:19%}.your-player{right:19%}.score-gems i{width:13px;height:13px}.your-reserve{left:7%;right:7%}.reserve-card{flex-basis:45px;width:45px;min-width:41px}.reserve-scroll{gap:5px}.table-active,.active-art{width:133px}.active-outline{width:133px;height:186px}.active-outline>img{width:129px;height:182px}.your-active{top:545px}.active-trick{right:-85px;width:58px}.active-trick img{width:49px}.table-callout h2{font-size:11px}.battle-feature-art{right:25px;width:50%}.recent-strip>div:first-child{max-width:270px}}
@media(max-width:800px){body{padding-bottom:90px}.pocket-header{height:83px;padding:0 23px}.pocket-header:after{left:23px;right:23px}.pocket-brand>span:last-child{font-size:14px}.pocket-brand>span:last-child>span{font-size:21px}.mania-mark{width:38px;height:42px;font-size:29px}.pocket-status{gap:15px}.ticket-pill{padding:7px 11px;gap:6px}.ticket-pill>span{display:none}.ticket-pill b{font-size:16px}.trainer-profile{gap:5px}.trainer-profile>span{width:34px;height:34px;font-size:17px}.trainer-profile b{font-size:8px}.pocket-page{padding:25px 22px 30px}.welcome-row h1,.pocket-title h1{font-size:29px}.welcome-row p:last-child{font-size:11px}.home-grid{grid-template-columns:1fr}.pack-showcase{border-radius:23px}.pack-carousel{min-height:320px;gap:25px;padding:25px 35px}.booster{flex-basis:150px}.booster-title{font-size:18px}.booster-title b{font-size:25px}.booster-set{font-size:4px}.booster-name{font-size:18px;bottom:35px}.booster-tag{font-size:4px;bottom:25px}.booster-bottom{font-size:4px}.pack-open-bar{padding:18px 23px;gap:13px}.pack-open-bar .primary{font-size:11px;padding:12px 20px}.pack-open-bar b{font-size:11px}.pack-open-bar>div>span{font-size:9px}.pack-ready-icon{width:34px;height:34px}.pack-ready-icon svg{width:22px}.showcase-top>span:last-child{font-size:8px}.showcase-top{padding:19px 23px}.home-side{display:grid;grid-template-columns:1fr 1fr;gap:17px}.feature-story{grid-row:span 2;min-height:270px;display:block;padding:24px 20px}.feature-story>div:first-child{width:100%}.feature-story h2{font-size:26px}.feature-cards{right:-40px;bottom:-75px;opacity:.4;z-index:0}.feature-story .light-button{position:relative;z-index:2}.home-shortcuts{gap:12px}.hub-tile{padding:19px 9px;gap:8px;border-radius:18px}.hub-tile b{font-size:14px}.hub-tile small{font-size:6px}.hub-tile>svg:first-child{width:27px;height:27px}.mission-preview{padding:15px;gap:10px}.mission-preview b{font-size:9px}.mission-preview small{font-size:7px}.mission-preview>svg{width:13px}.recent-strip{gap:15px;flex-wrap:wrap;margin-top:25px}.recent-strip h2{font-size:17px}.recent-strip>div:first-child{max-width:none;flex:1 1 250px}.recent-cards{gap:8px}.recent-cards img{width:44px}.recent-strip>.text-button{margin-left:auto;font-size:9px}.binder-actions{gap:15px;padding:20px}.binder-action{min-width:74px;padding:11px}.binder-action span{font-size:8px}.binder-progress{min-width:130px}.binder-progress b{font-size:26px}.binder-controls{padding:16px 19px}.binder-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 14px}.binder-search{gap:8px}.binder-search label{padding:8px 10px}.binder-search input{width:110px}.binder-filters button{padding:8px 12px}.battle-feature{min-height:320px;padding:30px}.battle-feature h2{font-size:34px}.battle-feature-art{right:10px;top:30px}.battle-feature-art img{width:125px;right:120px;top:20px}.battle-feature-art img:nth-child(2){width:145px;right:45px;top:15px}.battle-feature-art img:nth-child(3){width:123px;right:-10px;top:65px}.battle-feature-copy>p{font-size:10px}.battle-feature .feature-kicker{font-size:6px}.battle-rune.two{right:40%;font-size:25px}.battle-tiles{gap:17px;margin-top:20px}.mode-card{padding:21px;gap:13px}.mode-card h2{font-size:19px}.mode-card>svg:first-child{width:28px}.mode-card .eyebrow{font-size:6px}.mode-card p{font-size:9px}.battle-utilities{gap:14px}.battle-utilities>button{padding:20px 10px}.battle-utilities b{font-size:13px}.battle-utilities span{font-size:7px}.mission-grid{gap:15px}.mission-card{padding:23px}.ticket-explainer{flex-wrap:wrap}.ticket-explainer p{font-size:9px}.ticket-explainer .primary{margin-left:auto}.profile-banner{padding:25px;gap:17px}.profile-banner>.secondary{font-size:9px}.profile-banner h2{font-size:26px}.profile-banner p{font-size:8px}.profile-orbit{width:60px;height:60px;font-size:29px}.menu-grid>button{padding:22px;gap:14px}.menu-grid b{font-size:15px}.menu-grid span{font-size:9px;line-height:1.6}.pack-reveal-v2{gap:18px;margin-top:40px}.pack-reveal-v2 .card-caption b{font-size:11px}.pack-reveal-v2 .card-caption span{font-size:7px}.tabletop-layout{grid-template-columns:minmax(0,1fr) 220px;gap:15px}.tabletop-page{padding:10px 15px 20px}.table-active,.active-art{width:115px}.active-outline{width:115px;height:161px}.active-outline>img{width:111px;height:157px}.enemy-active{top:218px}.your-active{top:539px}.table-power{font-size:21px;padding:3px 7px;right:-10px;min-width:46px}.table-callout{left:3%;right:3%;top:427px}.table-center-line{top:413px;padding-inline:12px}.monster-table{height:940px}.your-reserve{top:731px;left:5%;right:5%}.your-trick-fan{bottom:41px;height:102px;left:15%;right:15%}.fan-trick{width:64px;flex-basis:64px}.table-deck{width:54px}.table-deck>img{width:50px}.table-deck>span{font-size:5px}.your-deck{top:600px}.opponent-deck{top:230px}.enemy-reserve{left:15%;right:15%;gap:7px;height:62px}.reserve-outline{height:59px;width:43px}.table-player{padding:9px 10px;gap:7px}.table-player b{font-size:8px}.score-gems{gap:3px}.score-gems i{width:10px;height:10px}.table-player>span:not(.score-gems){font-size:5px}.table-player>strong{font-size:13px}.table-player>strong small{font-size:4px}.enemy-player{left:16%}.your-player{right:16%}.table-coin{width:38px;height:38px;border-width:2px}.enemy-coin{left:12px;top:110px}.your-coin{right:15px;bottom:135px}.table-coin svg{width:14px}.table-coin>b{width:16px;height:16px;font-size:10px}.active-trick{width:40px;right:-55px;bottom:20px}.active-trick img{width:38px}.active-trick span{font-size:5px}.your-reserve .reserve-card{width:40px;flex-basis:40px;min-width:36px}.reserve-scroll{gap:4px;padding-inline:2px}.reserve-card span{font-size:8px;padding:1px 3px}.table-sidebar{gap:12px}.match-score-card{padding:20px 14px}.match-score-card h2{font-size:37px}.table-tips{padding:6px}.table-tips h3{font-size:14px}.table-tips>p:last-child{font-size:9px}.table-coin-panel{padding:15px}.table-utility-buttons button{font-size:7px}.table-top .text-button{font-size:10px}.active-label{font-size:7px}.table-callout h2{font-size:10px}.table-action-note{font-size:6px}}
@media(max-width:600px){.pocket-page{padding:23px 18px 30px}.pocket-header{height:77px;padding-inline:19px}.pocket-header:after{left:19px;right:19px}.pocket-status{gap:9px}.trainer-profile{flex-direction:column;gap:3px;margin-top:9px}.trainer-profile>span{width:32px;height:32px;font-size:15px}.trainer-profile b{font-size:6px}.ticket-pill{padding:6px 11px}.pocket-brand small{font-size:5px}.welcome-row h1,.pocket-title h1{font-size:26px;letter-spacing:-.7px}.welcome-row .eyebrow{font-size:6px;letter-spacing:1.1px;margin-bottom:7px}.welcome-row p:last-child{font-size:9px;max-width:280px}.welcome-row .soft-icon{width:30px;height:30px;align-self:flex-start}.soft-icon svg{width:19px}.home-grid{gap:18px}.home-side{display:flex;gap:14px}.feature-story{min-height:210px;padding:24px}.feature-story>div:first-child{width:70%}.feature-story h2{font-size:25px}.feature-cards{width:43%;right:-5px;bottom:-4px;opacity:1;height:185px}.feature-cards img{width:91px;right:12px;top:5px}.feature-cards img:last-child{width:80px;right:48px;top:55px}.feature-story>div:first-child{width:65%}.home-shortcuts{gap:15px}.hub-tile{padding:20px 15px}.hub-tile b{font-size:15px}.hub-tile small{font-size:8px}.mission-preview{padding:17px}.mission-preview b{font-size:10px}.mission-preview small{font-size:8px}.pack-carousel{min-height:260px;padding:25px 18px 12px;gap:12px}.booster{flex-basis:138px}.booster-title{font-size:15px;padding-top:13px}.booster-title b{font-size:22px}.booster-name{font-size:15px;bottom:29px}.booster-tag{font-size:3px;bottom:21px}.booster-set{font-size:3px}.booster-bottom{font-size:3px;bottom:11px}.showcase-top{padding:16px}.showcase-top>span:last-child{display:none}.edition-badge{font-size:6px;padding:6px 9px}.pack-selection-label{padding-bottom:16px}.pack-selection-label h2{font-size:18px}.pack-selection-label p{font-size:8px}.pack-open-bar{padding:16px;gap:9px}.pack-ready-icon{width:30px;height:30px;flex-shrink:0}.pack-ready-icon svg{width:18px}.pack-open-bar b{font-size:9px}.pack-open-bar>div>span{font-size:7px}.pack-open-bar .primary{font-size:10px;padding:10px 15px;min-height:37px}.pack-open-bar .primary svg{width:13px}.recent-strip{margin-top:24px;padding-top:23px;gap:17px}.recent-strip>div:first-child{flex:1 1 100%}.recent-strip h2{font-size:18px}.recent-cards{gap:8px}.recent-cards img{width:42px}.recent-strip>.text-button{max-width:80px;line-height:1.6;font-size:8px}.pocket-nav{height:72px;border-radius:24px 24px 0 0;padding-inline:10px;padding-bottom:calc(5px + env(safe-area-inset-bottom));width:100%}.pocket-nav button{min-width:0;width:20%;padding:7px 3px;gap:4px}.pocket-nav button b{font-size:7px}.pocket-nav button svg{width:22px;height:22px}.pocket-nav button.active:before{inset:-2px 4px 3px}.pocket-title .eyebrow{font-size:6px;letter-spacing:1px}.pocket-title .mode-pill{font-size:6px;padding:7px 9px;gap:5px}.pocket-title .mode-pill svg{width:13px}.binder-toolbar{border-radius:20px;margin-bottom:22px}.binder-actions{padding:16px 13px;gap:11px;flex-wrap:wrap}.binder-action{padding:11px;min-width:0;flex:1}.binder-action span{font-size:8px}.binder-action svg{width:24px;height:24px}.binder-progress{min-width:100%;display:flex;align-items:center;gap:8px;margin-top:4px}.binder-progress b{font-size:20px}.binder-progress b>span{font-size:12px}.binder-progress small{font-size:5px;letter-spacing:.8px;margin:0}.binder-progress i{flex:1;margin-left:7px}.binder-controls{padding:14px 12px;display:flex;flex-wrap:wrap;gap:13px}.binder-filters{width:100%;justify-content:center}.binder-filters button{font-size:9px;padding:8px 17px}.binder-search{width:100%;gap:8px}.binder-search>label{flex:1;min-width:0}.binder-search input{width:100%;min-width:0;font-size:10px}.binder-search label>svg{width:15px}.catalog-switch{font-size:6px;white-space:nowrap;gap:5px}.binder-search .soft-icon{width:30px;height:30px;flex-shrink:0}.binder-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 10px}.copy-count{font-size:8px;min-width:23px;padding:3px 6px;bottom:21px}.binder-name{font-size:6px;margin-top:7px;min-height:12px}.favorite-mark{width:15px;height:15px;font-size:8px}.binder-card>img{border-radius:5px}.battle-feature{min-height:385px;padding:25px 23px}.battle-feature h2{font-size:34px;margin-top:13px}.battle-feature p{font-size:10px;line-height:1.8;margin-top:12px}.battle-feature .light-button{margin-top:18px;padding:11px 16px;font-size:10px}.battle-feature-art{width:60%;right:-10px;top:auto;bottom:-35px;height:240px;opacity:.92}.battle-feature-art img{width:100px;right:110px;top:30px}.battle-feature-art img:nth-child(2){width:119px;right:37px;top:5px}.battle-feature-art img:nth-child(3){width:102px;right:-12px;top:55px}.battle-feature-copy{width:100%}.battle-feature-copy>.feature-kicker{font-size:6px}.battle-rune.one{right:12px;bottom:6px;font-size:35px}.battle-rune.two{right:20px;top:16px;font-size:25px}.battle-tiles{grid-template-columns:1fr;gap:14px;margin-top:18px}.mode-card{padding:22px;gap:16px}.mode-card h2{font-size:21px}.mode-card .eyebrow{font-size:6px}.mode-card p{font-size:9px}.mode-card>svg:first-child{width:30px}.battle-utilities{gap:10px;margin-top:18px}.battle-utilities>button{padding:19px 8px;gap:7px;border-radius:16px}.battle-utilities b{font-size:11px;text-align:center}.battle-utilities span{display:none}.battle-utilities svg{width:23px}.milestone-hero{padding:24px 20px;gap:16px}.milestone-hero>span>svg{width:35px}.milestone-hero h2{font-size:21px}.milestone-hero p{font-size:9px;line-height:1.8}.mission-grid{grid-template-columns:1fr;gap:15px}.mission-card{padding:23px}.mission-card h2{font-size:22px}.mission-card p{font-size:10px;min-height:0}.mission-card-top{margin-bottom:17px}.mission-card-top b{font-size:7px}.ticket-explainer{padding-top:20px;gap:13px}.ticket-explainer>svg{width:24px}.ticket-explainer .primary{width:100%;margin-top:7px}.profile-banner{padding:22px 20px;gap:16px;flex-wrap:wrap}.profile-orbit{width:52px;height:52px;font-size:26px}.profile-banner h2{font-size:25px}.profile-banner small{font-size:6px}.profile-banner p{font-size:8px}.profile-banner>.secondary{margin-left:68px;font-size:8px;padding:10px 15px;min-height:35px;margin-top:-7px}.menu-grid{grid-template-columns:1fr;gap:13px}.menu-grid>button{padding:21px;gap:19px}.menu-grid b{font-size:17px}.menu-grid span{font-size:9px}.menu-grid>button>svg:first-child{width:26px}.menu-footnote{font-size:9px;line-height:1.9}.pack-title h1{font-size:29px}.pack-title p:last-child{font-size:10px;max-width:330px;margin:12px auto 0}.pack-opening-stage{min-height:415px}.pack-opening-stage>.booster{width:190px;max-height:none}.pack-reveal-v2{gap:11px;margin:40px -4px 30px}.pack-reveal-v2 .game-card{padding:4px;border-radius:7px}.pack-reveal-v2 .card-caption{padding:7px 2px}.pack-reveal-v2 .card-caption b{font-size:8px;white-space:normal}.pack-reveal-v2 .card-caption span{font-size:6px;line-height:1.6}.new-card-tag{font-size:5px;padding:4px 9px;top:-7px}.pack-results-actions p{font-size:8px;line-height:1.7}.pack-results-actions .primary{font-size:10px}.deck-page{padding:22px 18px 0}.deck-page .page-heading h1{font-size:27px}.deck-page .page-heading .eyebrow{font-size:6px}.deck-page .page-heading>div>p:last-child{font-size:9px}.deck-dock{bottom:85px}.collection-grid{gap:14px}.world-page{padding:23px 18px 0}.world-map{min-height:410px}.world-page .quest-progress b{font-size:7px}.tabletop-layout{grid-template-columns:1fr;gap:20px}.tabletop-page{padding:8px 10px 20px;max-width:520px}.tabletop-top{margin:0 8px 10px;gap:10px}.tabletop-top>span{font-size:6px;letter-spacing:.6px}.tabletop-top .text-button{font-size:9px}.monster-table{height:900px;border-radius:45% 45% 25% 25% / 8% 8% 8% 8%;box-shadow:0 9px 25px #5b87ad25,inset 0 0 0 5px #eff8ff99,inset 0 0 0 8px #d4e3f855}.table-half{border-width:7px}.enemy-half{top:-269px}.player-half{bottom:-285px}.opponent-fan{top:-37px}.opponent-fan img{width:76px}.enemy-player{top:42px;left:20%;padding:9px 13px;gap:8px;min-height:33px}.your-player{bottom:13px;right:20%;padding:9px 13px;gap:8px;min-height:33px}.table-player b{font-size:9px}.table-player>span:not(.score-gems){font-size:5px}.table-player>strong{font-size:14px}.score-gems i{width:12px;height:12px}.score-gems{gap:4px}.enemy-reserve{top:95px;left:18%;right:18%;gap:7px;height:62px}.reserve-outline{width:39px;height:56px;border-width:1.5px}.enemy-coin{top:90px;left:17px}.table-coin{width:39px;height:39px}.table-active,.active-art{width:117px}.enemy-active{top:185px}.your-active{top:492px}.active-outline{width:117px;height:164px}.active-outline>img{width:113px;height:160px}.active-outline>span{font-size:5px;bottom:10px;padding:5px 2px}.active-label{font-size:7px;margin-top:7px}.table-power{font-size:22px;min-width:46px;right:-10px;top:-10px;padding:3px 7px}.table-power small{font-size:4px}.table-deck{width:51px}.table-deck>img{width:48px}.opponent-deck{top:202px;left:-7px}.your-deck{top:540px;right:-6px}.table-deck>span{font-size:5px;padding:4px;margin-top:10px}.table-center-line{top:383px;padding:0 14px}.table-center-line>span{font-size:8px}.table-center-line>span>span{letter-spacing:2px}.table-center-line>b{font-size:7px}.table-callout{top:393px;left:6%;right:6%;gap:7px;min-height:72px}.table-callout h2{font-size:10px;padding:6px 16px}.table-callout>.primary{min-height:34px;font-size:10px;padding:8px 20px}.table-action-note{font-size:6px}.your-reserve{top:690px;left:6%;right:6%}.reserve-caption{font-size:5px;letter-spacing:1.1px;margin-bottom:5px}.reserve-scroll{padding:8px 3px 10px;gap:6px;justify-content:flex-start;scroll-snap-type:x proximity}.reserve-card{scroll-snap-align:center}.your-reserve .reserve-card{width:48px;flex-basis:48px;min-width:48px}.reserve-scroll:has(.reserve-card:nth-child(1)):not(:has(.reserve-card:nth-child(7))){justify-content:center}.reserve-card span{font-size:9px}.your-trick-fan{bottom:40px;height:87px;left:17%;right:17%}.trick-fan-caption{top:-9px;font-size:5px;letter-spacing:1px}.your-trick-fan>div{padding-top:0}.fan-trick{width:61px;flex-basis:61px;margin-inline:-4px}.fan-trick img{border-width:1px}.fan-trick span{font-size:4px;min-height:12px;padding:2px}.your-coin{bottom:109px;right:20px}.active-trick{right:-62px;bottom:17px;width:43px}.active-trick img{width:39px}.active-trick span{font-size:5px;line-height:1.4}.table-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:0 7px}.match-score-card{padding:20px 14px;align-self:start}.match-score-card .eyebrow{font-size:5px;letter-spacing:.8px}.match-score-card h2{font-size:37px}.match-score-card>div{font-size:7px}.table-tips{padding:10px 3px}.table-tips h3{font-size:15px}.table-tips>p:last-child{font-size:9px}.table-coin-panel{grid-column:1/-1;padding:20px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.table-coin-panel>.eyebrow{width:100%;margin:0}.table-coin-panel>p{width:100%;margin:0;font-size:9px}.table-coin-panel>.secondary{flex:1;min-width:130px;margin:3px 0;font-size:9px;padding:11px;min-height:37px}.table-coin-panel>.coin-help{order:5;font-size:8px;width:100%;margin:0}.table-utility-buttons{grid-column:1/-1;gap:9px}.table-utility-buttons button{font-size:8px;flex-basis:90px;padding:13px 8px}.table-specials{grid-column:1/-1;display:flex;gap:20px}.table-specials p{flex:1;font-size:8px}.table-specials span{font-size:8px}.in-match .pocket-nav{height:63px}.in-match .pocket-header{height:65px}.in-match .pocket-brand small{display:none}.in-match .pocket-brand>span:last-child{font-size:11px}.in-match .pocket-brand>span:last-child>span{font-size:17px}.in-match .mania-mark{width:31px;height:35px;font-size:25px}.in-match .pocket-status .ticket-pill{display:none}.in-match .trainer-profile{margin-top:0;flex-direction:row}.in-match .trainer-profile>span{width:29px;height:29px}}
@media(max-width:380px){.pocket-page{padding-inline:14px}.pack-carousel{gap:8px;padding-inline:12px;min-height:225px}.booster-title{font-size:13px}.booster-title b{font-size:19px}.booster-name{font-size:13px}.booster-tag{font-size:2.6px}.booster-bottom{font-size:2.7px}.pack-open-bar{padding:14px 12px;gap:8px}.pack-open-bar .primary{padding:10px 13px;font-size:9px}.pack-ready-icon{display:none}.pack-open-bar b{font-size:9px}.welcome-row h1{font-size:24px}.feature-story h2{font-size:23px}.feature-cards img{width:80px}.feature-cards img:last-child{width:73px;right:43px}.pocket-brand>span:last-child{font-size:12px}.pocket-brand>span:last-child>span{font-size:19px}.mania-mark{width:34px;height:38px;font-size:27px}.ticket-pill{padding:6px 9px;gap:5px}.ticket-pill b{font-size:14px}.table-top>span{font-size:5px}.table-callout h2{font-size:9px}.your-reserve .reserve-card{width:44px;flex-basis:44px;min-width:44px}.reserve-scroll{gap:5px}.table-active,.active-art{width:110px}.active-outline{width:110px;height:154px}.active-outline>img{width:106px;height:150px}.active-trick{right:-55px;width:38px}.active-trick img{width:36px}.table-player b{font-size:8px}.table-player>span:not(.score-gems){display:none}.score-gems i{width:11px;height:11px}.table-center-line>span{font-size:7px}.table-center-line>b{font-size:6px}.table-deck{width:46px}.table-deck>img{width:43px}.table-coin{width:34px;height:34px}.table-coin svg{width:13px}}
@media(prefers-reduced-motion:reduce){.booster,.reveal-card,.pack-opening-stage>.booster,.pack-opening-stage.opening:after{animation:none!important;transition:none!important}}
/* Nightfall: an original neon-haunted Monster Mania palette. */
:root{--ink:#eee9ff;--muted:#b4a8cb;--teal:#92e5c1;--line:#45365f;--shadow:0 12px 34px #05031355}body{color:#eee9ff;background:radial-gradient(ellipse at 5% 0,#48295d 0,transparent 45%),radial-gradient(ellipse at 95% 45%,#123c46 0,transparent 50%),linear-gradient(135deg,#101326,#1c1230 75%,#211533);background-attachment:fixed}body:before{content:'';position:fixed;inset:0;background:url('/monster-outlines.svg') center/800px;opacity:.035;pointer-events:none;z-index:-1}h1,h2,h3{color:#f4edff}p{color:#b5a9cc}.pocket-header:after{background:linear-gradient(90deg,transparent,#88609d66,#6a9e9b55,transparent)}.pocket-brand>span:last-child{color:#f0eaff}.pocket-brand small{color:#a891bd}.mania-mark{background:linear-gradient(140deg,#b8e95e,#63c3a0);color:#223a3c;box-shadow:inset 1px 2px 2px #fff7,0 0 22px #b8e95e22}.mania-mark>span{color:#fc98ba;text-shadow:0 2px #231638}.ticket-pill{background:#29223d;border-color:#705b8a;color:#b2e8b6;box-shadow:0 0 20px #79954c13}.ticket-pill b{color:#d7f18e}.ticket-pill>span{color:#b8a9cc}.trainer-profile>span{background:linear-gradient(130deg,#6d5197,#bb6b9d);border-color:#3a2d55;outline-color:#80688f;color:#fff}.trainer-profile b{color:#c5b4de}.welcome-row h1,.pocket-title h1{color:#f4ecff}.welcome-row p:last-child{color:#b1a2c9}.eyebrow{color:#b19acb}.soft-icon{background:#2b2441;border-color:#66567f;box-shadow:0 4px 14px #08051555;color:#b9a8d4}.soft-icon.active{color:#c0ec86;background:#334148}.pack-showcase{background:linear-gradient(145deg,#2b2343,#182536);border-color:#695882;box-shadow:0 10px 40px #06031355}.pack-showcase:before{background:linear-gradient(120deg,#363a58,#593660,#25474d);opacity:.9}.edition-badge{background:#413150;color:#d9bded}.showcase-top>span:last-child{color:#a798bd}.booster{box-shadow:6px 12px 25px #03031188;filter:saturate(1.25)}.booster.selected{filter:saturate(1.4) drop-shadow(0 0 12px #8fdbca33)}.pack-selection-label h2{color:#e5d7f4}.pack-selection-label p{color:#b49dc8}.set-dots button{background:#625373}.set-dots button.active{background:#c7eb81}.pack-open-bar{background:#221d35;border-color:#5d466c}.pack-open-bar b{color:#e0d3f5}.pack-open-bar>div>span{color:#aa98bd}.pack-ready-icon{background:#41482d;color:#c6e38e}.primary{background:linear-gradient(110deg,#b1e97f,#70d8ae);border-color:#d2fac1;color:#203936;box-shadow:0 3px 16px #8cdd7d22,0 1px 0 #f0ffd1aa inset;font-weight:700}.primary:hover:not(:disabled){background:linear-gradient(110deg,#ccf596,#8deac6);color:#1a3532}.secondary{background:linear-gradient(#3d2d53,#29253e);border-color:#6f5287;color:#d0b9e5;box-shadow:0 4px 14px #07031333}.secondary:hover:not(:disabled){background:#50325f;color:#f3ddff}.light-button{background:#f1d5ef;border-color:#efc4e9;color:#5a356b;box-shadow:0 5px 15px #140c2a55}.text-button{color:#b6a2cb}.text-button:hover{color:#caef91}.feature-story{background:linear-gradient(120deg,#4b235e,#663151 65%,#29385f);box-shadow:0 10px 25px #05031355;border:1px solid #895c89}.feature-story h2{color:#ffdfef}.feature-kicker{color:#efacd6}.feature-story p{color:#d2a9cb}.feature-story:before{border-color:#d8a3dc44;box-shadow:0 0 0 35px #ddb4f00a,0 0 0 75px #ddb4f00a}.hub-tile{background:linear-gradient(150deg,#422b5f,#25243d);border-color:#785693;color:#ce9fea;box-shadow:0 6px 18px #04031444}.hub-tile.deck-tile{background:linear-gradient(150deg,#244e50,#25283f);border-color:#4d8280;color:#98dbc6}.hub-tile b{color:#e4d6f4}.hub-tile small{color:#ab9fc5}.hub-tile>svg:last-child{color:#a18ab7}.mission-preview{background:#2b233e;border-color:#625177;box-shadow:0 6px 18px #04031344}.mission-medal{color:#f1c385}.mission-preview b{color:#dfc5ed}.mission-preview small{color:#b49bc4}.mission-preview>svg{color:#bca2ce}.recent-strip{border-color:#4d3b62}.recent-strip h2{color:#cdb6e2}.recent-cards img{box-shadow:0 5px 18px #08031477}.pocket-nav{background:#211a36ef;border-color:#685276;box-shadow:0 -8px 28px #04031177}.pocket-nav button{color:#b099c5}.pocket-nav button.active{color:#c4ed8c}.pocket-nav button.active:before{background:linear-gradient(#8fba632a,#6bcba30a)}.nav-dot{background:#f17aa9;border-color:#2c1f40}.pocket-title .mode-pill,.mode-pill{background:#30233f;border-color:#70507d;color:#cba7dc}.binder-toolbar{background:#251e38;border-color:#644c79;box-shadow:0 8px 25px #07031344}.binder-actions{background:linear-gradient(140deg,#3e2a56,#253544)}.binder-action{background:#2f2742;border-color:#68527e;color:#bba2ce;box-shadow:3px 5px 12px #07031344}.binder-action.active{background:#3b4250;color:#c4ed8c}.binder-progress b{color:#d5ef9f}.binder-progress b>span{color:#a591bb}.binder-progress small{color:#a68dbb}.binder-progress i{background:#4b3b5e}.binder-progress i>span{background:linear-gradient(90deg,#a0e0b4,#cf8cc2)}.binder-filters button{color:#ab93c1}.binder-filters button.active{color:#d1ef9b;background:#3a4450}.binder-search label{background:#1e1a2d;border-color:#4b3b5b;color:#b59cc9}.binder-search input{color:#e0cbee}.binder-search input::placeholder{color:#897397}.catalog-switch{color:#b49bc9}.catalog-switch>span{background:#54415d}.catalog-switch>span:before{background:#b9a4cd}.catalog-switch.on>span{background:#70ae8c}.binder-name{color:#c5b2dc}.copy-count{background:#5a3f75ef;color:#f7eeff}.favorite-mark{background:#efd7a5;color:#77582d}.binder-empty{color:#9a7db3}.binder-empty h2{color:#d9bde9}.binder-empty p{color:#ae95c0}.favorite-button{background:#482c57;border-color:#80548a;color:#d6a8e7}.favorite-button[aria-pressed=true]{background:#68593a;color:#f9e1a4;border-color:#ab905a}.battle-feature{background:radial-gradient(ellipse at 80% 0,#813a7a55,transparent),linear-gradient(120deg,#29395e,#3a2357 60%,#1e4c4c);border-color:#74548d;box-shadow:0 15px 40px #05031366}.battle-feature h2{color:#ede5ff}.battle-feature p{color:#b6a3d2}.battle-feature .feature-kicker{color:#d1acdf}.battle-feature:before{border-color:#b8d8f133;box-shadow:0 0 0 35px #b7e9cd08,0 0 0 75px #c4b3f00a,0 0 0 120px #c4b3f008}.battle-rune{color:#b9e57c99}.mode-card{background:linear-gradient(140deg,#234b50,#262339);border-color:#51847e;color:#9bd4b1;box-shadow:0 6px 20px #07031344}.mode-card.quick-mode{background:linear-gradient(140deg,#4d2c53,#2b223b);border-color:#935688;color:#d7a0d0}.mode-card h2{color:#d6c5ed}.mode-card p{color:#ab98c0}.mode-card .eyebrow{color:#b99bcb}.mode-card>svg:last-child{color:#b199c5}.battle-utilities>button{background:#2c243d;border-color:#614c77;color:#a98bc4}.battle-utilities b{color:#c8b3df}.battle-utilities span{color:#a08db9}.profile-banner{background:linear-gradient(130deg,#253e4b,#492b55);border-color:#73517e;box-shadow:0 10px 35px #05031355}.profile-orbit{background:linear-gradient(120deg,#8e62a3,#4b9b94);border-color:#3e2b50;outline-color:#a17eb5;color:#fff0ff}.profile-banner h2{color:#ecd3f7}.profile-banner small{color:#c09bcf}.profile-banner p{color:#aa9bc2}.menu-grid>button{background:#2b233e;border-color:#624d78;color:#b69bc9;box-shadow:0 6px 20px #05031333}.menu-grid b{color:#d2bbe7}.menu-grid span{color:#ab96c2}.menu-footnote{color:#a891bd}.pack-aura{background:radial-gradient(circle,#9c5dc244,#349f8433 45%,transparent 65%);box-shadow:0 0 80px #9e73c011}.pack-title h1{color:#e7d3f5}.pack-title p:last-child{color:#b8a1cd}.pack-open-controls>b{color:#d5bded}.pack-open-controls p{color:#aa91bf}.cut-guide{color:#bc98d2}.pack-results-actions p{color:#ae91c3}.pack-reveal-v2 .game-card,.game-card{background:#30233d;border-color:#745284;box-shadow:0 6px 25px #08031355}.card-caption b{color:#e1caef}.card-caption span{color:#ab92bf}.game-card.chosen{border-color:#b2e37b;box-shadow:0 0 0 3px #a6dc7c22,0 0 20px #81bc8522}.pick-button{background:#3a2b4b;border-color:#64487c;color:#ba9cce}.pick-button.picked{background:#314d43;color:#c7e998;border-color:#78a773}.deck-count{background:#30253f;border-color:#695080;box-shadow:0 6px 20px #06031344}.deck-count>b{color:#cce693}.deck-count small{color:#ad92c4}.opponent-preview{background:linear-gradient(120deg,#312d4d,#4a2c4d);border-color:#79547e}.opponent-preview h2{color:#e0c3ed}.opponent-preview p{color:#b49cc6}.opponent-size{color:#b59aca}.collection-toolbar .segmented{background:#342342}.segmented button{color:#b298c4}.segmented .active{background:#4c3b57;color:#d2edaa}.deck-dock{background:#292038f5;border-color:#785883}.deck-dock b{color:#d1b8e4}.deck-dock small{color:#ab92c1}.dialog{background:radial-gradient(ellipse at top,#55305e55,transparent),linear-gradient(145deg,#2c2341,#1b1d30);border-color:#866394;color:#dcc2ec;box-shadow:0 25px 100px #03020caa}.dialog h2{color:#efd4f8}.dialog p{color:#bda2ce}.modal-overlay{background:#050410a8;backdrop-filter:blur(8px)}.close-button{background:#4b335b;color:#dec4ec}.guide-list{color:#bba2cc}.guide-list b{color:#d3e9ad}.name-label{color:#b99ace}.name-label input{background:#201a30;border-color:#6a4a7d;color:#e5caef}.upload-label{border-color:#775483;color:#c5a2d9}.fine{color:#9d85b2!important}.saved-deck-manager>div{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid #4b3659}.saved-deck-manager b{font-size:11px;color:#bca0d2}.storage-error{background:#533a38;color:#f5d3a8;border-color:#8b6453}#toast{background:#342441;border-color:#a277ab;color:#eedbf9;box-shadow:0 5px 25px #05020f66}.empty-state p,.empty-state h2{color:#b9a2cf}.coin-balance{color:#d8f191;background:#34412e;border:1px solid #73884b;border-radius:20px;padding:11px 18px;font:600 20px 'Outfit';white-space:nowrap}.coin-balance small{display:block;font:600 6px 'DM Sans';letter-spacing:1.4px;color:#9cbb83;margin-top:5px}.next-goal{display:flex;align-items:center;gap:17px;border:1px solid #7f9c59;border-radius:20px;background:linear-gradient(120deg,#334333,#293442);box-shadow:0 0 30px #9bce5720;padding:20px 23px;margin-bottom:23px}.next-goal>span{color:#c5ea8d}.next-goal>div{flex:1}.next-goal small{font-size:6px;color:#a6c288;letter-spacing:1.3px}.next-goal h2{font-size:18px;font-weight:500;color:#e0efc7;margin-top:5px}.next-goal p{font-size:10px;color:#9fb8a2;margin-top:5px}.next-goal .primary{font-size:10px}.economy-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:23px}.economy-shortcuts>button{display:flex;align-items:center;gap:15px;border:1px solid #79537d;border-radius:17px;background:linear-gradient(130deg,#492b4d,#2a263c);text-align:left;padding:19px 23px;color:#d6a2ca}.economy-shortcuts>button:last-child{background:linear-gradient(130deg,#244247,#2a263c);border-color:#497b78;color:#9bd1bb}.economy-shortcuts b{display:block;color:#e5c7ed;font:500 17px 'Outfit'}.economy-shortcuts small{display:block;font-size:9px;color:#b097bd;margin-top:5px}.economy-shortcuts>button>svg:last-child{margin-left:auto;width:15px}.quest-instructions,.market-intro{display:flex;align-items:center;gap:22px;background:linear-gradient(125deg,#45304f,#243d43);border:1px solid #745580;border-radius:20px;padding:26px;margin-bottom:25px;color:#cdb1e5}.quest-instructions>div,.market-intro>div{flex:1}.quest-instructions h2,.market-intro h2{font-size:24px;font-weight:500;color:#e9caef}.quest-instructions p,.market-intro p{font-size:11px;color:#b399c8;margin-top:10px}.quest-instructions>.primary{font-size:9px}.mission-card{background:linear-gradient(150deg,#302440,#242039);border-color:#65477c;box-shadow:0 8px 25px #05031344}.mission-card-top{color:#ba95d5}.mission-card-top>span{background:#432b57}.mission-card-top b{color:#a78abd}.mission-card h2{color:#dac1ea}.mission-card p{color:#af94c3}.mission-meter{background:#4b355a}.mission-meter i{background:#a876bb}.mission-card.complete{background:linear-gradient(140deg,#314638,#263943);border-color:#648b66}.mission-card.complete .mission-card-top>span{background:#4b5c3c;color:#c3e58a}.mission-card.complete .mission-card-top b{color:#b0d98a}.mission-card.complete .mission-meter i{background:#aad17c}.quest-card-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px}.quest-card-footer>span{font:500 19px 'Outfit';color:#dce893}.quest-card-footer small{display:block;font:500 5px 'DM Sans';letter-spacing:1px;color:#92a777;margin-top:3px}.quest-card-footer .primary,.quest-card-footer .secondary{font-size:8px;padding:9px 13px;min-height:34px}.quest-card-footer .claimed-stamp{font:500 9px 'DM Sans';color:#9dc799;display:flex;gap:5px;align-items:center}.market-pack-offer{display:flex;align-items:center;gap:20px;border:1px solid #96794e;border-radius:19px;padding:22px 25px;background:linear-gradient(110deg,#4a3c2f,#352641);margin-bottom:25px}.market-pack-offer>div{flex:1}.market-pack-offer b{font:500 21px 'Outfit';color:#ebcfac}.market-pack-offer p{font-size:10px;color:#b49aaf;margin-top:6px}.market-pack-offer>span{color:#e2dc90;font:500 20px 'Outfit'}.market-pack-offer>.primary{font-size:10px}.market-gate{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #a86b8b;border-radius:15px;padding:18px 22px;margin-bottom:23px;background:#4d2942}.market-gate p{font-size:11px;color:#e3b5cf}.market-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:10px 0 24px}.market-toolbar .secondary{font-size:9px;min-height:35px}.market-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}.market-card{background:#2b223c;border:1px solid #66467b;padding:8px;border-radius:14px;min-width:0;box-shadow:0 6px 25px #05031344}.market-card-art{padding:0;width:100%;display:block}.market-card-art img{width:100%;aspect-ratio:5/7;border-radius:8px}.market-card-copy{padding:11px 4px}.market-card-copy h3{font:500 14px 'Outfit';white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#e0c4ee}.market-card-copy>span{display:block;font-size:7px;color:#a789bc;margin-top:6px}.market-card>.primary,.market-card>.secondary{font-size:8px;padding:10px 4px;min-height:34px}.loadout-tools{background:linear-gradient(120deg,#302743,#26383f);border:1px solid #6c527d;border-radius:18px;padding:20px;margin-bottom:26px;display:flex;gap:15px;flex-wrap:wrap;align-items:center}.loadout-tools>div:first-child{flex:1}.loadout-tools h3{font-size:19px;color:#e0c3ed;font-weight:500}.loadout-tools p{font-size:9px;color:#ac94c2;margin-top:6px}.loadout-actions{display:flex;gap:10px}.loadout-actions>button{font-size:9px;min-height:36px;padding:10px 15px}.loadout-list{width:100%;display:flex;gap:12px;flex-wrap:wrap;border-top:1px solid #534263;padding-top:15px}.loadout-chip{display:flex;align-items:center;gap:10px;background:#251e35;border:1px solid #6a4c7e;border-radius:12px;padding:12px 15px;text-align:left;color:#b796cf}.loadout-chip b{font-size:11px;color:#d4b6e4;display:block}.loadout-chip small{font-size:7px;color:#a28cb6;display:block;margin-top:4px}.loadout-chip>svg:last-child{width:13px}.loadout-empty{font-size:9px;color:#987ea9;padding:4px}.land-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:28px}.land-card{position:relative;isolation:isolate;overflow:hidden;min-height:265px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;text-align:left;border:1px solid #745188;background:linear-gradient(145deg,#2d3149,#31213f);border-radius:21px;padding:21px;box-shadow:0 8px 25px #05031355}.land-card:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(transparent 10%,#1e162e 85%)}.land-art{position:absolute;inset:0;z-index:-2;overflow:hidden}.land-art img{width:100%;height:100%;object-fit:cover;object-position:center 30%;opacity:.5;filter:saturate(1.1)}.land-number{font-size:6px;font-weight:600;letter-spacing:1.3px;color:#d8b3e9;margin-bottom:7px}.land-name{font:500 23px 'Outfit';color:#f1d6fa}.land-status{display:flex;align-items:center;gap:6px;font-size:8px;color:#c4a6d2;margin-top:11px;line-height:1.6}.land-card.selected{border:2px solid #b1de7d;box-shadow:0 0 20px #aee58322}.land-card.locked{border-color:#51415f}.land-card.locked .land-art img{filter:grayscale(.8);opacity:.35}.land-card:hover{transform:translateY(-3px)}.land-detail{display:grid;grid-template-columns:1fr 1.2fr;gap:30px;background:linear-gradient(130deg,#302443,#22363c);border:1px solid #71517c;border-radius:23px;padding:29px}.land-story h2{font-size:31px;font-weight:500;color:#e9c8f4}.land-story>p:last-of-type{font-size:11px;line-height:1.9;margin-top:15px;color:#b79bc8}.scouting-tip{display:flex;gap:10px;align-items:center;border-radius:12px;padding:14px;background:#2b3438;color:#b6d190;margin:20px 0;font-size:9px;line-height:1.8}.land-rewards{display:grid;grid-template-columns:auto 1fr;gap:8px 13px;font-size:8px;color:#b49bc7}.land-rewards b{font-size:6px;letter-spacing:1px;color:#b5cf8d}.land-encounters{display:flex;flex-direction:column;gap:13px;justify-content:center}.land-encounter{display:flex;gap:13px;align-items:center;padding:15px;border-radius:15px;border:1px solid #624575;background:#2c233c}.land-encounter>img{width:42px;height:55px;object-fit:cover;object-position:center 20%;border:1px solid #b49dc9;border-radius:7px}.land-encounter>div{flex:1}.land-encounter>div>span{font-size:6px;color:#c6a26c;letter-spacing:1px}.land-encounter h3{font:500 16px 'Outfit';color:#e4caed;margin-top:6px}.land-encounter p{font-size:7px;color:#a78cb9;margin-top:5px}.land-encounter .primary,.land-encounter .secondary{font-size:8px;min-height:34px;padding:8px 13px}.land-encounter.locked{background:#241e32;border-color:#493858}.land-encounter.locked>img{opacity:.5;filter:grayscale(.7)}.land-encounter.locked h3{color:#9f85b0}.travel-footer{display:flex;align-items:center;gap:12px;margin:25px 0;font-size:10px;color:#9f88b3;line-height:1.8}.victory-loot{background:#35442f;border:1px solid #718c4f;border-radius:15px;padding:17px;margin:15px auto 25px;max-width:280px}.victory-loot b{display:block;font:500 20px 'Outfit';color:#d3ee97}.victory-loot span{display:block;font-size:10px;color:#a6c88d;margin-top:6px}.tabletop-top>span{color:#a48bba}.tabletop-page .text-button{color:#b59acc}.monster-table{background:radial-gradient(ellipse at 20% 0,#663d7366,transparent 50%),linear-gradient(135deg,#2a214d,#24314b 55%,#20454d);border-color:#8367a8;box-shadow:0 15px 50px #05031388,inset 0 0 0 7px #775f9d66,inset 0 0 0 10px #b098c533}.table-orbit{border-color:#9a80bf66;box-shadow:0 0 0 16px #c396e00a,0 0 0 50px #9bcdb708}.enemy-half{background:linear-gradient(60deg,#864663,#b5596e);border-color:#db91ad66;box-shadow:0 0 0 4px #ad713f55}.player-half{background:linear-gradient(60deg,#397d70,#317a8b);border-color:#91d2b266;box-shadow:0 0 0 4px #6a9b7955}.table-player{background:#513a6bea;color:#ebd6fa;box-shadow:0 4px 15px #05031355}.your-player{background:#28565fea}.table-player b{color:#f1dfff}.table-player>span:not(.score-gems){color:#bea5cf}.table-player>strong{color:#daeaa3}.score-gems i{background:#241e3c;border-color:#8f6da644}.score-gems i.lit{background:radial-gradient(circle at 30% 25%,#fbffd0,#a0cb69);border-color:#d9efb0;box-shadow:0 0 9px #c6ef7055}.table-callout h2{background:#3a2b53f0;color:#e1c8f2;box-shadow:0 3px 12px #05031344;border:1px solid #8a5b9a88}.table-center-line>span{color:#aa83c6}.table-center-line>b{color:#b096ca}.active-outline{border-color:#b18bd17a;background:#30234133;color:#9e7cbd}.active-outline>span{background:#36294bd9;color:#ceb2e2}.active-label{color:#c1a8d8;text-shadow:0 1px #151126}.table-power{background:#395b62;color:#e0f1aa;border-color:#9cbb7c;text-shadow:0 2px #172c39;box-shadow:0 2px 12px #07122055}.table-power small{color:#adcaa0}.reserve-outline{border-color:#a98ac155;background:#3e2d4c11}.reserve-caption,.trick-fan-caption{color:#a98bbf}.reserve-card img{border-color:#88669e99;box-shadow:0 3px 9px #03031355}.reserve-card.selected img{border-color:#c3e88c;box-shadow:0 0 0 2px #718b5c,0 0 18px #b0eb7155}.reserve-card span{background:#674979;color:#e6d8ef;border-color:#a280b2}.table-coin{background:radial-gradient(circle at 30% 25%,#c4ac67,#5a573e);border-color:#ddc58a;outline-color:#7f784e;color:#e4de9a;box-shadow:3px 4px #8f754a4d,0 4px 15px #06031344}.table-coin>b{background:#7b6a45;border-color:#d9c58e;color:#fbf1bb}.table-coin.selected{background:#b2a561;box-shadow:0 0 22px #dced7644}.table-deck>span{background:#32263dd9;color:#b89bce}.fan-trick img{border-color:#7d5a99;box-shadow:0 3px 10px #03031366}.fan-trick.selected img{border-color:#d894da;outline-color:#6c4380;box-shadow:0 0 18px #c077d455}.fan-trick span{background:#543868ed;color:#dfc1ef}.table-action-note{color:#c3a9d7}.table-coin-panel,.match-score-card{background:#2c233dd9;border-color:#684b7b;box-shadow:var(--shadow)}.match-score-card h2{color:#cce88e}.match-score-card h2 span{color:#8f76a8}.match-score-card b{color:#c8a4db}.match-score-card>div{color:#aa87be}.table-tips h3{color:#d6b5e9}.table-tips>p:last-child,.table-coin-panel>p{color:#aa8ebf}.table-utility-buttons button{background:#2d233f;border-color:#6e4d80;color:#bca0d1;box-shadow:var(--shadow)}.table-specials b{color:#caabdd}.table-specials span{color:#a589ba}.selected-trick-detail{background:#44294e;border-color:#7c4781}.selected-trick-detail b{color:#daa6e1}.selected-trick-detail p{color:#b78ec4}.table-callout>.primary{box-shadow:0 0 0 3px #9fb27a33,0 0 20px #ace07133}.no-tricks{color:#8b719f}.in-match .pocket-header:after{display:none}.loading{color:#c4a9d9}
@media(max-width:1000px){.market-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.land-grid{gap:15px}.land-card{padding:18px;min-height:240px}.land-name{font-size:21px}.land-status{font-size:7px}.land-detail{gap:23px;padding:25px}.land-encounter{gap:10px;padding:13px}.land-encounter h3{font-size:14px}.quest-instructions .primary{font-size:8px;padding:11px 14px}.next-goal h2{font-size:17px}.next-goal p{font-size:9px}.next-goal .primary{font-size:9px;padding:12px 15px}}
@media(max-width:700px){.next-goal{padding:20px;gap:13px;flex-wrap:wrap}.next-goal>div{flex:1;min-width:200px}.next-goal>span>svg{width:22px}.next-goal h2{font-size:18px}.next-goal p{font-size:10px;line-height:1.7}.next-goal>.primary{margin-left:35px;font-size:10px;padding:12px 17px}.economy-shortcuts{gap:13px}.economy-shortcuts>button{padding:17px;gap:11px}.economy-shortcuts b{font-size:15px}.economy-shortcuts small{font-size:8px;line-height:1.7}.economy-shortcuts>button>svg:first-child{width:23px}.quest-instructions,.market-intro{padding:23px 20px;gap:15px;flex-wrap:wrap}.quest-instructions h2,.market-intro h2{font-size:22px}.quest-instructions p,.market-intro p{font-size:10px}.quest-instructions>span>svg,.market-intro>span>svg{width:30px}.quest-instructions>div,.market-intro>div{min-width:200px}.quest-instructions>.primary,.market-intro>.secondary{margin-left:45px;min-height:36px;font-size:9px}.market-pack-offer{gap:13px;padding:21px;flex-wrap:wrap}.market-pack-offer>div{min-width:70%}.market-pack-offer b{font-size:20px}.market-pack-offer p{font-size:9px;line-height:1.8}.market-pack-offer>.primary{margin-left:auto;font-size:9px}.market-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px 12px}.market-card-copy h3{font-size:12px}.market-card-copy>span{font-size:6px}.market-card>.primary,.market-card>.secondary{font-size:7px;gap:4px}.market-toolbar{gap:10px;flex-wrap:wrap}.market-toolbar .binder-filters button{font-size:9px;padding:8px 14px}.market-toolbar>.secondary{font-size:8px}.coin-balance{font-size:17px;padding:10px 15px}.coin-balance small{font-size:5px}.land-grid{grid-template-columns:1fr 1fr;gap:15px}.land-card{min-height:230px;padding:20px}.land-name{font-size:24px}.land-status{font-size:8px}.land-detail{grid-template-columns:1fr;gap:23px;padding:25px}.land-encounter h3{font-size:17px}.land-encounter p{font-size:8px}.land-encounter>img{width:47px;height:60px}.land-encounter .primary,.land-encounter .secondary{font-size:9px;padding:10px 15px}.land-story>p:last-of-type{font-size:11px}.loadout-tools{padding:20px;gap:17px}.loadout-tools>div:first-child{flex-basis:100%}.loadout-actions{width:100%}.loadout-actions>button{flex:1;font-size:9px;padding:10px}.loadout-chip{padding:11px 13px;flex:1 1 140px}.quest-card-footer .primary,.quest-card-footer .secondary{min-height:40px;font-size:9px}.land-detail h2{font-size:30px}.travel-footer{font-size:9px}.tabletop-top>span{color:#b99acb}.table-callout h2{font-size:11px}.table-callout>.primary{min-height:40px}.reserve-card{min-height:60px}.loadout-list{gap:10px}}
@media(max-width:430px){.next-goal{padding:18px;gap:12px}.next-goal>div{min-width:170px}.next-goal h2{font-size:17px}.next-goal p{font-size:9px}.next-goal>.primary{margin-left:0;width:100%;font-size:10px}.next-goal small{font-size:6px}.economy-shortcuts{grid-template-columns:1fr;gap:12px}.economy-shortcuts>button{padding:19px}.economy-shortcuts small{font-size:9px}.market-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 13px}.market-card{padding:7px}.market-card-copy{padding:10px 3px}.market-card-copy h3{font-size:13px}.market-card-copy>span{font-size:7px;line-height:1.7}.market-card>.primary,.market-card>.secondary{font-size:8px;min-height:38px}.market-intro h2,.quest-instructions h2{font-size:21px}.market-pack-offer{padding:20px}.market-toolbar .binder-filters{width:auto}.market-toolbar .binder-filters button{padding:8px 10px;font-size:8px}.market-toolbar>.secondary{font-size:7px;padding:9px 10px}.coin-balance{font-size:15px;padding:10px 12px}.shop-page .pocket-title h1{font-size:23px}.shop-page .pocket-title .eyebrow{font-size:5px}.shop-page .pocket-title{align-items:flex-start}.land-card{min-height:215px;padding:16px}.land-name{font-size:22px}.land-status{font-size:7px}.land-number{font-size:5px}.land-detail{padding:22px 18px}.land-encounter{padding:12px;gap:10px}.land-encounter h3{font-size:14px}.land-encounter>div>span{font-size:5px}.land-encounter>img{width:38px;height:50px}.land-encounter p{font-size:6px}.land-encounter .primary,.land-encounter .secondary{font-size:8px;padding:9px 12px;min-height:36px}.lands-page>.pocket-title{flex-wrap:wrap}.lands-page>.pocket-title .secondary{font-size:8px;min-height:34px}.loadout-actions>button{font-size:8px;gap:5px}.loadout-tools p{font-size:8px}.quest-card-footer>span{font-size:21px}.quest-card-footer .primary,.quest-card-footer .secondary{font-size:9px;padding:10px 15px}.ticket-pill>span{display:none}.ticket-pill b{font-size:15px}.land-story>p:last-of-type{font-size:10px}.land-rewards{font-size:7px}.scouting-tip{font-size:8px}.travel-footer{font-size:8px}.table-coin-panel>.secondary{font-size:10px;min-height:42px}.table-utility-buttons button{min-height:43px}.reserve-scroll{padding-top:10px;padding-bottom:14px}.fan-trick{min-height:85px}}

/* Battle life: readable paired tricks, separated hands and gentle spectral motion. */
.monster-table{height:1110px}.your-reserve{top:795px}.your-trick-fan{bottom:60px;height:116px}.your-deck{top:710px}.your-coin{bottom:155px}
.active-trick{right:-115px;top:12px;bottom:auto;width:90px;gap:6px;padding:7px 5px;background:#38214de8;border:1px solid #d58aeb;border-radius:12px;box-shadow:0 0 23px #dc76fa30;animation:trick-arrive .3s ease-out;z-index:3}
.active-trick:before{content:'';position:absolute;right:100%;width:24px;top:50%;border-top:2px dashed #d493e0}
.active-trick>button{display:flex;align-items:center;flex-direction:column;padding:0;width:100%;color:#f3d9ff}.active-trick img{width:70px;transform:rotate(0);border:1px solid #f5c9ff;box-shadow:0 5px 12px #0c041855}.active-trick button>span{font-size:8px;color:#f1d2ff;line-height:1.35;margin-top:5px}.active-trick .trick-state{font-size:7px;font-weight:800;letter-spacing:.7px;color:#f8c4ff;line-height:1.4}.active-trick .unpair-trick{font-size:8px;min-height:24px;border-top:1px solid #b77dc366;padding-top:4px;color:#eac9fa}.fan-trick.selected{opacity:.65}.fan-trick.selected:after{content:'PAIRED';position:absolute;top:10px;left:0;right:0;font-size:7px;letter-spacing:1px;color:white;background:#81518fed;padding:4px}
.awaiting-pick .your-active .active-art{box-shadow:0 0 0 2px #b6f2cf66,0 0 30px #5ef4c333}.your-active .active-label{color:#c9f3df;font-size:10px}.reserve-caption,.trick-fan-caption{font-size:8px;font-weight:700;letter-spacing:1px}.trick-fan-caption{color:#e3b9f6;top:-17px}.reserve-scroll{padding-bottom:16px}.table-action-note{font-size:9px;max-width:80%;line-height:1.4}.table-callout h2{font-size:13px}.selected-trick-detail p{font-size:11px;line-height:1.6}
.battle-audio-panel{padding:16px;background:#231f38;border:1px solid #705489;border-radius:16px}.battle-audio-panel>div{display:flex;gap:8px;margin-top:10px}.battle-audio-panel button{display:flex;justify-content:center;align-items:center;gap:6px;min-height:38px;flex:1;border:1px solid #77608c;border-radius:10px;background:#392c4d;color:#dac8ed;font-size:10px}.battle-audio-panel button[aria-pressed=true]{border-color:#81c9a4;color:#cbf4d7;background:#27433f}.battle-audio-panel small{display:block;font-size:9px;color:#bca4ce;line-height:1.5;margin-top:10px}
.battle-motes{position:absolute;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.battle-motes i{position:absolute;left:calc(8% + var(--n)*12%);top:calc(19% + var(--n)*8%);width:4px;height:4px;border-radius:50%;background:#b9ffe3;box-shadow:0 0 15px 3px #80ffd480;opacity:.45;animation:spectral-drift calc(7s + var(--n)*.7s) ease-in-out infinite alternate;animation-delay:calc(var(--n)*-.8s)}.table-orbit{animation:arena-breathe 8s ease-in-out infinite alternate}
.power-clash .your-active .active-art{animation:player-strike .75s ease-in-out}.power-clash .enemy-active .active-art{animation:enemy-strike .75s ease-in-out}.power-clash .table-power{animation:power-burst .9s ease-out}.power-clash:after{content:'';position:absolute;pointer-events:none;z-index:5;left:50%;top:46%;width:110px;height:110px;border:3px solid #eac4ff;border-radius:50%;background:radial-gradient(circle,#f4d8ff90,transparent 70%);animation:clash-ring 1s ease-out both}
@keyframes spectral-drift{to{transform:translate(15px,-30px);opacity:.15}}@keyframes arena-breathe{to{border-color:#99e8cb77;box-shadow:0 0 35px #61edc219,inset 0 0 35px #b392e51a}}@keyframes trick-arrive{from{opacity:.2;transform:translateY(26px) rotate(6deg)}to{opacity:1;transform:none}}@keyframes player-strike{35%{transform:translateY(8px) rotate(-3deg)}55%{transform:translateY(-32px) rotate(3deg)}80%{transform:translateY(3px)}}@keyframes enemy-strike{35%{transform:translateY(-8px) rotate(3deg)}55%{transform:translateY(32px) rotate(-3deg)}80%{transform:translateY(-3px)}}@keyframes power-burst{40%{transform:scale(1.22);box-shadow:0 0 25px #dcff9a99}}@keyframes clash-ring{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}25%{opacity:.8}100%{opacity:0;transform:translate(-50%,-50%) scale(2.4)}}
@media(max-width:1050px){.active-trick{right:-105px;width:85px}.active-trick img{width:66px}}
@media(max-width:800px){.monster-table{height:1060px}.your-reserve{top:740px}.your-trick-fan{bottom:61px;height:104px}.your-deck{top:700px}.active-trick{right:-94px;width:78px}.active-trick img{width:60px}}
@media(max-width:600px){.monster-table{height:1020px}.your-reserve{top:710px}.your-trick-fan{bottom:65px;height:99px}.your-trick-fan>div{padding-top:6px}.fan-trick{width:65px;flex-basis:65px}.your-coin{bottom:160px}.active-trick{right:-84px;width:70px;top:5px;padding:6px 4px}.active-trick img{width:57px}.active-trick .trick-state{font-size:6px;letter-spacing:.3px}.active-trick button>span{font-size:7px}.active-trick:before{width:14px}.active-trick .unpair-trick{font-size:8px}.your-deck{top:635px;right:11px;width:32px}.your-deck>img{width:30px}.your-deck>span{font-size:5px;padding:4px 0}.your-active .active-label{font-size:9px}.table-action-note{font-size:8px}.table-callout h2{font-size:11px}.battle-audio-panel{grid-column:1/-1}.battle-audio-panel>div{max-width:360px}.table-sidebar{margin-top:8px}}
@media(prefers-reduced-motion:reduce){.battle-motes i,.table-orbit,.active-trick,.power-clash .active-art,.power-clash .table-power,.power-clash:after{animation:none!important}.power-clash:after{display:none}}
.monster-skill-panel{padding:18px;background:linear-gradient(120deg,#3d2a50,#243e40);border:1px solid #9b75af;border-radius:16px}.monster-skill-panel h3{color:#e6c6ff;font:600 21px 'Outfit';margin:9px 0}.monster-skill-panel>p:not(.eyebrow){font-size:12px;color:#d2bbdf;line-height:1.7}.monster-skill-panel>b{display:block;color:#bde6b5;font-size:9px;line-height:1.6;margin-top:14px}.skill-roll-list article{display:flex;align-items:center;gap:20px;background:#30223e;border:1px solid #9970ad;border-radius:17px;padding:15px;margin:18px 0;text-align:left}.skill-roll-list article>img{width:80px;border-radius:8px}.skill-roll-list h3{color:#eccbff;font-size:18px}.skill-roll-list b{display:block;color:#d7efa8;font-size:12px}.skill-roll-list p{font-size:11px!important;line-height:1.6}.skill-die{display:block;color:#eddaff;font:90px/1.1 sans-serif;animation:skill-dice-reveal .85s ease-out both;text-shadow:0 0 25px #c875eb55}@keyframes skill-dice-reveal{0%{transform:rotate(-120deg) scale(.4);filter:blur(6px);opacity:.3}65%{transform:rotate(12deg) scale(1.1);filter:blur(0);opacity:1}100%{transform:none}}@media(max-width:600px){.monster-skill-panel{grid-column:1/-1}.skill-roll-list article{gap:13px}.skill-roll-list article>img{width:65px}}@media(prefers-reduced-motion:reduce){.skill-die{animation:none}}
/* A die held by the player, then released onto the board. */
.dice-tray{position:absolute;top:420px;left:50%;transform:translateX(-50%);width:min(290px,88%);min-height:205px;padding:15px 20px;z-index:15;display:flex;flex-direction:column;align-items:center;gap:8px;background:linear-gradient(140deg,#302242f5,#174a4bf5);border:2px solid #b8e99c;border-radius:25px;box-shadow:0 10px 45px #03000de0,0 0 35px #9ce98c44;touch-action:none}.dice-tray>b{font-size:13px;color:#ebd4ff;text-align:center}.board-die{--drag-x:0px;--drag-y:0px;width:82px;height:82px;font:79px/.95 sans-serif;color:#f4dfff;background:#4e326b;border:2px solid #d7b4fb;border-radius:17px;cursor:grab;touch-action:none;user-select:none;box-shadow:0 9px 0 #140b25,0 12px 25px #06010b99;transform:translate(var(--drag-x),var(--drag-y));position:relative;z-index:2}.board-die:focus-visible{outline:3px solid #ccff96;outline-offset:5px}.board-die.shaking{cursor:grabbing;animation:die-in-hand .13s linear infinite alternate}.dice-tray>span{font-size:10px;line-height:1.6;color:#b9ddcf;text-align:center}.dice-skip{font-size:10px;color:#eacfff;text-decoration:underline;padding:6px 15px}.last-die{position:absolute;top:395px;left:50%;transform:translateX(-50%);z-index:8;display:flex;gap:7px;flex-direction:column;align-items:center;max-width:85%;pointer-events:none;background:#281e3bf5;padding:9px 16px;border:1px solid #b98be6;border-radius:16px;box-shadow:0 0 25px #07030b66}.last-die>b{font-size:10px;color:#e6c6fb}.last-die>small{font-size:9px;color:#bce2c7;text-align:center}.landed-die{font:46px/1 sans-serif;color:#f2e5ff;animation:die-on-board .6s ease-out}.monster-table:has(.last-die) .table-callout{top:510px}.monster-table:has(.last-die) .your-active{top:615px}.monster-table:has(.last-die) .your-reserve{top:845px}.monster-table:has(.last-die){height:1170px}.remaining-monsters{display:flex;align-items:center;gap:4px;white-space:nowrap;font:700 9px 'Outfit';color:#d4edb6}.recover-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:20px;max-height:55vh;overflow:auto}.recover-grid button{border:1px solid #b689cb;background:#342442;border-radius:11px;padding:8px;display:flex;flex-direction:column;gap:7px;text-align:center;color:#ead1ff}.recover-grid img{width:100%;border-radius:6px}.recover-grid b{font-size:10px}.recover-grid span{font-size:8px;color:#b7dfc2}.last-chance{padding:10px;border:1px solid #d9b161;border-radius:9px;color:#f5d89c!important}.monster-table:has(.dice-tray) .table-callout{visibility:hidden}
@keyframes die-in-hand{from{transform:translate(calc(var(--drag-x) - 5px),calc(var(--drag-y) - 3px)) rotate(-9deg)}to{transform:translate(calc(var(--drag-x) + 5px),calc(var(--drag-y) + 3px)) rotate(9deg)}}@keyframes die-on-board{0%{transform:translate(25px,-35px) rotate(-100deg) scale(1.3)}55%{transform:translate(-9px,6px) rotate(20deg)}80%{transform:translate(3px,-4px) rotate(-7deg)}100%{transform:none}}
@media(max-width:800px){.dice-tray{top:400px}.last-die{top:370px}.monster-table:has(.last-die) .table-callout{top:485px}.monster-table:has(.last-die) .your-active{top:590px}.monster-table:has(.last-die) .your-reserve{top:800px}.monster-table:has(.last-die){height:1120px}}
@media(max-width:600px){.dice-tray{top:360px}.last-die{top:355px}.monster-table:has(.last-die) .table-callout{top:470px}.monster-table:has(.last-die) .your-active{top:575px}.monster-table:has(.last-die) .your-reserve{top:780px}.monster-table:has(.last-die){height:1090px}.remaining-monsters{font-size:7px}.recover-grid{grid-template-columns:repeat(2,1fr)}}
@media(prefers-reduced-motion:reduce){.board-die.shaking,.landed-die{animation:none}.board-die.shaking{outline:3px solid #bded8b}}
.reserve-card.cooling img,.fan-trick.cooling img{filter:grayscale(.85) brightness(.55);border-color:#9e8ab1;box-shadow:none}.cooldown-tag{position:absolute;left:0;right:0;bottom:6px;display:block;padding:5px 1px;font:700 6px 'DM Sans';letter-spacing:.2px;background:#39294eef;color:#efd6ff;border-radius:0 0 5px 5px;pointer-events:none}.reserve-card.cooling{opacity:.8}.fan-trick.cooling span{color:#f0c8ff;background:#422b59}.reserve-card.cooling:disabled,.fan-trick.cooling:disabled{cursor:not-allowed}
.trick-pile-deck{left:10px;top:620px;width:57px}.trick-pile-deck>img{width:48px;box-shadow:2px 2px #67427f,4px 4px #b48bce,6px 6px #49315b}.trick-pile-deck>span{color:#f0cfff;background:#512f68;font-size:7px;line-height:1.5;border:1px solid #ab78c5;padding:5px 3px}.table-deck.trick-pile-deck:hover{filter:brightness(1.2)}@media(max-width:800px){.trick-pile-deck{top:605px;width:48px;left:10px}.trick-pile-deck>img{width:40px}.trick-pile-deck>span{font-size:6px}}@media(max-width:600px){.trick-pile-deck{top:580px;left:9px;width:43px}.trick-pile-deck>img{width:35px}.trick-pile-deck>span{font-size:6px;padding:4px 1px}}
/* Trick narration stays visible while the effect is active. */
.trick-speech-stack{width:230px;position:relative;left:50%;transform:translateX(-50%);margin-top:10px;pointer-events:none}.trick-speech{position:relative;background:#39254ff5;border:1px solid #ca99e7;border-radius:14px;padding:10px 12px;box-shadow:0 5px 18px #07031266;animation:trick-bubble-in .3s ease-out}.trick-speech:before{content:'';position:absolute;top:-6px;left:calc(50% - 5px);width:10px;height:10px;background:#39254f;transform:rotate(45deg);border-top:1px solid #ca99e7;border-left:1px solid #ca99e7}.trick-speech>b{position:relative;display:block;font:700 11px 'Outfit';color:#f1d3ff;margin-bottom:4px}.trick-speech>span{display:block;font-size:10px;line-height:1.55;color:#e0c9ec}.trick-speech.gain{border-color:#a3e8bb;background:#243f3ff7}.trick-speech.gain:before{background:#243f3f;border-color:#a3e8bb}.trick-speech.loss{border-color:#f2a1bc}.trick-speech.muted{border-color:#a399b3}.monster-effect-badges{position:absolute;left:-35px;top:22px;z-index:6;display:flex;flex-direction:column;gap:7px;pointer-events:none}.effect-badge{display:block;border-radius:12px;padding:7px 10px;background:#51336aef;border:1px solid #dab4f9;color:#f2dcff;box-shadow:0 3px 18px #06000d80;font:800 18px/1 'Outfit';text-align:center;animation:trick-power-pop .6s ease-out}.effect-badge small{display:block;font:600 6px/1.3 'DM Sans';letter-spacing:.3px;margin-top:5px;max-width:90px}.effect-badge.gain{background:#275745f5;border-color:#bcffb2;color:#daffc1}.effect-badge.loss{background:#6d2948f5;border-color:#ffc1d9;color:#ffe0eb}.effect-badge.muted{font-size:10px;background:#393345f5;color:#ddd0eb}.effect-badge.magic{font-size:11px}.monster-table.has-trick-feedback{--feedback-base-height:1110px;--feedback-center:438px;--feedback-callout:445px;--feedback-active:539px;--feedback-reserve:795px;--effect-extra:0px;height:calc(var(--feedback-base-height) + 210px + var(--effect-extra))}.has-trick-feedback .table-center-line{top:calc(var(--feedback-center) + 100px)}.has-trick-feedback .table-callout{top:calc(var(--feedback-callout) + 100px + var(--effect-extra))}.has-trick-feedback .your-active{top:calc(var(--feedback-active) + 100px + var(--effect-extra))}.has-trick-feedback .your-reserve{top:calc(var(--feedback-reserve) + 200px + var(--effect-extra))}.monster-table.has-trick-feedback:has(.last-die){--effect-extra:110px}.has-trick-feedback:has(.last-die) .last-die{top:calc(var(--feedback-callout) + 100px)}.monster-table.has-trick-feedback:has(.dice-tray){--effect-extra:190px}.has-trick-feedback .dice-tray{top:calc(var(--feedback-callout) + 100px)}
@keyframes trick-bubble-in{from{opacity:0;transform:translateY(8px) scale(.95)}to{opacity:1;transform:none}}@keyframes trick-power-pop{0%{opacity:0;transform:translateY(18px) scale(.7)}55%{opacity:1;transform:translateY(-5px) scale(1.14)}100%{transform:none}}
@media(max-width:800px){.monster-table.has-trick-feedback{--feedback-base-height:1060px;--feedback-center:413px;--feedback-callout:427px;--feedback-active:539px;--feedback-reserve:740px}.trick-speech-stack{width:210px}.monster-effect-badges{left:-30px}.effect-badge{font-size:16px}}
@media(max-width:600px){.monster-table.has-trick-feedback{--feedback-base-height:1020px;--feedback-center:383px;--feedback-callout:393px;--feedback-active:492px;--feedback-reserve:710px}.trick-speech-stack{width:200px}.trick-speech{padding:9px 11px}.trick-speech>b{font-size:11px}.trick-speech>span{font-size:10px}.monster-effect-badges{left:-31px;top:24px}.effect-badge{font-size:17px;padding:7px 8px}.effect-badge.magic,.effect-badge.muted{font-size:9px;max-width:88px}}
@media(prefers-reduced-motion:reduce){.trick-speech,.effect-badge{animation:none}}
/* Full DOM renders must not replay the same effect animation. */
.trick-speech,.effect-badge{animation:none}.feedback-enter .trick-speech{animation:trick-bubble-in .3s ease-out}.feedback-enter .effect-badge{animation:trick-power-pop .6s ease-out}.monster-table.has-trick-feedback .table-callout{top:calc(var(--feedback-callout) + 100px + var(--effect-extra))}.monster-table.has-trick-feedback .your-active{top:calc(var(--feedback-active) + 100px + var(--effect-extra))}.monster-table.has-trick-feedback .your-reserve{top:calc(var(--feedback-reserve) + 200px + var(--effect-extra))}@media(prefers-reduced-motion:reduce){.feedback-enter .trick-speech,.feedback-enter .effect-badge{animation:none}}
/* Leave room when both a monster skill and a trick explain their outcomes. */
.monster-table.has-trick-feedback{height:calc(var(--feedback-base-height) + var(--feedback-gap,100px)*2 + 10px + var(--effect-extra))}.has-trick-feedback .table-center-line{top:calc(var(--feedback-center) + var(--feedback-gap,100px))}.monster-table.has-trick-feedback .table-callout{top:calc(var(--feedback-callout) + var(--feedback-gap,100px) + var(--effect-extra))}.monster-table.has-trick-feedback .your-active{top:calc(var(--feedback-active) + var(--feedback-gap,100px) + var(--effect-extra))}.monster-table.has-trick-feedback .your-reserve{top:calc(var(--feedback-reserve) + var(--feedback-gap,100px)*2 + var(--effect-extra))}.has-trick-feedback:has(.last-die) .last-die,.has-trick-feedback .dice-tray{top:calc(var(--feedback-callout) + var(--feedback-gap,100px))}.trick-speech+.trick-speech{margin-top:7px}.effect-badge{max-width:105px;white-space:normal;overflow-wrap:anywhere}.effect-badge.capture-effect{font-size:10px;line-height:1.25}.cooldown-tag.just-captured{background:#28624e;color:#e4ffc9;border:1px solid #a4e5b1;font-size:5px}
/* Home leads the adventure. The Night Market handles purchases. */
.journey-home-feature{background:radial-gradient(ellipse at 100% 0,#6c426c66,transparent 55%),linear-gradient(150deg,#342442,#193e42);border:1px solid #9875ae;border-radius:26px;padding:30px;box-shadow:0 12px 35px #08031666;min-width:0}.journey-home-intro h2{font:600 34px/1.15 'Outfit';color:#eddbf9;margin:12px 0}.journey-home-intro>p:last-child{font-size:12px;line-height:1.85;color:#c6b3d2;max-width:520px}.journey-next-stop{display:flex;align-items:center;gap:20px;margin:27px 0;padding:18px;border:1px solid #9071a566;border-radius:18px;background:#211d37a6}.journey-next-stop>img{width:85px;aspect-ratio:5/7;object-fit:cover;border:1px solid #c0a1d2;border-radius:10px;transform:rotate(-4deg);box-shadow:0 7px 18px #06021566}.journey-next-stop small{font-size:7px;letter-spacing:1.1px;color:#c6e695}.journey-next-stop h3{font:500 25px/1.2 'Outfit';color:#ead6f9;margin:8px 0}.journey-next-stop p{font-size:11px;color:#b9a3c9;line-height:1.6}.journey-progress-bar{height:8px;border:1px solid #6c597e;background:#21192f;border-radius:12px;overflow:hidden}.journey-progress-bar>i{display:block;height:100%;background:linear-gradient(90deg,#99e5b6,#c9e97f)}.journey-home-stats{display:flex;justify-content:space-between;gap:12px;margin:14px 0 25px;color:#b9a3c9;font-size:10px}.journey-home-stats b{color:#d4eaa9;font:600 18px 'Outfit';display:block;margin-bottom:4px}.journey-home-actions{display:flex;gap:12px;flex-wrap:wrap}.journey-home-actions>button{font-size:10px;min-height:42px}.unopened-pack-inbox{margin-top:22px;width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:15px;border:1px solid #cfad6e;border-radius:14px;background:#51412e99;color:#e4ce9f}.unopened-pack-inbox>span{flex:1}.unopened-pack-inbox b{font-size:12px;color:#f3deb4;display:block}.unopened-pack-inbox small{font-size:9px;color:#cab798;display:block;line-height:1.5;margin-top:5px}.starter-pack-home{display:flex;gap:25px;align-items:center;padding:35px;border:1px solid #8b6aab;border-radius:26px;background:linear-gradient(135deg,#403059,#1e4449);min-width:0}.starter-pack-home>div{flex:1;min-width:0}.starter-pack-home h2{font:600 34px/1.15 'Outfit';color:#e9d9fa;margin:12px 0}.starter-pack-home p:not(.eyebrow){font-size:12px;color:#c6b1d4;line-height:1.85}.starter-pack-home .primary{margin-top:25px;font-size:11px}.starter-pack-home small{display:block;color:#b6caa2;font-size:10px;margin-top:13px}.starter-pack-home>img{width:28%;border-radius:12px;transform:rotate(6deg);box-shadow:0 10px 30px #07021577}.pack-open-controls>.secondary{margin-top:14px}
@media(max-width:800px){.journey-home-feature{padding:25px}.journey-home-intro h2{font-size:30px}.starter-pack-home{padding:26px;gap:20px}.starter-pack-home h2{font-size:30px}}
@media(max-width:600px){.journey-home-feature{padding:22px;border-radius:22px}.journey-home-intro h2{font-size:29px}.journey-next-stop{padding:15px;gap:17px;margin:23px 0}.journey-next-stop h3{font-size:23px}.journey-next-stop>img{width:73px}.journey-home-actions>button{flex:1 1 150px}.starter-pack-home{padding:24px;gap:17px}.starter-pack-home h2{font-size:27px}.starter-pack-home>img{width:26%}.starter-pack-home p:not(.eyebrow){font-size:11px}.starter-pack-home .primary{padding:12px;font-size:10px}}

/* Permanent monster morphs */
.morph-entry{margin:0 0 20px;display:flex;gap:14px;align-items:center;flex-wrap:wrap}.morph-entry small{font-weight:400}.morph-stars{display:inline-block;color:#ffdf72;background:#27123ee8;border:1px solid #ffc95b;padding:4px 8px;border-radius:9px;font-size:13px;letter-spacing:2px;text-shadow:0 0 10px #ffc95b}.binder-card{position:relative}.binder-card>.morph-stars{position:absolute;top:35px;left:7px;max-width:90%;letter-spacing:1px}.morph-power{position:absolute;bottom:35px;left:6px;right:6px;background:#251038ed;color:#9effd5;border:1px solid #68efc0;border-radius:7px;padding:5px;font-weight:800}.table-active>.morph-stars{position:absolute;top:8px;left:8px;z-index:4}.reserve-card>.morph-stars{position:absolute;top:3px;left:3px;font-size:9px;padding:2px;letter-spacing:0}.morph-list{display:grid;gap:10px;margin:18px 0}.morph-list button{display:flex;align-items:center;gap:12px;text-align:left}.morph-list img{width:48px;border-radius:5px}.morph-list small{display:block;line-height:1.6}.morph-result{display:grid;gap:8px;background:#27133d;border:1px solid #ad85ff;border-radius:16px;padding:20px;color:#b0ffdb}.morph-result b{font-size:24px}.dialog>.morph-stars{display:block;width:fit-content;margin:0 auto 12px}

.deck-picker-tools{margin:0 0 24px;padding:20px;border:1px solid #8f62b6;border-radius:18px;background:#241332}.deck-search-label{display:flex;align-items:center;gap:12px;color:#aeffdb}.deck-search-label input{width:100%;min-width:0;min-height:46px;padding:10px 14px;border:1px solid #85649f;border-radius:12px;color:#f5edff;background:#150d23;font:inherit}.deck-search-label input::placeholder{color:#baa8cb}.deck-filter-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}.deck-filter-row label{display:grid;gap:7px;font-size:13px;font-weight:700;color:#dfc9fc}.deck-filter-row select{min-width:0;width:100%;min-height:44px;padding:9px;border:1px solid #85649f;border-radius:10px;background:#150d23;color:#f5edff;font:inherit}.deck-filter-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;color:#c6bbd4;font-size:12px}.deck-picker-tools input:focus-visible,.deck-picker-tools select:focus-visible{outline:3px solid #78efc1;outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:600px){.deck-picker-tools{padding:14px}.deck-filter-row{grid-template-columns:1fr 1fr}.deck-filter-row label:last-child{grid-column:1/-1}.deck-filter-summary{align-items:flex-start;flex-direction:column}}
/* Saved squads: deck gallery and pre-battle selection */
.decks-page{padding-bottom:130px}.deck-gallery-actions{display:flex;align-items:center;gap:12px}.deck-gallery-tabs{display:flex;gap:8px;border-bottom:2px solid #8051b4;margin:18px 0 20px}.deck-gallery-tabs button{background:transparent;color:#cdb8e3;border:0;padding:13px 20px;font:700 15px inherit;border-bottom:3px solid transparent}.deck-gallery-tabs button.active{color:#b8ffe0;border-color:#8affb9}.deck-gallery-tabs b{margin-left:7px}.deck-gallery-count{display:flex;align-items:center;gap:12px;padding:18px 22px;border:1px solid #8161a0;border-radius:20px;background:#29153e;color:#e5d1fb;margin-bottom:26px}.deck-gallery-count span{margin-left:auto;font-size:13px;color:#c0aacf}.deck-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.new-deck-tile{min-height:330px;border:2px dashed #ad80d0;border-radius:26px;background:linear-gradient(145deg,#301b46,#1a102c);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;color:#dec9f4;cursor:pointer;padding:18px}.new-deck-tile>span{font-size:94px;line-height:1;font-weight:200;color:#b7ffdf;text-shadow:0 0 25px #7effb33a}.new-deck-tile b{font-size:22px}.new-deck-tile small{text-align:center;font-size:12px;line-height:1.6}.new-deck-tile:disabled{opacity:.45;cursor:default}.saved-deck-tile{border:2px solid #64427d;border-radius:26px;overflow:hidden;background:#28163a;box-shadow:0 10px 28px #09031160}.deck-tile-open{background:transparent;border:0;display:block;width:100%;padding:0;text-align:center;color:#f5eaff;cursor:pointer}.deck-box-art{position:relative;height:245px;overflow:hidden;background:linear-gradient(165deg,hsl(var(--deck-hue) 84% 58%) 0%,hsl(var(--deck-hue) 72% 39%) 37%,#312044 37.5%,#251532 100%)}.deck-slot-number{position:absolute;top:9px;left:19px;color:#ffffffb0;font-weight:900;font-size:76px;line-height:1}.monster-deck-box{position:absolute;width:125px;height:150px;left:50%;top:65px;transform:translateX(-50%);border:2px solid hsl(var(--deck-hue) 70% 68%);border-radius:7px;background:linear-gradient(130deg,hsl(var(--deck-hue) 60% 21%),#1c102c);box-shadow:16px -12px 0 hsl(var(--deck-hue) 60% 27%),19px -14px 0 hsl(var(--deck-hue) 65% 65%),0 17px 22px #08010d90}.monster-deck-box img{position:absolute;object-fit:contain;width:94px;height:130px;top:10px;left:14px;border-radius:6px;box-shadow:0 5px 12px #09031180}.monster-deck-box img:nth-child(2){width:65px;height:88px;left:83px;top:82px;transform:rotate(-9deg);z-index:2}.monster-deck-box img:nth-child(3){width:65px;height:88px;left:119px;top:82px;transform:rotate(8deg);z-index:3}.deck-tile-name{padding:18px 12px;border-top:1px solid #795599;min-height:90px;display:flex;flex-direction:column;justify-content:center}.deck-tile-name h2{font-size:22px;margin:0;color:#f5e7ff;overflow-wrap:anywhere}.deck-tile-name p{font-size:12px;margin:8px 0 0;color:#c4aed7}.saved-deck-tile.deck-picked{border-color:#9affe0;box-shadow:0 0 0 4px #63eaa230,0 0 28px #67ffb426}.deck-selected-stamp{position:absolute;bottom:9px;left:9px;right:9px;color:#0f3023;background:#aaffd1;border-radius:8px;padding:7px;font-size:12px;font-weight:900;z-index:5}.deck-tile-edit{display:flex;gap:8px;padding:0 10px 12px}.deck-tile-edit button{flex:1;background:#3d2354;border:1px solid #9869b7;color:#f2ddff;border-radius:9px;padding:10px}.deck-tile-edit .danger{color:#ffb6c4}.deck-required-note{padding:16px;border-left:3px solid #aaffd1;color:#d9c9e7;margin-bottom:22px}.deck-match-opponent{display:flex;align-items:center;gap:18px;border:1px solid #9270b3;border-radius:20px;padding:18px;margin-bottom:22px;background:#2a163b}.deck-match-opponent img{width:65px;height:90px;object-fit:contain;border-radius:6px}.deck-match-opponent small{color:#9dffcb;font-size:11px}.deck-match-opponent h2{font-size:22px;color:#f1dcff;margin:6px 0}.deck-match-opponent p{font-size:13px;color:#d0b9dd}.new-deck-tile:focus-visible,.deck-tile-open:focus-visible{outline:3px solid #aaffd1;outline-offset:-6px}@media(max-width:900px){.deck-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}@media(max-width:600px){.deck-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.new-deck-tile{min-height:250px;border-radius:19px;padding:10px}.new-deck-tile>span{font-size:70px}.new-deck-tile b{font-size:18px}.new-deck-tile small{font-size:10px}.saved-deck-tile{border-radius:19px}.deck-box-art{height:180px}.deck-slot-number{font-size:53px;left:10px}.monster-deck-box{transform:translateX(-50%) scale(.73);transform-origin:top center;top:47px;left:44%}.deck-tile-name{min-height:76px;padding:13px 8px}.deck-tile-name h2{font-size:17px}.deck-tile-name p{font-size:10px}.deck-gallery-count{padding:14px;flex-wrap:wrap;gap:8px}.deck-gallery-count span{width:100%;margin-left:0}.deck-match-opponent{padding:12px}.deck-gallery-tabs button{padding:12px 16px}.decks-page .deck-dock{gap:10px}.decks-page .deck-dock button{font-size:12px}.deck-selected-stamp{font-size:10px;padding:5px}.deck-tile-edit{flex-direction:column}}
/* Clean board with on-demand battle controls. */
.tabletop-layout.clean-battle-layout{display:block;max-width:740px;margin:0 auto}.tabletop-page{max-width:800px}.tabletop-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.compact-battle-title{font-size:11px;font-weight:800;letter-spacing:1px;color:#c9ade3}.battle-menu-toggle{display:flex;align-items:center;gap:9px;border:1px solid #9975b6;background:#2c1a40;color:#ebd8ff;border-radius:13px;padding:9px 14px;min-height:44px;cursor:pointer}.battle-menu-toggle>span{font-size:25px;line-height:1}.battle-menu-toggle>b{font-size:12px}.battle-menu-list,.coin-choice-list{display:grid;gap:10px;margin:18px 0 22px}.battle-menu-list>button,.coin-choice-list>button{display:flex;align-items:center;gap:14px;width:100%;min-height:66px;padding:14px 16px;text-align:left;color:#f0ddff;background:#302041;border:1px solid #785691;border-radius:16px;cursor:pointer}.battle-menu-list>button>svg,.coin-choice-list>button>svg{flex-shrink:0;color:#b7ffd4}.battle-menu-list>button>span,.coin-choice-list>button>span{flex:1;min-width:0}.battle-menu-list b,.coin-choice-list b{display:block;font-size:15px;line-height:1.5}.battle-menu-list small,.coin-choice-list small{display:block;margin-top:4px;color:#c4aed6;font-size:12px;line-height:1.6}.battle-menu-list strong{font-size:12px;color:#b7ffd4}.battle-menu-list .menu-concede{border-color:#a25b78;color:#ffc4d6}.coin-choice-list>button:disabled{opacity:.55;cursor:default}.coin-status{padding:12px 14px;background:#483044;border-radius:11px;border:1px solid #916179}.battle-menu-back{margin:0 0 20px;min-height:40px}.battle-sheet{max-width:500px;width:100%}.battle-sheet-overlay .dialog{max-height:88dvh;overflow-y:auto}.board-last-chance{position:absolute;z-index:8;top:58%;left:50%;transform:translateX(-50%);max-width:80%;padding:10px 15px;border-radius:12px;background:#faf0bb;color:#492343;border:1px solid #e9c85f;font-weight:700;font-size:12px;box-shadow:0 0 25px #ffe76c55}.last-chance-coin{box-shadow:0 0 0 5px #ffe87c88,0 0 30px #ffe76c99}.table-coin.your-coin:after{content:'OPTIONS';position:absolute;top:calc(100% + 7px);left:50%;transform:translateX(-50%);font-size:8px;font-weight:800;letter-spacing:.6px;color:#f6e7ba}.battle-menu-toggle:focus-visible,.coin-choice-list button:focus-visible,.battle-menu-list button:focus-visible{outline:3px solid #a7ffd1;outline-offset:3px}@media(max-width:600px){.tabletop-page{padding:8px 10px 14px}.tabletop-top>span{font-size:9px}.compact-battle-title{display:none}.tabletop-top{justify-content:space-between}.battle-menu-toggle{padding:8px 12px}.battle-sheet-overlay{align-items:flex-end;padding:0}.battle-sheet-overlay .battle-sheet{width:100%;max-width:100%;max-height:86dvh;border-radius:25px 25px 0 0;padding:25px 20px max(25px,env(safe-area-inset-bottom))}.battle-menu-list,.coin-choice-list{gap:8px}.battle-menu-list>button,.coin-choice-list>button{padding:12px;gap:11px;min-height:60px}.board-last-chance{font-size:10px;top:59%;padding:8px 12px}}
.in-match .pocket-header,.in-match .pocket-nav{display:none}
.recovery-reveal{max-width:230px;margin:24px auto;animation:recovery-pop .35s ease-out}.recovery-reveal .game-card{box-shadow:0 0 28px #a6ffd32b}@keyframes recovery-pop{from{opacity:0;transform:translateY(16px) scale(.94)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.recovery-reveal{animation:none}}
/* Deck actions follow the cards instead of floating over their artwork. */
.decks-page .deck-dock,.deck-page .deck-dock{position:static;margin-top:24px;margin-bottom:24px;bottom:auto;flex-wrap:wrap}.decks-page .deck-dock>div,.deck-page .deck-dock>div{max-width:100%;min-width:0;flex:1 1 180px}.decks-page .deck-dock b,.deck-page .deck-dock b{overflow-wrap:anywhere}.deck-page{padding-bottom:130px}@media(max-width:430px){.decks-page .deck-dock>.primary,.deck-page .deck-dock>.primary{width:100%;justify-content:center}}
.online-header{max-width:1050px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px;color:#e6c9ff}.online-header a{color:#adffd0;font-weight:900;text-decoration:none}.online-header>span{font-size:13px;color:#c9addb}.online-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:22px 0}.online-actions a,.online-welcome>a{display:inline-flex;text-decoration:none}.online-welcome{max-width:780px}.online-welcome h1{font-size:clamp(36px,7vw,72px);line-height:1.12}.online-welcome>p{line-height:1.9;margin:24px 0;color:#d0badf}.online-profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:15px;margin:24px 0}.online-profile{display:grid;gap:10px;padding:22px;text-align:left;border:1px solid #806192;border-radius:18px;background:#2e193f;color:#e9d4fc}.online-profile.selected{border-color:#a8ffd0;box-shadow:0 0 0 3px #8affbd22}.online-profile b{font-size:21px}.online-profile span{font-size:12px;color:#bba4ce}.online-room-create,.online-install{margin:30px 0;padding:26px;border:1px solid #79528e;border-radius:22px;background:#24182f}.online-room-create h2,.online-install h2{margin-bottom:15px;color:#e0c5f4}.online-room-create label,.dialog label{display:grid;gap:9px;color:#d3bde3;font-size:13px}.online-room-create select,.online-room-create input,.dialog input{background:#140c21;border:1px solid #8b6b9f;color:#f0e4ff;padding:13px 15px;min-height:46px;border-radius:12px;font:inherit}.online-room-create .room-code-input{flex:1;min-width:130px}.online-room-create input{text-transform:uppercase;letter-spacing:3px}.online-install p,.online-hub>p,.online-lobby>p{color:#c6afd7;line-height:1.8}.big-room-code{font-size:clamp(42px,10vw,90px);font-weight:900;letter-spacing:10px;color:#adffd0;background:#251331;border:2px dashed #8e63aa;padding:28px;text-align:center;border-radius:24px;margin:25px 0}.lobby-players{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:30px 0}.lobby-players article{padding:22px;background:#2b1b39;border:1px solid #8b65a2;border-radius:18px}.lobby-players span{font-size:11px;color:#a7ffd0}.lobby-players h2{font-size:23px;margin:12px 0;color:#f1ddff;overflow-wrap:anywhere}.lobby-players p{color:#bba6cc}.lobby-players b{display:block;margin-top:20px;color:#b1f3ca}.online-error{max-width:1000px;margin:10px auto;padding:15px;border:1px solid #bd697f;border-radius:12px;background:#48233b;color:#ffd3e3}.online-battle-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.online-die{touch-action:none;font-size:16px;transform:translate(var(--drag-x,0),var(--drag-y,0))}.online-monster-table .trick-speech{position:relative;max-width:230px;font-size:11px;padding:10px;margin-top:6px}.online-monster-table .trick-speech span{display:block}.online-monster-table .active-trick>img{width:100%;border-radius:6px}.online-header-link{color:#aeffd3;background:#2a1b3c;border:1px solid #846293;border-radius:14px;padding:10px 13px;font-size:11px}.online-friend-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px;border:1px solid #9d6db7;background:linear-gradient(125deg,#39234c,#184b45);border-radius:23px;margin:24px 0}.online-friend-banner b{font-size:25px;color:#dbffe7}.online-friend-banner p{font-size:13px;color:#bcb0d0;margin-top:8px}.cloud-save-status{max-width:1150px;margin:0 auto;padding:8px 25px;color:#b7c4b8;font-size:11px}.cloud-save-status button{background:none;border:0;color:#b2ffd0;text-decoration:underline}#online-notice{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:100;background:#3b2650;color:#d8ffe7;padding:12px 18px;border-radius:12px;max-width:90%;font-size:13px}#online-notice:empty{display:none}@media(max-width:600px){.online-header{padding:15px;flex-wrap:wrap}.online-header .pocket-brand{font-size:16px}.lobby-players{gap:10px}.lobby-players article{padding:15px}.lobby-players h2{font-size:18px}.online-friend-banner{align-items:flex-start;flex-direction:column}.big-room-code{letter-spacing:6px;padding:25px 10px}.online-profile-grid{grid-template-columns:1fr}.online-room-create{padding:20px}.online-header-link{font-size:10px;padding:7px}.online-battle-actions .primary{font-size:12px}}
.account-page{max-width:1050px;margin:clamp(25px,6vw,85px) auto;padding:20px;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:40px;align-items:center}.account-card{background:linear-gradient(145deg,#352144,#1c1327);border:1px solid #9669b0;border-radius:28px;padding:clamp(24px,5vw,48px);box-shadow:0 20px 70px #09041188;color:#faf4ff}.account-card h1{font-size:clamp(30px,4vw,47px);line-height:1.1;margin:16px 0 22px}.account-card p{line-height:1.7;color:#d6c5e6;overflow-wrap:anywhere}.account-card label{display:grid;gap:9px;margin:20px 0;font-weight:700}.account-card input[type=email]{width:100%;min-height:52px;padding:12px 15px;background:#170d21;border:1px solid #a082b3;border-radius:12px;color:white;font-size:17px}.account-card .account-consent{display:flex;align-items:flex-start;gap:12px;font-size:14px;font-weight:400;line-height:1.6}.account-consent input{width:20px;height:20px;flex-shrink:0;accent-color:#b9ff70}.account-card .full{display:block;width:100%;text-align:center;margin:15px 0}.account-card .text-button{display:block;text-align:center;margin:20px auto;color:#d8f8aa}.account-card .fine{font-size:12px;line-height:1.7}.account-info{border:1px solid #b5e98170;background:#6d9d2522;border-radius:12px;padding:14px;line-height:1.6}.account-alternatives{border-top:1px solid #936f9e66;margin-top:25px;padding-top:10px}.account-art{text-align:center}.account-art img{width:min(100%,260px);transform:rotate(8deg);border-radius:18px;box-shadow:0 20px 65px #a93dfa44}.account-art span{display:block;font-size:28px;font-weight:800;color:#b9ff70;margin-top:30px}.email-choice{margin-bottom:15px}.account-card button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:700px){.account-page{display:block;margin:15px auto}.account-art{display:none}.account-card{padding:25px 20px}.online-header{flex-wrap:wrap;gap:12px}}

/* Trainer friends share the game's moonlit palette. */
.social-hub{margin-top:28px;padding-top:24px;border-top:1px solid #bc9be655}.social-search{display:flex;gap:12px;align-items:end}.social-search label{flex:1;min-width:0}.social-search input{width:100%;box-sizing:border-box}.social-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.social-tabs button{flex:1;min-width:95px}.social-person{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:16px;margin:10px 0;border:1px solid #a177d955;border-radius:18px;background:linear-gradient(120deg,#40235e,#20243e);color:#fff}.social-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;color:#21112f;background:#a9f266;font-weight:900;font-size:22px}.social-person-actions{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto;align-items:center}.social-person-actions button{font-size:14px;padding:10px 14px}.social-empty{padding:18px;border-radius:16px;background:#9e70db15}.social-hub h3{margin-top:24px}.social-person-actions span{font-size:13px}@media(max-width:520px){.social-search{align-items:stretch;flex-direction:column}.social-person-actions{width:100%;margin-left:0}.social-person-actions button{flex:1}.social-tabs button{font-size:13px;padding:12px 8px}}
/* Physical dice: six pip faces, pointer-held movement, a tumble and a readable landing. */
.physical-die{--die-size:72px;position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;width:175px;min-height:154px;padding:18px 8px 10px!important;border:0!important;border-radius:20px;background:radial-gradient(ellipse,#a7ffcf27,transparent 68%)!important;color:#d8ffe7;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab;perspective:650px;overflow:visible;transform:translate(var(--drag-x,0px),var(--drag-y,0px));z-index:20}.physical-die:focus-visible{outline:3px solid #b7ffbd;outline-offset:5px}.die-grip{font-size:9px;font-weight:800;letter-spacing:1.3px;white-space:nowrap}.die-cube{--face-x:0deg;--face-y:0deg;--die-size:72px;position:relative;display:block;width:var(--die-size);height:var(--die-size);transform-style:preserve-3d;transform:rotateX(-16deg) rotateY(22deg) rotateX(var(--face-x)) rotateY(var(--face-y));flex-shrink:0}.die-face{position:absolute;inset:0;display:grid;grid-template:repeat(3,1fr)/repeat(3,1fr);gap:5px;padding:12px;border:2px solid #c9d2cd;border-radius:12px;background:linear-gradient(135deg,#fffef3,#dcebe2);box-shadow:inset 0 0 8px #50666626;backface-visibility:hidden}.die-face i{border-radius:50%;background:radial-gradient(circle at 35% 30%,#41505b,#10162e);box-shadow:inset 0 2px 2px #0008}.die-face-1{transform:translateZ(calc(var(--die-size)/2))}.die-face-2{transform:rotateY(90deg) translateZ(calc(var(--die-size)/2));background:#e0e9df}.die-face-3{transform:rotateX(90deg) translateZ(calc(var(--die-size)/2));background:#fffff5}.die-face-4{transform:rotateX(-90deg) translateZ(calc(var(--die-size)/2));background:#d3e1d6}.die-face-5{transform:rotateY(-90deg) translateZ(calc(var(--die-size)/2));background:#e7f0e6}.die-face-6{transform:rotateY(180deg) translateZ(calc(var(--die-size)/2))}.die-cube[data-value="2"]{--face-y:-90deg}.die-cube[data-value="3"]{--face-x:-90deg}.die-cube[data-value="4"]{--face-x:90deg}.die-cube[data-value="5"]{--face-y:90deg}.die-cube[data-value="6"]{--face-y:180deg}.physical-die.die-held{cursor:grabbing;filter:drop-shadow(0 12px 15px #80ffc45e)}.die-held .die-cube{animation:die-hand-shake .16s ease-in-out infinite alternate}.online-dice-tray{display:flex;align-items:center;flex-direction:column;max-width:240px}.online-dice-tray small{color:#cfeddc;font-size:11px}.online-battle-actions:has(.physical-die){margin-top:12px;margin-bottom:12px}.online-monster-table:has(.physical-die){--die-space:190px;height:1300px}.online-monster-table:has(.physical-die) .your-active{margin-top:190px}.online-monster-table:has(.physical-die) .your-reserve{margin-top:190px}.online-monster-table:has(.physical-die) .your-trick-fan{margin-top:190px}.dice-tray .physical-die{margin:12px auto}.dice-tray{min-height:240px}.last-die .landed-die{display:grid;place-items:center;min-width:94px;min-height:100px;font-size:14px}.last-die .die-cube{--die-size:58px}.last-die .die-face{padding:9px;gap:4px;border-radius:9px}.die-roll-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:radial-gradient(ellipse at center,#141f3155,#110c2980);touch-action:none;cursor:wait}.die-roll-stage{display:flex;align-items:center;flex-direction:column;justify-content:center;width:min(90vw,430px);min-height:350px;perspective:850px;pointer-events:none}.die-flight{position:relative;margin:48px 0 45px}.die-flight:after{content:'';position:absolute;width:95px;height:24px;border-radius:50%;background:#06081766;filter:blur(7px);top:95px;left:-12px;z-index:-1}.die-roll-stage .die-cube{--die-size:88px}.die-roll-stage .die-face{padding:15px;gap:7px}.die-roll-stage b{color:#d4ffb0;font-size:30px;text-shadow:0 2px 10px #081129}.die-roll-stage p{font-size:13px;color:#ecf6ff;text-shadow:0 1px 5px #000;margin-top:10px}.die-roll-stage.rolling .die-flight{animation:die-board-bounce .9s ease-in-out infinite}.die-roll-stage.rolling .die-cube{animation:die-tumble .6s linear infinite}.die-roll-stage.landed .die-flight{animation:die-settle .35s ease-out both}.die-roll-stage.landed b{animation:die-number-pop .25s ease-out}.die-roll-stage.landed .die-cube{filter:drop-shadow(0 0 16px #aaffaf55)}
@keyframes die-hand-shake{from{transform:translate(-4px,-4px) rotateX(-29deg) rotateY(10deg) rotateZ(-8deg)}to{transform:translate(4px,2px) rotateX(7deg) rotateY(42deg) rotateZ(9deg)}}
@keyframes die-tumble{from{transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg)}to{transform:rotateX(720deg) rotateY(360deg) rotateZ(180deg)}}
@keyframes die-board-bounce{0%{transform:translate(-65px,-75px) scale(.85)}40%{transform:translate(42px,8px) scale(1.05)}66%{transform:translate(12px,-35px)}100%{transform:translate(-65px,-75px) scale(.85)}}
@keyframes die-settle{0%{transform:translate(26px,-45px) rotate(-13deg)}65%{transform:translate(-5px,5px) rotate(5deg)}100%{transform:translate(0,0) rotate(0)}}
@keyframes die-number-pop{from{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}
@media(prefers-reduced-motion:reduce){.die-held .die-cube,.die-roll-stage .die-flight,.die-roll-stage .die-cube,.die-roll-stage b{animation:none!important}}
.monster-table:not(.has-trick-feedback):has(.dice-tray){height:1300px}.monster-table:not(.has-trick-feedback):has(.dice-tray) .your-active,.monster-table:not(.has-trick-feedback):has(.dice-tray) .your-reserve{margin-top:190px}.monster-table.has-trick-feedback:has(.dice-tray){--effect-extra:280px}.online-room-create #friend-search{text-transform:none;letter-spacing:normal}
/* Viewport battle arenas replace the long portrait table in every battle state. */
body.in-match{height:100dvh;min-height:0;overflow:hidden;padding:0}.in-match .online-header,.in-match .cloud-save-status{display:none}.in-match #app,.in-match #online-app{height:100%;min-height:0}.in-match .tabletop-page{width:100%;max-width:1440px;height:100dvh;margin:0 auto;padding:8px max(8px,env(safe-area-inset-left)) max(8px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:6px;min-height:0}.in-match .tabletop-top{height:34px;min-height:34px;margin:0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 6px}.in-match .tabletop-top>span{font-size:10px;line-height:1.3}.in-match .compact-battle-title{display:none}.in-match .battle-menu-toggle{font-size:12px;padding:6px 12px;min-height:32px;flex-shrink:0}.in-match .tabletop-layout{flex:1;display:block;min-height:0;height:auto;margin:0;padding:0}.in-match .monster-table.arena-board{container-type:size;position:relative;width:100%;max-width:none;height:100%!important;min-height:0!important;margin:0!important;border-radius:22px;border:1px solid var(--arena-accent);background:linear-gradient(#0b102548,#0b14274a),var(--arena-image) center/cover no-repeat,#162333;box-shadow:inset 0 0 60px #06091b55;overflow:hidden;isolation:isolate}.arena-board:before{content:''!important;position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#080d2144,transparent 27%,transparent 73%,#080d2144);border-radius:inherit;z-index:0}.arena-board:after{display:none!important}.arena-board .table-orbit,.arena-board .table-half,.arena-board .table-center-line,.arena-board .enemy-reserve,.arena-board .opponent-fan,.arena-board .opponent-deck,.arena-board .battle-motes{display:none!important}.in-match .arena-board .table-player{left:12px;right:12px;top:6px;bottom:auto;padding:5px 10px;min-height:28px;height:28px;background:#10182bd9;border:1px solid #c2dfec40;backdrop-filter:blur(8px)}.in-match .arena-board .table-player b{font-size:12px}.in-match .arena-board .table-player>span:not(.score-gems){display:inline;font-size:9px}.in-match .arena-board .your-player{top:auto;bottom:6px;left:12px;right:auto;max-width:29%;height:25px;min-height:25px;padding:3px 7px}.arena-board .your-player>span,.arena-board .your-player>.remaining-monsters,.arena-board .your-player>strong{display:none!important}.in-match .arena-board .table-active{width:clamp(58px,15cqh,155px);height:21cqh;left:50%;transform:translateX(-50%);margin:0!important;z-index:3}.in-match .arena-board .enemy-active{top:8%!important;bottom:auto!important}.in-match .arena-board .your-active{top:51%!important;bottom:auto!important}.arena-board .active-art,.arena-board .active-outline{width:100%!important;height:100%!important;min-height:0;aspect-ratio:5/7;margin:0}.arena-board .active-art img,.arena-board .active-outline>img{width:100%;height:100%;aspect-ratio:5/7;object-fit:contain}.arena-board .active-outline{border-color:#b9f0e599;background:#09162c88}.arena-board .active-outline>span{left:-8px;right:-8px;bottom:8px;font-size:7px;color:#efffff;background:#152a39eb;letter-spacing:.4px;padding:4px 2px}.arena-board .active-label{font-size:9px;margin-top:3px;text-shadow:0 1px 4px #000;color:#fff}.arena-board .table-power{font-size:clamp(16px,3cqh,27px);top:-8px;right:-16px;min-width:40px;padding:4px 6px;background:#112d40f0;border-color:var(--arena-accent)}.arena-board .table-power small{font-size:5px}.in-match .arena-board .table-callout{top:33%!important;left:18%;right:18%;height:16%;min-height:0;padding:3px 4px;gap:5px;z-index:8;justify-content:center;overflow:visible;visibility:visible}.arena-board .table-callout h2{font-size:clamp(10px,1.9cqh,15px);padding:5px 12px;line-height:1.3;background:#101b30e6;border-color:var(--arena-accent);color:#f3ffff}.arena-board .table-main-action,.arena-board .online-battle-actions>.primary,.arena-board .online-battle-actions>.secondary{min-height:34px;padding:7px 14px;font-size:12px}.arena-board .table-action-note,.arena-board .table-match-loot{font-size:10px;line-height:1.3;color:#e9f5fd;background:#101b30c9;padding:3px 6px;border-radius:6px}.arena-board .active-trick{top:0;right:auto;left:calc(100% + 23px);width:clamp(44px,9cqh,78px);max-height:24cqh;padding:4px;background:#201b39ed;gap:3px}.arena-board .active-trick img,.online-monster-table.arena-board .active-trick>img{width:100%;max-height:17cqh;object-fit:contain;aspect-ratio:5/7}.arena-board .active-trick .trick-state{font-size:6px}.arena-board .active-trick button>span{display:none}.arena-board .active-trick .unpair-trick{font-size:9px;min-height:22px}.arena-board .trick-speech-stack{position:absolute;top:0;left:auto;right:calc(100% + 22px);width:clamp(95px,23vw,210px);max-height:22cqh;overflow:auto;transform:none;margin:0;pointer-events:auto}.arena-board .trick-speech{font-size:10px;line-height:1.3;padding:7px;max-width:100%;animation:none}.arena-board .trick-speech>b{font-size:10px}.arena-board .trick-speech span{font-size:10px;line-height:1.3}.arena-board .monster-effect-badges{display:none}.online-monster-table.arena-board .trick-speech{position:absolute;right:calc(100% + 18px);top:0;width:clamp(95px,23vw,210px);max-height:21cqh;overflow:auto;margin:0}.in-match .arena-board .your-reserve{top:76%!important;left:10%;right:10%;height:11%;margin:0!important;z-index:5}.arena-board .reserve-caption{font-size:8px;line-height:1;margin:0 0 2px;color:#f2ffff;text-shadow:0 1px 4px #000}.arena-board .reserve-scroll{height:calc(100% - 12px);padding:5px 3px 2px;gap:7px;align-items:center;justify-content:center;scroll-snap-type:x proximity;overflow-x:auto;overflow-y:hidden}.arena-board .your-reserve .reserve-card{width:auto;min-width:31px;min-height:0;height:100%;aspect-ratio:5/7;flex:0 0 auto}.arena-board .reserve-card img{height:100%;width:auto;aspect-ratio:5/7;object-fit:contain}.arena-board .reserve-card span{font-size:9px;top:-2px;right:-3px}.arena-board .reserve-card.selected{transform:translateY(-2px)}.arena-board .cooldown-tag{font-size:6px;letter-spacing:0;padding:2px;line-height:1.2}.in-match .arena-board .your-trick-fan{top:88%!important;bottom:auto!important;height:11%;left:30%;right:30%;margin:0!important;z-index:6}.arena-board .trick-fan-caption{font-size:7px;line-height:1;margin:0;white-space:nowrap;color:#f2dfff;text-shadow:0 1px 4px #000}.arena-board .your-trick-fan>div{height:calc(100% - 13px);padding:2px 0 0;gap:9px;align-items:center}.arena-board .fan-trick{width:auto;height:100%;min-height:0;aspect-ratio:5/7;flex:0 0 auto;margin:0;transform:none}.arena-board .fan-trick img{width:auto;height:100%;object-fit:contain}.arena-board .fan-trick span{display:none}.arena-board .fan-trick.selected,.arena-board .fan-trick:hover{transform:translateY(-3px)}.arena-board .fan-trick.selected:after{font-size:6px;top:4px;padding:2px}.arena-board .no-tricks{font-size:9px}.in-match .arena-board .table-deck{width:clamp(32px,6cqh,55px);top:auto!important;bottom:18%!important;margin:0;left:auto;right:14px}.arena-board .table-deck>img{width:100%;max-height:9cqh;object-fit:contain;box-shadow:2px 2px #aabbc6,4px 4px #34445e}.arena-board .table-deck>span{font-size:8px;padding:3px;margin-top:6px;white-space:nowrap;background:#10182bec;color:#e0f6ff}.in-match .arena-board .trick-pile-deck{left:14px;right:auto}.in-match .arena-board .table-coin.your-coin{top:auto;bottom:5%;right:18px;left:auto;width:39px;height:39px;font-size:12px;z-index:8}.arena-board .your-coin:after{font-size:7px;top:calc(100% + 4px)}.arena-board .enemy-coin{display:none}.arena-board .board-last-chance{position:absolute;top:72%;left:15%;right:15%;font-size:10px;padding:6px;z-index:10}.in-match .arena-board .dice-tray{top:31%!important;left:50%;width:min(290px,90%);height:19%;min-height:0!important;padding:5px 8px;gap:2px;background:#10182bdf;border:1px solid var(--arena-accent);border-radius:14px}.arena-board .dice-tray>b{font-size:10px;line-height:1.1}.arena-board .physical-die{width:130px;min-height:0;height:11cqh;padding:4px!important;margin:0;gap:8px;flex-shrink:0}.arena-board .physical-die .die-cube{--die-size:clamp(29px,6cqh,60px)}.arena-board .physical-die .die-face{padding:18%;gap:9%;border-radius:7px}.arena-board .die-grip{font-size:7px;letter-spacing:.6px}.arena-board #die-instructions{font-size:8px;line-height:1.1}.arena-board #die-instructions br{display:none}.arena-board .dice-skip{font-size:10px;padding:3px;min-height:22px}.arena-board .online-dice-tray{max-height:100%;gap:1px}.arena-board .online-dice-tray small{font-size:9px;line-height:1.1}.arena-board .online-battle-actions{gap:4px;max-height:100%;align-items:center}.arena-board .online-battle-actions:has(.physical-die){margin:0}.in-match .arena-board .last-die{top:34%!important;left:3%;transform:none;width:24%;max-height:14%;min-height:0;padding:6px;gap:3px;z-index:9;background:#101b30ed;border-radius:12px}.arena-board .last-die .landed-die{min-width:0;min-height:0;display:none}.arena-board .last-die b{font-size:10px}.arena-board .last-die small{font-size:9px}.in-match #online-notice{bottom:8px;font-size:11px;pointer-events:none;padding:7px 10px}.in-match .online-error{position:fixed;top:40px;left:10px;right:10px;z-index:100;margin:0;font-size:12px}.in-match .storage-error{position:fixed;top:40px;left:10px;right:10px;z-index:100}.arena-board .effect-badge{font-size:9px}
@media(max-height:560px) and (min-width:650px){.in-match .arena-board .enemy-active{top:14%!important;left:29%;height:38cqh;width:27cqh}.in-match .arena-board .your-active{top:14%!important;left:71%;height:38cqh;width:27cqh}.in-match .arena-board .table-callout{top:16%!important;left:40%;right:40%;height:35%}.in-match .arena-board .your-reserve{top:60%!important;height:17%;left:19%;right:19%}.in-match .arena-board .your-trick-fan{top:80%!important;height:18%}.in-match .arena-board .dice-tray{top:16%!important;height:36%;width:140px}.arena-board .physical-die{height:19cqh}.arena-board .physical-die .die-cube{--die-size:clamp(26px,10cqh,50px)}.arena-board #die-instructions{font-size:7px}.arena-board .active-trick{left:calc(100% + 18px);width:12cqh}.arena-board .active-trick img{max-height:25cqh}.arena-board .trick-speech-stack,.online-monster-table.arena-board .trick-speech{display:none}.in-match .arena-board .last-die{top:42%!important;width:17%;left:41%;max-height:16%}}
@media(max-width:420px){.in-match .tabletop-top>span{font-size:8px}.arena-board .table-callout h2{font-size:10px}.in-match .arena-board .table-callout{left:8%;right:8%}.arena-board .active-trick{left:calc(100% + 18px);width:50px}.arena-board .trick-speech-stack,.online-monster-table.arena-board .trick-speech{right:calc(100% + 15px);width:92px}.arena-board .trick-speech,.arena-board .trick-speech>b,.arena-board .trick-speech span{font-size:8px}.arena-board .table-action-note{font-size:9px}.arena-board .table-player>span:not(.score-gems){font-size:8px}.in-match .arena-board .your-reserve{left:6%;right:6%}.arena-board .reserve-scroll{gap:4px}.arena-board .your-reserve .reserve-card{min-width:25px}.arena-board .reserve-card span{font-size:8px}}
/* Center short hands, but keep the first card reachable when Capture grows a hand. */
.in-match .arena-board .reserve-scroll{justify-content:flex-start!important;justify-content:safe center!important}.arena-board .your-trick-fan>div{justify-content:center}.arena-board .table-swap{max-height:14cqh;overflow-y:auto;display:flex;flex-wrap:wrap;justify-content:center;gap:4px}.arena-board .table-swap button{font-size:10px;padding:5px 8px;min-height:30px}
/* One-tap dice use a single visible pip face so the landing number is unambiguous. */
.physical-die{cursor:pointer;touch-action:manipulation;transform:none}.physical-die .die-cube,.die-roll-stage .die-cube,.last-die .die-cube{transform:none;transform-style:flat}.die-cube .die-face{display:none;transform:none!important;backface-visibility:visible;border-radius:13px;box-shadow:inset 0 2px 4px #fff9,0 7px 0 #87a397,0 11px 19px #0005;background:linear-gradient(145deg,#fffff3,#d9eadf)}.die-cube[data-value="1"]>.die-face-1,.die-cube[data-value="2"]>.die-face-2,.die-cube[data-value="3"]>.die-face-3,.die-cube[data-value="4"]>.die-face-4,.die-cube[data-value="5"]>.die-face-5,.die-cube[data-value="6"]>.die-face-6{display:grid}.die-roll-stage.rolling .die-flight{animation:none}.die-roll-stage.rolling .die-cube{animation:one-tap-die-spin 1s cubic-bezier(.2,.4,.4,1) infinite}.die-roll-stage.landed .die-flight{animation:die-number-pop .2s ease-out}.die-roll-stage.landed .die-cube{transform:none}.die-roll-stage .die-grip{display:none}@keyframes one-tap-die-spin{0%{transform:rotate(0) scale(.85)}50%{transform:rotate(420deg) scale(1.1)}100%{transform:rotate(1080deg) scale(1)}}
.capture-overlay{position:fixed;inset:0;pointer-events:none;z-index:950;overflow:hidden}.capture-rope{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.capture-rope path{fill:none;stroke-linecap:round;stroke-linejoin:round}.rope-shadow{stroke:#41220b;stroke-width:8;filter:drop-shadow(0 2px 5px #0008)}.rope-thread{stroke:#ffcf68;stroke-width:4;stroke-dasharray:7 3}.lasso-monster{position:absolute;left:0;top:0;transform-origin:center;will-change:transform,opacity;filter:drop-shadow(0 0 15px #ffd76d88)}.lasso-monster>img{width:100%;height:100%;object-fit:contain;border-radius:8px}.lasso-monster>svg{position:absolute;inset:-8%;width:116%;height:116%;overflow:visible}.lasso-monster ellipse{fill:none;stroke:#ffe19a;stroke-width:4;stroke-dasharray:6 2;filter:drop-shadow(0 0 3px #b75e0c)}.capture-caption{position:absolute;left:50%;top:8%;transform:translateX(-50%);max-width:88%;padding:10px 18px;border:1px solid #ffd47a;border-radius:14px;background:#32200ce8;color:#ffe7ac;font-size:16px;font-weight:800;text-align:center;box-shadow:0 4px 20px #0005}.capture-source{opacity:.18}.capture-arrival{animation:capture-arrival-glow .65s ease-out}@keyframes capture-arrival-glow{0%,45%{filter:drop-shadow(0 0 15px #ffd56c);outline:3px solid #ffe6a2}100%{filter:none;outline:3px solid transparent}}@media(prefers-reduced-motion:reduce){.die-roll-stage.rolling .die-cube,.capture-arrival{animation:none}}
/* One SVG face per die: the ready state cannot be mistaken for a rolled one. */
.die-pip-face{display:block;width:100%;height:100%;overflow:visible;border-radius:13px;box-shadow:0 6px 0 #839d90,0 10px 18px #0005}.die-roll-stage.landed .die-cube{--die-size:104px}.previous-die-result{font-size:11px;color:#dfffba;font-weight:800}.arena-board .previous-die-result{font-size:9px;line-height:1}.online-last-roll{position:absolute;top:35%;left:3%;max-width:25%;padding:7px 10px;border:1px solid var(--arena-accent);border-radius:10px;background:#101c30ef;color:#e8f8e6;font-size:11px;z-index:9}.online-last-roll b{font-size:19px;color:#d5ffa5;margin-left:4px}.arena-board .dice-tray:has(.previous-die-result){height:21%}
/* Portal journey: dimension overview → illustrated route → saved deck → battle. */
.dimension-page{max-width:1320px;padding-bottom:115px}.dimension-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}.dimension-tabs>button{position:relative;text-align:left;padding:18px;border:1px solid #805a9b;border-radius:18px;background:linear-gradient(140deg,#39264c,#18162d);color:#e4d0f5;display:grid;gap:7px}.dimension-tabs>button.selected{border-color:#baff9c;box-shadow:0 0 0 2px #aaff9b22}.dimension-tabs b{font-size:17px}.dimension-tabs small{font-size:11px;color:#b4a2c8}.dimension-tabs>button>span{font-size:20px;color:#baffb4}.dimension-intro{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:26px;border:1px solid #8a65ac;border-radius:22px;background:linear-gradient(110deg,#2f2145,#173939);margin:25px 0}.dimension-intro p{max-width:750px;color:#c8b9dc;margin-top:10px}.dimension-intro>span{flex-shrink:0;text-align:center;line-height:1.8;font-size:12px;font-weight:800;color:#d4efb2}.realm-set-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.realm-set-card{position:relative;min-height:360px;border:1px solid var(--set-color);border-radius:24px;overflow:hidden;text-align:left;padding:0;background:#142332;box-shadow:0 14px 32px #05020d66;transition:transform .2s}.realm-set-card:hover{transform:translateY(-5px)}.set-card-art{position:absolute;inset:0;background:linear-gradient(0deg,#13182ff5 1%,#13182f33 60%,transparent),var(--set-art) center 35%/cover}.realm-set-card.locked .set-card-art{filter:saturate(.65) brightness(.7)}.set-card-copy{position:absolute;bottom:0;left:0;right:0;padding:21px 17px}.set-card-copy small{font-size:8px;font-weight:900;letter-spacing:1.3px;color:var(--set-color)}.set-card-copy h2{font-size:25px;color:#f7ecff;margin:11px 0}.set-card-copy p{font-size:11px;color:#d7c6e6}.journey-help{margin:26px 0;font-size:12px;color:#b7a6c9;text-align:center}.portal-lock-note{padding:14px 16px;border:1px solid #b08a4c;border-radius:13px;background:#624a242f;color:#f3d89f;font-size:13px;line-height:1.7;margin-bottom:20px}.route-breadcrumb{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:20px 0;color:#d4bce6;font-size:13px}.route-breadcrumb b{border:1px solid #8bc6a0;border-radius:20px;padding:7px 14px;font-size:12px;color:#bafcc6}.route-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.75fr);gap:28px;align-items:start;max-width:1080px;margin:0 auto}.illustrated-route{position:relative;isolation:isolate;aspect-ratio:2/3;min-width:0;border-radius:28px;border:2px solid var(--set-color);background:var(--route-map) center/cover,#223c38;box-shadow:0 14px 45px #05020d77;overflow:hidden}.illustrated-route:before{content:'';position:absolute;inset:0;background:linear-gradient(#0a122233,transparent 30%,transparent 85%,#0d172ccc);pointer-events:none}.rift-map:before{background:linear-gradient(#2d10554d,transparent 70%,#0c2b2a66)}.midnight-map:before{background:linear-gradient(#08092377,#1a104133,#08092377)}.journey-track{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.journey-track path{fill:none;stroke-linecap:round;stroke-linejoin:round}.route-shadow{stroke:#14251599;stroke-width:24}.route-connection{stroke:#ffe5a4;stroke-width:9;stroke-dasharray:3 23;filter:drop-shadow(0 0 4px #271b0e)}.route-connection.cleared{stroke:#adffa7;stroke-width:11;stroke-dasharray:3 17}.route-stop{position:absolute;transform:translate(-50%,-50%);z-index:3;width:68px;height:68px;padding:0;background:none;isolation:isolate;border:0}.stop-medallion{display:block;position:relative;width:100%;height:100%;border:4px solid #ffdc86;border-radius:50%;background:#253c38;box-shadow:0 5px 0 #725324,0 8px 18px #09120e99;overflow:visible}.stop-medallion>img{width:100%;height:100%;object-fit:cover;object-position:center 25%;border-radius:50%;filter:brightness(.9)}.stop-medallion>b{position:absolute;right:-7px;bottom:-7px;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;font-size:13px;color:#312a13;border:2px solid #ffefbd;background:#ffdc86}.route-stop.boss-stop{width:82px;height:82px}.boss-stop .stop-medallion{border-color:#ffc2eb;box-shadow:0 5px 0 #7a3068,0 0 22px #f788df88}.boss-stop .stop-medallion>b{background:#ffc2eb;border-color:#ffe2f8;font-size:17px}.route-stop.locked .stop-medallion{border-color:#80918f;box-shadow:0 4px 0 #3b4c4a,0 6px 12px #09120e77}.route-stop.locked img{filter:grayscale(.7) brightness(.65)}.route-stop.cleared .stop-medallion{border-color:#b8ffae;box-shadow:0 5px 0 #356145,0 0 17px #aaff9844}.route-stop.cleared .stop-medallion>b{background:#b8ffae;color:#1a442c;border-color:#e0ffdc}.route-stop.selected .stop-medallion{outline:3px solid #fff;outline-offset:5px}.route-stop.next-stop .stop-medallion{animation:map-stop-glow 2s ease-in-out infinite}.stop-caption{position:absolute;top:50%;transform:translateY(-50%);left:calc(100% + 13px);width:145px;padding:10px 12px;background:#14242be8;border:1px solid #e8d5a5;border-radius:13px;box-shadow:0 5px 15px #0004;text-align:left;backdrop-filter:blur(5px)}.label-left .stop-caption{left:auto;right:calc(100% + 13px);text-align:right}.stop-caption small{font-size:8px;letter-spacing:1px;font-weight:900;color:#f6dc9f;display:block}.stop-caption strong{font-size:12px;line-height:1.3;color:#fff;display:block;margin:5px 0}.stop-caption em{font-size:9px;font-style:normal;color:#c0e7cf;line-height:1.3;display:block}.route-stop:focus-visible{outline:3px solid #fff;outline-offset:8px;border-radius:50%}.route-theme-label{position:absolute;bottom:15px;left:0;right:0;text-align:center;color:#f6e8bf;font-size:16px;font-weight:900;text-shadow:0 2px 6px #000}.route-theme-label small{display:block;font-size:9px;color:#c2e8da;letter-spacing:1px;margin-top:5px}.route-challenge{position:sticky;top:20px;border:1px solid #9b79af;border-radius:24px;background:linear-gradient(145deg,#382547,#182d35);padding:25px;color:#f6eaff;box-shadow:0 13px 35px #06020e55}.route-challenger-art{width:140px;margin:18px auto 22px;border-radius:12px;overflow:hidden;transform:rotate(-3deg);box-shadow:0 10px 20px #05010d80}.route-challenger-art img{width:100%}.route-challenge h2{font-size:28px;color:#f1dfff}.route-challenge>p{color:#cab5d9;font-size:12px;margin:14px 0;line-height:1.8}.route-prizes{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0}.route-prizes>span{padding:7px 10px;border-radius:12px;background:#c0d78215;color:#d7efa9;font-size:11px;border:1px solid #9ead5955}.route-challenge .full{width:100%;text-align:center;display:block;margin:16px 0;font-size:12px;padding:14px}.route-deck-preview{display:flex;gap:5px;flex-wrap:wrap;justify-content:center;margin:22px 0}.route-deck-preview button{width:35px;aspect-ratio:5/7;padding:0}.route-deck-preview img{width:100%;border-radius:4px}.route-challenge>.text-button{font-size:12px;display:block;text-align:center;width:100%}@keyframes map-stop-glow{50%{box-shadow:0 5px 0 #725324,0 0 28px #ffffaeaa}}@media(max-width:1000px){.realm-set-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.realm-set-card{min-height:330px}.route-layout{grid-template-columns:minmax(0,1fr) 290px;gap:18px}.stop-caption{width:120px;padding:8px}.stop-caption strong{font-size:11px}.route-stop{width:58px;height:58px}.route-stop.boss-stop{width:70px;height:70px}.route-challenge{padding:20px}}@media(max-width:760px){.route-layout{grid-template-columns:1fr;max-width:520px}.illustrated-route{width:100%}.route-challenge{position:static}.dimension-tabs{gap:7px}.dimension-tabs>button{padding:12px 9px}.dimension-tabs b{font-size:12px}.dimension-tabs small{font-size:9px}.dimension-intro{align-items:flex-start;flex-direction:column;gap:12px;padding:20px}.dimension-intro>span{text-align:left;font-size:10px;line-height:1.5}.dimension-intro h2{font-size:27px}.dimension-intro p{font-size:12px}.route-challenger-art{width:100px;float:right;margin:0 0 18px 15px}.route-challenge .route-prizes{clear:both}.route-challenge>p{font-size:13px}.route-breadcrumb{font-size:11px}.realm-set-card{min-height:290px}.set-card-copy{padding:15px}.set-card-copy h2{font-size:23px}}@media(max-width:420px){.route-stop{width:52px;height:52px}.route-stop.boss-stop{width:62px;height:62px}.stop-caption{width:105px;padding:7px}.stop-caption small{font-size:7px}.stop-caption strong{font-size:10px}.stop-caption em{font-size:8px}.set-card-copy h2{font-size:19px}.realm-set-grid{gap:11px}.realm-set-card{min-height:260px}.set-card-copy small{font-size:7px}.dimension-tabs b{font-size:11px}.dimension-tabs>button>span{font-size:15px}}@media(prefers-reduced-motion:reduce){.route-stop.next-stop .stop-medallion{animation:none}.realm-set-card{transition:none}}