@font-face{font-family:Cinzel;src:url(/fonts/Cinzel-Regular.otf) format("opentype");font-weight:400;font-display:swap}@font-face{font-family:Cinzel;src:url(/fonts/Cinzel-Black.otf) format("opentype");font-weight:900;font-display:swap}:root{--blue: #2f3663;--blue-d: #20244a;--blue-soft: #434c86;--nav: #4345a3;--cream: #232744;--cream-deep: #191c31;--surface: #2b3057;--line: #3b4270;--ink: #ece5d3;--muted: #a29fc0;--mint: #eaf3d0;--gold: #d9b25a;--gold-deep: #a9803a;--trade: #4a5499;--green: #3e8f6e;--green-d: #2f7057;--red: #e2705a;--shadow: 0 18px 50px rgba(0, 0, 0, .5);--radius: 14px}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{overflow:hidden;font-family:Segoe UI,system-ui,-apple-system,sans-serif;color:var(--ink);background:url(/grain.svg),radial-gradient(900px 520px at 50% -8%,#2c3160 0%,transparent 60%),var(--cream-deep);background-repeat:repeat,no-repeat,no-repeat;background-size:150px 150px,auto,auto}#root{display:flex;justify-content:center;height:100vh;height:100dvh}.app{width:100%;max-width:470px;height:100vh;height:100dvh;background:linear-gradient(180deg,#14162c7a,#14162c66 42%,#111326b8),url(/fond.png) center top / cover no-repeat,var(--cream);position:relative;display:flex;flex-direction:column;box-shadow:var(--shadow);overflow:hidden}.boot{padding:40px;color:var(--muted);text-align:center}input,select{width:100%;padding:11px 12px;border-radius:12px;border:1px solid var(--line);background:#20244a;color:var(--ink);font-size:14px}input::placeholder{color:#6f6c93}input:focus,select:focus{outline:none;border-color:var(--gold)}select option{color:#111}label{display:block;font-size:12px;color:var(--muted);margin:10px 0 4px}button{cursor:pointer;border:1px solid var(--line);border-radius:12px;padding:11px 14px;font-size:13px;font-weight:700;background:var(--surface);color:var(--ink);transition:transform .12s ease,border-color .12s ease,filter .12s ease}button:hover{transform:translateY(-1px)}button:disabled{opacity:.55;cursor:default;transform:none}.btn-primary{background:linear-gradient(180deg,var(--gold),var(--gold-deep));color:#241a06;border:none;font-weight:800}.btn-green{background:var(--green);color:#eafff4;border:none}.btn-trade{background:var(--trade);color:#f4ecd8;border:none}.btn-red{background:transparent;color:var(--red);border-color:#7a3b34}.btn-block{width:100%}.h{font-size:15px;font-weight:800;color:var(--gold);margin:16px 2px 10px;letter-spacing:.3px}.muted{color:var(--muted)}.empty{padding:26px;text-align:center;color:var(--muted);border:1.5px dashed var(--line);border-radius:16px;font-size:13px}.error{background:var(--red);color:#2a0f0a;border-radius:12px;padding:10px 14px;font-size:13px;font-weight:700;margin-top:10px}.count-pill{font-size:12px;color:var(--gold);font-weight:700;background:#d9b25a1f;border:1px solid var(--gold-deep);border-radius:10px;padding:1px 8px}.gilded{position:relative;border:1px solid var(--gold-deep);border-radius:var(--radius)}.gilded:before,.gilded:after{content:"";position:absolute;width:14px;height:14px;pointer-events:none;border:2px solid var(--gold)}.gilded:before{top:5px;left:5px;border-right:none;border-bottom:none;border-top-left-radius:4px}.gilded:after{bottom:5px;right:5px;border-left:none;border-top:none;border-bottom-right-radius:4px}.toastwrap{position:fixed;left:50%;transform:translate(-50%);bottom:118px;display:flex;flex-direction:column;gap:8px;z-index:60;align-items:center;width:90%;max-width:420px;pointer-events:none}.toast{padding:10px 15px;border-radius:12px;font-size:13px;font-weight:700;background:linear-gradient(180deg,var(--gold),var(--gold-deep));color:#241a06;box-shadow:var(--shadow);text-align:center;animation:toastpop .2s ease}.toast.ok{background:var(--green);color:#10200a}.toast.err{background:var(--red);color:#2a0f0a}@keyframes toastpop{0%{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}.topbar{display:flex;align-items:center;gap:10px;padding:calc(14px + env(safe-area-inset-top)) 18px 10px;position:sticky;top:0;z-index:20;background:linear-gradient(180deg,var(--cream) 78%,rgba(251,245,228,0))}.brand{font-family:Cinzel,Georgia,serif;font-weight:400;font-size:20px;letter-spacing:1.5px;color:var(--gold);display:flex;align-items:center;gap:8px;text-shadow:0 1px 0 rgba(0,0,0,.35)}.brand b{color:var(--gold);font-weight:400}.brand .spark{width:17px;height:17px}.topbar .spacer{flex:1}.bell{position:relative;background:none;border:none;padding:4px;cursor:pointer}.bell .orb{width:40px;height:40px;border-radius:50%;background:var(--blue);display:grid;place-items:center;transition:transform .12s ease}.bell.active .orb{box-shadow:0 0 0 3px #180dac2e}.bell:hover .orb{transform:translateY(-1px)}.bell .orb img{width:22px;height:22px;object-fit:contain}.bell .badge{position:absolute;top:0;right:0;background:var(--red);color:#fff;font-size:10px;font-weight:800;border-radius:10px;padding:1px 6px;min-width:18px;text-align:center}.screen{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:4px 16px calc(120px + env(safe-area-inset-bottom))}.screen::-webkit-scrollbar{width:8px}.screen::-webkit-scrollbar-thumb{background:var(--cream-deep);border-radius:8px}.bottombar{position:absolute;left:0;right:0;bottom:0;height:calc(96px + env(safe-area-inset-bottom));z-index:15;pointer-events:none}.bottombar .wave{position:absolute;left:0;bottom:-9px;width:100%;height:auto;display:block;z-index:1;filter:drop-shadow(0 -6px 14px rgba(24,13,80,.18))}.bottombar .wavedark{position:absolute;left:0;bottom:-9px;width:100%;z-index:1;aspect-ratio:1920 / 481;pointer-events:none;background:#0a0a1e;opacity:.22;-webkit-mask:url(/barre.png) center bottom / 100% 100% no-repeat;mask:url(/barre.png) center bottom / 100% 100% no-repeat}.bottombar .wavetex{position:absolute;left:0;bottom:-9px;width:100%;z-index:1;aspect-ratio:1920 / 481;pointer-events:none;background:url(/fond.png) center 30% / cover no-repeat;opacity:.75;mix-blend-mode:soft-light;-webkit-mask:url(/barre.png) center bottom / 100% 100% no-repeat;mask:url(/barre.png) center bottom / 100% 100% no-repeat}.navrow{position:absolute;left:0;right:0;bottom:env(safe-area-inset-bottom);height:74px;z-index:2;display:flex;align-items:center;justify-content:space-around;padding:0 8px;pointer-events:auto}.navbtn{background:none;border:none;padding:2px 4px;display:flex;flex-direction:column;align-items:center;gap:3px;opacity:.66;transition:transform .15s ease,opacity .15s ease;min-width:54px}.navbtn:hover{transform:translateY(-2px)}.navbtn.active{opacity:1}.navbtn.active img{filter:drop-shadow(0 0 6px rgba(238,248,211,.9))}.navbtn img{width:27px;height:27px;object-fit:contain}.navbtn span{font-size:10px;font-weight:700;color:var(--mint)}.navcenter{background:none;border:none;padding:0;cursor:pointer;position:relative;display:flex;flex-direction:column;align-items:center;transform:translateY(-26px)}.navcenter .orb{width:56px;height:56px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--blue-soft),var(--blue));display:grid;place-items:center;box-shadow:0 8px 18px #180d5066,inset 0 0 0 3px #ffffff24;transition:transform .15s ease}.navcenter.active .orb{box-shadow:0 8px 18px #180d5080,inset 0 0 0 3px #eef8d380}.navcenter:hover,.navcenter:active,.navcenter:focus{transform:translateY(-26px)}.navcenter .lbl{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:3px;font-size:10px;font-weight:500;color:var(--mint);white-space:nowrap}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.card{position:relative;background:var(--surface);border:1px solid var(--gold-deep);border-radius:14px;display:flex;flex-direction:column;box-shadow:0 8px 20px #00000059}.card .imgwrap{position:relative;background:#1b1f36;border-radius:13px 13px 0 0;overflow:hidden}.card img.art{width:100%;aspect-ratio:367 / 512;object-fit:cover;display:block}.card .art.noimg{aspect-ratio:367 / 512;display:grid;place-items:center;color:var(--muted);font-size:11px}.card .meta{padding:8px 10px 2px}.card .nm{font-weight:700;font-size:12.5px;line-height:1.2;color:var(--ink)}.card .sub{color:var(--muted);font-size:11px;margin-top:2px}.card .acts{display:flex;gap:6px;padding:8px 10px 10px;margin-top:auto}.card .acts button{flex:1;padding:7px 6px;font-size:12px;border-radius:10px}.tag{position:absolute;top:6px;left:6px;background:#180d50d9;color:#fff;font-size:10px;font-weight:700;padding:2px 8px;border-radius:9px}.tools{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 2px}.tools .full{flex:1 1 100%}.tools .half{flex:1 1 45%}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#140e4680;z-index:50;display:flex;align-items:center;justify-content:center;padding:22px;animation:fade .15s ease}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{background:var(--surface);border-radius:20px;overflow:hidden;width:100%;max-width:340px;box-shadow:var(--shadow);max-height:90%;overflow-y:auto}.modal{border:1px solid var(--gold-deep)}.modal .modal-art{width:100%;display:block;background:#1b1f36}.modal .modal-body h3{color:var(--gold)}.modal .modal-body{padding:14px 16px 18px}.modal .modal-body h3{margin:0 0 4px;font-size:16px;color:var(--ink)}.modal .modal-body .sub{color:var(--muted);font-size:12.5px;margin-bottom:4px}.modal .modal-acts{display:flex;gap:8px;margin-top:14px}.trow{display:flex;align-items:center;gap:6px;font-size:13.5px}.tmsg{font-style:italic;color:var(--muted);font-size:12.5px;margin:8px 0}.tlbl{font-size:11px;font-weight:800;color:var(--gold);text-transform:uppercase;letter-spacing:.5px;margin:10px 0 5px}.mrow{display:flex;flex-wrap:wrap;gap:6px}.mini{display:flex;align-items:center;gap:6px;background:var(--cream);border:1px solid var(--line);border-radius:10px;padding:3px 9px 3px 3px;font-size:11px;max-width:100%}.mini img{width:22px;height:31px;object-fit:cover;border-radius:4px;flex:0 0 auto}.mini span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tacts{display:flex;gap:8px;margin-top:12px}.pill.ok{background:var(--mint);color:var(--green-d)}.pill.no{background:#efe2dd;color:#a54b32}.chkrow{display:flex;align-items:center;gap:8px;font-size:13px;padding:6px 2px;margin:0}.chkrow input{width:auto}.subhead{display:flex;align-items:center;margin:14px 2px 8px}.subhead .t{font-weight:800;color:var(--gold);font-size:14px}.notif{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:11px 12px;margin-bottom:8px;cursor:pointer;position:relative}.notif.read{opacity:.6}.notif .ni{font-size:18px;flex:0 0 auto}.notif .nt{font-size:13px;line-height:1.3}.notif .ndot{width:9px;height:9px;border-radius:50%;background:var(--red);flex:0 0 auto;margin-left:auto}.notif .go{margin-left:auto}.amis-actions{display:flex;gap:8px;margin-top:8px}.amis-actions .btn-icon{flex:0 0 auto;display:flex;align-items:center;gap:6px;padding:10px 12px}.reqline{display:flex;align-items:center;gap:10px;padding:11px 12px;background:var(--surface);border:1px solid var(--line);border-radius:12px;margin-bottom:8px;font-size:13px}.reqline .who b{color:var(--ink)}.pill{font-size:10px;padding:2px 9px;border-radius:9px;font-weight:800;background:#fdeccf;color:#a9741a}.vgrid{display:grid;grid-template-columns:1fr;gap:10px}.vcard{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--surface);border:1px solid var(--gold-deep);border-radius:16px;box-shadow:0 8px 20px #00000052}.vcard .avatar{width:46px;height:46px;border-radius:50%;flex:0 0 auto;background:radial-gradient(circle at 35% 30%,var(--blue-soft),var(--blue));color:#fff;display:grid;place-items:center;font-weight:800;font-size:19px}.vcard .body{flex:1;min-width:0}.vcard .name{font-weight:800;font-size:14px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vcard .handle{color:var(--muted);font-size:12px}.vcard .acts{display:flex;gap:8px;flex:0 0 auto}.iconbtn{width:40px;height:40px;border-radius:50%;border:none;padding:0;background:var(--blue);display:grid;place-items:center;cursor:pointer}.iconbtn img{width:22px;height:22px;object-fit:contain}.iconbtn:hover{transform:translateY(-1px)}.qrbox{text-align:center;padding:6px 0 4px}.qrbox .qr-pseudo{font-weight:800;color:var(--gold);font-size:18px;margin-top:10px}