:root{--gold:#e4b85d;--gold2:#fff0b2;--bg:#05070b;--panel:rgba(8,11,17,.9);--line:rgba(228,184,93,.3);--cardw:clamp(62px,8.7vw,104px);--cardh:calc(var(--cardw)*1.397)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#05070b;color:#f7f0df;font-family:Inter,system-ui,-apple-system,sans-serif;touch-action:manipulation}button,input,select{font:inherit}.screen{position:fixed;inset:0;display:none}.screen.active{display:block}.hidden{display:none!important}.glass{background:linear-gradient(145deg,rgba(17,21,30,.94),rgba(5,7,11,.93));border:1px solid var(--line);box-shadow:0 20px 70px #000b,inset 0 1px #fff1;backdrop-filter:blur(18px)}#menu{overflow:auto;background:radial-gradient(circle at 50% 26%,#263b60 0,#111725 30%,#05060a 70%);padding:24px}.cosmos{position:fixed;inset:-20%;background:radial-gradient(circle,#fff 0 1px,transparent 2px) 0 0/63px 63px,radial-gradient(circle,#7bb7ff 0 1px,transparent 2px) 20px 30px/97px 97px;opacity:.25;animation:drift 45s linear infinite}@keyframes drift{to{transform:translate3d(80px,40px,0) rotate(3deg)}}.menu-card{position:relative;margin:auto;width:min(900px,96vw);min-height:min(920px,94vh);padding:25px 32px;border-radius:30px;text-align:center}.logo-sigil{width:82px;height:82px;margin:auto;display:grid;place-items:center;border:2px solid var(--gold);border-radius:50%;box-shadow:0 0 40px #6caaff66,inset 0 0 24px #dba94c33}.logo-sigil b{font-size:30px;color:#8bc3ff}.eyebrow{font-size:10px;letter-spacing:.38em;color:#c8b789;margin-bottom:0}.menu-card h1{font-family:Georgia,serif;font-size:clamp(54px,10vw,92px);letter-spacing:.09em;margin:-4px 0;color:var(--gold2);text-shadow:0 3px #704819,0 0 35px #e2b25144}.edition{letter-spacing:.28em;font-size:11px;color:#a7bad7}.tabs{display:flex;gap:8px;justify-content:center;margin:20px 0}.tab{padding:10px 16px;border-radius:12px;border:1px solid #ffffff18;background:#080b12;color:#adb8c9;font-weight:800}.tab.active{color:#160f05;background:linear-gradient(#f2cf7a,#a56d20)}.tabpane{display:none}.tabpane.active{display:block}.setup-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;text-align:left}.setup-grid label{font-size:10px;letter-spacing:.12em;color:#bfb49e;text-transform:uppercase}.setup-grid input,.setup-grid select{display:block;width:100%;margin-top:6px;padding:12px;border-radius:10px;border:1px solid #c3934955;background:#070a10;color:#fff}.toggle{display:flex;align-items:center;gap:8px;padding-top:19px}.toggle input{width:auto;margin:0}.special-picker{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:18px 0}.special-chip{border:1px solid #66758d;background:#0a0e16;color:#c9d3e1;border-radius:999px;padding:8px 12px;cursor:pointer}.special-chip.on{border-color:#e5b95e;color:#ffe6a8;box-shadow:0 0 16px #dca74433}.btn{border:0;border-radius:11px;padding:13px 17px;font-weight:900;letter-spacing:.06em;cursor:pointer}.btn.gold{background:linear-gradient(#f0ca72,#a76e22);color:#150f07}.btn.dark{background:#101622;color:#e4ebf6;border:1px solid #4b5c75}.btn.jumbo{width:100%;padding:16px;margin-top:8px}.btn.small{padding:8px 11px;font-size:11px}.foot-actions{display:flex;justify-content:center;gap:18px;margin-top:17px}.foot-actions button{border:0;background:none;color:#a8bad5;text-decoration:underline}.hall-actions{display:flex;gap:10px;justify-content:center}.room-list{margin-top:14px}.room{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:12px;border:1px solid #ffffff18;border-radius:12px;background:#080b11;margin:8px}.muted{color:#8f9bad}.profile-card{display:grid;grid-template-columns:130px 1fr;gap:20px;text-align:left}.profile-avatar{font-size:70px;background:#0b101a;border:1px solid var(--line);border-radius:22px;display:grid;place-items:center}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.profile-stats div{padding:12px;background:#080b11;border:1px solid #ffffff14;border-radius:12px}.profile-stats small{display:block;color:#8f9bad}.hud{position:absolute;z-index:30;top:max(7px,env(safe-area-inset-top));left:10px;right:10px;height:62px;border-radius:17px;display:flex;align-items:center;justify-content:space-around}.hud div{text-align:center;min-width:70px}.hud small{display:block;font-size:8px;letter-spacing:.18em;color:#a99f8b}.roundbtn{width:42px;height:42px;border-radius:50%;border:1px solid #cda45455;background:#080b11;color:#fff}.arena{position:absolute;inset:77px 0 178px;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#174b42,#0b2724 50%,#050b0d)}body[data-arena=fire] .arena{background:radial-gradient(ellipse,#6b2216,#23100d 52%,#080606)}body[data-arena=forest] .arena{background:radial-gradient(ellipse,#244f25,#0f2915 52%,#060a07)}body[data-arena=ice] .arena{background:radial-gradient(ellipse,#246174,#0e2c39 52%,#05090d)}body[data-arena=stars] .arena{background:radial-gradient(ellipse,#242b61,#0d102e 52%,#04050b)}.arena:before{content:"";position:absolute;inset:4% 7%;border-radius:48%;border:12px solid #3c2615;box-shadow:inset 0 0 0 2px #e0b96344,inset 0 0 100px #000c,0 18px 55px #000;background:radial-gradient(ellipse,transparent,#0005)}.weather{position:absolute;inset:0;background-image:radial-gradient(circle,#fff8 0 1px,transparent 2px);background-size:80px 80px;opacity:.12;animation:weather 18s linear infinite}@keyframes weather{to{background-position:80px 160px}}.rune-ring{position:absolute;inset:13% 17%;border:1px dashed #f1c96c2e;border-radius:50%;animation:spin 90s linear infinite}.rune-ring:after{content:"ᚨ ᚱ ᚲ ᚨ ᚾ ᛁ ᛊ ✦ ᚨ ᚱ ᚲ ᚨ ᚾ ᛁ ᛊ";position:absolute;inset:0;display:grid;place-items:center;letter-spacing:2em;color:#f1cf6e20;font-size:clamp(18px,4vw,42px)}@keyframes spin{to{transform:rotate(360deg)}}.opponent{position:absolute;z-index:6;transform:translate(-50%,-50%);text-align:center;min-width:130px}.opp-avatar,.hero-avatar{width:48px;height:48px;margin:auto;border-radius:50%;display:grid;place-items:center;font-size:27px;border:2px solid #d8ae58;background:#111826;box-shadow:0 0 25px #000}.opponent.active .opp-avatar{box-shadow:0 0 0 4px #ffd97933,0 0 35px #ffd979}.opp-name{font-size:12px;font-weight:900}.opp-meta{font-size:9px;padding:3px 7px;border-radius:8px;background:#05070bd9}.fan{height:36px}.fan img{width:25px;height:35px;object-fit:cover;border-radius:3px;margin-left:-14px;border:1px solid #c69c52}.fan img:first-child{margin-left:0}.dealer{position:absolute;right:18px;top:-5px;background:#e2b95e;color:#181006;border-radius:50%;width:20px;height:20px;font-size:10px;display:grid;place-items:center}.trump-card{position:absolute;z-index:7;left:12%;top:49%;transform:translate(-50%,-50%)}.trump-card img{width:64px;border-radius:8px;box-shadow:0 10px 20px #000}.trump-card small{display:block;text-align:center}.played{position:absolute;z-index:10;width:var(--cardw);height:var(--cardh);transform:translate(-50%,-50%);animation:throw .45s cubic-bezier(.2,.8,.2,1)}.played img{width:100%;height:100%;border-radius:9px;box-shadow:0 14px 30px #000;border:1px solid #dfb75e}.played label{position:absolute;bottom:-18px;left:50%;transform:translateX(-50%);font-size:9px;white-space:nowrap}@keyframes throw{from{opacity:0;transform:translate(-50%,20%) scale(.5) rotate(-15deg)}}.announcement,.combat-text{position:absolute;z-index:20;left:50%;top:48%;transform:translate(-50%,-50%) scale(.8);opacity:0;pointer-events:none;text-align:center}.announcement.show{animation:announce 1.2s}.combat-text.show{animation:combat 1.1s}.announcement{font:900 clamp(28px,7vw,68px) Georgia;color:#ffe69b;text-shadow:0 0 25px #f1b94d,0 4px #3b2409}.combat-text{font-weight:1000;font-size:clamp(20px,5vw,48px);color:#fff}@keyframes announce{20%,70%{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes combat{20%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}80%{opacity:1;transform:translate(-50%,-90%) scale(.9)}}.log{position:absolute;right:10px;bottom:8px;width:min(300px,35vw);font-size:9px;color:#aeb7c5}.log div{background:#05070bbf;padding:4px 7px;border-radius:6px;margin-top:3px}.player-dock{position:absolute;z-index:25;left:7px;right:7px;bottom:max(6px,env(safe-area-inset-bottom));height:168px;border-radius:22px;padding:8px 12px}.player-head{height:42px;display:flex;align-items:center;gap:9px}.hero-avatar{width:40px;height:40px;font-size:23px;margin:0}.player-head small{display:block;color:#a6b4c8;font-size:9px}.stats{margin-left:auto;display:flex;gap:12px;font-size:10px}.stats span{background:#070a10;padding:5px 8px;border-radius:8px}.ability-btn{margin-left:8px;padding:8px;border-radius:9px;border:1px solid #8d6fd1;background:#21183d;color:#cfc0ff;font-size:9px;font-weight:900}.ability-btn.ready{box-shadow:0 0 20px #9a70ff}.hand{height:92px;display:flex;align-items:flex-end;justify-content:center;overflow-x:auto;overflow-y:hidden;padding:5px 30px}.card{flex:0 0 auto;width:var(--cardw);height:var(--cardh);padding:0;border:0;background:none;border-radius:9px;margin-left:calc(var(--cardw)*-.35);transition:.18s;position:relative}.card:first-child{margin-left:0}.card img{height:100%;object-fit:cover;border-radius:9px;box-shadow:0 6px 12px #000;border:1px solid #cfa753}.card.invalid{filter:brightness(.45) saturate(.5)}.card.playable:hover,.card.selected{transform:translateY(-22px) scale(1.07);z-index:9}.card.selected img{box-shadow:0 0 0 3px #ffdc7c,0 0 30px #f5c756}.playbar{height:25px;display:flex;align-items:center;justify-content:space-between}.playbar #hint{font-size:10px;color:#d7dceb}.modal{position:fixed;z-index:100;inset:0;background:#000c;display:grid;place-items:center;padding:15px}.modalbox{width:min(780px,96vw);max-height:90vh;overflow:auto;border-radius:24px;padding:27px;position:relative}.close{position:absolute;right:10px;top:8px;border:0;background:none;color:#fff;font-size:30px}.choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.choice{padding:13px;border:1px solid #ffffff20;background:#090d14;color:#fff;border-radius:13px}.scoretable{width:100%;border-collapse:collapse}.scoretable td,.scoretable th{padding:9px;border-bottom:1px solid #ffffff18;text-align:left}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:10px}.gallery img{width:100%;border-radius:8px}#toast{position:fixed;z-index:120;left:50%;bottom:30px;transform:translateX(-50%) translateY(30px);opacity:0;background:#101621;border:1px solid #d4aa54;color:#fff;padding:10px 16px;border-radius:12px;transition:.25s}#toast.show{opacity:1;transform:translateX(-50%)}@media(max-width:700px){.menu-card{padding:20px 15px}.setup-grid{grid-template-columns:1fr 1fr}.hud div:nth-of-type(2){display:none}.arena{bottom:184px}.player-dock{height:177px}.stats{gap:4px}.stats span{padding:4px}.ability-btn{font-size:8px}.log{display:none}}@media(orientation:portrait) and (max-width:700px){.arena:after{content:"Für den besten Spieltisch das Handy drehen";position:absolute;left:50%;top:8px;transform:translateX(-50%);font-size:9px;color:#d8b866}}
/* ===== ARCANIS ULTRA v3 VISUAL SYSTEM ===== */
:root{--gold:#d9a94b;--gold2:#ffe7a3;--blue:#56a9ff;--ink:#04070a;--line:rgba(217,169,75,.42)}
#menu{padding:0;background:radial-gradient(circle at 52% 0,#14243d 0,#070d14 42%,#020406 85%);overflow:hidden}
#menu:before{content:"";position:fixed;inset:0;background:linear-gradient(90deg,#0008,transparent 22%,transparent 78%,#0008),radial-gradient(circle at 50% 30%,transparent,#0009);pointer-events:none}
.ember-layer{position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(circle,#ffb343 0 1px,transparent 2px),radial-gradient(circle,#5ab6ff 0 1px,transparent 2px);background-size:130px 170px,190px 210px;opacity:.18;animation:embers 18s linear infinite}@keyframes embers{to{background-position:80px -250px,-90px -170px}}
.grand-header{height:112px;position:relative;z-index:3;display:flex;align-items:center;padding:10px 28px;border-bottom:1px solid var(--line);background:linear-gradient(#07101ae8,#020407ee);box-shadow:0 14px 50px #000}.mage-mark{font-size:42px;color:#77bcff;text-shadow:0 0 28px #3b9cff}.brand{display:flex;align-items:baseline;gap:18px}.brand h1{font-family:Georgia,serif;font-size:50px;letter-spacing:.08em;margin:0;color:var(--gold2);text-shadow:0 2px #6c4211,0 0 24px #dca84c55}.brand p{font-family:Georgia,serif;color:#e9c873;letter-spacing:.2em}.brand span{position:absolute;left:92px;top:78px;font-size:10px;letter-spacing:.28em;color:#8095ad}.account-strip{margin-left:auto;display:flex;gap:18px;align-items:center;color:#e9d8ac}.portrait-mini{width:48px;height:48px;border-radius:50%;border:2px solid var(--gold);background:#101925;font-size:24px}.hall-shell{height:calc(100vh - 112px);display:grid;grid-template-columns:190px 1fr;position:relative;z-index:2}.hall-nav{border-radius:0;border-width:0 1px 0 0;padding:20px 12px;display:flex;flex-direction:column;gap:8px}.navitem{border:1px solid transparent;background:transparent;color:#9aa9ba;padding:14px;text-align:left;border-radius:8px;font-weight:800;letter-spacing:.08em;cursor:pointer}.navitem:hover,.navitem.active{color:#ffe5a0;border-color:#a7782c88;background:linear-gradient(90deg,#a875251e,transparent);box-shadow:inset 3px 0 #d3a44d}.navitem span{margin-left:10px}.nav-spacer{flex:1}.hall-main{overflow:auto;padding:28px}.tabpane{display:none}.tabpane.active{display:block}.section-title{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:18px}.section-title small{color:#7aa9da;letter-spacing:.25em}.section-title h2{font-family:Georgia,serif;margin:3px 0;font-size:30px;color:#f4d88e;letter-spacing:.08em}.hall-grid{display:grid;grid-template-columns:minmax(580px,1fr) 310px;gap:18px}.rooms-panel{padding:10px;border-radius:8px;min-height:340px}.table-head,.room{display:grid;grid-template-columns:1.5fr .8fr .5fr .6fr .6fr;gap:10px;align-items:center}.table-head{padding:12px;color:#8e9baa;font-size:10px;letter-spacing:.16em;border-bottom:1px solid #fff1}.room{margin:0;border-radius:0;border-width:0 0 1px;padding:13px 12px;background:#05090d99}.room:hover{background:#18202a}.room .status-live{color:#6be6a2}.room .status-wait{color:#f2c66c}.hall-side{display:grid;gap:18px}.daily-card,.news-card{padding:20px;border-radius:8px;text-align:left}.daily-card h3,.news-card h3{font-family:Georgia,serif;color:#f0d28a}.progress{height:8px;background:#05070a;border:1px solid #ffffff18;margin:16px 0}.progress i{display:block;height:100%;background:linear-gradient(90deg,#7e4f18,#f4c867);box-shadow:0 0 14px #eab64c}.mode-showcase{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:20px}.mode-card{min-height:180px;background:linear-gradient(145deg,#0d131b,#05080c);border:1px solid #9a713a55;color:#cfd5dc;padding:20px;border-radius:8px;cursor:pointer;position:relative;overflow:hidden}.mode-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 30%,#b6842a22,transparent 55%)}.mode-card:hover,.mode-card.active{transform:translateY(-4px);border-color:#e0b354;box-shadow:0 10px 38px #000,0 0 24px #d79d3230}.mode-card i{font-size:48px;color:#e1bd67;font-style:normal}.mode-card h3{font-family:Georgia,serif;color:#f1d58c}.setup-layout{display:grid;grid-template-columns:minmax(620px,1fr) 360px;gap:20px}.setup-card,.arena-preview{padding:24px;border-radius:8px}.setup-grid{grid-template-columns:repeat(2,1fr)}.subhead{text-align:left;font-family:Georgia,serif;color:#e8ca7b}.arena-preview{min-height:540px;display:grid;place-items:center;align-content:center;background:radial-gradient(circle,#1a4761,#0a1824 45%,#04080c);text-align:center}.preview-ring{width:220px;height:220px;display:grid;place-items:center;border:2px solid #d3aa57;border-radius:50%;font-size:70px;color:#6ebaff;box-shadow:0 0 80px #4a9de344,inset 0 0 55px #d5a84c22;animation:previewPulse 4s ease-in-out infinite}@keyframes previewPulse{50%{transform:scale(1.05) rotate(8deg);box-shadow:0 0 110px #4a9de377,inset 0 0 70px #d5a84c33}}.character-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.character-tile{min-height:250px;border:1px solid #916b3855;background:linear-gradient(#1d2937,#06090e);padding:16px;text-align:center;border-radius:8px;position:relative;overflow:hidden}.character-tile .char-face{font-size:74px;filter:drop-shadow(0 0 25px #5aaaff55)}.character-tile h3{font-family:Georgia,serif;color:#f1d188}.character-tile small{color:#72b2ef}.achievement-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.achievement{display:grid;grid-template-columns:60px 1fr auto;align-items:center;padding:18px;border-radius:8px}.achievement i{font-size:34px}.achievement h3{margin:0;color:#e7c776;font-family:Georgia,serif}
/* Arena rebuild */
.arena{inset:77px 0 196px;background:radial-gradient(ellipse at 50% 48%,#193f3a 0,#081718 45%,#020506 82%)}.arena:before{inset:7% 9%;border:9px solid #55391e;border-radius:50%;background:radial-gradient(ellipse at center,#132f30 0,#081314 58%,#020405 75%);box-shadow:inset 0 0 0 2px #d7ac5b55,inset 0 0 120px #000,0 28px 70px #000}.rune-ring{inset:16% 24%;border:2px solid #b88a3e88;box-shadow:0 0 34px #e4b25722,inset 0 0 35px #5eb9ff22}.rune-ring:before{content:"✦ ᚱ ✧ ᚨ ✦ ᚲ ✧ ᚨ ✦ ᚾ ✧ ᛁ ✦ ᛋ";position:absolute;inset:-18px;color:#e4ba61aa;font-size:18px;letter-spacing:18px;display:grid;place-items:center;animation:counterspin 70s linear infinite}@keyframes counterspin{to{transform:rotate(-360deg)}}.rune-ring span{font-size:48px;color:#66baff;text-shadow:0 0 40px #58aaff}.table-sigil{position:absolute;left:50%;top:51%;transform:translate(-50%,-50%);font-family:Georgia,serif;letter-spacing:.35em;color:#d8b25b20;font-size:clamp(30px,5vw,76px)}.arcane-fog{position:absolute;inset:0;background:radial-gradient(ellipse at 30% 60%,#6cbaff16,transparent 30%),radial-gradient(ellipse at 70% 40%,#ff9f4312,transparent 28%);animation:fogShift 9s ease-in-out infinite alternate}@keyframes fogShift{to{transform:translate3d(3%,-2%,0) scale(1.08)}}.torch{position:absolute;top:44%;width:25px;height:60px;background:radial-gradient(ellipse at center,#fff8b5,#ff7a1a 34%,transparent 70%);filter:blur(1px);animation:flame .3s ease-in-out infinite alternate;box-shadow:0 0 45px #ff6d19}.torch-a{left:8%}.torch-b{right:8%}@keyframes flame{to{transform:scale(.9,1.15) rotate(2deg)}}.player-dock{height:196px}.hand{height:113px}.card{width:clamp(62px,8vw,103px);margin-left:clamp(-22px,-1.6vw,-8px);transition:.2s cubic-bezier(.2,.8,.2,1)}.card:hover,.card.selected{transform:translateY(-32px) scale(1.08);z-index:30;filter:drop-shadow(0 0 18px #ffd36a)}.card.selected:after{content:"";position:absolute;inset:-5px;border:3px solid #ffd466;border-radius:10px;box-shadow:0 0 28px #ffc34d}.played{animation:cardSlam .55s cubic-bezier(.2,.9,.2,1)}@keyframes cardSlam{0%{transform:translate(-50%,-50%) scale(2.2) rotate(18deg);opacity:0;filter:brightness(3)}70%{transform:translate(-50%,-50%) scale(.92) rotate(-3deg)}100%{transform:translate(-50%,-50%) scale(1)}}.announcement.show{animation:magicAnnounce 1.5s ease both}@keyframes magicAnnounce{0%{opacity:0;transform:translate(-50%,-50%) scale(3);filter:blur(15px)}25%{opacity:1;filter:blur(0);text-shadow:0 0 60px #ffcf61}100%{opacity:0;transform:translate(-50%,-50%) scale(1)}}
@media(max-width:900px){.grand-header{height:82px}.brand h1{font-size:32px}.brand p,.brand span,.account-strip span{display:none}.hall-shell{height:calc(100vh - 82px);grid-template-columns:70px 1fr}.navitem span{display:none}.hall-main{padding:14px}.hall-grid,.setup-layout{grid-template-columns:1fr}.hall-side{display:none}.mode-showcase{grid-template-columns:repeat(2,1fr)}.character-gallery{grid-template-columns:repeat(2,1fr)}.setup-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.mode-card{min-height:135px;padding:12px}.mode-card i{font-size:32px}.table-head{display:none}.room{grid-template-columns:1fr auto}.room span:nth-of-type(1),.room span:nth-of-type(2){display:none}.achievement-grid{grid-template-columns:1fr}.hud{height:54px}.hud div:nth-of-type(2),.hud div:nth-of-type(4){display:none}.arena{inset:68px 0 182px}.player-dock{height:182px}}