@font-face{font-family:Pirata One;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/pirata-one.woff2) format("woff2")}@font-face{font-family:IM Fell English;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/im-fell-english.woff2) format("woff2")}@font-face{font-family:IM Fell English;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/im-fell-english-italic.woff2) format("woff2")}:root{--encre: #1a1714;--encre-table: #171310;--parchemin: #f2ead8;--parchemin-2: #e9dec4;--parchemin-ombre: #d9c9a4;--canons: #c0432f;--voiles: #2e5a88;--sabres: #3e7c59;--pistolets: #6e4a7e;--texte: #efe6d0;--texte-faible: #b3a68b;--texte-encre: #241f19;--texte-encre-faible: #6d6045;--filet: #3a332a;--filet-parchemin: rgba(26, 23, 20, .45);--accent: var(--canons);--ok: var(--sabres);--erreur: #d96450;--affiche: "Pirata One", "Georgia", serif;--plume: "IM Fell English", "Iowan Old Style", "Palatino Linotype", Georgia, serif}*{box-sizing:border-box}body{margin:0;background-color:var(--encre-table);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='90' viewBox='0 0 140 90'%3E%3Cg fill='none' stroke='%23f2ead8' stroke-opacity='0.045' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M8 26 q 14 -12 28 0'/%3E%3Cpath d='M22 32 q 10 -8 20 0'/%3E%3Cpath d='M84 66 q 14 -12 28 0'/%3E%3Cpath d='M98 72 q 10 -8 20 0'/%3E%3C/g%3E%3C/svg%3E"),radial-gradient(1200px 700px at 30% 0%,#201b16 0%,var(--encre-table) 60%);color:var(--texte);font-family:var(--plume);font-size:17px;line-height:1.45}h1,h2{margin:0 0 8px;font-family:var(--affiche);font-weight:400;letter-spacing:.03em}h3{margin:0 0 8px;font-weight:600}.rubrique{font-family:var(--plume);font-weight:400;text-transform:uppercase;letter-spacing:.22em;font-size:.72rem;color:var(--texte-faible)}button,input{font:inherit}:focus-visible{outline:3px solid var(--canons);outline-offset:2px}input{background:var(--parchemin);color:var(--texte-encre);border:1.5px solid var(--filet-parchemin);border-radius:6px;padding:8px 10px}input::placeholder{color:var(--texte-encre-faible)}.btn{background:var(--parchemin-2);color:var(--texte-encre);border:1.5px solid var(--texte-encre);border-radius:7px;padding:8px 16px;cursor:pointer;box-shadow:2px 2px #00000059;transition:transform .12s ease,box-shadow .12s ease}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:2px 3px #0006;border-color:var(--canons)}.btn:active:not(:disabled){transform:translateY(1px);box-shadow:1px 1px #00000059}.btn:disabled{opacity:.45;cursor:default}.btn-primaire{background:var(--canons);border-color:#7e2a1c;color:var(--parchemin);font-weight:600;letter-spacing:.02em}.btn-nu{background:none;border-color:transparent;box-shadow:none;color:inherit;opacity:.7}.btn-nu:hover:not(:disabled){opacity:1;transform:none;box-shadow:none}.btn-choisi{border-color:var(--canons);box-shadow:0 0 0 2px var(--canons),2px 2px #00000059}.centre-plein{min-height:100vh;display:flex;align-items:center;justify-content:center}.panneau{background:var(--parchemin);color:var(--texte-encre);border:2px solid var(--texte-encre);border-radius:10px;box-shadow:0 14px 40px #0000008c,inset 0 0 60px #d9c9a480;padding:22px;display:flex;flex-direction:column;gap:12px;min-width:300px;max-width:min(92vw,640px)}.panneau .texte-faible{color:var(--texte-encre-faible)}.panneau h1,.panneau h2,.panneau h3{color:var(--texte-encre)}.texte-faible{color:var(--texte-faible)}.erreur{color:var(--erreur)}.bandeau{margin:0;padding:8px 14px;border:1px solid var(--erreur);border-radius:8px;background:#d964501f}.toast{max-width:520px;margin:16px auto 0;padding:10px 14px;border:1px solid var(--erreur);border-radius:8px;color:var(--erreur);background:#d964501a}.carte-visuel{position:relative;margin:0;aspect-ratio:5 / 7;border-radius:9px;overflow:hidden;background:var(--parchemin);border:1px solid rgba(26,23,20,.8);box-shadow:0 3px 10px #00000073}.carte-xs{width:74px;border-radius:5px}.carte-sm{width:132px;border-radius:7px}.carte-md{width:178px}.carte-lg{width:min(320px,78vw);border-radius:12px}.carte-art{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none}.carte-textes{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;text-align:center}.carte-titre{font-family:var(--affiche);color:var(--texte-encre);padding:3.5% 16% 0;line-height:1.05;text-shadow:0 0 6px rgba(242,234,216,.9)}.carte-effet{font-family:var(--plume);font-style:italic;color:var(--texte-encre);padding:0 7% 4.5%;line-height:1.18;text-shadow:0 0 5px rgba(242,234,216,.9)}.carte-md .carte-titre{font-size:16px}.carte-md .carte-effet{font-size:11px}.carte-sm .carte-titre{font-size:12.5px}.carte-sm .carte-effet{font-size:9px}.carte-lg .carte-titre{font-size:26px}.carte-lg .carte-effet{font-size:15px}.carte-xs .carte-titre,.carte-xs .carte-effet{display:none}.carte-pips{position:absolute;top:2.6%;left:3.6%;display:flex;align-items:center;gap:2px;padding:3px 5px;background:#f2ead8eb;border:1px solid var(--filet-parchemin);border-radius:999px}.pip{display:block;width:17px;height:17px;object-fit:contain}.carte-sm .pip{width:13px;height:13px}.carte-xs .pip{width:10px;height:10px}.carte-lg .pip{width:24px;height:24px}.carte-bonus{position:absolute;top:2.6%;right:3.6%;display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:#f2ead8eb;border:2px solid var(--texte-encre);border-radius:48% 52% 50% 50%/53% 47%}.carte-bonus .pip{width:19px;height:19px}.carte-bonus-plus{position:absolute;right:-3px;bottom:-6px;font-family:var(--affiche);font-size:15px;color:var(--parchemin);background:var(--texte-encre);border-radius:50%;width:15px;height:15px;line-height:14px;text-align:center}.carte-sm .carte-bonus{width:26px;height:26px}.carte-sm .carte-bonus .pip{width:14px;height:14px}.carte-sm .carte-bonus-plus{font-size:12px;width:12px;height:12px;line-height:11px}.carte-xs .carte-bonus{width:18px;height:18px;border-width:1px}.carte-xs .carte-bonus .pip{width:10px;height:10px}.carte-xs .carte-bonus-plus{display:none}.carte-mode{position:absolute;left:4%;bottom:27%;font-family:var(--affiche);font-size:13px;letter-spacing:.06em;color:var(--parchemin);background:#1a1714d9;padding:1px 8px 2px;border-radius:5px}.carte-sm .carte-mode{font-size:10px;padding:0 6px 1px}.carte-xs .carte-mode{display:none}.coin-marque{position:absolute;width:27%;aspect-ratio:1;border:3px dashed var(--canons);border-radius:50%;box-shadow:0 0 0 2px #c0432f4d,inset 0 0 12px #c0432f59}.carte-coin .carte-titre{background:linear-gradient(#f2ead8e0,#f2ead800);padding-bottom:2%}.carte-compte{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--affiche);font-size:24px;color:var(--parchemin);text-shadow:0 0 8px rgba(0,0,0,.9),0 0 3px rgba(0,0,0,1);background:#1a171447}.carte-legende{display:block;text-align:center;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--texte-faible);margin-top:4px}.carte-btn{background:none;border:0;padding:0;border-radius:10px;cursor:pointer;transition:transform .14s ease}.carte-btn:hover:not(:disabled){transform:translateY(-5px)}.carte-btn:hover:not(:disabled) .carte-visuel{box-shadow:0 10px 22px #0009,0 0 0 2px var(--canons)}.carte-btn:disabled{cursor:default}.cartes{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start}.landing{max-width:720px;margin:0 auto;padding:40px 16px 48px;display:flex;flex-direction:column;align-items:center;gap:26px;text-align:center}.landing-eventail{position:relative;width:min(560px,92vw);height:clamp(180px,38vw,250px)}.eventail-carte{position:absolute;left:50%;bottom:0;width:clamp(120px,26vw,168px);aspect-ratio:5 / 7;object-fit:cover;border-radius:9px;border:1px solid rgba(26,23,20,.85);box-shadow:0 8px 24px #0009;transform-origin:50% 120%;animation:eventail-ouvre .7s cubic-bezier(.2,.7,.3,1) both}.ec-0{transform:translate(-128%) rotate(-16deg);animation-delay:.05s}.ec-1{transform:translate(-89%) rotate(-8deg);animation-delay:.1s}.ec-2{transform:translate(-50%) rotate(0);animation-delay:.15s}.ec-3{transform:translate(-11%) rotate(8deg);animation-delay:.2s}.ec-4{transform:translate(28%) rotate(16deg);animation-delay:.25s}@keyframes eventail-ouvre{0%{transform:translate(-50%) rotate(0) translateY(24px);opacity:0}}.landing-titre{font-size:clamp(3rem,9vw,4.6rem);margin:0;color:var(--parchemin);text-shadow:0 4px 18px rgba(0,0,0,.7)}.landing-devise{margin:2px 0 0;font-style:italic;color:var(--texte-faible)}.landing-pitch{margin:6px auto 0;max-width:46ch;color:var(--texte)}.landing-emblemes{display:flex;justify-content:center;gap:18px;margin-top:14px}.landing-emblemes img{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}.landing-emblemes img:nth-child(odd){transform:rotate(-6deg)}.landing-emblemes img:nth-child(2n){transform:rotate(5deg)}.landing-actions{align-items:stretch;min-width:min(360px,92vw)}.landing-actions form{display:flex;gap:8px;justify-content:center}.landing-actions input{text-transform:uppercase;letter-spacing:.3em;width:9em;text-align:center;font-family:var(--affiche)}.lobby{max-width:560px;margin:0 auto;padding:32px 16px;display:flex;flex-direction:column;gap:16px}.lobby h1{font-size:2.4rem;margin-bottom:0}.lobby-code{font-family:var(--affiche);font-size:3.2em;letter-spacing:.28em;text-indent:.28em;color:var(--parchemin);text-shadow:0 3px 14px rgba(0,0,0,.7);border-bottom:3px dashed var(--canons);display:inline-block;margin:0 auto;padding:0 10px 2px}.sieges{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}.siege{display:flex;align-items:center;gap:12px;background:var(--parchemin);color:var(--texte-encre);border:1.5px solid var(--texte-encre);border-radius:8px;padding:10px 14px;box-shadow:2px 3px #00000059}.siege-libre{opacity:.5;border-style:dashed;box-shadow:none}.siege .num{display:inline-flex;align-items:center;gap:6px;color:var(--texte-encre-faible);font-variant-numeric:tabular-nums}.siege .num img{width:20px;height:20px;object-fit:contain}.siege .nom{flex:1;text-align:left}.badge{font-size:.72em;border:1px solid currentColor;border-radius:999px;padding:1px 8px;opacity:.8}.etat-pret{color:var(--ok);font-weight:600}.etat-deco{color:var(--erreur)}.lobby-controles{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.jeu{max-width:1100px;margin:0 auto;padding:14px 16px 48px;display:flex;flex-direction:column;gap:16px}.jeu-entete{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;border-bottom:1px solid var(--filet);padding-bottom:10px}.jeu-identite .titre{margin:0;font-size:1.9rem;color:var(--parchemin)}.jeu-manche{font-style:italic;color:var(--texte-faible)}.jeu-roles{display:flex;flex-direction:column;gap:4px;font-size:.92em}.role-jeton{display:inline-flex;align-items:center;gap:8px}.role-jeton img{width:24px;height:34px;object-fit:cover;border-radius:3px;border:1px solid var(--filet)}.jeu-pioches{display:flex;gap:10px;align-items:flex-start}.defausse{opacity:.9}.rang-navires{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:10px}.navire{background:var(--parchemin);color:var(--texte-encre);border:1.5px solid var(--texte-encre);border-radius:10px;padding:10px 14px;box-shadow:2px 3px #0006,inset 0 0 40px #d9c9a466}.navire.moi{border:2.5px solid var(--canons)}.entete-navire{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.navire-nom{display:inline-flex;align-items:center;gap:7px;font-family:var(--affiche);font-weight:400;font-size:1.12em;letter-spacing:.02em}.navire-maitre{width:18px;height:26px;object-fit:cover;border-radius:2px;border:1px solid var(--texte-encre)}.navire-badges{display:inline-flex;gap:5px;align-items:center;font-size:.82em;color:var(--texte-encre-faible)}.valeurs{display:flex;gap:14px;flex-wrap:wrap;margin:8px 0 6px;font-variant-numeric:tabular-nums}.valeur{display:inline-flex;align-items:center;gap:5px}.valeur img{width:21px;height:21px;object-fit:contain}.valeur b{font-size:1.06em}.valeur-zero{opacity:.35;filter:grayscale(.6)}.navire-cale{color:var(--texte-encre-faible);font-size:.84em;font-style:italic}.prompt{background:var(--parchemin);color:var(--texte-encre);border:1.5px solid var(--texte-encre);border-left:7px solid var(--canons);border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:10px;box-shadow:0 6px 18px #00000073}.prompt .texte-faible{color:var(--texte-encre-faible)}.prompt-attente{border-left-color:var(--filet-parchemin);background:#f2ead814;color:var(--texte-faible);box-shadow:none;border-color:var(--filet)}.prompt-avec-carte{flex-direction:row;align-items:flex-start;gap:14px;flex-wrap:wrap}.prompt-corps{display:flex;flex-direction:column;gap:10px;flex:1;min-width:220px}.prompt .choix{display:flex;flex-wrap:wrap;gap:8px}.choix-cartes{gap:12px}.journal{background:#f2ead80d;border:1px solid var(--filet);border-radius:10px;padding:10px 14px}.journal .rubrique{margin-bottom:4px}.journal-lignes{max-height:180px;overflow-y:auto;font-size:.85em;font-style:italic;color:var(--texte-faible)}.journal-lignes p{margin:2px 0}.jeu-quitter{align-self:flex-start}.voile{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0806cc;display:flex;align-items:center;justify-content:center;z-index:10;padding:16px}.panneau-revelation{max-height:88vh;overflow-y:auto}.panneau-fin{text-align:center;align-items:center}.fin-embleme{display:flex;gap:14px;justify-content:center}.fin-embleme img{width:30px;height:30px;object-fit:contain}@media (max-width: 700px){.carte-md{width:138px}.carte-md .carte-titre{font-size:13px}.carte-md .carte-effet{font-size:9px}.jeu-pioches{order:3}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}