:root{--bg: #000;--row1: #1f1e1d;--row2: #2e2d2b;--row3: #3a3834;--border: #5d5d5d;--border-dark: #262522;--text: #d9d6cf;--muted: #8f8a7e;--gold: #cba300;--gold-light: #eabb00;--gold-pale: #f5dc7a;--red: #f80000;--green: #1eff00;--epic: #a335ee;--rare: #0070dd;--legendary: #ff8000;--page-width: 980px;color-scheme:dark;scrollbar-color:var(--gold) var(--row1)}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:var(--text);font:11px/1.45 Verdana,Arial,Helvetica,sans-serif;background-color:#050403;background-image:radial-gradient(ellipse at 50% -10%,rgba(140,90,20,.35),transparent 55%),repeating-linear-gradient(45deg,rgba(255,255,255,.018) 0 2px,transparent 2px 6px),repeating-linear-gradient(-45deg,rgba(0,0,0,.35) 0 1px,transparent 1px 6px);background-attachment:fixed}a{color:var(--gold);text-decoration:none}a:visited{color:#b8962a}a:hover,a:focus-visible{color:var(--gold-light);text-decoration:underline}:focus-visible{outline:1px dotted var(--gold-light);outline-offset:1px}h1,h2,h3{margin:0}hr{border:0;border-top:1px solid var(--border-dark);border-bottom:1px solid #3f3d39;margin:10px 0}p{margin:0 0 8px}.gensmall{font-size:10px}.muted{color:var(--muted)}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:8px;top:8px;z-index:10;background:var(--row2);padding:4px 8px}.page{max-width:var(--page-width);margin:0 auto;background:#0c0b0a;border-left:1px solid var(--border);border-right:1px solid var(--border);box-shadow:0 0 0 3px #000,0 0 0 4px #3f3d39,0 0 40px #000}.banner{position:relative;height:180px;overflow:hidden;display:flex;align-items:center;gap:16px;padding:0 20px;border-bottom:1px solid var(--border);background:linear-gradient(90deg,#000000d9,#0000008c 45%,#0000001a),linear-gradient(0deg,rgba(0,0,0,.6),transparent 40%),url(/img/banniere.jpg) 50% 62% / cover,#1a0f08}.banner:before{content:"";position:absolute;inset:0;background-image:radial-gradient(2px 2px at 10% 80%,#ffb347,transparent),radial-gradient(1px 1px at 30% 60%,#ffd27f,transparent),radial-gradient(2px 2px at 55% 90%,#ff8c00,transparent),radial-gradient(1px 1px at 75% 70%,#ffd27f,transparent),radial-gradient(2px 2px at 90% 85%,#ffb347,transparent);background-size:300px 180px;animation:embers 9s linear infinite;opacity:.8}@keyframes embers{to{background-position:40px -180px}}.crest{position:relative;flex:none;width:92px;height:108px;display:grid;place-items:center;font:700 46px/1 Cinzel,Times New Roman,serif;color:#ffe9a0;text-shadow:2px 2px 0 #000;background:linear-gradient(180deg,#2c4fa8,#0e1f52);border:3px solid #c8a54a;border-radius:6px 6px 46px 46px;box-shadow:inset 0 0 0 2px #0a1638,inset 0 12px 18px #ffffff2e,3px 3px #000}.banner-text{position:relative;min-width:0}.banner h1{font:900 clamp(22px,4.6vw,40px) / 1.1 "Cinzel","Times New Roman",serif;letter-spacing:1px;background:linear-gradient(180deg,#fff6c8,#f8d36b 45%,#a8812f 55%,#f8d36b);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(2px 2px 0 #000) drop-shadow(0 0 6px rgba(255,140,0,.5))}.banner .tagline{margin:4px 0 0;font:italic 12px Trebuchet MS,Verdana,sans-serif;color:#e8dcc0;text-shadow:1px 1px 0 #000}.faction-badge{position:absolute;top:8px;right:10px;padding:1px 6px;font:700 10px Tahoma,Verdana,sans-serif;text-transform:uppercase;color:var(--gold-pale);background:#14317a;border:1px solid #6f8fe0}.faction-badge.horde{background:#6b0d0d;border-color:#d04545}.mainmenu{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 14px;padding:4px 8px;font:11px Verdana,sans-serif;background:linear-gradient(180deg,#2e2d2b,#1a1918);border-bottom:1px solid var(--border)}.mainmenu a{display:inline-flex;align-items:center;gap:3px;color:var(--gold)}.mainmenu svg{flex:none}.infobar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 12px;padding:3px 8px;font-size:10px;color:var(--muted);background:var(--row1);border-bottom:1px solid var(--border)}.ticker{overflow:hidden;white-space:nowrap;padding:2px 0;font:700 11px Verdana,sans-serif;color:var(--gold-light);background:#000;border-bottom:1px solid var(--border)}.ticker span{display:inline-block;padding-left:100%;animation:ticker 30s linear infinite}.ticker:hover span{animation-play-state:paused}@keyframes ticker{to{transform:translate(-100%)}}.bandeau-encart{display:flex;justify-content:center;padding:6px;border-bottom:1px solid var(--border);background:#080706}.layout{display:grid;grid-template-columns:175px minmax(0,1fr) 175px;gap:8px;padding:8px}.sidebar,.content{display:flex;flex-direction:column;gap:8px;min-width:0}.box{background:var(--row1);border:1px solid var(--border);box-shadow:0 0 0 1px #000}.box-title{padding:4px 6px 4px 18px;font:700 11px Tahoma,Verdana,sans-serif;color:var(--gold-pale);letter-spacing:1px;text-shadow:1px 1px 0 #000;background:radial-gradient(circle at 8px 50%,#ffd25a 0 2px,#8a5a00 3px,transparent 4px),linear-gradient(180deg,#4a4740,#34322e 45%,#23221f 55%,#2e2d2b);border-bottom:1px solid #000;box-shadow:inset 0 1px #66625a}.box-body{padding:6px 7px}.box-body>:last-child{margin-bottom:0}.menu{list-style:none;margin:0;padding:0}.menu li+li{border-top:1px solid var(--border-dark)}.menu a{display:block;padding:2px 2px 2px 12px;position:relative}.menu a:before{content:"";position:absolute;left:2px;top:7px;border:3px solid transparent;border-left:4px solid var(--gold)}.menu a[aria-current=page]{color:#fff;font-weight:700}.menu a[aria-current=page]:before{border-left-color:#fff}.table{width:100%;border-collapse:separate;border-spacing:1px;background:var(--border)}.table th{padding:4px 5px;font:700 11px Verdana,sans-serif;color:var(--gold-light);text-align:left;white-space:nowrap;background:linear-gradient(180deg,#45423c,#2e2d2b 50%,#24231f 51%,#2e2d2b)}.table td{padding:3px 5px;background:var(--row1)}.table tr:nth-child(2n) td{background:var(--row2)}.table td.cat{padding:5px 6px;font:700 12px Trebuchet MS,Verdana,sans-serif;letter-spacing:1px;color:var(--gold-pale);background:linear-gradient(180deg,#3a3834,#2a2926)}.table td.row3{background:var(--row3)}.num{text-align:center}.table-wrap{overflow-x:auto}.positive{color:var(--green)}.negative{color:var(--red)}.recruit-list{list-style:none;margin:0;padding:0}.recruit-list li{display:flex;justify-content:space-between}.recruit-Fermé{color:#777}.recruit-Bas{color:var(--green)}.recruit-Moyen{color:#ffd100}.recruit-Haut{color:#ff3b3b;font-weight:700}.status-open{display:block;margin-bottom:4px;text-align:center;font:700 11px Verdana,sans-serif;color:#000;background:var(--green);border:1px solid #0a5;animation:blink 1.2s steps(1) infinite}.new-badge{display:inline-block;margin-left:4px;padding:0 3px;font:700 9px Verdana,sans-serif;color:#fff;background:#c00;vertical-align:middle;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.progress{height:11px;margin:1px 0 6px;background:#000;border:1px solid var(--border)}.progress>span{display:block;height:100%;background:linear-gradient(180deg,#ffe680,#b8860b 60%,#8a6400)}.hit-counter{display:inline-flex;gap:1px;padding:2px;background:#000;border:2px inset #555;font:700 14px Courier New,monospace}.hit-counter span{padding:0 3px;color:#3f3;background:linear-gradient(180deg,#222 50%,#111 50%);text-shadow:0 0 4px #3f3}.web-buttons{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.web-button{width:88px;height:31px;display:flex;align-items:center;justify-content:center;text-align:center;font:700 9px/1.1 Verdana,sans-serif;color:#fff;border:1px solid #000;outline:1px solid #777;outline-offset:-2px}.web-button:visited{color:#fff}.web-button:hover{text-decoration:none;filter:brightness(1.2)}.calendar{width:100%;border-collapse:separate;border-spacing:1px;background:var(--border);font-size:10px;text-align:center}.calendar caption{padding-bottom:3px;font-weight:700;color:var(--gold-pale);text-transform:capitalize}.calendar th{color:var(--gold-light);background:var(--row3)}.calendar td{background:var(--row1);padding:1px 0}.calendar td.raid{color:#000;font-weight:700;background:var(--gold)}.calendar td.today{outline:1px solid #fff;outline-offset:-1px}.item-link{position:relative;display:inline-block;font-weight:700;cursor:help}.q-legendary{color:var(--legendary)}.q-epic{color:var(--epic)}.q-rare{color:var(--rare)}.tooltip{position:absolute;z-index:20;right:0;top:calc(100% + 4px);width:210px;padding:6px 8px;font:11px/1.4 Verdana,sans-serif;color:#fff;text-align:left;background:#040614f0;border:2px solid #7a8299;border-radius:3px;box-shadow:2px 2px 6px #000;visibility:hidden}.item-link:hover .tooltip,.item-link:focus .tooltip,.item-link:focus-within .tooltip{visibility:visible}.tooltip b{display:block;font-size:12px}.tooltip .equip{color:var(--green)}.tooltip .flavor{color:#ffd100}.midi-player{display:grid;gap:4px}.midi-screen{display:flex;justify-content:space-between;gap:4px;padding:2px 4px;font:10px Courier New,monospace;color:#3f3;background:#000;border:2px inset #555;white-space:nowrap;overflow:hidden}.midi-buttons{display:flex;gap:4px}.shoutbox-list{list-style:none;margin:0 0 5px;padding:3px;min-height:40px;max-height:150px;overflow-y:auto;font-size:10px;word-break:break-word;background:#000;border:1px solid var(--border)}.shoutbox-list li+li{border-top:1px dotted #3a3834}.shout-time{color:var(--muted)}.shoutbox-form{display:grid;gap:3px}.shoutbox-buttons{display:flex;gap:3px}.poll-option{display:block;cursor:pointer}.wizz{animation:wizz .5s linear}@keyframes wizz{0%,to{transform:translate(0)}10%,50%,90%{transform:translate(-6px,3px)}30%,70%{transform:translate(6px,-3px)}}.form{display:grid;gap:5px}.form label{display:grid;gap:1px;font-weight:700}.form .check{display:flex;align-items:center;gap:4px;font-weight:400;font-size:10px}input,select,textarea{font:11px Verdana,sans-serif;color:#fff;background:#10100f;border:1px solid var(--border);padding:2px 3px;max-width:100%}input:focus,select:focus,textarea:focus{border-color:var(--gold);outline:none}.btn{justify-self:start;padding:1px 8px;font:700 11px Verdana,sans-serif;color:var(--gold-pale);background:linear-gradient(180deg,#4a4740,#24231f);border:1px solid var(--border);box-shadow:inset 1px 1px #6d6960,inset -1px -1px #000;cursor:pointer}.btn:active{box-shadow:inset -1px -1px #6d6960,inset 1px 1px #000}.notice{padding:4px 6px;background:var(--row2);border:1px dashed var(--gold)}.empty-block{font-style:italic;color:var(--muted)}.content h2{margin-bottom:6px;font:700 14px Trebuchet MS,Verdana,sans-serif;color:var(--gold-pale)}.admin-message{border:1px solid var(--gold);background:linear-gradient(180deg,rgba(203,163,0,.12),transparent 60%),var(--row1)}.facts th{width:40%}.userbars{display:grid;gap:4px;justify-items:center}.userbars img{display:block;width:350px;max-width:100%;height:auto;image-rendering:pixelated}.under-construction{display:inline-block;padding:7px 12px;font:700 12px Verdana,sans-serif;color:#000;text-transform:uppercase;border:2px solid #000;background:repeating-linear-gradient(-45deg,#ffd400 0 12px,#000 12px 24px);background-size:34px 34px;animation:construction 1s linear infinite}.under-construction span{padding:1px 5px;background:#ffd400}@keyframes construction{to{background-position:34px 0}}.forum-icon{width:46px;text-align:center}.folder{display:inline-block;width:26px;height:18px;position:relative;border:1px solid #000;border-radius:1px 4px 1px 1px;background:linear-gradient(180deg,#e8c25a,#a37a1c);box-shadow:inset 0 1px #fff3b8}.folder:before{content:"";position:absolute;top:-4px;left:-1px;width:11px;height:4px;border:1px solid #000;border-bottom:0;border-radius:2px 2px 0 0;background:#e8c25a}.folder.locked:after{content:"🔒";position:absolute;right:-6px;bottom:-6px;font-size:10px}.forumlink{font:700 12px Verdana,sans-serif}.forum-desc{display:block;margin-top:1px;color:var(--text);font-size:10px}.legend{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center;margin-top:6px;font-size:10px}.legend .folder{width:16px;height:12px}.legend .folder:before{width:7px;height:3px;top:-3px}.legend .folder.locked:after{font-size:8px}.liens-amis{margin:0 8px 8px;padding:3px 6px;font-size:10px;text-align:center;border:1px dashed #3a3834}.liens-amis a{color:#66b3ff;text-decoration:underline}.footer{padding:8px;font-size:10px;text-align:center;color:var(--muted);background:#080706;border-top:1px solid var(--border)}.footer p{margin:2px 0}.copyright{letter-spacing:-.5px}.webring{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 10px;margin-bottom:4px;font-size:11px}.intro{min-height:100vh;display:grid;place-items:center;padding:16px;text-align:center}.intro-box{width:min(560px,100%);padding:24px 16px;border:1px solid var(--border);box-shadow:0 0 0 3px #000,0 0 0 4px #3f3d39,0 0 40px #000;background:radial-gradient(ellipse at 50% 120%,rgba(255,120,0,.45),transparent 60%),linear-gradient(180deg,#1a0f08,#3a1d0c 70%,#120a05)}.intro-box h1{font:900 clamp(26px,7vw,44px) / 1.1 "Cinzel","Times New Roman",serif;background:linear-gradient(180deg,#fff6c8,#f8d36b 45%,#a8812f 55%,#f8d36b);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(2px 2px 0 #000)}.loader{width:min(320px,100%);height:14px;margin:16px auto 6px;background:#000;border:2px inset #555}.loader>span{display:block;width:0;height:100%;background:repeating-linear-gradient(90deg,#ffd23f 0 8px,#b8860b 8px 10px)}.intro-enter{display:inline-block;margin-top:14px;padding:4px 18px;font:700 16px Verdana,sans-serif;letter-spacing:3px;color:var(--gold-pale);background:linear-gradient(180deg,#4a4740,#24231f);border:1px solid var(--border);box-shadow:inset 1px 1px #6d6960,inset -1px -1px #000;animation:enter-glow 1s steps(1) infinite}.intro-enter:visited{color:var(--gold-pale)}.intro-enter[hidden]{display:none}@keyframes enter-glow{50%{color:#fff;text-shadow:0 0 8px #ff9900}}.sparkle{position:fixed;z-index:100;pointer-events:none;color:var(--gold-light);font-size:12px;text-shadow:0 0 4px #ff9900;transform:translate(-50%,-50%);animation:sparkle .8s ease-out forwards}@keyframes sparkle{to{opacity:0;transform:translate(-50%,20px) scale(.3) rotate(90deg)}}@media(max-width:860px){.layout{grid-template-columns:165px minmax(0,1fr)}.sidebar-right{grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:start}}@media(max-width:600px){.layout{grid-template-columns:1fr}.sidebar-left{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));align-items:start}.banner{height:auto;min-height:120px;padding:28px 10px 12px}.crest{width:58px;height:68px;font-size:30px}}@media(prefers-reduced-motion:reduce){*,*:before{animation:none!important}.ticker span{padding-left:0;white-space:normal}}