*{box-sizing:border-box;margin:0;padding:0}:root{--dt-bg:#131316;--dt-surface:#1d1d23;--dt-text:#f0eef2;--dt-text-muted:#b7b3c0;--dt-text-dim:#a6a1b0;--dt-border:#37353f;--dt-accent:#b7a0d1;--dt-accent-dim:#2d2638;--dt-accent-glow:transparent;--dt-error:#db9b89;--dt-error-dim:#352724;--safe-top:env(safe-area-inset-top,0px)}body{background:var(--dt-bg);color:var(--dt-text);font-family:DM Sans,sans-serif;-webkit-font-smoothing:antialiased;transition:background .3s ease,color .3s ease;-webkit-text-size-adjust:100%}body,html{touch-action:manipulation}input::placeholder{color:var(--dt-text-dim)}body.dt-light{--dt-bg:#f4f1ec;--dt-surface:#fffcf8;--dt-text:#28242f;--dt-text-muted:#615b6b;--dt-text-dim:#6c6574;--dt-border:#d9d2dc;--dt-accent:#705087;--dt-accent-dim:#ebe2f1;--dt-accent-glow:transparent;--dt-error:#974d3b;--dt-error-dim:#f1ded7}:root{--dt-champagne:#ddc59a;--dt-terracotta:#db9b89;--dt-friend:#8cc6bd;--dt-friend-dim:#20322f;--dt-date:#b7a0d1;--dt-drawer-bg:#1c1b21;--dt-drawer-text:#f0eef2;--dt-drawer-muted:#b9b3c2;--dt-drawer-border:#3c3744;--dt-font-display:"Cormorant Garamond",Georgia,serif;--dt-font-body:"DM Sans",sans-serif;--dt-ease:cubic-bezier(.2,.7,.25,1);--dt-space-1:4px;--dt-space-2:8px;--dt-space-3:12px;--dt-space-4:16px;--dt-space-6:24px;--dt-space-8:32px}html{text-size-adjust:100%}body{line-height:1.45;font-size:16px}.dt-options-note{margin:20px 0 14px;font-size:13px;line-height:1.5;color:var(--dt-drawer-muted)}.dt-results-save{text-align:center;color:var(--dt-text-muted);font-size:13px;margin-top:14px}.dt-results-save button{display:block;margin:8px auto 0;background:transparent;color:var(--dt-text);border:1px solid var(--dt-border);border-radius:8px;padding:8px 14px}body.dt-light{--dt-champagne:#84622f;--dt-terracotta:#974d3b;--dt-friend:#2b6c63;--dt-friend-dim:#dcebe6;--dt-date:#705087}.dt-customize[data-mode=friend],.dt-frame[data-mode=friend],.dt-mode[data-mode=friend],.dt-play[data-mode=friend]{--dt-accent:var(--dt-friend);--dt-accent-dim:var(--dt-friend-dim)}button,input,select,textarea{font-family:var(--dt-font-body)}button{min-height:44px;min-width:44px;touch-action:manipulation}button,input,select,textarea{transition:background-color .18s var(--dt-ease),border-color .18s var(--dt-ease),color .18s var(--dt-ease)}button:not(:disabled){-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed}[role=button]:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--dt-accent)!important;outline-offset:4px}input{min-height:48px;font-size:16px!important}input::placeholder{opacity:1}button:hover:not(:disabled){filter:brightness(1.07)}::selection{color:var(--dt-text);background:var(--dt-accent-dim)}*{scrollbar-width:thin;scrollbar-color:var(--dt-border) transparent}.dt-drawer{--dt-bg:var(--dt-drawer-bg);--dt-surface:#27232d;--dt-text:var(--dt-drawer-text);--dt-text-muted:var(--dt-drawer-muted);--dt-text-dim:var(--dt-drawer-muted);--dt-border:var(--dt-drawer-border);--dt-accent:#c5addf;--dt-accent-dim:#332a40;--dt-friend:#8cc6bd;--dt-friend-dim:#20322f;width:min(340px,92vw)!important;background:var(--dt-drawer-bg)!important;color:var(--dt-drawer-text);padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0);box-shadow:-16px 0 56px #0004;animation:dt-drawer-enter .36s var(--dt-ease) both!important}.dt-drawer__header{min-height:76px;gap:8px;flex-wrap:wrap}.dt-drawer__title{font:500 28px/1.1 var(--dt-font-display);flex:1 1}.dt-drawer__header button{flex-shrink:0}.dt-drawer__back{width:100%;text-align:left;min-height:32px;font-size:14px!important}.dt-drawer__body{min-height:0}.dt-drawer__body>button{min-height:58px;padding-block:16px!important}.dt-drawer__body button:hover{background-color:#ffffff08!important}.dt-drawer input{background:#27232d!important}.dt-drawer__body button span{overflow-wrap:anywhere}.dt-drawer__body button span+span{margin-left:12px;flex-shrink:0}.dt-eyebrow{font:600 12px/1.4 var(--dt-font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--dt-text-muted)}.dt-primary-button{width:100%;min-height:48px;border:1px solid transparent;border-radius:10px;padding:12px 20px;cursor:pointer;background:var(--dt-accent);color:var(--dt-bg);font:600 15px/1.4 var(--dt-font-body)}.dt-game-button{min-height:48px;font-size:15px!important;line-height:1.35}.dt-moment{color:var(--dt-text);border:1px solid var(--dt-border);border-radius:18px;background:var(--dt-surface);box-shadow:0 12px 36px #0002;animation:dt-arrive .6s var(--dt-ease) both;text-align:center}.dt-moment--hit{--moment-accent:var(--dt-champagne)}.dt-moment--miss{--moment-accent:var(--dt-terracotta)}.dt-moment--round{--moment-accent:var(--dt-accent)}.dt-moment__title{font:500 clamp(28px,4vw,36px)/1.06 var(--dt-font-display);color:var(--moment-accent);margin:4px 0 8px;text-wrap:balance}.dt-moment__receipt{font:400 13px/1.5 var(--dt-font-body);color:var(--dt-text-muted);margin:0;text-wrap:pretty}.dt-moment__rolls{display:flex;justify-content:center;flex-wrap:wrap;gap:4px 14px;margin:0 0 8px;font:400 12px/1.4 var(--dt-font-body);color:var(--dt-text-muted)}.dt-moment__rolls>span{display:inline-flex;gap:5px;align-items:baseline;min-width:0}.dt-moment__rolls strong{color:var(--dt-text);font-size:14px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.dt-moment__roll-name{max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dt-moment__ownership{font:500 14px/1.4 var(--dt-font-body);color:var(--dt-text);margin:0 0 8px;overflow-wrap:anywhere}.dt-moment__pending{display:flex;align-items:center;justify-content:center;min-height:48px;color:var(--dt-text-muted);font-size:12px}.dt-moment--compact{width:min(100%,380px);padding:16px 20px;border-top:2px solid var(--moment-accent)}.dt-moment--compact .dt-eyebrow{display:none}.dt-moment--compact .dt-moment__title{font-size:28px}.dt-moment--compact .dt-moment__action{margin-top:12px}.dt-round-moment{width:100%;display:flex;justify-content:center;pointer-events:none}.dt-round-moment .dt-moment{pointer-events:auto}.dt-play__tabletop{overflow:hidden}.dt-play--portrait{--dt-outcome-space:calc(164px + env(safe-area-inset-bottom, 0px))}.dt-play--landscape{--dt-outcome-space:calc(112px + env(safe-area-inset-bottom, 0px))}.dt-play__outcome-shelf{position:relative;height:var(--dt-outcome-space);min-height:var(--dt-outcome-space);flex:0 0 var(--dt-outcome-space);display:flex;flex-direction:column;justify-content:center;align-items:stretch;padding:8px 16px max(8px,env(safe-area-inset-bottom));z-index:26;overflow:hidden}.dt-play__outcome-shelf .dt-round-moment{min-height:0;max-height:100%}.dt-play__outcome-shelf .dt-moment{max-height:100%;overflow-y:auto}.dt-play__outcome-shelf .dt-roll-controls{margin:0 0 8px!important}.dt-play__header{padding-block:8px!important;padding-top:max(8px,env(safe-area-inset-top))!important}.dt-play__scoreboard-wrapper .dt-scorebar{margin:0!important;padding:8px 12px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-gap:12px!important;gap:12px!important}.dt-play__scoreboard-wrapper .dt-scorebar>div{min-width:0;display:flex;align-items:center;justify-content:center;gap:8px}.dt-play__scoreboard-wrapper .dt-scorebar__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.06em!important}.dt-play__scoreboard-wrapper .dt-scorebar__value{flex-shrink:0;font-size:22px!important}.dt-play__scoreboard-wrapper .dt-scorebar__target{white-space:nowrap;font-size:12px!important}.dt-play__outcome-shelf .dt-moment--compact{display:grid;grid-template-columns:minmax(0,1fr) 124px;align-items:center;grid-gap:12px;gap:12px;width:min(100%,560px);padding:12px;text-align:left}.dt-play__outcome-shelf .dt-moment__title{font-size:26px;margin:0 0 8px}.dt-play__outcome-shelf .dt-moment__receipt{line-height:1.4}.dt-play__outcome-shelf .dt-moment__rolls{justify-content:flex-start;gap:2px 10px;margin-bottom:6px}.dt-play__outcome-shelf .dt-moment__roll-name{max-width:64px}.dt-play__outcome-shelf .dt-moment--tie{grid-template-columns:1fr;text-align:center}.dt-play__outcome-shelf .dt-moment__action{margin:0;text-align:center}.dt-play__outcome-shelf .dt-moment__ownership{font-size:13px;margin-bottom:6px}.dt-play__outcome-shelf .dt-primary-button{min-height:44px;padding:10px 6px;font-size:14px}.dt-play--landscape .dt-play__tabletop{bottom:var(--dt-outcome-space)!important;left:env(safe-area-inset-left,0)!important;right:env(safe-area-inset-right,0)!important}.dt-play--landscape .dt-play__outcome-shelf{position:absolute;bottom:0;left:0;right:0;padding:4px max(16px,env(safe-area-inset-right)) max(4px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.dt-play--landscape>.dt-roll-button,.dt-play--landscape>.safe-left-result,.dt-play--landscape>.safe-right-result{top:calc((100% - var(--dt-outcome-space)) / 2)!important}.dt-play--landscape .dt-moment--compact{display:grid;grid-template-columns:minmax(0,1fr) 160px;align-items:center;grid-gap:16px;gap:16px;width:min(100%,620px);text-align:left;padding:6px 16px}.dt-play--landscape .dt-moment--compact .dt-moment__action{margin:0;text-align:center}.dt-play--landscape .dt-moment--compact .dt-moment__title{font-size:26px}.dt-play--landscape .dt-moment__ownership{font-size:13px}.dt-moment-backdrop{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));background:#09090cb3;animation:dt-fade .45s var(--dt-ease) both}.dt-moment--modal{width:min(100%,520px);max-height:100%;overflow-y:auto;padding:28px 24px 24px}.dt-moment--modal .dt-moment__title{font-size:clamp(34px,6vw,44px);margin:8px 0 12px}.dt-moment__winner{margin:16px 0 0;color:var(--dt-text);font:500 24px/1.15 var(--dt-font-display)}.dt-moment__dice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px;margin:20px 0 24px}.dt-moment__player{min-width:0;margin:0}.dt-moment__preview{display:flex;justify-content:center}.dt-moment__preview>div{max-width:100%}.dt-moment__player-name{display:block;font-size:14px;font-weight:600;overflow-wrap:anywhere}.dt-moment__player-detail{display:block;color:var(--dt-text-muted);font-size:12px;margin-top:4px}.dt-moment--modal .dt-primary-button{background:var(--dt-champagne)}.dt-results-title{text-align:center;margin-bottom:24px;animation:dt-arrive .6s var(--dt-ease) both}.dt-results-title h2{font:500 40px/1.1 var(--dt-font-display);margin-top:8px;overflow-wrap:anywhere}.dt-results-title p{font-size:14px;color:var(--dt-text-muted);margin-top:8px}.dt-results-dice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px;margin-bottom:28px;padding:16px 0;border-top:1px solid var(--dt-border);border-bottom:1px solid var(--dt-border);animation:dt-arrive .65s 80ms var(--dt-ease) both}.dt-results-player{text-align:center;min-width:0}.dt-results-player__preview{display:flex;justify-content:center}.dt-results-player__preview>div{max-width:100%}.dt-moment__preview canvas,.dt-results-player__preview canvas{max-width:100%;height:auto!important}.dt-results-player__name{font-size:14px;color:var(--dt-text);font-weight:600;margin-top:8px;overflow-wrap:anywhere}.dt-results-player__points{font-size:13px;color:var(--dt-text-muted);margin-top:4px}.dt-results-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;animation:dt-arrive .65s .12s var(--dt-ease) both}.dt-results-actions button{padding:14px 16px!important;min-height:50px}.dt-app-header{min-height:64px;align-items:center}.dt-app-header>button,.dt-nav-button{font-size:14px!important}.dt-frame__body{min-height:0}.dt-field-label{color:var(--dt-text-muted);font:500 12px/1.4 var(--dt-font-body);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}.dt-scorebar{gap:12px!important}.dt-scorebar__name{color:var(--dt-text-muted)!important;font-size:12px!important;opacity:1!important;overflow-wrap:anywhere}.dt-scorebar__value{color:var(--dt-text)!important;font:600 26px/1.25 var(--dt-font-body)!important;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.dt-scorebar__target{font:500 12px/1.3 var(--dt-font-body)!important;letter-spacing:.04em!important}.dt-roll-name{font-size:12px!important;opacity:1!important;color:var(--dt-text-muted)!important;overflow-wrap:anywhere}.dt-roll-value{text-shadow:none!important;color:var(--dt-text)!important;font:500 36px/1.1 var(--dt-font-display)!important}.dt-roll-button{box-shadow:none!important;font-size:14px!important;border:1px solid #ffffff24!important}.dt-roll-button:disabled{opacity:.5;cursor:progress}.dt-play__top-score{font-size:13px!important;color:var(--dt-text)!important;text-transform:none!important;letter-spacing:0!important}.dt-play__top-target{font-size:12px!important}.dt-end-game{font-size:13px!important;opacity:1!important}.dt-modal-surface{background:var(--dt-surface)!important;max-height:calc(100dvh - 40px);overflow-y:auto}.dt-modal-surface h3{font-size:28px!important}.dt-customize__scroll{justify-content:flex-start!important}.dt-customize__content{margin-block:auto;padding-block:12px}.dt-customize__label{font-size:12px!important;color:var(--dt-text-muted)!important}.dt-swatches{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:8px!important;gap:8px!important}.dt-swatch{width:44px!important;height:44px!important;justify-self:center;transform:none!important;box-shadow:none!important}.dt-swatch[aria-pressed=true]{outline:2px solid var(--dt-text);outline-offset:3px}.dt-materials{grid-template-columns:repeat(3,minmax(0,1fr))!important}.dt-materials button{padding:14px 8px!important;min-width:0;min-height:80px;gap:6px!important;font-size:14px!important;line-height:1.35}.dt-materials button>span+span{font-size:12px!important;opacity:1!important;color:var(--dt-text-muted)}.dt-themes button{min-width:0}.dt-themes button>div+div{font-size:12px!important;opacity:1!important;color:var(--dt-text-muted)!important}.dt-setup-grid>div{min-width:0}.dt-setup-grid button{font-size:14px!important}.dt-setup-grid button span{color:var(--dt-text-muted)!important}.dt-setup-grid span{font-size:12px!important}.dt-mode-content{min-height:0}.dt-mode-intro{margin-bottom:28px!important}.dt-mode-switch{padding:4px;border-radius:12px!important;gap:4px!important;background:var(--dt-surface);margin-bottom:20px!important}.dt-mode-switch button{border-radius:8px;min-height:46px}.dt-mode-card{position:relative;min-height:96px;padding:20px 48px 20px 20px!important;box-shadow:0 2px 4px #00000008}.dt-mode-card:after{content:"›";position:absolute;right:20px;top:50%;transform:translateY(-50%);color:var(--dt-text-muted);font-size:24px}.dt-mode-card:hover{border-color:var(--dt-accent)!important}.dt-mode-card>div:first-child{font-size:16px!important}.dt-mode-card>div+div{font-size:14px!important;line-height:1.4}.dt-mode-note{font-size:13px;color:var(--dt-text-muted);text-align:center;margin-top:20px}.dt-join-content{min-height:0}#join-room-code{font-size:24px!important}.dt-join-colors{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))}.dt-join-colors button span{font-size:12px!important;color:var(--dt-text-muted)!important}.dt-auth{min-height:100dvh!important}.dt-auth-intro{margin-bottom:28px!important}.dt-auth-panel{max-width:400px!important}.dt-auth button{font-size:14px}.dt-auth-form-label{display:block;font-size:13px;color:var(--dt-text-muted);margin-bottom:6px}@keyframes dt-arrive{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes dt-fade{0%{opacity:0}to{opacity:1}}@keyframes dt-drawer-enter{0%{opacity:0;transform:translateX(6px)}to{opacity:1;transform:translateX(0)}}@media (orientation:landscape) and (max-height:560px){.dt-app-header{min-height:52px;padding-block:4px!important}.dt-frame__body{padding-bottom:12px!important}.dt-frame--setup .dt-frame__inner{max-width:760px!important}.dt-setup-intro{margin-bottom:12px!important}.dt-setup-intro p,.dt-setup-intro>div{display:none}.dt-setup-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px 24px!important;gap:12px 24px!important}.dt-setup-grid>div:nth-child(2){position:relative}.dt-setup-grid>div:nth-child(2)>div:last-child{position:absolute;right:0;top:-14px;margin:0!important}.dt-setup-grid>div:nth-child(2)>div:last-child button{min-height:30px;font-size:12px!important}.dt-setup-continue{margin-top:12px!important}.dt-frame--theme .dt-frame__inner{max-width:760px!important}.dt-themes{grid-template-columns:repeat(3,minmax(0,1fr))!important}.dt-themes button{padding:8px 12px!important}.dt-theme-intro{margin-bottom:10px!important}.dt-theme-intro p{display:none}.dt-results-layout{gap:32px!important}.dt-results-title{margin-bottom:8px}.dt-results-title h2{font-size:32px;margin-top:4px}.dt-results-title p{display:none}.dt-results-dice{margin-bottom:0;padding:8px 0}.dt-results-actions{grid-template-columns:1fr}.dt-moment--modal{max-width:700px;display:grid;grid-template-columns:1fr 1fr;align-items:center;grid-column-gap:24px;column-gap:24px;padding:20px 24px;text-align:left}.dt-moment--modal .dt-moment__title{font-size:36px}.dt-moment--modal .dt-moment__dice{grid-row:1/3;grid-column:2;margin:0;text-align:center}.dt-moment--modal .dt-moment__action{margin-top:16px}.dt-mode-content{padding:4px 28px 16px!important}.dt-mode-inner{max-width:780px!important;display:grid;grid-template-columns:240px minmax(0,1fr);grid-gap:12px 28px;gap:12px 28px;align-items:center}.dt-mode-intro{grid-column:1;margin-bottom:0!important}.dt-mode-intro h1{font-size:38px!important}.dt-mode-switch{grid-column:1;margin-bottom:0!important;align-self:start}.dt-mode-cards{grid-column:2;grid-row:1/4;gap:8px!important}.dt-mode-card{min-height:76px;padding-block:12px!important}.dt-mode-note{margin:0}.dt-join-content{overflow-y:auto!important;justify-content:flex-start!important;padding-bottom:20px!important}.dt-join-panel{max-width:660px!important}.dt-join-fields{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))}.dt-join-fields>div:last-child{grid-column:1/-1}.dt-join-colors{grid-template-columns:repeat(6,minmax(0,1fr))}.dt-join-intro{margin-bottom:16px!important}.dt-auth{padding:24px!important}}@media (max-height:500px){.dt-auth{justify-content:flex-start!important}.dt-frame--setup:focus-within .dt-frame__body,.dt-join:focus-within .dt-join-content{overflow-y:auto!important;justify-content:flex-start!important}}@media (max-width:360px){.dt-customize__scroll{padding-inline:16px!important}.dt-swatches{gap:4px!important}.dt-moment--modal{padding-inline:12px}.dt-mode-content{padding-inline:16px!important}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0ms!important;scroll-behavior:auto!important}}