dialog.panel.sheet[open]{width:min(calc(400 * var(--px)), calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:calc(12 * var(--px)) calc(26 * var(--px)) calc(26 * var(--px));border:calc(10 * var(--px)) solid transparent;border-image:url(/art/ui-painted-v1/paper.webp) 24 fill / calc(10 * var(--px));box-shadow:none;color:#273b39;text-align:left;background:0 0;border-radius:0;flex-direction:column;align-items:stretch;gap:0;margin:auto;display:flex;overflow:auto}dialog.panel.sheet::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#061a20ad}dialog.panel.sheet--bottom[open]{inset:auto 0 calc(-20 * var(--px)) 0;width:100%;max-height:90dvh;padding:calc(8 * var(--px)) calc(24 * var(--px)) max(calc(54 * var(--px)), calc(env(safe-area-inset-bottom) + 20px));scroll-padding-bottom:max(calc(54 * var(--px)), calc(env(safe-area-inset-bottom) + 20px));margin:0;animation:.2s ease-out sheet-rise;position:fixed}dialog.panel.sheet--bottom.panel--leaving[open]{animation:.15s ease-in forwards sheet-sink}dialog.panel.sheet--bottom[open]::backdrop{animation:.2s ease-out backdrop-in}dialog.panel.sheet--bottom.panel--leaving[open]::backdrop{animation:.15s ease-in forwards backdrop-out}dialog.panel.sheet--bottom.sheet--tall[open]{inset:calc(92 * var(--px)) 0 calc(-20 * var(--px)) 0;height:auto;max-height:none;padding-bottom:max(calc(36 * var(--px)), calc(env(safe-area-inset-bottom) + 20px));overflow:hidden}.sheet--tall .sheet__body{flex:1;overflow:auto}dialog.panel.sheet--popover[open]{overflow:visible}dialog.panel.sheet--popover .sheet__body{margin:-8px;padding:8px;overflow-y:auto}dialog.panel.sheet--popover::backdrop{background:#061a2070}dialog.panel.sheet--anchored[open]{transform-origin:var(--notch-origin,50% 50%);margin:0;animation:.16s ease-out popover-in;position:fixed;inset:auto}dialog.panel.sheet--anchored.panel--leaving[open]{animation:.12s ease-in forwards popover-out}.sheet--anchored:after{content:"";left:calc(var(--notch,50%) - 10 * var(--px));width:calc(18 * var(--px));height:calc(18 * var(--px));margin-left:calc(-9 * var(--px));border:solid #b8a27a;border-width:0 calc(2 * var(--px)) calc(2 * var(--px)) 0;background:#f1e7d0;position:absolute}.sheet--anchored.sheet--above:after{bottom:calc(-24 * var(--px));transform:rotate(45deg)}.sheet--anchored.sheet--below:after{top:calc(-24 * var(--px));transform:rotate(225deg)}.sheet--anchored.sheet--right:after{left:calc(-24 * var(--px));top:calc(var(--notch,50%) - 10 * var(--px));margin-left:0;margin-top:calc(-9 * var(--px));transform:rotate(135deg)}dialog.panel.sheet--panel[open]{width:min(440px,100vw - 32px);max-height:calc(100dvh - 24px);padding:calc(8 * var(--px)) calc(24 * var(--px)) calc(20 * var(--px))}dialog.panel.sheet--panel .sheet__head{min-height:44px;margin-bottom:0}.sheet__handle{width:calc(40 * var(--px));height:calc(4 * var(--px));margin:0 auto calc(4 * var(--px));border-radius:calc(2 * var(--px));background:#b3a488;flex:none}.sheet__head{align-items:center;gap:calc(12 * var(--px));min-height:calc(48 * var(--px));margin-bottom:calc(6 * var(--px));flex:none;display:flex}.sheet__title{font:400 calc(24 * var(--px)) Georgia, serif;color:#614b29;flex:1;margin:0}.sheet__body{min-height:0}.sheet__footer{gap:calc(10 * var(--px));padding-top:calc(12 * var(--px));flex:none;display:grid}.close-button{width:calc(44 * var(--px));height:calc(44 * var(--px));margin-right:calc(-10 * var(--px));color:#596b64;cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.close-button svg{width:calc(18 * var(--px));height:calc(18 * var(--px))}.close-button:hover{color:#273b39}.link-row{justify-content:space-between;align-items:center;gap:calc(12 * var(--px));width:100%;min-height:max(52px, calc(52 * var(--px)));color:#273b39;font:calc(17 * var(--px)) Georgia, serif;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #b3a48866;border-radius:0;padding:0;text-decoration:none;display:flex}.link-row:hover{color:#000}.link-row svg{width:calc(18 * var(--px));height:calc(18 * var(--px));color:#596b64;flex:none}.link-row--danger,.link-row--danger:hover{color:#a3402f}.link-row[aria-disabled=true]{cursor:default;opacity:.55}.account__heading{align-items:center;gap:calc(10 * var(--px));margin:calc(16 * var(--px)) 0 0;font:400 calc(15 * var(--px)) Georgia, serif;color:#596b64;display:flex}.account__heading:after{content:"";background:#b3a48899;flex:1;height:1px}.account__error{font:calc(15 * var(--px)) / 1.4 system-ui, -apple-system, "Segoe UI", sans-serif;color:#8b3934;margin:0}.account__error:not(:empty){margin-top:calc(10 * var(--px))}.sheet .settings{gap:0}.sheet .volume{grid-template-columns:calc(44 * var(--px)) minmax(0, 1fr) calc(46 * var(--px));column-gap:calc(12 * var(--px));padding:calc(8 * var(--px)) 0 calc(12 * var(--px));border-bottom:1px solid #b3a48866;grid-template-areas:"mute label label""mute slider percent";row-gap:0}.sheet .volume__label{font:calc(17 * var(--px)) Georgia, serif;color:#273b39}.sheet .volume__percent{font:calc(14 * var(--px)) system-ui, -apple-system, "Segoe UI", sans-serif;text-align:right;color:#596b64}.sheet .volume .volume__mute{width:calc(44 * var(--px));height:calc(44 * var(--px));color:#273b39;background:0 0;border:1px solid #b3a488;border-image:;border-radius:50%;flex:none;min-height:0;padding:0}.sheet .volume .volume__mute:hover:not(:disabled){filter:brightness(.95);border-color:#b3a488}.sheet .volume--muted .volume__mute{color:#596b64}.sheet .volume__mute svg{width:calc(20 * var(--px));height:calc(20 * var(--px))}.sheet .volume__slider{height:calc(28 * var(--px))}.sheet .volume__slider::-webkit-slider-runnable-track{height:calc(6 * var(--px));border-radius:calc(3 * var(--px));background:linear-gradient(90deg, #94723d var(--fill), #d6c9aa var(--fill));border:0}.sheet .volume__slider::-webkit-slider-thumb{width:calc(22 * var(--px));height:calc(22 * var(--px));margin-top:calc(-8 * var(--px));box-shadow:0 0 0 calc(1.5 * var(--px)) #94723d, 0 2px 4px #0003;background:#fff8e8;border:0}.sheet .volume--muted .volume__slider::-webkit-slider-thumb{width:calc(22 * var(--px));height:calc(22 * var(--px));margin-top:calc(-8 * var(--px));box-shadow:0 0 0 calc(1.5 * var(--px)) #94723d, 0 2px 4px #0003;background:#fff8e8;border:0}.sheet .volume__slider::-moz-range-track{height:calc(6 * var(--px));border-radius:calc(3 * var(--px));background:#d6c9aa;border:0}.sheet .volume__slider::-moz-range-progress{height:calc(6 * var(--px));border-radius:calc(3 * var(--px));background:#94723d}.sheet .volume__slider::-moz-range-thumb{width:calc(22 * var(--px));height:calc(22 * var(--px));box-shadow:0 0 0 calc(1.5 * var(--px)) #94723d, 0 2px 4px #0003;background:#fff8e8;border:0}.sheet .volume--muted .volume__slider::-moz-range-thumb{width:calc(22 * var(--px));height:calc(22 * var(--px));box-shadow:0 0 0 calc(1.5 * var(--px)) #94723d, 0 2px 4px #0003;background:#fff8e8;border:0}.settings__version{margin:calc(10 * var(--px)) 0 0;font:calc(12 * var(--px)) system-ui, -apple-system, "Segoe UI", sans-serif;color:#6f7b76;text-align:center}.settings-dialog__head{justify-content:space-between;align-items:center;gap:calc(12 * var(--px));display:flex}.gold-button{width:100%;min-height:calc(54 * var(--px));padding:0 calc(12 * var(--px));border:calc(1.5 * var(--px)) solid #fff0c8;border-radius:calc(11 * var(--px));color:#2a2418;font:600 calc(20 * var(--px)) Georgia, serif;white-space:nowrap;box-shadow:inset 0 0 0 calc(2.5 * var(--px)) #f6d99a, 0 calc(3 * var(--px)) 0 #7d5f33, 0 calc(6 * var(--px)) calc(16 * var(--px)) #061c2933;cursor:pointer;background:linear-gradient(#fff4d2 0%,#f5d796 34%,#e7bb6b 100%);place-items:center;transition:filter .14s;display:grid}.gold-button:hover:not(:disabled,[aria-disabled=true]){filter:brightness(1.05)}.gold-button:active:not(:disabled,[aria-disabled=true]){transform:translateY(calc(1 * var(--px)))}.gold-button:disabled,.gold-button[aria-disabled=true]{cursor:default;filter:saturate(.8)brightness(.96)}.gold-button:focus-visible,.paper-button:focus-visible{outline:calc(3 * var(--px)) solid #ffd993;outline-offset:calc(3 * var(--px))}.paper-button{min-height:calc(52 * var(--px));padding:0 calc(10 * var(--px));border:calc(8 * var(--px)) solid transparent;border-image:url(/art/ui-painted-v1/paper.webp) 24 fill / calc(12 * var(--px));color:#273b39;font:calc(19 * var(--px)) Georgia, serif;cursor:pointer;background:0 0;place-items:center;transition:filter .14s;display:grid}.paper-button:hover:not(:disabled){filter:brightness(1.06)}.paper-button:active:not(:disabled){transform:translateY(1px)}dialog.panel.how-to-play[open]{--text:#273b39;--muted:#52645d;--line:#b3a488;color:#273b39;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;grid-template-rows:auto auto minmax(0,1fr) auto;gap:18px;width:min(620px,100% - 24px);height:fit-content;max-height:calc(100dvh - 32px);padding:clamp(16px,4vw,28px);display:grid;overflow:hidden}.how-to-play .panel__title{font-size:32px}.how-to-play .tabs{background:#ded4ba80;border-color:#b3a488}.how-to-play .tab{color:#43594f;min-height:44px}.how-to-play .tab.tab--active{color:#fff4dc;box-shadow:none;background:#214647}.how-to-play .tab:hover:not(.tab--active){color:#162f2a;background:#fff8e766}.how-to-play .guide-pages{min-height:0;display:grid;overflow:hidden}.how-to-play .guide-content[aria-hidden=true]{visibility:hidden}.how-to-play .guide-content{overscroll-behavior:contain;scrollbar-gutter:stable;grid-area:1/1;min-height:0;padding:2px 8px 12px 2px;line-height:1.5;overflow-y:auto}.how-to-play .guide-content:focus-visible{outline-offset:2px;outline:2px solid #94723d}.how-to-play .panel__footer{padding-top:14px}.how-to-play .panel__footer .button{min-width:120px;min-height:44px}.how-to-play .help__list dt{color:#273b39;font-size:16px}.how-to-play .help__list dd{color:#52645d;font-size:15px}.type-guide{gap:16px;display:grid}.type-guide__intro{color:#52645d;margin:0;font-size:14px}.type-guide__table{table-layout:fixed;border-collapse:separate;border-spacing:0;text-align:left;width:100%;font-size:14px}.type-guide__table thead th{z-index:1;vertical-align:top;background:#e8dfc7;border-bottom:1px solid #b3a488;padding:10px 8px;position:sticky;top:-2px}.type-guide__table thead th:first-child{width:30%}.type-guide__table thead strong{color:#273b39;font:600 22px/1.2 Georgia,serif;display:block}.type-guide__table thead span{margin-top:4px;font-size:12px;font-weight:500;display:block}.type-guide__table tbody th,.type-guide__table td{vertical-align:middle;border-bottom:1px solid #b3a48866;padding:11px 8px}.type-guide__table tbody tr:nth-child(2n){background:#fff9e947}.type-guide__targets{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.type-guide__badge{color:#273b39;white-space:nowrap;align-items:center;gap:6px;font-size:13px;font-weight:500;line-height:1.4;display:inline-flex}.type-guide__table tbody th .type-guide__badge{font-weight:700}.type-guide__swatch{border-radius:2px;flex-shrink:0;width:8px;height:8px;box-shadow:inset 0 0 0 1px #00000020}.type-guide__none{color:#657068;font-size:13px}.type-guide__summary{color:#52645d;margin:0;font-size:13px;line-height:1.5}@media (width<=480px){dialog.panel.how-to-play[open]{gap:14px}.type-guide__table thead th,.type-guide__table tbody th,.type-guide__table td{padding-inline:5px}}@media (height<=600px){dialog.panel.how-to-play[open]{gap:10px;padding-block:12px}.how-to-play .panel__title{font-size:26px}.how-to-play .panel__footer{padding-top:10px}}.guide-basics__goal{color:#273b39;margin:0 0 20px;font:500 21px/1.3 Georgia,serif}.guide-basics__phase{text-transform:uppercase;letter-spacing:.07em;color:#273b39;margin:0 0 10px;font-size:17px;font-weight:750;line-height:1.3}.guide-basics__intro{color:#43594f;margin:0 0 18px;font-size:15px}.guide-basics__section+.guide-basics__section{border-top:1px solid #b3a488;margin-top:26px;padding-top:24px}.how-to-play .guide-basics__section .help__list dt{font-size:14px}.how-to-play--sheet{--text:#273b39;--muted:#596b64;--line:#b3a488;color:#273b39;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;flex-direction:column;flex:1;min-height:0;display:flex}.how-to-play--sheet .tabs{gap:calc(8 * var(--px));margin:0 0 calc(10 * var(--px));background:0 0;border:0;flex:none;padding:0}.how-to-play--sheet .tab{min-height:max(44px, calc(44 * var(--px)));padding:0 calc(18 * var(--px));color:#596b64;font:calc(16 * var(--px)) Georgia, serif;border:1px solid #b3a488;border-radius:999px;flex:none}.how-to-play--sheet .tab:hover:not(.tab--active){color:#273b39;background:0 0}.how-to-play--sheet .tab.tab--active{color:#fff4dc;box-shadow:none;background:#163f43;border-color:#163f43}.how-to-play--sheet .guide-pages{flex:1;min-height:0;overflow:hidden}.how-to-play--sheet .guide-content{min-height:0;padding:0 calc(6 * var(--px)) calc(30 * var(--px)) 0;font-size:calc(15 * var(--px));-webkit-mask:linear-gradient(#000 calc(100% - 28 * var(--px)), #0000);-webkit-mask:linear-gradient(#000 calc(100% - 28 * var(--px)), #0000);mask:linear-gradient(#000 calc(100% - 28 * var(--px)), #0000);line-height:1.45}.how-to-play--sheet .guide-basics__goal{margin:0 0 calc(4 * var(--px));font:400 calc(19 * var(--px)) / 1.3 Georgia, serif;color:#614b29}.how-to-play--sheet .guide-basics__phase{margin:calc(14 * var(--px)) 0 calc(2 * var(--px));text-transform:none;letter-spacing:0;font:400 calc(18 * var(--px)) Georgia, serif;color:#614b29}.how-to-play--sheet .guide-basics__intro{margin:0 0 calc(6 * var(--px));font-size:calc(15 * var(--px));color:#273b39}.how-to-play--sheet .guide-basics__section+.guide-basics__section{border-top:0;margin-top:0;padding-top:0}.how-to-play--sheet .help__list{margin:calc(15 * var(--px)) 0}.how-to-play--sheet .help__list dt,.how-to-play--sheet .help__list dt:not(:first-child){margin-top:calc(8 * var(--px));font-size:calc(15 * var(--px));color:#273b39;font-weight:700}.how-to-play--sheet .help__list dt:first-child{margin-top:0}.how-to-play--sheet .help__list dd{font-size:calc(15 * var(--px));color:#596b64;margin:0}.how-to-play--sheet .guide-basics__section .help__list dt{font-size:calc(15 * var(--px))}.how-to-play--sheet .type-guide__table thead th{background:#efe5cd}.sheet--wide .sheet__body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}dialog.panel.sheet--wide.sheet--popover[open]{width:min(calc(640 * var(--px)), calc(100vw - 32px));overflow:hidden}dialog.panel.sheet--wide.sheet--popover[open] .how-to-play--sheet .guide-pages{height:min(calc(360 * var(--px)), calc(100dvh - 300px));flex:none}dialog.panel.sheet--wide.sheet--panel[open]{overflow:hidden}@media (width>=900px) and (height>=500px),(height<=499px){.sheet--wide .sheet__footer{grid-template-columns:1fr 1fr}}.back-button{width:calc(44 * var(--px));height:calc(44 * var(--px));border:var(--px) solid #c5a76b66;color:#e5dbbe;cursor:pointer;background:#102d35b3;border-radius:999px;flex:none;place-items:center;padding:0;display:grid}.back-button svg{width:calc(22 * var(--px));height:calc(22 * var(--px))}.back-button:hover:not(:disabled){color:#fff4dc;background:#173f47}.back-button:disabled{opacity:.4;cursor:default}.menu dialog.panel.screen[open]{width:100vw;max-width:none;height:100dvh;max-height:none;padding:env(safe-area-inset-top) 0 0;background:var(--sky-veil), var(--sky-still) center / cover;box-shadow:none;color:#fff4dc;text-align:left;border:0;border-image:;border-radius:0;flex-direction:column;align-items:stretch;gap:0;margin:0;display:flex;overflow:hidden}.menu dialog.panel.screen::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.menu dialog.panel.screen--from-left[open]{animation:.22s ease-out screen-in-left}.menu dialog.panel.screen--from-right[open]{animation:.22s ease-out screen-in-right}.menu dialog.panel.screen--from-left.panel--leaving[open]{animation:.18s ease-in forwards screen-out-left}.menu dialog.panel.screen--from-right.panel--leaving[open]{animation:.18s ease-in forwards screen-out-right}.menu dialog.panel.screen[open]::backdrop{animation:.22s ease-out backdrop-in}.menu dialog.panel.screen.panel--leaving[open]::backdrop{animation:.18s ease-in forwards backdrop-out}.screen__bar{align-items:center;gap:calc(12 * var(--px));width:100%;max-width:calc(1280 * var(--px));height:calc(64 * var(--px));padding:0 calc(14 * var(--px));flex:none;margin:0 auto;display:flex}.screen__title{font:400 calc(26 * var(--px)) Georgia, serif;color:#fff4dc;white-space:nowrap;margin:0}.screen__gap{flex:1}.screen__body{width:100%;min-height:0;max-width:calc(1280 * var(--px));flex:1;margin:0 auto;position:relative;overflow-y:auto}@media (width>=900px) and (height>=500px){.screen__bar{height:calc(80 * var(--px));padding:0 calc(28 * var(--px))}.screen__title{font-size:calc(30 * var(--px))}.screen__body{flex-direction:column;display:flex}.screen__body>*{flex:none;margin-block:auto}}.name-editor{flex-direction:column;flex:1;min-width:0;display:flex}.name-editor__field{width:100%;min-width:0;height:calc(48 * var(--px));padding:0 calc(14 * var(--px));border-radius:calc(10 * var(--px));color:#273b39;font:400 calc(22 * var(--px)) / 1 Georgia, serif;background:#fffaf0;border:1px solid #b3a488}.name-editor__field:focus-visible,.name-editor .gold-button:focus-visible,.name-editor .paper-button:focus-visible{outline:calc(2 * var(--px)) solid #614b29;outline-offset:calc(1 * var(--px))}.name-editor__field[aria-invalid=true]{border-color:#8b3934}.name-editor__note{font:calc(15 * var(--px)) / 1.35 system-ui, -apple-system, "Segoe UI", sans-serif;color:#8b3934;margin:0}.name-editor__note:not(:empty){margin-top:calc(8 * var(--px))}.name-editor__actions{gap:calc(10 * var(--px));margin-top:calc(10 * var(--px));grid-template-columns:1fr 1fr;display:grid}.name-editor .gold-button,.name-editor .paper-button{min-height:calc(48 * var(--px));font-size:calc(18 * var(--px))}.name-editor .gold-button{padding:0 calc(8 * var(--px))}.name-editor .gold-button:disabled{cursor:default;filter:saturate(.5)brightness(.98);opacity:.6}.name-editor [aria-disabled=true]{cursor:default;opacity:.6}.profile{gap:calc(12 * var(--px));padding:calc(8 * var(--px)) calc(12 * var(--px)) calc(20 * var(--px) + env(safe-area-inset-bottom));flex-direction:column;display:flex}.profile--settling{pointer-events:none}.profile__b{gap:calc(12 * var(--px));flex-direction:column;display:flex}.profile__b:empty{display:none}.profile__paper{padding:calc(14 * var(--px)) calc(16 * var(--px));border:calc(12 * var(--px)) solid transparent;border-image:url(/art/ui-painted-v1/paper.webp) 24 fill / calc(14 * var(--px));color:#273b39}.who{align-items:center;gap:calc(16 * var(--px));display:flex}.who--editing{align-items:flex-start}.who__disc{width:calc(60 * var(--px));height:calc(60 * var(--px));color:#4a3510;font:700 calc(28 * var(--px)) Georgia, serif;box-shadow:inset 0 0 0 calc(1.5 * var(--px)) #fff6dc, 0 calc(1 * var(--px)) calc(4 * var(--px)) #0007;background:linear-gradient(#fff4d2 0%,#f5d796 34%,#e7bb6b 100%);border-radius:50%;flex:none;place-items:center;display:grid}.who__disc--guest{color:#c9d6cf;box-shadow:inset 0 0 0 calc(1.5 * var(--px)) #c5a76b88;background:#274c50}.who__disc svg{width:calc(30 * var(--px));height:calc(30 * var(--px))}.who__name{min-width:0;font:400 calc(25 * var(--px)) / 1.15 Georgia, serif;color:#614b29;overflow-wrap:anywhere;flex:1;margin:0}.who__name small{font-size:calc(16 * var(--px));color:#596b64;display:block}.who__pen{width:calc(44 * var(--px));height:calc(44 * var(--px));color:#273b39;cursor:pointer;background:0 0;border:1px solid #b3a488;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.who__pen svg{width:calc(18 * var(--px));height:calc(18 * var(--px))}.who__pen:hover:not(:disabled){background:#ded2b666}.who__pen:disabled{opacity:.35;cursor:default}.record{margin-top:calc(12 * var(--px));padding-top:calc(12 * var(--px));text-align:center;border-top:1px solid #b3a48877;grid-template-columns:repeat(3,1fr);display:grid}.record b{font:400 calc(34 * var(--px)) / 1.05 Georgia, serif;color:#273b39;font-variant-numeric:lining-nums;display:block}.record span{font:calc(14 * var(--px)) system-ui, -apple-system, "Segoe UI", sans-serif;color:#596b64}.record__practice{margin:calc(6 * var(--px)) 0 0;text-align:center;font:calc(14 * var(--px)) system-ui, -apple-system, "Segoe UI", sans-serif;color:#596b64}.profile__signin p{font:calc(16 * var(--px)) Georgia, serif;color:#273b39;text-align:center;margin:0}.profile__signin .google-sign-in{width:100%;height:calc(48 * var(--px));margin-top:calc(12 * var(--px));border-radius:calc(24 * var(--px));font-size:calc(15 * var(--px));justify-content:center}.profile__signin .google-sign-in__logo{width:calc(20 * var(--px));height:calc(20 * var(--px))}.profile__signin .profile__copy{margin:calc(12 * var(--px)) auto 0;min-height:calc(48 * var(--px));min-width:calc(170 * var(--px));font-size:calc(17 * var(--px))}.profile__signin .google-sign-in:focus-visible,.profile__signin .paper-button:focus-visible{outline:calc(3 * var(--px)) solid #614b29;outline-offset:calc(2 * var(--px))}.profile__recent h3{margin:0 0 calc(4 * var(--px));font:400 calc(18 * var(--px)) Georgia, serif;color:#614b29}.profile__recent ul{margin:0;padding:0;list-style:none}.rrow{grid-template-columns:calc(56 * var(--px)) minmax(0, 1fr) auto;align-items:center;gap:calc(12 * var(--px));min-height:calc(44 * var(--px));font:calc(16 * var(--px)) Georgia, serif;color:#273b39;border-top:1px solid #b3a48855;display:grid}.rrow:first-child{border-top:0}.rrow__result{height:calc(26 * var(--px));color:#fff;font:700 calc(13 * var(--px)) / 1 Georgia, serif;border-radius:999px;place-items:center;display:grid}.rrow__result--win{background:#2c6a5f}.rrow__result--loss{background:#a8523f}.rrow__who{overflow-wrap:anywhere}.rrow .player-label__tag{font-size:calc(14 * var(--px));opacity:1;color:#596b64;margin-left:0}.rrow__when{font:calc(13 * var(--px)) system-ui, -apple-system, "Segoe UI", sans-serif;color:#596b64;white-space:nowrap}.profile__cards{align-items:center;gap:calc(10 * var(--px));width:100%;min-height:calc(60 * var(--px));padding:calc(4 * var(--px)) calc(12 * var(--px)) calc(4 * var(--px)) calc(16 * var(--px));font:calc(19 * var(--px)) Georgia, serif;text-align:left;cursor:pointer;background-color:#0000;transition:filter .14s;display:flex}.profile__cards:hover{filter:brightness(1.06)}.profile__cards:focus-visible{outline:calc(3 * var(--px)) solid #ffd993;outline-offset:calc(3 * var(--px))}.profile__cards b{font:600 calc(19 * var(--px)) Georgia, serif;color:#614b29;margin-left:auto}.profile__cards svg{width:calc(18 * var(--px));height:calc(18 * var(--px));color:#596b64;flex:none}@media (width>=900px) and (height>=500px){.profile{align-items:start;gap:calc(16 * var(--px)) calc(24 * var(--px));width:min(calc(940 * var(--px)), calc(100% - 56 * var(--px)));padding:calc(32 * var(--px)) 0;grid-template-rows:auto 1fr;grid-template-columns:1fr 1fr;margin:auto;display:grid}.profile__who{grid-area:1/1}.profile__b{gap:calc(16 * var(--px));grid-area:1/2/span 2}.profile__cards{grid-area:2/1}.profile__paper{padding:calc(22 * var(--px)) calc(24 * var(--px))}.who__disc{width:calc(72 * var(--px));height:calc(72 * var(--px));font-size:calc(34 * var(--px))}.record{margin-top:calc(22 * var(--px));padding-top:calc(18 * var(--px))}.record b{font-size:calc(44 * var(--px))}.rrow{min-height:calc(50 * var(--px));font-size:calc(17 * var(--px))}}@media (height<=499px){.profile{align-items:start;gap:calc(10 * var(--px)) calc(12 * var(--px));padding:0 max(16px, env(safe-area-inset-right)) calc(10 * var(--px) + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));grid-template-rows:auto 1fr;grid-template-columns:1fr 1fr;display:grid}.profile__who{grid-area:1/1}.profile__b{gap:calc(10 * var(--px));grid-area:1/2/span 2}.profile__cards{min-height:calc(48 * var(--px));font-size:calc(17 * var(--px));grid-area:2/1}.profile__paper{padding:calc(8 * var(--px)) calc(12 * var(--px))}.who__disc{width:calc(48 * var(--px));height:calc(48 * var(--px));font-size:calc(22 * var(--px))}.who__disc svg{width:calc(24 * var(--px));height:calc(24 * var(--px))}.who__name{font-size:calc(21 * var(--px))}.who__name small{font-size:calc(14 * var(--px))}.record{margin-top:calc(8 * var(--px));padding-top:calc(8 * var(--px))}.record b{font-size:calc(28 * var(--px))}.rrow{min-height:calc(38 * var(--px));font-size:calc(15 * var(--px))}}.pk{width:var(--w);height:calc(var(--w) * 1.62);border-radius:calc(var(--w) * .05);box-shadow:inset 0 0 0 max(calc(1.5 * var(--px)), calc(var(--w) * .012)) #ecc97acc, inset 0 0 calc(var(--w) * .12) #ffe3a02e, 0 calc(var(--w) * .06) calc(var(--w) * .14) #030f14aa;background:linear-gradient(#ffffff10,#fff0 40%),url(/art/menu-v1/pack-teal.png) 50%/cover;flex:none;display:block;position:relative}.pk:before,.pk:after{content:"";height:calc(var(--w) * .075);background:repeating-linear-gradient(90deg, #e3c27d 0 calc(3 * var(--px)), #a07a3b calc(3 * var(--px)) calc(6 * var(--px)));position:absolute;left:0;right:0}.pk:before{top:calc(var(--w) * -.03);-webkit-mask:conic-gradient(from 135deg at top, #0000, #000 1deg 89deg, #0000 90deg) 50% / calc(var(--w) * .066) 100%;mask:conic-gradient(from 135deg at top, #0000, #000 1deg 89deg, #0000 90deg) 50% / calc(var(--w) * .066) 100%}.pk:after{bottom:calc(var(--w) * -.03);-webkit-mask:conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) 50% / calc(var(--w) * .066) 100%;mask:conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) 50% / calc(var(--w) * .066) 100%}.pk__tear{border-top:max(calc(1 * var(--px)), calc(var(--w) * .01)) dashed #ecc97a99;position:absolute;top:16%;left:0;right:0}.pk img{width:42%;filter:drop-shadow(0 calc(2 * var(--px)) calc(6 * var(--px)) #0008);position:absolute;top:56%;left:50%;transform:translate(-50%,-50%)}.pk--outline{border:calc(2 * var(--px)) dashed #c5a76b88;box-shadow:none;opacity:.55;filter:grayscale(.6);background:url(/art/brand-v1/fusion-mark.webp) 50% 56%/34% no-repeat}.pk--outline:before,.pk--outline:after{display:none}.pk__sheen{border-radius:inherit;mix-blend-mode:screen;pointer-events:none;background:linear-gradient(105deg,#fff0 38%,#fff4 46%,#fff3d0a8 50%,#fff4 54%,#fff0 62%) 100% 0/300% 100% no-repeat;animation:3.6s ease-in-out .7s infinite pack-sheen;position:absolute;inset:0}.pk-stack{place-items:center;display:grid;position:relative}.pk-stack>.pk{grid-area:1/1}.pk-stack>.pk.pk--behind-1{filter:brightness(.8);transform:translate(-8%,-2%)rotate(-7deg)}.pk-stack>.pk.pk--behind-2{filter:brightness(.8);transform:translate(8%,-2%)rotate(7deg)}.menu dialog.panel.deck-screen[open]{--deck-frame:#b39a6c;--sky-side:max(100vw, 100dvh);--sky-x:calc((100vw - var(--sky-side)) / 2);--sky-y:calc((100dvh - var(--sky-side)) / 2 - 54px - env(safe-area-inset-top));width:100vw;max-width:none;height:100dvh;max-height:none;padding:env(safe-area-inset-top) 0 0;background:var(--sky-veil), var(--sky-still) center / cover;color:#fff4dc;text-align:left;animation:.22s ease-out screen-in-left;animation-delay:var(--entered,0s);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;border:0;border-image:;border-radius:0;grid-template:"bar""scroll"minmax(0,1fr)"chips"/minmax(0,1fr);gap:0;margin:0;display:grid;overflow:hidden}.menu dialog.panel.deck-screen.panel--leaving[open]{animation:.18s ease-in forwards screen-out-left}.menu dialog.panel.deck-screen::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.menu dialog.panel.deck-screen[open]::backdrop{animation:.22s ease-out backdrop-in}.menu dialog.panel.deck-screen.panel--leaving[open]::backdrop{animation:.18s ease-in forwards backdrop-out}.menu dialog.panel.deck-screen--in-place:not(.panel--leaving)[open],.menu dialog.panel.deck-screen--in-place:not(.panel--leaving)[open]::backdrop{animation:none}.menu dialog.panel.deck-screen--in-place.deck-screen--arriving:not(.panel--leaving)[open]>:is(.deck-bar,.deck-chips,.deck-screen__scroll,.deck-screen__side,.deck-screen__waiting){animation:.22s ease-out screen-in-left;animation-delay:var(--entered,0s)}@media (prefers-reduced-motion:reduce){.menu dialog.panel.deck-screen:not(.panel--leaving)[open]{animation-delay:var(--entered,0s)!important}.menu dialog.panel.deck-screen--in-place:not(.panel--leaving)[open],.menu dialog.panel.deck-screen--in-place:not(.panel--leaving)[open]::backdrop{animation:none!important}}.deck-bar{grid-area:bar;align-items:center;gap:12px;min-width:0;height:54px;padding:0 10px 0 14px;display:flex}.deck-bar__title{color:#fff4dc;white-space:nowrap;margin:0;font:400 23px Georgia,serif}.deck-bar__title--swap{text-overflow:ellipsis;color:#ebc57e;font-size:21px;overflow:hidden}.deck-bar__count{align-items:center;gap:calc(5 * var(--px));font:600 calc(18 * var(--px)) Georgia, serif;color:#ebc57e;font-variant-numeric:lining-nums tabular-nums;white-space:nowrap;margin:0;display:flex}.deck-bar__count--short{color:#ffbf8f}.deck-bar__tick{width:calc(14 * var(--px));height:calc(14 * var(--px))}.deck-bar__retry{min-width:0;min-height:calc(44 * var(--px));padding:0 calc(4 * var(--px));color:#ffbf8f;font:600 calc(16 * var(--px))/1.15 Georgia, serif;text-align:left;cursor:pointer;background:0 0;border:0;flex:0 auto}.deck-bar__retry-word{text-underline-offset:3px;color:#fff4dc;text-decoration:underline}.deck-bar__fill{height:calc(34 * var(--px));padding:0 calc(14 * var(--px));border-radius:calc(9 * var(--px));color:#2a2418;font:600 calc(15 * var(--px)) Georgia, serif;cursor:pointer;background:#ebc57e linear-gradient(#fff3,#fff0);border:1px solid #ffe8b7;flex:none;position:relative}.deck-bar__fill:after,.deck-chip:after{content:"";position:absolute;inset:-6px -3px}.deck-bar__fill:hover{background-color:#ffe2a6}.deck-bar__gap{flex:1}.deck-bar__undo{width:calc(44 * var(--px));height:calc(44 * var(--px));color:#e5dbbe;cursor:pointer;background:#102d35b3;border:1px solid #c5a76b66;border-radius:999px;flex:none;place-items:center;padding:0;display:grid}.deck-bar__undo svg{width:calc(20 * var(--px));height:calc(20 * var(--px))}.deck-bar__undo:hover:not(:disabled){color:#fff4dc;background:#173f47}.deck-bar__undo:disabled{opacity:.4;cursor:default}.deck-screen__scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c5a76b55 transparent;grid-area:scroll;min-height:0;position:relative;overflow-y:auto}.deck-fold-mark{width:1px;height:var(--deck-fold-at,0px);pointer-events:none;position:absolute;top:0;left:0}.deck-dock{z-index:5;top:calc(-1 * var(--deck-fold-at,0px));position:sticky}.deck-dock--dropped{transition:top .2s ease-out;top:0}.deck-dock .deck-places{transition:opacity .14s ease-out,box-shadow .2s ease-out}.deck-dock--folded .deck-places{opacity:0}.deck-dock--dropped .deck-places{box-shadow:0 14px 24px #000000a6}.deck-strip:before,.deck-dock--dropped:before{content:"";z-index:-1;pointer-events:none;background-image:var(--sky-veil), var(--sky-still);background-repeat:no-repeat;background-size:100vw 100dvh, var(--sky-side) var(--sky-side);background-position:0 calc(-54px - env(safe-area-inset-top)), var(--sky-x) var(--sky-y);width:100vw;position:absolute;left:calc(50% - 50vw)}.deck-strip:before{top:-12px;bottom:-10px}.deck-dock--dropped:before{top:0;bottom:0}.deck-screen--covered .deck-dock--dropped:before{background-image:linear-gradient(#06161bb3, #06161bb3), var(--sky-veil), var(--sky-still);background-size:100% 100%, 100vw 100dvh, var(--sky-side) var(--sky-side);background-position:0 0, 0 calc(-54px - env(safe-area-inset-top)), var(--sky-x) var(--sky-y)}.deck-screen__deck{min-width:0;margin:0 6px}.deck-places{padding:calc(3 * var(--px));border:calc(10 * var(--px)) solid transparent;border-image:url(/art/ui-painted-v1/paper.webp) 24 fill / calc(10 * var(--px));grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;display:grid}.deck-place{aspect-ratio:6/5;border:var(--px) solid var(--deck-frame);border-radius:calc(5 * var(--px));cursor:pointer;background:#efe6d1;min-width:0;padding:0;display:block;position:relative;overflow:hidden}.deck-place .card-art{aspect-ratio:auto;position:absolute;inset:0}.deck-place:focus-visible{outline-offset:1px;z-index:3;outline:3px solid #d9a441}.deck-place--empty{border:calc(1.5 * var(--px)) dashed #a8946b;background:#e6dcc466}.deck-place--empty:after{--line:calc(1.5 * var(--px));content:"";width:calc(14 * var(--px));height:calc(14 * var(--px));opacity:.7;background:linear-gradient(#a8946b, #a8946b) center / 100% var(--line) no-repeat, linear-gradient(#a8946b, #a8946b) center / var(--line) 100% no-repeat;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.deck-place--fresh{z-index:1;animation:.7s ease-out both deck-place-in}@keyframes deck-place-in{0%{opacity:0;box-shadow:0 0 0 2px #fff4dc,0 0 0 3.5px #d9a441,0 0 12px #ebc57e}22%{opacity:1;box-shadow:0 0 0 2px #fff4dc,0 0 0 3.5px #d9a441,0 0 12px #ebc57e}to{opacity:1;box-shadow:0 0 #fff4dc00,0 0 #d9a44100,0 0 #ebc57e00}}.deck-place--picked{border:calc(2 * var(--px)) dashed #b8842c;background:#fff4cf;box-shadow:0 0 0 2px #ebc57e88,0 0 14px #ebc57e}.deck-place--picked:after{--plus:calc(12 * var(--px));width:calc(26 * var(--px));height:calc(26 * var(--px));border:var(--line) solid #b8842c;opacity:1;background:linear-gradient(#b8842c, #b8842c) center / var(--plus) var(--line) no-repeat, linear-gradient(#b8842c, #b8842c) center / var(--line) var(--plus) no-repeat, #fffaf0;border-radius:50%}.deck-place--glow{z-index:1;border-color:#d9a441;box-shadow:0 0 0 2px #fff4dc,0 0 0 4px #d9a441,0 0 14px #ebc57e}.deck-places--swap .deck-place{border-color:#d9a441;animation:.28s ease-in-out infinite alternate deck-place-wiggle;box-shadow:0 0 0 1.5px #d9a441,0 3px 6px #5a42184d}.deck-places--swap .deck-place:nth-child(2n){animation-direction:alternate-reverse;animation-delay:-90ms}@keyframes deck-place-wiggle{0%{transform:rotate(-2deg)}to{transform:rotate(2deg)}}.deck-band{z-index:2;color:#273b39;text-align:center;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;background:#f7f0dfee;border-top:1px solid #b39a6c80;border-radius:0 0 4px 4px;align-self:end;min-width:0;height:15px;margin:0 1px 1px;padding:0 3px;font:600 10px/14px system-ui,sans-serif;overflow:hidden}.deck-strip{color:inherit;cursor:pointer;visibility:hidden;opacity:0;background:0 0;border:10px solid #0000;border-image:url(/art/ui-painted-v1/paper.webp) 24 fill/10px;grid-template-columns:repeat(10,minmax(0,1fr));gap:3px;margin:0;padding:2px 2px 7px;transition:opacity .14s ease-out,visibility 0s linear .14s;display:grid;position:absolute;bottom:0;left:0;right:0}.deck-dock--folded .deck-strip{visibility:visible;opacity:1;transition:opacity .14s ease-out;box-shadow:0 10px 18px #00000080}.deck-strip:after{content:"";background:#b3a488;border-radius:2px;width:26px;height:4px;margin-left:-13px;position:absolute;bottom:-5px;left:50%}.deck-strip:focus-visible{outline-offset:1px;outline:3px solid #d9a441}.deck-mini{aspect-ratio:6/5;border:1px solid var(--deck-frame);background:#efe6d1;border-radius:3px;min-width:0;display:block;position:relative;overflow:hidden}.deck-mini .card-art{aspect-ratio:auto;position:absolute;inset:0}.deck-mini .card-art--plain{font-size:7px}.deck-mini--empty{background:#e6dcc466;border:1px dashed #a8946b}.deck-mini--fresh{z-index:1;animation:.7s ease-out both deck-place-in}.deck-screen__cards{min-height:calc(100% - var(--deck-strip,0px) + 2px);padding:2px 12px 16px}.deck-screen__group{--columns:4;--row:120px;content-visibility:auto;contain-intrinsic-block-size:auto 480px;margin:0 -12px;padding:10px 12px 14px}.deck-screen__group+.deck-screen__group{margin-top:-14px}@supports (width:round(up, 1.5px, 1px)){.deck-screen__group{contain-intrinsic-block-size:auto calc(round(up, var(--tiles) / var(--columns), 1) * var(--row) + 36px)}}.deck-screen__heading{align-items:center;gap:calc(8 * var(--px));margin:0 0 calc(7 * var(--px));font:400 calc(15 * var(--px)) Georgia, serif;color:#e5dbbe;display:flex}.deck-screen__heading:after{content:"";background:linear-gradient(90deg,#c5a76b88,#c5a76b00);flex:1;height:1px}.deck-screen__grid,.deck-screen__shades{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.deck-screen__grid li,.deck-screen__shades li{min-width:0}.deck-tile{border:calc(1.5 * var(--px)) solid var(--deck-frame);border-radius:calc(7 * var(--px));width:100%;box-shadow:0 calc(3 * var(--px)) calc(8 * var(--px)) #00000059;color:#273b39;text-align:left;cursor:pointer;background:#f3ead6;flex-direction:column;padding:0;transition:transform .12s ease-out,box-shadow .12s ease-out;display:flex;overflow:hidden}.deck-tile .card-art{border-bottom:1px solid #b39a6c80}.deck-tile__name{padding:calc(4 * var(--px)) calc(6 * var(--px)) 0;font:600 calc(12.5 * var(--px))/calc(15 * var(--px)) system-ui, sans-serif;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.deck-tile__pips{gap:calc(3 * var(--px));min-height:calc(18 * var(--px));padding:calc(4 * var(--px)) calc(6 * var(--px)) calc(6 * var(--px));display:flex}.deck-pip{width:calc(8 * var(--px));height:calc(8 * var(--px));border:calc(1.5 * var(--px)) solid #8f7748;border-radius:50%}.deck-pip--in{background:#1f4a4a;border-color:#1f4a4a}.deck-tile--dim .card-art{background:#e9e1cd}.deck-tile--dim .card-art img,.deck-tile--dim .card-art--plain>span{opacity:.38;filter:saturate(.25)}.deck-tile:active{transform:scale(.97)}.deck-tile{scroll-margin-top:calc(var(--deck-strip,0px) + 8px)}.deck-tile:focus-visible{outline-offset:2px;outline:3px solid #ffd993}@media (hover:hover){.deck-tile:hover{transform:translateY(calc(-3 * var(--px)));box-shadow:0 0 0 calc(2 * var(--px)) #ebc57e, 0 calc(10 * var(--px)) calc(22 * var(--px)) #000a;border-color:#d9a441}.deck-place:not(.deck-place--empty):hover{border-color:#d9a441;box-shadow:0 0 0 1.5px #d9a441}.deck-place--empty:hover{border-color:#b8842c}}.deck-shade{border:calc(1.5 * var(--px)) solid #c5a76b2e;border-radius:calc(7 * var(--px));width:100%;box-shadow:inset 0 0 0 calc(3 * var(--px)) #0b2328, inset 0 0 0 calc(4 * var(--px)) #c5a76b1f;cursor:default;background:#071419cc;flex-direction:column;padding:0;display:flex;overflow:hidden}.deck-shade__art{aspect-ratio:6/5;display:block}.deck-shade__foot{height:calc(37 * var(--px));display:block}.deck-screen__group--away{visibility:hidden}.deck-screen__hello{align-items:center;gap:calc(12 * var(--px));margin:calc(10 * var(--px)) 0 calc(4 * var(--px));padding:calc(12 * var(--px)) calc(14 * var(--px));border-radius:calc(12 * var(--px));background:#102d35d9;border:1px solid #c5a76b66;flex-wrap:wrap;display:flex}.deck-screen__hello-text{flex:1 1 calc(200 * var(--px));min-width:0}.deck-screen__hello p{font:calc(15.5 * var(--px))/1.35 Georgia, serif;color:#fff4dc;margin:0}.deck-screen__hello .google-sign-in{gap:calc(10 * var(--px));height:calc(40 * var(--px));padding:0 calc(12 * var(--px));border-radius:calc(20 * var(--px));font-size:calc(14 * var(--px));line-height:calc(20 * var(--px))}.deck-screen__hello .google-sign-in__logo{width:calc(20 * var(--px));height:calc(20 * var(--px))}.deck-screen__hello--pack{flex-wrap:nowrap}.deck-screen__hello--pack .deck-screen__hello-text{flex:1 1 0}.deck-screen__hello-open{min-width:calc(76 * var(--px));min-height:max(44px, calc(44 * var(--px)));padding:0 calc(18 * var(--px));border:calc(1 * var(--px)) solid #ebc57e;color:#ebc57e;font:600 calc(16 * var(--px)) Georgia, serif;box-shadow:0 0 calc(14 * var(--px)) #ffe2a033;cursor:pointer;background:#0d292c;border-radius:999px;flex:none}.deck-screen__hello-open:hover{filter:brightness(1.08)}.deck-screen__hello-open:focus-visible{outline:calc(2 * var(--px)) solid #ffd993;outline-offset:calc(2 * var(--px))}.deck-screen__group--new .deck-screen__heading{color:#ebc57e}.deck-screen__group--new .deck-screen__heading:after{background:linear-gradient(90deg,#ebc57e99,#ebc57e00)}.deck-screen__none{margin:calc(14 * var(--px)) calc(2 * var(--px)) calc(4 * var(--px));font:calc(15.5 * var(--px))/1.35 Georgia, serif;color:#e5dbbe}.deck-chips{min-width:0;height:calc(62px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#0b2328f2;border-top:1px solid #c5a76b40;grid-area:chips}.deck-chips__row{align-items:center;gap:calc(6 * var(--px));scrollbar-width:none;height:100%;padding:0 10px;display:flex;overflow-x:auto}.deck-chips__row::-webkit-scrollbar{display:none}.deck-chips--after .deck-chips__row{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 44px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 44px),#0000)}.deck-chips--before .deck-chips__row{-webkit-mask-image:linear-gradient(90deg,#0000,#000 44px);mask-image:linear-gradient(90deg,#0000,#000 44px)}.deck-chips--before.deck-chips--after .deck-chips__row{-webkit-mask-image:linear-gradient(90deg,#0000,#000 44px calc(100% - 44px),#0000);mask-image:linear-gradient(90deg,#0000,#000 44px calc(100% - 44px),#0000)}.deck-chip{align-items:center;gap:calc(4 * var(--px));height:calc(36 * var(--px));padding:0 calc(14 * var(--px));color:#e5dbbe;font:calc(15 * var(--px)) Georgia, serif;white-space:nowrap;cursor:pointer;background:#102d3599;border:1px solid #c5a76b77;border-radius:999px;flex:none;display:flex;position:relative}.deck-chip:hover{color:#fff4dc;border-color:#c5a76bcc}.deck-chip[aria-pressed=true]{padding-right:calc(10 * var(--px));color:#2a2418;background:#ebc57e;border-color:#ffe8b7}.deck-chip__clear{margin-left:calc(2 * var(--px));font:600 calc(17 * var(--px))/1 system-ui, sans-serif;opacity:.75}.deck-screen__scrim{z-index:4;background:#06161bb3;grid-area:2/1/4/-1;animation:.18s ease-out deck-scrim-in}@keyframes deck-scrim-in{0%{opacity:0}}.deck-sheet{--deck-face:min(176px, calc((100dvh - 336px) * .6));z-index:6;grid-template-columns:var(--deck-face) minmax(0, 1fr);padding:20px 8px calc(16px + env(safe-area-inset-bottom));color:#273b39;touch-action:none;border:10px solid #0000;border-bottom-width:0;border-image:url(/art/ui-painted-v1/paper.webp) 24 fill/10px 10px 0;outline:none;gap:14px;transition:transform .16s ease-out;animation:.2s ease-out deck-sheet-in;display:grid;position:absolute;bottom:0;left:0;right:0}@keyframes deck-sheet-in{0%{transform:translateY(100%)}}.deck-sheet:before{content:"";background:#b3a488;border-radius:2px;width:40px;height:4px;margin-left:-20px;position:absolute;top:2px;left:50%}.deck-sheet .card-picture{align-self:start;box-shadow:0 6px 18px #2d271a55}.deck-sheet__facts{gap:calc(10 * var(--px));flex-direction:column;min-width:0;padding-top:4px;display:flex}.deck-sheet__pips{gap:calc(6 * var(--px));display:flex}.deck-sheet__pips .deck-pip{width:calc(13 * var(--px));height:calc(13 * var(--px));border-width:calc(2 * var(--px))}.deck-sheet__line{font:400 calc(19 * var(--px))/1.3 Georgia, serif;margin:0}.deck-sheet__note{color:#52645d;font:calc(15 * var(--px))/1.3 system-ui, sans-serif;margin:0}.deck-sheet__line+.deck-sheet__note{margin-top:calc(2 * var(--px))}.deck-sheet__note+.deck-sheet__note{margin-top:calc(-8 * var(--px))}.deck-sheet__cancel{height:calc(46 * var(--px));border-radius:calc(9 * var(--px));color:#273b39;font:500 calc(17 * var(--px)) system-ui, sans-serif;cursor:pointer;background:#fff8e7;border:1px solid #b3a488;flex:none;margin-top:auto}.deck-sheet__cancel:hover{background:#fffdf6;border-color:#8f7748}.deck-sheet__cancel:focus-visible{outline-offset:2px;outline:3px solid #d9a441}.deck-screen__notice{left:12px;right:12px;bottom:calc(74px + env(safe-area-inset-bottom));z-index:5;pointer-events:none;justify-content:center;display:flex;position:absolute}.deck-screen__notice .toast{pointer-events:auto;width:auto;max-width:100%;position:static;transform:none}.deck-screen__notice .toast__close{min-width:44px;min-height:44px}.deck-screen__waiting{align-content:start;justify-items:start;gap:calc(12 * var(--px));padding:calc(24 * var(--px)) calc(16 * var(--px));font:calc(16 * var(--px)) Georgia, serif;color:#e5dbbe;grid-area:scroll;display:grid}.deck-screen__waiting p{margin:0}.deck-screen__error{color:#ffd1c6}.menu dialog.panel.deck-question[open]{gap:18px;width:min(380px,100% - 32px);padding:24px 20px}.menu dialog.panel.deck-question .deck-question__title{color:#273b39;font-size:24px}.menu .deck-question .button{min-width:150px}@media (width>=600px){.deck-screen__deck{width:500px;margin:0 auto}.deck-screen__group{--columns:6}.deck-screen__grid,.deck-screen__shades{grid-template-columns:repeat(6,minmax(0,1fr))}.deck-sheet{width:500px;margin:0 auto}}@media (width>=900px),(width>=640px) and (height<=499px){.menu dialog.panel.deck-screen[open]{--edge:max(0px, (100vw - max(1600px, 1280 * var(--px))) / 2);grid-template-columns:minmax(0, 1fr) calc(500 * var(--px));grid-template-rows:calc(64 * var(--px)) calc(44 * var(--px)) minmax(0, 1fr);column-gap:calc(28 * var(--px));padding:0 calc(var(--edge) + 24 * var(--px)) calc(20 * var(--px)) calc(var(--edge) + 28 * var(--px));grid-template-areas:"bar bar""chips side""scroll side"}.deck-bar{height:calc(64 * var(--px));gap:calc(12 * var(--px));padding:0}.deck-bar__title{font-size:calc(28 * var(--px))}.deck-screen__scroll{margin:0 calc(-8 * var(--px))}.deck-screen__side{z-index:5;align-self:start;gap:calc(16 * var(--px));flex-direction:column;grid-area:side;min-height:0;max-height:100%;display:flex;position:relative}.deck-screen__deck{flex:none;width:auto;margin:0}.deck-places{grid-template-columns:repeat(5, calc(90 * var(--px)));gap:calc(6 * var(--px))}.deck-band{height:calc(17 * var(--px));padding:0 calc(3 * var(--px));border-radius:0 0 calc(4 * var(--px)) calc(4 * var(--px));font-size:calc(11 * var(--px));line-height:calc(16 * var(--px))}.deck-chips{height:calc(44 * var(--px));background:0 0;border:0;padding:0}.deck-chips__row{padding:0}.deck-screen__cards{min-height:0;padding:0 calc(8 * var(--px))}.deck-screen__group{--columns:8;--row:calc(118 * var(--px));margin:0 calc(-8 * var(--px));padding:calc(6 * var(--px)) calc(8 * var(--px)) calc(30 * var(--px))}.deck-screen__group+.deck-screen__group{margin-top:calc(-30 * var(--px))}.deck-screen__grid,.deck-screen__shades{grid-template-columns:repeat(auto-fill, minmax(calc(78 * var(--px)), 1fr));gap:calc(12 * var(--px)) calc(10 * var(--px))}.deck-screen__notice{left:calc(var(--edge) + 28 * var(--px));right:calc(var(--edge) + 552 * var(--px));bottom:calc(24 * var(--px))}.deck-screen__notice .toast{gap:calc(12 * var(--px));padding:calc(12 * var(--px)) calc(16 * var(--px));border-radius:calc(10 * var(--px));font-size:calc(14 * var(--px))}.deck-screen__notice .toast__close{min-width:calc(44 * var(--px));min-height:calc(44 * var(--px))}.deck-tile .card-art--plain,.deck-place .card-art--plain{padding:calc(4 * var(--px));font-size:calc(11 * var(--px))}.deck-preview .card-picture--plain{gap:calc(2 * var(--px))}.deck-preview .card-picture--plain strong{font-size:calc(15 * var(--px))}.deck-preview .card-picture--plain span{font-size:calc(12 * var(--px))}.deck-screen__scrim{margin:0 calc(-1 * var(--edge) - 24 * var(--px)) calc(-20 * var(--px)) calc(-1 * var(--edge) - 28 * var(--px))}.deck-preview{--face:calc(290 * var(--px));flex:0 1 calc(var(--face) + 44 * var(--px));gap:calc(18 * var(--px));min-height:0;padding:calc(12 * var(--px)) calc(10 * var(--px));border:calc(10 * var(--px)) solid transparent;border-image:url(/art/ui-painted-v1/paper.webp) 24 fill / calc(10 * var(--px));color:#273b39;grid-template-rows:minmax(0,1fr);grid-template-columns:auto minmax(0,1fr);display:grid;container-type:size}.deck-preview .card-picture{width:auto;height:min(var(--face), 100cqh);box-shadow:0 calc(8 * var(--px)) calc(20 * var(--px)) #2d271a55;align-self:start}.deck-preview .deck-sheet__facts{padding-top:calc(6 * var(--px))}.deck-preview .deck-sheet__cancel{margin-top:calc(8 * var(--px))}.deck-preview__hint{color:#7d7563;font:calc(17 * var(--px)) Georgia, serif;grid-column:1/-1;place-self:center;margin:0}}@media (width>=640px) and (height<=499px){.menu dialog.panel.deck-screen[open]{grid-template-rows:52px 44px minmax(0,1fr);grid-template-columns:minmax(0,1fr) 320px;column-gap:16px;padding:0 16px 8px}.deck-bar{height:52px}.deck-places{grid-template-columns:repeat(5,56px);gap:4px}.deck-screen__grid,.deck-screen__shades{grid-template-columns:repeat(auto-fill,minmax(72px,1fr))}.deck-screen__notice{bottom:12px;left:16px;right:352px}.deck-screen__scrim{margin:0 -16px -8px}.deck-preview{grid-template-columns:minmax(0,1fr);gap:0;padding:4px 8px;position:relative}.deck-preview .card-picture{display:none}.deck-preview .deck-sheet__facts{gap:4px;min-height:0;padding-top:2px;overflow-y:auto}.deck-preview:has(.deck-sheet__cancel) .deck-sheet__facts{padding-right:104px}.deck-preview .deck-sheet__cancel{height:44px;margin:0;padding:0 20px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.deck-preview .deck-sheet__pips .deck-pip{border-width:1.5px;width:10px;height:10px}.deck-preview .deck-sheet__line{font-size:15px;line-height:1.2}.deck-preview .deck-sheet__note{font-size:12.5px;line-height:1.2}.deck-preview__hint{font-size:14px}}.menu dialog.panel.pack-opening[open]{color:#fff4dc;-webkit-user-select:none;user-select:none;background:radial-gradient(46% 38% at 50% 49%,#8a6e3a40,#8a6e3a00 72%),radial-gradient(at 50% 46%,#1f3c40f5,#0c1d23f8 55%,#040b0efd);border:0;border-image:;border-radius:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;animation:.25s ease-out layer-fade-in;display:block;overflow:clip}.menu dialog.panel.pack-opening.panel--leaving[open]{animation:.2s ease-in forwards layer-fade-out}.menu dialog.panel.pack-opening:focus-visible{outline:none}.pack-opening__stage{transform-origin:50% 48%;position:absolute;inset:0;overflow:hidden}.pack-opening__stage--revealing{cursor:pointer}.pack-opening__stage--choosing,.pack-opening__stage--keeping{touch-action:none}.pack-opening__top{--gutter:14;z-index:6;top:calc(10 * var(--px) + env(safe-area-inset-top));left:max(calc(max(0px, (100% - 1280 * var(--px)) / 2) + var(--gutter) * var(--px)), env(safe-area-inset-left));right:max(calc(max(0px, (100% - 1280 * var(--px)) / 2) + var(--gutter) * var(--px)), env(safe-area-inset-right));pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute}.pack-opening__top>*{pointer-events:auto}.pack-opening__top .button{min-height:calc(40 * var(--px));padding:calc(6 * var(--px)) calc(18 * var(--px))}.pack-opening__skip{margin-left:auto}.pack-opening__bottom{left:max(calc(16 * var(--px)), env(safe-area-inset-left));right:max(calc(16 * var(--px)), env(safe-area-inset-right));bottom:max(calc(32 * var(--px)), env(safe-area-inset-bottom));z-index:6;justify-items:center;gap:calc(24 * var(--px));pointer-events:none;display:grid;position:absolute}.pack-opening__bottom--end{opacity:var(--end-alpha,1);transform:translateY(var(--end-y,0px))}.pack-opening__bottom--rested{transition:top .22s ease-out,left .22s ease-out}.pack-opening__bottom .button{pointer-events:auto;min-width:calc(128 * var(--px))}.pack-opening__caption{font:calc(17 * var(--px)) / calc(22 * var(--px)) Georgia, serif;color:#e5dbbe;text-align:center;text-shadow:0 1px 6px #061c24;margin:0}.pack-opening__bottom:not(.pack-opening__bottom--end) .pack-opening__caption{margin-bottom:calc(12 * var(--px))}.pack-opening__caption--error{color:#ffd1c6}.pack-opening__summary{color:#ffe3a3;font:700 calc(22 * var(--px)) / calc(28 * var(--px)) Georgia, serif;letter-spacing:.02em}.menu .pack-opening .button--quiet{color:#273b39}.pack-opening__end{gap:calc(10 * var(--px));pointer-events:auto;grid-template-columns:minmax(0,1fr);width:100%;display:grid}.pack-opening__bottom .gold-button{box-shadow:inset 0 0 0 calc(2.5 * var(--px)) #f6d99a, 0 calc(3 * var(--px)) 0 #7d5f33, 0 0 calc(20 * var(--px)) #ffd9935c}.pack-opening__keep{pointer-events:auto;width:100%;position:relative}.pack-opening__keep[aria-disabled=true]:not([aria-busy=true]){color:#5c5240}.pack-opening__keep[aria-busy=true]:before{content:"";left:calc(18 * var(--px));width:calc(16 * var(--px));height:calc(16 * var(--px));margin-top:calc(-8 * var(--px));border:calc(2 * var(--px)) solid #7d5f3366;opacity:0;border-top-color:#2a2418;border-radius:50%;animation:.18s .16s forwards keep-wait,.8s linear infinite keep-spin;position:absolute;top:50%}@keyframes keep-wait{to{opacity:1}}@keyframes keep-spin{to{transform:rotate(360deg)}}.pack-opening__note{gap:calc(10 * var(--px));display:grid}.pack-opening__ask,.pack-opening__note p{font:calc(15 * var(--px)) / calc(21 * var(--px)) system-ui, sans-serif;color:#e5dbbe;text-align:center;text-shadow:0 1px 6px #061c24;margin:0}.pack-opening__end .google-sign-in{width:100%;height:calc(48 * var(--px));border-radius:calc(24 * var(--px));font-size:calc(15 * var(--px));justify-content:center}.pack-opening__end .google-sign-in__logo{width:calc(20 * var(--px));height:calc(20 * var(--px))}.pack-opening__copy{min-height:calc(52 * var(--px));font-size:calc(17 * var(--px))}.pack-opening__later{min-height:max(40px, calc(40 * var(--px)));padding:0 calc(16 * var(--px));color:#d6ccb0;font:calc(16 * var(--px)) Georgia, serif;text-underline-offset:calc(4 * var(--px));cursor:pointer;background:0 0;border:0;justify-self:center;text-decoration:underline}.pack-opening__later:hover{color:#fff4dc}.pack-opening__later:focus-visible{outline:calc(3 * var(--px)) solid #ffd993;outline-offset:calc(2 * var(--px));border-radius:calc(6 * var(--px))}@media (width>=900px) and (height>=500px){.pack-opening__top{--gutter:28;top:calc(18 * var(--px) + env(safe-area-inset-top))}.pack-opening__summary{font-size:calc(24 * var(--px))}.pack-opening__end,.pack-opening__keep{width:calc(420 * var(--px))}}@media (height<=499px){.pack-opening__summary{font-size:calc(20 * var(--px));line-height:calc(24 * var(--px))}.pack-opening__bottom{bottom:max(calc(48 * var(--px)), env(safe-area-inset-bottom));gap:calc(14 * var(--px))}.pack-opening__keep{width:min(calc(340 * var(--px)), 100%)}.pack-opening--zoomed .pack-opening__top .back-button,.pack-opening--zoomed .pack-opening__pick{visibility:hidden}.pack-opening__end--guest{grid-template-columns:minmax(0,1fr) auto}.pack-opening__end--guest>:not(.paper-button,.pack-opening__later){grid-column:1/-1}}.pack-opening__bottom--beside .pack-opening__end{width:100%}.pack-slicer{touch-action:none;position:absolute;inset:0}.pack-slicer--cutting{cursor:grabbing}.pack-place{z-index:3;width:184px;height:306px;position:absolute}.pack-place:before{content:"";pointer-events:none;background:radial-gradient(closest-side,#ffe2a038,#ffe2a000);height:24%;position:absolute;bottom:-16%;left:-30%;right:-30%}.pack-motion,.pack-lean{width:100%;height:100%}.pack{--pack-art:linear-gradient(#1b514d, #133d3a);--cut-from:0;--cut-to:0;--heading:1;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;width:100%;height:100%;padding:0;animation:.3s ease-out both pack-appear,3.2s ease-in-out .3s infinite alternate pack-sway;display:block;position:relative}.pack:disabled{cursor:default;pointer-events:none}.pack--dragging{cursor:grabbing;animation-play-state:paused}.pack:focus-visible{outline-offset:8px;border-radius:12px;outline:3px solid #ffd993}.pack__light{pointer-events:none;background:radial-gradient(closest-side,#ffe2a04d,#ffd99314 55%,#ffd99300);animation:2.8s ease-in-out infinite alternate pack-breathe;position:absolute;inset:-18% -34%}.pack__body,.pack__flap{background:var(--pack-art) no-repeat;filter:drop-shadow(0 10px 22px #030f1499)drop-shadow(0 0 12px #ffd99338);position:absolute;left:0;right:0}.pack__flap{height:16%;transform-origin:calc(50% - var(--heading) * 30%) 100%;background-position:top;background-size:100% 625%;border-radius:10px 10px 0 0;transition:transform .32s cubic-bezier(.2,.7,.3,1),opacity .32s ease-in;top:0;box-shadow:inset 0 0 0 2px #ecc97acc}.pack__body{background-position:bottom;background-size:100% 119.05%;border-radius:0 0 10px 10px;top:16%;bottom:0;box-shadow:inset 0 0 0 2px #ecc97acc,inset 0 0 22px #ffe3a02e}.pack__flap:before,.pack__body:after{content:"";background:repeating-linear-gradient(90deg,#e3c27d 0 3px,#a07a3b 3px 6px);height:14px;position:absolute;left:0;right:0}.pack__flap:before{top:-6px;-webkit-mask:conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) 50%/12px 100%;mask:conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) 50%/12px 100%}.pack__body:after{bottom:-6px;-webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/12px 100%;mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/12px 100%}.pack__sheen{mix-blend-mode:screen;pointer-events:none;background:linear-gradient(105deg,#fff0 38%,#fff4 46%,#fff3d0a8 50%,#fff4 54%,#fff0 62%) 100% 0/300% 100% no-repeat;border-radius:10px;animation:3.6s ease-in-out .7s infinite pack-sheen;position:absolute;inset:0}.pack__mark{filter:drop-shadow(0 0 14px #ffd99366)drop-shadow(0 4px 8px #061c2499);pointer-events:none;width:46%;position:absolute;top:56%;left:50%;transform:translate(-50%,-50%)}.pack__tear{pointer-events:none;border-top:2px dashed #f3dca480;position:absolute;top:16%;left:7%;right:7%}.pack__tear:after{content:"";opacity:0;background:radial-gradient(closest-side,#fffbeb,#ffe2a0aa 45%,#ffd99300);border-radius:5px;width:26%;height:10px;animation:2.6s ease-in-out 1.5s infinite tear-glint;position:absolute;top:-6px;left:0}.pack--dragging .pack__tear:after,.pack--torn .pack__tear:after,.pack--torn .pack__sheen{opacity:0;animation:none}.pack__slit{height:6px;transform:translateX(calc(var(--cut-from) * 100%)) scaleX(calc(var(--cut-to) - var(--cut-from)));transform-origin:0;pointer-events:none;background:linear-gradient(90deg,#fff7d6,#ffd993);border-radius:3px;transition:transform .18s ease-out;position:absolute;top:calc(16% - 3px);left:0;right:0;box-shadow:0 0 10px #ffd993,0 0 26px #ffcf7a}.pack--dragging .pack__slit{transition:none}.pack--auto .pack__slit{transition:transform .25s ease-in-out}.pack--torn .pack__slit{opacity:0;transition:transform .25s ease-in,opacity .2s .12s}.pack__flash{opacity:var(--flash,0);pointer-events:none;background:radial-gradient(#fffbeaee,#ffd99300 70%);border-radius:16px;position:absolute;inset:-4%}.pack--torn .pack__flap{transform:translate(calc(var(--heading) * 34px), -120px) rotate(calc(var(--heading) * 24deg));opacity:0}.pack__flare{top:calc(16% - 32px);left:calc(50% + var(--heading) * 50% - 32px);opacity:0;pointer-events:none;background:radial-gradient(closest-side,#fffdf2,#ffe39ad0 35%,#ffd99300);border-radius:50%;width:64px;height:64px;position:absolute}.pack__flare:after{content:"";transform-origin:0;background:linear-gradient(90deg,#fffbe6,#ffd99300);border-radius:2px;width:110px;height:4px;position:absolute;top:calc(50% - 2px);left:50%;transform:scaleX(0)}.pack--torn .pack__flare{animation:.46s ease-out both pack-flare}.pack--torn .pack__flare:after{animation:.46s cubic-bezier(.2,.8,.3,1) both pack-streak}.pack--torn .pack__body{animation:.9s ease-in-out infinite alternate pack-glow}.pack--torn .pack__body:before{content:"";pointer-events:none;background:radial-gradient(#fff3c8,#ffd99300 70%);height:70px;position:absolute;top:-34px;left:8%;right:8%}@keyframes pack-flare{0%{opacity:0;transform:scale(.3)}15%{opacity:1}to{opacity:0;transform:scale(1.8)}}@keyframes pack-streak{0%{opacity:1;transform:scaleX(0)}to{transform:scaleX(var(--heading));opacity:0}}@keyframes pack-appear{0%{opacity:0;transform:translateY(40px)scale(.92)}}@keyframes pack-sway{0%{transform:rotate(-1.4deg)}to{transform:rotate(1.4deg)translateY(-4px)}}@keyframes pack-glow{0%{filter:drop-shadow(0 0 10px #ffd99366)}to{filter:drop-shadow(0 0 28px #ffd993cc)}}@keyframes pack-breathe{0%{opacity:.7}to{opacity:1}}@keyframes tear-glint{0%{opacity:0;transform:translate(-40%)}8%{opacity:1}42%{opacity:1;transform:translate(330%)}50%,to{opacity:0;transform:translate(330%)}}.pack-opening__cards{pointer-events:none;position:absolute;inset:0}.pack-card{--s:1;--u:calc(var(--px) / var(--s));--turn:1;--edge:0;--glow:0;--hint:0;--stamp:0;z-index:1;opacity:0;pointer-events:auto;will-change:transform, opacity;width:160px;height:266px;position:absolute;top:0;left:0}.pack-card--lifted{z-index:2}.pack-card__lift{perspective:700px;width:100%;height:100%;transition:transform .16s ease-out;position:relative}@media (prefers-reduced-motion:no-preference){:is(.pack-opening__stage--choosing,.pack-opening__stage--keeping) .pack-card__lift--chosen{transform:translateY(calc(-14 * var(--u)))}.pack-opening__stage--zoomed .pack-card--lifted .pack-card__lift{transform:none}}@media (prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){.pack-opening__stage--choosing .pack-card__lift:not(.pack-card__lift--chosen):hover{transform:translateY(calc(-5 * var(--u)))}}.pack-opening__stage--choosing .pack-card__face{cursor:pointer}.pack-card__turn{width:100%;height:100%;transform:rotateY(calc(var(--turn) * 180deg));position:relative}.pack-card__back,.pack-card__face{width:100%;height:100%;position:absolute;inset:0}.pack-card__back{border-radius:10px;box-shadow:0 8px 20px #030f1480}.pack-card__back--plain{background:#1b514d;border:2px solid #c69a4e}.pack-card__face{cursor:default;background:0 0;border:0;border-radius:10px;padding:0;transition:box-shadow .16s;display:none;transform:rotateY(180deg);box-shadow:0 8px 22px #030f1488}.pack-card__face:focus-visible{outline:calc(3 * var(--u)) solid #ffd993;outline-offset:calc(4 * var(--u))}.pack-card__lift--chosen .pack-card__face{box-shadow:0 0 0 calc(3 * var(--u)) #f4cf6e, 0 0 calc(22 * var(--u)) calc(2 * var(--u)) #ffd66f99, 0 8px 22px #030f1488}.pack-card--face .pack-card__face{display:block}.pack-card--face .pack-card__back,.pack-card--face .pack-card__hint{display:none}.pack-card__shade{opacity:calc(var(--edge) * .8);pointer-events:none;background:linear-gradient(90deg,#02080bd9,#02080b80 55%,#fff1);border-radius:10px;position:absolute;inset:0}.pack-card__glow{opacity:var(--glow);pointer-events:none;background:radial-gradient(#ffe3a0aa,#ffd99300 70%);border-radius:20px;position:absolute;inset:-12px}.pack-card--new .pack-card__glow{background:radial-gradient(#ffd66fe6,#ffc85000 72%);inset:-22px}.pack-card--new .pack-card__back{box-shadow:0 0 0 calc(var(--hint) * 2px) #f4cf6e, 0 0 calc(var(--hint) * 18px) calc(var(--hint) * 2px) #ffd66fa6, 0 8px 20px #030f1480}.pack-card__hint{mix-blend-mode:screen;opacity:var(--hint);pointer-events:none;background:linear-gradient(115deg,#fff0 32%,#fff3d670 45%,#ffe39aa6 50%,#fff3d670 55%,#fff0 68%) 100% 0/300% 100% no-repeat;border-radius:10px;animation:1.7s ease-in-out infinite hint-sheen;position:absolute;inset:0}.pack-card__hint:before,.pack-card__hint:after{content:"";clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);background:#fff6d6;width:22px;height:22px;animation:1.3s ease-in-out infinite glint;position:absolute}.pack-card__hint:before{top:14%;left:12%}.pack-card__hint:after{width:16px;height:16px;animation-delay:-.65s;bottom:18%;right:14%}.pack-card--new.pack-card--face .pack-card__face{box-shadow:0 0 0 2px #f2c55c,0 0 22px #ffd66f,0 8px 22px #030f1488}.pack-card__new{left:50%;bottom:calc(-10 * var(--u));padding:0 calc(8 * var(--u));color:#2a2418;font:700 calc(11 * var(--u)) / calc(20 * var(--u)) Georgia, serif;white-space:nowrap;box-shadow:0 0 0 calc(1 * var(--u)) #fff0c8, 0 0 calc(14 * var(--u)) #ffd99399;transform:translateX(-50%) scale(calc(1 + (1 - var(--stamp)) * 1.4)) rotate(calc((1 - var(--stamp)) * -18deg));opacity:clamp(0, calc(var(--stamp) * 4), 1);background:linear-gradient(#fff4d2 0%,#f5d796 34%,#e7bb6b 100%);border-radius:999px;position:absolute}@media (width>=900px) and (height>=500px){.pack-card__new{font-size:calc(14 * var(--u));line-height:calc(24 * var(--u));padding:0 calc(10 * var(--u))}}@media (height<=499px){.pack-card__new{bottom:calc(-9 * var(--u));font-size:calc(10 * var(--u));line-height:calc(18 * var(--u))}}.pack-card--rested{transition:transform .22s ease-out}.pack-opening__stage--dimmed .pack-card:not(.pack-card--lifted){filter:brightness(.4)}.pack-slot{z-index:1;pointer-events:none;background:#02080b66;border-radius:10px;width:160px;height:266px;position:absolute;top:0;left:0;box-shadow:inset 0 0 0 2px #f3dca42e}.pack-opening__arrows{z-index:5;pointer-events:none;position:absolute;inset:0}.pack-opening__arrow{width:calc(44 * var(--px));height:calc(44 * var(--px));border:calc(1.5 * var(--px)) solid #f3dca466;color:#ffe3a3;pointer-events:auto;cursor:pointer;background:#06181dcc;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}.pack-opening__arrow svg{width:55%;height:55%}.pack-opening__arrow[aria-disabled=true]{opacity:.3;cursor:default}@keyframes hint-sheen{0%{background-position:100% 0}70%,to{background-position:0 0}}@keyframes glint{0%,to{opacity:0;transform:scale(.2)rotate(0)}50%{opacity:1;transform:scale(1)rotate(45deg)}}.pack-rays{z-index:0;opacity:0;pointer-events:none;will-change:transform, opacity;width:360px;height:360px;position:absolute;top:0;left:0}.pack-rays__spin{background:repeating-conic-gradient(#ffe7a800 0deg,#ffe7a89c 5deg,#ffe7a800 10deg 22.5deg);border-radius:50%;animation:16s linear infinite rays-spin;position:absolute;inset:0;-webkit-mask:radial-gradient(closest-side,#000 20%,#0000);mask:radial-gradient(closest-side,#000 20%,#0000)}.pack-sparks{z-index:4;pointer-events:none;position:absolute;inset:0}.pack-spark{opacity:0;will-change:transform, opacity;background:radial-gradient(circle,#fffdf2 0 18%,#ffd66f 42%,#ffd66f00 70%);border-radius:50%;width:14px;height:14px;position:absolute;top:0;left:0}.pack-spark:nth-child(2n){clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);background:linear-gradient(#fffbe6,#ffcf5a);border-radius:0;width:18px;height:18px}.pack-opening__flash{z-index:5;opacity:0;pointer-events:none;background:radial-gradient(circle at 50% 46%,#fffdf0,#ffe9b0d0 22%,#ffd99338 58%,#ffd99300 85%);position:absolute;inset:0}@keyframes rays-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.pack-card--rested{transition:none}.pack-opening__keep[aria-busy=true]:before{animation:.18s .16s forwards keep-wait}}.packs{min-height:100%;padding:0 calc(16 * var(--px)) calc(32 * var(--px) + env(safe-area-inset-bottom));flex-direction:column;display:flex}.packs__stage{padding-top:calc(56 * var(--px));flex-direction:column;flex:none;align-items:center;display:flex}.packs__shelf{justify-content:center;align-items:center;gap:calc(52 * var(--px));height:calc(330 * var(--px));display:flex}.packs__shelf .pk,.packs__empty .pk{--w:calc(128 * var(--px))}.packs__item{flex-direction:column;align-items:center;display:flex;position:relative}.packs__stack{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;transition:filter .14s;display:block}button.packs__stack:hover{filter:brightness(1.08)}button.packs__stack:active{transform:translateY(1px)}button.packs__stack:focus-visible{outline:calc(3 * var(--px)) solid #ffd993;outline-offset:calc(8 * var(--px));border-radius:calc(8 * var(--px))}.packs__kind{margin-top:calc(14 * var(--px));font:calc(16 * var(--px)) / 1.2 Georgia, serif;color:#ebc57e;white-space:nowrap;pointer-events:none}.packs__count{top:calc(-10 * var(--px));right:calc(-16 * var(--px));z-index:3;padding:0 calc(10 * var(--px));color:#f2d37e;font:700 calc(16 * var(--px)) / calc(28 * var(--px)) Georgia, serif;box-shadow:0 0 0 calc(1.5 * var(--px)) #f2d37e, 0 calc(2 * var(--px)) calc(8 * var(--px)) #0009;background:#0d292c;border-radius:999px;position:absolute}.packs__line{justify-content:center;align-items:center;gap:calc(8 * var(--px));margin:calc(50 * var(--px)) 0 0;font:calc(17 * var(--px)) Georgia, serif;font-variant-numeric:tabular-nums;color:#e5dbbe;text-align:center;display:flex}.packs__line svg{width:calc(18 * var(--px));height:calc(18 * var(--px));color:#c5a76b;flex:none}@media (width<=899px) and (height>=500px) and (height<=699px){.packs__stage{padding-top:calc(20 * var(--px))}.packs__shelf{height:calc(270 * var(--px))}.packs__shelf .pk,.packs__empty .pk{--w:calc(112 * var(--px))}.packs__line{margin-top:calc(34 * var(--px))}}@media (width>=900px) and (height>=500px){.packs{min-height:0;padding:calc(25 * var(--px)) calc(48 * var(--px));grid-template-rows:auto;grid-template-columns:minmax(0,1fr);display:grid}.packs__stage{padding-top:0}.packs__shelf{gap:calc(72 * var(--px));height:auto}.packs__shelf .pk,.packs__empty .pk{--w:calc(176 * var(--px))}.packs__line{font-size:calc(19 * var(--px))}}@media (height<=499px){.packs{padding:0 max(calc(24 * var(--px)), env(safe-area-inset-right)) 0 max(calc(24 * var(--px)), env(safe-area-inset-left));grid-template-columns:minmax(0,1fr);align-content:start;display:grid}.packs__stage{padding-top:0}.packs__shelf{gap:calc(40 * var(--px));height:calc(240 * var(--px))}.packs__shelf .pk,.packs__empty .pk{--w:calc(104 * var(--px))}.packs__line{margin-top:calc(18 * var(--px));font-size:calc(16 * var(--px))}}.pack-badge{min-width:calc(28 * var(--px));height:calc(28 * var(--px));padding:0 calc(8 * var(--px));border-radius:calc(14 * var(--px));color:#fff;font:700 calc(15 * var(--px)) / calc(28 * var(--px)) system-ui, sans-serif;text-align:center;box-shadow:0 0 0 calc(2 * var(--px)) #fff4dc, 0 calc(2 * var(--px)) calc(8 * var(--px)) #0009;pointer-events:none;background:#d4513b}.sky-layers{display:none}@media (width>=900px) and (height>=500px){.home .home__sky{background:0 0}.sky-layers{pointer-events:none;display:block;position:absolute;inset:0;overflow:hidden}.sky-layer{transform:translate3d(calc(var(--mx,0) * var(--d) * -1 * var(--px)), calc(var(--my,0) * var(--d) * -.6 * var(--px)), 0);position:absolute}.sky-layer i{display:block}.sky-layers__tint{background:var(--sky-tint);position:absolute;inset:0}.sky-layer--base{--d:12;inset:0}.sky-layer--base i{background:url(/art/sunset-v1/sky-sunset.webp) 50%/cover;position:absolute;inset:0}.sky-layer--island,.sky-layer--islet-a,.sky-layer--islet-b{--d:22}.sky-layer--island i,.sky-layer--islet-a i,.sky-layer--islet-b i{width:100%;filter:drop-shadow(0 calc(22 * var(--px)) calc(20 * var(--px)) #3a2a6a55) saturate(.8) brightness(.96);background:url(/art/sunset-v1/atmosphere-atlas.webp) no-repeat}.sky-layer--island{width:calc(176 * var(--px));opacity:.92;top:47vh;left:3vw}.sky-layer--island i{aspect-ratio:384/348;background-position:62.9808% 1.18343%;background-size:533.333% 294.253%}.sky-layer--islet-a,.sky-layer--islet-b{opacity:.9}.sky-layer--islet-a i,.sky-layer--islet-b i{aspect-ratio:256/196;background-position:80.8036% .966184%;background-size:800% 522.449%}.sky-layer--islet-a{width:calc(124 * var(--px));top:27vh;right:4.6vw}.sky-layer--islet-a i{transform:scaleX(-1)}.sky-layer--islet-b{width:calc(150 * var(--px));top:55vh;right:7vw}.home--rail .sky-layer--island{left:auto;right:calc((100% - var(--home-w)) / 2 + var(--home-w) * .05);width:calc(190 * var(--px));top:38vh}.home--rail .sky-layer--islet-a{right:calc((100% - var(--home-w)) / 2 + var(--home-w) * .3);width:calc(110 * var(--px));top:8vh}.home--rail .sky-layer--islet-b{right:auto;left:calc((100% - var(--home-w)) / 2 + 380 * var(--px));width:calc(120 * var(--px));top:60vh}.sky-layer--cloud-l,.sky-layer--cloud-r{--d:34}.sky-layer--cloud-l i,.sky-layer--cloud-r i{aspect-ratio:1024/761;filter:brightness(.86)saturate(.9);background:url(/art/sunset-v1/atmosphere-atlas.webp) .78125% 3.04183%/200% 134.56% no-repeat;width:100%}.sky-layer--cloud-l{left:-13vw;bottom:calc(-300 * var(--px));width:calc(880 * var(--px))}.sky-layer--cloud-r{right:-14vw;bottom:calc(-330 * var(--px));width:calc(960 * var(--px))}.sky-layer--cloud-r i{transform:scaleX(-1)}}@media (width>=900px) and (height>=500px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.sky-layer--base{inset:calc(-48 * var(--px))}.sky-layer--base i{animation:120s ease-in-out infinite alternate sky-drift}.sky-layer--island i{animation:11s ease-in-out infinite alternate island-bob}.sky-layer--islet-a i{animation:8s ease-in-out -3s infinite alternate islet-bob-flipped}.sky-layer--islet-b i{animation:13s ease-in-out -6s infinite alternate island-bob}.sky-layer--cloud-l i{animation:70s ease-in-out infinite alternate cloud-slide}.sky-layer--cloud-r i{animation:84s ease-in-out infinite alternate cloud-slide-flipped}.sky-layers--asleep i{animation-play-state:paused}}@keyframes sky-drift{0%{transform:scale(1.02)}to{transform:scale(1.08)translate(-1.4%,.9%)}}@keyframes island-bob{0%{transform:translateY(calc(-5 * var(--px))) rotate(-.6deg)}to{transform:translateY(calc(7 * var(--px))) rotate(.6deg)}}@keyframes islet-bob-flipped{0%{transform:scaleX(-1) translateY(calc(-4 * var(--px)))}to{transform:scaleX(-1) translateY(calc(6 * var(--px)))}}@keyframes cloud-slide{0%{transform:translate(-2.5%)}to{transform:translate(2.5%)}}@keyframes cloud-slide-flipped{0%{transform:scaleX(-1)translate(-2%)}to{transform:scaleX(-1)translate(2.5%)}}.menu.home{isolation:isolate;background:#102e30;height:100%;min-height:0;padding:0;animation:.25s ease-out layer-fade-in;display:block;position:relative;overflow:hidden}.home__sky{--sky-tint:linear-gradient(180deg, #15343d44 0%, #13313a00 30%, #102d3566 62%, #0b2227f2 100%);background:var(--sky-tint), url(/art/sunset-v1/sky-sunset.webp) center / cover;position:absolute;inset:0}.home__sky--settling{pointer-events:none}.home__composition{width:min(100%, calc(1280 * var(--px)));height:100%;margin:0 auto;position:relative}.home__top{z-index:6;left:max(calc(16 * var(--px)), env(safe-area-inset-left));right:max(calc(16 * var(--px)), env(safe-area-inset-right));top:calc(12 * var(--px) + env(safe-area-inset-top));height:calc(44 * var(--px));align-items:center;gap:calc(10 * var(--px));display:flex;position:absolute}.home__gap{flex:1}.home__chip{align-items:center;gap:calc(9 * var(--px));min-width:0;height:calc(44 * var(--px));max-width:calc(250 * var(--px));padding:0 calc(16 * var(--px)) 0 calc(4 * var(--px));border:calc(1 * var(--px)) solid #c5a76b59;color:#fff4dc;font:calc(16 * var(--px)) Georgia, serif;white-space:nowrap;cursor:pointer;background:#0f2b33c4;border-radius:999px;transition:opacity .18s,filter .18s;display:flex}.home__chip--bare{padding:0 calc(3 * var(--px))}.home__chip-name{text-overflow:ellipsis;min-width:0;overflow:hidden}.home__chip .player-label__tag{color:#c8bd9c;font-size:calc(13 * var(--px));opacity:1;margin-left:0}.home__disc{width:calc(36 * var(--px));height:calc(36 * var(--px));color:#4a3510;font:700 calc(18 * var(--px)) Georgia, serif;box-shadow:inset 0 0 0 calc(1.5 * var(--px)) #fff6dc, 0 calc(1 * var(--px)) calc(4 * var(--px)) #0007;background:linear-gradient(#fff4d2 0%,#f5d796 34%,#e7bb6b 100%);border-radius:50%;flex:none;place-items:center;display:grid}.home__disc--guest{color:#c9d6cf;box-shadow:inset 0 0 0 calc(1.5 * var(--px)) #c5a76b88;background:#274c50}.home__disc svg{width:calc(22 * var(--px));height:calc(22 * var(--px))}.home__chip--dim,.home__daily--dim,.door--dim{opacity:.4;filter:saturate(.55)}.home :is([data-home-control=deck],[data-home-control=packs],[data-home-control=profile],[data-home-control=daily])[aria-busy=true]{opacity:.6;cursor:progress}.home__square{width:calc(44 * var(--px));height:calc(44 * var(--px));border:calc(7 * var(--px)) solid transparent;border-image:url(/art/ui-painted-v1/paper.webp) 24 fill / calc(10 * var(--px));color:#273b39;cursor:pointer;background:0 0;flex:none;place-items:center;padding:0;display:grid}.home__square:hover{filter:brightness(1.06)}.home__square svg{width:calc(22 * var(--px));height:calc(22 * var(--px))}.home__square b{font:700 calc(20 * var(--px)) / 1 Georgia, serif}.home__daily{z-index:6;right:max(calc(16 * var(--px)), env(safe-area-inset-right));top:calc(64 * var(--px) + env(safe-area-inset-top));justify-content:center;align-items:center;gap:calc(8 * var(--px));width:calc(98 * var(--px));height:calc(40 * var(--px));border:calc(1 * var(--px)) solid #c5a76b59;border-radius:calc(12 * var(--px));color:#fff4dc;font:calc(16 * var(--px)) / 1 Georgia, serif;background:#0f2b33c4;padding:0;transition:opacity .18s,filter .18s;display:flex;position:absolute}button.home__daily{box-shadow:0 0 calc(14 * var(--px)) #ffe2a040;cursor:pointer;border-color:#ebc57e}button.home__daily:hover{filter:brightness(1.06)}.home__daily-open{color:#ebc57e}.home__daily-count{margin-left:calc(-2 * var(--px));padding:0 calc(5 * var(--px));color:#f2d37e;font:700 calc(12 * var(--px)) / calc(18 * var(--px)) Georgia, serif;box-shadow:0 0 0 calc(1 * var(--px)) #f2d37e;background:#0d292c;border-radius:999px}.home__daily--wait{gap:calc(3 * var(--px));flex-direction:column}.home__daily-next{font:600 calc(10 * var(--px)) / 1 system-ui, -apple-system, sans-serif;color:#b9cbc4;white-space:nowrap}.home__daily-time{font:600 calc(16 * var(--px)) / 1 Georgia, serif;font-variant-numeric:tabular-nums;color:#ebc57e}@media (width<=899px) and (height<=699px) and (height>=500px){.home__daily{top:calc(110 * var(--px) + env(safe-area-inset-top))}}.home__brand{left:0;right:0;top:calc(62 * var(--px) + env(safe-area-inset-top));pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute}.home__brand img{width:calc(44 * var(--px));height:calc(44 * var(--px));filter:drop-shadow(0 calc(4 * var(--px)) calc(10 * var(--px)) #091f2466)}.home__brand h1{margin:calc(2 * var(--px)) 0 0;font:500 calc(40 * var(--px)) / 1 Georgia, serif;letter-spacing:-.04em;background:linear-gradient(#fff8e8,#f0d199 82%);color:#0000;filter:drop-shadow(0 calc(4 * var(--px)) calc(14 * var(--px)) #08222acc);-webkit-background-clip:text;background-clip:text}.home__stage,.home__halo{left:0;right:0;top:calc(150 * var(--px) + env(safe-area-inset-top));bottom:calc(214 * var(--px));pointer-events:none;position:absolute}.home__stage canvas{display:block}.home__stage--still:before{content:"";width:calc(120 * var(--px));height:calc(120 * var(--px));mix-blend-mode:screen;background:radial-gradient(closest-side,#fff7dd,#ffd98ecc 22%,#ffc76a44 52%,#ffc76a00);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-54%)}.home__cluster{z-index:5;left:max(calc(16 * var(--px)), env(safe-area-inset-left));right:max(calc(16 * var(--px)), env(safe-area-inset-right));bottom:calc(28 * var(--px) + env(safe-area-inset-bottom));max-width:calc(480 * var(--px));gap:calc(12 * var(--px));margin-inline:auto;display:grid;position:absolute}.home__secondary{gap:calc(10 * var(--px));grid-template-columns:1fr 1fr;display:grid}.home__paper{min-height:calc(48 * var(--px));padding:0 calc(10 * var(--px));border:calc(8 * var(--px)) solid transparent;border-image:url(/art/ui-painted-v1/paper.webp) 24 fill / calc(12 * var(--px));color:#273b39;font:calc(19 * var(--px)) Georgia, serif;cursor:pointer;background:0 0;place-items:center;transition:filter .14s;display:grid}.home__paper:hover:not(:disabled){filter:brightness(1.06)}.home__paper:active:not(:disabled){transform:translateY(1px)}.home__paper:disabled{opacity:.55;cursor:default}.home__main{grid-template-columns:calc(86 * var(--px)) 1fr calc(86 * var(--px));gap:calc(10 * var(--px));height:calc(106 * var(--px));grid-template-rows:minmax(0,1fr);transition:grid-template-columns .18s;display:grid}.home__main--busy{grid-template-columns:calc(64 * var(--px)) 1fr calc(64 * var(--px))}.home__main--busy .door{font-size:calc(15 * var(--px))}.home__main--busy .door__art{transform:scale(.8)}.play-slot{grid-template-rows:minmax(0,1fr);min-width:0;display:grid;position:relative}.play-slot:focus{outline:none}.play{align-content:center;place-items:center;gap:calc(2 * var(--px));min-width:0;padding:0 calc(8 * var(--px));border:calc(1.5 * var(--px)) solid #fff0c8;border-radius:calc(14 * var(--px));color:#2a2418;font:600 calc(34 * var(--px)) / 1 Georgia, serif;letter-spacing:.01em;text-shadow:0 calc(1 * var(--px)) 0 #fff6dc99;box-shadow:inset 0 0 0 calc(3 * var(--px)) #f6d99a, inset 0 0 0 calc(4.5 * var(--px)) #b88a3e66, 0 calc(4 * var(--px)) 0 #7d5f33, 0 calc(14 * var(--px)) calc(34 * var(--px)) #061c2999, 0 0 calc(38 * var(--px)) #ffd99333;cursor:pointer;background:linear-gradient(#fff4d2 0%,#f5d796 34%,#e7bb6b 100%);transition:filter .14s;display:grid;position:relative}button.play:hover:not(:disabled){filter:brightness(1.05)}button.play:active:not(:disabled){transform:translateY(calc(1 * var(--px)))}button.play:disabled{cursor:default;filter:saturate(.8)brightness(.96)}.play--busy{padding:0 calc(56 * var(--px)) 0 calc(16 * var(--px));font-size:calc(19 * var(--px));text-align:left;text-wrap:balance;justify-items:start}.play--busy small{font:600 calc(15 * var(--px)) / 1.3 Georgia, serif;color:#5b4521;letter-spacing:.02em;font-variant-numeric:tabular-nums}@media (width<=389px){.play--busy small{font-size:calc(13 * var(--px))}}@media (width<=359px){.home__main--busy{grid-template-columns:calc(52 * var(--px)) 1fr calc(52 * var(--px))}.play--busy small{font-size:calc(12 * var(--px))}}.play__x{right:calc(7 * var(--px));width:calc(44 * var(--px));height:calc(44 * var(--px));color:#2a2418;box-shadow:inset 0 0 0 calc(1.5 * var(--px)) #7d5f3399;cursor:pointer;background:#2a241810;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.play__x:hover{background:#2a241822}.play__x svg{width:calc(16 * var(--px));height:calc(16 * var(--px))}.play__dots{gap:calc(4 * var(--px));margin-left:calc(6 * var(--px));vertical-align:middle;display:inline-flex}.play__dots i{width:calc(5 * var(--px));height:calc(5 * var(--px));opacity:.4;background:#5b4521;border-radius:50%}.play__dots i:first-child{opacity:1}.play__dots i:nth-child(2){opacity:.7}.play--checking .play__dots{margin:0}.home .toast{top:auto;bottom:calc(206 * var(--px) + env(safe-area-inset-bottom))}.door-slot{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);min-width:0;display:grid;position:relative}.door{padding:calc(4 * var(--px)) 0 calc(7 * var(--px));border:calc(8 * var(--px)) solid transparent;border-image:url(/art/ui-painted-v1/button.webp) 24 fill / calc(12 * var(--px));color:#fff4dc;font:calc(17 * var(--px)) / 1 Georgia, serif;cursor:pointer;background:0 0;grid-template-rows:minmax(0,1fr) auto;justify-items:center;transition:opacity .18s,filter .18s;display:grid;position:relative}.door:hover:not(:disabled){filter:brightness(1.12)}.door:disabled{cursor:default;opacity:.6}.door__art{width:100%;min-height:0;padding-bottom:calc(8 * var(--px));place-items:center;transition:transform .18s;display:grid}.door__label{line-height:1}.door .pk{--w:calc(30 * var(--px));background:linear-gradient(#ffffff26,#fff0 50%),url(/art/menu-v1/pack-teal.png) 50%/cover}.door .pk img{width:58%}.door__packs{place-items:center;display:grid;position:relative}.door__glow{inset:calc(-6 * var(--px)) calc(-16 * var(--px));background:radial-gradient(closest-side,#ffe2a066,#ffe2a000);position:absolute}.door-slot .pack-badge{z-index:2;top:calc(-15 * var(--px));right:calc(-7 * var(--px));position:absolute}.deckart{width:calc(38 * var(--px));height:calc(50 * var(--px));position:relative}.deckart i{border-radius:calc(5 * var(--px));box-shadow:0 calc(2 * var(--px)) calc(6 * var(--px)) #000b, inset 0 0 0 calc(1.5 * var(--px)) #c5a76b;transform-origin:50% 100%;background:linear-gradient(#fdf6e4,#eadfc3);position:absolute;inset:0}.deckart i:first-child{transform:rotate(-13deg) translate(calc(-5 * var(--px)), calc(1 * var(--px)));filter:brightness(.86)}.deckart i:nth-child(2){transform:rotate(11deg) translate(calc(5 * var(--px)), calc(1 * var(--px)));filter:brightness(.93)}.deckart i:nth-child(3){transform:rotate(-1deg)}.deckart b{text-align:center;font:700 calc(22 * var(--px)) / 1 Georgia, serif;color:#4a3510;place-content:center;display:grid;position:absolute;inset:0}.door--wiggle{animation:.45s ease-in-out .25s door-wiggle}@keyframes door-wiggle{0%,to{transform:rotate(0)}15%{transform:rotate(-4deg)}35%{transform:rotate(4deg)}55%{transform:rotate(-4deg)}78%{transform:rotate(4deg)}}@media (width>=900px) and (height>=500px){.home__top{left:calc(28 * var(--px));right:calc(28 * var(--px));top:calc(24 * var(--px))}.home__daily{right:calc(28 * var(--px));top:calc(76 * var(--px))}.home__brand{top:calc(26 * var(--px))}.home__brand img{width:calc(58 * var(--px));height:calc(58 * var(--px))}.home__brand h1{font-size:calc(54 * var(--px))}.home__stage,.home__halo{top:calc(150 * var(--px));bottom:calc(236 * var(--px))}.home .toast{bottom:calc(236 * var(--px))}.home__cluster{left:0;right:0;bottom:calc(40 * var(--px));width:calc(720 * var(--px));gap:calc(16 * var(--px));max-width:none}.home__secondary{width:calc(424 * var(--px));gap:calc(16 * var(--px));margin:0 auto}.home__paper{min-height:calc(52 * var(--px));font-size:calc(20 * var(--px))}.home__main{grid-template-columns:calc(156 * var(--px)) 1fr calc(156 * var(--px));gap:calc(20 * var(--px));height:calc(116 * var(--px))}.home__main--busy{grid-template-columns:calc(156 * var(--px)) 1fr calc(156 * var(--px))}.home__main--busy .door{font-size:calc(20 * var(--px))}.home__main--busy .door__art{transform:none}.play{font-size:calc(42 * var(--px));border-radius:calc(16 * var(--px))}.play--busy{padding:0 calc(84 * var(--px)) 0 calc(32 * var(--px));font-size:calc(26 * var(--px))}.play--busy small{font-size:calc(18 * var(--px))}.play__x{right:calc(16 * var(--px));width:calc(52 * var(--px));height:calc(52 * var(--px))}.door{padding:calc(6 * var(--px)) 0 calc(8 * var(--px));font-size:calc(20 * var(--px))}.door .pk{--w:calc(34 * var(--px))}.door-slot .pack-badge{min-width:calc(32 * var(--px));height:calc(32 * var(--px));border-radius:calc(16 * var(--px));font-size:calc(17 * var(--px));line-height:calc(32 * var(--px))}.deckart{width:calc(44 * var(--px));height:calc(58 * var(--px))}.deckart b{font-size:calc(26 * var(--px))}}@media (height<=699px) and (height>=500px){.home__brand img{display:none}}@media (height<=499px){.home__brand{top:calc(16 * var(--px) + env(safe-area-inset-top))}.home__brand img{display:none}.home__brand h1{font-size:calc(38 * var(--px));margin:0}.home__stage{display:none}.home .toast{bottom:calc(194 * var(--px) + env(safe-area-inset-bottom))}.home__cluster{left:0;right:0;bottom:max(calc(16 * var(--px)), calc(env(safe-area-inset-bottom) + 8px));width:calc(390 * var(--px));max-width:none}}.keycap{display:none}@media (width>=900px) and (height>=500px){.keycap{min-width:calc(24 * var(--px));height:calc(24 * var(--px));padding:0 calc(7 * var(--px));border-radius:calc(6 * var(--px));font:600 calc(12.5 * var(--px)) / 1 system-ui, -apple-system, sans-serif;letter-spacing:.03em;color:#fff4dc;box-shadow:inset 0 0 0 calc(1 * var(--px)) #c5a76b99, 0 calc(2 * var(--px)) 0 #051418;opacity:0;transform:translateY(calc(2 * var(--px)));pointer-events:none;background:#0b2328d9;place-items:center;transition:opacity .16s,transform .16s;display:inline-grid;position:absolute}.keycap--gold{color:#6b5228;box-shadow:inset 0 0 0 calc(1 * var(--px)) #9c7a4288, 0 calc(1.5 * var(--px)) 0 #9c7a4255;background:#fff6dc70}.keycap--paper{color:#6b6250;box-shadow:inset 0 0 0 calc(1 * var(--px)) #bcae8f, 0 calc(1.5 * var(--px)) 0 #bcae8f;background:#f6eedb}.home__paper{position:relative}.play>.keycap{right:calc(16 * var(--px));margin-block:auto;inset-block:0}.home__paper>.keycap{right:calc(8 * var(--px));margin-block:auto;inset-block:0}.door>.keycap{left:calc(6 * var(--px));top:calc(6 * var(--px))}.door--dim>.keycap,button:disabled>.keycap{display:none}.play--busy small .keycap{margin-left:calc(10 * var(--px));vertical-align:middle;position:static}.home--keys .keycap,button:focus-visible>.keycap{opacity:1;transform:none}.play-slot:has(.play__x:focus-visible) .keycap{opacity:1;transform:none}}@media (width>=900px) and (height>=500px) and (hover:hover) and (pointer:fine){button:hover>.keycap{opacity:1;transform:none}.play-slot:has(.play__x:hover) .keycap{opacity:1;transform:none}.home__chip:hover,.home__square:hover,button.home__daily:hover,.home__paper:hover:not(:disabled){filter:brightness(1.06)}.door:hover:not(:disabled){filter:brightness(1.08)}}@media (width>=900px) and (height>=500px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.home__chip,.home__square,.home__daily,.home__paper,.door{transition:opacity .18s,filter .18s,transform .2s cubic-bezier(.2,.7,.2,1)}.play{transition:filter .14s,transform .2s cubic-bezier(.2,.7,.2,1),box-shadow .2s}button.play:hover:not(:disabled){transform:translateY(calc(-3 * var(--px)));box-shadow:inset 0 0 0 calc(3 * var(--px)) #f6d99a, inset 0 0 0 calc(4.5 * var(--px)) #b88a3e66, 0 calc(4 * var(--px)) 0 #7d5f33, 0 calc(14 * var(--px)) calc(34 * var(--px)) #061c2999, 0 0 calc(44 * var(--px)) #ffd993d0}.door:hover:not(:disabled){transform:translateY(calc(-6 * var(--px)))}.home__chip:hover,.home__square:hover,button.home__daily:hover,.home__paper:hover:not(:disabled){transform:translateY(calc(-2 * var(--px)))}button.play:active:not(:disabled),.door:active:not(:disabled),.home__chip:active,.home__square:active,button.home__daily:active,.home__paper:active:not(:disabled){transform:translateY(calc(1 * var(--px)))}.deckart i,.door--packs .pk{transition:transform .26s cubic-bezier(.2,.9,.25,1.15)}.door--deck:hover:not(:disabled) .deckart i:first-child{transform:rotate(-20deg) translate(calc(-9 * var(--px)), calc(1 * var(--px)))}.door--deck:hover:not(:disabled) .deckart i:nth-child(2){transform:rotate(18deg) translate(calc(9 * var(--px)), calc(1 * var(--px)))}.door--packs:hover:not(:disabled) .pk-stack>.pk:last-child,.door--packs:hover:not(:disabled) .door__art>.pk{transform:rotate(2deg)}}.home__halo{display:none}@media (width>=900px) and (height>=500px){.home__halo{display:block}.home__halo:before{content:"";aspect-ratio:4/3;opacity:0;background:radial-gradient(closest-side,#ffe7b870,#ffe7b820 55%,#ffe7b800);height:90%;transition:opacity .45s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.home__halo--on:before{opacity:1}}@media (width>=900px) and (height>=500px) and (prefers-reduced-motion:no-preference){.home__stage--still:before{transition:transform .45s}.home__stage--still.home__stage--charged:before{transform:translate(-50%,-54%)scale(1.6)}}.lobby-notice__head{align-items:center;gap:calc(12 * var(--px));display:flex}.lobby-notice__head .panel__title{flex:1}.home--rail{--home-w:min(100%, 200dvh)}.home--rail .home__composition{width:var(--home-w)}.home--rail .home__stage,.home--rail .home__halo{left:calc(354 * var(--px));right:calc(16 * var(--px));top:calc(16 * var(--px));bottom:calc(182 * var(--px))}main.home--rail .toast{left:calc(354 * var(--px) + (100% - 370 * var(--px)) / 2);bottom:calc(182 * var(--px))}.rail{z-index:3;left:calc(16 * var(--px));top:calc(16 * var(--px));bottom:calc(16 * var(--px));width:calc(320 * var(--px));padding:calc(22 * var(--px)) calc(24 * var(--px)) calc(24 * var(--px));filter:drop-shadow(0 calc(18 * var(--px)) calc(34 * var(--px)) #061a22b0);flex-direction:column;display:flex;position:absolute}.rail:after{content:"";z-index:-1;border:calc(14 * var(--px)) solid transparent;border-image:url(/art/ui-painted-v1/panel.webp) 24 fill / calc(14 * var(--px));pointer-events:none;position:absolute;inset:0}.rail:before{content:"";border-radius:calc(8 * var(--px));pointer-events:none;background:radial-gradient(120% 34% at 50% 0,#ebc57e1c,#ebc57e00 70%),linear-gradient(#0000 60%,#03141a40);position:absolute;inset:0}.rail__brand{align-items:center;gap:calc(10 * var(--px));height:calc(48 * var(--px));padding:0 calc(6 * var(--px));flex:none;display:flex}.rail__brand img{width:calc(40 * var(--px));height:calc(40 * var(--px));filter:drop-shadow(0 calc(3 * var(--px)) calc(8 * var(--px)) #0009)}.rail__brand h1{font:500 calc(28 * var(--px)) / 1 Georgia, serif;letter-spacing:-.04em;white-space:nowrap;background:linear-gradient(#fff8e8,#f0d199 82%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0}.home--rail .play-slot{height:calc(92 * var(--px));margin-top:calc(10 * var(--px));flex:none}.home--rail .play{font-size:calc(44 * var(--px));border-radius:calc(14 * var(--px))}.home--rail .play>.keycap{right:calc(14 * var(--px))}.home--rail .play--busy{padding:0 calc(64 * var(--px)) 0 calc(16 * var(--px));font-size:calc(21 * var(--px))}.home--rail .play--busy small{font-size:calc(17 * var(--px))}.home--rail .play__x{right:calc(10 * var(--px));width:calc(44 * var(--px));height:calc(44 * var(--px))}.rail__list{gap:calc(2 * var(--px));margin-top:calc(10 * var(--px));flex:none;display:grid}.rail__list--flush{margin-top:0}.rail__rule{height:1px;margin:calc(10 * var(--px)) calc(8 * var(--px));background:linear-gradient(90deg,#c5a76b00,#c5a76b70 20% 80%,#c5a76b00);flex:none}.rail__row{grid-template-columns:calc(44 * var(--px)) minmax(0, 1fr) auto;align-items:center;column-gap:calc(12 * var(--px));width:100%;height:calc(50 * var(--px));padding:0 calc(10 * var(--px)) 0 calc(6 * var(--px));border-radius:calc(10 * var(--px));color:#fff4dc;font:calc(20 * var(--px)) / 1 Georgia, serif;text-align:left;cursor:pointer;background:0 0;border:0;transition:background .15s,color .15s,opacity .18s,filter .18s;display:grid;position:relative}.rail__row--tall{height:calc(62 * var(--px))}.rail__row:disabled{opacity:.55;cursor:default}.rail__icon{color:#ebc57e;place-items:center;height:100%;display:grid}.rail__icon svg{width:calc(26 * var(--px));height:calc(26 * var(--px))}.rail__label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.rail__row:before{content:"";left:calc(-10 * var(--px));top:calc(12 * var(--px));bottom:calc(12 * var(--px));width:calc(3 * var(--px));border-radius:0 calc(3 * var(--px)) calc(3 * var(--px)) 0;opacity:0;background:#ebc57e;transition:opacity .15s;position:absolute}.rail__row:focus-visible:before{opacity:1}.rail__row:focus-visible{outline-offset:calc(-3 * var(--px));color:#fff;background:linear-gradient(90deg,#ebc57e40,#ebc57e0e 62%,#ebc57e00)}.rail__row--dim{opacity:.4;filter:saturate(.5)}.rail__row>.keycap{position:static}.rail__row--hot,.rail__row--hot:before{color:#fff}.rail__row--hot{background:linear-gradient(90deg,#ebc57e40,#ebc57e0e 62%,#ebc57e00)}.rail__row--hot:before{opacity:1;background:#ebc57e}.rail__row--dim>.keycap{display:none}.rail__row .deckart{width:calc(30 * var(--px));height:calc(40 * var(--px))}.rail__row .deckart i{border-radius:calc(4 * var(--px))}.rail__row .deckart b{font-size:calc(20 * var(--px))}.rail__row--packs .rail__icon{--w:calc(22 * var(--px))}.rail__row .pk{filter:brightness(1.25);background:linear-gradient(#ffffff40,#ffffff08 55%),url(/art/menu-v1/pack-teal.png) 50%/cover}.rail__row .pk-stack>.pk--behind-1,.rail__row .pk-stack>.pk--behind-2{filter:brightness()}.rail__row .pk img{width:58%}.rail__slot{position:relative}.rail__slot .pack-badge{z-index:2;right:calc(46 * var(--px));min-width:calc(26 * var(--px));height:calc(26 * var(--px));border-radius:calc(13 * var(--px));font-size:calc(14 * var(--px));line-height:calc(26 * var(--px));position:absolute;top:50%;transform:translateY(-50%)}.rail__row--profile{height:calc(54 * var(--px));grid-template-columns:calc(44 * var(--px)) minmax(0, 1fr);font-size:calc(19 * var(--px))}.rail__row--profile .home__disc{justify-self:center}.rail__row .player-label__tag{margin-left:calc(4 * var(--px));color:#c8bd9c;font-size:calc(13 * var(--px));opacity:1}.rail__foot{align-items:center;gap:calc(8 * var(--px));padding:0 calc(4 * var(--px));flex:none;display:flex}.rail__foot .dev-console-button{margin-left:auto}.rail__rule--foot{margin:calc(8 * var(--px)) calc(8 * var(--px))}.rail__recent-slot{min-height:0;margin-top:calc(12 * var(--px));flex:1 1 0;position:relative;overflow:hidden}.rail__probe{visibility:hidden;pointer-events:none;width:1px;position:absolute;left:0}.rail__probe--header{height:calc(24 * var(--px));top:0}.rail__probe--row{height:calc(30 * var(--px));top:0}.rail__recent{padding:0 calc(6 * var(--px));transition:opacity .18s,filter .18s}.rail__recent--dim{opacity:.4;filter:saturate(.5)}.rail__recent h2{align-items:center;gap:calc(10 * var(--px));height:calc(24 * var(--px));font:400 calc(15 * var(--px)) / 1 Georgia, serif;color:#c8bd9c;margin:0;display:flex}.rail__recent h2:after{content:"";background:linear-gradient(90deg,#c5a76b66,#c5a76b00);flex:1;height:1px}.rail__recent ul{margin:0;padding:0;list-style:none}.rail__recent .rrow{grid-template-columns:calc(44 * var(--px)) minmax(0, 1fr) auto;gap:calc(12 * var(--px));height:calc(30 * var(--px));min-height:0;padding:0 calc(4 * var(--px)) 0 calc(2 * var(--px));color:#fff4dc;font-size:calc(15 * var(--px));border-top:0}.rail__recent .rrow__result{height:calc(20 * var(--px));font-size:calc(11.5 * var(--px));letter-spacing:.02em}.rail__recent .rrow__result--win{background:#2f7465;box-shadow:inset 0 0 0 1px #7fc1ae55}.rail__recent .rrow__result--loss{box-shadow:inset 0 0 0 1px #ffb09a44}.rail__recent .rrow__who{overflow-wrap:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rail__recent .rrow .player-label__tag{color:#c8bd9c;font-size:calc(12.5 * var(--px));margin-left:3px}.rail__recent .rrow__when{font-size:calc(12.5 * var(--px));color:#b9cbc4aa;font-variant-numeric:tabular-nums}.rail__recent-none{padding:0 calc(2 * var(--px));font:calc(14 * var(--px)) / calc(30 * var(--px)) system-ui, -apple-system, "Segoe UI", sans-serif;color:#b9cbc4aa;margin:0}.rail-tiles{z-index:2;left:calc(354 * var(--px));right:calc(16 * var(--px));bottom:calc(16 * var(--px));max-width:calc(1040 * var(--px));height:calc(150 * var(--px));grid-template-columns:repeat(2, minmax(0, calc(380 * var(--px))));justify-content:center;gap:calc(18 * var(--px));margin-inline:auto;display:grid;position:absolute}.rail-tile{min-width:0;padding:calc(4 * var(--px)) calc(8 * var(--px));border:calc(14 * var(--px)) solid transparent;border-image:url(/art/ui-painted-v1/panel.webp) 24 fill / calc(14 * var(--px));color:#fff4dc;text-align:left;filter:drop-shadow(0 calc(14 * var(--px)) calc(24 * var(--px)) #061a22a0);background:0 0;flex-direction:column;transition:transform .18s cubic-bezier(.2,.8,.2,1),filter .18s,opacity .18s;display:flex;position:relative}button.rail-tile,.rail-tile--deck,.rail-tile--next{cursor:pointer}.rail-tile--dim{opacity:.62;filter:saturate(.35) brightness(.7) drop-shadow(0 calc(14 * var(--px)) calc(24 * var(--px)) #061a22a0)}.rail-tile header,.rail-tile__head{justify-content:space-between;align-items:baseline;gap:calc(10 * var(--px));font:calc(19 * var(--px)) / 1.1 Georgia, serif;display:flex;position:relative}.rail-tile header b{align-items:center;gap:calc(5 * var(--px));font:600 calc(17 * var(--px)) Georgia, serif;color:#ebc57e;font-variant-numeric:tabular-nums;display:flex}.rail-tile header svg{width:calc(14 * var(--px));height:calc(14 * var(--px))}.rail-tile__body{align-content:center;place-items:center;gap:calc(4 * var(--px));flex:1;min-height:0;display:grid;position:relative}.rail-tile .deckart{width:calc(58 * var(--px));height:calc(78 * var(--px))}.rail-tile .deckart i{border-radius:calc(6 * var(--px))}.rail-tile .deckart i:first-child{transform:rotate(-13deg) translate(calc(-8 * var(--px)), calc(1 * var(--px)))}.rail-tile .deckart i:nth-child(2){transform:rotate(11deg) translate(calc(8 * var(--px)), calc(1 * var(--px)))}.rail-tile .deckart b{font-size:calc(30 * var(--px))}.rail-tile__body small{font:calc(12.5 * var(--px)) / 1.2 system-ui, -apple-system, "Segoe UI", sans-serif;color:#b9cbc4;text-align:center}.rail-tile--ready .rail-tile__body{justify-content:center;gap:calc(22 * var(--px));grid-auto-flow:column}.rail-tile__count{top:calc(-6 * var(--px));right:calc(-14 * var(--px));z-index:1;padding:0 calc(6 * var(--px));color:#f2d37e;font:700 calc(13 * var(--px)) / calc(20 * var(--px)) Georgia, serif;box-shadow:0 0 0 calc(1 * var(--px)) #f2d37e, 0 calc(2 * var(--px)) calc(6 * var(--px)) #0009;background:#0d292c;border-radius:999px;position:absolute}.rail-tile__open{padding:calc(6 * var(--px)) calc(18 * var(--px));border:calc(1 * var(--px)) solid #ebc57e;color:#ebc57e;font:600 calc(17 * var(--px)) / 1 Georgia, serif;box-shadow:0 0 calc(14 * var(--px)) #ffe2a033;border-radius:999px}@media (hover:hover) and (pointer:fine){.rail__row:hover:not(:disabled){color:#fff;background:linear-gradient(90deg,#ebc57e40,#ebc57e0e 62%,#ebc57e00)}.rail__row:hover:not(:disabled):before{opacity:1}.rail-tile:hover:not(.rail-tile--dim){filter:drop-shadow(0 calc(20 * var(--px)) calc(30 * var(--px)) #061a22c0) brightness(1.06)}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.rail__icon{transition:transform .18s cubic-bezier(.2,.8,.2,1.2)}.rail__row:hover:not(:disabled) .rail__icon,.rail__row--hot .rail__icon{transform:translateY(calc(-2 * var(--px))) scale(1.06)}.rail-tile:hover:not(.rail-tile--dim){transform:translateY(calc(-4 * var(--px)))}.rail-tile .deckart i{transition:transform .26s cubic-bezier(.2,.9,.25,1.15)}.rail-tile--deck:hover:not(.rail-tile--dim) .deckart i:first-child{transform:rotate(-20deg) translate(calc(-18 * var(--px)), calc(1 * var(--px)))}.rail-tile--deck:hover:not(.rail-tile--dim) .deckart i:nth-child(2){transform:rotate(18deg) translate(calc(18 * var(--px)), calc(1 * var(--px)))}}@media (prefers-reduced-motion:no-preference){.rail__row--wiggle .rail__icon{animation:.45s ease-in-out .25s door-wiggle}}.menu dialog.panel.delete-account[open]{width:min(calc(360 * var(--px)), calc(100% - 32px));padding:calc(20 * var(--px)) calc(26 * var(--px)) calc(24 * var(--px));text-align:center;align-items:stretch;gap:0}.menu dialog.panel.delete-account::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#061a20ad}.delete-account__title{margin:calc(4 * var(--px)) 0 calc(10 * var(--px));font:400 calc(26 * var(--px)) / 1.15 Georgia, serif;color:#614b29}.menu dialog.panel.delete-account .panel__text{font:calc(15 * var(--px)) / 1.4 system-ui, -apple-system, "Segoe UI", sans-serif;color:#596b64}.delete-account__error{font:calc(15 * var(--px)) / 1.4 system-ui, -apple-system, "Segoe UI", sans-serif;color:#8b3934;margin:0}.delete-account__error:not(:empty){margin-top:calc(12 * var(--px))}.delete-account__actions{gap:calc(10 * var(--px));margin-top:calc(18 * var(--px));display:grid}.delete-account__delete{min-height:calc(54 * var(--px));padding:0 calc(12 * var(--px));border:calc(1.5 * var(--px)) solid #d69a8c;border-radius:calc(11 * var(--px));color:#fff4ee;font:600 calc(19 * var(--px)) Georgia, serif;box-shadow:0 calc(3 * var(--px)) 0 #5e2a20;cursor:pointer;background:linear-gradient(#b85a48,#963f30);place-items:center;display:grid}.delete-account__delete:hover:not([aria-disabled=true]){filter:brightness(1.06)}.delete-account__cancel{min-height:max(44px, calc(44 * var(--px)));padding:0 calc(16 * var(--px));color:#596b64;font:calc(16 * var(--px)) Georgia, serif;text-underline-offset:calc(4 * var(--px));cursor:pointer;background:0 0;border:0;text-decoration:underline}.delete-account__cancel:hover{color:#273b39}.delete-account button[aria-disabled=true]{cursor:default;opacity:.6}@media (width>=900px) and (height>=500px){.menu dialog.panel.delete-account[open]{width:calc(400 * var(--px))}}@media (height<=499px){.menu dialog.panel.delete-account[open]{width:calc(380 * var(--px))}}.friend{flex-direction:column;display:flex}.friend:focus{outline:none}.friend .gold-button{order:2}.friend__or{align-items:center;gap:calc(12 * var(--px));margin:calc(18 * var(--px)) 0 calc(12 * var(--px));font:calc(15 * var(--px)) Georgia, serif;color:#596b64;order:10;display:flex}.friend__or:before,.friend__or:after{content:"";background:#b3a48899;flex:1;height:1px}.friend__join{gap:calc(10 * var(--px));order:11;grid-template-columns:minmax(0,1fr) auto;display:grid}.friend__field{min-width:0;height:calc(54 * var(--px));padding:0 calc(16 * var(--px));border-radius:calc(10 * var(--px));color:#273b39;font:600 calc(20 * var(--px)) / 1 ui-monospace, "SF Mono", Menlo, monospace;letter-spacing:.12em;text-transform:uppercase;background:#fffaf0;border:1px solid #b3a488}.friend__field::placeholder{color:#9a917d;text-transform:none}.friend__join .paper-button{min-height:calc(54 * var(--px));min-width:calc(96 * var(--px))}.friend .paper-button[aria-disabled=true]{opacity:.55;cursor:default}.friend__error{font:calc(15 * var(--px)) / 1.4 system-ui, -apple-system, "Segoe UI", sans-serif;color:#8b3934;order:12;margin:0}.friend__error:not(:empty){margin-top:calc(10 * var(--px))}.friend__code{height:calc(72 * var(--px));margin:0 0 calc(14 * var(--px));border-radius:calc(10 * var(--px));color:#614b29;font:600 calc(32 * var(--px)) / 1 ui-monospace, "SF Mono", Menlo, monospace;letter-spacing:.16em;-webkit-user-select:all;user-select:all;cursor:pointer;background:#ded2b666;border:1px solid #b3a488;order:1;place-items:center;padding:0 0 0 .16em;display:grid}.friend__code:hover{background:#ded2b699}.friend__status{text-align:center;font:calc(15 * var(--px)) / 1.4 Georgia, serif;color:#596b64;order:3;margin:0}.friend__status:not(:empty){margin-top:calc(10 * var(--px))}.friend__status--busy{justify-content:center;align-items:center;gap:calc(10 * var(--px));padding:calc(56 * var(--px)) 0;font-size:calc(16 * var(--px));margin:0;display:flex}.friend__status--busy:before,.friend__spin{content:"";width:calc(16 * var(--px));height:calc(16 * var(--px));border:calc(2 * var(--px)) solid #b3a488;border-top-color:#614b29;border-radius:50%;flex:none;animation:.9s linear infinite friend-spin}@keyframes friend-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.friend__status--busy:before,.friend__spin{animation:none}}.friend__wait{justify-content:center;align-items:center;gap:calc(10 * var(--px));margin:calc(14 * var(--px)) 0 0;font:calc(16 * var(--px)) Georgia, serif;color:#596b64;order:4;display:flex}.friend__quiet{margin:calc(4 * var(--px)) auto 0;min-height:max(44px, calc(44 * var(--px)));padding:0 calc(16 * var(--px));color:#596b64;font:calc(16 * var(--px)) Georgia, serif;text-underline-offset:calc(4 * var(--px));cursor:pointer;background:0 0;border:0;order:5;text-decoration:underline;display:block}.friend__quiet:hover{color:#273b39}.friend__quiet[aria-disabled=true]{cursor:default;opacity:.6}.levels{display:grid}.level{column-gap:calc(12 * var(--px));width:100%;min-height:calc(66 * var(--px));margin-top:calc(10 * var(--px));padding:calc(8 * var(--px)) calc(16 * var(--px)) calc(9 * var(--px));border:calc(8 * var(--px)) solid transparent;border-image:url(/art/ui-painted-v1/button.webp) 24 fill / calc(12 * var(--px));color:#fff4dc;text-align:left;font:calc(20 * var(--px)) / 1.2 Georgia, serif;cursor:pointer;background:0 0;grid-template-columns:auto 1fr;align-items:center;transition:filter .14s,transform .1s;display:grid}.level:first-child{margin-top:calc(4 * var(--px))}.level:hover{filter:brightness(1.16)}.level:active{filter:brightness(.95);transform:translateY(1px)}.level__hint{font:calc(14 * var(--px)) / 1.3 system-ui, -apple-system, "Segoe UI", sans-serif;color:#b9cbc4;grid-column:1/-1}.level__pips{gap:calc(6 * var(--px));padding-left:calc(2 * var(--px));display:flex}.level__pip{width:calc(8 * var(--px));height:calc(8 * var(--px));border:calc(1.5 * var(--px)) solid #d9b56f;transform:rotate(45deg)}.level__pip--on{background:#ebc57e;border-color:#ebc57e}@media (height<=499px){.level{min-height:58px;margin-top:8px;padding:6px 16px 7px}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--step:.14s ease-out;--shadow-panel:0 24px 90px #071c28a6;--px:1px;--sky-veil:linear-gradient(#071b2266 0%, #06181d00 30%, #06181dcc 100%);--sky-still:url(/art/menu-v1/sky-dim.webp)}@media (width>=900px){:root{--px:clamp(1px, min(100vw / 1280, 100dvh / 800, .7 * 100vw / 1280 + .3375px, .7 * 100dvh / 800 + .3375px), 1.8px)}}*{box-sizing:border-box}html,body,#root{height:100%}#root{height:100dvh}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:14px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}button,input{font:inherit}button{touch-action:manipulation}:focus-visible{outline:3px solid var(--friendly);outline-offset:4px}.button{border:1px solid var(--line);background:var(--surface);min-height:46px;color:var(--text);cursor:pointer;transition:background-color var(--step), border-color var(--step), transform var(--step);border-radius:9px;padding:11px 22px;font-weight:600}.button:hover:not(:disabled){border-color:var(--accent);background-color:#245354}.button:active:not(:disabled){transform:translateY(1px)}.button:disabled{opacity:.45;cursor:default}.button--primary{background:linear-gradient(#fff3, #fff0) var(--accent);color:var(--accent-text);border-color:#ffe8b7;box-shadow:0 3px #796044,0 6px 20px #061c2929}.button--primary:hover:not(:disabled){background-color:#ffe2a6}.button--quiet{color:var(--muted);background:0 0}.button--danger{color:#ffe0d7;background:#512d2a;border-color:#ac7165}.button--danger:hover:not(:disabled){border-color:var(--danger);background-color:#683c35}.input{border:1px solid var(--line);background:var(--sunken);width:100%;color:var(--text);letter-spacing:.16em;text-transform:uppercase;border-radius:9px;padding:14px 18px;font:600 22px/1.4 ui-monospace,monospace}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:var(--accent);margin:0;font-size:11px;font-weight:700}.fallback{isolation:isolate;background:linear-gradient(90deg,#102e30f5 0%,#102e30e6 32%,#102e3066 75%),url(/art/sunset-v1/sky-sunset.webp) 50%/cover;min-height:100%;position:relative;overflow:hidden}.menu__row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.menu__resume{background:#153a3bec;border:1px solid #bfa47773;border-radius:13px;max-width:430px;margin:26px 0 0;padding:18px;box-shadow:0 16px 44px #06202b5c}.menu__resume .menu__row{justify-content:flex-start;margin-top:14px}.menu__note,.menu__error{margin:0}.menu__note{color:var(--muted)}.menu__note--standalone{margin-top:26px}.menu__error{border:1px solid var(--danger);max-width:42ch;color:var(--danger);background:#4b2a2980;border-left-width:4px;border-radius:10px;padding:12px 15px}.fallback{place-items:center;padding:32px;display:grid}.fallback__panel{width:min(100%,510px);box-shadow:var(--shadow-panel);text-align:center;background:#153a3bf5;border:1px solid #bfa47780;border-radius:18px;justify-items:center;gap:20px;padding:40px;display:grid}.fallback__status{color:var(--muted);align-items:center;gap:10px;margin:6px 0;display:flex}.fallback__status:before{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #ebc57e15}.table{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;height:100%;animation:.25s ease-out layer-fade-in;position:relative;overflow:hidden}.table input,.table textarea{-webkit-user-select:text;user-select:text}.stage{position:absolute;inset:0}.stage canvas{touch-action:none;display:block}.arena-cover{z-index:350;text-align:center;background:#0b2726;align-content:center;justify-items:center;gap:14px;padding:24px;display:grid;position:absolute;inset:0}.arena-cover__title{color:var(--text);margin:0;font-size:clamp(20px,3vw,28px);font-weight:600}.arena-cover__detail{color:var(--muted);margin:0}.arena-cover__bar{background:var(--sunken);border-radius:3px;width:min(320px,70vw);height:6px;overflow:hidden}.arena-cover__bar>span{background:var(--accent);border-radius:3px;height:100%;transition:width .16s linear;display:block}.arena-notice{z-index:400;background:var(--surface);color:var(--text);border-radius:8px;align-items:center;gap:12px;padding:8px 12px;display:flex;position:absolute;top:80px;left:16px}.menu-button{z-index:400;border:1px solid var(--line);background:var(--surface);width:42px;height:44px;color:var(--text);cursor:pointer;border-radius:9px;place-items:center;padding:0;display:grid;position:absolute;top:16px;right:12px;box-shadow:0 3px 12px #102e3033}.menu-button:hover{border-color:var(--accent)}.menu-button__bars,.menu-button__bars:before,.menu-button__bars:after{background:var(--text);border-radius:2px;width:17px;height:2px;display:block}.menu-button__bars{position:relative}.menu-button__bars:before,.menu-button__bars:after{content:"";position:absolute;left:0}.menu-button__bars:before{top:-5px}.menu-button__bars:after{top:5px}.player-label__tag{opacity:.65;margin-left:1px;font-size:.8em}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.face-images{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed;top:-8px;left:-8px;overflow:hidden}.card-picture{aspect-ratio:160/266;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border-radius:6%/3.6%;width:100%;display:block}.card-picture--plain{color:#273b39;text-align:left;background:linear-gradient(#d8cbb2 0 48%,#f1e9d6 48%);border:1px solid #b9b09e;flex-direction:column;justify-content:flex-end;gap:2px;padding:10%;display:flex}.card-picture--plain strong{font:600 15px/1.2 Georgia,serif}.card-picture--plain span{color:#596b64;font-size:12px}.card-art{aspect-ratio:6/5;background:#e6dcc4;display:block;position:relative;overflow:hidden}.card-art img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:108.108%;max-width:none;margin:-5.293% 0 0 -4.054%;position:absolute;top:0;left:0}.card-art--plain{color:#614b29;text-align:center;overflow-wrap:anywhere;background:linear-gradient(#d8cbb2,#eee4cf);place-items:center;padding:4px;font:600 11px/1.1 Georgia,serif;display:grid}.hud--stale{z-index:400;background:var(--surface);color:var(--text);border-radius:8px;align-items:center;gap:12px;padding:8px 12px;display:flex;position:absolute;top:80px;left:16px}.toast{z-index:500;border:1px solid var(--danger);background:var(--surface);width:max-content;max-width:min(560px,100% - 32px);box-shadow:var(--shadow-panel);border-radius:10px;align-items:center;gap:12px;padding:12px 16px;display:flex;position:absolute;top:82px;left:50%;transform:translate(-50%)}.toast__text{color:var(--danger)}.toast--note{border-color:var(--line)}.toast--note .toast__text{color:var(--text)}.toast__close{font:inherit;min-width:32px;min-height:32px;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:6px}.panel{width:min(calc(440 * var(--px)), calc(100% - 40px));max-height:min(100% - 48px,100dvh - 48px);padding:calc(32 * var(--px));border-radius:calc(16 * var(--px));background:var(--surface);color:var(--text);box-shadow:var(--shadow-panel);text-align:center;font-size:calc(14 * var(--px));border:1px solid #bfa477a6;overflow-y:auto}.panel[open]{flex-direction:column;align-items:stretch;gap:18px;display:flex}.panel::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#071e29ad}@keyframes layer-fade-in{0%{opacity:0}}@keyframes layer-fade-out{to{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:scale(.96)}}@keyframes modal-out{to{opacity:0;transform:scale(.96)}}@keyframes backdrop-in{0%{opacity:0}}@keyframes backdrop-out{to{opacity:0}}@keyframes screen-in-left{0%{opacity:0;transform:translate(-48px)}}@keyframes screen-in-right{0%{opacity:0;transform:translate(48px)}}@keyframes screen-out-left{to{opacity:0;transform:translate(-48px)}}@keyframes screen-out-right{to{opacity:0;transform:translate(48px)}}@keyframes sheet-rise{0%{opacity:0;transform:translateY(24px)}}@keyframes sheet-sink{to{opacity:0;transform:translateY(24px)}}@keyframes popover-in{0%{opacity:0;transform:scale(.96)}}@keyframes popover-out{to{opacity:0;transform:scale(.96)}}@keyframes pack-sheen{0%{background-position:100% 0}45%,to{background-position:0 0}}.panel[open]{animation:.16s ease-out modal-in}.panel[open]::backdrop{animation:.16s ease-out backdrop-in}.panel--leaving[open]{animation:.12s ease-in forwards modal-out}.panel--leaving[open]::backdrop{animation:.12s ease-in forwards backdrop-out}dialog.panel[data-held][open]:not(.panel--leaving),dialog.panel[data-held][open]:not(.panel--leaving)::backdrop{animation:none!important}.panel__title{font:500 calc(32 * var(--px)) / 1.15 Georgia, serif;letter-spacing:-.02em;margin:0}.panel__text{color:var(--muted);margin:0}:where(.panel) .button{min-height:calc(46 * var(--px));padding:calc(11 * var(--px)) calc(22 * var(--px))}.panel__stack{flex-direction:column;gap:12px;display:flex}.panel__footer{border-top:1px solid var(--line);justify-content:center;padding-top:18px;display:flex}.fallback__actions{justify-content:center;align-items:center;gap:12px;display:flex}.panel__footer--settings{justify-content:space-between;align-items:center;gap:12px}.icon-toggle{flex:0 0 46px;place-items:center;width:46px;height:46px;padding:10px;display:inline-grid}.icon-toggle svg{width:24px;height:24px;display:block}.settings{gap:20px;display:grid}.settings__note{margin-top:-4px;font-size:13px}.volume{text-align:left;grid-template-columns:46px 1fr auto;grid-template-areas:"mute label percent""mute slider slider";align-items:center;gap:4px 12px;display:grid}.volume__mute{color:var(--accent);grid-area:mute}.volume--muted .volume__mute{color:var(--muted)}.volume__label{grid-area:label;font-weight:600}.volume__percent{color:var(--muted);font-variant-numeric:tabular-nums;grid-area:percent}.volume__slider{appearance:none;cursor:pointer;background:0 0;grid-area:slider;width:100%;height:34px;margin:0}.volume__slider::-webkit-slider-runnable-track{border:1px solid var(--line);background:linear-gradient(90deg, var(--accent) var(--fill), var(--sunken) var(--fill));border-radius:999px;height:10px}.volume__slider::-webkit-slider-thumb{appearance:none;background:var(--accent);border:1px solid #ffe8b7;border-radius:50%;width:26px;height:26px;margin-top:-9px;box-shadow:0 2px 6px #061c2959}.volume__slider::-moz-range-track{border:1px solid var(--line);background:var(--sunken);border-radius:999px;height:10px}.volume__slider::-moz-range-progress{background:var(--accent);border-radius:999px;height:10px}.volume__slider::-moz-range-thumb{background:var(--accent);border:1px solid #ffe8b7;border-radius:50%;width:24px;height:24px}.volume--muted .volume__slider::-webkit-slider-thumb{background:var(--muted);border-color:var(--line)}.volume--muted .volume__slider::-moz-range-thumb{background:var(--muted);border-color:var(--line)}.help{text-align:left;align-content:start;gap:16px;min-height:300px;display:grid}.help__list{margin:0;display:grid}.help__list dt{font-weight:600}.help__list dt:not(:first-child){margin-top:14px}.help__list dd{color:var(--muted);margin:3px 0 0}.help__note{color:var(--muted);margin:0;font-size:14px}.tabs{border:1px solid var(--line);background:var(--sunken);border-radius:12px;gap:4px;padding:4px;display:flex}.tab{min-height:40px;color:var(--muted);font:inherit;cursor:pointer;transition:background-color var(--step), color var(--step);background:0 0;border:0;border-radius:9px;flex:1;font-weight:600}.tab:hover{color:var(--text)}.tab--active{background:var(--surface);color:var(--accent);box-shadow:0 1px 0 var(--line)}.tab:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.chips{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.chip{color:#fff;font:inherit;border:0;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:600;line-height:1.4;display:inline-block}.chip--button{cursor:pointer;opacity:.72;min-height:36px;transition:opacity var(--step), transform var(--step), box-shadow var(--step);padding:6px 12px;font-size:13px}.chip--button:hover{opacity:1}.chip--pressed{opacity:1;box-shadow:0 0 0 2px var(--surface), 0 0 0 4px currentColor;transform:translateY(-1px)}.chip--button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.chips--picker{gap:8px}.type-sheet{gap:16px;display:grid}.type-sheet__detail{gap:12px;margin:0;display:grid}.type-sheet__pair{gap:5px;display:grid}.type-sheet__pair dt{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.type-sheet__pair dd{margin:0}.type-sheet__none{color:var(--muted);font-size:13px}.type-sheet__overview{gap:10px;margin:0;padding:0;list-style:none;display:grid}.type-sheet__line{grid-template-columns:76px 1fr 1fr;align-items:start;gap:8px;display:grid}.type-sheet__cell{gap:3px;display:grid}.type-sheet__label{color:var(--muted);font-size:11px}@media (width<=380px){.type-sheet__line{grid-template-columns:72px 1fr}.type-sheet__cell:last-child{grid-column:2}}kbd{font:inherit;background:var(--sunken);border:1px solid var(--line);border-radius:4px;padding:3px 6px}@media (width<=720px){.fallback__panel{padding:26px 20px}}@media (width<=430px){.panel{width:calc(100% - 24px);padding:24px 20px}}@media (height<=560px){.panel{max-height:min(100% - 24px,100dvh - 24px);padding:20px 22px}.panel[open]{gap:14px}.panel__title{font-size:26px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}dialog.panel[open],dialog.panel[open]::backdrop,.menu.home,.table{animation:.12s ease-out layer-fade-in!important}dialog.panel.panel--leaving[open],dialog.panel.panel--leaving[open]::backdrop{animation:.12s ease-in forwards layer-fade-out!important}}.match-notices{z-index:400;top:calc(72px + var(--safe-top));pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:max-content;max-width:calc(100% - 24px);display:flex;position:absolute;left:50%;transform:translate(-50%)}.match-notices>*{pointer-events:auto}.match-notices[hidden]{display:none}.match-notices .toast,.match-notices .hud--stale{width:auto;max-width:100%;position:static;transform:none}.connection-notice{border:1px solid var(--line);background:var(--surface);max-width:100%;color:var(--text);text-align:center;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 12px;padding:8px 12px;display:flex;box-shadow:0 3px 8px #071c2833}.connection-notice .button{min-height:44px;padding:8px 14px}.connection-overlay{border:1px solid var(--line);background:var(--surface);max-width:min(420px,100%);color:var(--text);text-align:center;border-radius:14px;flex-direction:column;align-items:center;gap:10px;padding:14px 18px;display:flex;box-shadow:0 6px 18px #071c2855}.connection-overlay p{margin:0}.connection-overlay__countdown{font-size:1.25rem}.connection-overlay .button{min-height:44px}.table{--safe-top:env(safe-area-inset-top,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}.table:before,.table:after{content:"";pointer-events:none;z-index:5;opacity:0;transition:opacity .45s;position:absolute;inset:0}.table:before{--phase-rest-opacity:.417;--phase-color:#c66a36;box-shadow:inset 0 0 clamp(32px, 4vw, 56px) 3px var(--phase-color)}.table:after{--phase-rest-opacity:.45;--phase-color:#9871da;box-shadow:inset 0 0 clamp(32px, 4vw, 56px) 3px var(--phase-color)}.table[data-phase=attack]:before,.table[data-phase=merge]:after{opacity:var(--phase-rest-opacity);animation:1.1s ease-out phase-arrival}@keyframes phase-arrival{0%{opacity:1;box-shadow:inset 0 0 clamp(64px, 8vw, 112px) 8px var(--phase-color)}to{opacity:var(--phase-rest-opacity);box-shadow:inset 0 0 clamp(32px, 4vw, 56px) 3px var(--phase-color)}}.merge-hand-wash{z-index:4;pointer-events:none;opacity:0;background:radial-gradient(at bottom,#ae83e52b,#0000 72%);height:190px;transition:opacity .35s;position:absolute;bottom:0;left:15%;right:15%}.merge-hand-wash[data-active=true]{opacity:1}@media (prefers-reduced-motion:reduce){.table:before,.table:after,.merge-hand-wash{transition:none;animation:none}}.table dialog.panel{color:var(--ink);background:0 0;border:10px solid #0000;border-image:url(/art/ui-painted-v1/paper.webp) 24 fill/10px;box-shadow:0 4px 12px #102e3033}.table dialog.panel .panel__text{color:var(--ink)}.table .button{color:var(--text);box-shadow:none;background:0 0;border:8px solid #0000;border-image:url(/art/ui-painted-v1/button.webp) 24 fill/12px;transition:filter .1s,transform 80ms}.table .button:hover{filter:brightness(1.06)}.table .button:active:not(:disabled){filter:brightness(.94);transform:translateY(1px)}.table .button--quiet{color:var(--ink);box-shadow:none;background:0 0;border-image-source:url(/art/ui-painted-v1/paper.webp)}.table .button:disabled{filter:saturate(.45);opacity:.6;transform:none}@media (prefers-reduced-motion:reduce){.table .button{transition:none}}.table .button--danger{color:#fff4dc;background:#512d2a;border:1px solid #ac7165}.table .menu-button{top:calc(16px + var(--safe-top));right:calc(12px + var(--safe-right));width:44px;height:44px;box-shadow:none;background:0 0;border:7px solid #0000;border-image:url(/art/ui-painted-v1/button.webp) 24 fill/12px;border-radius:5px;padding:0;transition:filter .1s,transform 80ms}@media (height<=499.98px) and (aspect-ratio>=1){.table .menu-button{top:calc(4px + var(--safe-top))}}.table .menu-button:hover{filter:brightness(1.06);background:0 0}.table .menu-button:active{filter:brightness(.94);transform:translateY(1px)}.table dialog.panel{border-width:calc(10 * var(--px));border-image-width:calc(10 * var(--px));--muted:#596b64;--accent:#94723d;--accent-text:#fff4dc;--line:#b3a488}.table dialog.panel .button{color:#fff4dc}.table dialog.panel .button--quiet{color:#273b39}.table .icon-toggle{place-items:center;padding:0;display:inline-grid}.table .menu-button:focus-visible{outline-offset:3px;outline:2px solid #fff4dc}.table .button:hover:not(:disabled){background:0 0;border-color:#0000}.table .button--danger:hover:not(:disabled){background:#65362f;border-color:#c78976}.table .chat-toggle{right:calc(64px + var(--safe-right))}.chat-toggle__count{color:#1b302f;background:#e4c085;border-radius:999px;place-items:center;min-width:19px;height:19px;padding:0 4px;font-size:11px;font-weight:800;line-height:1;display:grid;position:absolute;top:-8px;right:-8px}.match-chat{z-index:410;top:calc(72px + var(--safe-top));right:calc(12px + var(--safe-right));width:min(350px, calc(100% - 24px - var(--safe-left) - var(--safe-right)));color:#f4f0e6;background:#122d30;border:7px solid #a9957166;border-image:url(/art/ui-painted-v1/button.webp) 24/7px;border-radius:8px;flex-direction:column;height:min(360px,100dvh - 88px);display:flex;position:absolute;overflow:hidden;box-shadow:0 14px 32px #071c28a6}.match-chat__header{border-bottom:1px solid #79908955;flex:none;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:8px 12px 8px 16px;display:flex}.match-chat__header h2{letter-spacing:.01em;margin:0;font:600 17px/1.2 Georgia,serif}.match-chat__minimize{color:#f4f0e6;cursor:pointer;background:0 0;border:0;border-radius:5px;width:44px;height:44px;font-size:23px;line-height:1}.match-chat__minimize:hover{background:#ffffff18}.match-chat__messages{overscroll-behavior:contain;touch-action:pan-y;-webkit-user-select:text;user-select:text;flex:auto;min-height:80px;padding:14px 18px;overflow-y:auto}.match-chat__message+.match-chat__message{margin-top:16px}.match-chat__name{letter-spacing:.025em;font-size:12px;font-weight:750;display:block}.match-chat__name--you{color:#ebc88f}.match-chat__name--opponent{color:#91d4c4}.match-chat__message p{overflow-wrap:anywhere;white-space:pre-wrap;margin:2px 0 0;line-height:1.4}.match-chat__empty{color:#b7c7c0;margin:0}.match-chat__error{color:#ffd1c8;margin:0;padding:5px 16px;font-size:12px}.match-chat__closed{color:#b7c7c0;border-top:1px solid #79908955;flex:none;margin:0;padding:14px 16px;font-size:13px}.match-chat__form{border-top:1px solid #79908955;flex:none;gap:8px;padding:11px;display:flex}.match-chat__form input{color:#f4f0e6;background:#0a2226;border:1px solid #8ca098;border-radius:5px;flex:auto;min-width:0;height:44px;padding:8px 10px;font-size:16px}.match-chat__form input::placeholder{color:#a8bbb6}.match-chat__form button{color:#152b2d;cursor:pointer;background:#b08a55;border:1px solid #c5a16a;border-radius:5px;min-width:56px;min-height:44px;padding:0 9px;font-weight:700}.match-chat__form button:disabled{opacity:.55;cursor:default}@media (height<=560px){.match-chat{height:min(62dvh,280px)}}@media (width<=600px),(width<=900px) and (height<=560px){.match-chat{z-index:700;top:var(--chat-top,0px);width:100%;height:var(--chat-height,100dvh);max-height:none;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);box-shadow:none;border:0;border-radius:0;position:fixed;left:0;right:0}.match-chat__minimize{width:auto;min-width:44px;padding:0 8px;font-size:14px;font-weight:700}}:is(.menu,.fallback) .button{color:#fff4dc;box-shadow:none;background:0 0;border:8px solid #0000;border-image:url(/art/ui-painted-v1/button.webp) 24 fill/12px;transition:filter .14s,transform .1s}:is(.menu,.fallback) .button:hover:not(:disabled){filter:brightness(1.16);background:0 0;border-color:#0000}:is(.menu,.fallback) .button:active:not(:disabled){filter:brightness(.95);transform:translateY(1px)}:is(.menu,.fallback) .button--quiet{color:#273b39;border-image-source:url(/art/ui-painted-v1/paper.webp)}.google-sign-in{color:#e3e3e3;white-space:nowrap;background:#131314;border:1px solid #8e918f;border-radius:20px;align-items:center;gap:10px;height:40px;padding:0 12px;font:500 14px/20px Roboto,system-ui,sans-serif;text-decoration:none;display:inline-flex}.google-sign-in:hover{background:#1f1f20}.google-sign-in:focus-visible{outline-offset:2px;outline:2px solid #e3e3e3}.menu__resume{box-shadow:none;margin:0 0 20px}:is(.menu,.fallback) .icon-toggle{place-items:center;padding:0;display:inline-grid}:is(.menu,.fallback) dialog.panel,.fallback__panel{--muted:#596b64;--accent:#94723d;--line:#b3a488;--surface:#ece4d2;--sunken:#e8dfcb;color:#273b39;border:calc(10 * var(--px)) solid transparent;border-image:url(/art/ui-painted-v1/paper.webp) 24 fill / calc(12 * var(--px));background:0 0}:is(.menu,.fallback) dialog.panel .input{color:#273b39}:is(.menu,.fallback) dialog.panel .panel__text{color:#596b64}:is(.menu,.fallback) dialog.panel .menu__error{color:#8b3934}.fallback__panel{border-radius:12px;box-shadow:0 6px 24px #102e3033}.fallback__panel .panel__title{color:#273b39}.fallback__panel .panel__text{color:#596b64}.fallback__panel .button{font-family:Georgia,serif;font-size:16px}.fallback__panel .button--primary{filter:brightness(1.12)}.menu__opponent{font-weight:600}.menu__version{text-align:center;font-variant-numeric:tabular-nums;opacity:.7;margin:12px 0 0;font-size:11px}.menu__switch{cursor:pointer;align-items:center;gap:10px;min-height:44px;margin:8px 0 0;font-size:14px;display:flex}.menu__switch input{width:20px;height:20px;accent-color:var(--accent,#ebc57e);margin:0}.opponent-feed{--feed-font:ui-monospace, "SF Mono", Menlo, Consolas, monospace;z-index:6;width:max-content;color:var(--text);font:600 13px/18px var(--feed-font);text-shadow:0 0 1px var(--sunken), 0 0 1px var(--sunken);white-space:nowrap;pointer-events:none;background:linear-gradient(270deg,#0d292cc7 70%,#0d292c00);border-radius:0 7px 7px 0;grid-template-columns:minmax(0,auto) auto minmax(5ch,auto);column-gap:1ch;padding:0 8px 0 22px;transition:opacity .15s;display:grid;position:absolute;transform:translate(-100%,-100%)}.opponent-feed[data-state=empty]{display:none}.opponent-feed[data-state=aside]{opacity:0}.opponent-feed[data-state=gone]{opacity:0;transition-duration:.6s}.opponent-feed__who{text-overflow:ellipsis;text-align:right;overflow:hidden}.opponent-feed__amount{text-align:right}.opponent-feed__earlier{color:var(--muted);text-align:right;grid-column:1/-1}.opponent-feed [data-base=true]{color:var(--enemy)}.base-wash{z-index:5;opacity:0;pointer-events:none;background:linear-gradient(0deg,#ef747873,#ef747800 130px),radial-gradient(130px 34% at 0 100%,#ef747873,#ef747800),radial-gradient(130px 34% at 100% 100%,#ef747873,#ef747800);animation:.7s ease-out base-wash;position:absolute;inset:0}@keyframes base-wash{0%{opacity:0}18%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.base-wash{animation:.7s linear base-wash-fade}}@keyframes base-wash-fade{0%,to{opacity:0}50%{opacity:1}}