@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=DM+Sans:wght@400;500;600&display=swap";:root{font-family:DM Sans,sans-serif;color:#f2e9d8;background:#17120f;font-synthesis:none;text-rendering:optimizeLegibility;--color-ink: #17120f;--color-paper: #f2e9d8;--color-muted: #a99b85;--color-gold: #d3a954;--color-gold-dark: #97703a;--surface: rgb(36 27 21 / 89%);--line: rgb(201 157 80 / 22%);--font-display: "Cinzel", Georgia, serif;--page-background: linear-gradient(180deg, rgb(23 18 15 / 50%), rgb(23 18 15 / 94%)), radial-gradient(ellipse at 50% 20%, #49301e 0%, #2b1d16 43%, var(--color-ink) 82%);--page-grid-color: rgb(226 187 112 / 4%);--panel-background: linear-gradient(145deg, rgb(49 36 27 / 83%), var(--surface));--panel-shadow: 0 15px 55px rgb(0 0 0 / 18%);--scene-background: radial-gradient(ellipse at center, #31241a, #17120f 85%);--scene-border: rgb(211 169 84 / 20%);--primary-button-background: linear-gradient(135deg, #c89d50, #a97b38);--primary-button-text: #211911;--field-background: #18130f;--focus-ring: #efc96c}[data-theme=modern]{--color-ink: #12171d;--color-paper: #edf2f7;--color-muted: #aab5c0;--color-gold: #8fc4d4;--color-gold-dark: #477789;--surface: rgb(32 40 49 / 96%);--line: rgb(158 177 194 / 25%);--font-display: "DM Sans", sans-serif;--page-background: linear-gradient(180deg, #202832 0%, #12171d 100%);--page-grid-color: rgb(184 205 222 / 3%);--panel-background: linear-gradient(145deg, #2b3540, #202832);--panel-shadow: 0 15px 45px rgb(0 0 0 / 24%);--scene-background: radial-gradient(ellipse at center, #35424e, #151b22 85%);--scene-border: rgb(143 196 212 / 27%);--primary-button-background: linear-gradient(135deg, #9bd0dd, #68aabd);--primary-button-text: #10232a;--field-background: #161d24;--focus-ring: #b8eaf4}[data-theme=cyberpunk]{--color-ink: #080b13;--color-paper: #e8f6ff;--color-muted: #a8b7ce;--color-gold: #65f2ff;--color-gold-dark: #d65eea;--surface: rgb(15 18 31 / 96%);--line: rgb(101 242 255 / 24%);--font-display: "DM Sans", sans-serif;--page-background: radial-gradient(ellipse at 50% 0%, #18203b 0%, #0b0e19 52%, #070910 100%);--page-grid-color: rgb(101 242 255 / 6%);--panel-background: linear-gradient(145deg, rgb(21 27 45 / 97%), rgb(12 15 26 / 98%));--panel-shadow: 0 12px 40px rgb(0 0 0 / 34%), 0 0 18px rgb(50 208 232 / 6%);--scene-background: radial-gradient(ellipse at center, #162238, #080b13 85%);--scene-border: rgb(101 242 255 / 34%);--primary-button-background: linear-gradient(135deg, #76f6ff, #a9e7ff);--primary-button-text: #07131b;--field-background: #0b101c;--focus-ring: #ff71e8}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,a{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.tavern-page{position:relative;display:flex;min-height:100vh;flex-direction:column;overflow-x:clip;isolation:isolate;background:var(--page-background)}.tavern-page:before{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(90deg,transparent 49.9%,var(--page-grid-color) 50%,transparent 50.1%),linear-gradient(0deg,transparent 49.9%,var(--page-grid-color) 50%,transparent 50.1%);background-size:74px 74px;content:"";-webkit-mask-image:radial-gradient(ellipse at center,black,transparent 78%);mask-image:radial-gradient(ellipse at center,black,transparent 78%)}.topbar,.footer{display:flex;align-items:center;justify-content:space-between;padding:25px clamp(20px,5vw,76px)}.topbar{gap:16px}.topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:18px}.brand{display:inline-flex;align-items:center;gap:11px;color:var(--color-paper);font-family:var(--font-display);font-size:13px;letter-spacing:.2em;text-decoration:none}.brand b{color:var(--color-gold);font-weight:600}.brand-mark{color:var(--color-gold);font-size:21px}.theme-control{display:flex;align-items:center;gap:8px;color:var(--color-muted);font-size:9px;font-weight:600;letter-spacing:.12em}.theme-control select{min-height:44px;padding:0 30px 0 11px;border:1px solid var(--line);border-radius:4px;background:var(--field-background);color:var(--color-paper);cursor:pointer;font-size:12px;letter-spacing:0}.theme-control option{background:var(--color-ink);color:var(--color-paper)}.open-status{display:flex;align-items:center;gap:9px;color:var(--color-muted);font-size:10px;letter-spacing:.12em}.open-status i{width:7px;height:7px;border-radius:50%;background:#8ab47a;box-shadow:0 0 12px #8ab47a}.game-layout{width:min(100% - 40px,1050px);margin:12px auto 40px}.page-heading{margin-bottom:27px;text-align:center}.eyebrow{display:flex;align-items:center;justify-content:center;gap:14px;color:var(--color-gold);font-size:9px;letter-spacing:.23em}.eyebrow span{width:25px;height:1px;background:#927341}.page-heading h1{margin:11px 0 4px;font-family:var(--font-display);font-size:clamp(30px,5vw,45px);font-weight:500;letter-spacing:-.04em}.page-heading h1 em{color:var(--color-gold);font-style:normal}.page-heading p{margin:0;color:var(--color-muted);font-size:13px}.game-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:16px}.panel{min-width:0;padding:21px;border:1px solid var(--line);border-radius:5px;background:var(--panel-background);box-shadow:var(--panel-shadow)}.scene-panel{grid-column:1 / -1}.mode-switch{display:flex;width:fit-content;margin:-7px auto 18px;padding:4px;border:1px solid var(--line);border-radius:7px;background:var(--field-background)}.mode-switch button{min-height:40px;padding:0 20px;border:0;border-radius:4px;background:transparent;color:var(--color-muted);cursor:pointer;font-size:12px}.mode-switch button.is-active{background:var(--primary-button-background);color:var(--primary-button-text);font-weight:700}.multiplayer-panel{align-self:stretch}.connection-status{display:inline-flex;align-items:center;gap:7px;color:var(--color-muted);font-size:11px;white-space:nowrap}.connection-status i,.player-presence{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:#a99b85}.connection-status.is-connected i,.room-player-list li:not(.is-away) .player-presence{background:#8ab47a;box-shadow:0 0 9px #8ab47a73}.connection-status.is-connecting i{background:#e0bd69;animation:dice-pulse 1.2s ease-in-out infinite alternate}.room-code-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border:1px solid var(--line);border-radius:5px;background:var(--field-background)}.room-code-row div{display:grid;gap:3px}.room-code-row small,.room-access-form label{color:var(--color-muted);font-size:10px;letter-spacing:.07em}.room-code-row strong{color:var(--color-gold);font-family:var(--font-display);font-size:22px;letter-spacing:.14em}.room-players-heading{display:flex;align-items:center;gap:9px;margin:18px 0 8px}.room-players-heading h3{margin:0;font-size:13px;font-weight:600}.room-player-list{display:grid;gap:7px;margin:0;padding:0;list-style:none}.room-player-list li{display:flex;min-height:36px;align-items:center;gap:9px;padding:7px 10px;border-radius:4px;background:color-mix(in srgb,var(--field-background),transparent 15%);font-size:12px}.room-player-list li.is-away{color:var(--color-muted)}.room-player-list li small{margin-left:auto;color:var(--color-muted);font-size:10px}.leave-room-button{margin-top:13px}.room-access-form{display:grid;gap:8px}.room-access-form label:not(:first-child){margin-top:5px}.room-access-form label span{opacity:.75}.room-access-form input{width:100%;min-height:44px;padding:0 12px;border:1px solid var(--line);border-radius:4px;background:var(--field-background);color:var(--color-paper)}.room-action-row{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:7px}.room-action-row button{min-height:44px}.room-error{margin:12px 0 0}.room-copy-error{margin:8px 0 0;color:var(--color-muted);font-size:10px}.room-activity-note,.roll-attribution{margin:11px 0 0;color:var(--color-muted);font-size:11px}.roll-attribution{padding-bottom:10px}.roll-attribution strong{color:var(--color-gold)}.reroll-button:disabled{cursor:not-allowed;opacity:.45}.scene-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.scene-heading h2{margin:4px 0 0;font-family:var(--font-display);font-size:20px;font-weight:500}.scene-frame{position:relative;height:clamp(270px,38vw,410px);overflow:hidden;border:1px solid var(--scene-border);border-radius:4px;background:var(--scene-background)}.scene-frame>div,.scene-frame canvas{width:100%;height:100%}.scene-placeholder{display:grid;align-content:center;justify-items:center;gap:14px;background:var(--scene-background)}.scene-placeholder p{margin:0;color:#b7a487;font-size:11px;text-align:center}.scene-loading-glyph{color:var(--color-gold);font-size:44px;animation:dice-pulse 1.2s ease-in-out infinite alternate}@keyframes dice-pulse{to{transform:rotate(90deg) scale(.9);opacity:.45}}.scene-empty-note{position:absolute;right:12px;bottom:10px;left:12px;color:var(--color-muted);font-size:10px;pointer-events:none;text-align:center;text-shadow:0 1px 5px #100b08}.scene-caption{margin:9px 0 0;color:#91836d;font-size:9px;text-align:center}.scene-fallback{display:grid;width:100%;height:100%;align-content:center;justify-items:center;gap:8px;padding:24px;background:var(--scene-background);color:var(--color-paper);text-align:center}.scene-fallback>span{color:var(--color-gold);font-size:40px}.scene-fallback strong{font-family:var(--font-display);font-size:15px;font-weight:500}.scene-fallback p{margin:0;color:#9b8b73;font-size:11px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.section-kicker{color:var(--color-gold);font-size:8px;letter-spacing:.19em}.panel h2{margin:4px 0 0;font-family:var(--font-display);font-size:21px;font-weight:500}.count-pill{flex:none;padding:5px 9px;border:1px solid var(--line);border-radius:999px;color:var(--color-gold);font-size:10px}.subheading{margin:0 0 10px;color:var(--color-muted);font-size:9px;font-weight:600;letter-spacing:.15em}.die-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(58px,1fr));gap:6px}.die-choice{display:flex;min-width:44px;min-height:52px;flex-direction:column;align-items:center;justify-content:center;gap:1px;border:1px solid var(--line);border-radius:4px;background:color-mix(in srgb,var(--color-ink) 60%,transparent);color:var(--color-paper);cursor:pointer;font-size:10px;transition:background .15s ease,border-color .15s ease,transform .15s ease}.die-choice:hover{transform:translateY(-2px);border-color:var(--color-gold);background:#97703a38}.die-choice.is-selected{border-color:var(--color-gold);background:color-mix(in srgb,var(--color-gold) 18%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-gold) 22%,transparent)}.die-glyph{color:var(--color-gold);font-size:23px;line-height:1}.custom-heading{margin-top:21px}.custom-form label{display:block;margin-bottom:7px;color:var(--color-paper);font-size:11px}.custom-form label span{color:#988974}.custom-controls{display:flex;gap:8px}.custom-controls input{width:100%;min-width:0;min-height:44px;padding:9px 11px;border:1px solid var(--line);border-radius:3px;background:var(--field-background);color:var(--color-paper)}.custom-controls input::placeholder{color:#756957}.small-button{flex:none;min-height:44px;padding:0 13px;border:1px solid var(--color-gold-dark);border-radius:3px;background:color-mix(in srgb,var(--color-gold) 17%,transparent);color:var(--color-paper);cursor:pointer;font-size:11px}.small-button:hover{background:#97703a61}.selection-list{display:grid;gap:7px;max-height:205px;min-height:46px;overflow:auto;margin-top:15px}.empty-note{margin:0;padding:14px 9px;color:#948670;font-size:11px;text-align:center}.selected-die{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid rgb(211 169 84 / 14%);border-radius:3px;background:#0000001f}.die-mini{color:var(--color-gold);font-size:20px}.selected-die-name{display:flex;min-width:0;flex:1;flex-direction:column;color:var(--color-paper);font-size:12px}.selected-die-name small{margin-top:2px;color:#948670;font-size:9px}.remove-button{width:44px;height:44px;flex:none;border:0;border-radius:3px;background:transparent;color:var(--color-gold);cursor:pointer;font-size:21px}.remove-button:hover{background:#ffffff14}.selection-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px}.clear-button{min-height:44px;padding:9px 0;border:0;background:transparent;color:var(--color-muted);cursor:pointer;font-size:10px;text-decoration:underline;text-underline-offset:3px}.clear-button:disabled{cursor:default;opacity:.45}.roll-button{display:inline-flex;min-height:44px;align-items:center;gap:8px;padding:11px 15px;border:1px solid var(--color-gold);border-radius:3px;background:var(--primary-button-background);box-shadow:0 5px 20px #00000029;color:var(--primary-button-text);cursor:pointer;font-size:12px;font-weight:700}.roll-button span{font-size:15px}.roll-button:hover:not(:disabled){filter:brightness(1.1)}.roll-button:disabled{cursor:not-allowed;opacity:.45}.roll-time{color:#a99b85;font-variant-numeric:tabular-nums;font-size:11px}.error-message{margin:-3px 0 12px;padding:9px 11px;border:1px solid rgb(207 103 78 / 38%);border-radius:3px;background:#6c2a1f3b;color:#f0ae9b;font-size:11px}.result-empty{display:grid;min-height:220px;align-content:center;justify-items:center;color:#9c8a70;text-align:center}.empty-die{color:#80633b;font-size:54px;line-height:1}.result-empty p{margin:10px 0 4px;color:#b8a98f;font-size:12px}.result-empty small{font-size:10px}.result-list{display:grid;gap:8px;max-height:275px;overflow:auto}.result-die{display:flex;align-items:center;gap:10px;padding:9px 10px;border:1px solid rgb(211 169 84 / 16%);border-radius:3px;background:#00000021}.result-die-mark{color:var(--color-gold);font-size:21px}.result-die-label{display:flex;min-width:0;flex:1;flex-direction:column;color:#ded1bc;font-size:11px}.result-die-label small{margin-top:2px;color:#8e806c;font-size:9px}.die-value{min-width:33px;color:#f2d38f;font-family:var(--font-display);font-size:23px;font-weight:600;text-align:center}.reroll-button{width:44px;height:44px;flex:none;border:1px solid rgb(211 169 84 / 32%);border-radius:50%;background:transparent;color:var(--color-gold);cursor:pointer;font-size:19px}.reroll-button:hover{background:#d3a95424}.total-row{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding:12px 4px 0;border-top:1px solid var(--line);color:var(--color-muted);font-size:10px;letter-spacing:.15em}.total-row strong{color:#f2d38f;font-family:var(--font-display);font-size:27px;letter-spacing:0}.history-panel{grid-column:1 / -1}.history-panel .panel-heading{margin-bottom:11px}.history-toggle{display:inline-flex;min-height:44px;align-items:center;gap:8px;padding:3px 8px;border:1px solid var(--line);border-radius:4px;background:color-mix(in srgb,var(--color-gold) 8%,transparent);color:var(--color-paper);cursor:pointer}.history-toggle-label{font-size:11px}.history-toggle-icon{color:var(--color-gold);font-size:18px;line-height:1}.history-empty{padding:10px}.history-list{display:grid;gap:8px;max-height:290px;overflow:auto;margin:0;padding:0;list-style:none}.history-entry{padding:10px 12px;border:1px solid rgb(211 169 84 / 13%);border-radius:3px;background:#0000001f}.history-entry-top,.history-entry-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.history-entry-top{margin-bottom:5px;color:var(--color-muted);font-size:9px}.history-kind{display:inline-block;margin:0 0 7px;color:var(--color-gold);font-size:8px;font-weight:700;letter-spacing:.1em}.history-entry-bottom{color:var(--color-paper);font-size:10px}.history-entry-bottom span{min-width:0;overflow-wrap:anywhere}.history-entry-bottom b{flex:none;color:#e5c67e;font-weight:500}.history-rerolls{display:block;margin-top:6px;color:#c39c5d;font-size:9px}.footer{margin-top:auto;color:#766957;font-size:8px;letter-spacing:.17em}.footer-divider{width:1px;height:15px;background:#57442e}@media(max-width:700px){.game-grid{grid-template-columns:minmax(0,1fr)}.history-panel{grid-column:auto}.scene-frame{height:clamp(255px,64vw,330px)}.result-empty{min-height:150px}.topbar{flex-wrap:wrap;padding:16px 20px}.topbar-actions{width:100%;justify-content:space-between}.game-layout{margin-top:6px}.panel{padding:17px}.selection-actions{flex-wrap:wrap}.roll-button{justify-content:center}.history-panel .panel-heading{align-items:center}}@media(max-width:420px){.game-layout{width:min(100% - 24px,1050px)}.panel{padding:16px 13px}.die-picker{grid-template-columns:repeat(auto-fit,minmax(52px,1fr));gap:5px}.die-choice{height:53px;font-size:9px}.selection-actions{align-items:stretch}.clear-button{font-size:9px}.roll-button{padding:10px;font-size:11px}.topbar{padding:15px 12px}.topbar-actions{gap:8px}.theme-control{gap:5px;font-size:8px}.theme-control select{padding-left:8px;font-size:11px}.open-status{gap:6px;font-size:8px}.footer{flex-wrap:wrap;justify-content:center;gap:10px;padding:20px 10px;font-size:7px;letter-spacing:.1em}}@media(max-height:520px)and (orientation:landscape){.topbar{padding-top:10px;padding-bottom:10px}.page-heading{margin-bottom:14px}.page-heading h1{margin-top:5px;font-size:30px}.scene-frame{height:min(50vw,245px)}.game-layout{margin-top:4px}}@media(prefers-reduced-motion:no-preference){.panel{animation:arrive .45s ease-out both}@keyframes arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}