@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#0c141f;--panel:#142130;--line:#2c3947;--gold:#d6b378;--text:#edf0ee;--muted:#99a8b5;--blue:#73bce7}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px 'Manrope',sans-serif}button,input,select{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button{border:1px solid var(--line);background:transparent;padding:10px 16px}header{height:94px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;gap:24px;background:#0f1925}header button{border:0}.brand{display:flex;align-items:center;text-align:left;gap:12px;letter-spacing:3px;font-family:'Cormorant Garamond',serif;font-size:24px;white-space:nowrap;padding:0}.brandmark{font-size:48px;color:var(--gold)}.brand small{display:block;font:10px 'Manrope',sans-serif;letter-spacing:2.3px;color:var(--muted);margin-top:5px}nav{display:flex;height:100%;gap:24px}nav button{position:relative;padding:0 6px;font-size:14px;color:var(--muted)}nav button.active{color:var(--gold)}nav button.active:after{content:'';height:2px;background:var(--gold);position:absolute;bottom:0;left:0;right:0}nav span{margin-left:6px;font-size:12px}.help{font-size:20px;color:var(--gold)}.help span{font-size:13px;color:var(--muted);margin-left:6px}.shell{display:grid;grid-template-columns:239px minmax(0,1fr);max-width:1800px;margin:auto}aside{border-right:1px solid var(--line);padding:27px 19px;display:flex;flex-direction:column;min-height:calc(100vh - 94px)}.aside-label{font-size:10px;letter-spacing:1.8px;color:var(--muted);display:flex;justify-content:space-between;margin:0 6px 19px}.worlds{display:flex;flex-direction:column;gap:4px}.world{display:flex;gap:14px;text-align:left;align-items:center;border:1px solid transparent;border-radius:3px;padding:11px 12px;position:relative}.world>span:nth-child(2){font-size:10px;font-weight:700;letter-spacing:.7px}.world small{display:block;color:var(--muted);font-size:10px;font-weight:400;margin-top:5px;letter-spacing:0}.roman{font:23px 'Cormorant Garamond',serif;width:33px;color:#8397aa;text-align:center}.world.chosen{background:linear-gradient(90deg,#51412c44,#1f2c3844);border-color:#79624066}.world.chosen .roman{color:var(--gold)}.world.chosen:before{content:'';position:absolute;left:-20px;height:32px;width:3px;background:var(--gold)}.world i{position:absolute;bottom:1px;left:57px;width:calc((100% - 70px)*var(--p)/100%);height:1px;background:var(--gold)}.save-note{margin-top:32px;font-size:10px;line-height:2;color:var(--muted)}.save-note button{padding:0;border:0;font-size:10px;color:var(--gold)}main{padding:30px 38px 50px;min-width:0}.world-banner{position:relative;overflow:hidden;border:1px solid #53626a80;min-height:330px;background:radial-gradient(ellipse at 80% 40%,#59778555,transparent 65%),linear-gradient(115deg,#1b2d3d,#18232c);padding:35px 36px}.banner-text{position:relative;z-index:2;width:65%}.eyebrow{font-size:10px;letter-spacing:2.8px;color:var(--gold);font-weight:700}.eyebrow span{color:var(--muted)}h1,h2,h3,p{margin-top:0}.world-banner h1{font-family:'Cormorant Garamond',serif;font-size:clamp(28px,3.5vw,58px);font-weight:500;letter-spacing:1px;margin:17px 0 0;line-height:1.1;white-space:nowrap}.world-banner h1 em{font-style:normal;color:var(--gold)}.world-banner h2{font:italic 24px 'Cormorant Garamond',serif;color:#c4cccf;margin:9px 0 14px}.world-banner p{font-size:13px;line-height:1.9;color:#adbbc6;max-width:420px}.banner-bottom{display:flex;align-items:center;gap:22px;margin-top:24px}.banner-bottom>span{font-size:10px;color:var(--muted)}.gold-button{background:var(--gold);border-color:var(--gold);color:#19212b;font-weight:800;padding:13px 21px}.gold-button span{margin-left:28px}.banner-art{position:absolute;width:40%;height:110%;right:0;top:0;overflow:hidden;mask-image:linear-gradient(to right,transparent,black 25%)}.banner-art img{width:110%;height:180%;object-fit:cover;object-position:center top;position:absolute;top:-12%;filter:saturate(.65)}.banner-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#17232eee,transparent 70%)}.banner-number{position:absolute;right:28px;bottom:-20px;font:150px 'Cormorant Garamond',serif;opacity:.08;z-index:1}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:33px 0 20px}.section-heading h2,.trials h2{font:28px 'Cormorant Garamond',serif;margin:8px 0 0}.subtle{color:var(--muted);font-size:11px}.chapters{display:grid;grid-template-columns:repeat(6,1fr);border-bottom:1px solid var(--line);gap:8px}.chapters button{border:0;border-bottom:2px solid transparent;text-align:left;padding:12px 5px;font-size:11px;color:var(--muted);line-height:1.6}.chapters button span{display:block;font:23px 'Cormorant Garamond',serif;color:#657785;margin-bottom:5px}.chapters button.current{border-color:var(--gold);color:var(--gold)}.chapters button.current span{color:var(--gold)}.chapter-title{display:flex;align-items:center;justify-content:space-between;margin:24px 0 15px}.chapter-title h3{font-size:14px;margin:0}.chapter-title>span{font-size:10px;color:var(--muted)}.encounters{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:17px}.encounter{border:1px solid var(--line);background:linear-gradient(155deg,#1b2b3b,#131e2b);padding:14px;text-align:center;max-width:290px}.encounter-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:var(--gold);margin-bottom:15px}.encounter.locked{opacity:.55}.encounter.locked .card{filter:saturate(.15)}.encounter .card{width:120px;height:164px;margin:0 auto 14px}.encounter h3{font:21px 'Cormorant Garamond',serif;margin-bottom:4px}.encounter p{font-size:10px;color:var(--muted);margin-bottom:15px}.encounter>button{width:100%;font-size:11px;color:var(--gold);border-color:#5f5140;background:#d6b37808}.card{position:relative;width:140px;height:190px;overflow:hidden;border:2px solid #987b50;border-radius:7px;background:linear-gradient(145deg,#304863,#0e1b30);box-shadow:0 6px 20px #0006;padding:0;text-align:center;color:white;isolation:isolate}.card .art{position:absolute;inset:3px;overflow:hidden;border-radius:3px;background:radial-gradient(ellipse at 50% 40%,#7895a34d,transparent 70%),linear-gradient(150deg,#263d55,#101c2c)}.card .art img{position:absolute;width:123%;max-width:none;height:auto;left:-11%;top:-13%}.sigil{display:grid;place-items:center;height:100%;font:66px 'Cormorant Garamond',serif;opacity:.24;color:#dfc79c}.card:after{content:'';position:absolute;inset:0;z-index:0;background:linear-gradient(0deg,#09121bf5 0%,#09121b33 35%,transparent 60%);pointer-events:none}.ranks{position:absolute;z-index:2;left:4px;top:5px;width:44px;height:58px;filter:drop-shadow(0 1px 2px black);font:bold 20px Georgia,serif;text-shadow:1px 1px 2px black}.ranks b{position:absolute}.ranks b:nth-child(1){top:0;left:18px}.ranks b:nth-child(2){top:19px;right:0}.ranks b:nth-child(3){bottom:0;left:18px}.ranks b:nth-child(4){top:19px;left:2px}.card-name{position:absolute;bottom:19px;left:3px;right:3px;font:600 17px 'Cormorant Garamond',serif;z-index:1;text-shadow:0 1px 3px #000}.card-tier{position:absolute;bottom:6px;left:0;right:0;font-size:7px;letter-spacing:2px;color:var(--gold);z-index:1}.card.selected{border-color:#aee3ff;box-shadow:0 0 0 2px #69bde655,0 0 25px #68bce63a;transform:translateY(-4px)}.card.summon{border-color:#bda5de}.card.unowned{filter:saturate(.25);opacity:.55}.trials{border-top:1px solid var(--line);margin-top:32px;padding-top:28px;display:grid;grid-template-columns:1fr 1.1fr;gap:32px}.trials p{color:var(--muted);font-size:12px;line-height:1.9;margin-top:12px}.trial-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;max-height:310px;overflow:auto}.trial-list button{display:flex;gap:12px;align-items:center;text-align:left;padding:12px;background:#1b2634;border-color:#34354a}.trial-icon{font-size:28px;color:#b6a0da}.trial-list button>span:nth-child(2){flex:1;font-size:12px}.trial-list small{display:block;font-size:9px;margin-top:4px;color:var(--muted)}.trial-list b{color:#b6a0da}.page-title{margin:12px 0 30px}.page-title h1,.battle-title h1{font:48px 'Cormorant Garamond',serif;margin:10px 0}.page-title p{color:var(--muted);line-height:1.8}.filters{display:flex;gap:12px;margin:25px 0}.filters input,.filters select{border:1px solid var(--line);background:var(--panel);padding:13px;color:var(--text)}.filters input{flex:1;min-width:0}.collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:25px 18px}.collection-grid .card{width:100%;height:auto;aspect-ratio:140/190}.collection-grid small{display:block;font-size:10px;color:var(--muted);margin-top:10px}.deck-summary{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.deck-row{display:flex;gap:18px;flex-wrap:wrap}.arena-heading{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:10px}.text-button{border:0;padding-left:0;color:var(--gold)}.battle-title{display:flex;justify-content:space-between;align-items:center;margin:25px 0}.score{display:flex;gap:20px;align-items:center}.score span{display:flex;gap:10px;align-items:center;color:#8bcaef;font-size:11px}.score span:last-child{color:#ed998e}.score b{font:48px 'Cormorant Garamond',serif}.score i{color:var(--muted)}.battle{display:grid;grid-template-columns:145px minmax(250px,1fr) 145px;gap:24px;align-items:start}.hand{display:flex;flex-direction:column;gap:12px;align-items:center}.hand h3{font-size:12px;width:100%;font-weight:500;color:var(--muted);margin-bottom:4px}.hand h3 span{display:block;font-size:10px;color:var(--blue);margin-top:5px}.enemy h3 span{color:#ed998e}.hand .card{width:112px;height:150px}.enemy .card{border-color:#9d6867}.player .card{border-color:#608eaa}.board{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:15px;border:1px solid #826c4966;background:radial-gradient(ellipse,#293b46,#111d2a);box-shadow:0 0 0 6px #111c27,0 0 0 7px #39434b;max-width:540px;margin:24px auto}.cell{position:relative;aspect-ratio:140/185;min-width:0;width:100%;padding:0;border:1px solid #67788844;background:#12233270;display:grid;place-items:center;border-radius:4px}.cell.empty>span{font-size:45px;font-family:serif;color:#6c85913b}.cell.empty>small{position:absolute;bottom:8px;color:#8a9eac55}.cell.empty:not(:disabled):hover{background:#759ca63b;border-color:var(--gold)}.cell .card{width:100%;height:100%;box-shadow:none;border-radius:3px}.cell.blue .card{border:3px solid #6bb2df}.cell.red .card{border:3px solid #d78078}.owner-label{position:absolute;right:5px;top:5px;font-size:9px;background:#152d46;color:#a9dcff;padding:2px 4px}.red .owner-label{background:#511e24;color:#ffc6bc}.battle-status{text-align:center;min-height:42px;font-size:13px;color:var(--gold);line-height:1.7}.table-tip{text-align:center;font-size:11px;color:var(--muted);line-height:1.8}.result{font-size:18px}.result-actions{display:flex;gap:12px;justify-content:center;margin-top:25px}.notice{padding:15px;background:#674929}.empty:disabled{opacity:1}footer{border-top:1px solid var(--line);padding:20px 36px;font-size:10px;color:#7c8c9b;text-align:center}footer button{border:0;font-size:10px;padding:0 12px;color:var(--gold)}dialog{border:1px solid #6a5a40;background:#142232;color:var(--text);max-width:600px;width:calc(100% - 32px);padding:36px;line-height:1.8;max-height:90vh}dialog::backdrop{background:#030913bd;backdrop-filter:blur(6px)}dialog h2{font:32px 'Cormorant Garamond',serif;margin-right:25px}dialog p{font-size:14px;color:#b8c5ce}dialog a{color:var(--gold)}.close{position:absolute;right:10px;top:10px;border:0;font-size:25px}.missing:after{content:'Illustrazione non disponibile';display:block;margin-top:65%;font-size:10px;padding:6px;color:#b8c5ce}
@media(min-width:1600px){main{padding-left:55px;padding-right:55px}.world-banner{min-height:360px}.encounter .card{width:140px;height:190px}}@media(max-width:1100px){header{padding:0 20px}.brand{font-size:20px}nav{gap:12px}.help span{display:none}.shell{grid-template-columns:195px minmax(0,1fr)}aside{padding:24px 12px}.world{gap:8px;padding:10px 5px}.world.chosen:before{left:-13px}main{padding:24px}.world-banner{padding:26px}.banner-text{width:75%}.banner-bottom{gap:12px}.banner-bottom>span{display:none}.battle{grid-template-columns:105px minmax(230px,1fr) 105px;gap:12px}.hand .card{width:95px;height:132px}.chapters{gap:2px}.chapters button{font-size:10px}.trials{grid-template-columns:1fr}.section-heading .subtle{display:none}.chapter-title>span{max-width:180px;text-align:right}.encounters{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}
@media(max-width:760px){header{height:auto;min-height:100px;flex-wrap:wrap;gap:8px;padding:15px 18px 0}.brand{font-size:19px;letter-spacing:2px}.brandmark{font-size:35px}.brand small{font-size:8px}.help{margin-left:auto}nav{order:3;width:100%;height:42px;justify-content:space-around}nav button{font-size:12px}.shell{display:block}aside{padding:15px 16px;min-height:0;border-right:0;border-bottom:1px solid var(--line)}.aside-label{margin-bottom:10px}.worlds{flex-direction:row;overflow-x:auto;gap:6px;padding:4px}.world{flex:0 0 46px;padding:7px 3px;justify-content:center}.world>span:nth-child(2),.world i,.world.chosen:before,.save-note{display:none}.roman{font-size:22px}.world.chosen{border-color:var(--gold)}main{padding:18px 16px 30px}.world-banner{min-height:330px;padding:24px 20px}.world-banner h1{font-size:34px;white-space:normal}.world-banner h2{font-size:23px}.world-banner p{font-size:12px}.banner-text{width:80%}.banner-art{width:50%;opacity:.45}.banner-bottom{margin-top:20px}.banner-number{font-size:120px}.eyebrow{font-size:9px;letter-spacing:2px}.section-heading h2{font-size:25px}.chapters{display:flex;overflow:auto;gap:12px}.chapters button{flex:0 0 105px;font-size:11px}.chapter-title{align-items:start;gap:15px}.chapter-title>span{font-size:9px}.encounters{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.encounter{padding:10px}.encounter .card{width:110px;height:151px}.encounter-top{font-size:8px}.encounter h3{font-size:20px}.trials{gap:14px;margin-top:24px}.trial-list{gap:7px}.trial-list button{padding:10px 8px;gap:8px}.trial-list button>span:nth-child(2){font-size:11px}.page-title h1{font-size:40px}.collection-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:19px 9px}.card-name{font-size:14px}.collection-grid .ranks{transform:scale(.85);transform-origin:top left}.filters{flex-direction:column}.deck-row{gap:8px}.deck-row .card{width:calc(20% - 7px);height:auto;aspect-ratio:140/190}.deck-row .card-name{font-size:10px}.deck-row .ranks{transform:scale(.6);transform-origin:top left}.deck-summary{font-size:11px}.deck-summary button{font-size:11px;padding:8px}.arena-heading{font-size:8px;gap:10px}.arena-heading span{text-align:right}.battle-title{margin:15px 0}.battle-title h1{font-size:34px}.score{gap:8px}.score b{font-size:36px}.score span{font-size:9px;gap:5px}.battle{display:flex;flex-direction:column;gap:12px}.hand{display:flex;flex-direction:row;flex-wrap:wrap;gap:6px;width:100%}.hand h3{margin:0;font-size:11px}.hand h3 span{display:inline;margin-left:8px}.hand .card{width:calc(20% - 5px);height:auto;aspect-ratio:140/190}.hand .ranks{transform:scale(.6);transform-origin:top left}.hand .card-name{font-size:10px;bottom:13px}.hand .card-tier{font-size:5px;bottom:4px}.enemy{order:0}.table-area{order:1;width:100%}.player{order:2}.board{margin:12px auto;padding:9px;gap:6px;max-width:390px}.battle-status{font-size:12px;min-height:0;margin-bottom:15px}.table-tip{display:none}.cell .ranks{transform:scale(.85);transform-origin:top left}.cell .card-name{font-size:16px}.enemy .card{max-height:80px}.enemy .card .art img{top:-25%}.enemy .card-name{font-size:9px}.battle .player{position:sticky;bottom:0;background:#0c141ff5;padding:8px 0;border-top:1px solid var(--line)}footer{padding:20px 16px;line-height:1.9}.result-actions button{font-size:12px;padding:10px}.collection-grid .card-tier{font-size:6px}.collection-grid small{font-size:9px}dialog{padding:25px}.banner-bottom .gold-button{font-size:12px}}

/* Touch-first card table and two-digit values */
body{padding-bottom:75px}button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.card{transition:transform .16s,border-color .16s}.ranks{width:54px;height:60px;font-size:19px}.ranks b{min-width:22px;text-align:center;line-height:20px}.ranks b:nth-child(1),.ranks b:nth-child(3){left:16px}.ranks b:nth-child(4){left:0}.ranks b:nth-child(2){right:0}.card-tier{font:700 9px Manrope,sans-serif;letter-spacing:1px}.art.portrait img{width:100%;height:100%;left:0;top:0;object-fit:contain}.art.xiv img{width:100%;height:100%;left:0;top:0;object-fit:cover}.art.scan img{top:-12%}.music-bar{position:fixed;z-index:20;bottom:0;left:0;right:0;background:#111f2df5;border-top:1px solid #6d5e4266;backdrop-filter:blur(14px);min-height:63px;padding:8px max(18px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:center;gap:14px}.music-bar button{border-radius:50%;width:40px;height:40px;padding:0;font-size:20px;color:var(--gold)}.music-bar strong{font-size:12px}.music-bar small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.music-bar input{width:90px;accent-color:var(--gold)}.music-bar a{color:var(--gold);font-size:22px;padding:7px;text-decoration:none}.world:disabled{opacity:.32}.cell.available{border-color:#d6b37888}.cell.available:hover{box-shadow:inset 0 0 18px #d6b37822}.selected .ranks{color:#e5f6ff}.card.selected{z-index:3}nav button, .encounter>button,.trial-list button{min-height:44px}.result-actions{flex-wrap:wrap}
@media(max-width:760px){.in-battle header{min-height:0;padding:10px 16px}.in-battle header nav,.in-battle aside,.in-battle footer{display:none}.in-battle main{padding-top:8px}.in-battle .brand{font-size:15px}.in-battle .brand small{display:none}.in-battle .brandmark{font-size:24px}.in-battle .battle-title{margin:8px 0 12px}.in-battle .battle-title h1{font-size:28px}.in-battle .battle-title .eyebrow{font-size:8px}.in-battle .arena-heading{font-size:8px}.battle{gap:8px}.battle .enemy .card{max-height:none;aspect-ratio:140/145}.battle .enemy h3{display:none}.battle .hand .card{width:calc(20% - 5px)}.battle .hand .ranks{transform:scale(.73)}.battle .hand .card-name{font-size:11px;line-height:1.1;bottom:15px}.battle .hand .card-tier{font-size:7px}.battle .player{bottom:64px;padding:12px 0 6px}.table-area .board{max-width:330px;margin:9px auto}.table-area .cell{aspect-ratio:1/1.2}.battle-status{font-size:12px;line-height:1.5;margin-bottom:8px}.cell .ranks{transform:scale(.9)}.cell .card-name{font-size:14px}.cell .card-tier{font-size:8px}.owner-label{font-size:8px}.hand .card.selected{transform:translateY(-9px) scale(1.05)}.music-bar{gap:9px}.music-bar input{width:60px}.music-bar strong{max-width:190px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block;font-size:11px}.music-bar small{font-size:9px}.music-bar button{width:36px;height:36px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px}.collection-grid .ranks{transform:none}.collection-grid .card-name{font-size:20px}.collection-grid small{font-size:12px}.deck-row .card{width:calc(33.333% - 6px)}.deck-row .ranks{transform:scale(.9)}.deck-row .card-name{font-size:15px}.save-note{display:block;margin-top:10px}.save-note button{font-size:12px;padding:7px}.save-note{font-size:11px}.encounter-top{font-size:10px}.encounter>button{font-size:12px}.world-banner p{font-size:14px}.chapter-title>span{font-size:11px}.trials p{font-size:14px}.trial-list button>span:nth-child(2){font-size:13px}.trial-list small{font-size:11px}.chapters button{font-size:12px}.world-banner .banner-text{width:90%}}
@media(max-width:380px){.table-area .board{max-width:280px}.battle .hand .ranks{transform:scale(.62)}.music-bar input{display:none}.battle .enemy .card{aspect-ratio:1/1.05}.battle .hand .card-name{font-size:10px}.cell .card-name{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.story-panel{border-left:2px solid var(--gold);padding:18px 24px;background:linear-gradient(100deg,#24323e,#14202b88);margin:20px 0 24px}.story-panel p{font-family:'Cormorant Garamond',Georgia,serif;font-size:21px;line-height:1.6;color:#d6dee1;margin:12px 0}.story-panel small{color:var(--muted);font-size:11px}.story-panel.sealed{opacity:.55}.story-panel.sealed p{font-size:17px}.chronology-note{font-size:10px;color:var(--gold);line-height:1.7;display:block}.reward-preview{display:flex;gap:20px;align-items:center;margin:24px 0}.reward-preview .card{flex-shrink:0}.reward-preview h3{font:28px 'Cormorant Garamond',serif;margin:5px 0}.reward-preview small{font-size:10px;letter-spacing:2px;color:var(--gold)}.reward-preview p{font-size:13px;line-height:1.7}.squad-preview{font-size:12px!important;border-top:1px solid var(--line);padding-top:15px}.briefing .gold-button{width:100%}.aftermath{text-align:center}.aftermath .card{margin:auto}.bio-text{font-size:16px!important}.aftermath p{font-size:18px}dialog>.card{margin:0 auto 20px}.story-panel p{white-space:normal}@media(max-width:760px){.story-panel{padding:15px 17px}.story-panel p{font-size:19px;line-height:1.65}.reward-preview{gap:15px;align-items:start}.reward-preview .card{width:110px;height:150px}.reward-preview p{font-size:13px}.reward-preview h3{font-size:24px}.chronology-note{font-size:10px}.aftermath .card{width:110px;height:150px}.aftermath p{font-size:17px}}

.art.baku img{width:auto;height:100%;max-width:none;left:-80%;top:0;object-fit:cover}.world i{display:none}.bio-text{margin-top:20px}

/* Frame the illustration, keeping printed trading-card rules outside the crop. */
.art.scan img{width:180%;max-width:none;height:auto;left:-40%;top:-15%}
/* Drag affordances stay inside the existing blue/gold card-table palette. */
.hand.player .card{touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}
.hand.player .card img{-webkit-user-drag:none;pointer-events:none}
.hand.player .card.drag-source{opacity:.3;cursor:grabbing}
.drag-ghost{position:fixed!important;z-index:1000!important;pointer-events:none!important;margin:0!important;transform:translate(-50%,-65%) scale(1.08)!important;box-shadow:0 18px 35px #0009,0 0 22px #8ad4ff88!important;border-color:#bdeaff!important;transition:none!important}
.cell.empty.drop-valid{border:2px dashed #83c8ed;background:#4389ac30;box-shadow:inset 0 0 20px #75cfff25}
.cell.empty.drop-valid>span{color:#a1ddffaa}
.cell.empty.drop-target{border:2px solid #ffe1a0;background:#d6b37844;box-shadow:0 0 22px #e3c38a88,inset 0 0 20px #e3c38a44}
.cell.just-placed{z-index:5;isolation:isolate}
.cell.just-placed .card{animation:card-arrive 540ms cubic-bezier(.18,.75,.2,1) both;transform-origin:center;will-change:transform}
.cell.just-placed:after{content:'';position:absolute;inset:-3px;border:2px solid #f6dfae;border-radius:7px;pointer-events:none;opacity:0;animation:card-wave 480ms 90ms ease-out both}
@keyframes card-arrive{0%{transform:translateY(-25px) scale(1.15) rotate(-3deg);filter:brightness(1.15);box-shadow:0 24px 35px #0008}42%{transform:translateY(2px) scale(.97);filter:brightness(1.65);box-shadow:0 0 24px #e4c889aa}68%{transform:translateY(-3px) scale(1.025);filter:brightness(1.1)}100%{transform:none;filter:brightness(1);box-shadow:none}}
@keyframes card-wave{0%{opacity:0;transform:scale(.93)}18%{opacity:.85}100%{opacity:0;transform:scale(1.22)}}
@media(prefers-reduced-motion:reduce){.cell.just-placed .card,.cell.just-placed:after{animation:none;will-change:auto}.cell.just-placed{outline:2px solid var(--gold);outline-offset:2px}.drag-ghost{transform:translate(-50%,-65%)!important}}

.special-trials .trial-list{max-height:none;overflow:visible;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.special-trials{margin-top:20px}.trials-link{color:var(--gold)}@media(max-width:760px){header nav{gap:4px;flex-wrap:wrap;height:auto;min-height:44px}header nav button{font-size:11px;padding:8px 4px}.special-trials .trial-list{grid-template-columns:repeat(2,minmax(0,1fr))}}

.intro{position:fixed;inset:0;z-index:1000;background:#000;display:grid;place-items:center}.intro video{width:100%;height:100%;object-fit:contain}.intro button{position:absolute;top:45%;background:#142130;border-radius:12px}.intro [hidden]{display:none}
/* Original FFBE sprites: keep the entire animation inside the card frame. */
.card .art.sprite-art{inset:3px;background:radial-gradient(ellipse at 55% 52%,#34516a,#172333 60%,#0c141f)}
.card .art.sprite-art img{position:absolute;left:15%;top:24%;width:70%;height:56%;max-width:70%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 3px 2px #0006)}
.card.summon .art.sprite-art{background:radial-gradient(ellipse at 50% 48%,#376477,#142536 62%,#0c141f)}
.card.summon .art.sprite-art img{left:7%;top:14%;width:86%;height:67%;max-width:86%}
.card:has(.sprite-art) .ranks{text-shadow:1px 1px 0 #07131c,-1px -1px 0 #07131c,0 0 5px #000}
.trial-announcement{border:1px solid #b69a66;background:#d6b3780d;padding:14px 18px;margin:16px 0}.trial-announcement>strong{font-size:11px;letter-spacing:2px;color:#d6b378}.trial-announcement p{margin:8px 0 0}.trial-rule-guide section{border-top:1px solid #364655;margin-top:20px;padding-top:5px}.trial-rule-guide h3{color:#d6b378;font-size:24px;margin:14px 0 8px}.trial-rule-guide p{line-height:1.65}.rule-example{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:14px;background:#0d1925;border:1px solid #35495b}.rule-example b{color:#ecdfb8}.rule-example span{font-size:12px;color:#acbac7}.trial-rule-guide a{color:#d6b378}

.reward-deck{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:24px 0}.reward-deck .card{width:100%;cursor:pointer}.reward-deck small{display:block;text-align:center;margin-top:8px}.reward-deck .card:hover,.reward-deck .card:focus-visible{outline:2px solid var(--gold,#e6c77c);outline-offset:3px}.reward-swap>.gold-button{width:100%}@media(max-width:600px){.reward-deck{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.reward-swap .reward-preview{flex-wrap:wrap}}