.sheet{width:100%;max-width:none;height:100%;max-height:none;color:var(--color-ink);background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:clip}.sheet[open]{flex-direction:column;justify-content:flex-end;display:flex}.sheet::backdrop{background:#020a0899;animation:.32s ease-out sheet-dim}.sheet[data-closing]::backdrop{animation:.22s ease-in forwards sheet-out-dim}.sheet__panel{background:linear-gradient(to bottom, var(--color-felt-800), var(--color-felt-950) 80%);transform-origin:50% 0;width:100%;max-width:560px;max-height:88dvh;animation:sheet-in .42s var(--ease-sheet);transition:transform .42s var(--ease-sheet);border-radius:24px 24px 0 0;flex-direction:column;margin:0 auto;display:flex;box-shadow:inset 0 1px #ffffff14,0 -20px 50px -10px #0009}.sheet:not([data-docked])>.sheet__panel{will-change:transform}@media (width<=560px){.sheet:not([data-docked])>.sheet__panel{clip-path:inset(-100px 0 0);transition:transform .42s var(--ease-sheet), clip-path 0s .42s}.sheet[data-behind]:not([data-docked])>.sheet__panel{clip-path:inset(-100px);transition:transform .42s var(--ease-sheet), clip-path 0s}}.sheet[data-closing]>.sheet__panel{animation:sheet-out .22s var(--ease-in-quick) forwards}.sheet[data-behind]>.sheet__panel{transform:translateY(-10px)scale(.94)}.sheet[data-over]>.sheet__panel{max-height:calc(88dvh - 30px)}.sheet[data-full]>.sheet__panel{border-radius:0;height:100dvh;max-height:none}.sheet[data-full]>.sheet__panel>.sheet__head{padding-top:max(var(--inset-top), 14px)}.sheet[data-full][data-behind]>.sheet__panel{border-radius:24px 24px 0 0}@media (width>=560px){.sheet[data-full]>.sheet__panel{border-radius:24px 24px 0 0;height:calc(100dvh - 24px)}}@media (orientation:landscape) and (height<=599px) and (width>=560px){.sheet__panel{max-height:calc(100dvh - 12px)}.sheet[data-over]>.sheet__panel{max-height:calc(100dvh - 36px)}.sheet[data-full]>.sheet__panel{height:calc(100dvh - 12px)}.sheet__head,.sheet[data-full]>.sheet__panel>.sheet__head{padding-top:8px}}.sheet:not([data-docked]){transition:top .24s var(--ease-sheet), bottom .24s var(--ease-sheet)}.sheet[data-keyboard]{top:var(--view-top);bottom:var(--view-under);height:auto}.sheet[data-keyboard]>.sheet__panel{max-height:100%}.sheet[data-keyboard][data-full]>.sheet__panel{height:100%}.sheet[data-tone=room]::backdrop{background:#0a03029e}.sheet[data-tone=room]>.sheet__panel{border-top:1px solid color-mix(in oklab, var(--color-brass) 50%, transparent);background:linear-gradient(180deg, var(--color-lacquer), var(--color-lacquer-deep) 80%)}@media (width>=900px) and (height>=560px),(width>=700px) and (height>=900px){.sheet:not([data-docked]){--round:24px}.sheet[data-tone=room]:not([data-docked]){--round:28px}.sheet:not([data-docked])[open]{box-sizing:border-box;padding:max(16px, var(--inset-top)) max(16px, var(--inset-right)) max(16px, var(--inset-bottom)) max(16px, var(--inset-left));justify-content:center;align-items:center}.sheet:not([data-docked])::backdrop{animation:.22s ease-out sheet-dim}.sheet:not([data-docked])[data-closing]::backdrop{animation:.15s ease-in forwards sheet-out-dim}.sheet:not([data-docked])>.sheet__panel{border-radius:var(--round);transform-origin:50%;max-height:min(85dvh,100%);animation:sheet-grow .22s var(--ease-out-quick);transition:transform .22s var(--ease-out-quick);border:1px solid #ffffff12;box-shadow:inset 0 1px #ffffff14,0 6px #03100c,0 26px 50px #00000080}.sheet:not([data-docked])[data-closing]>.sheet__panel{animation:sheet-out-shrink .15s var(--ease-in-quick) forwards}.sheet[data-behind]:not([data-docked])>.sheet__panel{transform:scale(.95)}.sheet[data-full]:not([data-docked])>.sheet__panel{border-radius:var(--round);height:min(85dvh,100%,840px)}.sheet:not([data-docked])>.sheet__panel>.sheet__head{padding-top:16px}.sheet:not([data-docked])>.sheet__panel>.sheet__foot{padding-bottom:16px}.sheet[data-tone=room]:not([data-docked])>.sheet__panel{border-color:color-mix(in oklab, var(--color-brass) 45%, transparent);max-width:460px;box-shadow:inset 0 1px #ffe2be1a,0 6px #0b0604,0 26px 50px #00000080}.sheet[data-tone=room][data-full]:not([data-docked])>.sheet__panel{max-width:560px}}@media (width>=900px) and (height>=560px) and (prefers-reduced-motion:reduce),(width>=700px) and (height>=900px) and (prefers-reduced-motion:reduce){.sheet:not([data-docked])>.sheet__panel,.sheet:not([data-docked])[data-closing]>.sheet__panel,.sheet:not([data-docked])::backdrop,.sheet:not([data-docked])[data-closing]::backdrop{animation:none}.sheet[data-behind]:not([data-docked])>.sheet__panel{transform:none}}@keyframes sheet-grow{0%{opacity:0;transform:scale(.96)}}@keyframes sheet-out-shrink{to{opacity:0;transform:scale(.96)}}@keyframes sheet-in{0%{transform:translateY(100%)}}@keyframes sheet-out{to{transform:translateY(100%)}}@keyframes sheet-dim{0%{opacity:0}}@keyframes sheet-out-dim{to{opacity:0}}@media (prefers-reduced-motion:reduce){.sheet__panel,.sheet::backdrop{animation:none}.sheet:not([data-docked]){transition:none}.sheet[data-behind]>.sheet__panel{transform:none}}.sheet[data-docked]{z-index:30;inset:var(--places-top,0px) 0 var(--places-bar,0px) var(--places-rail,0px);width:auto;height:auto}.sheet[data-docked][open]{background:#020a089e;animation:.28s ease-out sheet-dim}@supports (content-visibility:hidden) and (contain-intrinsic-size:auto none){.sheet[data-docked]:not([open]){content-visibility:hidden;clip-path:inset(50%);flex-direction:column;justify-content:flex-end;display:flex}}.sheet[data-docked][data-tone=room][open]{background:#0a03029e}.sheet[data-docked][data-closing]{animation:.18s ease-in forwards sheet-out-dim}.sheet[data-docked]>.sheet__panel{height:100%;max-height:none;animation:sheet-in-docked .28s var(--ease-sheet);border-radius:0;box-shadow:inset 0 1px #ffffff14}.sheet[data-docked]:not([open])>.sheet__panel{animation:none}.sheet[data-docked][data-closing]>.sheet__panel{animation:sheet-out-docked .18s var(--ease-in-quick) forwards}.sheet[data-docked][data-behind]>.sheet__panel{transform:none}.sheet[data-docked]>.sheet__panel>.sheet__head{padding-right:20px}@keyframes sheet-in-docked{0%{opacity:0;translate:calc(var(--sheet-from) * 36px) 0}}@keyframes sheet-out-docked{to{opacity:0;translate:calc(var(--sheet-from) * 36px) 0}}@property --sheet-from{syntax:"<number>";inherits:false;initial-value:1}.sheet[data-from=left]>.sheet__panel{--sheet-from:-1}.sheet[data-docked][data-swap][open]:not([data-closing]){animation:none}@media (prefers-reduced-motion:no-preference){.sheet[data-docked][data-swap][open]:not([data-closing])>.sheet__panel{animation:sheet-in-swap .28s var(--ease-sheet)}}.sheet[data-docked][data-swap][data-closing]{z-index:31;background:0 0}@keyframes sheet-in-swap{0%{translate:calc(var(--sheet-from) * 36px) 0}}@media (width>=560px){.sheet[data-docked]{padding-top:24px}.sheet[data-docked]>.sheet__panel{border-radius:24px 24px 0 0}}@media (width>=720px) and (height>=600px){.sheet[data-docked][data-wide]>.sheet__panel{max-width:min(920px,100% - 48px)}}@media (orientation:landscape) and (height<=599px) and (width>=560px){.sheet[data-docked]{padding-top:0}.sheet[data-docked]>.sheet__panel{border-radius:0;max-width:none;height:100%}.sheet[data-docked]>.sheet__panel>.sheet__head,.sheet[data-docked]>.sheet__panel>.sheet__body{--edge:max(20px, calc((100% - 600px) / 2));padding-right:max(var(--edge), calc(20px + var(--inset-right)));padding-left:var(--edge)}.sheet[data-docked]>.sheet__panel>.sheet__body{padding-bottom:calc(16px + var(--inset-bottom))}.sheet[data-docked]>.sheet__panel>.sheet__body:after{bottom:calc(-16px - var(--inset-bottom))}}@media (prefers-reduced-motion:reduce){.sheet[data-docked],.sheet[data-docked]>.sheet__panel{animation:none}}.sheet__head{align-items:center;gap:8px;padding:14px 8px 6px 20px;display:flex}.sheet__title{flex:1;margin:0;font-size:18px;font-weight:700}.sheet__titles{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sheet__title:focus{outline:none}.sheet__close{width:44px;height:44px;color:var(--color-ink-muted);cursor:pointer;will-change:transform;background:0 0;border:0;border-radius:14px;place-items:center;display:grid}.sheet__close:active{background:#ffffff14}@media (hover:hover) and (pointer:fine){.sheet__close:hover{color:var(--color-ink);background:#ffffff0f}}.sheet__body{overscroll-behavior:contain;scrollbar-color:color-mix(in oklab, var(--color-brass) 50%, transparent) transparent;scrollbar-width:thin;flex:1;min-height:0;padding:4px 20px 16px;overflow-y:auto}.sheet__body:after{content:"";background:linear-gradient(to bottom, transparent, var(--sheet-floor,var(--color-felt-950)));opacity:0;pointer-events:none;height:44px;transition:opacity .16s var(--ease-out-quick);margin-top:-44px;display:block;position:sticky;bottom:-16px}.sheet__body[data-more]:after{opacity:1}.sheet[data-tone=room]>.sheet__panel>.sheet__body{--sheet-floor:var(--color-lacquer-deep)}.sheet__foot{padding:12px 20px max(var(--inset-bottom), 16px);border-top:1px solid #ffffff0f;flex-direction:column;gap:8px;display:flex}.count-roll{display:inline-flex}.count-roll__digit{line-height:var(--roll-line,1.1em);text-shadow:none;-webkit-text-fill-color:transparent;display:inline-block;position:relative;overflow:visible clip}.count-roll__digit:before{content:"0\a 1\a 2\a 3\a 4\a 5\a 6\a 7\a 8\a 9";content:"0\a 1\a 2\a 3\a 4\a 5\a 6\a 7\a 8\a 9" / "";white-space:pre;text-align:center;text-shadow:var(--roll-shadow,none);-webkit-text-fill-color:currentColor;transform:translate(-50%, calc(var(--d) * -10%));animation:roll-up 1.1s var(--ease-spring) var(--delay,0s) backwards;position:absolute;top:0;left:50%}@keyframes roll-up{0%{transform:translate(-50%)}}.count-roll[data-landed] .count-roll__digit:before{animation:none}@media (prefers-reduced-motion:reduce){.count-roll__digit:before{animation:none}}.setting{border-bottom:1px solid #ffffff0f;align-items:center;gap:12px;min-height:56px;padding:8px 0;display:flex}.setting:last-child{border-bottom:0}.setting--stack{flex-direction:column;align-items:stretch;gap:8px}.setting__text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.setting__label{font-size:15px;font-weight:600}.setting__hint{color:var(--color-ink-muted);font-size:13px;line-height:1.35}.switch{background:var(--color-felt-600);cursor:pointer;width:52px;height:32px;transition:background-color var(--duration-tap);border:0;border-radius:999px;flex:none;position:relative}.switch:after{content:"";background:var(--color-ink);width:26px;height:26px;transition:transform var(--duration-move) var(--ease-out-quick);border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #00000059}.switch[aria-checked=true]{background:var(--color-gold)}.switch[aria-checked=true]:after{background:var(--color-on-gold);transform:translate(20px)}.switch:disabled,.stepper button:disabled,.segmented button:disabled{cursor:default}.stepper{flex:none;align-items:center;gap:4px;display:flex}.stepper button{background:var(--color-felt-700);width:44px;height:44px;box-shadow:inset 0 0 0 1px var(--color-felt-500);color:var(--color-ink);cursor:pointer;border:0;border-radius:14px;place-items:center;display:grid}.stepper button:not(:disabled):active{background:var(--color-felt-600)}.stepper button:disabled{opacity:.35}.stepper output{font-variant-numeric:tabular-nums;text-align:center;min-width:40px;font-size:17px;font-weight:700}.segmented{box-shadow:inset 0 0 0 1px var(--color-felt-600);background:#061b1699;border-radius:14px;gap:4px;padding:4px;display:flex}.segmented button{min-width:0;min-height:40px;color:var(--color-ink-muted);font:inherit;cursor:pointer;transition:background-color var(--duration-tap), color var(--duration-tap);background:0 0;border:0;border-radius:10px;flex:1 1 0;padding:0 8px;font-size:14px;font-weight:600}.segmented button[aria-checked=true]{background:var(--color-felt-600);color:var(--color-ink);box-shadow:0 2px 8px #0000004d}.segmented button[data-out]{opacity:.4}.tile-size__row{justify-content:center;gap:0;padding:6px 0 2px;display:flex;container-type:inline-size}.tile-size__row .tile{--tile-w:min(var(--size-tile), (100cqw - 12px) / 6)}.sideways-note{color:var(--color-ink-muted);border-bottom:1px solid #ffffff0f;margin:0;padding:10px 0 12px;font-size:13px;line-height:1.35}.sideways-note:last-child{border-bottom:0}.tile-size__felt{background:radial-gradient(120% 140% at 50% 0%, var(--color-felt-500), transparent 75%), var(--color-felt-900);border-block:1px solid #ffffff0f;margin:4px -20px 2px;padding:2px 0 6px;box-shadow:inset 0 10px 18px -12px #0009}.tile-size__felt[data-size=large]{--row-min:30px;--row-max:38px}.tile-size__felt[data-size=largest]{--row-min:36px;--row-max:48px}.language-list{box-shadow:inset 0 0 0 1px var(--color-felt-600);background:#061b1699;border-radius:14px;flex-direction:column;gap:2px;padding:4px;display:flex}.language-list__item{min-height:44px;color:var(--color-ink-muted);font:inherit;text-align:start;cursor:pointer;transition:background-color var(--duration-tap), color var(--duration-tap);background:0 0;border:0;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:0 12px 0 14px;font-size:15px;font-weight:600;line-height:1.3;display:flex}.language-list__item:active{background:#ffffff0d}.language-list__item[aria-checked=true]{background:var(--color-felt-600);color:var(--color-ink);box-shadow:0 2px 8px #0000004d}.language-list__check{color:var(--color-gold);opacity:0;transition:opacity var(--duration-tap), transform var(--duration-move) var(--ease-out-quick);flex:none;transform:scale(.6)}.language-list__item[aria-checked=true] .language-list__check{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.language-list__item,.language-list__check{transition:none}}.settings[data-readonly=true] .switch,.settings[data-readonly=true] .stepper button,.settings[data-readonly=true] .segmented button:not([aria-checked=true]){opacity:.5}.countdown{flex:none;place-items:center;width:44px;height:44px;display:grid;position:relative}.countdown svg{position:absolute;inset:0;transform:rotate(-90deg)}.countdown circle{fill:none;stroke-width:3.5px}.countdown__track{stroke:#ffffff1f}.countdown__fill{stroke:var(--color-ember);stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--p));transition:stroke-dashoffset .25s linear}.countdown__num{font-variant-numeric:tabular-nums;font-size:16px;font-weight:700}.countdown[data-tone=gold] .countdown__fill{stroke:var(--color-gold)}.countdown[data-low=true] .countdown__num{color:#ffb4a3}.toasts{z-index:20;flex:none;height:0;position:relative}.toasts--top{top:var(--inset-top);max-width:428px;margin:0 auto;position:fixed;left:16px;right:16px}.toasts__stack{pointer-events:none;flex-direction:column;gap:8px;display:flex;position:absolute;top:8px;left:0;right:0}.toast{box-sizing:border-box;border:1.5px solid color-mix(in oklab, var(--color-brass) 42%, transparent);background:linear-gradient(180deg, var(--color-lacquer), var(--color-lacquer-deep));min-height:56px;color:var(--color-ink);pointer-events:auto;animation:toast-in .42s var(--ease-spring) backwards;border-radius:16px;align-items:center;gap:10px;padding:6px 6px 6px 10px;font-size:15px;line-height:1.35;display:flex;box-shadow:inset 0 1px #ffe2be1f,0 12px 28px #00000080}.toast[data-leaving]{opacity:0;transition:opacity .2s ease-in,translate .2s ease-in,scale .2s ease-in;translate:0 -10px;scale:.96}.toast__icon{background:color-mix(in oklab, var(--color-brass) 16%, transparent);width:36px;height:36px;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-brass) 38%, transparent);color:var(--color-brass);border-radius:50%;flex:none;place-items:center;display:grid}.toast__icon svg{width:18px;height:18px}.toast__text{flex:1;min-width:0}.toast__close{width:44px;height:44px;color:var(--color-parchment);cursor:pointer;background:0 0;border:0;border-radius:12px;flex:none;place-items:center;padding:0;display:grid}.toast__close:active{background:#ffe2be14}.toast__close:focus-visible{outline:2px solid var(--color-brass);outline-offset:-2px}@keyframes toast-in{0%{opacity:0;translate:0 -14px;scale:.96}}.logo{filter:drop-shadow(0 8px 12px #0000008c);width:100%;height:auto;display:block;overflow:visible}.logo__letters text{font-family:var(--font-display);text-anchor:middle;stroke-width:3.5px;stroke-linejoin:round;paint-order:stroke;font-size:72px}.logo__royale{font-family:var(--font-display);letter-spacing:3px;text-anchor:middle;font-size:94px}
