/* V8 : interface reconstruite, sans modification des tables Supabase. */
:root{--gold:#e6b76a;--ink:#442511}html,body{height:100%;overflow:hidden}body{display:grid!important;grid-template-rows:10% 80% 10%;width:100%;max-width:100vw;background:#241b15!important}body>.pilat-banner{height:100%!important;min-height:0!important;flex:none!important;background-position:center 29%!important;border-bottom:2px solid #b98946!important}.banner-title{font-size:clamp(14px,3.5vw,23px)!important;line-height:1.1!important;top:50%!important;transform:translateY(-50%)}.banner-title span{font-size:clamp(10px,2.6vw,16px)!important}body>.pilat-footer{height:100%!important;min-height:0!important;flex:none!important;background-position:center 95%!important}body>main,body>main.home-view{height:100%!important;min-height:0!important;max-height:100%!important;width:min(100%,540px)!important;max-width:540px!important;margin:auto!important;display:grid!important;grid-template-rows:minmax(0,3fr) minmax(0,1fr)!important;padding:0!important;position:relative!important;background:transparent!important;overflow:hidden!important;border:0!important;box-shadow:none!important}main>.top{position:absolute!important;top:5px;left:4%;right:4%;z-index:9;display:flex!important;justify-content:space-between;pointer-events:none}main>.top button{pointer-events:auto;min-height:34px;padding:5px 9px;font-size:12px;box-shadow:0 2px 8px #27150e99}main>.top #back[hidden]{display:none!important}main>.top>div{display:none!important}main>section{grid-row:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b78947 transparent;position:relative;margin:0 2.5% 0 4%;padding:45px 5% 15px;background:radial-gradient(ellipse at 50% 28%,#f7dca4,#dbaf6d 75%,#ac773e 110%);border:7px ridge #8c552b;border-left:13px ridge #5b301b;border-radius:25px 22px 10px 8px;box-shadow:inset 0 0 0 3px #f8d994,inset 0 0 26px #70421f88,0 5px 8px #180c07}main>section.active{display:block}main>section#home{padding:0!important;overflow:hidden;background:radial-gradient(ellipse at center,#a96631 10%,#713819 65%,#3b1d15 100%);border-color:#a66b32;border-left:16px ridge #4a241b;box-shadow:inset 0 0 0 3px #dfad55,inset 0 0 25px #170904,0 6px 9px #180c07}#home .new-cover,#home .cover-book{height:100%!important;min-height:0!important;width:100%!important;margin:0!important;padding:0!important}#home .new-cover{display:block!important}#home .cover-book{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:clamp(6px,1.3vh,18px);position:relative;overflow:hidden;border:0!important;border-radius:0!important;background:radial-gradient(ellipse at 50% 36%,#b9773b 0%,#8c4826 42%,#4a241a 100%)!important;box-shadow:inset 0 0 0 4px #d4a04e,inset 0 0 0 9px #522816,inset 0 0 35px #170a08!important;color:#ffe4a8!important}#home .cover-book:before{content:'✦';position:absolute;inset:13px;border:2px solid #c79548;border-radius:12px;pointer-events:none;text-align:center;font-size:20px;color:#d9a65b}#home .cover-book:after{content:'❦';position:absolute;bottom:4%;left:6%;right:6%;border-top:1px solid #d1a55b;text-align:center;color:#f0c877;pointer-events:none}#home .cover-mark{margin:0!important;color:#f3cf8c;font-size:clamp(13px,3vw,19px)}#home h1{margin:0!important;color:#ffe2a0!important;font-size:clamp(28px,7.4vw,46px)!important;line-height:1.05!important;text-align:center;text-shadow:0 2px 1px #37140c,0 3px 9px #f8be6177}#home p{margin:0 0 6px!important;color:#f6cf89!important;font-size:clamp(15px,4vw,22px)!important;text-align:center}#home .ornate{width:86%!important;margin:0!important;padding:clamp(8px,1.6vh,16px) 6px!important;font-size:clamp(14px,3.9vw,20px)!important;min-height:44px;border:2px ridge #f1c67c!important;border-radius:18px!important;box-shadow:0 3px 9px #210b09!important}#home .key-access{position:absolute!important;bottom:5%;right:6%;color:#f3c86d!important;font-size:clamp(19px,5vw,27px);z-index:3}main>.bottom-nav{grid-row:2;height:100%!important;min-height:0!important;flex:none!important;position:relative!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch!important;gap:0!important;padding:8% 2% 5%!important;margin:0!important;border:0!important;border-radius:4px 4px 20px 20px!important;background:repeating-linear-gradient(0deg,#4b2818 0px,#80522c 4px,#422517 10px,#6e4729 14px)!important;box-shadow:inset 0 9px 10px #1d0d06,inset 0 -4px 8px #201009,0 3px 7px #120805!important}main>.bottom-nav:before{content:'✦  LE GRIMOIRE DU KARPATEUR  ✦'!important;top:3px!important;font-size:clamp(8px,2vw,11px)!important;letter-spacing:1px!important}main>.bottom-nav button{min-height:0!important;height:100%!important;border-radius:0!important;border:0!important;border-right:1px solid #d19b51!important;box-shadow:inset 0 0 0 1px #c4923b44!important;background:transparent!important;color:#f4d69a!important;opacity:1!important;filter:none!important;font-size:clamp(23px,6vw,34px)!important;line-height:1.15}main>.bottom-nav button:last-child{border-right:0!important}main>.bottom-nav button small{display:block!important;color:inherit;font-size:clamp(11px,3vw,16px)!important}main>.bottom-nav button.active{color:#fff5c3!important;text-shadow:0 0 9px #ffc657,0 0 16px #ffc657!important;background:#ffc84e16!important}main>.bottom-nav button:disabled{opacity:.38!important;filter:grayscale(1)!important}main>#notice{position:absolute;z-index:12;bottom:25%;left:4%;right:4%;padding:0 7px;background:#f8e7bc;color:#502c16;border-radius:8px;max-height:20%;overflow:auto;min-height:0!important;font-size:13px}main>#notice:empty{display:none}main>footer{display:none!important}main>section h2{font-size:clamp(20px,5vw,29px);margin:3px 0 12px}main>section .panel{margin:9px 0;padding:10px}main>section .ornate{margin:7px 0;padding:10px;font-size:clamp(14px,3.7vw,18px)}main>section p{margin:7px 0}main>section input,main>section select{padding:9px}main>section label{margin:6px 0 3px}main>section .reg{gap:7px}#account .panel>p:first-child{display:none}#account #signout[hidden]{display:none!important}@media(max-height:700px){#home .cover-book{gap:5px}#home h1{font-size:clamp(24px,6vw,38px)!important}main>.bottom-nav{padding-top:9%!important}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}