/* Phaeris : illustration Rétro, encre bleue et turquoise. Assets locaux uniquement. */
:root{--pw-ink:#0c2635;--pw-paper:#ece6cc;--pw-gold:#d7c38b;--pw-night:#091d2a;--ph-bg:#091d2a;--ph-bg-2:#0d2635;--ph-panel:#112f3d;--ph-line:#345762;--ph-cyan:#4ed0c4;--ph-muted:#afc5ce}
html{scroll-padding-top:100px;scroll-behavior:smooth}
body{background:var(--pw-night);font-family:'Segoe UI',system-ui,sans-serif}
body::before{background:radial-gradient(ellipse at 8% 32%,#194b5760,transparent 48%),linear-gradient(#0d2536,#091c28)}
h1,h2,h3,.ph-h2,.ph-page-title{font-family:'Trebuchet MS','Segoe UI',sans-serif;font-weight:800;letter-spacing:-.035em}
.ph-skip{position:fixed;top:8px;left:12px;transform:translateY(-160%);z-index:2000;background:#e5fcf5;color:#0c2635;padding:12px 20px;border-radius:5px}
.ph-skip:focus{transform:translateY(0)}
[hidden]{display:none!important}
:where(a,button,input):focus-visible{outline:3px solid #f2d993;outline-offset:5px}
.ph-nav{border-bottom:1px solid #6ecac250;box-shadow:0 4px 20px #0003;background:#0a1b28f5;backdrop-filter:blur(16px)}
.ph-nav-inner{max-width:1440px;min-height:78px;padding-inline:28px;gap:18px}
.ph-brand{font-family:'Trebuchet MS',sans-serif!important;font-size:19px;gap:10px;flex-shrink:0}
.ph-brand img{width:40px;height:48px;object-fit:contain;filter:drop-shadow(0 0 9px #64e8d078)}
.ph-brand small{font-size:9px;letter-spacing:4px}
.ph-links{gap:2px;margin-left:10px;flex-wrap:nowrap}
.ph-links a{padding:11px 10px;border-radius:3px;font-size:12px;white-space:nowrap;color:#c7d8df;position:relative}
.ph-links a.active{color:#84e1d3;background:#427b7b18;border-color:transparent}
.ph-links a.active::after{content:'';position:absolute;bottom:1px;left:30%;right:30%;height:2px;background:#5cd2c2}
.ph-links a:hover{background:#437c7c25;color:#d4fff3}
.ph-nav-actions{gap:10px;flex-shrink:0}
.ph-nav-actions .ph-btn{font-size:12px;padding:11px 15px}
.ph-btn,.ph-nav-actions .ph-btn-primary{border-radius:6px;font-weight:750;letter-spacing:.01em}
.ph-btn-primary,.ph-nav-actions .ph-btn-primary{color:#082b32!important;background:linear-gradient(#83e7d1,#41bfae);border:1px solid #a2f1da;box-shadow:inset 0 1px #dcfff28a,0 4px 0 #166b70,0 9px 25px #04171c4d;text-shadow:none}
.ph-btn-primary:hover,.ph-nav-actions .ph-btn-primary:hover{color:#082b32!important;background:linear-gradient(#b1f6df,#69d5be);transform:translateY(-2px);box-shadow:0 6px 0 #166b70,0 12px 25px #03182060}
.ph-btn-ghost{background:transparent;box-shadow:none;border-color:#41616e;color:#e8f3f1}
.ph-btn-ghost:hover{background:#244650}
.pw-menu-toggle{display:none;background:#173845;color:#ddf5ef;border:1px solid #45717a;border-radius:4px;width:42px;height:40px}
.pw-tofu{position:relative;background:none;border:0;padding:0;width:94px;height:112px;cursor:pointer;isolation:isolate;transition:transform .2s;touch-action:manipulation}
.pw-tofu img{width:82px;height:98px;object-fit:contain;position:relative;z-index:1;animation:pw-tofu-idle 3.6s ease-in-out infinite;filter:drop-shadow(0 4px 3px #06242b55);transform-origin:center bottom}
.pw-tofu:hover{transform:rotate(-5deg)}
.pw-tofu.is-hopping img{animation:pw-tofu-hop .7s ease both}
.pw-tofu-shadow{position:absolute;width:63px;height:10px;background:#031c2ba6;border-radius:50%;bottom:8px;left:16px;filter:blur(3px)}

@keyframes pw-tofu-idle{0%,72%,100%{transform:translateY(0) rotate(0)}78%{transform:translateY(-10px) rotate(-5deg)}85%{transform:translateY(0) scale(1.06,.94)}91%{transform:translateY(-5px)}}
@keyframes pw-tofu-hop{0%,100%{transform:translateY(0) rotate(0)}25%{transform:translateY(-30px) rotate(-12deg)}55%{transform:translateY(0) scale(1.15,.9)}75%{transform:translateY(-10px) rotate(8deg)}}
.pw-motion{position:absolute;z-index:5;display:flex;align-items:center;gap:7px;border:1px solid #83b7bd55;background:#102c37ad;color:#c5dedf;border-radius:4px;font-size:10px}
.pw-paused .pw-tofu img{animation:none!important}
.pw-status-dot{display:block;width:7px;height:7px;background:#b69b7b;border-radius:50%;flex-shrink:0}
.pw-status-dot.is-online{background:#88c786;box-shadow:0 0 10px #9af5a047}
.pw-footer-note{font-size:10px!important;color:#94b1bd!important}
.wk-nav-search input{border-radius:4px;background:#0c2836;color:#e8f4ef}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pw-tofu img{animation:none!important}}
.ph-account-ogrines{display:flex;align-items:center;gap:10px}
.ph-account-ogrines img{object-fit:contain;flex-shrink:0}
.ph-account-ogrines strong{font-variant-numeric:tabular-nums;color:#78d3c8}