:root{--night:#061026;--gold:#ffba5f;--cyan:#62d9ff;--text:#eef2ff;--muted:#abb5d2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--night);color:var(--text);min-height:100vh;margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif}body:before{content:"";z-index:-1;background:linear-gradient(#06102688,#061026ee),url(/art/arena_neutrale.png) 50%/cover;position:fixed;inset:0}header{background:#061026dd;border-bottom:2px solid #68dfff;justify-content:space-between;align-items:center;height:96px;padding:0 clamp(24px,5vw,76px);display:flex}h1{margin:4px 0;font-size:25px}h2{margin:16px 0;font-size:clamp(34px,5vw,68px);line-height:1.03}.eyebrow{letter-spacing:.15em;color:var(--cyan);font-size:12px;font-weight:900}.gold{color:var(--gold)}nav{align-items:center;gap:24px;display:flex}nav a{color:#fff;text-decoration:none}.hero{grid-template-columns:1.3fr minmax(320px,460px);align-items:center;gap:8vw;min-height:calc(100vh - 96px);padding:clamp(30px,6vw,90px);display:grid}.story p,.welcome p,.game p{color:var(--muted);max-width:760px;font-size:20px;line-height:1.6}.features{flex-wrap:wrap;gap:16px;display:flex}.features span{background:#ffffff12;border:1px solid #fff2;border-radius:99px;padding:10px 16px}.login,.game,.welcome,#collection{background:#111a30e8;border:1px solid #839cff44;border-radius:28px;box-shadow:0 25px 80px #0008}.login{flex-direction:column;gap:14px;padding:36px;display:flex}.login input{color:#fff;background:#071126;border:1px solid #ffffff26;border-radius:14px;padding:16px;font-size:16px}.login button,.game button{color:#fff;background:linear-gradient(135deg,#8b4fff,#277fff);border:0;border-radius:14px;padding:16px;font-weight:900}.login .link,.ghost{color:var(--cyan);background:0 0;border:0}.error{color:#ff8585}.welcome,#collection,.game{margin:50px clamp(20px,5vw,76px);padding:clamp(24px,4vw,54px)}.welcome h2{font-size:48px}.sectionTitle,.game{justify-content:space-between;align-items:center;gap:30px;display:flex}.sectionTitle h2{margin:8px 0;font-size:42px}.cards{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:22px;display:grid}.cards article{background:#071126;border:1px solid #ffffff21;border-radius:22px;transition:all .2s;overflow:hidden}.cards article:hover{border-color:var(--gold);transform:translateY(-6px)}.cards img{aspect-ratio:3/4;object-fit:contain;background:radial-gradient(circle at 50% 38%,#1a2948,#050b19 72%);width:100%}.cards article div{padding:17px}.cards small{color:var(--gold);font-weight:800}.cards p{color:var(--muted)}@media (max-width:800px){header nav a{display:none}.hero{grid-template-columns:1fr;padding:30px 20px}.sectionTitle,.game{flex-direction:column;align-items:flex-start}.cards{grid-template-columns:repeat(2,1fr)}}.tabs{gap:10px;padding:8px 0 24px;display:flex;overflow:auto}.tabs button{white-space:nowrap;color:var(--muted);background:#071126;border:1px solid #fff3;border-radius:999px;padding:10px 15px;font-weight:800}.tabs button.active{color:#071126;background:var(--gold);border-color:var(--gold)}.admin{background:#111a30e8;border:1px solid #839cff44;border-radius:28px;margin:50px clamp(20px,5vw,76px);padding:clamp(24px,4vw,54px)}.admin h2{font-size:42px}.admin form{grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) auto;gap:12px;display:grid}.admin input,.admin select{color:#fff;background:#071126;border:1px solid #ffffff26;border-radius:14px;padding:16px;font-size:16px}.admin button,.play{color:#fff;background:linear-gradient(135deg,#ff8a1f,#ff4f25);border:0;border-radius:14px;padding:16px 22px;font-weight:900;text-decoration:none}.notice{color:var(--cyan)}.empty{color:var(--muted);padding:30px 0}@media (max-width:800px){.admin form{grid-template-columns:1fr}.game .play{text-align:center;width:100%}}.claim form{grid-template-columns:1fr auto}.warehouse form{grid-template-columns:1.5fr 110px 1.5fr auto}.admin textarea{resize:vertical;color:#fff;min-height:54px;font:inherit;background:#071126;border:1px solid #ffffff26;border-radius:14px;padding:14px}.created,.stock{border-top:1px solid #fff2;margin-top:28px;padding-top:20px}.created>div,.stock>div{border-bottom:1px solid #ffffff12;grid-template-columns:1.4fr 1fr .7fr;align-items:center;gap:14px;padding:10px 12px;display:grid}.created code,.stock small{color:var(--cyan);overflow-wrap:anywhere;display:block}.created a{color:var(--gold)}.state{background:#ffffff18;border-radius:99px;justify-self:start;padding:6px 10px;font-size:11px;font-weight:900}.state.warehouse{color:var(--gold);background:#ffba5f22}.state.owned{color:#63e6a5;background:#63e6a522}.serial{font-size:12px}.cards article p{margin:8px 0}@media (max-width:800px){.claim form,.warehouse form,.created>div,.stock>div{grid-template-columns:1fr}.stock>div span:last-child{color:var(--muted)}}