/* FIREPATCH 0.6 — une interface de jeu, des patches au premier plan. */
:root{--paper:#fffdf7;--ink:#202020;--purple:#6737e8;--coral:#ff7057;--mint:#bcf4d8;--pink:#f5caed;--muted:#6d6b70;--line:#ddd9d0;--font:Arial,Helvetica,sans-serif;--heavy:"Arial Black",Arial,Helvetica,sans-serif}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.5 var(--font);-webkit-font-smoothing:antialiased}
body.modal-open{overflow:hidden}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button{cursor:pointer;color:inherit}
button:disabled{cursor:default;opacity:.5}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--purple);outline-offset:4px}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-family:var(--heavy);font-weight:900;line-height:1;letter-spacing:-.055em}
h1{font-size:44px;margin-bottom:14px}
h1>span,h2>span{color:var(--purple)}
h2{font-size:25px}
h3{font-size:19px}
p{color:var(--muted)}
.hidden,[hidden]{display:none!important}
.icon-defs{position:absolute;width:0;height:0;overflow:hidden}
.icon{width:20px;height:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.skip-link{position:fixed;top:-100px;left:16px;z-index:100;padding:10px 16px;background:var(--mint);border:2px solid var(--ink)}
.skip-link:focus{top:10px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:43px;padding:11px 17px;border:1.5px solid var(--ink);border-radius:5px;font-weight:800;font-size:12px;line-height:1.4;box-shadow:3px 3px 0 var(--ink);transition:transform .15s,box-shadow .15s;background:var(--paper)}
.btn:hover:not(:disabled){transform:translate(1px,1px);box-shadow:2px 2px 0 var(--ink)}
.btn:active:not(:disabled){transform:translate(3px,3px);box-shadow:0 0 0 var(--ink)}
.btn-primary{background:var(--purple);color:white}
.btn-outline{background:var(--paper)}
.btn-small{min-height:35px;padding:8px 12px;font-size:11px;box-shadow:2px 2px 0 var(--ink)}
.btn-danger{background:var(--coral);color:var(--ink)}
.text-link{display:inline-flex;align-items:center;gap:7px;padding:0;background:none;border:0;font-size:11px;font-weight:800;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#bbb4c7}
.text-link:hover{color:var(--purple)}
.icon-button{display:inline-grid;place-items:center;width:34px;height:34px;flex-shrink:0;background:var(--paper);border:1.5px solid var(--ink);border-radius:4px}
.icon-button:hover{background:var(--mint)}
.icon-button .icon{width:17px;height:17px}
.eyebrow{display:block;font-size:9px;font-weight:800;letter-spacing:.13em;margin-bottom:14px;color:var(--muted);text-transform:uppercase}
.site-header{position:sticky;top:0;z-index:25;background:var(--paper);border-bottom:2px solid var(--ink)}
.header-inner{max-width:1280px;margin:auto;padding:15px 35px;display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:77px}
.brand{display:flex;align-items:center;gap:9px;max-width:270px}
.brand-mark{display:grid;place-items:center;width:33px;height:38px;background:var(--coral);border:2px solid var(--ink);border-radius:4px 4px 14px 14px;transform:rotate(-7deg);box-shadow:2px 2px 0 var(--ink);flex-shrink:0}
.brand-mark .icon{width:22px;height:26px;transform:rotate(7deg)}
.brand-name{font:900 20px/1 var(--heavy);letter-spacing:-.07em;overflow-wrap:anywhere}
.main-nav{display:flex;align-items:center;gap:6px}
.nav-link{position:relative;display:flex;align-items:center;justify-content:center;gap:7px;min-height:37px;border:1.5px solid transparent;border-radius:4px;padding:8px 13px;font-size:12px;font-weight:800;white-space:nowrap}
.nav-link .icon{width:17px;height:17px}
.nav-link.active{color:var(--purple);background:#ebe2ff;border-color:var(--ink);box-shadow:2px 2px 0 var(--ink)}
.nav-link:hover:not(.active){background:#f0ede5}
.notification-dot{width:7px;height:7px;background:var(--coral);border:1px solid var(--ink);border-radius:50%;position:absolute;top:4px;right:4px}
.account-button{display:flex;align-items:center;gap:8px;border:0;background:transparent;padding:0;font-size:10px;font-weight:800;white-space:nowrap}
.account-initial{width:28px;height:28px;display:grid;place-items:center;background:var(--mint);border:1.5px solid var(--ink);border-radius:4px;transform:rotate(4deg);font-size:12px}
.content{max-width:1210px;padding:25px 35px 35px;margin:auto;min-height:calc(100vh - 167px)}
.view{animation:viewIn .18s ease-out}

/* Le sachet en aplats reprend le nom du catalogue. */
.collector-pack{height:100%;width:100%;position:relative;background:var(--purple);border:2px solid var(--ink);border-radius:3px;color:var(--paper);overflow:hidden;isolation:isolate}
.collector-pack:before,.collector-pack:after{content:'';position:absolute;inset:0 0 auto;height:18px;background:repeating-linear-gradient(90deg,#fffdf7 0 2px,#d2c0fa 2px 4px,#202020 4px 5px);border-bottom:2px solid var(--ink);z-index:6}
.collector-pack:after{inset:auto 0 0;border-top:2px solid var(--ink);border-bottom:0}
.pack-lines{position:absolute;width:230px;height:160px;background:#8859f0;border:2px solid #202020;transform:rotate(-32deg);top:80px;left:-27px;z-index:-1}
.pack-lines:after{content:'';position:absolute;width:150px;height:30px;background:var(--coral);border:2px solid var(--ink);top:-42px;left:90px}
.pack-crease{position:absolute;inset:18px 0;border-left:5px solid #ffffff25;border-right:6px solid #20202028;pointer-events:none}
.pack-content{height:100%;padding:29px 13px 25px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}
.pack-collection{position:absolute;top:28px;font-size:5px;font-weight:700;letter-spacing:.08em;max-width:90%;text-align:center}
.pack-emblem{height:41px;width:39px;display:grid;place-items:center;margin-bottom:9px;color:var(--paper)}
.pack-emblem .icon{height:38px;width:33px}
.pack-name{font:900 28px/.89 var(--heavy);letter-spacing:-.08em;text-align:center;overflow-wrap:anywhere;max-width:100%;transform:rotate(-3deg)}
.pack-name span{display:block}
.pack-tagline{margin-top:10px;font-weight:900;letter-spacing:.24em;font-size:8px;max-width:100%;text-align:center;overflow-wrap:anywhere}
.pack-badge{position:absolute;bottom:29px;right:12px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:var(--mint);border:1.5px solid var(--ink);color:var(--ink);width:40px;height:40px;border-radius:50%;transform:rotate(13deg);line-height:1}
.pack-badge strong{font-family:var(--heavy);font-size:22px}
.pack-badge small{font-size:5px;font-weight:900;margin-top:2px}
.pack-bottom-note{position:absolute;left:12px;bottom:31px;font-size:5px;font-weight:800;letter-spacing:.1em;line-height:1.6;max-width:110px}
.pack-bottom-note span{display:block}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:27px 0 17px}
.section-heading h2{font-size:18px;letter-spacing:-.045em;margin:0}
.section-heading .text-link{font-size:10px}
.section-heading>span{font-size:10px;color:var(--muted)}
.patch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(117px,1fr));gap:13px}
.patch-card{--rarity:#747174;--rarity-bg:#efeeea;position:relative;min-width:0;text-align:left;background:#fff;border:1px solid #d6d1c7;border-radius:4px;overflow:hidden;padding:0;transition:transform .15s,border-color .15s;box-shadow:1px 2px 0 #dbd6cb}
.patch-card:hover{transform:translateY(-3px) rotate(-1deg);border-color:var(--ink);box-shadow:3px 4px 0 var(--ink)}
.patch-card[data-rarity=uncommon]{--rarity:#177a57;--rarity-bg:#e3f7ed}
.patch-card[data-rarity=rare]{--rarity:var(--purple);--rarity-bg:#eee5fe}
.patch-card[data-rarity=legendary]{--rarity:#ba492b;--rarity-bg:#ffe9dc}
.patch-card-top{display:flex;align-items:center;justify-content:space-between;min-height:20px;gap:5px;padding:7px 9px 0}
.card-country{display:flex;align-items:center;gap:4px;color:var(--muted);font-size:8px;min-width:0}
.flag{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.flag-icon{display:block;width:14px;height:10px;border-radius:1px;box-shadow:0 0 0 .5px #20202020;flex-shrink:0}
.flag-code{font:800 7px var(--font);color:var(--muted)}
.quantity-label{position:absolute;top:6px;right:6px;background:var(--mint);border:1px solid var(--ink);padding:0 4px;border-radius:3px;font-size:9px;font-weight:900;line-height:1.7}
.patch-art{height:91px;display:grid;place-items:center;padding:5px 13px 0;position:relative;isolation:isolate}
.patch-art:before{content:'';position:absolute;width:65px;height:65px;background:var(--rarity-bg);border-radius:50%;z-index:-1}
.patch-art img{width:100%;height:85px;object-fit:contain;filter:drop-shadow(0 3px 2px #20202020)}
.card-copy{display:grid;gap:4px;padding:9px}
.patch-name{font-size:10px;font-weight:800;line-height:1.3;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.patch-place{color:var(--muted);font-size:8px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.rarity-label{display:inline-flex;align-items:center;gap:4px;font-size:7px;font-weight:800;color:var(--rarity,#747174);letter-spacing:.04em;text-transform:uppercase}
.rarity-label:before{content:'';display:inline-block;width:4px;height:4px;background:currentColor;transform:rotate(45deg);flex-shrink:0}
.card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:3px;min-height:11px}
.archived-tag{font-size:7px;color:var(--muted)}
.is-missing{background:#f2f0e9;border-style:dashed;box-shadow:none}
.is-missing .patch-art img{filter:grayscale(1);opacity:.4}
.is-missing .rarity-label{color:#888}
.mystery-sticker{font:900 31px/1 var(--heavy);width:40px;height:45px;display:grid;place-items:center;border:1.5px solid var(--ink);border-radius:4px 4px 13px 13px;background:var(--pink);transform:rotate(-8deg);color:var(--purple);flex-shrink:0}
.site-footer{max-width:1210px;margin:auto;border-top:1px solid var(--line);padding:20px 35px 25px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:9px;color:var(--muted)}
.site-footer>strong{font-size:11px;color:var(--ink);letter-spacing:-.045em}
.site-footer>div{display:flex;gap:24px;align-items:center}
.site-footer a:hover{color:var(--purple)}
.site-footer span{font-size:8px}
.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0 25px}
.page-heading .eyebrow{margin-bottom:13px;font-size:8px}
.page-heading p{font-size:12px;margin:0;max-width:670px;line-height:1.7}
.page-heading>.btn{flex-shrink:0}
.album-toolbar,.market-toolbar,.world-toolbar{display:flex;align-items:center;gap:11px;flex-wrap:wrap}
.filter-tabs{display:inline-flex;gap:3px;border:1px solid #cfc9d4;border-radius:4px;padding:3px;background:#f1eef5;max-width:100%}
.tab{display:inline-flex;align-items:center;justify-content:center;gap:5px;background:none;border:1px solid transparent;border-radius:2px;padding:8px 11px;color:var(--muted);font-weight:800;font-size:11px;white-space:nowrap}
.tab.active{background:white;color:var(--purple);border-color:#bdb1d6;box-shadow:1px 1px 0 #bdb1d6}
.tab>span{font-size:9px}
.search-wrap{position:relative;flex:1;min-width:160px;display:flex;align-items:center}
.search-wrap>.icon{position:absolute;left:12px;width:15px;height:15px;color:#8a8490;pointer-events:none}
.search-wrap>input{width:100%;padding-left:35px;min-height:41px;font-size:11px}
.search-wrap>input::placeholder{color:#989299}
input,select,textarea{border:1px solid #cfc8d7;border-radius:4px;background:white;color:var(--ink);padding:10px 11px;min-width:0}
select{font-size:11px;min-height:41px;max-width:100%}
input:focus,textarea:focus,select:focus{border-color:var(--purple)}
label{font-size:11px;font-weight:700}
label>input:not([type=checkbox]),label>select,label>textarea{display:block;width:100%;margin-top:6px}
label>small{display:block;font-size:9px;color:var(--muted);font-weight:400;margin-top:5px}
.optional{font-size:9px;color:var(--muted);font-weight:400;margin-left:4px}
.album-results-line{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:43px;color:var(--muted);font-size:10px}
.country-filter{padding:4px 8px;border:1px solid #c5b1ec;border-radius:3px;background:#eee5ff;color:var(--purple);font-size:10px}
.load-more{display:flex;margin:26px auto 10px}
.secret-note{display:flex;align-items:center;gap:13px;background:#eee5ff;border:1.5px solid var(--ink);padding:15px 19px;margin-top:25px;border-radius:4px}
.secret-number{font:900 30px/1 var(--heavy);color:var(--purple);letter-spacing:-.06em}
.secret-note p{margin:0;font-size:10px;line-height:1.6;flex:1}
.secret-note .icon{color:var(--purple);width:22px;height:22px}
.empty-state{text-align:center;padding:45px 18px;color:var(--muted)}
.empty-state h3{font-size:23px;color:var(--ink);margin:0 0 13px;line-height:1.1}
.empty-state p{font-size:12px;margin-bottom:20px}
.empty-state .text-link{font-size:11px}
.world-toolbar{margin-bottom:20px;align-items:flex-start}
.continent-tabs{display:flex;flex-wrap:wrap;gap:6px;flex-basis:100%}
.continent-tab{background:white;border:1px solid #d2cbdb;border-radius:3px;padding:8px 10px;font-size:10px;font-weight:750;color:var(--muted)}
.continent-tab.active{background:var(--purple);color:white;border-color:var(--ink)}
.world-toolbar .search-wrap{flex:0 1 300px}
.country-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:13px}
.country-card{min-width:0;display:flex;flex-direction:column;padding:16px;border:1px solid #d7d0df;background:white;border-radius:4px;text-align:left;transition:transform .15s}
.country-card:hover{transform:translateY(-2px);border-color:var(--ink);box-shadow:2px 2px 0 var(--ink)}
.country-card-top{display:flex;align-items:center;gap:10px}
.country-card-top .flag-icon{width:25px;height:17px}
.country-card h3{font-size:16px;letter-spacing:-.03em;margin:0;overflow-wrap:anywhere}
.country-card-top>.icon{width:14px;height:14px;margin-left:auto;color:var(--muted)}
.country-card>small{font-size:9px;color:var(--muted);margin:8px 0 13px}
.country-progress{display:flex;align-items:center;justify-content:space-between;font-size:10px;gap:8px}
.country-progress strong{color:var(--purple)}
.country-progress span{color:var(--muted)}
.progress-track{display:block;height:3px;background:#ece7f2;margin-top:9px;overflow:hidden}
.progress-track>i{display:block;width:0;height:100%;background:var(--purple)}

/* Marché : annonces, propositions et échanges, une seule unité à la fois. */
.account-invitation{display:flex;align-items:center;justify-content:space-between;gap:15px;background:var(--mint);border:1px solid var(--ink);border-radius:4px;padding:13px 16px;margin-bottom:21px}
.account-invitation p{color:#284a3b;font-size:11px;margin:0}
.account-invitation .text-link{font-size:10px;flex-shrink:0}
.market-toolbar{margin-bottom:22px}
.market-toolbar .search-wrap{min-width:180px}
.check-label{font-size:10px;color:var(--muted);font-weight:400;display:flex;align-items:center;gap:5px;white-space:nowrap}
.check-label input{accent-color:var(--purple);margin:0}
.market-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.market-card{border:1.5px solid var(--ink);background:white;border-radius:5px;padding:15px;display:flex;flex-direction:column;gap:13px;min-width:0;box-shadow:2px 2px 0 #d1c4e9}
.market-card-head{display:flex;align-items:center;gap:12px;min-width:0}
.market-card-art{padding:0;border:0;background:#f5f0fc;width:77px;height:80px;flex-shrink:0;border-radius:3px;display:grid;place-items:center}
.market-card-art img{width:70px;height:75px;object-fit:contain;filter:drop-shadow(0 3px 2px #20202020)}
.market-card-copy{flex:1;min-width:0}
.market-card-copy h3{font:800 13px/1.3 var(--font);letter-spacing:-.025em;margin:0 0 5px;overflow-wrap:anywhere}
.market-card-copy p{font-size:10px;margin:0}
.market-owner{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:5px;margin-top:7px}
.market-owner:before{content:'';display:block;width:5px;height:5px;background:var(--coral);border-radius:50%}
.market-new{display:inline-block;font-size:8px;color:var(--purple);font-weight:800;text-transform:uppercase;margin:6px 0 0;letter-spacing:.04em}
.market-card>.btn{font-size:10px;min-height:35px;padding:8px 12px;box-shadow:2px 2px 0 var(--ink);width:100%}
.market-error{font-size:12px;color:#a53e2b;padding:12px;border:1px solid #e2a48f;background:#fff0e9}
.my-listings{display:grid;gap:14px}
.my-listing{border:1px solid #cfc5dd;border-radius:4px;background:white;padding:15px}
.my-listing-header{display:flex;align-items:center;justify-content:space-between;gap:15px}
.trade-patch{display:flex;align-items:center;gap:11px;min-width:0}
.trade-patch img{width:47px;height:50px;object-fit:contain;flex-shrink:0}
.trade-patch strong{font-size:12px;display:block;line-height:1.4}
.trade-patch small{display:block;font-size:9px;color:var(--muted);margin-top:4px}
.my-listing-header>.text-link{font-size:10px;white-space:nowrap}
.incoming-proposals{margin-top:14px;border-top:1px dashed #dbd2e8;padding-top:5px}
.incoming-proposal{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid #f0eaf7}
.incoming-proposal:last-child{border-bottom:0}
.incoming-proposal .trade-patch{flex:1}
.trade-actions{display:flex;align-items:center;gap:13px;flex-shrink:0}
.trade-actions>.text-link{font-size:10px}
.trade-actions .btn{font-size:10px;min-height:32px;padding:7px 10px}
.trade-list{display:grid;gap:9px}
.trade-row{display:flex;align-items:center;gap:14px;padding:13px 15px;background:white;border:1px solid #ded7e7;border-radius:4px}
.trade-row .trade-patch{flex:1}
.trade-row .icon{width:16px;height:16px;color:var(--purple)}
.trade-row-meta{font-size:9px;color:var(--muted);display:flex;flex-direction:column;gap:3px;min-width:80px}
.trade-state{font-size:9px;font-weight:800;color:var(--purple)}
.trade-state.is-closed{color:#8d8794}
.market-empty-copy{font-size:11px;color:var(--muted);margin:5px 0 10px}
.trade-dialog h2,.confirm-dialog h2{margin-bottom:20px}
.trade-dialog>p{font-size:11px;line-height:1.7}
.trade-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:20px 0 22px;max-height:340px;overflow:auto;padding:2px 3px 5px 2px}
.picker-patch{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:0;padding:11px 7px;background:white;border:1.5px solid #d8cfdf;border-radius:4px;text-align:center}
.picker-patch.selected{border-color:var(--ink);background:#eee4ff;box-shadow:2px 2px 0 var(--ink)}
.picker-patch img{width:100%;height:75px;object-fit:contain}
.picker-patch strong{font-size:9px;line-height:1.3;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.picker-patch small{font-size:8px;color:var(--muted)}
.picker-patch.selected:after{content:'✓';position:absolute;top:5px;right:5px;background:var(--purple);color:white;border-radius:50%;width:15px;height:15px;font-size:10px;display:grid;place-items:center}
.trade-target{display:flex;align-items:center;gap:13px;background:#f0e9fc;border-left:3px solid var(--purple);padding:12px;border-radius:3px}
.trade-target img{width:55px;height:60px;object-fit:contain}
.trade-target strong{font-size:13px;display:block}
.trade-target p{font-size:10px;margin:4px 0 0}
.exchange-review{display:grid;grid-template-columns:1fr 28px 1fr;align-items:center;gap:10px;text-align:center;margin:15px 0 22px}
.exchange-review>.icon{width:24px;height:24px;color:var(--purple)}
.exchange-review img{height:120px;width:100%;object-fit:contain;margin:12px 0}
.exchange-review strong{display:block;font-size:12px;line-height:1.4}
.exchange-review small{display:block;font-size:9px;color:var(--muted)}
.exchange-label{font-size:9px;font-weight:900;color:var(--purple);text-transform:uppercase;letter-spacing:.08em}
.exchange-person{font-size:11px;text-align:center;margin:8px 0 20px}
.exchange-person strong{color:var(--ink)}

/* Dialogues et fiches. */
dialog{font-family:var(--font);color:var(--ink);background:var(--paper);border:2px solid var(--ink);border-radius:7px;padding:32px;width:min(540px,calc(100vw - 28px));max-height:calc(100dvh - 28px);overflow:auto;overscroll-behavior:contain;box-shadow:8px 8px 0 #2020203b}
dialog::backdrop{background:#fffdf7d9;backdrop-filter:blur(3px)}
dialog[open]{animation:modalIn .18s ease-out}
.dialog-close{position:absolute;right:13px;top:13px}
.account-dialog{width:min(445px,calc(100vw - 28px));padding:35px}
.account-dialog h2{font-size:32px;line-height:1.02;margin:0 0 23px;letter-spacing:-.07em}
.account-dialog .eyebrow{font-size:8px;margin-top:7px;max-width:285px}
.account-dialog>.icon-button{background:var(--pink)}
.account-dialog .filter-tabs{margin-bottom:15px}
.account-dialog p{font-size:11px;line-height:1.7}
.account-dialog form{display:grid;gap:15px}
.account-dialog #accountSubmit{margin-top:3px}
.account-dialog #authMember h2{font-size:31px;overflow-wrap:anywhere}
.account-dialog #memberUsername{font-size:12px;color:var(--purple)}
.trade-dialog{width:min(615px,calc(100vw - 28px));padding:34px 29px}
.trade-dialog>.eyebrow,.confirm-dialog>.eyebrow{margin-top:5px}
.trade-dialog>.btn,.confirm-dialog>.btn{width:100%}
.confirm-dialog{width:min(505px,calc(100vw - 28px));padding:33px 28px}
.patch-dialog{width:min(660px,calc(100vw - 28px));padding:0}
.patch-dialog[open]{display:grid;grid-template-columns:1fr 1.03fr}
.detail-close{position:absolute;right:13px;top:13px;z-index:3}
.detail-art{--rarity:#777;position:relative;min-height:355px;background:var(--mint);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:40px 23px 28px;border-right:2px solid var(--ink)}
.detail-art img{width:100%;height:220px;object-fit:contain;filter:drop-shadow(4px 5px 0 #20202024)}
.detail-art[data-rarity=rare]{background:#e4d5ff;--rarity:var(--purple)}
.detail-art[data-rarity=legendary]{background:#ffe3cc;--rarity:#ad502f}
.detail-number{position:absolute;top:16px;left:17px;font-size:8px;font-weight:800;color:#54695e;letter-spacing:.05em}
.detail-art .rarity-label{font-size:9px;color:var(--ink)}
.detail-art.is-missing img{filter:grayscale(1);opacity:.45}
.detail-copy{padding:52px 23px 25px;min-width:0}
.detail-copy .eyebrow{font-size:8px;display:flex;align-items:center;gap:7px;line-height:1.5;letter-spacing:.04em;margin-bottom:14px}
.detail-copy h2{font-size:27px;line-height:1.08;overflow-wrap:anywhere;margin:0 0 15px}
.detail-possession{font-size:10px;display:block;color:var(--purple);font-weight:700}
.detail-copy dl{display:grid;grid-template-columns:65px 1fr;gap:9px 10px;margin:22px 0;font-size:10px;line-height:1.6}
.detail-copy dt{color:#969096}
.detail-copy dd{margin:0;overflow-wrap:anywhere}
.detail-demo{font-size:9px;line-height:1.6;margin-bottom:18px}
.detail-copy .btn{width:100%;font-size:10px;gap:7px;min-height:36px;padding:9px 10px;margin-top:8px;box-shadow:2px 2px 0 var(--ink)}
.detail-copy .btn>.icon{width:15px;height:15px}
.form-alert{font-size:11px!important;font-weight:400;color:#ad3b2a!important;line-height:1.7;margin:0}
.form-alert:empty{display:none}
.connection-error{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#ffecdf;border:1.5px solid var(--ink);padding:15px;border-radius:4px;font-size:12px;margin-bottom:20px}
.demo-banner{font-size:9px;color:#8467a0;background:#f5edfc;border:1px dashed #bba5ce;border-radius:3px;padding:10px 12px;margin-bottom:19px;line-height:1.7}
.toast{position:fixed;left:50%;bottom:25px;transform:translateX(-50%);z-index:100;background:var(--ink);color:white;border:1px solid black;border-radius:4px;padding:12px 19px;font-size:12px;max-width:calc(100vw - 30px);text-align:center;box-shadow:3px 3px 0 #ac98cf}
.loading-card{height:152px;border:1px dashed #cbbddc;background:#f4eefc;border-radius:4px;animation:pulse .8s infinite alternate}

/* Ouverture du blister : le patch lui-même est le geste suivant. */
.booster-dialog{width:min(690px,calc(100vw - 24px));padding:0;background:#fbf7ff;max-height:calc(100dvh - 24px)}
.booster-dialog::backdrop{background:#f2e7fbdf;backdrop-filter:blur(4px)}
.booster-shell{overflow:hidden}
.booster-topbar{display:flex;align-items:center;gap:8px;border-bottom:1px solid #d6c6e8;padding:12px 16px}
.booster-topbar .brand-mark{width:24px;height:27px;box-shadow:1px 1px 0 var(--ink);border-radius:3px 3px 9px 9px}
.booster-topbar .brand-mark .icon{width:17px;height:19px}
.booster-brand{font-size:12px;font-weight:800;letter-spacing:-.045em;max-width:220px;overflow-wrap:anywhere}
.booster-top-actions{display:flex;align-items:center;gap:6px;margin-left:auto}
.booster-top-actions .icon-button{width:29px;height:29px;border-color:#af9dc2;background:none}
.booster-top-actions .icon-button>.icon{width:15px;height:15px}
.booster-content{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 22px}
.booster-content>.eyebrow{font-size:8px;color:var(--purple);margin:0 0 11px}
.booster-content>h2{font-size:29px;line-height:1.1;margin:0 0 10px;letter-spacing:-.06em;max-width:550px}
.booster-content>p:not(.eyebrow){font-size:11px;margin:0;line-height:1.6;max-width:470px}
.booster-stage{height:280px;width:100%;position:relative;display:grid;place-items:center;isolation:isolate;perspective:1000px}
.stage-disc{position:absolute;width:219px;height:219px;background:var(--pink);border:1px solid #c3a8dd;border-radius:50%;z-index:-1;left:50%;top:50%;transform:translate(-50%,-50%)}
.stage-disc:after{content:'';position:absolute;inset:-13px;border:1px dashed #cdb9df;border-radius:50%}
.opening-pack{width:166px;height:237px;transform:rotate(-7deg);cursor:grab;position:relative;touch-action:pan-y;user-select:none;filter:drop-shadow(5px 7px 0 #20202030)}
.opening-pack:active{cursor:grabbing}
.opening-pack .pack-name{font-size:25px}
.opening-pack .pack-content{padding:27px 11px 23px}
.opening-pack .pack-emblem{width:33px;height:36px;margin-bottom:9px}
.opening-pack .pack-emblem .icon{width:29px;height:33px}
.opening-pack .pack-collection{font-size:4px;top:27px}
.opening-pack .pack-tagline{font-size:7px;margin-top:7px}
.opening-pack .pack-badge{width:35px;height:35px;bottom:25px;right:10px}
.opening-pack .pack-badge strong{font-size:18px}
.opening-pack .pack-bottom-note{font-size:4px;bottom:29px;left:10px;width:90px}
.tear-strip{position:absolute;inset:0 0 auto;height:20px;background:repeating-linear-gradient(90deg,var(--paper) 0 2px,#d2c0fa 2px 4px,#202020 4px 5px);border:1px solid var(--ink);z-index:8;transform-origin:0 90%;transform:translateX(calc(var(--tear,0) * 18px)) rotate(calc(var(--tear,0) * -8deg));pointer-events:none}
.tear-guide{position:absolute;right:-20px;top:25px;background:var(--mint);border:1px solid var(--ink);padding:4px 7px;border-radius:3px;font-size:8px;font-weight:800;transform:rotate(8deg);z-index:9}
.opening-pack.is-tearing .tear-strip{animation:tearStrip .6s forwards}
.opening-pack.is-tearing .collector-pack{animation:packOpen .67s .04s forwards}
.opening-pack.is-tearing .tear-guide{opacity:0}
.reveal-stack{height:100%;width:100%;display:grid;place-items:center;position:relative;perspective:950px}
.patch-rotator{position:relative;width:221px;height:221px;background:none;border:0;border-radius:5px;padding:0;z-index:3;will-change:transform;touch-action:pan-y}
.patch-front,.patch-back{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
.patch-front>img,.patch-back>img{width:100%;height:100%;object-fit:contain}
.patch-front>img{filter:drop-shadow(4px 7px 0 #2020202b)}
.patch-back>img{filter:brightness(0) invert(.43) sepia(.15);opacity:1}
.patch-back:before{content:'';position:absolute;inset:0;z-index:1;background:repeating-linear-gradient(13deg,#d6cce963 0 1px,transparent 1px 3px),repeating-linear-gradient(103deg,#27202f3b 0 1px,transparent 1px 4px);mask:var(--patch-mask) center/contain no-repeat;-webkit-mask:var(--patch-mask) center/contain no-repeat}
.patch-back>span{position:absolute;z-index:2;border:1px solid #dfd0ef66;padding:7px 9px;color:#e9dcf3b3;font:900 25px/1 var(--heavy);letter-spacing:-.08em;transform:rotate(-7deg);border-radius:3px}
.stack-shadow{position:absolute;bottom:23px;left:50%;transform:translateX(-50%);width:140px;height:11px;background:#20202016;border-radius:50%}
.stack-ghost{position:absolute;top:50%;left:50%;height:170px;width:170px;z-index:1;opacity:.4}
.stack-ghost>img{height:100%;width:100%;object-fit:contain;filter:brightness(0) invert(.7) sepia(.2)}
.ghost-left{transform:translate(-75%,-45%) rotate(-16deg)}
.ghost-right{transform:translate(-25%,-45%) rotate(16deg)}
.reveal-caption{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:5px;min-height:77px;max-width:100%}
.reveal-caption h3{font:900 21px/1.15 var(--heavy);margin:0;max-width:500px;overflow-wrap:anywhere}
.reveal-caption>p{font-size:10px;margin:0;line-height:1.5}
.reveal-caption .rarity-label{font-size:7px;margin-top:2px}
.reveal-status{font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#95839f}
.reveal-status.is-new{color:var(--purple);background:#e9dcff;border:1px solid #c5a8ee;border-radius:3px;padding:2px 6px}
.reveal-status.is-duplicate{background:var(--mint);border:1px solid #95caad;color:#35604a;border-radius:3px;padding:2px 6px}
.booster-actions{display:flex;align-items:center;flex-direction:column;gap:13px;width:100%}
.booster-actions>.btn{min-width:225px;font-size:11px}
.reveal-dots{display:flex;gap:7px;align-items:center;height:8px;margin:3px 0 0}
.reveal-dots>i{display:block;height:5px;width:5px;border:1px solid #b9a6ce;background:#e3d9f0;border-radius:50%;transition:transform .15s,background .15s}
.reveal-dots>i.current{background:#a77ae2;transform:scale(1.3)}
.reveal-dots>i.filled{background:var(--purple);border-color:var(--purple)}
.skip-reveal{font-size:9px;color:#877491;text-decoration-color:#bdabc9}
.stage-sparkles{position:absolute;inset:0;pointer-events:none}
.stage-particle{position:absolute;top:50%;left:50%;width:5px;height:5px;background:var(--particle,var(--purple));border-radius:1px;animation:particle .9s forwards ease-out;animation-delay:var(--delay,0ms);opacity:0}
.is-rare .stage-disc{background:#e1cef9;border-color:#b397d0}
.reveal-summary{width:100%;padding:18px 0 0}
.summary-stat{font-size:11px;color:var(--muted);margin:4px 0 20px}
.summary-stat strong{font:900 24px/1 var(--heavy);color:var(--purple);letter-spacing:-.07em;margin-right:3px}
.summary-patches{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0 0 25px}
.summary-card{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0;background:white;border:1px solid #d6c9e0;padding:10px 7px;border-radius:4px;animation:summaryIn .35s backwards;animation-delay:calc(var(--i,0) * 55ms)}
.summary-card img{width:100%;height:90px;object-fit:contain;filter:drop-shadow(0 3px 2px #20202026)}
.summary-card strong{font-size:9px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.summary-card small{font-size:8px;color:var(--muted)}
.summary-badge{font-size:6px;letter-spacing:.04em;font-weight:800;color:#5f786c;background:var(--mint);border-radius:2px;padding:3px 4px;line-height:1}
.summary-badge.is-new{color:var(--purple);background:#e8dcfc}
.reveal-summary>.btn{font-size:11px}
.reveal-summary>p{font-size:9px;color:#92829c;margin:17px 0 0;line-height:1.8}
.booster-dialog.is-summary .booster-content{padding-block:32px}
.booster-dialog.is-summary .booster-shell{min-height:380px}

/* Studio : un catalogue éditable, des formulaires repliés. */
.admin-login{max-width:390px;margin:10px auto 40px;padding:27px;background:white;border:1.5px solid var(--ink);border-radius:5px}
.admin-login h2{font-size:20px;line-height:1.1}
.admin-login form{display:grid;gap:17px}
.admin-login .form-alert{margin-top:14px}
.admin-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:4px 0 18px}
.admin-toolbar>strong{font-size:13px;font-weight:900}
.admin-toolbar>div{display:flex;align-items:center;gap:21px}
.admin-toolbar .text-link{font-size:10px}
.count-pill{font-size:10px;color:var(--purple);margin-left:4px}
.admin-search{display:flex;align-items:center;gap:12px;margin-bottom:15px}
.admin-search .search-wrap{max-width:500px}
.admin-items{display:grid;gap:0;max-height:520px;overflow:auto;border:1px solid #d8cedf;border-radius:4px;background:white}
.admin-item{display:flex;align-items:center;gap:13px;padding:9px 14px;border-bottom:1px solid #ede6f1}
.admin-item:last-child{border:0}
.admin-item>img{height:40px;width:40px;object-fit:contain;flex-shrink:0}
.admin-item>div:not(.admin-item-buttons){min-width:0;flex:1}
.admin-item strong{display:block;font-size:12px;font-weight:750;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.admin-item small{display:block;font-size:9px;color:var(--muted);margin-top:3px}
.admin-item-buttons{display:flex;gap:9px;flex-shrink:0}
.admin-item-buttons button{border:1px solid #c9bbd7;border-radius:3px;background:#f5effc;padding:6px 10px;font-size:10px;font-weight:700}
.admin-item-buttons button:first-child{background:var(--mint);border-color:#84b99f}
.admin-item-buttons button.admin-destroy{background:#fff0eb;border-color:#c75b47;color:#922e1f}
#adminEditor{margin:0 0 24px;scroll-margin-top:100px}
.admin-panel{padding:23px;border:1px solid #d2c6dc;border-radius:4px;background:white;margin-top:24px;min-width:0}
.admin-panel>summary{font:900 17px/1.2 var(--heavy);cursor:pointer;letter-spacing:-.035em}
.admin-panel>summary::marker{color:var(--purple)}
.panel-body{padding-top:22px}
.panel-body>p{font-size:11px;line-height:1.7;max-width:650px;margin-bottom:22px}
.admin-panel form{display:grid;gap:17px}
.admin-panel h2{font-size:18px;margin:0 0 20px}
.admin-panel label{font-size:10px}
.admin-panel input,.admin-panel select,.admin-panel textarea{font-size:12px}
.admin-panel form#patchForm{grid-template-columns:1fr 1fr;gap:18px 25px}
.admin-panel form#patchForm>.field-row{grid-column:1/-1}
.admin-panel form#patchForm>.file-drop{grid-column:1/-1}
.admin-panel form#patchForm>.file-health,.admin-panel form#patchForm>.form-alert,.admin-panel form#patchForm>button{grid-column:1/-1}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:25px}
.file-drop{position:relative;display:grid;place-items:center;min-height:150px;background:#f4f0f9;border:1.5px dashed #b5a0ca;border-radius:4px;overflow:hidden}
.file-drop.dragover{background:var(--mint)}
.file-drop>input{position:absolute;inset:0;width:100%;height:100%;opacity:0;z-index:2;cursor:pointer;margin:0!important}
.file-preview{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;text-align:center;padding:18px}
.file-preview img{width:100%;height:125px;object-fit:contain}
.file-preview strong{font-size:12px}
.file-preview span:not(.upload-symbol){font-size:10px;color:var(--muted)}
.upload-symbol{font-size:27px;color:var(--purple)}
.file-health{font-size:10px;color:var(--muted);line-height:1.7}
.file-health.good{color:#207451}
.file-health.bad{color:#b33d29}
.admin-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.admin-settings-grid>.admin-panel{margin-top:22px}
.brand-form{grid-template-columns:1fr auto;align-items:end;gap:12px!important}
.brand-form input{min-width:0}
.admin-panel .btn{font-size:11px;box-shadow:2px 2px 0 var(--ink)}
.admin-test{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:23px;padding:12px 0}
.admin-test>span{font-size:11px;color:var(--muted)}
.full{width:100%}
.admin-item.is-editing{background:#eee4ff}

@keyframes viewIn{from{opacity:.5;transform:translateY(3px)}
to{opacity:1;transform:none}
}
@keyframes modalIn{from{opacity:0;transform:translateY(8px) rotate(-.5deg)}
to{opacity:1;transform:none}
}
@keyframes pulse{to{opacity:.45}
}
@keyframes tearStrip{35%{transform:translate(22px,-10px) rotate(-10deg)}
100%{transform:translate(230px,-75px) rotate(-40deg);opacity:0}
}
@keyframes packOpen{35%{transform:rotate(3deg);clip-path:polygon(0 8%,100% 8%,100% 100%,0 100%)}
100%{transform:translateY(95px) rotate(12deg) scale(.8);opacity:0;clip-path:polygon(0 8%,100% 8%,100% 100%,0 100%)}
}
@keyframes summaryIn{from{opacity:0;transform:translateY(12px) rotate(-3deg)}
to{opacity:1;transform:none}
}
@keyframes particle{0%{opacity:0;transform:translate(0,0) scale(0)}
15%{opacity:1}
100%{opacity:0;transform:translate(var(--tx),var(--ty)) rotate(200deg) scale(.4)}
}

@media(min-width:1400px){.header-inner{max-width:1320px}
.content,.site-footer{max-width:1250px}
.patch-grid{grid-template-columns:repeat(8,minmax(0,1fr))}
}

@media(max-width:1000px){.header-inner{gap:17px;padding-inline:25px}
.brand-name{font-size:18px}
.brand{max-width:220px}
.nav-link{font-size:11px;padding-inline:11px}
.account-button{font-size:9px}
.content,.site-footer{padding-inline:25px}
.market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.account-invitation{flex-wrap:wrap}
.page-heading h1{font-size:39px}
.patch-grid{grid-template-columns:repeat(auto-fill,minmax(115px,1fr))}
}

@media(max-width:760px){.header-inner{padding:13px 21px;gap:14px;min-height:70px}
.brand-name{font-size:17px}
.brand{max-width:190px}
.brand-mark{width:29px;height:33px}
.brand-mark>.icon{width:20px;height:23px}
.nav-link{font-size:10px;gap:5px;padding:7px 9px}
.nav-link>.icon{width:16px;height:16px}
.account-button>#accountLabel{display:none}
.account-initial{width:27px;height:27px;font-size:10px}
.content,.site-footer{padding-inline:21px}
.patch-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.patch-art{height:83px;padding-inline:9px}
.patch-art>img{height:77px}
.patch-name{font-size:10px}
.card-copy{padding:8px}
.card-country{font-size:7px}
.patch-card-top{padding:6px 8px 0}
.page-heading{gap:15px;align-items:flex-start}
.page-heading h1{font-size:34px}
.page-heading p{font-size:11px;line-height:1.7}
.page-heading>.btn{font-size:10px;min-height:38px;padding:9px 12px}
.page-heading .eyebrow{font-size:7px}
.market-card-head{gap:11px}
.market-card-art{width:65px;height:72px}
.market-card-art>img{height:65px;width:60px}
.market-card{padding:13px}
.market-card-copy h3{font-size:12px}
.market-card-copy p{font-size:9px}
.market-owner{font-size:9px}
.market-toolbar .search-wrap{min-width:0;flex-basis:calc(100% - 155px)}
.market-toolbar .filter-tabs{flex-basis:100%;width:max-content;max-width:max-content}
.country-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.country-card{padding:14px 12px}
.country-card h3{font-size:14px}
.country-progress{font-size:9px}
.country-card-top{gap:7px}
.country-card-top>.icon{display:none}
.country-card-top .flag-icon{width:20px;height:14px}
.world-toolbar .search-wrap{flex-basis:100%;max-width:330px}
.admin-settings-grid{grid-template-columns:1fr 1fr;gap:15px}
.admin-panel{padding:20px}
.brand-form{grid-template-columns:1fr;gap:12px!important}
.admin-search{gap:10px}
.admin-items{max-height:440px}
.admin-item{padding-inline:12px}
.admin-item strong{font-size:11px}
}

@media(max-width:600px){html{scroll-padding-top:80px}
.header-inner{padding:12px 17px;min-height:65px}
.brand-name{font-size:18px;max-width:235px}
.brand{max-width:calc(100% - 44px);gap:9px}
.brand-mark{width:28px;height:32px;box-shadow:1px 2px 0 var(--ink)}
.main-nav{position:fixed;top:auto;bottom:calc(10px + env(safe-area-inset-bottom,0px));left:13px;right:13px;justify-content:space-between;gap:5px;padding:5px;background:var(--paper);border:1.5px solid var(--ink);border-radius:5px;box-shadow:3px 3px 0 var(--ink);z-index:30}
.nav-link{flex:1;min-width:0;gap:6px;min-height:40px;padding:9px 8px;font-size:11px;border-radius:3px}
.nav-link>.icon{width:16px;height:16px}
.nav-link.active{box-shadow:1px 1px 0 var(--ink)}
.account-button{flex-shrink:0;margin-left:auto}
.account-initial{width:26px;height:27px}
.content{padding:19px 17px 25px;min-height:calc(100vh - 215px)}
.section-heading{margin:25px 0 15px;gap:10px}
.section-heading h2{font-size:16px;letter-spacing:-.05em}
.section-heading>.text-link{font-size:9px;white-space:nowrap}
.patch-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.patch-art{height:85px;padding:3px 9px 0}
.patch-art>img{height:80px}
.patch-name{font-size:10px}
.patch-place{font-size:8px}
.card-copy{padding:8px}
.card-country{font-size:7px}
.card-country .flag-icon{width:12px;height:8px}
.quantity-label{font-size:8px;top:5px;right:5px}
.rarity-label{font-size:6px}
.mystery-sticker{height:39px;width:35px;font-size:26px}
.site-footer{padding:19px 17px calc(95px + env(safe-area-inset-bottom,0px));gap:18px;font-size:9px;align-items:flex-start;flex-direction:column}
.site-footer>strong{font-size:10px}
.site-footer>div{width:100%;justify-content:space-between;gap:15px}
.page-heading{padding:10px 0 22px;gap:14px;align-items:center;flex-wrap:wrap}
.page-heading h1{font-size:34px;margin-bottom:13px}
.page-heading .eyebrow{font-size:7px;margin-bottom:13px}
.page-heading p{font-size:11px;line-height:1.7}
.page-heading>.text-link{font-size:10px}
.page-heading>.btn{font-size:10px;min-height:36px}
.album-toolbar{gap:8px}
.filter-tabs{padding:3px;gap:3px}
.tab{font-size:10px;padding:7px 10px}
.album-toolbar .filter-tabs{flex-basis:100%;width:max-content;max-width:max-content}
.album-toolbar .search-wrap{min-width:0;flex:1}
.search-wrap>input{min-height:39px;font-size:10px;padding-left:31px}
.search-wrap>.icon{left:10px;width:14px;height:14px}
.album-toolbar>select{width:139px;min-height:39px;font-size:9px;padding:9px 7px}
.album-results-line{font-size:9px;min-height:41px}
.country-filter{font-size:9px}
.secret-note{padding:14px;gap:12px;margin-top:22px}
.secret-number{font-size:27px}
.secret-note p{font-size:10px}
.secret-note>.icon{height:20px;width:20px}
.empty-state{padding:36px 10px}
.empty-state h3{font-size:21px}
.empty-state p{font-size:11px}
.world-toolbar{gap:13px}
.continent-tabs{gap:5px}
.continent-tab{font-size:9px;padding:7px 8px}
.world-toolbar .search-wrap{max-width:100%}
.country-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.country-card{padding:13px 11px}
.country-card h3{font-size:14px}
.country-card-top{gap:8px;align-items:flex-start}
.country-card-top .flag-icon{margin-top:1px;width:19px;height:13px}
.country-card>small{font-size:8px;margin:9px 0 12px}
.country-progress{font-size:9px;gap:5px}
.market-grid{grid-template-columns:1fr;gap:13px}
.market-card{padding:14px;display:grid;grid-template-columns:1fr;gap:12px;box-shadow:2px 2px 0 #d1c4e9}
.market-card-head{gap:14px}
.market-card-art{width:72px;height:77px}
.market-card-art>img{width:65px;height:71px}
.market-card-copy h3{font-size:14px;line-height:1.3}
.market-card-copy p{font-size:11px}
.market-owner{font-size:10px}
.market-new{font-size:8px}
.market-card>.btn{min-height:34px;font-size:11px}
.market-toolbar{gap:9px;margin-bottom:18px}
.market-toolbar .filter-tabs{flex-basis:auto;max-width:calc(100% - 45px);order:0}
.market-toolbar>.icon-button{margin-left:auto;order:1;width:31px;height:31px}
.market-toolbar .search-wrap{flex-basis:100%;order:2}
.market-toolbar .check-label{order:3;font-size:10px;margin-top:3px}
.account-invitation{padding:13px;gap:9px;margin-bottom:18px}
.account-invitation p{font-size:10px}
.account-invitation .text-link{font-size:10px;line-height:1.7}
.my-listing{padding:12px}
.my-listing-header{gap:10px}
.trade-patch{gap:9px}
.trade-patch>img{width:38px;height:43px}
.trade-patch strong{font-size:11px;line-height:1.4}
.trade-patch small{font-size:9px}
.my-listing-header>.text-link{font-size:9px}
.incoming-proposal{flex-wrap:wrap;gap:11px;padding:12px 0}
.incoming-proposal .trade-patch{flex-basis:100%}
.incoming-proposal .trade-actions{margin-left:47px;gap:18px}
.trade-actions .btn{font-size:10px;min-height:30px}
.trade-actions>.text-link{font-size:10px}
.trade-row{gap:10px;padding:12px 11px;flex-wrap:wrap}
.trade-row .trade-patch{flex-basis:calc(50% - 20px);gap:7px}
.trade-row .trade-patch>img{width:31px;height:37px}
.trade-row .trade-patch strong{font-size:10px}
.trade-row .trade-patch small{font-size:8px}
.trade-row>.icon{width:14px;height:14px}
.trade-row-meta{flex-basis:100%;flex-direction:row;justify-content:space-between;align-items:center;margin-top:3px;font-size:9px}
.trade-row>.text-link{margin-left:auto;font-size:9px}
.market-empty-copy{font-size:10px;line-height:1.7}
.trade-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-height:300px}
.picker-patch{padding:10px 5px;gap:6px}
.picker-patch>img{height:68px}
.picker-patch>strong{font-size:9px}
.picker-patch>small{font-size:8px}
.trade-target{padding:10px;gap:10px}
.trade-target strong{font-size:12px}
.trade-target p{font-size:10px}
.exchange-review{gap:7px;grid-template-columns:1fr 24px 1fr}
.exchange-review img{height:100px}
.exchange-review strong{font-size:11px}
.exchange-review small{font-size:8px}
.exchange-label{font-size:8px}
.exchange-person{font-size:10px}
.toast{bottom:calc(80px + env(safe-area-inset-bottom,0px));font-size:11px;padding:11px 15px}
.demo-banner{font-size:8px;line-height:1.7;margin-bottom:15px}
.connection-error{flex-direction:column;align-items:flex-start;padding:13px;font-size:11px}
.connection-error>.btn{font-size:10px}
.loading-card{height:152px}
dialog{border-radius:5px;max-height:calc(100dvh - 20px);width:calc(100vw - 22px);box-shadow:5px 5px 0 #2020203b;padding:28px 22px}
.dialog-close{top:11px;right:11px;width:29px;height:29px}
.dialog-close .icon{width:15px;height:15px}
.account-dialog{padding:30px 24px}
.account-dialog h2{font-size:29px;margin-bottom:21px}
.account-dialog .eyebrow{font-size:7px;max-width:calc(100% - 20px);line-height:1.5}
.account-dialog p{font-size:11px}
.account-dialog form{gap:14px}
.account-dialog input{min-height:42px;font-size:14px}
.trade-dialog,.confirm-dialog{padding:30px 23px}
.trade-dialog h2,.confirm-dialog h2{font-size:25px;line-height:1.05;margin-bottom:19px}
.trade-dialog>.eyebrow,.confirm-dialog>.eyebrow{font-size:7px;margin-bottom:15px;max-width:calc(100% - 22px)}
.trade-dialog>p{font-size:10px}
.trade-dialog>.btn,.confirm-dialog>.btn{font-size:11px}
.patch-dialog{padding:0;width:calc(100vw - 22px)}
.patch-dialog[open]{grid-template-columns:1fr}
.detail-art{border-right:0;border-bottom:2px solid var(--ink);min-height:235px;padding:30px 22px 21px;gap:17px}
.detail-art>img{height:170px}
.detail-number{font-size:7px;top:14px;left:15px}
.detail-art .rarity-label{font-size:8px}
.detail-copy{padding:24px 22px 25px}
.detail-copy h2{font-size:27px}
.detail-copy .eyebrow{font-size:8px}
.detail-possession{font-size:10px}
.detail-copy dl{font-size:10px;margin-block:20px;grid-template-columns:65px 1fr}
.detail-demo{font-size:9px}
.detail-copy .btn{font-size:10px}
.booster-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:6px}
.booster-topbar{padding:11px 12px}
.booster-brand{font-size:11px;max-width:200px}
.booster-topbar .brand-mark{width:23px;height:25px}
.booster-topbar .brand-mark>.icon{height:18px;width:16px}
.booster-content{padding:20px 14px 23px}
.booster-content>.eyebrow{font-size:7px;margin-bottom:11px}
.booster-content>h2{font-size:24px;max-width:310px;line-height:1.06;margin-bottom:10px}
.booster-content>p:not(.eyebrow){font-size:10px;line-height:1.6;max-width:310px}
.booster-stage{height:262px}
.stage-disc{width:204px;height:204px}
.stage-disc:after{inset:-12px}
.patch-rotator{width:210px;height:210px}
.stack-ghost{height:160px;width:160px}
.reveal-caption{min-height:78px;gap:6px}
.reveal-caption h3{font-size:20px;line-height:1.1;max-width:310px}
.reveal-caption>p{font-size:10px}
.reveal-status{font-size:8px}
.booster-actions{gap:13px}
.booster-actions>.btn{font-size:11px;min-height:41px;min-width:215px}
.skip-reveal{font-size:9px}
.summary-patches{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:330px;margin:0 auto 24px}
.summary-card{padding:10px 6px;gap:6px}
.summary-card img{height:80px}
.summary-card strong{font-size:8px}
.summary-card small{font-size:7px}
.summary-badge{font-size:6px}
.summary-stat{font-size:10px}
.summary-stat strong{font-size:22px}
.reveal-summary>.btn{font-size:11px}
.reveal-summary>p{font-size:9px}
.booster-dialog.is-summary .booster-content{padding:26px 16px}
.booster-dialog.is-summary .booster-shell{min-height:0}
.admin-toolbar{flex-wrap:wrap;gap:13px}
.admin-toolbar>strong{font-size:12px}
.admin-toolbar>div{gap:18px}
.admin-toolbar .btn{font-size:10px}
.admin-toolbar .text-link{font-size:10px}
.admin-search{gap:9px}
.admin-search>select{width:140px;font-size:9px;min-height:39px;padding:9px 6px}
.admin-search .search-wrap{min-width:0}
.admin-items{max-height:390px}
.admin-item{padding:9px;gap:9px;flex-wrap:wrap}
.admin-item>img{width:35px;height:37px}
.admin-item strong{font-size:11px}
.admin-item small{font-size:8px}
.admin-item-buttons{gap:6px}
.admin-item-buttons button{font-size:9px;padding:6px 7px}
.admin-panel{padding:17px;margin-top:20px}
.admin-panel>summary{font-size:15px}
.panel-body{padding-top:18px}
.panel-body>p{font-size:10px}
.admin-panel form#patchForm{grid-template-columns:1fr;gap:16px}
.field-row{gap:13px}
.admin-panel form#patchForm>.field-row{grid-template-columns:1fr 1fr}
.admin-panel label{font-size:10px}
.admin-panel input,.admin-panel select,.admin-panel textarea{font-size:12px}
.admin-settings-grid{grid-template-columns:1fr;gap:0}
.admin-settings-grid>.admin-panel{margin-top:20px}
.admin-panel h2{font-size:17px}
.brand-form{grid-template-columns:1fr auto!important;gap:9px!important}
.brand-form .btn{font-size:10px;padding-inline:10px}
.admin-test{flex-direction:column;align-items:flex-start;gap:13px}
.admin-test>span{font-size:10px}
.admin-login{padding:23px;margin:7px 0 30px}
.admin-login h2{font-size:18px}
.admin-login input{font-size:14px}
}

@media(max-width:360px){.header-inner{padding-inline:14px}
.brand-name{font-size:17px}
.content{padding-inline:14px}
.site-footer{padding-inline:14px}
.patch-grid{gap:8px}
.patch-art{height:76px;padding-inline:6px}
.patch-art>img{height:71px}
.patch-name{font-size:9px}
.card-copy{padding:7px}
.card-country{font-size:6px}
.patch-card-top{padding:6px 6px 0}
.quantity-label{font-size:7px}
.card-bottom .rarity-label{font-size:5.5px}
.patch-place{font-size:7px}
.section-heading h2{font-size:14px}
.section-heading .text-link{font-size:8px}
.page-heading h1{font-size:30px}
.page-heading .eyebrow{font-size:6px}
.nav-link{font-size:10px;padding-inline:6px;gap:5px}
.nav-link>.icon{width:15px;height:15px}
.main-nav{left:10px;right:10px}
.country-card{padding:12px 9px}
.country-card h3{font-size:12px}
.country-progress{font-size:8px}
.country-card-top{gap:7px}
.country-card-top .flag-icon{width:16px;height:11px}
.album-toolbar>select{width:125px;font-size:8px}
.admin-item-buttons{margin-left:44px}
.admin-item>div:not(.admin-item-buttons){flex-basis:calc(100% - 44px)}
.booster-content>h2{font-size:22px}
.booster-stage{height:244px}
.patch-rotator{height:195px;width:195px}
.stage-disc{height:188px;width:188px}
.opening-pack{transform:rotate(-7deg) scale(.92)}
.reveal-caption h3{font-size:18px}
.trade-dialog,.confirm-dialog{padding:28px 18px}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*:before,*:after{animation-duration:.001ms!important;animation-delay:0ms!important;transition-duration:.001ms!important}
.patch-card:hover{transform:none}
}

.account-button #accountLabel{max-width:130px;overflow:hidden;text-overflow:ellipsis}
.country-card-top>h3{flex:1;min-width:0}
.admin-panel summary{scroll-margin-top:90px}

.search-wrap>input{margin-top:0}
.account-button #accountLabel{max-width:130px;overflow:hidden;text-overflow:ellipsis}

@media(max-width:600px){.album-toolbar>.filter-tabs{flex:0 0 100%;max-width:100%;width:100%;border:0;background:none;padding:0;justify-content:flex-start}
.album-toolbar .tab{border-color:#cfc9d4;background:#f1eef5}
.album-toolbar .tab.active{background:white;border-color:#ad92d5}
.search-wrap>input{font-size:16px;min-height:41px}
.account-dialog input{font-size:16px}
.album-toolbar>select{min-height:41px;font-size:11px}
.admin-search>select{min-height:41px}
}


/* Le blister est l’unique activité de l’accueil. */
:root{--fire:#ff4d24;--red:#e83025;--sun:#ffe240;--app-header:78px;--app-nav:0px}
html{scroll-behavior:auto}
body{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;overflow-x:clip}
.content{width:100%;flex:1;min-height:0}
.view{animation:none}
body[data-view="home"] .content{height:calc(100dvh - var(--app-header) - 66px);flex:none;display:flex;flex-direction:column;padding-block:20px}
body[data-view="home"] #view-home{flex:1;min-height:0}
.daily-hub{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:14px;height:100%;max-height:720px;max-width:740px;margin-inline:auto;padding:24px 34px 0;background:#fff1d9;border:2px solid var(--ink);border-radius:12px;box-shadow:5px 5px 0 var(--ink);overflow:hidden}
.daily-heading{text-align:center;position:relative;z-index:1}
.daily-status{display:inline-flex;align-items:center;gap:6px;min-height:18px;margin-bottom:10px;color:#b83214;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.daily-status:before{content:'';height:7px;width:7px;border-radius:50%;background:currentColor}
.daily-heading h1{font-size:32px;letter-spacing:-.06em;margin-bottom:9px}
.daily-heading h1>span{color:var(--fire)}
.daily-heading p{margin:0;font-size:12px;line-height:1.4;color:#78604b}
.daily-stage{position:relative;min-height:0;display:flex;align-items:center;justify-content:center;padding:14px 0 19px;isolation:isolate}
.daily-stage:before{content:'';position:absolute;width:min(90%,350px);aspect-ratio:1;background:#ffcb32;border:1.5px solid var(--ink);border-radius:50%;z-index:-1}
.daily-blister{display:block;position:relative;flex-shrink:0;height:100%;max-height:350px;width:auto;aspect-ratio:0.69;max-width:75%;padding:0;border:0;background:transparent;isolation:isolate}
.daily-blister:disabled{opacity:1}
#heroPack{position:absolute;display:block;inset:0;transform:rotate(-7deg);filter:drop-shadow(8px 10px 0 #20202030);transition:transform .22s,filter .22s}
.daily-blister:hover:not(:disabled) #heroPack{transform:rotate(-3deg) translateY(-3px)}
.daily-blister:active:not(:disabled) #heroPack{transform:rotate(-4deg) scale(.97)}
.blister-action{position:absolute;z-index:2;top:83%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap;padding:13px 18px;background:var(--paper);border:2px solid var(--ink);border-radius:7px;box-shadow:4px 4px 0 var(--ink);font-size:13px;font-weight:900;transition:background .15s}
.blister-action .icon{width:19px;height:19px}
.daily-blister:hover:not(:disabled) .blister-action{background:var(--sun)}
.daily-blister:disabled .blister-action{background:#e6e4df;color:#646464;box-shadow:2px 2px 0 #555}
.daily-hub[data-state="opened"] #heroPack{filter:grayscale(1) contrast(.8) opacity(.56) drop-shadow(6px 8px 0 #20202030)}
.daily-hub[data-state="opened"] .daily-stage:before{background:#e8e4dc;border-color:#c9c5bc}
.daily-hub[data-state="opened"] .daily-status{color:#716e67}
.daily-hub[data-state="opened"] .blister-action{background:var(--sun)}
.daily-hub[data-state="unavailable"] #heroPack,.daily-hub[data-state="loading"] #heroPack{filter:grayscale(.9) opacity(.45)}
.future-blisters{display:flex;align-items:center;justify-content:center;gap:9px;border-top:1px solid #ddbb8d;margin-inline:-34px;padding:14px 20px;background:#fff9ed;font-size:11px;color:#796b59;font-weight:700}
.future-blisters .icon{width:17px;height:17px}
.future-blisters small{font-size:9px;padding:2px 6px;border:1px solid #d3c5ab;border-radius:4px;margin-left:8px;font-weight:700}
body[data-view="home"] .site-footer{border:0;width:100%;padding-block:20px;height:66px}
/* Le même sachet orange, rouge et jaune accompagne toute l’ouverture. */
.collector-pack{background:var(--red);color:white;container-type:inline-size}
.collector-pack:before,.collector-pack:after{background:repeating-linear-gradient(90deg,#ffe240 0 2px,#ffc322 2px 4px,#b82017 4px 5px)}
.pack-lines{background:var(--fire);width:150%;height:65%;top:30%;left:-20%;border-color:#bf241c}
.pack-lines:after{background:var(--sun);border-color:var(--ink);height:35px}
.pack-emblem{color:var(--sun);margin-bottom:7px}
.pack-name{font-size:18cqw;line-height:.9;letter-spacing:-.065em}
.pack-tagline{font:900 12cqw/1 var(--heavy);letter-spacing:.08em;margin-top:7px;color:var(--sun)}
.pack-collection{font-size:2.7cqw}
.pack-badge{background:var(--sun)}
.pack-bottom-note{max-width:58%;font-size:2.7cqw}
/* Des pages d’album plutôt qu’un flux de petites cartes. */
#view-album .page-heading{padding-top:5px;padding-bottom:16px}
#view-album .page-heading h1{font-size:36px;margin-bottom:8px}
#view-album .page-heading p{font-size:11px;line-height:1.5}
#albumGrid{--album-art:clamp(125px,18dvh,190px);grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#albumGrid .patch-card{display:grid;grid-template-rows:24px var(--album-art) 60px;border:1.5px solid #d6d1c7;border-radius:8px;box-shadow:2px 3px 0 #e2dbcf}
#albumGrid .patch-card:hover{border-color:var(--ink);box-shadow:3px 4px 0 var(--ink)}
#albumGrid .patch-card-top{padding:8px 12px 0;min-height:0;overflow:hidden}
#albumGrid .card-country{font-size:10px;max-width:calc(100% - 25px);white-space:nowrap}
#albumGrid .patch-art{height:100%;padding:6px 18px 2px}
#albumGrid .patch-art:before{width:75%;height:auto;aspect-ratio:1;max-height:95%;border-radius:50%;opacity:.6}
#albumGrid .patch-art img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 4px 3px #20202025)}
#albumGrid .card-copy{padding:5px 12px 10px;gap:3px;display:flex;flex-direction:column}
#albumGrid .patch-name{font-size:12px;line-height:1.25}
#albumGrid .patch-place{font-size:9px;line-height:1.2}
#albumGrid .card-bottom{min-height:9px;margin-top:auto}
#albumGrid .rarity-label{font-size:7px}
#albumGrid .quantity-label{font-size:11px;padding-inline:6px;right:9px;top:7px}
#albumGrid .is-missing .patch-art img{filter:grayscale(1);opacity:.4}
.album-pagination{display:flex;align-items:center;justify-content:center;gap:24px;padding-top:18px}
.page-button{display:grid;place-items:center;width:40px;height:37px;background:white;border:1.5px solid var(--ink);border-radius:5px;box-shadow:2px 2px 0 var(--ink);font-size:19px;font-weight:700}
.page-button:hover:not(:disabled){background:var(--sun)}
.page-button:disabled{box-shadow:none;opacity:.35}
#albumPageStatus{min-width:45px;text-align:center;font-size:12px;font-weight:800}
/* Le Market distingue les usages déjà ouverts des prochains espaces. */
.market-modes{display:flex;gap:8px;margin-bottom:19px;border-bottom:1px solid var(--line);padding-bottom:14px}
.market-mode{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1.5px solid #ccc6d4;border-radius:5px;background:white;color:var(--muted);font-weight:800;font-size:12px;padding:10px 14px}
.market-mode.active{color:var(--ink);background:var(--sun);border-color:var(--ink);box-shadow:2px 2px 0 var(--ink)}
.market-mode small{font-size:8px;font-weight:700;background:#f2eee7;border-radius:3px;padding:2px 4px;color:#797369}
.market-upcoming{text-align:center;padding:38px 15px;max-width:540px;margin:10px auto}
.market-upcoming>.icon{width:37px;height:37px;color:var(--purple);margin-bottom:20px}
.market-upcoming h2{font-size:27px;margin-bottom:15px}
.market-upcoming p{font-size:13px;line-height:1.7;max-width:380px;margin:0 auto 24px}
.account-links{display:flex;justify-content:space-between;gap:15px;margin-top:25px;padding-top:17px;border-top:1px solid var(--line);font-size:10px;font-weight:700;color:var(--muted)}
@media(max-width:1000px){#albumGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){
 :root{--app-header:65px;--app-nav:calc(68px + env(safe-area-inset-bottom,0px))}
 .site-header{min-height:var(--app-header)}
 .header-inner{min-height:var(--app-header);padding:12px 18px}
 .account-button>#accountLabel{display:none}
 .brand{max-width:calc(100% - 44px)}
 .brand-name{font-size:19px}
 .main-nav{position:fixed;inset:auto 0 0;min-height:var(--app-nav);padding:7px max(12px,env(safe-area-inset-right,0px)) calc(7px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));display:flex;align-items:stretch;justify-content:space-around;gap:9px;border:0;border-top:2px solid var(--ink);border-radius:0;background:var(--paper);box-shadow:none;z-index:30}
 .nav-link{flex:1;flex-direction:column;gap:3px;min-height:52px;min-width:0;max-width:160px;padding:5px 8px;font-size:10px;line-height:1.2;border-radius:7px}
 .nav-link>.icon{width:23px;height:23px}
 .nav-link.active{box-shadow:2px 2px 0 var(--ink);background:#ffdf47;color:var(--ink)}
 .notification-dot{top:6px;right:25%}
 .content{padding:17px 17px calc(var(--app-nav) + 22px);touch-action:pan-y pinch-zoom}
 .site-footer{display:none}
 body[data-view="home"] .content{height:calc(100dvh - var(--app-header) - var(--app-nav));padding:15px 17px 20px;flex:none}
 .daily-hub{padding:23px 20px 0;gap:12px;border-radius:10px;box-shadow:4px 4px 0 var(--ink)}
 .daily-status{font-size:9px;margin-bottom:10px}
 .daily-heading h1{font-size:29px;margin-bottom:8px;line-height:1.05}
 .daily-heading p{font-size:11px}
 .daily-stage{padding:13px 0 24px}
 .daily-stage:before{width:min(96%,315px)}
 .daily-blister{max-height:360px;max-width:73%}
 .blister-action{font-size:13px;padding:13px 16px}
 .future-blisters{margin-inline:-20px;padding:14px 15px;font-size:11px}
 .future-blisters small{font-size:8px}
 .demo-banner{font-size:8px;padding:6px 9px;line-height:1.5;margin-bottom:9px;flex-shrink:0}
 .album-toolbar .search-wrap>input,.market-toolbar .search-wrap>input,.world-toolbar .search-wrap>input{font-size:16px}
 #view-album .page-heading{padding:0 0 12px;gap:8px;flex-wrap:nowrap;align-items:center}
 #view-album .page-heading h1{font-size:29px;margin-bottom:6px}
 #view-album .page-heading p{font-size:10px;line-height:1.4}
 #view-album .page-heading>.btn{padding:7px 9px;min-height:36px;font-size:9px;white-space:nowrap}
 .album-results-line{min-height:32px}
 #albumGrid{gap:12px;--album-art:clamp(92px,15dvh,132px)}
 #albumGrid .patch-card{grid-template-rows:22px var(--album-art) 54px}
 #albumGrid .patch-art{padding:4px 12px 2px}
 #albumGrid .patch-card-top{padding:7px 9px 0}
 #albumGrid .card-country{font-size:9px}
 #albumGrid .patch-name{font-size:11px}
 #albumGrid .patch-place{font-size:8px}
 #albumGrid .card-copy{padding:5px 9px 8px}
 #albumGrid .quantity-label{font-size:10px;padding-inline:5px;top:6px;right:6px}
 .album-pagination{padding-top:15px;gap:24px}
 .page-button{height:36px;width:40px}
 .market-modes{gap:7px;margin-bottom:16px}
 .market-mode{flex:1;flex-direction:column;gap:3px;padding:8px 7px;font-size:11px;min-height:49px}
 .market-mode small{font-size:7px;padding:0;background:transparent}
 .market-upcoming h2{font-size:25px}
 .market-upcoming p{font-size:12px}
 .account-links{font-size:10px}
}
@media(max-width:600px){
 #albumGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .album-toolbar{gap:7px}
 .album-toolbar .filter-tabs{flex-basis:100%}
 .album-toolbar>select{font-size:10px;width:132px}
 .album-toolbar .tab{font-size:10px;padding:6px 11px}
 .album-toolbar .search-wrap>input{font-size:16px}
 #view-market .page-heading{padding-top:2px;padding-bottom:15px;gap:13px}
 #view-market .page-heading h1{font-size:34px;margin-bottom:7px}
 #view-market .page-heading .eyebrow{display:none}
 #view-market .page-heading p{font-size:11px}
 #view-market .page-heading>.btn{font-size:10px;min-height:36px}
}
@media(max-width:360px){.daily-heading h1{font-size:24px}.daily-hub{padding-top:17px}.daily-status{font-size:8px}.blister-action{font-size:11px;gap:6px;padding:11px 12px}.daily-stage{padding-bottom:18px}}
@media(max-height:660px) and (max-width:760px){
 .daily-hub{padding-top:12px;gap:6px}
 .daily-heading h1{font-size:24px;margin-bottom:4px}
 .daily-status{font-size:8px;margin-bottom:4px}
 .daily-heading p{font-size:10px}
 .daily-stage{padding-block:7px 13px}
 .daily-stage:before{height:90%;width:auto;aspect-ratio:1}
 .blister-action{font-size:11px;padding:10px 12px;gap:6px}
 .future-blisters{padding-block:9px;font-size:10px}
}
@media(max-height:480px) and (min-width:480px) and (max-width:760px){
 .daily-hub{grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr) auto;padding:12px 20px 0}
 .daily-heading{align-self:center}
 .daily-stage{grid-column:2;grid-row:1;padding:2px 0 10px}
 .future-blisters{grid-column:1/-1}
 .daily-heading h1{font-size:25px;max-width:200px;margin-inline:auto}
 .daily-stage:before{height:92%}
 .daily-blister{max-width:70%}
}
@media(prefers-reduced-motion:reduce){#heroPack,.blister-action{transition:none}.daily-blister:hover:not(:disabled) #heroPack,.daily-blister:active:not(:disabled) #heroPack{transform:rotate(-7deg)}}

.is-swiping{user-select:none;-webkit-user-select:none}
#heroPack .pack-bottom-note{display:none}
/* Le conteneur reste collé à l’en-tête, sans marge automatique verticale. */
.content{margin:0 auto}
.site-header{height:var(--app-header);flex-shrink:0}
.header-inner{height:100%;min-height:0}

.catalogue-readiness{padding:11px 14px;margin-bottom:16px;border:1px solid #da8b34;border-radius:5px;background:#fff1d9;color:#85450a;font-size:12px}

#main img{-webkit-user-drag:none;user-select:none;-webkit-user-select:none}

/* Les filtres mobiles se déploient seulement lorsqu’on les utilise. */
.album-filter-toggle{display:none}
.album-filter-panel{display:flex;align-items:center;gap:11px;flex:1;min-width:0}
@media(max-width:760px){
 .album-toolbar{gap:8px;justify-content:space-between}
 .album-toolbar .filter-tabs{flex-basis:auto;max-width:calc(100% - 43px)}
 .album-filter-toggle{display:grid;width:36px;height:36px;border-radius:5px}
 .album-filter-toggle[aria-expanded="true"],.album-filter-toggle.has-filters{background:var(--sun)}
 .album-filter-panel{display:none;flex-basis:100%;gap:8px}
 .album-filter-panel.is-open{display:flex}
 .album-filter-panel .search-wrap{min-width:0;flex:1}
 .album-filter-panel select{width:132px;font-size:10px;padding-inline:7px;min-height:39px}
}
@media(max-width:360px){
 #view-album .page-heading h1{font-size:25px;white-space:nowrap}
 #view-album .page-heading>.btn{gap:5px;font-size:8px;padding-inline:7px}
}
@media(max-height:480px) and (min-width:480px) and (max-width:760px){
 :root{--app-header:50px}
 .header-inner{padding-block:7px}
 .content{padding-top:10px;padding-bottom:calc(var(--app-nav) + 12px)}
 #view-album .page-heading{padding-bottom:6px}
 #view-album .page-heading h1{font-size:25px;margin-bottom:0}
 #view-album .page-heading p{display:none}
 #view-album .page-heading>.btn{min-height:30px}
 .album-results-line{min-height:24px}
 .album-pagination{padding-top:10px}
 .page-button{height:32px}
}
.content{overflow-x:clip;overflow-clip-margin:6px}
@media(max-width:760px){.content{padding-bottom:calc(var(--app-nav) + 18px)}}
@media(max-height:480px) and (min-width:480px) and (max-width:760px){
 .content{padding-top:6px;padding-bottom:calc(var(--app-nav) + 10px)}
 .album-results-line{min-height:20px}
 .album-pagination{padding-top:8px}
}
/* 0.7 — le patch sort du cadre. */
.pack-lines:after{display:none}
.player-header{display:flex;align-items:center;gap:13px;flex-shrink:0}
.flame-counter{display:flex;align-items:center;gap:5px;padding:5px 8px;border:0;background:none;font-size:14px;font-weight:900;line-height:1}
.flame-counter>.icon{width:22px;height:27px;color:var(--fire)}
.flame-counter>strong{max-width:90px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.flame-counter:hover{background:#ffe9cf;border-radius:6px}
.flame-counter.is-guest{color:#888}
.flame-counter.is-guest>.icon{color:#b4aca2}
.account-initial{border-radius:50%;transform:none}
body[data-view="album"] .content{height:calc(100dvh - var(--app-header) - 66px);flex:none;display:flex;flex-direction:column;padding-block:20px}
body[data-view="album"] .site-footer{height:66px;flex-shrink:0;margin:0 auto;padding-block:20px;width:100%}
#view-album{display:flex;flex-direction:column;flex:1;min-height:0}
.album-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}
.album-heading h1{font-size:30px;margin:0 0 6px;letter-spacing:-.055em}
.album-heading p{font-size:11px;margin:0}
.album-heading>.icon-button{width:38px;height:38px;border-color:#ccc5d2}
.carousel-search{padding-top:10px;flex-shrink:0}
.carousel-search input{font-size:16px}
.album-carousel{flex:1;min-height:0;display:flex;flex-direction:column}
.album-stage{position:relative;flex:1;min-height:0;display:grid;place-items:center;overflow:hidden;touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none;isolation:isolate}
.album-focus{position:relative;width:min(90%,560px);height:min(100%,560px);border:0;padding:0;background:none;display:grid;place-items:center;z-index:2;touch-action:pan-y}
.album-focus>img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 8px #20202021);-webkit-user-drag:none}
.album-neighbour{position:absolute;top:50%;width:min(54%,360px);height:72%;border:0;padding:0;background:none;z-index:1;opacity:.28;filter:saturate(.75)}
.album-neighbour>img{width:100%;height:100%;object-fit:contain;pointer-events:none}
.album-neighbour.previous{left:0;transform:translate(-63%,-50%) rotate(-9deg)}
.album-neighbour.next{right:0;transform:translate(63%,-50%) rotate(9deg)}
.album-neighbour:hover{opacity:.5}
.album-quantity{position:absolute;bottom:5%;right:6%;display:grid;place-items:center;min-width:44px;height:38px;padding:0 10px;background:var(--sun);border:2px solid var(--ink);border-radius:22px;font-weight:900;font-size:18px;box-shadow:2px 3px 0 var(--ink)}
.carousel-navigation{height:62px;flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:35px}
.carousel-arrow{width:46px;height:42px;border:1.5px solid var(--ink);border-radius:50%;background:var(--paper);font-size:22px;font-weight:700;box-shadow:2px 2px 0 var(--ink)}
.carousel-arrow:hover:not(:disabled){background:var(--sun)}
.carousel-arrow:disabled{box-shadow:none;opacity:.25}
#albumPosition{min-width:50px;text-align:center;font-size:12px;font-weight:800;color:var(--muted)}
.album-info{position:absolute;left:50%;bottom:13px;transform:translateX(-50%);z-index:5;width:min(360px,calc(100% - 20px));padding:21px 22px 18px;background:var(--paper);border:1.5px solid var(--ink);border-radius:13px;box-shadow:0 8px 23px #20202028;user-select:text}
.album-info>.icon-button{position:absolute;right:9px;top:9px;border:0;background:none;width:27px;height:27px}
.album-info .eyebrow{font-size:8px;margin-bottom:9px;padding-right:24px}
.album-info h2{font-size:23px;margin:0 0 9px;line-height:1.1;padding-right:6px}
.album-info p{font-size:11px;margin:0 0 12px;line-height:1.5}
#albumInfoQuantity{display:block;font-size:11px;font-weight:700}
#albumInfoTrade{margin-top:13px;font-size:11px}
#emptyAlbum{margin:auto;max-width:450px}
#emptyAlbum h2{font-size:29px;margin-bottom:15px}
.access-gate{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:18px;min-height:calc(100dvh - var(--app-header) - 180px);padding:20px 10px}
.access-gate h1{font-size:38px;line-height:1.04;margin:0}
.access-gate p{max-width:340px;margin:0;font-size:13px;line-height:1.7}
.gate-emblem{display:grid;place-items:center;width:65px;height:77px;border:2px solid var(--ink);border-radius:8px 8px 27px 27px;background:var(--sun);box-shadow:4px 4px 0 var(--ink);transform:rotate(-7deg);margin-bottom:8px}
.gate-emblem>.icon{width:30px;height:35px;transform:rotate(7deg)}
.wallet-dialog{max-width:450px;padding:30px}
.wallet-dialog h2{font-size:31px;margin-bottom:21px}
.wallet-total{display:flex;align-items:center;gap:11px;margin-bottom:13px}
.wallet-total>.icon{width:40px;height:50px;color:var(--fire)}
.wallet-total>strong{font:900 48px/1 var(--heavy);letter-spacing:-.06em;overflow-wrap:anywhere}
#walletHelp{font-size:12px;line-height:1.7}
.wallet-dialog h3{font-size:14px;letter-spacing:-.03em;margin:25px 0 10px}
.flame-history-row{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding:10px 0;font-size:12px}
.flame-history-row small{display:block;font-size:9px;color:var(--muted);margin-top:3px}
.flame-history-row strong{color:#b73916;font-size:14px}
.wallet-future{font-size:10px;line-height:1.6;margin-top:24px}
/* Toute la fenêtre d’ouverture reçoit les gestes. */
.booster-dialog{inset:0;margin:0;width:100%;max-width:none;height:100dvh;max-height:100dvh;border:0;border-radius:0;padding:0;box-shadow:none;touch-action:pan-y pinch-zoom}
.booster-shell{min-height:100%;display:flex;flex-direction:column}
.booster-content{flex:1;padding:20px 20px 24px;justify-content:center}
.booster-stage{height:clamp(160px,43dvh,430px);max-width:750px;flex-shrink:0}
.patch-rotator{width:min(82vw,43dvh,420px);height:min(82vw,43dvh,420px)}
.stage-disc{width:min(70vw,35dvh,340px);height:min(70vw,35dvh,340px);opacity:.6}
.stage-disc:after{display:none}
.opening-pack{width:min(48vw,26dvh,235px);height:min(69vw,38dvh,340px)}
.opening-pack .pack-name{font-size:18cqw}
.opening-pack .pack-tagline{font-size:12cqw}
.opening-pack .pack-collection{font-size:2.7cqw}
.tear-guide{display:none}
.tear-strip{background:repeating-linear-gradient(90deg,#ffe240 0 2px,#ffc322 2px 4px,#b82017 4px 5px)}
#boosterDialog img{-webkit-user-drag:none;user-select:none}
@media(max-width:760px){
 .player-header{gap:7px}
 .brand{max-width:calc(100% - 114px);min-width:0}
 .brand-name{font-size:17px}
 .flame-counter{font-size:13px;padding-inline:3px}
 .flame-counter>.icon{width:21px;height:26px}
 .flame-counter>strong{max-width:66px}
 body[data-view="album"] .content{height:calc(100dvh - var(--app-header) - var(--app-nav));padding:16px 12px 10px}
 .album-heading{padding-inline:5px}
 .album-heading h1{font-size:26px;margin-bottom:6px}
 .album-heading p{font-size:10px}
 .album-focus{width:94%;height:100%;max-height:520px}
 .album-neighbour{width:63%;height:70%}
 .album-neighbour.previous{transform:translate(-68%,-50%) rotate(-9deg)}
 .album-neighbour.next{transform:translate(68%,-50%) rotate(9deg)}
 .album-quantity{right:4%;bottom:7%;font-size:16px;min-width:41px;height:35px}
 .carousel-navigation{height:55px;gap:35px}
 .carousel-arrow{width:44px;height:40px}
 .album-info{padding:19px 19px 17px;bottom:8px}
 .album-info h2{font-size:22px}
 .access-gate{min-height:calc(100dvh - var(--app-header) - var(--app-nav) - 55px);gap:17px}
 .access-gate h1{font-size:29px}
 .access-gate p{font-size:12px;max-width:300px}
 .wallet-dialog{padding:29px 23px}
 .account-dialog input{font-size:16px}
 .booster-content{padding:15px 14px 22px}
 .booster-content>.eyebrow{margin-bottom:8px}
 .booster-content>h2{font-size:25px;margin-bottom:7px}
 .booster-content>p:not(.eyebrow){font-size:11px;max-width:360px}
 .reveal-caption{min-height:78px}
 .booster-actions{gap:11px}
 .summary-card img{height:105px}
}
@media(max-height:660px){
 .booster-content{padding-block:10px}
 .booster-content>.eyebrow{display:none}
 .booster-content>h2{font-size:22px;margin-bottom:4px}
 .booster-stage{height:35dvh}
 .patch-rotator{width:min(80vw,35dvh);height:min(80vw,35dvh)}
 .reveal-caption{min-height:65px;gap:3px}
 .reveal-caption h3{font-size:18px}
 .booster-actions{gap:9px}
 .access-gate{gap:12px}
 .access-gate h1{font-size:26px}
 .gate-emblem{width:48px;height:56px;margin:0}
 .album-info{bottom:6px;padding-block:14px}
}
.album-stage{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}
.album-focus{min-height:0;min-width:0}
.album-focus>img{min-height:0;max-height:100%}
@media(max-height:660px){.summary-card img{height:62px}.summary-patches{gap:6px;margin-bottom:14px}.booster-dialog.is-summary .booster-content{padding-block:10px}}
/* Le toucher ne déplace pas le focus sur les titres. */
.view h1[tabindex="-1"]:focus{outline:none}
body[data-input="pointer"] button:focus-visible,body[data-input="pointer"] a:focus-visible{outline:none}
.username-availability{font-size:11px;line-height:1.5;min-height:0;margin:0}
.username-availability:empty{display:none}
.username-availability.available{color:#187348}
.username-availability.unavailable{color:#ad3524}
.member-contact{display:flex;flex-direction:column;gap:5px;padding:13px 0 15px;overflow-wrap:anywhere}
.member-contact>strong{font-size:13px}
.member-contact>small{color:var(--muted);font-size:10px}
.member-email-editor{padding:13px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 0 18px}
.member-email-editor>summary{font-size:11px;font-weight:800;cursor:pointer}
.member-email-editor>form{margin-top:16px}
.wallet-reserved{background:#fff0cf;padding:11px 13px;border-radius:5px;color:#806015;font-size:11px;line-height:1.6}
.flame-history-row strong.is-debit{color:#6d6672}
.listing-options{display:grid;gap:12px;margin:16px 0 18px}
.listing-options label{display:block;font-size:11px}
.listing-options select,.listing-options input{font-size:14px;min-height:42px}
.listing-price{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.market-flames{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;color:var(--ink)}
.market-flames>.icon{width:18px;height:23px;color:var(--fire)}
.market-flames>strong{font-size:19px;line-height:1}
.sale-price{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 0 0;border-top:1px solid var(--line)}
.sale-price>small{font-size:9px;color:var(--muted)}
.auction-meta{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted);gap:12px}
.leading-bid{font-size:10px;color:#16734c;font-weight:800}
.sale-own-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px;font-size:10px;color:var(--muted)}
.sale-own-footer small{font-size:9px}
.sale-own .market-flames>strong{font-size:16px}
.receipt-amount{display:inline-flex;align-items:center;gap:2px;font-size:16px;font-weight:800;color:#18734b}
.receipt-amount.debit{color:#6d6672}
.receipt-amount .market-flames>strong{font-size:16px}
.market-transaction-dialog{max-width:450px;padding:31px 27px}
.market-transaction-dialog h2{font-size:29px;line-height:1.05;margin-bottom:22px}
.transaction-patch{display:flex;align-items:center;gap:17px;margin:0 0 15px}
.transaction-patch>img{width:105px;height:115px;object-fit:contain}
.transaction-patch>span{min-width:0;flex:1}
.transaction-patch strong{font-size:15px;line-height:1.35;display:block}
.transaction-patch small{display:block;font-size:10px;color:var(--muted);margin-top:8px;overflow-wrap:anywhere}
.transaction-price{display:flex;align-items:center;margin:10px 0 9px}
.transaction-price .market-flames>strong{font-size:28px}
.transaction-price .icon{width:23px;height:30px}
#marketTransactionBudget{font-size:11px;color:var(--muted);margin:0 0 18px}
#bidAmountGroup{display:block;font-size:11px;margin:18px 0}
#bidAmount{font-size:19px;min-height:48px}
#marketTransactionHelp{font-size:11px;line-height:1.65}
#confirmMarketTransaction{width:100%;margin-top:8px}
@media(max-width:760px){
 .market-modes{gap:7px}
 .market-mode{min-height:42px;padding:10px 7px}
 .listing-options select,.listing-options input{font-size:16px}
 .sale-card>.btn{min-height:40px}
 .sale-price{padding-top:10px}
 .market-flames>strong{font-size:20px}
 .market-transaction-dialog{padding:29px 23px}
 .market-transaction-dialog h2{font-size:25px}
 .transaction-patch>img{width:90px;height:100px}
 .transaction-patch strong{font-size:14px}
 .sale-own .my-listing-header{align-items:center}
 .sale-own .my-listing-header>.market-flames{flex-shrink:0}
 .sale-own-footer{font-size:10px;align-items:center}
 .receipt-amount .market-flames>strong{font-size:15px}
 .member-email-editor input{font-size:16px}
}

/* 0.9 — des petites activités, de vrais reçus, et encore cinq surprises. */
.btn-ink{background:var(--ink);color:var(--paper)}
.daily-dock{display:grid;grid-template-columns:1fr 1.2fr;border-top:1px solid #ddbb8d;margin-inline:-34px;background:#fff9ed;min-height:53px}
.daily-dock>button{display:flex;align-items:center;justify-content:center;gap:9px;padding:12px 9px;border:0;background:none;font-size:11px;font-weight:800;color:var(--ink)}
.daily-dock>button+button{border-left:1px solid #ddbb8d}
.daily-dock>button:hover{background:#ffeec8}
.daily-dock .icon{width:18px;height:21px;color:var(--fire)}
.daily-dock strong{display:grid;place-items:center;min-width:23px;height:23px;border:1px solid var(--ink);border-radius:50%;font-size:10px;background:white}
.daily-dock strong.has-boosters{background:var(--sun);box-shadow:2px 2px 0 var(--ink)}
.economy-dialog{width:min(540px,calc(100vw - 24px));padding:32px 28px}
.economy-dialog>.eyebrow{font-size:8px;max-width:calc(100% - 20px)}
.economy-dialog>h2{font-size:42px;line-height:.95;letter-spacing:-.065em;margin:13px 0 15px}
.economy-dialog h2>span{color:var(--purple)}
.economy-dialog p{font-size:12px;line-height:1.65}
.economy-dialog label{font-size:11px}
.economy-dialog input,.economy-dialog select,.economy-dialog textarea{font-size:14px}
.economy-balance{display:flex;align-items:center;gap:6px;color:var(--muted);margin-bottom:18px}
.economy-balance>.icon{width:20px;height:25px;color:var(--fire)}
.economy-balance>strong{color:var(--ink);font-size:21px}
.booster-reserve{display:grid;grid-template-columns:55px 1fr;align-items:center;gap:8px 14px;padding:17px;border:1.5px solid var(--ink);border-radius:6px;background:#fff5c5;margin:0 0 20px}
.reserve-count{font:900 48px/1 var(--heavy);transform:rotate(-6deg);text-align:center}
.booster-reserve h3{font-size:12px;margin-bottom:4px}
.booster-reserve p{font-size:10px;margin:0}
.booster-reserve>.btn{grid-column:1/-1;margin-top:7px;font-size:12px}
.booster-shop-card{display:grid;grid-template-columns:135px minmax(0,1fr);gap:20px;align-items:center;padding:22px 18px 19px;background:#ff7052;border:1.5px solid var(--ink);border-radius:7px;box-shadow:4px 4px 0 var(--ink)}
.shop-pack{width:127px;height:195px;transform:rotate(-10deg);filter:drop-shadow(5px 6px 0 #7726174a)}
.shop-pack .pack-name{font-size:23px}
.shop-pack .pack-tagline{font-size:18px}
.shop-pack .pack-emblem{height:28px;margin-bottom:7px}
.shop-pack .pack-emblem .icon{height:28px}
.shop-pack .pack-collection{top:22px;font-size:3.5px}
.shop-pack .pack-content{padding:25px 7px 21px}
.shop-pack .pack-badge{height:29px;width:29px;right:7px;bottom:24px}
.shop-pack .pack-badge strong{font-size:16px}
.shop-pack .pack-badge small{font-size:4px}
.shop-pack .pack-bottom-note{bottom:25px;left:7px;font-size:3.5px}
.shop-copy>.eyebrow{font-size:6px;margin-bottom:8px}
.shop-copy h3{font-size:24px;line-height:.97;letter-spacing:-.055em;margin-bottom:15px}
.shop-copy label{font-size:9px}
.shop-copy select{min-height:35px;background:#fffaf3;border:1px solid var(--ink);margin-top:5px;font-size:11px;padding-block:6px}
.shop-copy .btn{width:100%;font-size:10px;line-height:1.4;margin:10px 0 8px;padding:10px 9px;box-shadow:2px 2px 0 var(--ink)}
.shop-copy>small{display:block;font-size:8px;line-height:1.6}
.economy-history{margin-top:23px;border-top:1px solid var(--line);padding-top:15px}
.shop-earn-link{display:block;margin:18px auto 0;font-size:11px}
.economy-history>summary{cursor:pointer;font-size:11px;font-weight:800}
.economy-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--line);font-size:11px}
.economy-row small{display:block;font-size:9px;color:var(--muted);margin-top:4px;overflow-wrap:anywhere}
.economy-row>strong{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;font-size:10px}
.economy-row .icon{width:14px;height:17px;color:var(--fire)}
.muted-copy{color:var(--muted);font-size:11px;line-height:1.7}
.purchase-summary{padding:21px;border:1.5px solid var(--ink);border-radius:5px;background:#fff4cd;margin:22px 0 15px}
.purchase-pack-count{display:flex;align-items:center;gap:8px;font:900 35px/1 var(--heavy);margin-bottom:10px}
.purchase-pack-count .icon{height:40px;width:29px}
.purchase-summary h3{font-size:16px;margin-bottom:20px}
.purchase-summary>div{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding-block:8px;border-top:1px solid #d8c892}
.purchase-summary .icon{height:20px;width:17px;vertical-align:middle}
.purchase-summary strong{font-size:20px}
.purchase-dialog>.btn{margin-top:18px}
.earn-heading{display:flex;align-items:center;gap:20px;margin-bottom:21px;padding-top:8px}
.earn-heading h2{font-size:46px;line-height:.88;letter-spacing:-.07em;margin:9px 0 0}
.earn-heading .eyebrow{font-size:6px;line-height:1.6;letter-spacing:.12em}
.earn-flame{position:relative;display:grid;place-items:center;flex:0 0 100px;height:108px;background:var(--sun);border:2px solid var(--ink);border-radius:48% 48% 42% 49%;transform:rotate(-10deg);box-shadow:4px 4px 0 var(--ink)}
.earn-flame>.icon{width:66px;height:79px;color:var(--fire);filter:drop-shadow(2px 2px 0 var(--ink))}
.earn-tabs{display:flex;margin-bottom:20px}
.earn-tabs>.tab{flex:1}
.mission-intro{position:relative;padding:22px 20px 20px;border:1.5px solid var(--ink);border-radius:6px;background:#fff5ce;margin-bottom:18px}
.mission-intro h3{font-size:30px;line-height:.94;letter-spacing:-.055em;padding-top:33px;margin-bottom:13px}
.mission-intro>p{font-size:11px;margin:0;max-width:350px}
.mission-reward{position:absolute;right:14px;top:12px;display:inline-flex;align-items:center;gap:3px;padding:5px 11px;background:white;border:1.5px solid var(--ink);border-radius:20px;font-weight:900;font-size:17px;transform:rotate(5deg);box-shadow:2px 2px 0 var(--ink)}
.mission-reward>.icon{height:22px;width:17px;color:var(--fire)}
.mission-station{background:#ff775c}
.mission-station>.btn{font-size:11px;margin-top:16px}
.referral-link-label{font-size:10px!important}
.referral-link-label input{font-size:11px;margin-top:6px;background:white}
#copyReferralLink{font-size:12px;margin-top:11px}
.referral-code{font-size:9px!important;color:var(--muted);text-align:center;margin:12px 0 17px;letter-spacing:.03em}
.referral-stats{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:4px;background:white}
.referral-stats>span{padding:12px 10px;text-align:center;font-size:9px;color:var(--muted)}
.referral-stats>span+span{border-left:1px solid var(--line)}
.referral-stats strong{display:block;font-size:23px;color:var(--ink);margin-bottom:3px}
.daily-reward-note{display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);margin:20px 0 0;padding-top:14px;color:var(--muted);font-size:9px!important}
.daily-reward-note .icon{height:21px;width:17px;flex-shrink:0}
.proposal-dialog form{display:grid;gap:16px;margin-top:21px}
.proposal-dialog label>small{display:block;color:var(--muted);font-weight:400;font-size:9px;margin-block:6px}
.proposal-dialog input[type=file]{font-size:10px;padding:14px;background:#fff4cd}
.proposal-privacy{font-size:9px;color:var(--muted);line-height:1.7}
.my-submissions{display:grid;gap:12px}
.submission-status{padding:15px 17px;background:white;border:1px solid var(--line);border-radius:5px}
.submission-status h4{font-size:15px;line-height:1.3;margin:10px 0 5px}
.submission-status>small{font-size:10px;color:var(--muted)}
.submission-status>p{font-size:11px;overflow-wrap:anywhere}
.submission-state{display:inline-block;font-size:8px;line-height:1.4;padding:4px 7px;border:1px solid #cabd9c;border-radius:4px;background:#fff0c0;font-weight:800}
.submission-state.is-contacted{background:#e9e0ff;border-color:#bbaaed}
.submission-state.is-approved{background:#c8f0da;border-color:#8bbda2}
.submission-state.is-rejected{background:#eeeae6;border-color:#cec5bc}
.submission-reward{display:block;font-size:10px;font-weight:800;margin-top:12px}
.wallet-activities{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}
.wallet-activities>.btn{font-size:10px;padding-inline:8px}
.account-referral{padding:10px 0;border-block:1px solid var(--line)}
.account-referral>summary{font-size:11px;font-weight:800;cursor:pointer}
.account-referral label{display:block;margin-top:13px}
.account-referral small{display:block;font-size:10px;font-weight:400;color:var(--muted);line-height:1.6;margin-top:7px}
.admin-section-tag{display:inline-block;padding:3px 7px;background:var(--sun);border:1px solid var(--ink);border-radius:4px;font-size:8px;font-weight:800;letter-spacing:0;vertical-align:middle;margin-left:9px}
.admin-economy-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px}
.admin-economy-grid>section{min-width:0}
.admin-user-search{grid-template-columns:minmax(0,1fr) auto;align-items:end;margin-bottom:14px}
.admin-user-search label{margin:0}
.admin-collectors{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:205px;overflow:auto;margin:0 0 17px;padding:2px 5px 5px 2px}
.admin-member{padding:12px 9px;text-align:left;border:1px solid var(--line);background:#fffdf7;border-radius:4px;min-width:0}
.admin-member.selected{border:1.5px solid var(--ink);background:var(--sun);box-shadow:2px 2px 0 var(--ink)}
.admin-member>strong{display:block;font-size:11px;overflow-wrap:anywhere}
.admin-member>small{display:block;font-size:9px;margin-top:5px;color:var(--muted)}
#grantMemberLabel{font-size:11px;font-weight:800;margin:0}
.admin-submissions{display:grid;gap:11px;margin-top:17px;max-height:780px;overflow:auto;padding:0 5px 5px 0}
.admin-submission{padding:14px;background:#fffdf7;border:1px solid var(--line);border-radius:4px}
.admin-submission>summary{cursor:pointer;list-style-position:inside}
.admin-submission>summary>strong{display:block;font-size:13px;line-height:1.4;margin-top:9px}
.admin-submission>summary>small{display:block;color:var(--muted);font-size:10px;margin-top:4px}
.submission-body{display:grid;gap:13px;margin-top:17px;min-width:0}
.submission-body>p{font-size:11px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}
.submission-body>.text-link{font-size:10px;overflow-wrap:anywhere}
.submission-review-actions{display:flex;align-items:center;flex-wrap:wrap;gap:13px}
.submission-review-actions button{font-size:10px!important}
.submission-approval{padding-top:18px;border-top:1px solid var(--line)}
.submission-approval p{font-size:10px;line-height:1.6;margin:0}
.proposal-image{display:flex;align-items:center;gap:10px;font-size:10px;max-width:100%}
.proposal-image>img{width:90px;height:90px;object-fit:contain;background:#eee;border-radius:4px}
@media(max-width:760px){
 .daily-dock{margin-inline:-23px;min-height:48px}
 .daily-dock>button{gap:7px;font-size:10px;padding:11px 7px}
 .daily-dock .icon{width:16px;height:19px}
 .admin-economy-grid{grid-template-columns:1fr;gap:28px}
 .admin-section-tag{font-size:6px;margin-left:4px}
 .economy-dialog{padding:30px 23px}
 .economy-dialog input,.economy-dialog textarea{font-size:16px}
 .economy-dialog>h2{font-size:37px}
 .booster-shop-card{grid-template-columns:112px minmax(0,1fr);gap:13px;padding:18px 12px}
 .shop-pack{width:109px;height:174px}
 .shop-pack .pack-name{font-size:21px}
 .shop-pack .pack-tagline{font-size:16px}
 .shop-pack .pack-emblem{height:23px}
 .shop-pack .pack-badge{height:25px;width:25px}
 .shop-pack .pack-badge strong{font-size:14px}
 .shop-copy h3{font-size:22px}
 .shop-copy select{font-size:12px}
 .shop-copy .btn{font-size:9px}
 .earn-heading{gap:15px}
 .earn-flame{flex-basis:83px;height:94px}
 .earn-flame>.icon{width:57px;height:69px}
 .earn-heading h2{font-size:41px}
 .mission-intro h3{font-size:29px}
 .referral-link-label input{font-size:12px}
}
@media(max-width:359px){
 .daily-dock{margin-inline:-15px;grid-template-columns:1fr 1.25fr}
 .daily-dock>button{font-size:8px;gap:5px}
 .daily-dock strong{height:20px;min-width:20px;font-size:9px}
 .economy-dialog{padding-inline:18px}
 .booster-shop-card{grid-template-columns:90px minmax(0,1fr);gap:10px;padding:18px 10px}
 .shop-pack{width:86px;height:151px}
 .shop-pack .pack-name{font-size:17px}
 .shop-pack .pack-tagline{font-size:13px}
 .shop-pack .pack-emblem{height:18px;margin-bottom:6px}
 .shop-pack .pack-collection{font-size:3px}
 .shop-pack .pack-badge{bottom:21px;height:21px;width:21px}
 .shop-pack .pack-badge strong{font-size:11px}
 .shop-pack .pack-bottom-note{bottom:22px;font-size:3px}
 .shop-copy h3{font-size:19px}
 .shop-copy>.eyebrow{font-size:5px}
 .shop-copy>small{font-size:7px}
 .earn-flame{flex-basis:69px;height:80px}
 .earn-heading h2{font-size:35px}
 .earn-heading{gap:12px}
 .earn-heading .eyebrow{font-size:5px}
 .mission-intro{padding-inline:16px}
 .mission-intro h3{font-size:26px}
 .booster-reserve{padding:14px;gap:8px 10px}
 .admin-user-search{grid-template-columns:1fr}
}

/* 0.10 — l’hydrant se dépense, la flamme se garde. */
.player-header{gap:8px}
.streak-counter{display:inline-flex;align-items:center;gap:3px;border:0;background:transparent;padding:7px 5px;font-weight:900;font-size:13px;line-height:1;color:#bf3b17;border-radius:7px;white-space:nowrap}
.streak-counter>.icon{height:25px;width:20px}
.streak-counter:hover{background:#fff0d5}
.streak-counter.is-idle{color:#968c80}
.streak-counter.is-due{background:#fff0d5}
.flame-counter>.icon{width:25px;height:27px}
.mission-station{background:#ff8c69}
.mission-station>p{color:#312019;font-size:13px;line-height:1.65;font-weight:550;max-width:none}
.mission-station h3{color:#251b16}
.mission-station>.btn{color:#fffdf7;background:#251b16}
.gift-dialog{max-width:410px;text-align:center;padding:31px 28px 23px;overflow-x:hidden}
.gift-dialog>.eyebrow{font-size:8px;letter-spacing:.1em}
.gift-pack{width:100px;height:150px;margin:27px auto 22px;transform:rotate(-9deg);filter:drop-shadow(5px 5px 0 #dd683747)}
.gift-pack .pack-content{padding:22px 7px}
.gift-pack .pack-collection{top:16px;font-size:3px}
.gift-pack .pack-emblem{height:23px;margin-bottom:6px}
.gift-pack .pack-emblem .icon{height:23px}
.gift-pack .pack-name{font-size:19px}
.gift-pack .pack-tagline{font-size:17px}
.gift-pack .pack-bottom-note{bottom:21px;left:6px;font-size:3px}
.gift-pack .pack-badge{height:24px;width:24px;bottom:20px;right:6px}
.gift-pack .pack-badge strong{font-size:12px}
.gift-pack .pack-badge small{font-size:3px}
.gift-dialog h2{font:900 43px/.95 var(--heavy);letter-spacing:-.06em;margin:8px 0 15px}
.gift-dialog h2 span{color:var(--fire)}
#giftQuantity{font-weight:800;font-size:14px;color:var(--ink)}
#giftMessage{margin:20px 0 9px;padding:18px 15px;background:#fff0bd;border:1.5px solid var(--ink);border-radius:6px;box-shadow:3px 3px 0 var(--ink);font-size:14px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;text-align:left;color:#332416}
.gift-dialog>small{display:block;color:#675544;font-size:10px;text-align:right;margin-bottom:20px}
#giftOpenStock{font-size:12px}
#giftThanks{display:block;margin:17px auto 0;font-size:12px}
.streak-dialog{max-width:440px;padding:31px 27px}
.streak-dialog>.eyebrow{font-size:7px}
.streak-dialog h2{font:900 41px/.94 var(--heavy);letter-spacing:-.06em;margin-top:14px}
.streak-dialog h2>span{color:var(--fire)}
.streak-score{display:flex;align-items:center;gap:10px;background:#fff0cf;border-radius:6px;padding:18px 16px;margin:24px 0 17px}
.streak-score>.icon{width:49px;height:61px;color:#ef5129;filter:drop-shadow(2px 3px 0 #ffd16a)}
.streak-score>strong{font:900 57px/1 var(--heavy);letter-spacing:-.06em;overflow-wrap:anywhere}
.streak-score>span{font-size:13px;font-weight:750;line-height:1.4}
#streakStatus{font-size:13px;line-height:1.6;color:var(--ink)}
.streak-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin:22px 0 15px}
.streak-day{display:grid;place-items:center;gap:8px;background:#f2eee5;border:1px solid transparent;border-radius:20px;padding:10px 1px;color:#938679}
.streak-day>span,.streak-day>small{font-size:9px}
.streak-day>.icon{width:20px;height:25px}
.streak-day.is-lit{color:#c43a15;background:#fff0cb}
.streak-day.is-today{border-color:#c43a15}
.streak-best{font-weight:800;font-size:11px!important;color:var(--ink)!important}
.streak-rule{font-size:11px!important;line-height:1.7;color:#67594b!important}
.currency-key{display:flex;align-items:center;gap:11px;border-top:1px solid var(--line);padding-top:16px;margin-top:19px;font-size:10px!important;line-height:1.6;color:#594b40!important}
.currency-key>.icon{flex:0 0 27px;height:32px;color:var(--fire)}
@media(max-width:760px){
 .player-header{gap:5px}
 .streak-counter{font-size:12px;padding-inline:3px}
 .streak-counter>.icon{width:17px;height:22px}
 .flame-counter{gap:3px;font-size:12px}
 .flame-counter>.icon{width:22px;height:26px}
 .flame-counter>strong{max-width:56px}
 .brand-name{font-size:16px;max-width:140px}
 .header-inner{padding-inline:14px;gap:8px}
}
@media(max-width:360px){
 .brand-mark{width:27px;height:30px}
 .brand-name{font-size:14px;max-width:94px}
 .brand{gap:5px}
 .header-inner{padding-inline:10px;gap:5px}
 .account-initial{width:30px;height:30px}
 .player-header{gap:3px}
 .flame-counter{font-size:11px}
 .flame-counter>strong{max-width:47px}
 .streak-counter{font-size:11px}
 .streak-counter>.icon{width:15px;height:20px}
 .gift-dialog{padding-inline:21px}
 .streak-dialog{padding-inline:20px}
 .streak-week{gap:3px}
}

/* 0.11 — les crédits restent des crédits, l’hydrant garde son rôle d’icône. */
.admin-top-actions{justify-content:flex-end;margin-bottom:15px}
.admin-top-actions>div{display:flex;gap:14px;align-items:center}
.admin-catalogue>summary{display:list-item}
.admin-catalogue .count-pill{margin-left:8px;vertical-align:middle}
.admin-player-section h3{font-size:14px;letter-spacing:-.03em;margin-bottom:14px}
.admin-credit-form{border-top:1px solid var(--line);margin-top:24px;padding-top:22px}
.admin-credit-form>small{display:block;font-size:10px;line-height:1.65;color:var(--muted);margin:4px 0 15px}
.admin-credit-form input:read-only{background:#f1ece4;color:#605449}
.admin-credit-receipt{background:#e7f4df;border:1px solid #a4c288;border-radius:5px;padding:12px 14px;color:#284420!important;font-size:11px!important;line-height:1.7}
.admin-validation-guide{background:#fff1cd;padding:13px 15px;border:1px solid #dbc58e;border-radius:5px;font-size:11px!important;line-height:1.75;color:#49391f!important;margin:12px 0 18px}
.submission-receipt{padding:14px 17px;background:white;border:1px solid var(--line);border-radius:5px}
.submission-receipt h4{font-size:14px;line-height:1.4;margin:0 0 5px}
.submission-receipt>small{font-size:10px;line-height:1.6;color:var(--muted)}
.flame-history-row .wallet-note{white-space:pre-wrap;overflow-wrap:anywhere;color:#53473c;line-height:1.5;margin-top:5px}
@media(max-width:760px){#accountDialog .account-links{display:none}}

/* 0.12 — les surprises passent par la cloche et la réserve prend le relais. */
.notification-button{position:relative;display:grid;place-items:center;flex:0 0 34px;width:34px;height:35px;border:0;border-radius:8px;background:transparent;color:var(--ink);padding:6px}
.notification-button>.icon{width:22px;height:23px}
.notification-button:hover{background:#fff0cd}
.notification-badge{position:absolute;top:-3px;right:-3px;min-width:16px;height:16px;display:grid;place-items:center;padding:1px 3px;border-radius:9px;border:1px solid var(--ink);background:var(--sun);font-size:8px;font-weight:900;line-height:1}
.daily-hub[data-source=reserve] #homeTitle{max-width:530px;margin-inline:auto;font-size:clamp(25px,4vw,40px);line-height:1.03}
.notifications-dialog{max-width:570px;padding:30px 25px}
.notifications-dialog h2{font:900 37px/1 var(--heavy);letter-spacing:-.06em;margin:13px 0 20px}
.notifications-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 20px;font-size:11px}
.notifications-toolbar .text-link{font-size:10px}
.notifications-list{display:grid;gap:9px}
.notification-row{display:flex;align-items:center;text-align:left;gap:12px;border:1px solid var(--line);border-radius:6px;background:white;padding:13px 12px;width:100%;min-width:0;color:var(--ink)}
.notification-row.is-unread{background:#fff5d4;border-color:#d8ba71;box-shadow:2px 2px 0 #e3cf9d}
.notification-row>img,.notification-row-icon{flex:0 0 50px;width:50px;height:57px;object-fit:contain}
.notification-row-icon{display:grid;place-items:center;border-radius:50%;background:#ffe0b6;color:var(--fire)}
.notification-row-icon>.icon{height:30px;width:27px}
.notification-row>span:nth-child(2){flex:1;min-width:0}
.notification-row strong{display:block;font:900 12px/1.3 var(--heavy);margin-bottom:5px}
.notification-row small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:10px;line-height:1.55;color:#675748}
.notification-row time{display:block;font-size:8px;color:#7a6b5d;margin-top:7px}
.notification-row-dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:transparent}
.notification-row.is-unread .notification-row-dot{background:var(--fire)}
#moreNotifications{margin-top:20px;font-size:11px}
.notification-popup{max-width:500px;padding:30px 28px 23px;text-align:center;overflow-x:hidden;touch-action:pan-y}
.notification-popup>.eyebrow{font-size:7px;letter-spacing:.1em}
.notification-popup h2{font:900 32px/1.03 var(--heavy);letter-spacing:-.05em;margin:20px 0 13px}
#noticeMessage{font-size:13px;line-height:1.65;color:#45362c;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 15px}
.notice-artwork{display:grid;place-items:center;gap:10px;margin:25px auto 0;min-height:180px}
.notice-artwork.is-trade{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);align-items:center;gap:15px}
.notice-main-patch,.notice-other-patch{display:flex;align-items:center;flex-direction:column;min-width:0;gap:7px}
.notice-main-patch>span,.notice-other-patch>span{font-size:7px;letter-spacing:.1em;font-weight:900}
.notice-main-patch>img{width:100%;height:215px;object-fit:contain;filter:drop-shadow(3px 5px 0 #34271b17)}
.notice-other-patch>img{height:115px;width:100%;object-fit:contain}
.notice-main-patch>strong,.notice-other-patch>strong{font-size:12px;line-height:1.4;overflow-wrap:anywhere}
.notice-main-patch>small,.notice-other-patch>small{font-size:9px;color:var(--muted)}
.notice-other-patch{background:#fff0c9;border:1px solid #e2ce9c;border-radius:5px;padding:12px 8px}
.notice-gift-pack{width:105px;height:158px;transform:rotate(-9deg);margin:4px auto 15px}
.notice-gift-pack .pack-content{padding:22px 6px}
.notice-gift-pack .pack-name{font-size:19px}.notice-gift-pack .pack-tagline{font-size:17px}
.notice-gift-pack .pack-collection{top:17px;font-size:3px}.notice-gift-pack .pack-emblem{height:23px;margin-bottom:7px}.notice-gift-pack .pack-emblem>.icon{height:23px}
.notice-gift-pack .pack-bottom-note{bottom:23px;left:6px;font-size:3px}.notice-gift-pack .pack-badge{height:25px;width:25px;bottom:21px;right:6px}.notice-gift-pack .pack-badge strong{font-size:13px}.notice-gift-pack .pack-badge small{font-size:3px}

/* Espaces de travail admin et annonces réunies. */
.admin-workspace-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:22px}
.admin-tabs{display:flex;flex-wrap:wrap;gap:7px;min-width:0}
.admin-tabs>[role=tab]{border:1.5px solid var(--ink);border-radius:5px;background:white;padding:11px 15px;font-size:12px;font-weight:800;min-height:42px}
.admin-tabs>[aria-selected=true]{background:var(--sun);box-shadow:3px 3px 0 var(--ink)}
[data-admin-panel]>.admin-panel:first-child{margin-top:0}
#adminEditor>.panel-body{margin-top:0}
#adminEditor>h2{font-size:22px;margin-bottom:13px}
#adminCatalogue>h2{display:flex;align-items:center;gap:12px}
.market-modes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:530px;border-bottom:0;margin-bottom:16px;padding-bottom:0}
.market-mode{flex-direction:row;min-height:39px;padding:9px 10px}
.market-mode.active:before{content:'✓';font-size:11px}
.market-feed .market-card{display:flex;flex-direction:column;gap:15px}
.market-feed .market-card>.btn{margin-top:auto}
.market-kind{display:inline-block;font-size:8px;font-weight:900;letter-spacing:.06em;border-radius:3px;padding:4px 6px;margin-bottom:7px;background:#e4f7e6;color:#184b29}
.market-kind.is-sales{background:#ffedb3;color:#5c4200}
.market-kind.is-auctions{background:#ffe0d6;color:#782810}
.my-listing>.market-kind{margin-bottom:11px}
.notice-artwork.is-completed{background:#e7f7d6;border-color:#365331}
.notice-artwork.is-completed .notice-main-patch>span,.notice-artwork.is-completed .notice-other-patch>span{color:#285525}
.shop-pack .pack-badge{box-sizing:border-box;width:31px;height:31px;padding:3px;gap:1px}
.shop-pack .pack-badge>strong{display:block;line-height:.9;flex:0 0 auto}
.shop-pack .pack-badge>small{display:block;line-height:1;font-size:4px;letter-spacing:0;margin:0;padding:0;text-align:center;white-space:nowrap;flex:0 0 auto}
.admin-panel form#patchForm>.admin-save-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:12px}
.admin-save-actions>button{flex:1;min-width:200px;min-height:42px;white-space:normal;line-height:1.4}
.password-field{position:relative;display:block;min-width:0;margin-top:6px}
.password-field>input{width:100%;margin:0!important;padding-right:47px!important}
.password-toggle{display:grid;place-items:center;position:absolute;right:3px;top:50%;transform:translateY(-50%);width:38px;height:36px;border:0;border-radius:4px;background:transparent;color:#695f55;padding:8px}
.password-toggle:hover{background:#fff0bf;color:var(--ink)}
.password-toggle>.icon{width:20px;height:20px;pointer-events:none}
@media(max-width:760px){
 .admin-workspace-bar{gap:14px}
 .admin-tabs{display:grid;grid-template-columns:1fr 1fr;width:100%}
 .admin-tabs>[role=tab]{font-size:11px;padding:10px 8px}
 .market-modes{gap:6px;width:100%}
 .market-mode{gap:4px;font-size:10px;padding:9px 4px;min-height:36px}
 .market-mode.active:before{font-size:9px}
 .market-feed .market-card{gap:12px}
 .admin-save-actions>button{flex-basis:100%;min-width:0}
 .shop-pack .pack-badge{width:28px;height:28px}
}
@media(max-width:380px){
 .shop-pack .pack-badge{width:25px;height:25px;bottom:13px}
 .shop-pack .pack-badge>small{font-size:3.5px}
 .shop-pack .pack-emblem,.shop-pack .pack-name,.shop-pack .pack-tagline{position:relative;top:-13px}
}
.notice-credit-symbol{width:125px;height:135px;display:grid;place-items:center;background:var(--sun);border:2px solid var(--ink);border-radius:45%;box-shadow:4px 4px 0 var(--ink);transform:rotate(-8deg);color:var(--fire)}
.notice-credit-symbol>.icon{height:90px;width:75px}
.notice-amount{display:flex;align-items:center;justify-content:center;gap:6px;font:900 28px/1 var(--heavy);letter-spacing:-.04em}
.notice-amount>.icon{width:23px;height:29px;color:var(--fire)}
.notice-actions{display:grid;gap:13px;margin-top:20px}.notice-actions>.btn{font-size:12px}.notice-actions>.text-link{font-size:11px}
.notice-pagination{display:flex;align-items:center;justify-content:center;gap:23px;margin:19px 0 12px;font-size:11px;font-weight:800}
.notice-pagination>.icon-button{font-size:19px;line-height:1}
#noticeOpenCenter{font-size:10px}
.notice-confirmation{border:1px solid #d1b66b;background:#fff1b9;border-radius:5px;padding:12px;font-size:11px!important;line-height:1.6;color:var(--ink)!important}
.admin-selection-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:13px 0 10px;font-size:10px}.admin-selection-tools>.text-link{font-size:10px}
.admin-selected-members{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px}
.admin-selected-members>button{border:1px solid #d7b85d;background:#fff1bd;border-radius:15px;padding:5px 9px;font-size:10px;font-weight:700;color:var(--ink);overflow-wrap:anywhere}
.admin-grant-total{font-size:11px!important;font-weight:800;color:var(--ink)!important;line-height:1.6;background:#fff3cf;border-radius:4px;padding:8px 10px;margin:10px 0 13px}
.admin-grant-total:empty{display:none}
#grantMemberLabel,#creditMemberLabel{overflow-wrap:anywhere;font-size:11px;line-height:1.7}
@media(max-width:760px){
 .player-header{gap:3px}.notification-button{flex-basis:28px;width:28px;height:31px;padding:4px}.notification-button>.icon{width:20px;height:22px}.notification-badge{top:-2px;right:-1px;font-size:7px;min-width:14px;height:14px}
 .brand-name{font-size:15px;max-width:112px}.brand{gap:5px}.brand-mark{width:29px}.flame-counter>strong{max-width:51px}.flame-counter{font-size:11px;gap:2px}.streak-counter{font-size:11px;padding-inline:2px}.streak-counter>.icon{width:16px}
 .daily-hub[data-source=reserve] #homeTitle{font-size:25px;max-width:300px}
 .notification-popup{padding:27px 20px 19px}.notification-popup h2{font-size:29px}.notice-main-patch>img{height:185px}.notice-other-patch>img{height:95px}.notice-artwork.is-trade{gap:10px}.notice-main-patch>strong,.notice-other-patch>strong{font-size:10px}
 .notifications-dialog{padding:29px 20px}.notifications-toolbar{font-size:10px;gap:8px}.notification-row{gap:9px;padding:11px 9px}.notification-row strong{font-size:11px}.notification-row>img,.notification-row-icon{width:44px;height:49px;flex-basis:44px}
}
@media(max-width:360px){
 .brand-name{font-size:13px;max-width:84px}.brand-mark{width:25px}.header-inner{padding-inline:9px;gap:4px}.account-initial{width:28px;height:28px}.player-header{gap:2px}.flame-counter>strong{max-width:43px}.flame-counter>.icon{width:20px}.streak-counter>.icon{width:14px}.notification-button{width:26px;flex-basis:26px}
 .daily-hub[data-source=reserve] #homeTitle{font-size:23px;max-width:260px}.notice-main-patch>img{height:152px}.notice-other-patch>img{height:80px}.notification-popup h2{font-size:25px}.notice-artwork{min-height:145px}
}

/* 0.14 — une barre de joueur cohérente, des collections lisibles et une équipe. */
.header-inner{column-gap:18px}
.player-header{display:flex;align-items:center;gap:7px}
.player-header>button{display:flex;align-items:center;justify-content:center;gap:5px;height:38px;min-height:38px;padding:5px 8px;margin:0;border:1px solid #d6d0c3;border-radius:9px;background:#fffdf7;color:var(--ink);font-size:12px;font-weight:800;line-height:1;box-shadow:none;flex-shrink:0}
.player-header>button:hover{background:#fff1bf}
.player-header>button>.icon{width:23px;height:23px;flex-shrink:0;color:var(--fire)}
.player-header>.notification-button,.player-header>.account-button{width:38px;flex-basis:38px;padding:5px}
.player-header>.notification-button>.icon{color:var(--ink)}
.player-header>.account-button>#accountLabel{display:none}
.player-header .account-initial{width:26px;height:26px;border:0;border-radius:50%;font-size:12px;box-shadow:none}
.player-header .notification-badge{top:-5px;right:-4px;min-width:15px;height:15px;font-size:8px;border:1px solid var(--ink)}
.player-header .flame-counter>strong{max-width:66px;line-height:1}
.social-avatar,.account-initial[data-tone=mint]{background:#bcebd5;color:#15392d}
.social-avatar[data-tone=sun],.account-initial[data-tone=sun]{background:#ffdf4e;color:#4c3700}
.social-avatar[data-tone=coral],.account-initial[data-tone=coral]{background:#ffb09d;color:#672817}
.social-avatar[data-tone=sky],.account-initial[data-tone=sky]{background:#b6e3f4;color:#193c4b}
.social-avatar[data-tone=lilac],.account-initial[data-tone=lilac]{background:#d9c8f5;color:#442d63}
.market-mode{position:relative;gap:5px}
.market-mode-count{font-size:10px;font-weight:800;white-space:nowrap}
.album-stock-tabs{display:flex;align-items:center;gap:7px;flex-shrink:0;margin-top:13px}
.album-stock-tabs>[data-album-stock]{display:flex;align-items:center;gap:5px;border:1px solid #d2cbbb;border-radius:5px;background:white;padding:7px 11px;min-height:31px;font-size:11px;font-weight:700}
.album-stock-tabs>[data-album-stock].active{background:var(--sun);border-color:var(--ink)}
.album-stock-tabs>.text-link{margin-left:auto;font-size:10px}
.album-rarity-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:10px;flex-shrink:0}
.album-rarity-stats>button{display:flex;flex-direction:column;gap:3px;align-items:center;padding:7px 4px;background:transparent;border:1px solid #dbd4c9;border-bottom:3px solid #acb7a4;border-radius:5px;color:var(--ink);min-width:0}
.album-rarity-stats>button[data-rarity=uncommon]{border-bottom-color:#53a581}.album-rarity-stats>button[data-rarity=rare]{border-bottom-color:#8b67cf}.album-rarity-stats>button[data-rarity=legendary]{border-bottom-color:#e9a72c}
.album-rarity-stats>button>strong{font-size:20px;line-height:1}.album-rarity-stats>button>span{font-size:9px;white-space:nowrap}
.album-rarity-stats>button.active{border-color:var(--ink);background:#ffedac;box-shadow:2px 2px 0 var(--ink)}
.album-select-filters{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}.album-select-filters label{font-size:10px}.album-select-filters select{min-height:38px;font-size:12px;margin-top:4px;padding:7px 9px}
.friends-heading{align-items:center}.friends-heading>.btn{white-space:nowrap}.friend-search{max-width:580px}.friend-search>input{font-size:16px}
.friend-tabs{margin:18px 0 0;display:flex;width:max-content;max-width:100%}.friend-tabs>.tab{font-size:11px;white-space:nowrap}
.friend-search-status{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 16px;min-height:17px}.friend-search-status p{font-size:11px;color:var(--muted);margin:0}.friend-search-status .text-link{font-size:10px}
.friend-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.friend-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border:1px solid #d4ccbd;border-radius:8px;background:white;min-width:0}
.friend-person{display:flex;align-items:center;gap:12px;border:0;padding:0;background:none;text-align:left;min-width:0;flex:1}.friend-person>span:last-child{min-width:0}.friend-person strong{display:block;font-size:13px;overflow-wrap:anywhere}.friend-person small{display:block;margin-top:5px;font-size:10px;line-height:1.5;color:var(--muted)}
.social-avatar{display:grid;place-items:center;width:43px;height:43px;flex:0 0 43px;border:1.5px solid var(--ink);border-radius:50%;font-size:18px;font-weight:800}
.friend-status{display:flex;align-items:center;gap:5px;background:#e8f6da;color:#325626;border:1px solid #aacb8c;border-radius:5px;padding:7px;font-size:10px;font-weight:800}.friend-status .icon{width:14px;height:14px}
.friend-card>.btn{font-size:10px;box-shadow:none;padding:8px;min-height:34px;flex-shrink:0}
.friends-empty{text-align:center;max-width:430px;margin:42px auto}.friends-empty>.icon{width:58px;height:58px;color:#797250;margin-bottom:18px}.friends-empty h2{font-size:26px;margin-bottom:12px}.friends-empty p{font-size:12px;line-height:1.8;color:var(--muted)}
.social-profile-dialog{max-width:490px;padding:32px 28px}.profile-avatar{margin:0 auto 16px;width:78px;height:78px;font-size:31px;box-shadow:3px 3px 0 var(--ink)}
#socialProfileRelation{display:block;text-align:center;margin:0 0 10px;font-size:8px}.social-profile-dialog h2{text-align:center;font-size:29px;line-height:1.1;overflow-wrap:anywhere;margin:0 0 5px}#socialProfileUsername{text-align:center;font-size:12px;color:var(--muted);margin:0 0 22px}
#profilePrivateInfo{text-align:center;margin-bottom:21px}#profilePrivateInfo p{font-size:12px;line-height:1.6;margin:7px 0}#profilePrivateInfo p:empty{display:none}.profile-bio{white-space:pre-wrap;overflow-wrap:anywhere}#profileStation{font-weight:800}#profileMemberSince{font-size:9px;color:var(--muted)}
.profile-statistics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.profile-statistics>div{padding:14px 5px;border:1px solid #e0d4b8;border-radius:6px;background:#fff4cd;text-align:center}.profile-statistics strong{display:block;font:900 27px/1 var(--heavy)}.profile-statistics span{display:block;margin-top:6px;font-size:9px}
.profile-rarities{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}.profile-rarities>div{padding:11px;border:1px solid var(--line);border-radius:5px;display:grid;grid-template-columns:1fr auto;gap:5px;font-size:10px}.profile-rarities strong{font-size:14px}.profile-rarities small{grid-column:1/-1;color:var(--muted);font-size:9px}
.profile-lock{font-size:12px;line-height:1.8;text-align:center;background:#fff0c8;padding:17px;border-radius:6px}.profile-actions{display:grid;gap:10px;margin-top:20px}.profile-actions>.btn{font-size:11px}
.profile-form{display:grid;gap:15px}.profile-form p{font-size:11px;line-height:1.7}.profile-form label{font-size:11px}.profile-form input,.profile-form textarea,.profile-form select{font-size:15px}.profile-form>.text-link{justify-self:center;font-size:11px}.member-social-link{margin-bottom:16px;font-size:12px}
.notice-credit-symbol.is-friend{background:#d0edc1;border-radius:50%;color:#345e2d}.notice-credit-symbol.is-friend>.icon{width:75px;height:75px}
.admin-stats-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:4px 0 22px}.admin-stats-heading h2{font-size:29px;margin:0 0 8px}.admin-stats-heading p{font-size:12px;color:var(--muted);margin:0}.admin-stats-controls{display:flex;gap:10px;align-items:flex-end}.admin-stats-controls label{font-size:9px}.admin-stats-controls select{font-size:12px;min-height:37px;margin-top:5px;padding:8px 26px 8px 9px}.admin-stats-controls>.icon-button{height:37px;width:37px}
.admin-stats-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.admin-stat-card{padding:18px 16px;border:1px solid var(--ink);border-radius:7px;background:white;box-shadow:3px 3px 0 #e4dfd3;min-width:0}.admin-stat-card>span{display:block;font-size:11px;font-weight:800;margin-bottom:14px}.admin-stat-card>strong{display:block;font:900 32px/1.1 var(--heavy);letter-spacing:-.045em;overflow-wrap:anywhere}.admin-stat-card>small{display:block;font-size:9px;line-height:1.7;margin-top:11px;color:#655e50}.admin-stat-card[data-tone=sun]{background:#ffe462}.admin-stat-card[data-tone=mint]{background:#dcf0d1}.admin-stat-card[data-tone=coral]{background:#ffe0ce}.admin-stat-card[data-tone=sky]{background:#ddf1f5}.admin-stat-card[data-tone=lilac]{background:#eee5fc}
.admin-stats-section{margin-top:27px;padding:20px;border:1px solid #d5cdbd;border-radius:7px;background:white;min-width:0}.admin-stats-section h3{font-size:15px;margin:0 0 16px}.admin-stats-table-wrap{max-width:100%;overflow-x:auto}.admin-stats-table{width:100%;border-collapse:collapse;font-size:11px;white-space:nowrap}.admin-stats-table th,.admin-stats-table td{padding:11px 10px;border-bottom:1px solid #eee8de;text-align:right}.admin-stats-table th:first-child{text-align:left}.admin-stats-table thead th{font-size:9px;color:var(--muted)}.admin-stats-table tbody th{font-weight:700}
.stats-day-bar{display:block;position:relative;isolation:isolate;min-width:80px;padding:4px}.stats-day-bar:before{content:'';position:absolute;inset:0 auto 0 0;width:var(--bar);background:#e6f3d8;z-index:-1;border-radius:3px}.admin-stats-bottom{display:grid;grid-template-columns:1fr 1fr;gap:14px}.stats-pairs{margin:0}.stats-pairs>div{display:flex;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px solid #eee8de;font-size:11px}.stats-pairs dd{font-weight:800;margin:0}.admin-stats-rarities{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:17px}.admin-stats-rarities>div{display:grid;grid-template-columns:1fr auto;gap:5px;padding:10px;background:#faf7ee;border-radius:4px;font-size:10px}.admin-stats-rarities small{grid-column:1/-1;color:var(--muted);font-size:8px}.stats-presence{font-size:10px;color:var(--muted)}.stats-presence.online{color:#2c6b32;font-weight:800}.stats-presence.online:before{content:'●';margin-right:5px;font-size:9px}.admin-stats-method{font-size:10px;line-height:1.8;color:var(--muted);margin:20px 0}
@media(max-width:1000px){.friend-list{grid-template-columns:1fr}.admin-stats-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 .header-inner{column-gap:5px}.brand{min-width:0;flex-shrink:1}.brand-name{font-size:14px;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .player-header{gap:4px}.player-header>button{height:34px;min-height:34px;padding:4px 5px;font-size:11px;gap:4px;border-radius:8px}.player-header>button>.icon{width:20px;height:20px}.player-header>.notification-button,.player-header>.account-button{width:34px;flex-basis:34px;padding:4px}.player-header .account-initial{width:24px;height:24px;font-size:11px}.player-header .flame-counter>strong{max-width:48px}.main-nav{gap:5px}.main-nav .nav-link{font-size:9px;padding-inline:4px}
 .market-mode{flex-direction:column;gap:3px;min-height:45px;font-size:10px}.market-mode-count{font-size:9px}.market-mode.active:before{position:absolute;top:4px;left:4px;font-size:8px}
 .album-stock-tabs{margin-top:10px;gap:6px}.album-stock-tabs>[data-album-stock]{font-size:10px;min-height:29px;padding:6px 9px}.album-stock-tabs>.text-link{font-size:9px}.album-rarity-stats{margin-top:8px;gap:5px}.album-rarity-stats>button{padding:6px 2px}.album-rarity-stats>button>strong{font-size:18px}.album-rarity-stats>button>span{font-size:8px}.album-select-filters{gap:8px}.album-select-filters select{font-size:14px}.album-heading h1{font-size:28px}.album-heading p{font-size:10px}
 .friends-heading{padding-top:4px;padding-bottom:18px;gap:9px}.friends-heading .eyebrow{display:none}.friends-heading h1{font-size:31px;margin-bottom:7px}.friends-heading p{font-size:11px}.friends-heading>.btn{font-size:10px;min-height:36px;padding:8px 10px}.friend-tabs{width:100%;margin-top:14px}.friend-tabs>.tab{flex:1;font-size:10px;padding-inline:7px}.friend-card{padding:12px;gap:8px}.friend-person{gap:9px}.friend-person strong{font-size:12px}.friend-person small{font-size:9px}.friend-card>.btn{font-size:9px}.social-avatar{width:38px;height:38px;flex-basis:38px;font-size:16px}.friends-empty h2{font-size:23px}
 .social-profile-dialog{padding:29px 21px}.profile-avatar{width:72px;height:72px;font-size:28px}.profile-form input,.profile-form textarea,.profile-form select{font-size:16px}.social-profile-dialog h2{font-size:27px}
 .admin-stats-heading{align-items:flex-start;gap:12px;flex-wrap:wrap}.admin-stats-heading h2{font-size:26px}.admin-stats-heading p{font-size:11px}.admin-stat-card{padding:15px 12px}.admin-stat-card>span{font-size:10px;margin-bottom:11px}.admin-stat-card>strong{font-size:27px}.admin-stat-card>small{font-size:8px}.admin-stats-cards{gap:10px}.admin-stats-section{padding:15px;margin-top:20px}.admin-stats-bottom{grid-template-columns:1fr;gap:0}.admin-stats-table{min-width:510px}.admin-stats-table th,.admin-stats-table td{padding:10px 8px}
}
@media(max-width:380px){.brand-name{font-size:12px;max-width:78px}.brand-mark{width:24px}.brand{gap:4px}.player-header{gap:3px}.player-header>button{height:32px;min-height:32px;padding:4px;font-size:10px;gap:3px}.player-header>.notification-button,.player-header>.account-button{width:32px;flex-basis:32px}.player-header .flame-counter>strong{max-width:40px}.album-stock-tabs>.text-link{font-size:8px}.album-rarity-stats>button>span{font-size:7px}.friend-person strong{font-size:11px}.friend-card>.btn{max-width:100px}.friend-tabs>.tab{font-size:9px}.market-mode{font-size:9px}}
#profilePrivateInfo{overflow-wrap:anywhere}