.team-board-section{--card-radius:0.42rem;--card-frame:0.42rem;--board-line:#ffffff12;--board-felt-a:#141310;--board-felt-b:#0b0b0c;--team-amber:var(--mos-amber);--team-amber-hot:var(--mos-amber-hot);--gwent-gold:#e6c15a;--gwent-gold-deep:#8a5a18;--gwent-bronze:#b88858;--gwent-bronze-deep:#5a3a22;background:var(--void)}.team-mode-switch{display:inline-flex;margin:1.25rem auto 0;padding:.2rem;border-radius:999px;background:#ffffff0a;box-shadow:inset 0 0 0 1px var(--board-line)}.team-mode-switch-button{border:0;background:transparent;color:#ffffff8f;font:inherit;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;padding:.5rem 1rem;border-radius:999px;cursor:pointer}.team-mode-switch-button[data-active]{color:var(--mos-bg);background:linear-gradient(180deg,#f0c35a,#d4a84b)}.team-game-status{margin:1.5rem auto 0;max-width:42rem;text-align:center}.team-game-status-title{font-family:var(--mos-font-display),Unbounded,sans-serif;font-size:1.15rem;margin:0 0 .4rem}.team-board-swipe-hint,.team-game-status-copy{color:#ffffff66;font-size:.9rem;line-height:1.45;margin:0}.team-board-swipe-hint{display:none;text-align:center;margin-top:.75rem}.team-game-side-pick,.team-game-status-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem;margin-top:1rem}.team-game-rules-badge{position:relative;display:inline-flex;margin-top:.85rem}.team-game-rules-trigger{border:0;background:#ffffff0d;color:var(--team-amber-hot);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;border-radius:999px;padding:.28rem .7rem;cursor:pointer}.team-game-rules-tooltip{display:none;position:absolute;left:50%;top:calc(100% + .5rem);transform:translateX(-50%);width:min(20rem,80vw);padding:.85rem 1rem;border-radius:1rem;background:#141310;box-shadow:inset 0 0 0 1px var(--board-line),0 12px 32px #00000080;z-index:4;text-align:left}.team-game-rules-badge:focus-within .team-game-rules-tooltip,.team-game-rules-badge:hover .team-game-rules-tooltip{display:block}.team-game-rules{margin:0;padding-left:1.1rem;color:#ffffffb8;font-size:.82rem;line-height:1.45}.team-side-switch{display:none;justify-content:center;gap:.5rem;margin-top:1.25rem}.team-side-switch-button{border:0;background:#ffffff0d;color:#ffffff99;border-radius:999px;padding:.4rem .9rem;letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;cursor:pointer}.team-side-switch-button[aria-pressed=true],.team-side-switch-button[data-active]{color:var(--mos-bg);background:var(--team-amber)}.team-board{display:flex;flex-direction:column;gap:1rem;margin-top:2.5rem}.team-board[data-top-side=sideA] .team-side-panel[data-side=sideA],.team-board[data-top-side=sideB] .team-side-panel[data-side=sideB]{order:1}.team-board[data-top-side=sideA] .team-hand[data-side=sideA],.team-board[data-top-side=sideB] .team-hand[data-side=sideB]{order:2}.team-board[data-top-side=sideA] .team-side-panel[data-side=sideB],.team-board[data-top-side=sideB] .team-side-panel[data-side=sideA]{order:3}.team-board[data-top-side=sideA] .team-hand[data-side=sideB],.team-board[data-top-side=sideB] .team-hand[data-side=sideA]{order:4}.team-board-field{--board-parchment:url(/media/team/board-parchment.svg);position:relative;order:5;display:flex;flex-direction:column;gap:.28rem;padding:.5rem;border-radius:.85rem;background:radial-gradient(ellipse 90% 80% at 50% 50%,#2a1c10 0,#120c08 74%),#120c08;box-shadow:inset 0 0 0 1px #000000aa,inset 0 2px 44px #00000099,0 24px 60px #00000073}.team-board-field:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:.2;background-image:var(--board-parchment);background-size:240px 256px;mix-blend-mode:multiply}.team-board-side{display:flex;flex-direction:column;gap:.28rem}.team-board-divider{position:relative;height:2px;margin:.12rem 0;background:#0a0604}.team-board-divider:after{display:none}.team-side-panel{isolation:isolate;text-align:center;min-height:100%;box-shadow:inset 0 0 0 1px var(--board-line);background-color:#0a0a0d;border-radius:1.25rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.7rem;padding:1.1rem 1rem 1.15rem;position:relative;overflow:hidden}.team-side-panel:before{z-index:0;background-image:var(--side-panel-bg);background-position:50%;background-size:cover;background-repeat:no-repeat;opacity:.92}.team-side-panel:after,.team-side-panel:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none}.team-side-panel:after{z-index:1;background:linear-gradient(180deg,rgba(6,6,10,.38),rgba(6,6,10,.64))}.team-side-panel[data-side=sideA]{--side-panel-bg:url(/media/team/factions/northern-realms.png)}.team-side-panel[data-side=sideB]{--side-panel-bg:url(/media/team/factions/nilfgaard.png)}.team-side-panel>*{position:relative;z-index:2}.team-side-panel-main{display:flex;flex-direction:column;align-items:center;width:100%}.team-side-panel-title{width:100%;margin:0;font-family:var(--mos-font-display),Unbounded,sans-serif;font-size:.9rem;font-weight:500;line-height:1.25;text-align:center;text-wrap:balance;color:#fff;text-shadow:0 1px 14px #000000d4}.team-side-panel[data-player-side]{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--team-amber) 45%,transparent)}.team-side-panel-badge{letter-spacing:.08em;text-transform:uppercase;color:var(--team-amber-hot);background:color-mix(in srgb,var(--team-amber) 16%,transparent);border-radius:999px;margin-top:.45rem;padding:.15rem .55rem;font-size:.62rem}.team-hand{min-height:10.5rem;border-radius:1.25rem;background:color-mix(in srgb,var(--board-felt-a) 88%,black);box-shadow:inset 0 0 0 1px var(--board-line);padding:.85rem .7rem .6rem;overflow:visible}.team-hand[data-active-zone],.team-hand[data-return-target]{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--team-amber) 55%,transparent)}.team-hand-list{list-style:none;display:flex;justify-content:center;align-items:flex-end;margin:0;padding:.6rem .4rem .5rem}.team-hand-slot{width:min(7.4rem,22vw);margin-left:-1.55rem}.team-hand-slot:first-child{margin-left:0}.team-hand-empty{color:#ffffff55;font-size:.8rem;margin:0}.team-row{position:relative;isolation:isolate;display:grid;grid-template-columns:2.35rem minmax(0,1fr);align-items:center;min-height:8.4rem;border-radius:.55rem;background-color:#c4a56a;background-image:radial-gradient(ellipse 120% 70% at 50% 0,rgba(40,22,8,.42),transparent 58%),radial-gradient(ellipse 120% 70% at 50% 100%,rgba(36,18,6,.36),transparent 58%),var(--board-parchment,url("/media/team/board-parchment.svg"));background-size:auto,auto,220px 256px;box-shadow:inset 0 12px 20px rgba(48,22,8,.34),inset 0 -10px 16px rgba(36,16,6,.26),inset 0 0 0 1.5px #14100a;padding:.4rem .65rem .45rem .4rem}.team-row[data-drop-state=allowed]{box-shadow:inset 0 12px 20px rgba(48,22,8,.34),inset 0 -10px 16px rgba(36,16,6,.26),inset 0 0 0 2px color-mix(in srgb,var(--gwent-gold) 75%,transparent)}.team-row[data-drop-state=active]{box-shadow:inset 0 12px 20px rgba(48,22,8,.34),inset 0 -10px 16px rgba(36,16,6,.26),inset 0 0 0 2px var(--gwent-gold)}.team-row[data-drop-state=blocked]{opacity:.55}.team-row-sigil{position:absolute;left:50%;top:50%;z-index:0;display:grid;place-items:center;width:2.85rem;height:2.85rem;transform:translate(-50%,-50%);border-radius:50%;background:#3a2412;color:#f6ead2;box-shadow:inset 0 0 0 2px #f3e6c8,inset 0 0 0 3.5px #3a2412,0 0 0 1px #1a1008,0 4px 10px #00000055;pointer-events:none}.team-row-sigil svg{width:1.28rem;height:1.28rem}.team-row-count{position:relative;z-index:2;display:grid;place-items:center;width:1.85rem;height:1.85rem;border-radius:999px;background:rgba(32,18,8,.45);box-shadow:inset 0 0 0 1px rgba(255,236,200,.28);color:#f6ead2;font-size:.78rem;font-variant-numeric:tabular-nums}.team-row[data-filled] .team-row-count,.team-row[data-has-power] .team-row-count{background:rgba(32,18,8,.72);color:#fff}.team-row-field{position:relative;z-index:1;min-width:0}.team-row-track{list-style:none;display:flex;justify-content:center;gap:.45rem;margin:0;padding:0;min-height:6.2rem}.team-row-slot{width:min(6.4rem,28%)}.team-board[data-dragging]{cursor:grabbing}.team-board[data-dragging],.team-card{-webkit-user-select:none;-moz-user-select:none;user-select:none}.team-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;width:100%;aspect-ratio:2/3;border-radius:var(--card-radius);overflow:hidden;cursor:grab;touch-action:manipulation;transform:rotate(var(--card-tilt,0deg));background:#120e0a;box-shadow:0 0 0 1px #2a1c0c,0 8px 18px #00000080;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.team-card[data-selected]{box-shadow:0 0 0 1px var(--team-amber-hot),0 0 0 3px color-mix(in srgb,var(--team-amber) 55%,transparent),0 10px 22px #00000099}.team-card[data-dragging]{opacity:0;pointer-events:none}.team-card-face{position:relative;display:block;width:100%;height:100%;aspect-ratio:2/3;--card-accent:var(--team-amber);background:#120e0a}.team-card-artwork,.team-card-fallback,.team-card-frame,.team-card-vignette{position:absolute;inset:0}.team-card-artwork{inset:.28rem .28rem .22rem;overflow:hidden;border-radius:.18rem}.team-card-artwork .team-card-photo,.team-card-artwork img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:var(--card-object-position,top center);object-position:var(--card-object-position,top center)}.team-card-fallback{display:grid;place-items:center;background:radial-gradient(ellipse 48% 38% at 50% 28%,color-mix(in srgb,var(--card-accent) 42%,#d8c8a0),transparent 70%),radial-gradient(ellipse 78% 52% at 50% 100%,color-mix(in srgb,var(--card-accent) 28%,#1a1410),transparent 68%),linear-gradient(180deg,#2a2218,#12100c)}.team-card-bust{position:absolute;width:46%;height:38%;top:18%;left:27%;border-radius:50% 50% 42% 42%;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--card-accent) 35%,#efe4c8),#6a5840 62%,#2a2218);box-shadow:0 10px 18px #00000066}.team-card-bust:after{content:"";position:absolute;left:50%;top:78%;width:132%;height:90%;transform:translateX(-50%);border-radius:40% 40% 20% 20%;background:linear-gradient(180deg,color-mix(in srgb,var(--card-accent) 28%,#3a2c1c),#16110c)}.team-card-initials{position:relative;z-index:1;margin-top:18%;color:#f3e6c0;font-family:var(--mos-font-display),Unbounded,sans-serif;font-size:.95rem;letter-spacing:.06em;text-shadow:0 1px 2px #000}.team-card-vignette{inset:.28rem .28rem .22rem;border-radius:.18rem;pointer-events:none;background:radial-gradient(ellipse at 50% 36%,transparent 42%,#00000073 100%),linear-gradient(180deg,transparent 48%,#0b0b0cc7 86%)}.team-card-frame{pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--gwent-gold) 88%,white),inset 0 0 0 4px #2a1c0c,inset 0 0 0 6px color-mix(in srgb,var(--gwent-gold-deep) 80%,#c9a04a);background:linear-gradient(180deg,color-mix(in srgb,var(--gwent-gold) 55%,transparent) 0 .34rem,transparent .7rem),linear-gradient(0deg,color-mix(in srgb,var(--gwent-gold-deep) 45%,transparent) 0 .28rem,transparent .6rem)}.team-card-frame:after,.team-card-frame:before{content:"";position:absolute;width:.55rem;height:.55rem;border:1px solid color-mix(in srgb,var(--gwent-gold) 80%,white);box-shadow:inset 0 0 0 1px #2a1c0c;background:linear-gradient(135deg,#f3dd8a,#8a5a18)}.team-card-frame:before{top:.18rem;left:.18rem}.team-card-frame:after{top:.18rem;right:.18rem}.team-card-face[data-rarity=bronze] .team-card-frame,.team-card[data-rarity=bronze] .team-card-frame{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--gwent-bronze) 88%,#f0d0a8),inset 0 0 0 4px #24180f,inset 0 0 0 6px var(--gwent-bronze-deep);background:linear-gradient(180deg,color-mix(in srgb,var(--gwent-bronze) 50%,transparent) 0 .34rem,transparent .7rem),linear-gradient(0deg,color-mix(in srgb,var(--gwent-bronze-deep) 45%,transparent) 0 .28rem,transparent .6rem)}.team-card-power{position:absolute;top:.22rem;left:.18rem;z-index:3;width:1.85rem;height:2.05rem;display:grid;place-items:center;filter:drop-shadow(0 2px 3px #000000b3)}.team-card-power-gem{width:1.7rem;height:1.9rem;place-items:center;background:linear-gradient(160deg,#f8e7b0 0,var(--gwent-gold) 28%,var(--gwent-gold-deep) 72%,#3a2410 100%)}.team-card-power-gem,.team-card-power-value{display:grid;clip-path:polygon(50% 0,96% 22%,96% 78%,50% 100%,4% 78%,4% 22%)}.team-card-power-value{width:1.28rem;height:1.42rem;place-items:center;background:radial-gradient(circle at 40% 30%,#3a2a14,#120e0a 70%);color:#f8e7b0;font-family:var(--mos-font-display),Unbounded,sans-serif;font-size:.72rem;font-weight:600;line-height:1}.team-card-power-bonus,.team-card-power[data-boosted] .team-card-power-value{color:var(--team-amber-hot)}.team-card-power-bonus{position:absolute;top:-.2rem;right:-.35rem;font-size:.55rem;text-shadow:0 1px 2px #000}.team-card-faction{position:absolute;top:.32rem;right:.28rem;z-index:3;width:1.15rem;height:1.15rem;border-radius:999px;display:grid;place-items:center;color:#120e0a;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--card-accent) 80%,white),var(--card-accent) 55%,#2a1c0c);box-shadow:0 0 0 1px color-mix(in srgb,var(--card-accent) 70%,#f3dd8a),0 0 0 2px #1a140c,0 2px 4px #00000088}.team-card-faction svg{width:.68rem;height:.68rem}.team-card-plate{position:absolute;z-index:3;left:.32rem;right:.32rem;bottom:.32rem;padding:.28rem .34rem .3rem;border-radius:.16rem;text-align:center;background:linear-gradient(180deg,#4a3820,#24180f 55%,#120e0a);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--gwent-gold) 55%,transparent),inset 0 -1px 0 #000000aa,0 0 0 1px #6a4e1e}.team-card-name,.team-card-role{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-card-name{color:#f3e6c0;font-family:var(--mos-font-display),Unbounded,sans-serif;font-size:.58rem;font-weight:500;letter-spacing:.03em;line-height:1.2;text-transform:uppercase}.team-card-role{color:#d4b88a;font-size:.5rem;letter-spacing:.04em;text-transform:uppercase}.team-card-mock{position:absolute;z-index:3;left:50%;bottom:2.15rem;transform:translateX(-50%);letter-spacing:.08em;text-transform:uppercase;font-size:.46rem;color:#f3e6c0;background:#00000099;border-radius:999px;padding:.08rem .35rem}.team-dialog-backdrop{position:fixed;inset:0;z-index:80;background:#000000a6;display:grid;place-items:center;padding:1.25rem}.team-dialog{width:min(42rem,100%);max-height:min(88vh,52rem);overflow:auto;border-radius:1.4rem;background:#141310;box-shadow:inset 0 0 0 1px var(--board-line),0 24px 64px #000000a3;position:relative}.team-dialog-close{position:absolute;top:.7rem;right:.7rem;z-index:2;width:2rem;height:2rem;border:0;border-radius:999px;background:#00000066;color:#fff;cursor:pointer}.team-dialog-grid{display:grid;gap:1rem;padding:1.1rem}.team-dialog-art{width:min(16rem,100%);margin:0 auto}.team-dialog-art .team-card-face,.team-drag-overlay .team-card-face{height:auto}.team-dialog-name{margin:0;font-family:var(--mos-font-display),Unbounded,sans-serif;font-size:1.35rem}.team-dialog-role{margin:.25rem 0 .8rem;color:var(--card-accent,var(--team-amber));text-transform:uppercase;letter-spacing:.06em;font-size:.75rem}.team-dialog-ability,.team-dialog-bio{color:#ffffff99;font-size:.92rem;line-height:1.5;white-space:pre-wrap}.team-dialog-block-title{margin:1rem 0 .45rem;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#ffffff73}.team-dialog-rows{display:grid;gap:.45rem}.team-dialog-row-button{text-align:left;border:0;border-radius:.85rem;background:#ffffff0d;color:inherit;padding:.7rem .8rem;cursor:pointer}.team-dialog-row-button:disabled{opacity:.45;cursor:not-allowed}.team-dialog-row-name{display:block;font-size:.88rem}.team-dialog-row-hint{display:block;color:#ffffff73;font-size:.75rem}.team-drag-overlay{position:fixed;z-index:90;width:6.4rem;pointer-events:none;transform:translate(-50%,-60%) rotate(-6deg)}.team-result-backdrop{position:fixed;inset:0;z-index:85;background:#000000b3;display:grid;place-items:center;padding:1.25rem}.team-result-dialog{width:min(28rem,100%);border-radius:1.3rem;background:#141310;padding:1.4rem 1.3rem 1.2rem;text-align:center;box-shadow:inset 0 0 0 1px var(--board-line)}.team-result-title{margin:0 0 .5rem;font-family:var(--mos-font-display),Unbounded,sans-serif;font-size:1.6rem}.team-result-copy{color:#ffffff8c;margin:0 0 1rem}.team-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}@media (max-width:767px){.team-board-swipe-hint,.team-side-switch{display:flex}.team-side-switch-button{min-height:44px;min-width:44px;padding:.65rem 1rem}.team-dialog-backdrop{padding:max(.75rem,env(safe-area-inset-top,0px)) max(.75rem,env(safe-area-inset-right,0px)) max(.75rem,env(safe-area-inset-bottom,0px)) max(.75rem,env(safe-area-inset-left,0px));align-items:end}.team-dialog{max-height:min(86dvh,52rem)}.team-dialog-close{width:2.75rem;height:2.75rem}.team-dialog-row-button{min-height:44px}.team-board .team-side-panel,.team-board-divider,.team-board[data-active-side=sideA] [data-side=sideB],.team-board[data-active-side=sideB] [data-side=sideA]{display:none}.team-board-section[data-mode=explore] .team-board{display:grid;grid-template-columns:minmax(0,1fr)}.team-hand{min-height:0;overflow:hidden;padding:.55rem .2rem .45rem}.team-hand-list{justify-content:flex-start;align-items:stretch;gap:.55rem;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;padding:.2rem .65rem .45rem}.team-hand-slot{flex:0 0 auto;width:6.6rem;margin-left:0;transform:none!important;scroll-snap-align:start}.team-hand .team-card{transform:none}.team-row-slot{width:min(6.2rem,30%)}}@media (min-width:768px){.team-board{gap:1.25rem}.team-board[data-top-side=sideA] .team-hand[data-side=sideA],.team-board[data-top-side=sideB] .team-hand[data-side=sideB]{order:1}.team-board[data-top-side=sideA] .team-side-panel[data-side=sideA],.team-board[data-top-side=sideB] .team-side-panel[data-side=sideB]{order:2}.team-board-field{order:3}.team-board[data-top-side=sideA] .team-board-side[data-side=sideA],.team-board[data-top-side=sideB] .team-board-side[data-side=sideB]{flex-direction:column-reverse}.team-board[data-top-side=sideA] .team-side-panel[data-side=sideB],.team-board[data-top-side=sideB] .team-side-panel[data-side=sideA]{order:4}.team-board[data-top-side=sideA] .team-hand[data-side=sideB],.team-board[data-top-side=sideB] .team-hand[data-side=sideA]{order:5}.team-dialog-grid{grid-template-columns:16rem minmax(0,1fr);align-items:start}}@media (min-width:768px) and (pointer:fine){.team-hand .team-hand-slot{transition:transform .18s ease,z-index 0s}.team-hand .team-hand-slot:focus-within,.team-hand .team-hand-slot:hover{transform:translateY(-14px);z-index:8}.team-hand .team-card:focus-visible,.team-hand .team-card:hover{transform:rotate(var(--card-tilt,0deg)) scale(1.05);box-shadow:0 0 0 1px var(--gwent-gold),0 14px 28px #000000a3}}@media (min-width:1280px){.team-board{display:grid;grid-template:"handTop handTop" "panelTop field" 1fr "panelBot field" 1fr "handBot handBot"/minmax(0,13.5rem) minmax(0,1fr);gap:1.1rem 1.25rem}.team-board[data-top-side=sideA] .team-hand[data-side=sideA],.team-board[data-top-side=sideB] .team-hand[data-side=sideB]{grid-area:handTop}.team-board[data-top-side=sideA] .team-side-panel[data-side=sideA],.team-board[data-top-side=sideB] .team-side-panel[data-side=sideB]{grid-area:panelTop}.team-board-field{grid-area:field}.team-board[data-top-side=sideA] .team-side-panel[data-side=sideB],.team-board[data-top-side=sideB] .team-side-panel[data-side=sideA]{grid-area:panelBot}.team-board[data-top-side=sideA] .team-hand[data-side=sideB],.team-board[data-top-side=sideB] .team-hand[data-side=sideA]{grid-area:handBot}.team-board-section[data-mode=explore] .team-board{grid-template:"panelTop handTop" "panelBot handBot"/minmax(0,13.5rem) minmax(0,1fr)}.team-side-panel{justify-content:center}}