/* Final layout layer for touch screens and narrow viewports. */
img{max-width:100%}main>section,.hero>div,.section-title>div,.grid>*,.market-list>*,.team-slots>*,.combat-row>*{min-width:0}.card h3{overflow-wrap:anywhere}.section-title{flex-wrap:wrap;gap:14px}button,a,input,select,summary{touch-action:manipulation}input,select,textarea{max-width:100%}dialog{max-height:90vh;max-height:90dvh;overflow-y:auto;overscroll-behavior:contain}button[hidden],section[hidden],div[hidden]{display:none!important}.combat-navigation{align-items:stretch}.combat-navigation button{flex:0 1 auto}
@media(max-width:1100px){header{display:flex;flex-wrap:wrap;align-items:center;height:auto;min-height:90px;padding:20px 28px;gap:16px}header .brand{order:1}header .wallet{order:2;margin-left:auto;position:static}header .luck-header{order:3;width:auto;margin-left:auto}header nav{order:4;width:100%;display:flex;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#b4c2a4 transparent;gap:7px;padding:4px 0 9px}header nav button{flex:0 0 auto;white-space:nowrap;min-height:44px;padding:10px 14px;border-radius:7px;font-size:13px}header nav button.active{background:#e2ead6}main{padding:35px 28px}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-showcase{grid-template-columns:repeat(3,minmax(0,1fr))}.filters{flex-wrap:wrap}.filters input{flex:1 1 220px}.filters select{flex:1 1 170px}.filters button{flex:0 1 auto}.team-panel .grid{grid-template-columns:repeat(3,minmax(0,1fr))}.floor-grid{grid-template-columns:1fr}footer{padding:28px;flex-wrap:wrap;gap:18px}#profile h1,#market h1,#government h1,#battle h1,#shop h1,#fusion h1{font-size:clamp(34px,5vw,50px)}}
@media(pointer:coarse){button:not(.opening-back),select,input:not([type=checkbox]):not([type=file]){min-height:44px}summary{min-height:44px;padding-top:10px;padding-bottom:10px}.remove-card{min-height:44px}.card:active{filter:brightness(1.04)}}
@media(max-width:760px){main{padding:28px 20px}.hero{grid-template-columns:1fr;gap:25px}.hero>div:first-child{max-width:580px}.hero h1{font-size:clamp(43px,8vw,60px)}.showcase{width:100%;max-width:420px;min-height:420px;margin:auto}.showcase .card{width:190px;height:340px;min-height:340px}.showcase .card .portrait{height:190px;min-height:190px;flex-basis:190px}.showcase .left{left:20px;top:45px}.showcase .right{right:20px;top:18px}.showcase .card h3{font-size:22px}.features{grid-template-columns:1fr;gap:12px}.features>div{padding:18px 0}.album-chapters{grid-template-columns:repeat(2,minmax(0,1fr))}.market-list{grid-template-columns:repeat(2,minmax(0,1fr))}.daily-panel{grid-template-columns:1fr}.quiz-inventory{grid-template-columns:1fr}.cover-body{gap:20px}.album-controls input{flex-basis:100%}.form-row{grid-template-columns:1fr}.profile-banner{align-items:flex-start}.team-panel{padding:18px}.gov-seats{grid-template-columns:repeat(3,minmax(0,1fr))}.gov-runbar{gap:12px}.gov-runbar>div{width:100%}}
@media(max-width:560px){header,header:has(.luck-header:not([hidden])){padding:16px 16px 8px;gap:12px}header .brand>span{font-size:13px}header .brand{font-size:28px}header .wallet{position:static;font-size:12px;padding:10px 12px;min-height:44px}header .luck-header{width:100%;margin:0;justify-content:center;min-height:44px}header nav button{font-size:12px;padding:10px 12px}main{padding:24px 16px}footer{padding:24px 16px}h1{font-size:42px;letter-spacing:-2px}.hero .actions{flex-wrap:wrap}.hero .actions>button{flex:1 1 180px}.hero-meta{gap:12px;font-size:10px}.grid,.team-panel .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.grid .card{width:100%;padding:7px}.grid .card .portrait{height:clamp(145px,43vw,205px)}.grid .card .card-top{flex-wrap:wrap;font-size:7px;gap:5px}.grid .card .card-top span{font-size:7px}.grid .card h3{font-size:19px;line-height:1.2}.grid .card .card-bottom{padding:12px 3px 8px}.grid .card .card-bottom p{font-size:10px;line-height:1.5}.grid .card-stats{font-size:10px;gap:4px}.filters{gap:10px}.filters input,.filters select{width:100%;flex:1 1 100%;min-width:0}.filters button{flex:1 1 140px}.filters label{width:100%;line-height:1.5}input,select,textarea{font-size:16px!important}input[type=checkbox]{width:20px;height:20px}.section-title>span{font-size:11px;line-height:1.7}.strip{gap:12px;margin:25px 0 30px}.strip>span{max-width:130px}.strip strong{font-size:20px}.rarity-legend{gap:6px}.rarity-legend span{font-size:9px}.showcase{min-height:375px;max-width:350px}.showcase .card{width:165px;height:310px;min-height:310px;padding:8px}.showcase .card .portrait{height:165px;min-height:165px;flex-basis:165px}.showcase .card h3{font-size:19px}.showcase .left{left:15px;top:43px}.showcase .right{right:15px;top:18px}.orbit{width:280px;height:280px}.market-list{grid-template-columns:1fr}.auction{padding:18px}.auction .card{max-width:250px}.auction .portrait{height:210px}.auction-actions>button{flex:1;min-height:44px;font-size:12px}.market-tabs,.battle-tabs{gap:8px;flex-wrap:wrap}.market-tabs button,.battle-tabs button{flex:1 1 130px;font-size:12px}.floor{flex-wrap:wrap;padding:18px}.floor>div:nth-child(2){flex:1;min-width:150px}.floor button{margin-left:auto}.floor p{font-size:11px}.team-slots{gap:9px}.team-slot .card{padding:6px}.team-slot .card h3{font-size:14px}.team-slot .card-stats{font-size:8px}.team-slot .portrait{height:105px}.team-slot .remove-card{font-size:11px}.combat-row{display:flex;overflow-x:auto;gap:14px;padding:9px 7px 15px;scroll-snap-type:x proximity;overscroll-behavior-x:contain;scrollbar-width:thin}.combat-row .combat-card{flex:0 0 160px;width:160px;min-width:160px;scroll-snap-align:center;padding:8px}.combat-row .combat-card .portrait{height:145px}.combat-row .combat-card h3{font-size:18px}.combat-row .combat-card .card-bottom p{font-size:10px}.combat-row .card-stats{font-size:10px}.combat-row .fighter-status strong{font-size:11px}.combat-row .fighter-status span{font-size:10px}.arena-label:after{content:' · balayez pour voir les 3 cartes';font-size:9px;letter-spacing:0;text-transform:none}.combat-navigation{gap:10px}.combat-navigation button{flex:1 1 140px;font-size:12px}.gov-runbar button{flex:1 1 150px}.gov-synergy{width:100%;min-width:0}.gov-seat{font-size:11px;overflow-wrap:anywhere}.profile-showcase{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.profile-banner{flex-direction:column;padding:24px}.profile-banner h2{overflow-wrap:anywhere}.favorite-vacant{min-height:250px}.favorite-slot .card h3{font-size:18px}.favorite-slot .secondary{font-size:11px;min-height:44px}.album-grid{grid-template-columns:1fr}.magazine-sheet{padding:20px 15px}.sheet-stickers{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 18px}.magazine-sheet .card .portrait{height:150px}.magazine-sheet .card h3{font-size:17px}.magazine-sheet .card .card-bottom p{font-size:10px}.magazine-sheet .blank-sticker{height:275px;min-height:275px}.magazine-sheet .blank-sticker strong{font-size:16px}.magazine-sheet .blank-sticker small{font-size:8px}.magazine-sheet .blank-sticker>span:last-of-type{font-size:9px}.album-pagebar{flex-wrap:wrap;gap:10px;padding:15px}.album-pagebar button{font-size:11px!important;flex:1 1 120px}.album-pagebar>span{order:-1;width:100%;text-align:center;font-size:12px}.cover-body h2{font-size:36px}.cover-medallion{width:80px;height:80px}.cover-bottom{flex-wrap:wrap;line-height:1.7}.chapter-summary span{font-size:16px}.credit-packs{grid-template-columns:1fr}#answers{grid-template-columns:1fr}#answers button{font-size:15px;padding:16px}.quizbox{padding:22px}.quizbox h2{font-size:25px}.quiz-inventory{padding:22px}.luck-strip{padding:16px}.luck-strip button{width:100%}.booster-stage{padding:25px 12px;overflow:hidden}.opening-row{display:flex;overflow-x:auto;gap:20px;padding:12px 15px 25px;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;margin:20px -12px}.opening-slot{flex:0 0 210px;width:210px;scroll-snap-align:center}.opening-back{min-height:340px}.opening-front .card{min-height:340px;padding:9px}.opening-front .portrait{height:190px}.opening-front .card h3{font-size:23px}.opening-front .card .card-top{font-size:8px;padding:6px 0;min-height:32px}.opening-front .card .card-top span{font-size:8px}.opening-front .card .card-bottom p{font-size:11px}.opening-front .card-stats{font-size:12px;padding:12px 4px}.back-monogram{font-size:55px}.back-name{font-size:9px;letter-spacing:2px}.back-bottom{font-size:9px}.opening-caption{font-size:11px}.opening-controls button{flex:1 1 130px;font-size:12px}.opening-instruction{font-size:12px}.reopen-area .primary,.reopen-area .secondary{display:block;width:100%;margin:10px 0}.drop-table>div{display:grid;grid-template-columns:1fr 1fr}.drop-table span{font-size:11px}.large-card-preview .portrait{height:min(280px,38dvh)}.large-card-preview .card h3{font-size:26px}.large-card-preview .card{width:290px}.close{min-width:44px;min-height:44px}dialog,dialog.card-preview-dialog{width:calc(100% - 24px);padding:16px;max-height:92dvh}.card-preview-actions button{width:100%}.fusion-tile>button{font-size:11px}.fusion-tile>p{font-size:12px}}
@media(max-width:360px){.showcase .card{width:145px;height:290px;min-height:290px}.showcase .card .portrait{height:145px;min-height:145px;flex-basis:145px}.showcase .card h3{font-size:17px}.showcase .left{left:8px}.showcase .right{right:8px}.showcase{min-height:350px}.cover-medallion{display:none}.grid .card h3{font-size:17px}.grid .card-stats{font-size:9px}}
@supports(padding:max(0px)){@media(max-width:560px){header{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-top:max(16px,env(safe-area-inset-top))}footer{padding-bottom:max(24px,env(safe-area-inset-bottom))}}}