:root{--rune-blue:#48d6ff;--rune-gold:#e8b85b;--danger:#ff5b45;--dock-h:230px}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 40%,transparent 0 28%,rgba(0,0,0,.28) 70%,rgba(0,0,0,.72));z-index:0}.grand-header,.hall-shell,#game>*{position:relative;z-index:1}.grand-header{box-shadow:0 10px 50px #000b;border-bottom:1px solid rgba(232,184,91,.28)}#menu{background-image:linear-gradient(rgba(2,5,10,.64),rgba(2,5,10,.88)),url('assets/arcanis-concept-bg.png');background-size:cover;background-position:center top;background-attachment:fixed}.hall-main{min-height:calc(100vh - 130px)}.mode-card,.character-tile,.room{transition:.28s transform,.28s box-shadow,.28s border-color}.mode-card:hover,.character-tile:hover,.room:hover{transform:translateY(-5px);box-shadow:0 18px 45px #000c,0 0 25px #37c9ff22;border-color:#e6bd6f}.mode-card.active{box-shadow:0 0 0 1px #f2d48c inset,0 0 35px #e8b85b33}.arena-preview{background:linear-gradient(rgba(4,9,14,.18),rgba(4,9,14,.72)),url('assets/arcanis-arena-preview.png') center/cover}.arena{isolation:isolate;perspective:1400px;background:radial-gradient(ellipse at 50% 46%,#153441 0,#08141a 42%,#020609 78%)}.arena:before{content:"";position:absolute;left:50%;top:46%;width:min(70vw,1000px);aspect-ratio:1.45;transform:translate(-50%,-50%) rotateX(58deg);border-radius:50%;border:5px solid #b98636;background:radial-gradient(circle,#0e3237 0 18%,#071b21 39%,#061216 58%,#04090d 72%);box-shadow:0 0 0 4px #21180a,0 0 0 10px #46d6ff22,0 0 65px #28c9ff44,inset 0 0 70px #000;z-index:-1}.arena:after{content:"✦ ᚠ ᚢ ᚦ ᚨ ✦ ᚱ ᚲ ᚷ ᚹ ✦";position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:min(62vw,870px);height:min(39vw,545px);border:2px solid #42d5ff88;border-radius:50%;display:grid;place-items:center;color:#6adfff88;font-size:clamp(18px,2vw,32px);letter-spacing:1.15em;text-indent:1.15em;animation:runePulse 3.5s ease-in-out infinite;z-index:-1}@keyframes runePulse{50%{filter:brightness(1.55);box-shadow:0 0 50px #36d7ff66,inset 0 0 40px #36d7ff33}}.rune-ring{animation:spinRune 38s linear infinite!important;filter:drop-shadow(0 0 15px #45d8ff)}@keyframes spinRune{to{transform:translate(-50%,-50%) rotate(360deg)}}.table-sigil{text-shadow:0 2px #3b2305,0 0 18px #e7b960,0 0 42px #3ad4ff88;animation:sigilBreath 3s ease-in-out infinite}@keyframes sigilBreath{50%{transform:translate(-50%,-50%) scale(1.045);filter:brightness(1.3)}}.torch:before,.torch:after{content:"";position:absolute;border-radius:50%;background:radial-gradient(circle at 50% 70%,#fff7b0,#ff9e2f 34%,#d52d10 62%,transparent 66%);filter:blur(.5px);animation:flame .35s ease-in-out infinite alternate}.torch:before{inset:-40px -24px 0}.torch:after{inset:-24px -11px 6px;animation-delay:.17s}@keyframes flame{to{transform:translateY(-7px) scaleX(.83) rotate(3deg);filter:brightness(1.28)}}.player-dock{height:var(--dock-h);background:linear-gradient(180deg,rgba(5,9,14,.65),rgba(3,6,10,.98) 28%);border-top:2px solid #b88636;box-shadow:0 -20px 60px #000,0 -2px 25px #35d9ff22}.hand{overflow:visible!important}.hand .card{transform-origin:50% 120%;transition:.22s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(0 14px 10px #000a)}.hand .card:nth-child(odd){transform:rotate(-2deg)}.hand .card:nth-child(even){transform:rotate(2deg)}.hand .card.playable:hover,.hand .card.selected{transform:translateY(-42px) scale(1.14)!important;z-index:40;filter:drop-shadow(0 0 12px #58dcff) drop-shadow(0 18px 14px #000)}.hand .card.invalid{filter:brightness(.38) saturate(.25)}.played{transition:.3s}.played img{animation:cardImpact .55s cubic-bezier(.18,.9,.22,1);filter:drop-shadow(0 16px 14px #000b)}@keyframes cardImpact{0%{opacity:0;transform:translateY(140px) scale(.3) rotate(14deg)}70%{transform:translateY(-9px) scale(1.08) rotate(-3deg)}100%{opacity:1;transform:none}}.announcement{font-family:Georgia,serif;text-shadow:0 3px #271600,0 0 15px currentColor,0 0 55px currentColor}.announcement:not(:empty){animation:announceV4 1.45s ease both}@keyframes announceV4{0%{opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(-8deg)}25%{opacity:1;transform:translate(-50%,-50%) scale(1.25) rotate(2deg)}72%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-70%) scale(.85)}}.fx-layer{position:fixed;inset:0;pointer-events:none;z-index:9998;overflow:hidden}.fx-particle{position:absolute;width:9px;height:9px;border-radius:50%;animation:burst 1.25s ease-out forwards;box-shadow:0 0 13px currentColor}@keyframes burst{to{transform:translate(var(--dx),var(--dy)) scale(.05) rotate(420deg);opacity:0}}.screen-flash{position:fixed;inset:0;z-index:9997;pointer-events:none;animation:flash .55s ease-out forwards}@keyframes flash{0%{opacity:.9}100%{opacity:0}}.trick-collect .played{animation:collect .75s ease-in forwards}@keyframes collect{to{transform:translate(0,220px) scale(.15) rotate(26deg);opacity:0}}.arena[data-aura="rot"]{box-shadow:inset 0 0 120px #ff341c55}.arena[data-aura="gold"]{box-shadow:inset 0 0 120px #ffd66744}.arena[data-aura="gruen"]{box-shadow:inset 0 0 120px #4eff7a44}.arena[data-aura="blau"]{box-shadow:inset 0 0 120px #3ddcff55}.reconnect-banner{position:fixed;left:50%;top:110px;transform:translateX(-50%);z-index:10000;padding:12px 24px;border:1px solid #e8b85b;background:#080c12eF;border-radius:14px;box-shadow:0 0 35px #000}.v4-badge{font-size:10px;letter-spacing:.2em;color:#72dbff;border:1px solid #45cfff55;padding:5px 10px;border-radius:999px}.round-summary-card{padding:18px;border:1px solid #e8b85b44;border-radius:18px;background:linear-gradient(135deg,#111722,#070a10);margin:10px 0}.round-summary-card.perfect{box-shadow:inset 4px 0 #55e8a5,0 0 28px #55e8a522}.modalbox h1,.modalbox h2{font-family:Georgia,serif;color:#f2d894}.scoretable tr:first-child{background:#e8b85b14}@media(max-width:900px) and (orientation:landscape){:root{--dock-h:190px;--cardw:62px}.hud{height:58px}.arena{bottom:var(--dock-h)!important}.player-head{height:48px}.hand .card.selected{transform:translateY(-26px) scale(1.08)!important}.opponent{transform:scale(.78)}.log{display:none}.playbar{height:45px}}@media(orientation:portrait) and (max-width:700px){#game:after{content:"Für die beste Runen-Arena bitte das Handy drehen";position:fixed;inset:0;z-index:12000;display:grid;place-items:center;text-align:center;padding:40px;background:#03070df2;color:#f2d894;font:700 24px Georgia,serif}}
/* v4.2 Online-Kern */
.online-lobby{text-align:center}.room-code{margin:12px auto 18px;padding:12px;border:1px solid #b7893e;border-radius:12px;max-width:320px;letter-spacing:.12em}.room-code b{font-size:1.5rem;color:#f3cf78}.online-seats{display:grid;gap:8px;margin:18px 0}.online-seat{display:grid;grid-template-columns:90px 1fr 90px;align-items:center;text-align:left;padding:12px 14px;border:1px solid #324957;border-radius:12px;background:#071018}.online-seat.connected small{color:#61e0a0}.online-seat.offline small{color:#e68181}.online-seat.bot{opacity:.65}.bid-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(62px,1fr));gap:10px;margin:20px 0}.online-played{position:absolute!important;left:50%!important;top:48%!important;transform:translate(-50%,-50%)}.online-played.p0{transform:translate(-110%,-20%) rotate(-8deg)}.online-played.p1{transform:translate(5%,-50%) rotate(7deg)}.online-played.p2{transform:translate(-55%,-105%) rotate(2deg)}.online-played.p3{transform:translate(-55%,25%) rotate(-2deg)}.online-winner{text-align:center}.online-match #abilityBtn{opacity:.5}.room .status-playing{color:#f2b84b}