:root{color-scheme:dark;--bg:#101222;--panel:#1b1d31;--line:#303248;--muted:#aaacc3;--ink:#f4f4fc;--lime:#c9f582;--violet:#9992ff;--focus:#dcffa8;font-family:Segoe UI,Arial,sans-serif;font-synthesis:none;font-size:clamp(13px,1.05vw,21px)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);overflow:hidden}button,input{font:inherit}button{color:inherit;cursor:pointer;border:0}button:disabled{cursor:default;opacity:.5}button:focus-visible,input:focus-visible,button.focused{outline:3px solid var(--focus);outline-offset:5px;box-shadow:0 0 0 8px #c9f58212}button:focus{z-index:2}button{transition:background .18s,transform .18s,box-shadow .18s}button:focus-visible{transform:translateY(-2px)}[hidden]{display:none!important}.shell{display:flex;height:100dvh}.sidebar{width:17.4rem;flex-shrink:0;background:#131526;border-right:1px solid #ffffff0b;padding:2.3rem 1.6rem;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:.45rem;padding:0 .6rem 3.1rem}.brand img{width:3.3rem;filter:brightness(0) invert(1)}.brand span{font-size:2.15rem;letter-spacing:.18em;font-weight:800}.brand small{display:block;font-size:.57rem;letter-spacing:.29em;color:var(--muted);margin-top:.2rem}nav{display:grid;gap:.9rem}.nav-item{display:flex;align-items:center;gap:1rem;padding:1.1rem 1rem;background:transparent;text-align:left;color:var(--muted);border-radius:.65rem}.nav-item.selected{background:#292941;color:white}.nav-icon{font-size:1.45rem;min-width:1.5rem}.nav-count{margin-left:auto;border-radius:.3rem;padding:.1rem .4rem;background:#ffffff14;font-size:.8rem}.sidebar-bottom{margin-top:auto;display:flex;align-items:center;gap:.75rem;font-size:.85rem}.sidebar-bottom small{display:block;color:var(--muted);font-size:.68rem;margin-top:.3rem}.device-dot{width:.45rem;height:.45rem;background:var(--lime);border-radius:50%}.admin-entry{margin-left:auto;background:none;color:var(--muted);min-width:2.4rem;min-height:2.4rem;font-size:1.8rem}.workspace{min-width:0;flex:1;display:flex;flex-direction:column;background:radial-gradient(ellipse at 75% 0%,#28244366,transparent 55%)}.topbar{height:6.4rem;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 3rem;color:var(--muted);font-size:.8rem}.topbar-right{display:flex;align-items:center;gap:1.8rem}.status-pill{border:1px solid #ffffff18;border-radius:2rem;padding:.5rem .8rem;font-size:.72rem}.status-pill.online:before{content:'●';color:var(--lime);margin-right:.5rem}time{color:white;letter-spacing:.08em}main{flex:1;min-height:0;overflow:auto;padding:.25rem 3rem 2rem;scrollbar-width:thin;scrollbar-color:#50516c transparent}h1{font-size:2.65rem;font-weight:650;letter-spacing:-.045em;margin:.3rem 0 .6rem}h2{font-size:1.25rem;font-weight:600;margin:0}p{color:var(--muted);line-height:1.6;margin:.4rem 0 1.6rem}.eyebrow{font-size:.65rem;letter-spacing:.19em;color:var(--lime);text-transform:uppercase;font-weight:700}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:1.7rem 0 1.15rem}.text-button{background:none;color:var(--muted);padding:.6rem;min-height:2.6rem;font-size:.78rem}.hero{display:grid;grid-template-columns:1.05fr 1fr;overflow:hidden;border-radius:1.1rem;background:linear-gradient(115deg,#292e38,#192c2c);border:1px solid #ffffff14;min-height:22.5rem;position:relative}.hero-copy{padding:2.4rem;position:relative;z-index:1}.hero h2{font-size:4.6rem;font-weight:850;letter-spacing:-.045em;margin:1.05rem 0 0;line-height:1}.hero h3{font-size:1.4rem;font-weight:500;margin:.55rem 0 1rem}.hero p{max-width:27rem;font-size:.86rem;line-height:1.6}.hero-image{position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#50644d66,transparent 68%)}.hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#202e2f,transparent 20%)}.hero-image img{width:90%;height:23rem;object-fit:contain;transform:rotate(3deg);filter:drop-shadow(0 14px 20px #0006);border-radius:1rem}.hero-meta{display:flex;gap:1.1rem;margin:1rem 0 1.6rem;font-size:.72rem;color:#d4d9ce}.tag{display:inline-flex;align-items:center;gap:.4rem;background:#ffffff12;border:1px solid #ffffff14;border-radius:1rem;padding:.4rem .65rem}.primary{background:var(--lime);color:#1a2611;padding:.95rem 1.75rem;border-radius:.5rem;font-weight:700;min-height:3.2rem}.secondary{background:#ffffff0d;border:1px solid #ffffff20;border-radius:.5rem;padding:.9rem 1.1rem;min-height:3.2rem}.button-row{display:flex;gap:.9rem;flex-wrap:wrap}.game-row{display:grid;grid-template-columns:minmax(15rem,1.25fr) 1fr 1fr;gap:1.1rem}.game-card{background:var(--panel);border:1px solid #ffffff0b;border-radius:.8rem;padding:1rem;display:flex;gap:1.1rem;align-items:center;text-align:left}.game-card img{height:6.5rem;width:6.5rem;object-fit:cover;border-radius:.65rem}.game-card strong{display:block;font-size:1.15rem;margin-bottom:.4rem}.game-card small{display:block;color:var(--muted);font-size:.75rem;line-height:1.6}.mini-card{border:1px solid #ffffff0d;border-radius:.8rem;padding:1.5rem;background:#1a1d30;text-align:left}.mini-icon{display:block;color:var(--violet);font-size:1.8rem;margin-bottom:.65rem}.mini-card strong{display:block;font-size:.95rem;margin-bottom:.5rem}.mini-card small{color:var(--muted);font-size:.75rem;line-height:1.5}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1.3rem}.cover-card{border:1px solid #ffffff10;background:var(--panel);border-radius:.9rem;text-align:left;overflow:hidden;max-width:24rem;padding:0}.cover-card img{width:100%;aspect-ratio:1.4;object-fit:cover}.cover-info{padding:1.25rem}.cover-info strong{font-size:1.2rem;display:block}.cover-info small{color:var(--muted);display:block;margin:.5rem 0}.badge{font-size:.65rem;display:inline-block;border-radius:.3rem;background:#c9f58217;color:var(--lime);padding:.35rem .6rem}.grid-eight{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.slot{background:var(--panel);border:1px solid #ffffff12;border-radius:.8rem;padding:1.5rem;text-align:left;min-height:10rem}.slot-number{font-size:.65rem;color:var(--muted);letter-spacing:.15em}.controller-shape{font-size:2rem;color:#7a7a98;display:block;margin:.8rem 0}.slot.connected{border-color:#c9f58255;background:linear-gradient(120deg,#263633,#1b1d31)}.slot.connected .controller-shape{color:var(--lime)}.slot strong{display:block;font-size:.9rem}.slot small{display:block;color:var(--muted);font-size:.65rem;margin-top:.5rem;overflow-wrap:anywhere}.panel{padding:1.5rem;background:var(--panel);border:1px solid #ffffff12;border-radius:.8rem;margin:1.2rem 0}.panel.inline{display:flex;align-items:center;justify-content:space-between;gap:1rem}.panel h3{margin:0 0 .5rem;font-size:1rem}.panel p{font-size:.8rem;margin:0}.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}.setting{background:var(--panel);border:1px solid #ffffff12;border-radius:.8rem;min-height:9.5rem;text-align:left;padding:1.5rem}.setting span{font-size:1.8rem;color:var(--violet);display:block;margin-bottom:.8rem}.setting strong{display:block;font-size:1rem}.setting small{display:block;color:var(--muted);font-size:.73rem;margin-top:.5rem}.network-list{display:grid;gap:.7rem;max-width:45rem}.network-row{display:flex;align-items:center;gap:1rem;justify-content:space-between;background:var(--panel);border:1px solid #ffffff12;padding:1.3rem;border-radius:.6rem;text-align:left}.network-row small{color:var(--muted);font-size:.75rem}.empty{text-align:center;padding:3rem 1rem;color:var(--muted)}.progress{height:.4rem;border-radius:1rem;background:#ffffff13;overflow:hidden;margin:1rem 0}.progress>div{height:100%;background:var(--lime);width:0;transition:width .2s}footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 3rem;border-top:1px solid #ffffff08;color:#8f90aa;font-size:.65rem;flex-shrink:0}.key{display:inline-flex;align-items:center;justify-content:center;width:1.2rem;height:1.2rem;border:1px solid #6a6d84;border-radius:50%;color:#d7d9e6;font-weight:500;margin:0 .3rem 0 .85rem}.key:first-child{margin-left:0}.modal-backdrop{position:fixed;inset:0;background:#08091dd9;z-index:10;display:grid;place-items:center;padding:2rem;backdrop-filter:blur(8px)}.dialog{width:min(50rem,100%);max-height:90dvh;overflow:auto;background:#1c1e32;border:1px solid #ffffff24;border-radius:1rem;padding:2.2rem;box-shadow:0 30px 90px #0008}.dialog h2{font-size:1.8rem;margin-bottom:.7rem}.dialog p{font-size:.9rem}.dialog .button-row{margin-top:1.5rem}.input-label{display:block;color:var(--muted);font-size:.75rem;margin-bottom:.6rem}.input{display:block;width:100%;background:#101222;color:white;border:1px solid #474960;border-radius:.5rem;padding:1rem;min-height:3rem}.keyboard{display:grid;grid-template-columns:repeat(10,1fr);gap:.45rem;margin-top:1.2rem}.keyboard.numeric{grid-template-columns:repeat(3,1fr);max-width:20rem}.keyboard button{background:#323449;border-radius:.35rem;min-height:2.65rem}.keyboard button.wide{grid-column:span 2}.error{color:#ffb8b8;min-height:1.4rem;font-size:.8rem}.toast{position:fixed;bottom:4.5rem;left:50%;transform:translateX(-50%);max-width:80vw;background:#303747;border:1px solid #c9f58266;border-radius:.7rem;padding:1rem 1.5rem;z-index:30;font-size:.9rem}.boot{position:fixed;inset:0;background:radial-gradient(ellipse at center,#27253e,#101222 65%);display:grid;place-items:center;z-index:50}.boot-mark{display:grid;place-items:center;animation:boot-in 1.2s ease both}.boot img{width:8rem;filter:brightness(0) saturate(100%) invert(97%) sepia(40%) saturate(721%) hue-rotate(29deg);animation:float 2s ease-in-out infinite}.boot strong{font-size:4.5rem;letter-spacing:.25em;margin-left:.25em}.boot span{color:var(--muted);letter-spacing:.15em;font-size:.8rem;margin-top:.8rem}.boot-line{position:absolute;bottom:17%;width:8rem;height:2px;background:#ffffff14;overflow:hidden}.boot-line:after{content:'';display:block;height:100%;background:var(--lime);animation:loading 1.5s ease both}.boot.exiting{opacity:0;transition:opacity .4s}.notice{color:var(--muted);font-size:.8rem;line-height:1.7}.diagnostic-list{display:grid;gap:.6rem;font-size:.8rem;color:var(--muted)}.app-options{display:grid;gap:.7rem;max-height:20rem;overflow:auto}.game-frame{position:fixed;inset:0;background:black;z-index:20}.game-frame iframe{width:100%;height:100%;border:0}.game-frame .exit-game{position:absolute;top:1rem;right:1rem;background:#151827df;border:1px solid #fff5;border-radius:.5rem;padding:.7rem;color:white}.device-info{font-family:monospace;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.8rem;color:#c3c5db}.offline-banner{background:#564a262a;border:1px solid #c9a74755;padding:1rem;border-radius:.5rem;color:#ecd494;font-size:.8rem;margin-bottom:1.2rem}@keyframes boot-in{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@keyframes float{50%{transform:translateY(-6px)}}@keyframes loading{from{width:0}to{width:100%}}
@media(max-width:1000px){.sidebar{width:13rem;padding:1.5rem 1rem}.topbar{height:5rem;padding:0 1.6rem}main{padding:.3rem 1.6rem 1.4rem}.hero{min-height:19rem}.hero-copy{padding:1.6rem}.hero h2{font-size:3.6rem}.hero-image img{height:20rem}footer{padding:1rem 1.6rem}.game-row{grid-template-columns:1.25fr 1fr 1fr}.grid-eight{gap:.7rem}.slot{padding:1.1rem}.brand{padding-bottom:2rem}.brand span{font-size:1.7rem}.topbar-right{gap:1rem}}
@media(max-width:700px){body{overflow:auto}.shell{min-height:100dvh;height:auto}.sidebar{width:5rem;padding:1rem .6rem}.brand{padding:0 0 1.5rem}.brand span,.sidebar-bottom div,.sidebar-bottom .device-dot{display:none}.brand img{width:3rem}.nav-item{font-size:0;padding:.9rem}.nav-icon{font-size:1.4rem}.nav-count{display:none}.sidebar-bottom{justify-content:center}.admin-entry{margin:0}.topbar{padding:0 1.1rem;height:4.5rem}.breadcrumb{display:none}.topbar-right{width:100%;justify-content:space-between}main{padding:0 1.1rem 1.4rem;overflow:visible}.hero{grid-template-columns:1fr}.hero-copy{padding:1.5rem}.hero-image{display:none}.hero h2{font-size:3.4rem}.hero p{max-width:none}.game-row{grid-template-columns:1fr}.mini-card{padding:1.1rem;display:grid;grid-template-columns:2rem 1fr;column-gap:1rem}.mini-icon{grid-row:span 2;margin:0}.settings-grid{grid-template-columns:1fr 1fr}.grid-eight{grid-template-columns:1fr 1fr}.slot{min-height:9rem}.panel.inline{align-items:flex-start;flex-direction:column}footer{padding:1rem;font-size:.6rem;flex-wrap:wrap}.dialog{padding:1.4rem}.keyboard{gap:.25rem}.keyboard button{min-height:2.6rem}.modal-backdrop{padding:1rem}h1{font-size:2.2rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Accueil néon inspiré du visuel DIB’S-ONE fourni par le propriétaire. */
.home-layout .sidebar{width:5.2rem;padding:1.3rem .6rem;background:#080910}.home-layout .brand{padding:0 .25rem 2rem}.home-layout .brand img{width:3rem}.home-layout .brand>span,.home-layout .sidebar-bottom div,.home-layout .sidebar-bottom .device-dot{display:none}.home-layout .nav-item{font-size:0;padding:1rem}.home-layout .nav-icon{font-size:1.55rem}.home-layout .nav-count{display:none}.home-layout .sidebar-bottom{justify-content:center}.home-layout .admin-entry{margin:0}.home-layout .workspace{background:radial-gradient(ellipse at 55% 30%,#1b0e2d66,transparent 65%),#07080e}.home-layout .topbar{height:4.2rem;padding:0 2.5rem}.home-layout main{display:flex;flex-direction:column;overflow:auto;padding:0 2.5rem 1rem}.home-layout .breadcrumb{letter-spacing:.17em;font-size:.7rem;text-transform:uppercase}.home-layout .status-pill.online:before{color:#26d5ff}.neon-stage{flex:1;min-height:19rem;max-height:32rem;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse at 50% 85%,#41309928,transparent 62%)}.dib-logo{width:min(40rem,77%);max-height:24rem;object-fit:contain;mix-blend-mode:screen}.neon-dock{display:flex;gap:1.4rem;justify-content:center;align-items:center;margin-top:-.6rem;z-index:1}.dock-button{position:relative;display:flex;gap:.8rem;align-items:center;flex-wrap:wrap;width:12.7rem;min-height:3.5rem;border-radius:.6rem;background:#111322dd;border:1px solid #21c7ff65;padding:.65rem 1rem;box-shadow:0 0 15px #1abfff12;text-align:left}.dock-symbol{font-size:1.9rem;color:#35d7ff;grid-row:span 2;min-width:2rem}.dock-button strong{font-size:.9rem}.dock-button small{font-size:.64rem;color:var(--muted);margin-left:auto}.dock-button.violet{border-color:#a96cff65;box-shadow:0 0 15px #a36dff12}.dock-button.violet .dock-symbol{color:#ab70ff}.dock-button.pink{border-color:#f346d665;box-shadow:0 0 15px #f346d612}.dock-button.pink .dock-symbol{color:#ff65dd}.games-shelf{flex-shrink:0;margin-top:1.2rem;border-top:1px solid #953dcd44;padding-top:.6rem;position:relative}.games-shelf:before{content:'';position:absolute;top:-1px;left:5%;width:90%;height:1px;background:linear-gradient(90deg,transparent,#23cfff,#aa64ff,#ff55df,#ffb647,transparent);box-shadow:0 0 12px #ad67ff}.games-shelf .section-heading{margin:.6rem 0 1rem}.games-shelf .eyebrow{color:#b38ee8;font-size:.6rem}.games-shelf h2{font-size:1.05rem;margin-top:.35rem}.games-rail{display:flex;gap:1.1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:.55rem .6rem .8rem;scrollbar-width:thin;scrollbar-color:#675096 #15101f;min-height:9.2rem}.rail-game{flex:0 0 27rem;scroll-snap-align:start;display:flex;align-items:center;gap:1.1rem;background:linear-gradient(100deg,#171d2d,#161326);border:1px solid #8966c73d;border-radius:.8rem;padding:.85rem;text-align:left;min-height:7rem}.rail-game img{width:6.5rem;height:6.5rem;object-fit:cover;border-radius:.6rem;border:1px solid #fff2}.rail-game strong{font-size:1.45rem;display:block}.rail-game small{font-size:.75rem;color:var(--muted);display:block;margin:.45rem 0}.rail-game em{font-style:normal;font-size:.65rem;color:#48d9ff}.rail-play{margin-left:auto;margin-right:.7rem;width:2.6rem;height:2.6rem;border:1px solid #33ceff77;border-radius:50%;display:grid;place-items:center;color:#43d8ff;background:#21b2ff13}.rail-future{flex:0 0 25rem;scroll-snap-align:start;display:flex;align-items:center;gap:1rem;flex-wrap:wrap;border:1px dashed #75529177;border-radius:.8rem;background:#10101bbb;text-align:left;padding:1.4rem;color:#b9a5d0}.rail-future>span{font-size:2rem;color:#a46fec}.rail-future strong{font-size:1rem}.rail-future small{display:block;width:100%;font-size:.75rem;color:#8b83a0;line-height:1.6}.shelf-hint{font-size:.62rem;color:#837997;padding:.2rem .6rem;display:flex;justify-content:space-between}.home-layout .primary{background:linear-gradient(100deg,#26c8ff,#9a6fff);color:#071426}.home-layout button:focus-visible{outline-color:#52e1ff;box-shadow:0 0 25px #557bff40}.home-layout footer{border-color:#45275044;background:#080910}.home-layout .key{border-color:#714893;color:#e8d6ff}.home-layout .device-dot{background:#28cfff}
@media(min-width:1600px){.neon-stage{min-height:22rem}.dib-logo{max-height:26rem;width:44rem}.games-rail{min-height:10rem}.rail-game img{width:7.5rem;height:7.5rem}}
@media(max-width:1000px){.home-layout .topbar{height:3.5rem;padding:0 1.4rem}.home-layout main{padding:0 1.4rem .6rem}.neon-stage{min-height:16rem;max-height:none}.dib-logo{max-height:19rem;width:34rem}.neon-dock{gap:.8rem}.dock-button{width:11rem;padding:.5rem .8rem}.dock-symbol{font-size:1.6rem}.games-shelf{margin-top:1rem}.games-rail{min-height:8rem}.rail-game{flex-basis:24rem}.rail-game img{width:5.5rem;height:5.5rem}.rail-future{flex-basis:21rem}}
@media(max-width:700px){.home-layout .sidebar{width:4.3rem}.home-layout .brand img{width:2.6rem}.home-layout .nav-item{padding:.75rem}.home-layout main{padding:0 .9rem 1rem}.home-layout .topbar{padding:0 .9rem;height:4rem}.neon-stage{min-height:18rem}.dib-logo{width:100%;max-height:none}.neon-dock{width:100%;gap:.5rem;margin:0}.dock-button{width:33.3%;flex-direction:column;gap:.3rem;justify-content:center;text-align:center;padding:.6rem .3rem;min-height:6rem}.dock-button small{margin:0;font-size:.6rem}.dock-button strong{font-size:.73rem}.dock-symbol{font-size:1.7rem}.games-shelf h2{font-size:.85rem}.games-shelf .section-heading{gap:.5rem}.games-shelf .text-button{font-size:.65rem}.rail-game{flex-basis:21rem;gap:.7rem}.rail-game img{width:5rem;height:5rem}.rail-future{flex-basis:19rem}.shelf-hint{gap:.7rem;line-height:1.6}.home-layout footer{font-size:.55rem}}
.boot .boot-brand-image{width:min(38rem,80vw);max-height:52vh;object-fit:contain;filter:none;mix-blend-mode:screen}.boot strong{font-size:2.1rem;letter-spacing:.3em}.boot span{font-size:.7rem}.boot{background:radial-gradient(ellipse at center,#231335,#07080e 70%)}
.dock-button{display:grid;grid-template-columns:2rem 1fr;grid-template-rows:auto auto;gap:.15rem .8rem;min-height:4.3rem}.dock-button .dock-symbol{grid-row:span 2}.dock-button strong{align-self:end}.dock-button small{margin:0;align-self:start}@media(max-width:700px){.dock-button{grid-template-columns:1fr;grid-template-rows:auto auto auto;min-height:6.5rem;gap:.3rem}.dock-button .dock-symbol{grid-row:auto}.dock-button strong{align-self:center}}

/* Vidéo locale : une lecture, puis la dernière image reste affichée. */
#brand-mount{display:contents}.dib-logo{position:relative;aspect-ratio:73/48;flex-shrink:0;mix-blend-mode:normal}.dib-logo video,.dib-logo .brand-final{display:block;width:100%;height:100%;max-height:inherit;object-fit:contain}.dib-logo [hidden]{display:none!important}.brand-sound{position:absolute;right:.5rem;top:.5rem;z-index:2;border:1px solid #53d7ff66;border-radius:.4rem;background:#090b15d9;color:#e9efff;padding:.6rem;font-size:.65rem;min-height:2.75rem}.dib-logo video:focus{outline:none}

/* Le logo couleur conserve ses couleurs, sans le filtre de l’ancien pictogramme. */
.brand img{filter:none;object-fit:contain}

/* DIB’S-ONE : décor vidéo 16:9 plein écran, noir continu sans cadre. */
body{background:#000}.home-layout{background:#000;isolation:isolate}.home-layout .workspace,.home-layout .sidebar{background:transparent}.home-layout .sidebar{position:relative;z-index:2;border-right:0}.home-layout .topbar{position:relative;z-index:2;height:3rem;background:transparent}.home-layout .breadcrumb{visibility:hidden}.home-layout main{padding:0 1.6rem .5rem}.home-layout .neon-stage{min-height:0;max-height:none;justify-content:flex-end;background:none;padding-bottom:.8rem}.home-layout .dib-logo{position:fixed;inset:0;width:100vw;height:100dvh;max-height:none;aspect-ratio:auto;z-index:0;background:#000;mix-blend-mode:normal;pointer-events:none}.home-layout .dib-logo video,.home-layout .dib-logo .brand-final{width:100%;height:100%;max-height:none;object-fit:contain;background:#000;border:0;border-radius:0;box-shadow:none}.home-layout .neon-dock{position:relative;z-index:2;margin-top:0}.home-layout .dock-button{background:#000c}.home-layout .games-shelf{z-index:2;margin-top:0;border-top:0;background:linear-gradient(0deg,#000 80%,#0000);padding-top:.3rem}.home-layout .games-shelf:before{display:none}.home-layout .games-shelf .eyebrow{display:none}.home-layout .games-shelf .section-heading{margin:.3rem 0}.home-layout .games-shelf h2{font-size:.85rem;margin:0}.home-layout .games-rail{min-height:0;padding:.4rem .5rem;height:6rem}.home-layout .rail-game{flex-basis:23rem;min-height:0;padding:.55rem;background:#000c}.home-layout .rail-game img{width:4.2rem;height:4.2rem}.home-layout .rail-game strong{font-size:1.1rem}.home-layout .rail-game small{margin:.25rem 0;font-size:.65rem}.home-layout .rail-future{flex-basis:20rem;padding:.7rem;background:#000c}.home-layout .rail-future small{font-size:.65rem}.home-layout .shelf-hint{padding:0 .5rem;font-size:.58rem}.home-layout footer{position:relative;z-index:2;background:#000;border:0;padding:.7rem 1.6rem}.boot{background:#000}.boot .boot-mark,.boot .boot-line{display:none}.boot.exiting{transition:opacity .2s}
@media(max-width:700px){.home-layout main{padding:0 .7rem .7rem}.home-layout .neon-stage{min-height:calc(100dvh - 19rem)}.home-layout .neon-dock{gap:.4rem}.home-layout .dock-button{min-height:5.1rem}.home-layout .games-rail{height:6.3rem}.home-layout .rail-game{flex-basis:19rem}.home-layout .rail-future{flex-basis:18rem}.home-layout footer{padding:.7rem}.home-layout .dib-logo video,.home-layout .dib-logo .brand-final{object-fit:contain}}

/* La marque dans le menu reste uniquement son logo. */
.brand{justify-content:center}.brand img{width:3.3rem}

/* Raccord noir aux bords du média et commandes sous le nom du logo. */
.home-layout .dib-logo video,.home-layout .dib-logo .brand-final{mask-image:linear-gradient(90deg,transparent 7.4%,#000 13%,#000 87%,transparent 92.6%);-webkit-mask-image:linear-gradient(90deg,transparent 7.4%,#000 13%,#000 87%,transparent 92.6%)}.home-layout .dock-button{min-height:3.2rem;padding:.45rem .8rem}.home-layout .neon-stage{padding-bottom:.5rem}.home-layout .games-rail{height:5rem}.home-layout .games-shelf .section-heading{margin:0}.home-layout .section-heading .text-button{min-height:2rem;padding:.2rem .5rem;font-size:.65rem}.home-layout .shelf-hint{display:none}.home-layout footer{padding:.45rem 1.6rem;font-size:.55rem}
@media(max-width:700px){.home-layout .dock-button{min-height:5.1rem}.home-layout .games-rail{height:6.3rem}.home-layout footer{padding:.7rem}}

/* Cinématique indépendante, puis photo 16:9 pleine fenêtre et bibliothèque dégagée. */
.brand-scene{position:fixed;inset:0;width:100vw;height:100dvh;max-height:none;aspect-ratio:auto;background:#000;z-index:0;pointer-events:none;mix-blend-mode:normal}.brand-scene[data-phase=playing],.brand-scene[data-phase=opening]{z-index:40}.brand-scene video,.brand-scene .brand-final{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:contain;background:#000;border:0;border-radius:0;box-shadow:none;mask-image:none;-webkit-mask-image:none}.brand-scene .cinematic-particles{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}.brand-scene.transitioning:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 27%,#44baff18,transparent 40%);animation:cinematic-glow 2.1s ease both;pointer-events:none}.shell{position:relative;z-index:1;transition:opacity .55s ease}.cinematic-playing .shell{opacity:0;pointer-events:none}.shell.home-layout{background:transparent;isolation:auto}.home-layout .neon-stage{flex:none;height:calc(55dvh - 3rem);min-height:0;max-height:none;padding-bottom:1rem;justify-content:flex-end}.home-layout .dock-button{min-height:4rem;background:#0c0d18ed}.home-layout .games-shelf{margin-top:.4rem;padding-top:1rem;border-top:1px solid #7541a644;background:transparent}.home-layout .games-shelf:before{display:block}.home-layout .games-shelf .section-heading{margin:.6rem 0}.home-layout .games-shelf .eyebrow{display:block;font-size:.6rem}.home-layout .games-shelf h2{font-size:1.05rem;margin:.3rem 0 0}.home-layout .games-rail{height:9rem;min-height:9rem;gap:1.1rem;padding:.55rem .6rem .8rem}.home-layout .rail-game{flex-basis:27rem;padding:.85rem;gap:1.1rem;background:linear-gradient(100deg,#141925,#10101c)}.home-layout .rail-game img{width:6.5rem;height:6.5rem}.home-layout .rail-game strong{font-size:1.4rem}.home-layout .rail-game small{font-size:.75rem;margin:.4rem 0}.home-layout .rail-future{flex-basis:25rem;padding:1.2rem;background:#0d0d17}.home-layout .rail-future small{font-size:.75rem}.home-layout .shelf-hint{display:flex;font-size:.6rem;padding:.2rem .6rem}.home-layout footer{background:#000;border-top:1px solid #ffffff0a;padding:.75rem 1.6rem}@keyframes cinematic-glow{0%,100%{opacity:0}40%{opacity:1}}
@media(max-width:700px){.home-layout .neon-stage{height:auto;min-height:calc(52dvh - 3rem);padding-bottom:.8rem}.home-layout .dock-button{min-height:5.3rem}.home-layout .games-rail{height:8.3rem;min-height:8.3rem}.home-layout .rail-game{flex-basis:21rem;gap:.7rem}.home-layout .rail-game img{width:5rem;height:5rem}.home-layout .rail-game strong{font-size:1.1rem}.home-layout .rail-game small{font-size:.65rem}.home-layout .rail-future{flex-basis:20rem;padding:.85rem}.home-layout .games-shelf h2{font-size:.85rem}.home-layout .shelf-hint{font-size:.55rem}}

body.pwa-light .modal-backdrop{backdrop-filter:none}body.pwa-light .boot{animation:none}body.pwa-light .sidebar-bottom small{display:none}

.web-game-updates{display:grid;gap:.8rem;margin-top:1rem}.web-game-update{display:flex;align-items:center;gap:1rem;min-width:0;padding:.7rem;border:1px solid #ffffff20;border-radius:.75rem;background:#ffffff08}.web-game-update img{width:4.25rem;height:4.25rem;object-fit:cover;border-radius:.5rem;flex:none}.web-game-update>div{display:grid;gap:.3rem;min-width:0;flex:1}.web-game-update strong{font-size:1rem}.web-game-update small{font-size:.74rem;color:var(--muted);overflow-wrap:anywhere}.web-game-update button{min-height:2.75rem;white-space:nowrap}.update-callout{margin-top:1rem!important;padding:.85rem 1rem;border-radius:.55rem;background:#45317555;border:1px solid #b785ff77;color:#f0dcff}
.home-install{min-height:2.75rem;padding:.5rem .9rem;white-space:nowrap;border:1px solid #9b6fffaa;border-radius:.5rem;background:#241538dd;color:#f2e4ff}.home-install:focus-visible{outline:2px solid #52e1ff;outline-offset:2px}
@media(max-width:700px){.web-game-update{flex-wrap:wrap}.web-game-update button{width:100%;min-height:3rem}.web-game-update img{width:3.5rem;height:3.5rem}}
@media(max-width:700px){.home-layout .games-shelf .section-heading{flex-wrap:wrap}.home-install{min-height:2.75rem;font-size:.7rem;padding:.4rem .6rem}}
@media(max-width:700px) and (orientation:portrait){.home-layout .neon-stage{min-height:clamp(15rem,29dvh,28rem)}.home-layout .games-rail{display:grid;grid-template-columns:minmax(0,1fr);height:auto;min-height:0;overflow-x:visible;scroll-snap-type:none;gap:.65rem;padding:.5rem 0}.home-layout .rail-game,.home-layout .rail-future{width:100%;min-height:5.75rem;flex-basis:auto}.home-layout .rail-game img{width:4.8rem;height:4.8rem}.home-layout .rail-future{min-height:4rem}.home-layout .games-shelf{padding-bottom:1rem}}

/* Visible carousel controls make the MY DIB’S tile discoverable on the console. */
.games-rail-wrap{position:relative;min-width:0}
.games-rail-wrap .games-rail{scroll-behavior:smooth;overscroll-behavior-inline:contain}
.rail-scroll-button{position:absolute;z-index:5;top:50%;display:grid;place-items:center;width:3.25rem;height:3.25rem;transform:translateY(-50%);border:1px solid #9beffc;border-radius:50%;background:#192b42ef;color:#eaffff;box-shadow:0 0 0 5px #0d142ca8,0 0 24px #42cbf791;font-size:1.7rem;font-weight:900}
.rail-scroll-button:hover{background:#2e4864}
.rail-scroll-button:focus-visible{outline:3px solid #fff;outline-offset:4px}
.rail-scroll-button[hidden],.rail-swipe-cue[hidden]{display:none}
.rail-scroll-prev{left:.15rem}
.rail-scroll-next{right:.35rem}
.rail-scroll-next>span{animation:rail-nudge 2.2s ease-in-out infinite}
.rail-scroll-next small{position:absolute;right:3.55rem;white-space:nowrap;padding:.38rem .5rem;border:1px solid #69dbee8c;border-radius:.4rem;background:#10283de8;color:#e1fbff;font-size:.52rem;letter-spacing:.1em}
.rail-swipe-cue{display:flex;align-items:center;gap:.42rem;width:max-content;max-width:100%;margin:0 auto;padding:.36rem .7rem;border:1px solid #57dcea80;border-radius:.5rem;background:#10263ff0;color:#c9f9ff;font-size:.9rem;line-height:1.3;box-shadow:0 0 16px #35dbf02c}
.rail-swipe-cue>span:first-child{font-size:1.25rem;line-height:1;color:#66e6f2;animation:rail-nudge 2.2s ease-in-out infinite}
.rail-swipe-cue strong{color:#fff;font-weight:850}
.rail-swipe-cue>span:last-child{color:#c0aecf}
@keyframes rail-nudge{0%,100%{translate:0 0}50%{translate:.35rem 0}}
@media(max-width:700px){.rail-scroll-button{width:2.75rem;height:2.75rem}.rail-scroll-next small{display:none}.rail-swipe-cue{flex-wrap:wrap;font-size:.6rem}}
@media(max-width:1000px) and (orientation:landscape){.games-shelf .section-heading{gap:.45rem}.rail-swipe-cue{font-size:.8rem;padding:.3rem .5rem}}
@media(max-width:700px) and (orientation:landscape){.rail-swipe-cue{font-size:.68rem}}
@media(max-width:700px) and (orientation:portrait){.rail-scroll-button,.rail-swipe-cue{display:none}}
@media(prefers-reduced-motion:reduce){.rail-scroll-next>span,.rail-swipe-cue>span:first-child{animation:none}.games-rail-wrap .games-rail{scroll-behavior:auto}}
@media(max-width:700px) and (orientation:portrait){.brand-scene[data-phase=home] .brand-final{object-position:center 13%}}

/* Phone layouts show two game covers per row and scroll vertically. */
@media(max-width:900px){
  .home-layout .games-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:auto;min-height:0;overflow-x:visible;scroll-snap-type:none;gap:.75rem;padding:.5rem 0}
  .home-layout .rail-game,.home-layout .rail-future{width:100%;min-width:0;min-height:12.5rem;flex-basis:auto}
  .home-layout .rail-game{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:.55rem;padding:.55rem;border-radius:.9rem;background:linear-gradient(155deg,#1b2034,#111321)}
  .home-layout .rail-game img{display:block;width:100%;height:clamp(6.25rem,18vw,10rem);flex:none;object-fit:contain;border-radius:.6rem;background:#090d1a}
  .home-layout .rail-game>span:nth-child(2){min-width:0}
  .home-layout .rail-game strong{font-size:clamp(.9rem,2vw,1.2rem);line-height:1.2;overflow-wrap:anywhere}
  .home-layout .rail-game small{font-size:.75rem;line-height:1.35;margin:.25rem 0;overflow-wrap:anywhere}
  .home-layout .rail-game em{font-size:.69rem}
  .home-layout .rail-play{position:absolute;top:.9rem;right:.9rem;width:2.2rem;height:2.2rem;margin:0;background:#10253cdb}
  .home-layout .rail-future{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.55rem;padding:1rem;border-radius:.9rem;background:linear-gradient(145deg,#1d1830,#101420)}
  .home-layout .rail-future>span{font-size:2.3rem}
  .home-layout .rail-future strong{font-size:1rem;line-height:1.2}
  .home-layout .rail-future small{width:auto;font-size:.73rem;line-height:1.4}
  .home-layout .games-shelf{padding-bottom:1rem}
  .rail-scroll-button,.rail-swipe-cue,.home-layout .shelf-hint{display:none!important}
  .library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
  .library-grid .cover-card{display:flex;flex-direction:column;align-items:stretch;max-width:none;min-width:0;min-height:12.5rem}
  .library-grid .cover-card img{display:block;width:calc(100% - 1.1rem);height:clamp(6.25rem,18vw,10rem);aspect-ratio:auto;flex:none;object-fit:contain;margin:.55rem .55rem 0;border-radius:.6rem;background:#090d1a}
  .library-grid .cover-info{min-width:0;padding:.75rem}
  .library-grid .cover-info strong{font-size:clamp(.9rem,2vw,1.2rem);overflow-wrap:anywhere}
  .library-grid .cover-info small{font-size:.73rem;line-height:1.35;overflow-wrap:anywhere}
}
@media(max-width:360px){
  .home-layout .games-rail,.library-grid{gap:.45rem}
  .home-layout .rail-game{padding:.4rem}
  .home-layout .rail-game img,.library-grid .cover-card img{height:5.7rem}
  .home-layout .rail-play{top:.65rem;right:.65rem;width:1.9rem;height:1.9rem}
  .home-layout .rail-future{padding:.7rem}
  .library-grid .cover-card img{width:calc(100% - .8rem);margin:.4rem .4rem 0}
  .library-grid .cover-info{padding:.6rem}
}

/* MY DIB’S is the featured creation below the two game covers. */
.home-layout .games-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:auto;min-height:0;overflow:visible;scroll-snap-type:none;gap:clamp(.65rem,1.4vw,1rem);padding:.5rem 0 1rem}
.home-layout .games-rail>.rail-game{width:100%;min-width:0;flex-basis:auto;scroll-snap-align:none}
.home-layout .games-rail>.rail-game:not(.my-dibs-feature){min-height:10rem}
.home-layout .games-rail>.my-dibs-feature{position:relative;grid-column:1/-1;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:stretch;gap:clamp(.8rem,2vw,1.5rem);min-height:clamp(15rem,27vw,22rem);padding:clamp(.7rem,1.6vw,1.3rem);overflow:hidden;border:2px solid #b963f5;border-radius:1.2rem;background:radial-gradient(circle at 85% 8%,#70238b66,transparent 45%),linear-gradient(125deg,#101227,#171035 57%,#281444);box-shadow:0 0 0 1px #e282ff38,0 0 30px #9a40eb5c,inset 0 0 32px #9d68dc28;text-align:left}
.home-layout .my-dibs-feature:hover{box-shadow:0 0 0 1px #e9a1ff75,0 0 40px #af48f590,inset 0 0 32px #9d68dc28}
.home-layout .my-dibs-feature-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:clamp(.4rem,1vw,.75rem);min-width:0}
.home-layout .my-dibs-feature-kicker{color:#e0b8ff;font-size:clamp(.58rem,.9vw,.72rem);font-weight:800;letter-spacing:.16em}
.home-layout .my-dibs-feature-copy strong{font-size:clamp(1.8rem,4.5vw,4.25rem);font-weight:850;letter-spacing:-.055em;line-height:1.02;color:#fff;text-shadow:0 2px 18px #b66bff70}
.home-layout .my-dibs-feature-copy small{max-width:28rem;margin:0;color:#ece2f7;font-size:clamp(.78rem,1.3vw,1rem);line-height:1.4}
.home-layout .my-dibs-feature-cta{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;min-height:2.9rem;margin-top:.25rem;padding:.55rem 1.1rem;border:1px solid #fac8ff;border-radius:.7rem;background:linear-gradient(100deg,#b342f4,#754bfa);box-shadow:0 0 20px #b74fff82;color:white;font-size:clamp(.75rem,1.15vw,.95rem);font-weight:800;text-align:center}
.home-layout .my-dibs-feature-tags{color:#cfc4e7;font-size:clamp(.59rem,.9vw,.72rem);line-height:1.45}
.home-layout .my-dibs-feature-art{display:grid;grid-template-columns:minmax(0,.43fr) minmax(0,.57fr);align-self:stretch;min-width:0;min-height:12rem;overflow:hidden;border:1px solid #a97aec8c;border-radius:.85rem;background:#081222;box-shadow:0 10px 28px #05061388}
.home-layout .my-dibs-feature .my-dibs-feature-logo{display:block;width:100%;height:100%;min-width:0;object-fit:contain;border:0;border-radius:0;background:#081222}
.home-layout .my-dibs-feature-scene{position:relative;display:block;min-width:0;overflow:hidden;background:#73b7d5}
.home-layout .my-dibs-feature .my-dibs-feature-world{display:block;width:100%;height:100%;object-fit:cover;border:0;border-radius:0}
.home-layout .my-dibs-feature .my-dibs-feature-cat{position:absolute;left:12%;bottom:4%;width:min(70%,13rem);height:auto;object-fit:contain;border:0;border-radius:0;background:none;filter:drop-shadow(0 8px 5px #0b272b9c)}
.home-layout .games-rail>.rail-future{grid-column:1/-1;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:.65rem;min-height:4.5rem;width:100%;flex-basis:auto;padding:.75rem 1rem;border-radius:.85rem}
.home-layout .games-rail>.rail-future small{width:auto;margin-left:auto}
.home-layout .games-shelf .shelf-hint,.home-layout .rail-scroll-button,.home-layout .rail-swipe-cue{display:none!important}
@media(max-width:700px){
  .home-layout .games-rail>.my-dibs-feature{grid-template-columns:1fr;gap:.65rem;min-height:0;padding:.7rem}
  .home-layout .my-dibs-feature-art{grid-row:1;min-height:clamp(8.5rem,38vw,13rem)}
  .home-layout .my-dibs-feature-copy{grid-row:2;gap:.4rem}
  .home-layout .my-dibs-feature-copy strong{font-size:clamp(1.65rem,7vw,2.5rem)}
  .home-layout .my-dibs-feature-copy small{font-size:.78rem}
  .home-layout .my-dibs-feature-cta{width:100%;min-height:2.75rem;margin-top:.2rem}
  .home-layout .games-rail>.rail-future small{margin-left:0}
}
@media(max-width:360px){.home-layout .my-dibs-feature-tags{font-size:.56rem}.home-layout .games-rail>.rail-future{padding:.65rem}}

/* The screen uses its full width; navigation remains in the page and top bar. */
.shell .sidebar{display:none!important}
.shell .workspace{width:100%;min-width:0;flex:1 1 auto}
.shell .topbar{height:3.5rem;gap:.6rem;padding:0 clamp(.65rem,2vw,1.6rem)}
.shell .breadcrumb{display:none}
.shell .topbar-right{width:auto;min-width:0;flex:0 1 auto;justify-content:flex-end;gap:clamp(.4rem,1.5vw,1rem)}
.top-home{display:inline-flex;align-items:center;gap:.5rem;min-height:2.6rem;padding:.25rem .55rem;border:1px solid #76609e75;border-radius:.65rem;background:#101023a8;color:#f7f1ff;font-size:.75rem;font-weight:800;white-space:nowrap}
.top-home img{width:2rem;height:2rem;object-fit:contain}
.topbar-right .admin-entry{min-width:2.5rem;min-height:2.5rem;margin:0;border:1px solid #ffffff25;border-radius:.6rem;background:#ffffff0d;font-size:1.45rem}
@media(max-width:700px){
  .shell .topbar{height:3.3rem;padding:0 .7rem}
  .top-home{width:2.7rem;justify-content:center;padding:.2rem}
  .top-home span{display:none}
  .topbar-right .admin-entry{min-width:2.2rem;min-height:2.2rem;font-size:1.2rem}
  .shell .topbar-right{gap:.45rem}
}
@media(max-width:360px){.shell .topbar .status-pill{padding:.35rem .45rem;font-size:.62rem}.shell .topbar time{font-size:.65rem}}

/* The supplied MY DIB’S illustration is displayed intact, without cropping. */
.home-layout .games-rail>.my-dibs-feature{display:block;min-height:0;padding:0;gap:0;border:2px solid #b963f5;background:#120c27;box-shadow:0 0 0 1px #e282ff38,0 0 30px #9a40eb5c;text-align:left}
.home-layout .my-dibs-feature .my-dibs-feature-image{display:block;width:100%;height:auto;max-width:none;object-fit:contain;border:0;border-radius:0;background:#120c27}
.home-layout .my-dibs-feature-cta{position:absolute;left:clamp(.65rem,2.5vw,2rem);bottom:clamp(.65rem,2vw,1.4rem);width:min(38%,18rem);min-height:2.85rem;margin:0;z-index:1}
/* A real game link lets the browser hand an installed game to its own PWA. */
a.game-launch-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
a.game-launch-link.secondary{color:var(--ink)}
a.game-launch-link:focus-visible{outline:3px solid var(--focus);outline-offset:5px;box-shadow:0 0 0 8px #c9f58212}
.web-game-update a.game-launch-link{min-height:2.75rem;white-space:nowrap}
@media(max-width:700px){.web-game-update a.game-launch-link{width:100%;min-height:3rem}}
@media(max-width:700px){
  .home-layout .games-rail>.my-dibs-feature{display:block;padding:0}
  .home-layout .my-dibs-feature-cta{position:relative;left:auto;bottom:auto;width:calc(100% - 1rem);min-height:2.75rem;margin:.5rem}
}

/* Official games stay inside the installed DIB’S-ONE window, without a browser tab. */
body.game-open{overflow:hidden}
body.game-open > #shell,body.game-open > .brand-scene{display:none!important}
.game-portal{position:fixed;inset:0;z-index:10000;overflow:hidden;background:#000;isolation:isolate}
.game-portal-frame{display:block;width:100%;height:100%;height:100dvh;border:0;background:#000}
.game-portal-loading{position:absolute;inset:0;z-index:1;display:grid;place-items:center;padding:1rem;background:#080d1a;color:#f3f8ff;font-size:clamp(1rem,3vw,1.5rem);font-weight:700;text-align:center;pointer-events:none}
.game-portal-loading[hidden]{display:none}
.game-portal-back{position:absolute;z-index:2;top:max(.55rem,env(safe-area-inset-top));left:max(.55rem,env(safe-area-inset-left));display:flex;align-items:center;justify-content:center;min-width:3rem;min-height:2.75rem;padding:.45rem .8rem;border:1px solid #ddedff8c;border-radius:999px;background:#091325cc;box-shadow:0 2px 14px #0009;color:#fff;font-size:.8rem;font-weight:800;line-height:1;backdrop-filter:blur(8px);touch-action:manipulation}
.game-portal-back:hover,.game-portal-back:focus-visible{background:#153754;outline:2px solid #9be9ff;outline-offset:2px}
.game-portal[data-game-id="zohra"] .game-portal-back,.game-portal[data-game-id="lea"] .game-portal-back{display:none}
@media(max-width:700px){.game-portal-back{min-width:2.75rem;padding:.45rem .65rem;font-size:.72rem}}
/* Make the games library and Zohra's new stage easy to discover. */
[data-page="library"]{border:1px solid #b878f377;background:linear-gradient(115deg,#3a2552,#1c3440);color:#fff;box-shadow:0 0 16px #ba66f65c,inset 0 0 14px #d27ff32e}
[data-page="library"] .nav-count{background:#c276f4;color:#121024;font-weight:900}
.home-layout .section-heading [data-go="library"]{color:#fff;border:1px solid #c077f2;border-radius:.7rem;background:linear-gradient(110deg,#763bbb,#a648cd);font-weight:800;box-shadow:0 0 18px #b24fea85}
.home-layout .rail-game[data-detail="zohra"],.library-grid .cover-card[data-detail="zohra"]{position:relative;border:2px solid #f0bc60;box-shadow:0 0 0 1px #fff2,0 0 22px #f5ad527a,inset 0 0 18px #e2ad4d22}
.home-layout .rail-game[data-detail="zohra"]:after,.library-grid .cover-card[data-detail="zohra"]:after{content:"NOUVEAU JEU · ZOHRA";position:absolute;top:.5rem;left:.5rem;padding:.23rem .45rem;border-radius:.35rem;background:#ffcf69;color:#3e240e;font-size:.55rem;font-weight:950;letter-spacing:.05em;box-shadow:0 2px 12px #0008}
.home-layout .games-rail>.rail-game[data-detail="zohra"]{grid-column:1/-1;min-height:9rem;gap:clamp(.8rem,2vw,1.5rem)}
.home-layout .games-rail>.rail-game[data-detail="zohra"] img{width:clamp(8rem,22vw,15rem);height:clamp(6.5rem,14vw,9rem);object-fit:cover;flex-shrink:0}
@media(max-width:700px){.home-layout .games-rail>.rail-game[data-detail="zohra"]{min-height:7rem}.home-layout .games-rail>.rail-game[data-detail="zohra"] img{width:38%;height:6rem}.home-layout .games-rail>.rail-game[data-detail="zohra"] strong{font-size:clamp(.9rem,3.8vw,1.25rem)}}
.home-layout .rail-game[data-detail="lea"],.library-grid .cover-card[data-detail="lea"]{position:relative;border:2px solid #8cdc7b;box-shadow:0 0 0 1px #fff2,0 0 22px #6bcf6b66,inset 0 0 18px #91d97122}
.home-layout .rail-game[data-detail="lea"]:after,.library-grid .cover-card[data-detail="lea"]:after{content:"NOUVEAU JEU · LÉA";position:absolute;top:.5rem;left:.5rem;padding:.23rem .45rem;border-radius:.35rem;background:#c7f293;color:#254521;font-size:.55rem;font-weight:950;letter-spacing:.05em;box-shadow:0 2px 12px #0008}
.home-layout .games-rail>.rail-game[data-detail="lea"]{grid-column:1/-1;min-height:9rem;gap:clamp(.8rem,2vw,1.5rem)}
.home-layout .games-rail>.rail-game[data-detail="lea"] img{width:clamp(8rem,22vw,15rem);height:clamp(6.5rem,14vw,9rem);object-fit:cover;flex-shrink:0}
@media(max-width:700px){.home-layout .games-rail>.rail-game[data-detail="lea"]{min-height:7rem}.home-layout .games-rail>.rail-game[data-detail="lea"] img{width:38%;height:6rem}.home-layout .games-rail>.rail-game[data-detail="lea"] strong{font-size:clamp(.9rem,3.8vw,1.25rem)}}

.mydibs-contact{text-align:center;color:#a6bbde;font-size:14px;margin:22px 0;padding:0 12px}.mydibs-contact a{color:#58c9ff;display:inline-block;padding:10px 0;overflow-wrap:anywhere}

body.pwa-light .dialog .button-row>button,body.pwa-light .dialog .button-row>a{min-height:44px}

/* MyDibs game cards: three explicit actions, independent of console dialogs. */
body.pwa-light .game-detail-dialog{position:relative;padding-top:2.4rem;max-width:40rem}body.pwa-light .game-detail-dialog h2{padding-right:2.6rem}body.pwa-light .game-detail-close{position:absolute;top:.6rem;right:.6rem;width:44px;height:44px;min-height:44px;background:transparent;color:#dbe4f4;font-size:1.7rem;border:1px solid #ffffff26;border-radius:50%}body.pwa-light .game-detail-dialog .button-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}body.pwa-light .game-detail-dialog .button-row>*{display:flex;align-items:center;justify-content:center;padding:.85rem .55rem;text-align:center;min-width:0;font-size:.86rem;text-decoration:none}body.pwa-light .game-update.update-available{background:var(--lime);color:#1a2611;border-color:var(--lime);font-weight:750}body.pwa-light .game-detail-dialog button:disabled{opacity:.46;cursor:default}body.pwa-light .game-detail-dialog .error:empty{display:none}.library-actions{display:flex;justify-content:flex-end;margin:0 0 1rem}.native-update-actions{display:flex;gap:.5rem;flex-wrap:wrap}@media(max-width:360px){body.pwa-light .game-detail-dialog .button-row{grid-template-columns:1fr}body.pwa-light .game-detail-dialog .button-row>*{min-height:48px}}