/* Présentation Alphamem seulement. Conventions reprises du Mémory multithème. */
body.tp-alphamem-host .tp-alphamem-annonce-header { min-height:90px; background:#f3f1e9; color:#535b4e; font:12px/1.5 Arial,sans-serif; text-align:center; }
#tp-alphamem-page { grid-column:1 / span 6; grid-row:6; order:8; min-width:0; padding:0 14px; }
#tp-alphamem-page .tp-alphamem-path { padding:17px 6px 15px; color:#ffffcc; font:14px/1.5 Helvetica,Arial,sans-serif; text-align:left; }
#tp-alphamem-page .tp-alphamem-path a { font:inherit; }
#tp-alphamem,#tp-alphamem * { box-sizing:border-box; }
#tp-alphamem {
    width:100%; max-width:660px; margin:12px auto 28px; padding:22px;
    border:1px solid #d5e1ec; border-radius:22px; background:#fffaf0; color:#193b59;
    box-shadow:0 8px 22px rgba(43,24,24,.14); font:15px/1.45 Arial,Helvetica,sans-serif; text-align:center;
}
#tp-alphamem h1 { text-align:center; margin:0 0 8px; padding:0; color:#193b59; font:bold 28px/1.2 'Trebuchet MS',Arial,sans-serif; }
#tp-alphamem .tp-alphamem-consigne { margin:0 0 18px; padding:0; font:17px/1.45 Arial,sans-serif; color:#193b59; text-align:center; }
#tp-alphamem button { font-family:Arial,Helvetica,sans-serif; cursor:pointer; touch-action:manipulation; -webkit-tap-highlight-color:transparent; }
#tp-alphamem button:focus-visible { outline:3px solid #a44e00; outline-offset:4px; }
#tp-alphamem button:disabled { cursor:default; }
#tp-alphamem .tp-alphamem-niveaux { margin:0; padding:0; border:0; min-width:0; }
#tp-alphamem legend { float:none; width:100%; margin:0 0 12px; padding:0; color:#193b59; font-size:17px; font-weight:bold; }
#tp-alphamem .tp-alphamem-choix { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; }
#tp-alphamem [data-niveau] { display:flex; flex-direction:column; align-items:center; justify-content:flex-start; gap:5px; min-height:104px; min-width:0; padding:8px 4px; border:2px solid #d3dfeb; border-radius:13px; background:#fff; color:#234c6b; font-size:12px; font-weight:bold; line-height:1.3; }
#tp-alphamem [data-niveau][aria-pressed="true"] { border-color:#24558a; background:#24558a; color:#fff; }
#tp-alphamem [data-niveau]:hover { border-color:#24558a; }
#tp-alphamem .tp-alphamem-numero { display:grid; place-items:center; width:32px; height:32px; border:1px solid currentColor; border-radius:50%; font-size:20px; }
#tp-alphamem [data-niveau] small { margin-top:auto; font-size:11px; font-weight:normal; }
#tp-alphamem .tp-alphamem-infos { display:flex; align-items:center; justify-content:center; gap:36px; margin:20px 0 18px; padding:12px 0; border-top:1px solid #dce4e9; border-bottom:1px solid #dce4e9; }
#tp-alphamem .tp-alphamem-infos > div { display:flex; flex-direction:column; align-items:center; min-width:100px; }
#tp-alphamem .tp-alphamem-infos span { font-size:12px; color:#52697b; }
#tp-alphamem [data-memory="compteur"],#tp-alphamem [data-memory="temps"] { min-height:44px; display:grid; place-items:center; font:bold 22px/1.3 Arial,sans-serif; font-variant-numeric:tabular-nums; }
#tp-alphamem [data-memory="temps"] { min-width:100px; padding:4px 10px; border:2px solid transparent; border-radius:9px; background:transparent; color:#193b59; }
#tp-alphamem [data-memory="temps"]:hover { background:#e8f0f8; }
#tp-alphamem .tp-alphamem-plateau { display:grid; grid-template-columns:repeat(var(--alphamem-colonnes,3),96px); justify-content:center; gap:12px; margin:0 auto; }
#tp-alphamem .tp-alphamem-carte { position:relative; display:grid; place-items:center; width:96px; height:96px; margin:0; padding:4px; border:2px solid #24558a; border-radius:14px; background:#fff; box-shadow:0 3px 0 #c5d3de; color:#193b59; }
#tp-alphamem .tp-alphamem-face { font:normal 64px/1 'Trebuchet MS',Arial,sans-serif; pointer-events:none; }
#tp-alphamem .tp-alphamem-dos { position:absolute; inset:0; display:grid; place-items:center; border-radius:11px; background:radial-gradient(circle at 15% 18%,rgba(255,255,255,.15) 0 5px,transparent 6px),linear-gradient(145deg,#3975af,#24558a); color:#fff; font:bold 42px/1 Arial,sans-serif; pointer-events:none; }
#tp-alphamem .tp-alphamem-dos::before { position:absolute; inset:9px; border:1px solid rgba(255,255,255,.3); border-radius:8px; content:""; }
#tp-alphamem .is-open .tp-alphamem-dos { display:none; }
#tp-alphamem .tp-alphamem-coche { position:absolute; top:-6px; right:-6px; display:none; place-items:center; width:23px; height:23px; border:2px solid #fffaf0; border-radius:50%; background:#237042; color:#fff; font:bold 14px/1 Arial,sans-serif; pointer-events:none; }
#tp-alphamem .is-found { border-color:#237042; background:#edf7e8; box-shadow:0 3px 0 #c5d8bd; cursor:default; }
#tp-alphamem .is-found .tp-alphamem-coche { display:grid; }
#tp-alphamem .tp-alphamem-carte:hover:not(.is-found) { border-color:#153b60; box-shadow:0 0 0 2px #bdd9f1,0 3px 0 #c5d3de; }
#tp-alphamem .tp-alphamem-statut { min-height:44px; margin:20px 0 12px; padding:0; color:#193b59; font:16px/1.45 Arial,sans-serif; text-align:center; }
#tp-alphamem .tp-alphamem-commandes { display:flex; flex-wrap:wrap; justify-content:center; gap:12px; }
#tp-alphamem .tp-alphamem-commandes button { min-height:46px; padding:10px 18px; border:2px solid #24558a; border-radius:10px; background:#edf3f9; color:#24558a; font-size:16px; font-weight:bold; }
#tp-alphamem .tp-alphamem-commandes [data-memory="recommencer"] { background:#24558a; color:#fff; }
#tp-alphamem [hidden] { display:none !important; }
#tp-alphamem-page .tp-alphamem-publicite { margin:150px 0 24px; padding:12px 0; background:#f3f1e9; border:1px solid #c7cbbc; color:#535b4e; text-align:center; font:12px/1.5 Arial,sans-serif; }
#tp-alphamem-page .tp-alphamem-annonce-factice { display:grid; place-items:center; min-height:250px; }
#tp-alphamem-page .tp-alphamem-indisponible { padding:30px; color:#ffffcc; }
@media (prefers-reduced-motion:no-preference) {
    #tp-alphamem button { transition:background-color .15s,border-color .15s,box-shadow .15s; }
}
@media (max-width:680px) {
    #tp-alphamem-page { padding:0 8px; }
    #tp-alphamem { padding:16px 10px; border-radius:17px; }
    #tp-alphamem h1 { font-size:25px; }
    #tp-alphamem .tp-alphamem-consigne { font-size:16px; }
    #tp-alphamem .tp-alphamem-choix { gap:4px; }
    #tp-alphamem [data-niveau] { padding:8px 2px; font-size:11px; }
    #tp-alphamem .tp-alphamem-plateau { grid-template-columns:repeat(3,80px); gap:8px; }
    #tp-alphamem .tp-alphamem-carte { width:80px; height:80px; border-radius:12px; }
    #tp-alphamem .tp-alphamem-face { font-size:55px; }
    #tp-alphamem .tp-alphamem-dos { border-radius:9px; }
}
@media (min-width:390px) and (max-width:680px) {
    #tp-alphamem[data-niveau-actif="4"] .tp-alphamem-plateau,
    #tp-alphamem[data-niveau-actif="5"] .tp-alphamem-plateau { grid-template-columns:repeat(4,78px); gap:8px; }
    #tp-alphamem[data-niveau-actif="4"] .tp-alphamem-carte,
    #tp-alphamem[data-niveau-actif="5"] .tp-alphamem-carte { width:78px; height:78px; }
}
@media (max-width:340px) {
    #tp-alphamem { padding-left:7px; padding-right:7px; }
    #tp-alphamem [data-niveau] { font-size:10px; }
    #tp-alphamem [data-niveau] small { font-size:10px; }
    #tp-alphamem .tp-alphamem-plateau { gap:7px; }
}
@media (max-width:300px) {
    #tp-alphamem .tp-alphamem-plateau { grid-template-columns:repeat(2,80px); }
    #tp-alphamem .tp-alphamem-choix { grid-template-columns:repeat(3,minmax(0,1fr)); }
}

