: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}.sign-in{justify-items:center;gap:16px;padding-top:20vh;display:grid}.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)}