/* Comic treatment: a player's whole sector is their illustrated wizard board. */
:root{--lime:#d6ff38;--pink:#ff54b0;--orange:#ff9b23;--muted:#c8b8d6;--line:#684578}
.world-atmosphere{background:linear-gradient(#17102dcc,#17102d99),url('/assets/arena-illustration-v1.png') center/cover no-repeat}.world-moon,.world-spire{display:none}header{border-bottom:3px solid #f455ac;background:#20112ef2;box-shadow:0 5px #05041566}.brand-icon{background:#ff71c1;color:#201126;border:2px solid #140c23;box-shadow:3px 3px #b4fa48}.brand{color:#fff5bf;text-shadow:2px 2px #0b0818}.tag{color:#1b1224;background:#c9ff4b;border:2px solid #151021;rotate:-3deg}.primary{background:#d6ff38;border:2px solid #171023;color:#211321;box-shadow:4px 4px #15101d;border-radius:4px 8px 5px 3px}.primary:hover:not(:disabled){background:#e6ff83}.secondary{background:#56d9df;color:#1e1a2b;border:2px solid #151222;box-shadow:3px 3px #151222;font-weight:bold}.secondary:hover:not(:disabled){background:#8df7ed}.text-button:hover:not(:disabled){color:#e4ff5e}nav button.active{color:#e7ff55;border-color:#ff69b6}input,select{border:2px solid #8e668e}h1{color:#fff0bf;text-shadow:4px 4px #171021}h1 em{color:#ff70bd;text-shadow:4px 4px #171021,-1px -1px #ffb1df}.eyebrow.lime{color:#d8ff52}.room-heading{background:#251331df;border-bottom:2px solid #e89136}.live-pill{background:#cfff5d;color:#241d2b;border:2px solid #181121;box-shadow:2px 2px #12101c}.live-pill i{background:#4c285c}.prototype-strip{background:#402047e8;border-bottom:2px solid #7a407a}.login-card{border:3px solid #1a1124;background:linear-gradient(135deg,#4f2864ed,#281639f5);box-shadow:7px 7px #f05cae,13px 13px #12101d,0 20px 80px #0008}.login-card:before{color:#d5ff44;text-shadow:3px 3px #1a1024}.login-intro{filter:drop-shadow(2px 3px 1px #151020)}.portal{background:radial-gradient(circle,#d3fa5977,#f16bce44 45%,transparent 70%);border-color:#d5ff66}.portal-rune{color:#d5ff44;text-shadow:4px 4px #2e1636,0 0 40px #ec67c6}.portal-orbit{border:2px solid #fa73c29e}.portal-caption{background:#e866b3;color:#1e1425;border:2px solid #1d112a;font-weight:900}.rooms-page,.catalog-page,.help-page{background:#20132beb;border:1px solid #a45a9955}.room-tile{border:3px solid #151021;background:linear-gradient(145deg,#703a6a,#39234c);box-shadow:5px 5px #f866b5}.room-tile:nth-child(3n+2){box-shadow:5px 5px #61e4e2}.room-tile:nth-child(3n+3){box-shadow:5px 5px #cdff44}.room-tile:before{color:#ffcd50}.room-tile h2{color:#fff0b9}.room-tile .secondary{margin:10px 4px 4px 0}.room-grid{gap:24px}.lobby-center,.setup{background:radial-gradient(ellipse,#5e275a88,#21132ace)}.player{border-color:#b16f9f}.notice{border-left:5px solid #ffad36}.help-columns>section{background:#2f1b3b99;padding:20px;border-radius:12px}.catalog-entry>.micro{color:#ead6df}.catalog-controls{background:#3d244c;border:2px solid #111020;border-radius:10px;padding:12px}
.table-layout.immersive{background:linear-gradient(90deg,#23123c55,transparent 35%,transparent 65%,#23123c55)}.immersive-arena{background:linear-gradient(#20162c99,transparent 45%)}.board-stage{background:url('/assets/arena-illustration-v1.png') center/100% 100% no-repeat;border-radius:20px;box-shadow:0 15px 60px #08051166}.table-rim{background:none;filter:none;inset:0;pointer-events:none}.felt-title{display:none}.arcane-ring{opacity:.35;top:125px}.rift-mouth{top:123px;background:radial-gradient(ellipse,#17142a 20%,#bf5cbb 55%,#e2ff6a 66%,transparent 72%);box-shadow:0 0 30px #d7ff6b44}.arena-familiar{background:linear-gradient(130deg,#c9fa49,#a6df2f 45%,#65b289);border-color:#171023;box-shadow:4px 4px #151020}.arena-familiar:hover:not(:disabled){background:#d7ff62}.familiar-horn{background:#ff6bb8}.familiar-eye{border-color:#25132f}.familiar-eye i{border-color:#ff6cab;background:#1b1730}.levitating-crystal{background:linear-gradient(110deg,#ffb6df 0 33%,#ff57b9 34% 65%,#ab338f 66%)}.power-counter{background:#e5fa68;border:3px solid #191124;box-shadow:4px 4px #f265af;color:#32263e;rotate:3deg}.power-counter b{color:#261333}.power-counter small{font-weight:900}.turn-bar h2{text-shadow:3px 3px #160f25;color:#fff0c1}.table-center{background:#13273044;border:1px solid #a8e3b722;padding:12px 16px 4px;border-radius:14px;box-shadow:0 3px 18px #09122233;backdrop-filter:blur(1px);width:546px}.table-center .zone-heading h3{background:#ff74ba;color:#21172a;border:2px solid #191121;padding:6px 12px;rotate:-3deg;box-shadow:3px 3px #171124;font-size:12px;letter-spacing:1px}.table-center .zone-heading>span{color:#f0e6bd;background:#172535cc;padding:5px 7px;border-radius:4px}.table-stacks{border-color:#80c7c166}.table-stacks>div>span{color:#e8ffc3;font-weight:700;text-shadow:1px 1px #151421}.table-token b{color:#edff8b;text-shadow:2px 2px #1d1730}.table-token .text-button{color:#eac6ec}.table-center .game-card{box-shadow:3px 4px #111323aa,0 0 0 1px #fff1ce55}.table-center .price{background:#fff0b2;border:2px solid #181323;box-shadow:2px 2px #ed70af}.cast-center{color:#d7f2cb;text-shadow:1px 1px #182336}.cast-center>span{color:#e5ff61}.immersive .hand-section{background:linear-gradient(120deg,#512a5b,#231935 70%);border-top:4px solid #f86cb8;box-shadow:0 -4px #1b1427,0 -20px 50px #1c102b88}.immersive .hand-section .zone-heading h3{color:#eeff86;font-size:12px;text-shadow:2px 2px #1b1528}
.seat.player{--seat-accent:#f779b7;border:3px solid #181421;border-top:5px solid var(--seat-accent);border-radius:12px 4px 15px 4px;background:#442d45;padding:7px;box-shadow:5px 6px #0d1124d9,0 0 0 1px var(--seat-accent);isolation:isolate;width:220px}.seat-0{--seat-accent:#d1fa46;left:calc(50% - 110px)}.seat-1{--seat-accent:#ffab3f}.seat-2{--seat-accent:#ff69b2}.seat-3{--seat-accent:#5ce3ef}.seat-4{--seat-accent:#bfa0ff}.seat.current{border-color:#181421;border-top-color:#e9ff53;box-shadow:5px 6px #101222,0 0 0 3px #eaff5b,0 0 25px #dcff5977}.seat.self{border-bottom:3px solid #191424}.board-illustration{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:rotate(180deg);border-radius:8px;z-index:-2;filter:saturate(1.08)}.seat:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 20%,#17112833 43%,#17112899 100%);z-index:-1;border-radius:8px;pointer-events:none}.seat>.wizard-mini,.seat>.seat-name,.seat>.seat-hand,.seat>.seat-zones,.seat>.seat-footer{position:relative;z-index:1}.seat .wizard-mini{height:95px;background:none;border:0;box-shadow:none;overflow:visible;border-radius:0;display:flex;align-items:flex-end;padding:0 0 13px}.seat .wizard-mini:hover:not(:disabled){background:none;box-shadow:none;transform:none}.seat .wizard-mini>.wizard-art{display:none}.seat .wizard-caption{background:#fff0cbdc;border:2px solid #1a1426;box-shadow:2px 2px #1c1427;border-radius:6px 2px 6px 2px;min-height:31px;width:100%;padding:4px 6px;backdrop-filter:blur(3px)}.seat .wizard-caption strong{color:#2d2033;font-size:10px;text-shadow:none;font-weight:900}.seat .wizard-hp{background:#f4639a;color:#39132d;padding:1px 5px;border-radius:8px 3px 8px 3px;rotate:-5deg;box-shadow:1px 2px #301529}.seat .wizard-hp b{color:#fff4be;font-size:24px;text-shadow:2px 2px #6c2750}.seat .wizard-hp small{color:#632a4c;font-weight:bold}.seat .wizard-mini>meter{position:absolute;left:4px;bottom:8px;width:calc(100% - 8px);height:5px;box-shadow:0 0 0 1px #261531}.seat .wizard-hint{position:absolute;top:0;left:0;color:#241b30;background:var(--seat-accent);border:1px solid #25182b;padding:3px 6px;box-shadow:2px 2px #171126;font-weight:900;rotate:-3deg;font-size:6px}.seat.current .wizard-hint{color:#23172e;background:#d5ff37}.seat-name{height:0;margin:0!important;overflow:hidden;visibility:hidden}.seat-hand{background:#1c152a9e;border:1px solid #ffeec955;border-radius:8px 8px 0 0;margin:1px 0 0;height:48px;box-shadow:inset 0 0 12px #1c102d33;padding:3px 30px 3px 20px}.seat .card-back{border:2px solid #201a2d;background:repeating-linear-gradient(45deg,#ea57aa 0 4px,#b52d82 5px 8px);box-shadow:1px 2px #141222}.seat-0 .card-back{background:repeating-linear-gradient(45deg,#d5f75f 0 4px,#7ea742 5px 8px)}.seat-1 .card-back{background:repeating-linear-gradient(45deg,#ffb35e 0 4px,#c56c42 5px 8px)}.seat-3 .card-back{background:repeating-linear-gradient(45deg,#6debf0 0 4px,#398fba 5px 8px)}.seat-4 .card-back{background:repeating-linear-gradient(45deg,#ba92f0 0 4px,#7f52a0 5px 8px)}.seat .card-back i{color:#fff0b6;border:1px solid #fff0c377;text-shadow:1px 1px #37172c}.hand-count{position:absolute;right:5px;top:6px;background:#ffe6b4;color:#2a1932;border:2px solid #211527;min-width:25px;text-align:center;padding:1px;font-size:13px;font-weight:900;border-radius:6px}.hand-count small{display:block;font-size:4px;letter-spacing:.3px}.seat-zones{background:#17172baa;border:1px solid #fff0bf66;border-top:0;padding:4px 6px;border-radius:0 0 8px 8px;height:70px;gap:8px}.seat-open{height:56px;align-items:center;border:1px dashed #dff5bf77;border-radius:5px;background:#18253144}.seat-open>span{color:#e5e6ba;font-size:6px;letter-spacing:1px;line-height:1.8;text-shadow:1px 1px #17252d}.deck-pile:before,.discard-pile:before{content:'КОЛОДА';position:absolute;top:-8px;left:-4px;right:-4px;text-align:center;font-size:4px;letter-spacing:.5px;color:#fff0bf;font-weight:700}.discard-pile:before{content:'СБРОС'}.deck-pile small,.discard-pile small{background:#ffe9b7;color:#2b1836;border:1px solid #2c1b37;font-weight:900;box-shadow:1px 1px #221528}.seat-footer{margin-top:4px;background:#fff0cbdc;border:1px solid #21182b;color:#3d2141;padding:4px 3px;border-radius:3px}.seat-footer .text-button{color:#3e2346;font-weight:bold;font-size:7px}.seat-footer .text-button:hover{color:#6d1769}.seat:has(.wizard-mini:hover){z-index:7}.wizard-preview{background:linear-gradient(140deg,#614776,#2e1d42);border:3px solid #1a1324;box-shadow:5px 5px #f76caf,0 15px 50px #0009}.wizard-preview .wizard-caption{background:#fff1d0}.wizard-preview .wizard-caption strong{color:#31203c}.wizard-preview .wizard-hp{color:#b33466}.wizard-preview .wizard-hp b{color:#8c225e}.wizard-preview .wizard-hp small{color:#705374}.wizard-preview meter::-webkit-meter-optimum-value{background:linear-gradient(90deg,#ef579b,#d4ff5c)}.wizard-preview p{color:#fff3ce}.effect-window{border:3px solid #181325;border-top:5px solid #f1b449;background:linear-gradient(130deg,#513459f5,#29203af5);box-shadow:5px 5px #151123}.effect-window .eyebrow{color:#f4ff6e}dialog{border:3px solid #21142b;box-shadow:7px 7px #f370bd,0 20px 100px #0009;background:linear-gradient(135deg,#563466,#241936)}.dialog-close{border:2px solid #191225;background:#ff80bb;color:#331733;box-shadow:2px 2px #21152a}.card-stats span{color:#f5ff89}
@media(min-width:1600px){.seat.player{width:245px}.seat-0{left:calc(50% - 122px)}.seat .wizard-mini{height:105px}.table-center{width:596px}}
@media(max-width:1100px) and (min-width:641px){.seat.player{width:175px}.seat-0{left:calc(50% - 87px)}.seat .wizard-caption strong{font-size:8px}.seat .wizard-hp b{font-size:20px}.seat .wizard-mini{height:90px}.seat-zones{padding:3px;gap:5px}.seat-footer{padding:3px 1px}.seat-footer .text-button{font-size:6px}.table-center{width:452px;padding:10px}.table-center .zone-heading h3{font-size:10px}.board-stage{background-size:auto 100%}}
@media(max-width:640px){.board-stage{background-size:auto 100%;background-position:51% center;border-radius:10px;height:930px}.seat.player{width:138px;padding:4px;border-width:2px;border-top-width:4px;box-shadow:3px 4px #101021,0 0 0 1px var(--seat-accent)}.seat-0{left:calc(50% - 69px)}.seat-1,.seat-4{top:485px}.seat .wizard-mini{height:88px;padding-bottom:11px}.seat .wizard-caption{min-height:31px;padding:3px 2px;gap:2px}.seat .wizard-caption strong{font-size:8px}.seat .wizard-hp{padding:1px 2px;gap:1px;font-size:8px;border-radius:5px}.seat .wizard-hp b{font-size:18px;text-shadow:1px 1px #66254a}.seat .wizard-hp small{font-size:5px}.seat .wizard-hint{font-size:4px;padding:2px 3px}.seat .wizard-mini>meter{height:4px;bottom:5px}.seat-hand{height:37px;padding-right:25px;border-radius:6px 6px 0 0}.hand-count{right:3px;top:4px;font-size:11px;min-width:20px;border-width:1px}.hand-count small{font-size:4px}.seat-zones{height:53px;padding:4px;gap:5px}.seat-open{height:43px}.seat-open>span{font-size:4px;letter-spacing:0}.seat-footer{margin-top:3px;font-size:7px;padding:3px 1px}.seat-footer .text-button{font-size:5px}.deck-pile:before,.discard-pile:before{top:-7px;font-size:3px}.table-center{width:294px;padding:9px 6px 4px;top:270px}.table-center .zone-heading h3{font-size:8px;padding:4px 7px}.table-center .zone-heading>span{font-size:6px;padding:3px}.table-center .market{gap:5px}.table-center .table-stacks{gap:10px}.table-center .cast-center small{font-size:6px}.rift-mouth{top:218px}.prototype-strip{font-size:8px}.tag{rotate:0}.login-intro h1{font-size:48px}.login-card{box-shadow:5px 5px #f05cae,9px 9px #151025}.room-grid{gap:20px}.catalog-controls{padding:8px}.help-columns>section{padding:12px}.immersive .hand-section .zone-heading h3{font-size:10px}}