:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#15171c;--panel:#1f232b;--text:#e8e6e1;--muted:#8f949e;--accent:#d9a441;--error:#e26d5c;--ok:#7fbf7f;--bone:#efe6d2;--muted-bone:#9a8e78;--brass:#e8c96a;--brass-line:#c9a24a8c;--plaque:#130f0cf7;--display:Cinzel, Georgia, serif;--reading:"Crimson Pro", Georgia, serif;font-family:system-ui,sans-serif}body{background:var(--bg);color:var(--text);margin:0}button,input,select{font:inherit;color:inherit;background:var(--panel);border:1px solid #343a45;border-radius:4px;padding:4px 10px}button:disabled{opacity:.4}button.active{border-color:var(--accent)}header{background:var(--panel);align-items:center;gap:16px;padding:10px 16px;display:flex}header nav{flex:1;gap:6px;display:flex}main{padding:16px}.landing{--card-width:196px;--spread:34px;--tilt:9deg;min-height:100dvh;color:var(--bone);font-family:var(--reading);background:radial-gradient(760px 520px at 50% 60%,#c9a24a26,#0000 70%),radial-gradient(1200px 800px at 50% 0,#1d1a17,#121214 75%);flex-direction:column;display:flex;overflow-x:clip}.landing>header{background:0 0;justify-content:flex-end;padding:24px 48px 0}.landing>main{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:16px 16px 48px;display:flex}.landing h1{margin:0;line-height:0}.landing h1 img{width:min(460px,78vw);height:auto}.landing-fan{width:var(--card-width);height:calc(var(--card-width) * 1.49 + 40px);margin-top:8px;position:relative}.landing-card{width:var(--card-width);aspect-ratio:392/584;transform-origin:50% 165%;transform:translateX(calc(var(--offset) * var(--spread))) rotate(calc(var(--offset) * var(--tilt)));border-radius:11px;position:absolute;top:24px;left:0;overflow:hidden;box-shadow:0 0 0 2px #8a7348,0 0 0 5px #130f0ce6,0 18px 40px #000000b3}.landing-card img{object-fit:cover;width:100%;height:100%;display:block}.landing-card:after{content:"";background:var(--edge);height:5px;position:absolute;inset:auto 0 0}.color-R{--edge:#b9473a}.color-U{--edge:#3a6fb9}.color-G{--edge:#3f8f4f}.color-Y{--edge:#c9a83a}.color-V{--edge:#6b4aa3}.color-K{--edge:#3b3b44}.landing-sign-in{z-index:20;box-sizing:border-box;background:var(--plaque);width:min(420px,100%);box-shadow:0 0 0 1px #8a7348, 0 0 0 6px #130f0cd9, 0 0 0 7px var(--brass-line), 0 24px 60px #0009;border-radius:14px;flex-direction:column;align-items:center;gap:14px;margin-top:-6px;padding:24px 28px;display:flex;position:relative}.google-button{min-height:44px}.google-button iframe{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.landing-error{color:#f0a294;text-align:center;background:#e26d5c1f;border-radius:8px;align-self:stretch;margin:0;padding:10px 14px;font-size:17px;box-shadow:inset 0 0 0 1px #e26d5c80}.landing-test{border:1px dashed #6b5d44;border-radius:10px;align-self:stretch;padding:12px 14px}.landing-test summary{color:#b9ad96;font:600 13px var(--display);letter-spacing:.12em;cursor:pointer}.landing-test form{gap:10px;margin-top:10px;display:flex}.landing input,.landing button,.landing select{height:44px;color:var(--bone);font:500 17px var(--reading);background:#1b1714;border:1px solid #4d4334;border-radius:8px}.landing input{flex:1;min-width:0;padding:0 12px}.landing button{color:#d8c8a4;font:700 14px var(--display);letter-spacing:.06em;cursor:pointer;background:0 0;border-color:#8a7348;padding:0 16px}.landing select{border-color:var(--brass-line);padding:0 12px}.landing :focus-visible{outline:2px solid var(--brass);outline-offset:2px}@media (width<=720px){.landing{--card-width:128px;--spread:20px;--tilt:10deg}.landing>header{padding:10px 16px 0}.landing-sign-in{padding:22px 18px}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.decks li,.collection li{align-items:center;gap:12px;padding:4px 0;display:flex}.decks,.collection{padding:0;list-style:none}.collection{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.back-pick{color:#efe6d2;text-align:left;cursor:pointer;background:#1b1714;border:1px solid #4d4334;border-radius:10px;align-items:center;gap:14px;margin-bottom:16px;padding:8px 18px 8px 8px;font-family:Cinzel,Georgia,serif;display:flex}.back-pick img{aspect-ratio:848/1264;object-fit:cover;border-radius:5px;width:60px;box-shadow:0 0 0 1px #8a7348}.back-pick>span:first-of-type{gap:2px;display:grid}.back-pick-label{letter-spacing:.1em;text-transform:uppercase;color:#a99d86;font-size:12px;font-weight:600}.back-pick-name{letter-spacing:.05em;font-size:18px;font-weight:700}.back-pick-change{letter-spacing:.06em;color:#e8c96a;margin-left:8px;font-size:14px;font-weight:600}.back-chooser{box-sizing:border-box;color:#efe6d2;background:#130f0cfa;border:0;border-radius:18px;width:min(1200px,100vw - 48px);max-height:calc(100vh - 48px);padding:28px 36px 32px;font-family:Crimson Pro,Georgia,serif;box-shadow:0 0 0 1px #8a7348,0 0 0 7px #130f0ce6,0 0 0 8px #c9a24a73,0 30px 80px #000c}.back-chooser[open]{flex-direction:column;gap:22px;display:flex}.back-chooser::backdrop{background:#070605b8}.back-chooser-head{justify-content:space-between;align-items:center;display:flex}.back-chooser h2{letter-spacing:.1em;text-transform:uppercase;color:#e8c96a;margin:0;font:700 26px Cinzel,Georgia,serif}.back-chooser-close{color:#b9ad96;cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;width:44px;height:44px;display:grid}.back-chooser-body{flex-wrap:wrap;gap:40px;min-height:0;display:flex;overflow:auto}.back-gallery{border:0;flex:500px;grid-template-columns:repeat(auto-fill,150px);align-content:start;gap:22px 20px;margin:0;padding:4px;display:grid}.back-gallery label{cursor:pointer;flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.back-gallery input{opacity:0;width:1px;height:1px;position:absolute}.back-art{background:#262b35;border-radius:9px;width:150px;height:224px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #c9a24a59,0 8px 18px #0009}.back-art img:not([hidden]),.back-card img:not([hidden]){object-fit:cover;width:100%;height:100%;display:block}.back-gallery label:has(input:checked) .back-art{box-shadow:0 0 0 2px #e8c96a,0 0 0 6px #e8c96a40,0 8px 18px #0009}.back-gallery label:has(input:focus-visible) .back-art{outline-offset:8px;outline:2px solid #efe6d2}.back-gallery .locked img{filter:grayscale(.85)brightness(.45)}.back-lock{color:#d8c8a4;background:#0c0a09cc;border-radius:50%;place-items:center;width:52px;height:52px;margin:-26px 0 0 -26px;display:grid;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1px #c9a24a80}.back-in-use{color:#1b140c;letter-spacing:.08em;text-transform:uppercase;background:#e8c96a;border-radius:999px;padding:3px 8px;font:700 11px Cinzel,Georgia,serif;position:absolute;top:8px;left:8px}.back-name{letter-spacing:.06em;font:600 15px Cinzel,Georgia,serif}.back-note{color:#a99d86;margin-top:-6px;font-size:15px}.back-preview{flex-direction:column;flex:520px;gap:18px;display:flex}.back-table{background:radial-gradient(80% 75% at 45% 40%,#13100f00 0%,#080706cc 100%),#13100f;border-radius:16px;height:430px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #c9a24a33,inset 0 14px 40px #0009}.back-lane{background:#0c0a0973;border-radius:16px;height:150px;position:absolute;bottom:28px;left:24px;right:220px;box-shadow:inset 0 0 0 1px #c9a24a29}.back-hand{position:absolute;top:-96px;left:46px}.back-card{background:#262b35;border-radius:10px;width:144px;height:214px;position:absolute;overflow:hidden;box-shadow:0 0 0 1.5px #8a7348,0 10px 20px #000000a6}.back-hand .back-card{transform-origin:50% 0}.back-hand img{rotate:180deg}.back-pile{width:144px;height:214px;position:absolute;bottom:62px;right:56px}.back-layer{background:#1a1513;border-radius:10px;width:144px;height:214px;position:absolute;left:0}.back-layer.light{background:#4a4038}.back-about p{color:#b9ad96;margin:0;font-size:19px}.back-about .back-title{letter-spacing:.08em;text-transform:uppercase;color:#efe6d2;margin-bottom:6px;font:700 30px Cinzel,Georgia,serif}.back-chooser-actions{justify-content:flex-end;gap:14px;display:flex}.back-chooser-actions .board-button{padding:0 28px}.back-chooser-actions .board-button.primary:disabled{opacity:1;color:#7d7262;cursor:default;background:#3a3228;box-shadow:inset 0 0 0 1px #4d4334}.muted{color:var(--muted)}.error{color:var(--error)}.ok{color:var(--ok)}.actions{gap:8px;display:flex}.match{height:calc(100vh - 90px)}.board{border-radius:6px;height:100%;min-height:480px;position:relative;overflow:hidden}.board-overlay{transform-origin:0 0;pointer-events:none;color:#efe6d2;width:1440px;height:900px;font-family:Cinzel,Georgia,serif;position:absolute;top:0;left:0}.board-overlay button,.board-log,.board-menu,.board-result{pointer-events:auto}.board-actions{flex-direction:column;gap:10px;width:196px;display:flex;position:absolute;top:600px;right:28px}.board-button{letter-spacing:.06em;cursor:pointer;border:0;border-radius:10px;height:52px;font:700 17px Cinzel,Georgia,serif}.board-button.primary{color:#1b140c;background:linear-gradient(#ecd07a,#b68c37);box-shadow:inset 0 0 0 1px #f6e2a0,0 6px 16px #00000080}.board-button.ghost{color:#efe6d2;background:#14100dd9;height:42px;font-size:15px;box-shadow:inset 0 0 0 1px #c9a24a8c}.board-icon{color:#efe6d2;cursor:pointer;background:#14100dcc;border:0;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:inline-flex;box-shadow:inset 0 0 0 1px #c9a24a73}.board-choices{flex-direction:column;gap:8px;display:flex;position:absolute}.board-icon.board-pip{box-shadow:inset 0 0 0 2px #00000059,0 0 0 2px #e8c96a}.board-actions .board-icon{align-self:center}.board-prompt{color:#efe6d2;font:500 16px Crimson Pro,Georgia,serif}.board-button:disabled{opacity:.5;cursor:default}.board-rejection{color:#ff8a72;width:196px;font:500 16px Crimson Pro,Georgia,serif;position:absolute;top:600px;right:28px;transform:translateY(calc(-100% - 8px))}.board-icons{gap:10px;display:flex;position:absolute;top:16px;right:236px}.board-log,.board-menu{background:#110e0cf5;border-radius:12px;margin:0;padding:12px 16px;position:absolute;top:70px;right:236px;box-shadow:0 0 0 1px #c9a24a80,0 12px 30px #0009}.board-log{width:320px;max-height:420px;font:500 17px/1.35 Crimson Pro,Georgia,serif;list-style:none;overflow-y:auto}.board-menu{flex-direction:column;gap:8px;min-width:160px;display:flex}.board-result{background:#070605b3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.board-plaque{background:#130f0cf7;border-radius:18px;flex-direction:column;align-items:center;gap:20px;padding:44px 64px 40px;display:flex;box-shadow:0 0 0 1px #8a7348,0 30px 80px #000c}.board-plaque h2{letter-spacing:.08em;text-transform:uppercase;color:#e8c96a;margin:0;font-size:76px}.board-plaque .board-button{padding:0 34px}@font-face{font-family:Cinzel;src:url(/fonts/Cinzel.ttf)format("truetype");font-weight:400 900}@font-face{font-family:Crimson Pro;src:url(/fonts/CrimsonPro.ttf)format("truetype");font-weight:200 900}.board-chooser{background:#1c181c;border-radius:8px;flex-direction:column;gap:6px;padding:6px;display:flex;position:absolute;transform:translateY(-100%);box-shadow:0 0 0 1px #5c4a2c}.board-chooser-row{color:#efe6d2;text-align:left;cursor:pointer;background:#1c181cf0;border:1px solid #c9a24a;border-radius:6px;padding:8px 10px;font:500 15px/1.25 Crimson Pro,Georgia,serif}.board-chooser-row:hover:enabled,.board-chooser-row:focus-visible{border-color:#e8c96a;box-shadow:0 0 10px #e8c96a8c}.board-chooser-cost{grid-template-columns:auto minmax(0,1fr);align-items:start;column-gap:6px;display:grid}.board-cost{display:inline-flex}.board-symbols{vertical-align:middle;display:inline-flex}.board-symbol{color:#1e1816;background:50%/contain no-repeat;place-items:center;width:2.3em;height:2.3em;margin:0 -.15em;font:700 .65em Cinzel,Georgia,serif;display:inline-grid}.board-symbol-health{color:#f0e8d8}.board-chooser-row:disabled{opacity:.45;cursor:default}.dialog{background:var(--plaque);width:min(560px,100vw - 32px);max-height:calc(100vh - 32px);color:var(--bone);border:0;border-radius:14px;padding:0;box-shadow:0 0 0 1px #8a7348,0 30px 80px #000c}.dialog::backdrop{background:#070605b3}.dialog-body{font:500 18px var(--reading);flex-direction:column;gap:16px;padding:18px 24px 24px;display:flex}.dialog-header{background:0 0;justify-content:space-between;align-items:center;padding:0;display:flex}.dialog-header h2{font:700 22px var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--brass);margin:0}.dialog button,.dialog select{box-shadow:inset 0 0 0 1px var(--brass-line);color:var(--bone);cursor:pointer;background:#14100dd9;border:0;border-radius:8px;padding:6px 12px}.dialog button:focus-visible,.dialog select:focus-visible{outline:2px solid var(--brass);outline-offset:2px}.dialog .icon-button{border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:inline-flex}.dialog .icon-button.small{flex:none;width:24px;height:24px}.tabs{border-bottom:1px solid var(--brass-line);gap:4px;display:flex}.dialog .tabs [role=tab]{box-shadow:none;font:600 14px var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--muted-bone);background:0 0;border-bottom:2px solid #0000;border-radius:0;margin-bottom:-1px;padding:6px 14px}.dialog .tabs [aria-selected=true]{color:var(--bone);border-bottom-color:var(--brass)}.setting-rows{flex-direction:column;gap:12px;display:flex}.setting-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.keybinds-table{border-collapse:collapse;width:100%}.keybinds-table th{text-align:left;padding:6px 8px 6px 0;font-weight:500}.keybinds-table td{width:34%;padding:4px 0 4px 8px}.hint{color:var(--muted-bone);font-size:15px;display:block}.keybind-slot{align-items:center;gap:4px;display:flex}.dialog .keybind{min-width:0;font:600 14px var(--display);letter-spacing:.04em;flex:1}.dialog .keybind.listening{color:var(--brass);box-shadow:inset 0 0 0 2px var(--brass)}.notice{min-height:1.4em;color:var(--muted-bone);margin:0}.dialog-actions{justify-content:flex-end;gap:8px;display:flex}.shrines{border:none;flex-wrap:wrap;gap:12px;margin:0 0 16px;padding:0;display:flex}.shrines legend{margin-bottom:8px}.shrines button.picked{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.profile-button{border-radius:999px;align-items:center;gap:8px;padding:3px 10px 3px 3px;display:inline-flex}.profile-button img{object-fit:cover;border-radius:50%;width:26px;height:26px}.dialog:has(.profile){width:min(860px,100vw - 32px)}.profile{flex-direction:column;gap:16px;display:flex}.profile-body{flex-wrap:wrap;gap:28px;display:flex}.avatar-gallery{border:0;flex:380px;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 12px;margin:0;padding:0;display:grid}.avatar-gallery legend{font:600 14px var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--muted-bone);margin-bottom:12px}.avatar-gallery label{cursor:pointer;text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.avatar-gallery input{opacity:0;width:1px;height:1px;position:absolute}.avatar-disc{width:104px;height:104px;box-shadow:0 0 0 1.5px var(--brass-line), 0 8px 18px #0009;background:#1b1512;border-radius:50%;display:block;overflow:hidden}.avatar-disc img{object-fit:cover;width:100%;height:100%;display:block}.avatar-gallery input:checked+.avatar-disc{box-shadow:0 0 0 3px var(--brass), 0 0 0 8px #e8c96a38, 0 8px 18px #0009}.avatar-gallery input:focus-visible+.avatar-disc{outline:2px solid var(--brass);outline-offset:6px}.avatar-gallery .locked img{filter:grayscale(.85)brightness(.45)}.avatar-name,.profile-avatar-title{font:600 14px var(--display);letter-spacing:.05em;margin:0}.profile-side{flex-direction:column;flex:280px;gap:18px;display:flex}.profile-name{flex-direction:column;gap:6px;display:flex}.profile-name input{height:40px;color:var(--bone);font:500 19px var(--reading);background:#1b1714;border:1px solid #6b5d44;border-radius:8px}.profile-preview{background:linear-gradient(#1c1611f7,#100d0af7);border-radius:14px;align-items:center;gap:16px;padding:14px 18px;display:flex;box-shadow:0 0 0 1px #8a7348,0 0 0 5px #130f0ce6,0 0 0 6px #c9a24a66}.profile-preview .avatar-disc{flex:none;width:88px;height:88px;box-shadow:0 0 0 3px #c9a24a,0 0 0 7px #130f0cf2}.profile-preview-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:700 24px var(--display);letter-spacing:.05em;overflow:hidden}.match{position:relative}.player-intro{z-index:5;cursor:pointer;color:var(--bone);font-family:var(--reading);position:absolute;inset:0;overflow:hidden}.intro-shade{background:radial-gradient(80% 70% at 50% 44%,#0e0b09db,#050404f7);position:absolute;inset:0}.intro-stage{position:absolute;top:50%;left:50%}.intro-seam{background:linear-gradient(90deg, transparent, #8a7348 12%, var(--brass) 50%, #8a7348 88%, transparent);height:2px;position:absolute;top:391px;left:-400px;right:-400px;box-shadow:0 0 18px #e8c96a73}.intro-versus{justify-content:center;align-items:center;width:112px;height:112px;display:flex;position:absolute;top:336px;left:664px}.intro-versus:before{content:"";box-shadow:0 0 0 2px var(--brass), 0 0 0 7px #130f0cf2, 0 0 0 8px #c9a24a80, 0 0 34px #e8c96a59;background:linear-gradient(135deg,#2a2117,#120e0b);border-radius:10px;position:absolute;inset:18px;transform:rotate(45deg)}.intro-versus span{font:800 30px var(--display);letter-spacing:.04em;color:var(--brass);position:relative}.intro-player{box-sizing:border-box;align-items:center;gap:28px;display:flex;position:absolute}.intro-player:before{content:"";background:linear-gradient(#1c1611f7,#100d0af7);border-radius:20px;position:absolute;inset:0;box-shadow:0 0 0 1px #8a7348,0 0 0 7px #130f0ce6,0 0 0 8px #c9a24a66,0 30px 70px #000000bf}.intro-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:700 40px/1.1 var(--display);letter-spacing:.06em;flex:1;margin:0;position:relative;overflow:hidden}.intro-fields{align-items:center;gap:22px;display:flex;position:relative}.intro-field{font:700 16px var(--display);letter-spacing:.06em;color:#d8c8a4;white-space:nowrap;flex-direction:column;align-items:center;gap:8px;display:flex}.intro-deck{background:#221a26;border-radius:8px;width:92px;height:137px;overflow:hidden;box-shadow:0 0 0 1.5px #8a7348,0 3px #4a4038,0 6px #1a1513,0 9px #4a4038,0 12px 16px #000000a6}.intro-deck img,.intro-avatar img{object-fit:cover;width:100%;height:100%;display:block}.intro-avatar{background:#2a221b;border-radius:50%;width:208px;height:208px;position:absolute;overflow:hidden;box-shadow:0 0 0 3px #c9a24a,0 0 0 9px #130f0cf2,0 0 0 10px #c9a24a80,0 22px 44px #000000bf}.bands .intro-player{width:860px;height:188px}.bands .intro-player:first-of-type{text-align:right;flex-direction:row-reverse;padding:0 264px 0 36px;top:134px;left:516px}.bands .intro-player:first-of-type .intro-fields{flex-direction:row-reverse}.bands .intro-player:first-of-type .intro-avatar{top:-10px;right:24px}.bands .intro-player:nth-of-type(2){padding:0 36px 0 264px;top:470px;left:64px}.bands .intro-player:nth-of-type(2) .intro-avatar{top:-10px;left:24px}.columns .intro-stage{justify-content:center;align-items:center;gap:28px;display:flex}.columns .intro-player{flex-direction:column;gap:18px;width:300px;height:470px;margin-top:70px;padding:118px 18px 22px;position:relative}.columns .intro-name{text-align:center;flex:none;max-width:100%;font-size:28px}.columns .intro-fields{flex-wrap:wrap;justify-content:center}.columns .intro-avatar{width:172px;height:172px;top:-74px;left:64px}@keyframes intro-fade-in{0%{opacity:0}}@keyframes intro-from-right{0%{transform:translate(1000px)}}@keyframes intro-from-left{0%{transform:translate(-1000px)}}@keyframes intro-rise{0%{opacity:0;transform:translateY(60px)}}@keyframes intro-seam{0%{transform:scaleX(0)}}@keyframes intro-stamp{0%{opacity:0;transform:scale(2.4)}60%{opacity:1;transform:scale(.9)}}@keyframes intro-pop{0%{opacity:0;transform:translateY(12px)scale(.9)}}.moving .intro-shade{animation:intro-fade-in calc(.25s * var(--pace)) ease-out backwards}.moving.bands .intro-player:first-of-type{animation:intro-from-right calc(.45s * var(--pace)) cubic-bezier(.16, .84, .3, 1) calc(.15s * var(--pace)) backwards}.moving.bands .intro-player:nth-of-type(2){animation:intro-from-left calc(.45s * var(--pace)) cubic-bezier(.16, .84, .3, 1) calc(.15s * var(--pace)) backwards}.moving.columns .intro-player{animation:intro-rise calc(.45s * var(--pace)) cubic-bezier(.16, .84, .3, 1) calc((.15s + var(--i) * 80ms) * var(--pace)) backwards}.moving .intro-seam{animation:intro-seam calc(.3s * var(--pace)) cubic-bezier(.3, .7, .2, 1) calc(.5s * var(--pace)) backwards}.moving .intro-versus{animation:intro-stamp calc(.26s * var(--pace)) ease-out calc(.62s * var(--pace)) backwards}.moving .intro-field{animation:intro-pop calc(.22s * var(--pace)) cubic-bezier(.2, .8, .3, 1.2) calc((.76s + var(--i) * 90ms) * var(--pace)) backwards}.leaving .intro-shade,.leaving .intro-seam,.leaving .intro-versus,.leaving .intro-player:before,.leaving .intro-name,.leaving .intro-fields{opacity:0;transition:opacity calc(.45s * var(--pace)) ease-in}.leaving .intro-avatar{transform:translate(var(--fly-x,0), var(--fly-y,0)) scale(var(--fly-scale,1));transition:transform calc(.5s * var(--pace)) cubic-bezier(.55, 0, .2, 1)}