:root {
  --kA-u: 1px;
  --kA-gold: linear-gradient(180deg, #f1d79c, #dcb46e 40%, #8a6a2e);
  --kA-goldBase: #b08a48;
  --kA-ironEdge: #5d6f73;
  --kA-bronze: #8a6a3a;
  --kA-face: #161d20;         
  --kA-face2: #0d1316;        
  --kA-lift: #2c363a;         
  --kA-sheetFill: #12181b;
  --kA-ink: #f1d79c; --kA-parch: #e8dfcc; --kA-dim: #a99f8c; --kA-mute: #6b675d;
  --kA-goldRivet: #f6e3b0 0 1.2px, #a07c3c 1.6px 2.6px, #2a1e0c 3px, #0000 3.6px;
  --kA-cut9: polygon(9px 0, calc(100% - 9px) 0, 100% 9px, 100% calc(100% - 9px), calc(100% - 9px) 100%, 9px 100%, 0 calc(100% - 9px), 0 9px);
  --kA-cut7: polygon(7px 0, calc(100% - 7px) 0, 100% 7px, 100% calc(100% - 7px), calc(100% - 7px) 100%, 7px 100%, 0 calc(100% - 7px), 0 7px);
  --kA-cut6: polygon(6px 0, calc(100% - 6px) 0, 100% 6px, 100% calc(100% - 6px), calc(100% - 6px) 100%, 6px 100%, 0 calc(100% - 6px), 0 6px);
  --kA-cut5: polygon(5px 0, calc(100% - 5px) 0, 100% 5px, 100% calc(100% - 5px), calc(100% - 5px) 100%, 5px 100%, 0 calc(100% - 5px), 0 5px);
  --kA-cut4: polygon(4px 0, calc(100% - 4px) 0, 100% 4px, 100% calc(100% - 4px), calc(100% - 4px) 100%, 4px 100%, 0 calc(100% - 4px), 0 4px);
  --kA-cut3: polygon(3px 0, calc(100% - 3px) 0, 100% 3px, 100% calc(100% - 3px), calc(100% - 3px) 100%, 3px 100%, 0 calc(100% - 3px), 0 3px);
}
html:not(#kA0):not(#kA1) body.kA-board { --kA-u: var(--u, 1px); }












html:not(#kA0):not(#kA1) body :is(:where(.kA-placard, .kA-board #sheet .sh.onBoard:not(.colour), .kA-board #sheet .sh:not(.redraw):not(.colour):not(:has(button))), :where(.kA-btn, .kA-board #sheet .sh:not(.redraw):not(.colour) .opt.pri), :where(.kA-btn2, .kA-board #sheet .sh:not(.redraw):not(.colour) .opt:not(.pri):not(.sym))) {
  position: relative; isolation: isolate; border: 0; border-radius: 0; box-shadow: none; filter: none; outline-offset: -6px;
  backdrop-filter: none; -webkit-backdrop-filter: none; text-shadow: none; animation: none; }
html:not(#kA0):not(#kA1) body :is(:where(.kA-placard, .kA-board #sheet .sh.onBoard:not(.colour), .kA-board #sheet .sh:not(.redraw):not(.colour):not(:has(button))), :where(.kA-btn, .kA-board #sheet .sh:not(.redraw):not(.colour) .opt.pri), :where(.kA-btn2, .kA-board #sheet .sh:not(.redraw):not(.colour) .opt:not(.pri):not(.sym)))::before {
  content: ""; position: absolute; inset: 2px; z-index: -1; pointer-events: none; background: var(--kA-face);
  border: 0; border-image: none; border-radius: 0; box-shadow: none; opacity: 1; transform: none; }
html:not(#kA0):not(#kA1) body :is(:where(.kA-placard, .kA-board #sheet .sh.onBoard:not(.colour), .kA-board #sheet .sh:not(.redraw):not(.colour):not(:has(button))), :where(.kA-btn, .kA-board #sheet .sh:not(.redraw):not(.colour) .opt.pri), :where(.kA-btn2, .kA-board #sheet .sh:not(.redraw):not(.colour) .opt:not(.pri):not(.sym)))::after {
  content: none; border: 0; border-image: none; box-shadow: none; }



html:not(#kA0):not(#kA1) body :where(.kA-placard, .kA-board #sheet .sh.onBoard:not(.colour), .kA-board #sheet .sh:not(.redraw):not(.colour):not(:has(button))) {
  display: block; width: fit-content; max-width: 100%; box-sizing: border-box; margin-left: auto; margin-right: auto;
  padding: calc(4 * var(--kA-u)) calc(18 * var(--kA-u)) calc(5 * var(--kA-u)); text-align: center;
  background: linear-gradient(180deg, #b48a4c, #6e5226), var(--kA-bronze); clip-path: var(--kA-cut7); }
html:not(#kA0):not(#kA1) body :where(.kA-placard, .kA-board #sheet .sh.onBoard:not(.colour), .kA-board #sheet .sh:not(.redraw):not(.colour):not(:has(button)))::before { inset: 1px; clip-path: var(--kA-cut6); }
html:not(#kA0):not(#kA1) body :where(.kA-placard, .kA-board #sheet .sh.onBoard:not(.colour), .kA-board #sheet .sh:not(.redraw):not(.colour):not(:has(button))) .eb { margin: 0; font: 800 max(11px, calc(10 * var(--kA-u)))/1.1 var(--ui, system-ui, sans-serif);
  letter-spacing: .18em; text-transform: uppercase; color: var(--kA-dim); }
html:not(#kA0):not(#kA1) body :where(.kA-placard, .kA-board #sheet .sh.onBoard:not(.colour), .kA-board #sheet .sh:not(.redraw):not(.colour):not(:has(button))) h3 { display: block; margin: calc(2 * var(--kA-u)) 0 0;
  font: 700 max(14px, calc(15 * var(--kA-u)))/1.1 var(--title, Georgia, serif); letter-spacing: .05em; color: var(--kA-ink); }



html:not(#kA0):not(#kA1) body :where(.kA-sheet, .kA-board #sheet .sh:not(.redraw):not(.onBoard):not(.colour):has(button)) {
  box-sizing: border-box; border: 14px solid transparent; border-radius: 0;    
  border-image: url("/v6/store/art/frame-panel.webp") 64 / 14px / 0 stretch;
  clip-path: none; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none;
  background: var(--kA-sheetFill); background-clip: border-box; }



html:not(#kA0):not(#kA1) body :where(.kA-sheet, .kA-board #sheet .sh:not(.redraw):not(.onBoard):not(.colour):has(button))::after { content: none; }
html:not(#kA0):not(#kA1) body :where(.kA-sheet, .kA-board #sheet .sh:not(.redraw):not(.onBoard):not(.colour):has(button)) .eb { font-weight: 800; letter-spacing: .18em; color: var(--kA-dim); }
html:not(#kA0):not(#kA1) body :where(.kA-sheet, .kA-board #sheet .sh:not(.redraw):not(.onBoard):not(.colour):has(button)) :is(h2, h3) { color: var(--kA-parch); text-shadow: none; }



html:not(#kA0):not(#kA1) body :is(:where(.kA-btn, .kA-board #sheet .sh:not(.redraw):not(.colour) .opt.pri), :where(.kA-btn2, .kA-board #sheet .sh:not(.redraw):not(.colour) .opt:not(.pri):not(.sym))) {
  display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; box-sizing: border-box;
  min-height: 44px; min-width: 88px; padding: 4px calc(18 * var(--kA-u)); white-space: nowrap; clip-path: var(--kA-cut6);
  cursor: pointer; text-decoration: none; overflow: visible;
  font: 700 max(14px, calc(14 * var(--kA-u)))/1.05 var(--title, Georgia, serif); letter-spacing: .1em; text-transform: uppercase; }
html:not(#kA0):not(#kA1) body :is(:where(.kA-btn, .kA-board #sheet .sh:not(.redraw):not(.colour) .opt.pri), :where(.kA-btn2, .kA-board #sheet .sh:not(.redraw):not(.colour) .opt:not(.pri):not(.sym)))::before { clip-path: var(--kA-cut5); }
html:not(#kA0):not(#kA1) body :where(.kA-btn, .kA-board #sheet .sh:not(.redraw):not(.colour) .opt.pri) { background: var(--kA-gold), var(--kA-goldBase); color: var(--kA-ink);
  padding-left: calc(26 * var(--kA-u)); padding-right: calc(26 * var(--kA-u)); }
html:not(#kA0):not(#kA1) body :where(.kA-btn, .kA-board #sheet .sh:not(.redraw):not(.colour) .opt.pri)::after {
  content: ""; position: absolute; inset: 2px; z-index: -1; pointer-events: none;
  background: radial-gradient(circle at 11px 50%, var(--kA-goldRivet)), radial-gradient(circle at calc(100% - 11px) 50%, var(--kA-goldRivet)); }
html:not(#kA0):not(#kA1) body :where(.kA-btn2, .kA-board #sheet .sh:not(.redraw):not(.colour) .opt:not(.pri):not(.sym)) { background: var(--kA-ironEdge); color: var(--kA-parch); }
html:not(#kA0):not(#kA1) body :where(.kA-btn2, .kA-board #sheet .sh:not(.redraw):not(.colour) .opt:not(.pri):not(.sym))::before { inset: 1px; clip-path: var(--kA-cut5); }
html:not(#kA0):not(#kA1) body :is(:where(.kA-btn, .kA-board #sheet .sh:not(.redraw):not(.colour) .opt.pri), :where(.kA-btn2, .kA-board #sheet .sh:not(.redraw):not(.colour) .opt:not(.pri):not(.sym))) small { font: 600 max(11px, calc(10 * var(--kA-u)))/1 var(--ui, system-ui, sans-serif);
  letter-spacing: .02em; text-transform: none; color: var(--kA-dim); }
html:not(#kA0):not(#kA1) body :is(:where(.kA-btn, .kA-board #sheet .sh:not(.redraw):not(.colour) .opt.pri), :where(.kA-btn2, .kA-board #sheet .sh:not(.redraw):not(.colour) .opt:not(.pri):not(.sym))):active { transform: translateY(1px); }
html:not(#kA0):not(#kA1) body :is(:where(.kA-btn, .kA-board #sheet .sh:not(.redraw):not(.colour) .opt.pri), :where(.kA-btn2, .kA-board #sheet .sh:not(.redraw):not(.colour) .opt:not(.pri):not(.sym))):focus-visible { outline: 2px solid var(--kA-ink); outline-offset: -6px; }
html:not(#kA0):not(#kA1) body :is(:where(.kA-btn, .kA-board #sheet .sh:not(.redraw):not(.colour) .opt.pri), :where(.kA-btn2, .kA-board #sheet .sh:not(.redraw):not(.colour) .opt:not(.pri):not(.sym))):is(:hover, :focus-visible)::before { background: #1d262a; }
html:not(#kA0):not(#kA1) body :is(:where(.kA-btn, .kA-board #sheet .sh:not(.redraw):not(.colour) .opt.pri), :where(.kA-btn2, .kA-board #sheet .sh:not(.redraw):not(.colour) .opt:not(.pri):not(.sym))):is(.off, [aria-disabled="true"], :disabled) { filter: saturate(.3) brightness(.62); cursor: default; }
 
html:not(#kA0):not(#kA1) body :where(.kA-btn2, .kA-board #sheet .sh:not(.redraw):not(.colour) .opt:not(.pri):not(.sym)).kA-sm { min-height: 36px; min-width: 0; padding: 0 14px;
  font: 800 11px/1 var(--ui, system-ui, sans-serif); letter-spacing: .14em; }
 
html:not(#kA0):not(#kA1) body :where(.kA-btn2, .kA-board #sheet .sh:not(.redraw):not(.colour) .opt:not(.pri):not(.sym)).kA-danger { background: #7a2b22; color: #ffb3a8; }
html:not(#kA0):not(#kA1) body :where(.kA-btn2, .kA-board #sheet .sh:not(.redraw):not(.colour) .opt:not(.pri):not(.sym)).kA-danger::before { background: #1e0f0d; }



html:not(#kA0):not(#kA1) body .kA-menuRow { display: flex; flex-wrap: wrap; gap: 8px; align-items: stretch; justify-content: stretch; }
html:not(#kA0):not(#kA1) body .kA-menuRow > .kA-menu { flex: 1 1 auto; }
html:not(#kA0):not(#kA1) body .kA-menuRow > .kA-menu[hidden] { display: none; }
html:not(#kA0):not(#kA1) body .kA-menu {
  flex-direction: row; gap: 8px; min-height: 46px; min-width: 0; padding: 6px 16px; white-space: nowrap; text-overflow: clip;
  overflow: visible; letter-spacing: .08em; font-size: max(13px, calc(13 * var(--kA-u))); }
html:not(#kA0):not(#kA1) body .kA-menu > :is(img, .dpSock, .daiIco) { flex: none; width: 22px; height: 22px; }





html:not(#kA0):not(#kA1) body .kA-toggle {
  position: relative; display: inline-grid; grid-template-columns: 1fr 1fr; flex: none; order: 2; margin-left: auto; box-sizing: border-box;
  width: max(84px, calc(84 * var(--kA-u))); height: max(32px, calc(32 * var(--kA-u))); padding: 1px; gap: 1px;
  background: var(--kA-ironEdge); clip-path: var(--kA-cut4);
  border: 0; border-radius: 0; box-shadow: none; cursor: pointer; user-select: none; -webkit-user-select: none; }
html:not(#kA0):not(#kA1) body .kA-toggle > input[type="checkbox"].kA-toggleIn {
  position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; margin: 0; padding: 0; opacity: 0; cursor: pointer;
  -webkit-appearance: none; appearance: none; border: 0; border-radius: 0; background: none; clip-path: none; box-shadow: none; transform: none; }
html:not(#kA0):not(#kA1) body .kA-toggle > input.kA-toggleIn::before, html:not(#kA0):not(#kA1) body .kA-toggle > input.kA-toggleIn::after { content: none; }
html:not(#kA0):not(#kA1) body .kA-toggle > i {
  display: grid; place-items: center; font: 800 max(11px, calc(11 * var(--kA-u)))/1 var(--ui, system-ui, sans-serif); font-style: normal; letter-spacing: .12em;
  background: var(--kA-face2); color: var(--kA-mute); }
html:not(#kA0):not(#kA1) body .kA-toggle > i::before { content: attr(data-w); }
html:not(#kA0):not(#kA1) body .kA-toggle > .kA-off { clip-path: polygon(3px 0, 100% 0, 100% 100%, 3px 100%, 0 calc(100% - 3px), 0 3px); }
html:not(#kA0):not(#kA1) body .kA-toggle > .kA-on { clip-path: polygon(0 0, calc(100% - 3px) 0, 100% 3px, 100% calc(100% - 3px), calc(100% - 3px) 100%, 0 100%); }
html:not(#kA0):not(#kA1) body .kA-toggle:has(> .kA-toggleIn:not(:checked)) > .kA-off { background: var(--kA-lift); color: var(--kA-parch); }
html:not(#kA0):not(#kA1) body .kA-toggle:has(> .kA-toggleIn:checked) > .kA-on { background: var(--kA-lift); color: var(--kA-ink);
  box-shadow: inset 0 -2px 0 #dcb46e; }
html:not(#kA0):not(#kA1) body .kA-toggle:has(> .kA-toggleIn:focus-visible) { outline: 2px solid var(--kA-ink); outline-offset: 2px; clip-path: none; }
html:not(#kA0):not(#kA1) body .kA-toggle:has(> .kA-toggleIn:disabled) { filter: saturate(.3) brightness(.62); cursor: default; }

 
html:not(#kA0):not(#kA1) body .kA-x {
  display: grid; place-items: center; box-sizing: border-box; width: 44px; height: 44px; min-width: 44px; min-height: 44px; padding: 0;
  border: 0; border-radius: 0; clip-path: none; box-shadow: none; outline-offset: -4px; font-size: 0; color: transparent;
  background: url("/v6/deai/kitA-x.svg") center / 18px 18px no-repeat; }
html:not(#kA0):not(#kA1) body .kA-x > * { display: none; }
html:not(#kA0):not(#kA1) body .kA-x::after, html:not(#kA0):not(#kA1) body .kA-x::before { content: none; }
html:not(#kA0):not(#kA1) body .kA-x:focus-visible { outline: 2px solid var(--kA-ink); }







html:not(#kA0):not(#kA1) body .kA-home {
  box-sizing: border-box; width: 44px; height: 44px; min-width: 44px; min-height: 44px; max-width: 44px; max-height: 44px;
  flex: 0 0 44px; padding: 0; margin: 0; gap: 0; align-items: center; justify-content: center; place-items: center;
  border: 1px solid transparent; border-radius: 0; border-image: url("/v6/deai/art/c5-bronze.svg") 8 / 8px / 0 stretch;
  clip-path: var(--kA-cut5); box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none;
  font-size: 0; letter-spacing: 0; color: transparent; text-decoration: none; cursor: pointer; opacity: 1;
  background: url("/v6/art/icons/home-96.webp") center / 26px 26px no-repeat, var(--kA-face); }
html:not(#kA0):not(#kA1) body .kA-home > * { display: none; }
html:not(#kA0):not(#kA1) body .kA-home::before, html:not(#kA0):not(#kA1) body .kA-home::after { content: none; }
html:not(#kA0):not(#kA1) body .kA-home:hover { border-image-source: url("/v6/deai/art/c5-gold.svg"); }
html:not(#kA0):not(#kA1) body .kA-home:focus-visible { outline: 2px solid var(--kA-ink); outline-offset: -5px; }
html:not(#kA0):not(#kA1) body .kA-home.kA-toPacks { background-image: url("/v6/art/icons/pack-96.webp"); }
 
html:not(#kA0):not(#kA1) body .kA-home.kA-up { background: var(--kA-face); color: var(--kA-ink); }
html:not(#kA0):not(#kA1) body .kA-home.kA-up > svg { display: block; width: 18px; height: 18px; color: var(--kA-ink); }

 
html:not(#kA0):not(#kA1) body .kA-chip {
  display: inline-block; box-sizing: border-box; border: 1px solid var(--kA-bronze); border-radius: 0; clip-path: var(--kA-cut3);
  background: var(--kA-face); padding: 2px 6px; margin-top: 0; box-shadow: none;
  font: 800 11px/1.15 var(--ui, system-ui, sans-serif); letter-spacing: .1em; text-transform: uppercase; color: #e8d9b4; text-shadow: none; }
html:not(#kA0):not(#kA1) body .kA-chip::after, html:not(#kA0):not(#kA1) body .kA-chip::before { content: none; }

 
html:not(#kA0):not(#kA1) body .kA-ribbon {
  border: 0; border-radius: 0; clip-path: none; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none;
  background: linear-gradient(180deg, #a07c3c 0 1px, var(--kA-face) 1px calc(100% - 1px), #a07c3c calc(100% - 1px)), var(--kA-face); }
html:not(#kA0):not(#kA1) body .kA-ribbon::after, html:not(#kA0):not(#kA1) body .kA-ribbon::before { content: none; }
html:not(#kA0):not(#kA1) body .kA-ribbon b { color: var(--kA-ink); }

 
html:not(#kA0):not(#kA1) body .kA-strip {
  border: 1px solid #34413f; border-radius: 0; clip-path: var(--kA-cut5); box-shadow: none; background: var(--kA-face);
  backdrop-filter: none; -webkit-backdrop-filter: none; }
html:not(#kA0):not(#kA1) body .kA-strip::before, html:not(#kA0):not(#kA1) body .kA-strip::after { content: none; }



html:not(#kA0):not(#kA1) body .kA-main { border-color: transparent; border-radius: 0; clip-path: var(--kA-cut9); box-shadow: none; animation: none; }
html:not(#kA0):not(#kA1) body .kA-main::after {
  content: ""; position: absolute; inset: 0; z-index: 3; pointer-events: none; box-sizing: border-box; border: 3px solid transparent;
  border-image: linear-gradient(180deg, #f1d79c, #dcb46e 40%, #8a6a2e) 1; clip-path: var(--kA-cut9); animation: none; opacity: 1;
  background: radial-gradient(circle at 12px 12px, var(--kA-goldRivet)), radial-gradient(circle at calc(100% - 12px) 12px, var(--kA-goldRivet)),
    radial-gradient(circle at 12px calc(100% - 12px), var(--kA-goldRivet)), radial-gradient(circle at calc(100% - 12px) calc(100% - 12px), var(--kA-goldRivet)); }

 
html:not(#kA0):not(#kA1) body .kA-bare {
  border: 0; border-radius: 0; clip-path: none; box-shadow: none; background: none; backdrop-filter: none; -webkit-backdrop-filter: none;
  padding-left: 0; padding-right: 0; }
html:not(#kA0):not(#kA1) body .kA-bare::before, html:not(#kA0):not(#kA1) body .kA-bare::after { content: none; }



html:not(#kA0):not(#kA1) body :is(.set-music, .tgl.mus) label > .kA-toggle { order: 0; margin-left: 0; }