body.tp-alphamem-host .tp-alphamem-header-ad { display:inline-block; width:728px; height:90px; }
@media (max-width:900px) {
 body.tp-alphamem-host #affichage728x90,body.tp-alphamem-host #affichage728x90 .pubHorizontaleHeader { min-width:0; width:100%; }
 body.tp-alphamem-host .tp-alphamem-header-ad { width:100%; }
}

/* Même annonce verticale que les autres Mémory, à distance des commandes. */
#tp-alphamem-page .tp-alphamem-jeu-layout { min-width:0; }
#tp-alphamem-page .tp-alphamem-publicite-verticale { display:none; width:160px; text-align:center; }
#tp-alphamem-page .tp-alphamem-publicite-verticale .tp-ad-label { display:block; margin-bottom:8px; color:#ffffcc; font:12px/1.4 Arial,sans-serif; }
#tp-alphamem-page .tp-alphamem-publicite-verticale .pubVerticaleGauche { width:160px; height:600px; margin:0; }
#tp-alphamem-page .tp-alphamem-verticale-factice { box-sizing:border-box; display:grid; place-content:center; padding:8px; border:1px solid #c7cbbc; background:#f3f1e9; color:#535b4e; font:14px/1.6 Arial,sans-serif; }
@media (min-width:1100px) {
    #tp-alphamem-page .tp-alphamem-jeu-layout { display:grid; grid-template-columns:160px minmax(0,1fr); column-gap:150px; max-width:1100px; margin:0 auto; }
    #tp-alphamem-page .tp-alphamem-publicite-verticale { display:block; grid-column:1; grid-row:1; align-self:start; margin-top:12px; }
    #tp-alphamem-page .tp-alphamem-jeu-layout > #tp-alphamem { grid-column:2; grid-row:1; }
}