:root{--panel-width:360px;--ink:#344b39;--muted:#89917d;--line:#e1e7d7}body{overflow:hidden}.app{grid-template-columns:68px minmax(0,1fr) var(--panel-width);grid-template-rows:76px minmax(0,1fr) 28px;min-height:580px}.topbar{grid-column:2/4;padding:0 25px;gap:19px}.stage{grid-column:2;grid-row:2;padding:22px 20px 0 24px;min-width:0;min-height:0;display:flex;flex-direction:column}.stage-heading{margin-bottom:16px;flex-shrink:0}.stage-heading h1{font-size:29px}.map-viewport{flex:1;min-height:220px;border-radius:13px;isolation:isolate}.stage-footer{flex-shrink:0;height:39px;gap:12px}.table-caption{display:none}.stage-footer .text-button:last-child{margin-left:auto}.statusbar{grid-column:2/4}.sidebar,.sidebar.open{display:flex;position:relative;grid-column:3;grid-row:2;top:auto;bottom:auto;right:auto;width:auto;min-width:0;min-height:0;z-index:15;box-shadow:none;border-left:1px solid var(--line);padding:23px 22px 20px;overflow:auto;background:var(--theme-surface,#fafbf4);scrollbar-width:thin;gap:0}.sidebar-heading{margin:0 0 20px}.sidebar-heading>button{display:none}.sidebar .character-section{padding-bottom:22px;margin-bottom:0;border-bottom:0;flex-shrink:0}.sidebar .log-section{padding:18px 0 0;margin-top:13px;border-top:1px solid var(--line);flex-shrink:0}.sidebar .log-section:last-of-type{display:none}.panel-resize{position:fixed;right:calc(var(--panel-width) - 4px);top:80px;bottom:31px;width:8px;cursor:col-resize;z-index:50;touch-action:none}.panel-resize:after{content:'';position:absolute;width:3px;height:36px;background:var(--theme-wash,#cbd6bb);border-radius:5px;top:42%;left:2px}.panel-resize:hover:after{background:var(--theme-accent,#9db083)}.save-status{font-size:9px}.header-actions{gap:9px}.header-actions>.icon-button[data-action=details]{display:none}.seat-label{display:flex;gap:7px;align-items:center;white-space:nowrap;background:var(--theme-raised,#eff4e5);border:1px solid var(--theme-line,#dce6ce);border-radius:7px;padding:8px 11px;font-size:11px;color:var(--theme-accent-text,#6c825a)}.seat-label i{width:6px;height:6px;border-radius:50%;flex-shrink:0}.seat-label b{font-weight:600}.demo-label{display:none}.sidebar .character-name{font-size:25px}.sidebar .character-identity{margin-bottom:22px;gap:12px}.sidebar .portrait{width:58px;height:58px}.sidebar .character-meta{max-width:190px;color:var(--theme-muted,#97a38a);font-size:10px}.sidebar .hp-heading{font-size:11px}.sidebar .hp-value{font-size:19px}.sidebar .hp-controls{margin:11px 0 16px}.sidebar .stats-row{margin-top:12px;gap:12px}.sidebar .stat strong{font-size:19px}.sidebar .stat strong small{font-size:9px}.proficiency-line{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:14px 0 12px;margin-top:17px;font-size:10px;color:var(--theme-muted,#879877)}.proficiency-line strong{font-size:16px;font-weight:550;color:var(--theme-accent-text,#688052)}.ability-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}.ability{display:flex;align-items:center;flex-direction:column;background:var(--theme-raised,#f1f5e8);border:1px solid var(--theme-line,#dfe7d3);border-radius:7px;padding:8px 0 4px;gap:5px}.ability>span{font-size:8px;font-weight:600;color:var(--theme-muted,#94a182);letter-spacing:.4px}.ability>strong{font-family:Georgia,serif;font-size:20px;font-weight:400;color:var(--theme-accent-text,#688053)}.ability>small{font-size:9px;color:var(--theme-muted,#a5ae97)}.save-roll{font-size:9px;color:var(--theme-muted,#a2ae93);border-top:1px solid var(--theme-line,#e1e8d5);width:100%;padding:7px 0 2px;margin-top:3px}.save-roll.proficient{color:var(--theme-accent-text,#6d8555);font-weight:600}.save-roll:hover{color:var(--theme-ink,#354c28)}.ability-caption{font-size:8px;line-height:1.7;margin-top:8px;color:var(--theme-muted,#a1ad91);text-align:center}.private-stats{display:flex;align-items:center;gap:12px;background:var(--theme-raised,#f0f4e8);border-radius:9px;padding:15px 14px;color:var(--theme-muted,#8c9f78)}.private-stats svg{width:22px;height:22px}.private-stats p{font-size:11px;line-height:1.6}.character-quick{margin-top:15px}.character-quick .button{min-height:30px;font-size:9px}.character-state{margin-top:12px}.dice-dock{padding:18px 0 0;margin-top:0;border-top:1px solid var(--line);width:100%;flex-shrink:0}.dice-dock-heading{gap:8px;flex-wrap:wrap;margin-bottom:12px}.dice-dock-heading h2{font-size:11px;margin-right:auto}.dice-dock-heading>.text-button{font-size:0;gap:0;margin-left:0!important;width:22px;height:22px;justify-content:center}.dice-dock-heading>.text-button svg{width:15px;height:15px}.dice-dock-heading>.text-button:hover{color:var(--theme-accent-text,#5e7949)}.dice-cards{display:flex;flex-direction:column;overflow:visible;gap:8px;padding:0}.dice-card{min-width:0;max-width:none;width:100%;padding:9px 11px;background:var(--theme-surface,#fffff9);border-color:var(--theme-line,#dfe7d1)}.deck-heading{margin-bottom:4px}.deck-heading strong{font-size:10px;color:var(--theme-muted,#8a9879);font-weight:500}.deck-form input{font-size:16px;padding:1px 0}.deck-form output{font-size:23px;min-width:30px}.deck-roll{width:28px;height:28px}.roll-strip{padding-top:12px;margin-top:0;align-items:flex-start;font-size:10px;gap:8px;line-height:1.6}.roll-strip>strong{font-size:25px;padding-top:1px}.roll-strip>span>small{display:block;margin:4px 0 0;font-size:8px}.roll-strip>small{font-size:8px}.roll-strip-time{display:none}.board{position:absolute;width:1600px;height:1100px;transform-origin:0 0;overflow:hidden}.map-art{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;z-index:0}.tile-layer{position:absolute;inset:0;z-index:0;pointer-events:none}.tile-layer img{position:absolute;display:block;max-width:none}.grid-layer{z-index:1;pointer-events:none}.vision-layer{z-index:2}.drawing-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}.measurement{z-index:9}.tokens{z-index:6}.table-canvases{position:absolute;inset:0;pointer-events:none;z-index:4}.table-canvas-card{position:absolute;transform:translate(-50%,-50%);background:#fffdf0;border:2px solid #f1eddb;border-radius:6px;box-shadow:0 4px 16px #263b312b;pointer-events:auto;touch-action:none;cursor:move}.table-canvas-card>svg{width:100%;height:100%;pointer-events:none}.table-canvas-caption{position:absolute;top:-30px;left:-2px;display:flex;align-items:center;gap:7px;background:var(--theme-surface,#fffdf0);border-radius:5px 5px 0 0;padding:6px 9px;font-size:12px;white-space:nowrap}.table-canvas-caption svg{width:13px;height:13px}.initiative-window{width:213px}.map-fullscreen .map-viewport,.map-viewport:fullscreen{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;z-index:200!important;border:0!important;border-radius:0!important;background:var(--theme-accent,#b9c4a9)}.map-fullscreen .sidebar{z-index:10}.map-fullscreen .map-viewport .initiative-window{width:230px}.map-fullscreen .map-viewport .map-tools{top:67px}.draw-tools{position:absolute;top:63px;left:62px;width:252px;padding:12px;border:1px solid var(--theme-line,#e3ead9);border-radius:10px;background:color-mix(in srgb,var(--theme-surface,#fffff4) 96.08%,transparent);box-shadow:0 5px 20px color-mix(in srgb,var(--theme-shadow,#263b31) 14.51%,transparent);z-index:20;backdrop-filter:blur(12px)}.draw-tools-label{font-size:9px;letter-spacing:.5px;color:var(--theme-muted,#9ba98b);display:block;margin-bottom:10px}.draw-tool-options{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.draw-tool-options button,.canvas-editor-toolbar button{padding:7px 5px;font-size:10px;border:1px solid var(--theme-line,#e2e8d6);border-radius:5px;color:var(--theme-muted,#8b9c77);background:var(--theme-raised,#f5f8ed)}.draw-tool-options button.active,.canvas-editor-toolbar button.active{color:var(--theme-accent-text,#5f7c47);background:var(--theme-raised,#e7eedb);border-color:var(--theme-line,#c7d5b3)}.draw-tool-settings{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:10px}.draw-tool-settings input[type=color]{width:24px;height:24px;border:0;padding:0;background:transparent;cursor:pointer}.draw-tool-settings input[type=range]{width:90px;accent-color:var(--theme-accent,#809d62)}.draw-tool-settings .text-button{font-size:9px}.draw-tool-settings .icon-button{width:21px;height:21px;margin-left:auto}.draw-tool-settings .icon-button svg{width:13px;height:13px}.ability-editor-heading{margin:25px 0 12px;border-top:1px solid var(--theme-line,#e0e6d4);padding-top:18px}.ability-editor-heading h3{font-family:Georgia,serif;font-size:19px;font-weight:400;margin:0 0 5px}.ability-editor-heading span{font-size:9px;color:var(--theme-muted,#a0ab91)}.ability-editor{margin-bottom:18px}.ability-edit-row{display:grid;grid-template-columns:1fr 54px 28px 135px;gap:9px;align-items:center;padding:7px 0;border-bottom:1px solid var(--theme-line,#edf0e5)}.ability-edit-row>label:first-child{font-size:11px;color:var(--theme-muted,#839771)}.ability-edit-row>input{width:54px;min-width:0;background:var(--theme-raised,#f6f9ee);border:1px solid var(--theme-line,#dfe7d2);border-radius:5px;padding:6px;color:var(--theme-accent-text,#698454)}.ability-edit-row>output{font-size:12px;color:var(--theme-muted,#8b9e78);text-align:center}.save-check{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--theme-muted,#8b9d78)}.save-check input{accent-color:var(--theme-accent,#829d67)}.field small{font-size:10px;color:var(--theme-muted,#a2ae91);line-height:1.6;display:block;margin-top:7px}.field input[type=range]{accent-color:var(--theme-accent,#829d67);border:0;background:none;padding:10px 0}.invite-actions{display:flex;gap:8px;margin:11px 0 20px}.invite-actions>.button{flex:1;font-size:11px}.full-width{width:100%;justify-content:center;margin:8px 0 10px}.account-footer{margin-top:22px;padding-top:15px;border-top:1px solid var(--theme-line,#e4ead9);display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:var(--theme-muted,#a3ae93)}.account-footer .text-button{font-size:10px}.role-choices{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:21px 0 27px}.role-choices>button{background:var(--theme-raised,#f3f7e9);border:1px solid var(--theme-line,#dfe7d1);border-radius:11px;padding:24px 14px;display:flex;align-items:center;flex-direction:column;gap:10px}.role-choices>button:hover{background:var(--theme-raised,#eaf1de);border-color:var(--theme-line,#bacd9f)}.role-choices>button>span{color:var(--theme-muted,#8aa172);border:1px solid var(--theme-line,#d6e0c5);padding:12px;border-radius:50%;background:var(--theme-raised,#e9f0dc)}.role-choices strong{font-family:Georgia,serif;font-size:21px;font-weight:400;color:var(--theme-accent-text,#6c8557)}.role-choices small{font-size:10px;color:var(--theme-muted,#9caa8c)}.list-title{font-size:10px;letter-spacing:.6px;color:var(--theme-muted,#9eac8c);font-weight:500;text-transform:uppercase;margin:20px 0 13px}.account-inline{font-size:10px!important;color:var(--theme-muted,#a9b399)!important}.hero-picker{display:flex;flex-direction:column;gap:10px;margin:22px 0}.hero-choice{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;padding:13px;border:1px solid var(--theme-line,#dfe7d2);border-radius:10px;background:var(--theme-surface,#f9fcf2)}.hero-picker-art{width:48px;height:48px;border-radius:50%;overflow:hidden;border:2px solid var(--theme-line,#e3ead6);display:block}.hero-picker-art svg,.hero-picker-art img{width:100%;height:100%;object-fit:cover}.hero-choice>div strong{font-family:Georgia,serif;font-size:20px;font-weight:400;color:var(--theme-accent-text,#758e5f);display:block}.hero-choice>div small{font-size:10px;color:var(--theme-muted,#a6b095);display:block;margin-top:4px}.hero-choice>.button{font-size:10px;padding:8px 10px;min-height:32px;max-width:170px;line-height:1.5}.hero-choice.mine{border-color:var(--theme-line,#bfd1aa);background:var(--theme-raised,#f1f6e8)}.hero-choice.taken{opacity:.6}.release-hero{grid-column:2/4;font-size:9px;justify-self:start;margin-top:-2px}.migration-entry{display:flex;align-items:center;justify-content:center;gap:17px;flex-wrap:wrap;border-top:1px solid var(--theme-line,#e4ead8);padding-top:18px;margin-top:25px}.migration-entry .text-button{font-size:10px}.migration-summary{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr;gap:7px;align-items:center;padding:16px;background:var(--theme-raised,#eff4e5);border-radius:10px;margin:15px 0 20px}.migration-summary strong{font-family:Georgia,serif;font-size:26px;font-weight:400;color:var(--theme-accent-text,#789361)}.migration-summary span{font-size:10px;color:var(--theme-muted,#9cae88)}.migration-progress{max-height:210px;overflow:auto;margin-top:20px;scrollbar-width:thin;border-top:1px solid var(--theme-line,#e7eddd);padding-top:12px}.migration-progress>div{font-size:11px;line-height:1.8;color:var(--theme-muted,#92a27e);display:flex;gap:10px;padding:4px 0}.migration-progress>div>span{color:var(--theme-muted,#809b69);width:16px}.form-error{padding:13px 15px;border:1px solid var(--theme-gold-line,#e4c6b0);border-radius:8px;background:var(--theme-gold-bg,#fcf3e8);color:var(--theme-gold-text,#a77855)!important;font-size:12px!important;margin:18px 0!important;line-height:1.7}.preset-library{display:flex;flex-direction:column;gap:8px;margin-top:20px}.preset-row{display:flex;align-items:center;gap:10px;background:var(--theme-raised,#f7faee);border:1px solid var(--theme-line,#e0e8d4);border-radius:8px;padding:12px}.preset-row>i{width:7px;height:7px;border-radius:50%;flex-shrink:0}.preset-row>div{flex:1;min-width:0}.preset-row strong{font-size:12px;font-weight:500;display:block;color:var(--theme-muted,#7c9469);overflow-wrap:anywhere}.preset-row code{display:block;font-size:10px;margin-top:6px;color:var(--theme-muted,#a4b095);overflow-wrap:anywhere}.preset-row .button{font-size:9px;padding:7px;min-height:30px}.preset-row .icon-button{width:22px;height:22px}.preset-row .icon-button svg{width:13px;height:13px}.canvas-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}.canvas-list-card{text-align:left;border:1px solid var(--theme-line,#e0e8d3);border-radius:9px;padding:10px;background:var(--theme-raised,#f8fbee);min-width:0}.canvas-list-card>svg{width:100%;height:auto;aspect-ratio:1.6;background:#fffef5;border-radius:5px;border:1px solid #edf0e3}.canvas-list-card strong{display:block;font-weight:500;font-size:12px;color:var(--theme-muted,#81966f);margin-top:10px}.canvas-list-card small{display:block;font-size:9px;color:var(--theme-muted,#a5b093);margin:5px 0 1px}.wide-dialog{max-width:800px;width:calc(100vw - 36px)}.canvas-access{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.canvas-access>span{font-size:10px;background:var(--theme-raised,#edf4e2);padding:6px 9px;border-radius:5px;color:var(--theme-muted,#8c9f77)}.canvas-access small{font-size:10px;color:var(--theme-muted,#abb69a)}.canvas-editor-toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:12px}.canvas-editor-toolbar button{font-size:10px}.canvas-editor-toolbar input[type=color]{width:25px;height:25px;padding:0;border:0;border-radius:5px;background:none}.personal-canvas{display:block;width:100%;height:auto;aspect-ratio:1.6;background:#fffef7;border:1px solid #dbe4cf;border-radius:8px;touch-action:none;cursor:crosshair}.personal-canvas *{pointer-events:none}.canvas-save-status{font-size:9px;color:var(--theme-muted,#9bae87);margin:9px 0 23px}.copy-value{width:100%;background:var(--theme-raised,#f4f8eb);border:1px solid var(--theme-line,#dfe7d2);border-radius:7px;padding:13px;color:var(--theme-muted,#839970)}.landing{position:fixed;inset:0;overflow:auto;z-index:100;background:radial-gradient(ellipse at 25% 20%,var(--theme-wash,#e4ebd6) 0,transparent 43%),radial-gradient(ellipse at 80% 85%,var(--theme-gold-bg,#ecebdc) 0,transparent 46%),var(--theme-gold-bg,#f7f7ef);display:flex;flex-direction:column;align-items:center;padding:30px;min-height:100dvh}.landing-brand{display:flex;align-items:center;gap:11px;align-self:flex-start;color:var(--theme-accent-text,#688254)}.landing-brand>span{padding:8px;background:var(--theme-raised,#e7edda);border-radius:10px;color:var(--theme-muted,#8aa273)}.landing-brand>span svg{width:29px;height:29px}.landing-brand>strong{font-family:Georgia,serif;font-size:33px;letter-spacing:-1px}.landing-brand strong>span{color:var(--theme-gold-text,#baa77a)}.landing-brand>small{font-size:10px;margin-left:9px;color:var(--theme-muted,#a3ad94)}.welcome-card{width:460px;max-width:100%;text-align:center;margin:auto;padding:35px 30px 20px}.welcome-card>.eyebrow{font-size:9px;letter-spacing:1.8px;color:var(--theme-muted,#9aaa88)}.welcome-card>h1{font-family:Georgia,serif;font-size:44px;line-height:1.15;letter-spacing:-1.4px;font-weight:400;color:var(--theme-accent-text,#6d8459);margin:14px -20px 17px}.welcome-card>p{font-size:13px;line-height:1.8;color:var(--theme-muted,#a0ab92)}.welcome-art{height:143px;position:relative;margin:0 auto 27px;width:175px;display:grid;place-items:center}.welcome-art>svg{width:75px;height:75px;stroke-width:1.1;color:var(--theme-muted,#91a879);z-index:1}.welcome-orbit{position:absolute;border-radius:50%;border:1px solid var(--theme-line,#d2dcc2);width:140px;height:140px}.orbit-two{width:176px;height:112px;transform:rotate(-30deg);border-style:dashed;border-color:var(--theme-line,#d9e0ce)}.welcome-art:before{content:'';position:absolute;inset:18px 34px;background:var(--theme-raised,#e8efdb);border-radius:50%;filter:blur(14px)}.welcome-leaf{position:absolute;top:2px;right:7px;background:var(--theme-gold-bg,#f4f5e8);border:1px solid var(--theme-line,#e0e6d1);border-radius:50%;padding:8px;transform:rotate(24deg)}.welcome-leaf svg{width:18px;height:18px;color:var(--theme-muted,#a6b48c)}.account-card{display:flex;align-items:center;gap:12px;text-align:left;border:1px solid var(--theme-line,#dfe6d2);background:color-mix(in srgb,var(--theme-surface,#fafff0) 45.88%,transparent);border-radius:11px;padding:16px;margin-top:29px}.account-avatar{width:38px;height:38px;background:var(--theme-wash,#dbe6c9);border:2px solid var(--theme-line,#edf2e3);display:grid;place-items:center;border-radius:50%;font-family:Georgia,serif;font-size:21px;color:var(--theme-muted,#8da472);flex-shrink:0}.account-card>div:nth-child(2){flex:1;min-width:0}.account-card small{display:block;font-size:9px;color:var(--theme-muted,#aab799)}.account-card strong{font-size:13px;color:var(--theme-muted,#8a9e75);font-weight:500;display:block;margin:5px 0 4px}.account-card span{display:block;overflow:hidden;text-overflow:ellipsis;font-size:10px;color:var(--theme-muted,#acb89b)}.account-card>a{font-size:9px;line-height:1.7;color:var(--theme-muted,#a0b28a);text-align:right;text-decoration-color:var(--theme-muted,#d4ddc6);text-underline-offset:3px}.welcome-continue{display:flex;width:100%;justify-content:space-between;align-items:center;margin-top:16px;min-height:46px;padding:14px 18px;font-size:12px;text-decoration:none;background:var(--theme-accent,#8a9f70);border-color:var(--theme-line-strong,#81996a);color:var(--theme-on-accent,#fcfff6);box-shadow:0 3px 9px color-mix(in srgb,var(--theme-shadow,#71865e) 9.02%,transparent);border-radius:8px}.welcome-continue:hover{background:var(--theme-accent,#7e9664)}.welcome-continue>svg{width:16px;height:16px}.welcome-note{display:block;font-size:10px;color:var(--theme-muted,#acb79c);margin-top:17px;line-height:1.7}.landing-caption{font-family:Georgia,serif;font-style:italic;font-size:12px;color:var(--theme-muted,#b6bca7);margin:25px 0 5px}.landing-loading{margin:auto;color:var(--theme-muted,#9dac89)}.dialog-shell{max-height:85dvh;overflow:auto;scrollbar-width:thin}.dialog-heading h2{line-height:1.15}.dialog-body{min-width:0}.button{line-height:1.35}.hero-picker .button{white-space:normal}.empty-character .button{margin-top:15px;font-size:10px}.personal-canvas g{pointer-events:none}
@media(min-width:1600px){.app{grid-template-columns:74px minmax(0,1fr) var(--panel-width)}.stage{padding:27px 24px 0 30px}.sidebar{padding:26px 24px 20px}.initiative-window{width:231px}.initiative-window .initiative-item{min-height:41px}.initiative-window .initiative-name{font-size:11px}}
@media(max-width:1250px){:root{--panel-width:325px}.topbar{padding:0 20px}.topbar .save-status,.topbar .campaign{display:none}.stage{padding:20px 16px 0}.sidebar{padding:20px 18px}.map-badge{max-width:calc(100% - 250px)}.ability-grid{gap:3px}.ability>strong{font-size:18px}.header-actions{gap:7px}}
@media(max-height:800px) and (min-width:901px){.app{grid-template-rows:66px minmax(0,1fr) 25px}.stage{padding-top:16px}.stage-heading h1{font-size:25px}.stage-heading{margin-bottom:11px}.sidebar{padding-top:18px}.sidebar-heading{margin-bottom:16px}.sidebar .character-identity{margin-bottom:16px}.sidebar .character-section{padding-bottom:16px}.sidebar .character-name{font-size:23px}.ability{padding-top:6px}.ability>strong{font-size:17px}.ability>small{font-size:8px}.ability-caption{display:none}.dice-dock{padding-top:15px}.dice-card{padding:7px 10px}.deck-form input{font-size:15px}.deck-form output{font-size:21px}.deck-heading{margin-bottom:1px}.sidebar .log-section{display:none}.panel-resize{top:70px}}
@media(max-width:1000px){.seat-label{font-size:10px;padding:7px 8px}.topbar{gap:14px}.header-actions .upload-main{display:none}.sidebar .character-meta{max-width:145px}.initiative-window{width:188px}.initiative-window .initiative-name{font-size:9px}.map-badge{display:none}.draw-tools{width:225px;top:16px;left:58px}}
@media(max-width:900px){.app{grid-template-columns:54px minmax(0,1fr);grid-template-rows:65px minmax(0,1fr) 26px;min-height:550px}.topbar,.statusbar{grid-column:2}.stage{grid-column:2;padding:18px 15px 0}.stage-heading h1{font-size:25px}.sidebar,.sidebar.open{display:none;position:fixed;top:65px;bottom:26px;right:0;width:min(360px,calc(100vw - 55px));z-index:50;box-shadow:-12px 0 45px color-mix(in srgb,var(--theme-shadow,#263b31) 14.51%,transparent);padding:20px}.sidebar.open.mobile-open{display:flex}.sidebar-heading>button{display:grid}.panel-resize{display:none}.header-actions>.icon-button[data-action=details]{display:grid}.header-actions .mode-button{display:none}.header-actions{gap:6px}.seat-label>span{max-width:165px;overflow:hidden;text-overflow:ellipsis}.topbar{padding:0 16px}.stage-footer .text-button{font-size:10px}.initiative-window{width:200px}.initiative-window .initiative-name{font-size:10px}.map-tools{top:17px}.map-hint{font-size:9px}.map-viewport{min-height:300px}.sidebar .log-section{display:none}.draw-tools{left:57px;top:16px}.dialog-shell{padding:25px}.landing{padding:22px}.welcome-card{padding-top:20px}.welcome-card>h1{font-size:40px}.welcome-art{height:126px;margin-bottom:23px}.landing-brand>small{display:none}}
@media(max-width:540px){.app{grid-template-columns:46px minmax(0,1fr)}.topbar{padding:0 10px;gap:8px}.wordmark{font-size:27px}.header-divider{display:none}.seat-label{font-size:9px;gap:5px;padding:7px}.seat-label>span{max-width:110px}.seat-label>i{display:none}.header-actions{gap:1px}.header-actions #roomLabel{font-size:0}.header-actions #roomLabel:after{display:none}.header-actions>.button{padding:6px;min-width:29px}.header-actions>.button svg{width:15px;height:15px}.header-actions>.icon-button{width:27px;height:30px}.stage{padding:15px 10px 0}.stage-heading h1{font-size:22px}.stage-heading>.button{font-size:9px;padding:8px 10px}.stage-heading .eyebrow{font-size:7px}.map-hint{display:none}.initiative-window{width:172px;top:11px;right:8px}.initiative-window .initiative-name{font-size:9px}.stage-footer{gap:7px}.stage-footer .text-button{font-size:8px}.stage-footer .text-button svg{width:11px;height:11px}.draw-tools{left:46px;width:205px;top:48px}.draw-tool-settings input[type=range]{width:80px}.hero-choice{grid-template-columns:38px 1fr;gap:10px}.hero-picker-art{width:38px;height:38px}.hero-choice>.button{grid-column:1/3;width:100%;max-width:none;font-size:11px}.release-hero{grid-column:1/3}.hero-choice>div strong{font-size:21px}.ability-edit-row{grid-template-columns:1fr 44px 25px;gap:7px}.ability-edit-row>input{width:44px}.save-check{grid-column:1/4;margin:0 0 4px}.welcome-card{padding:26px 2px 15px}.welcome-card>h1{font-size:36px;margin-left:0;margin-right:0}.welcome-card>.eyebrow{font-size:8px}.landing-brand strong{font-size:29px}.welcome-art{height:115px;margin-bottom:30px}.landing-caption{font-size:10px}.account-card{padding:13px 11px}.welcome-card>p{font-size:12px}.role-choices{gap:9px}.role-choices>button{padding:20px 8px}.role-choices small{font-size:9px}.role-choices strong{font-size:21px}.migration-summary{grid-template-columns:auto 1fr;gap:5px 10px}.canvas-list{grid-template-columns:1fr 1fr}.canvas-list-card small{font-size:8px}.invite-actions .button{font-size:10px;padding:9px}.dialog-shell{padding:22px}.preset-row{gap:7px;padding:10px}.preset-row>.button{font-size:8px}.account-footer{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

@media(min-width:901px){.sidebar,.sidebar.open{overflow:hidden}.sidebar-heading{flex-shrink:0;margin-bottom:16px}.sidebar .character-section{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;padding-right:5px;padding-bottom:17px}.sidebar .log-section{display:none}.dice-dock{flex-shrink:0;padding-top:14px}.dice-dock-heading{margin-bottom:10px}.dice-cards{max-height:213px;overflow-y:auto;scrollbar-width:thin;padding-right:2px}.dice-card{padding:7px 10px}.deck-heading{margin-bottom:3px}.roll-strip{max-height:65px;overflow:hidden;padding-top:10px;padding-bottom:1px}.character-section .character-quick{gap:4px}.character-section .character-quick .button{min-height:27px;padding:6px 8px}}

dialog{overflow:hidden;max-height:90dvh}.dialog-shell{max-height:88dvh}.wide-dialog .dialog-shell{max-height:86dvh}.canvas-editor-toolbar{position:sticky;top:0;background:var(--theme-surface,#fdfdf7);z-index:2;padding:4px 0 7px}.personal-canvas{max-height:42dvh;aspect-ratio:1.6;width:100%;height:auto}

.personal-canvas{width:min(100%,calc(42dvh * 1.6));max-height:none;margin:0 auto}