.app{grid-template-columns:72px minmax(0,1fr);grid-template-rows:80px minmax(0,1fr) 31px}.topbar,.statusbar{grid-column:2}.stage{grid-column:2;padding-top:23px}.stage-heading{margin-bottom:17px}.sidebar{display:none;position:fixed;right:0;top:80px;bottom:31px;width:297px;z-index:40;box-shadow:-10px 0 40px color-mix(in srgb,var(--theme-shadow,#263b31) 14.51%,transparent);padding-top:15px}.sidebar.open{display:flex}.sidebar-heading{margin-bottom:18px}.stage-footer{height:35px}.map-viewport{min-height:190px;background:var(--theme-accent,#bbc6a7)}.board{background:#dce2cc}.vision-layer{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}.token{width:var(--token-size,50px);height:var(--token-size,50px);border-width:2.5px;perspective:400px;background:transparent}.token-flipper{display:block;width:100%;height:100%;position:relative;border-radius:50%;transition:transform .5s cubic-bezier(.2,.75,.25,1);transform-style:preserve-3d;pointer-events:none}.token-front,.token-back{display:block;position:absolute;inset:0;overflow:hidden;border-radius:50%;backface-visibility:hidden;-webkit-backface-visibility:hidden}.token-front{background:#d9decb}.token-front img,.token-front svg{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.token-back{transform:rotateY(180deg);background:#b3b2a3;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1px;color:#5e6257;box-shadow:inset 0 0 0 2px #dddac7}.token-back svg{width:40%;height:40%;stroke-width:2.3}.token-back small{font-size:calc(var(--token-size)*.12);letter-spacing:1px;font-weight:650}.token.is-dead{border-color:#848979;filter:grayscale(.75)}.token.is-dead .token-flipper{transform:rotateY(180deg)}.token.selected{box-shadow:0 0 0 3px #fbf7dc,0 0 0 5px var(--token-color),0 5px 17px #263b3140}.token.unconscious .token-front{filter:grayscale(.8);opacity:.7}.token-health{left:10%;right:10%;height:3px;bottom:-6px}.token-name{top:calc(var(--token-size) + 10px)!important;font-size:13px!important;line-height:18px!important;padding:3px 8px!important}.token-turn{width:16px;height:16px;top:-9px;right:-7px;border-width:1.5px}.token-turn svg{width:10px;height:10px}.portrait img,.mini-portrait img{width:100%;height:100%;object-fit:cover;display:block}.initiative-window{position:absolute;top:17px;right:17px;width:224px;border:1px solid color-mix(in srgb,var(--theme-gold-line,#fdfbf0) 50.2%,transparent);border-radius:11px;background:color-mix(in srgb,var(--theme-surface,#fffff6) 92.94%,transparent);backdrop-filter:blur(16px);box-shadow:0 5px 23px color-mix(in srgb,var(--theme-shadow,#263b31) 10.98%,transparent);z-index:10;color:var(--theme-accent-text,#4e6042);max-height:calc(100% - 36px);display:flex;flex-direction:column;overflow:hidden}.initiative-handle{display:flex;align-items:center;gap:6px;padding:9px 9px 9px 7px;border-bottom:1px solid var(--theme-line,#dde5d0);cursor:grab;touch-action:none;flex-shrink:0;user-select:none}.initiative-handle:active{cursor:grabbing}.initiative-handle h2{font-size:11px;font-weight:600}.initiative-handle .round-label{font-size:8px;padding:3px 5px;background:var(--theme-raised,#edf1e4);white-space:nowrap}.initiative-handle .icon-button{width:22px;height:22px}.initiative-handle .icon-button svg{width:13px;height:13px}.drag-grip{font-size:18px;line-height:15px;color:var(--theme-muted,#a9b29b);transform:rotate(90deg);width:17px;text-align:center}.initiative-window #initiativeContent{min-height:0;display:flex;flex-direction:column}.initiative-window .initiative-list{padding:6px;overflow-y:auto;scrollbar-width:thin;max-height:330px;gap:2px}.initiative-window .initiative-item{min-height:36px;gap:7px;padding:5px 7px}.initiative-window .mini-portrait{width:24px;height:24px}.initiative-window .initiative-name{font-size:10px}.initiative-window .initiative-name small{font-size:8px}.initiative-window .initiative-score input{font-size:11px;width:27px}.initiative-item.is-dead .initiative-name>span{text-decoration:line-through;color:var(--theme-muted,#a1a693)}.initiative-item.is-dead .mini-portrait{filter:grayscale(1);opacity:.55}.initiative-item.is-dead .initiative-score{opacity:.45}.enemy-spacer{display:block;width:24px;flex-shrink:0}.initiative-actions{display:flex;align-items:center;gap:5px;border-top:1px solid var(--theme-line,#e3e8d9);padding:7px 10px}.initiative-actions>.icon-button{width:28px;height:28px}.initiative-actions>.icon-button svg{width:14px;height:14px}.initiative-actions .next-turn{margin:0;min-height:28px;font-size:9px;padding:5px 8px;flex:1;width:auto}.empty-init{padding:14px 6px;line-height:1.6}.pings{position:absolute;inset:0;pointer-events:none;z-index:8}.ping{position:absolute;width:12px;height:12px;transform:translate(-50%,-50%) scale(var(--inverse-zoom,1));transform-origin:center;background:var(--ping-color);border:2px solid var(--theme-gold-line,#fffbe6);border-radius:50%;box-shadow:0 2px 8px color-mix(in srgb,var(--theme-shadow,#263b31) 25.1%,transparent);animation:pingEntrance .18s ease-out}.ping:before,.ping:after,.ping i{content:"";position:absolute;inset:-4px;border:2px solid var(--ping-color);border-radius:50%;animation:pingWave 1.5s ease-out infinite}.ping:after{animation-delay:.5s}.ping i{animation-delay:1s}.ping b{position:absolute;top:20px;left:50%;transform:translateX(-50%);background:var(--ping-color);border:1px solid color-mix(in srgb,var(--theme-line,#fff) 53.33%,transparent);color:var(--theme-on-accent,#fffef6);font-size:9px;font-weight:500;padding:4px 7px;border-radius:5px;white-space:nowrap;box-shadow:0 2px 6px color-mix(in srgb,var(--theme-shadow,#263b31) 12.55%,transparent)}@keyframes pingWave{from{transform:scale(.8);opacity:.85}to{transform:scale(4);opacity:0}}@keyframes pingEntrance{from{opacity:0}to{opacity:1}}.dice-dock{flex-shrink:0;border-top:1px solid var(--theme-line,#e2e6d8);padding:12px 0 10px}.dice-dock-heading{display:flex;align-items:center;gap:12px;margin-bottom:10px}.dice-dock-heading h2{font-size:11px;font-weight:550;display:flex;align-items:center;gap:6px}.dice-dock-heading h2 svg{width:15px;height:15px;color:var(--theme-muted,#8b9c7a)}.dice-dock-caption{font-family:Georgia,serif;font-style:italic;font-size:10px;color:var(--theme-muted,#a3ad96)}.dice-dock-heading>.text-button:first-of-type{margin-left:auto}.dice-dock-heading .text-button{font-size:10px}.dice-dock-heading .text-button svg{width:12px;height:12px}.dice-cards{display:flex;gap:11px;overflow-x:auto;padding:1px 1px 6px;scrollbar-width:thin;scrollbar-color:var(--theme-line,#d5dec7) transparent}.dice-card{flex:1;min-width:205px;background:var(--theme-surface,#fdfef7);border:1px solid var(--theme-line,#e1e7d6);border-radius:9px;padding:9px 12px 10px;max-width:440px}.deck-heading{display:flex;align-items:center;gap:6px;margin-bottom:6px}.deck-dot{height:5px;width:5px;border-radius:50%;background:var(--deck-color)}.deck-heading strong{font-size:10px;font-weight:550;color:var(--theme-muted,#839176)}.deck-heading .icon-button{margin-left:auto;width:18px;height:18px}.deck-heading .icon-button svg{width:11px;height:11px;color:var(--theme-muted,#b1b9a5)}.deck-form{display:flex;align-items:center;gap:6px}.deck-form input{border:0;background:transparent;min-width:0;width:100%;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:16px;letter-spacing:-.5px;color:var(--theme-accent-text,#526847);padding:0 3px 0 0}.deck-form input:focus-visible{outline-offset:2px}.deck-roll{width:28px;height:28px;background:var(--theme-raised,#f0f4e6);border:1px solid var(--theme-line,#dce5cd);border-radius:7px;display:grid;place-items:center;flex-shrink:0;color:var(--theme-muted,#7c9068)}.deck-roll:hover{background:var(--theme-wash,#e3ebd6)}.deck-roll svg{width:15px;height:15px}.deck-form output{font-family:Georgia,serif;font-size:22px;text-align:right;min-width:27px;color:var(--deck-color);font-variant-numeric:tabular-nums}.roll-strip{margin-top:4px;width:100%;display:flex;align-items:center;gap:8px;text-align:left;min-height:25px;padding:0;color:var(--theme-muted,#96a287);font-size:9px}.roll-strip>svg{width:12px;height:12px}.roll-strip>strong{font-family:Georgia,serif;font-size:22px;color:var(--theme-accent-text,#738a5f);min-width:26px;line-height:1}.roll-strip>span{flex:1;line-height:1.5}.roll-strip b{font-weight:500;color:var(--theme-muted,#7d916a)}.roll-strip>span>small{display:inline;margin-left:8px;font-size:8px;color:var(--theme-muted,#a7b298)}.roll-strip>small,.roll-strip-time{margin-left:auto;font-size:8px;color:var(--theme-muted,#a4af98);flex:none!important}.player-banner{top:auto;bottom:63px;right:17px;font-size:9px;padding:7px 9px}.character-quick{display:flex;flex-direction:column;gap:7px;margin-top:18px}.character-quick .button{font-size:10px;min-height:32px}.death-label{background:var(--theme-gold-bg,#eeece2);border:1px solid var(--theme-gold-line,#dedfd1);border-radius:6px;padding:9px 12px;font-size:11px;color:var(--theme-gold-text,#8e7966);margin-bottom:13px}.unconscious-label{background:var(--theme-gold-bg,#f3eedf);color:var(--theme-gold-text,#99834f)}.party-member{display:flex;align-items:center;gap:8px;padding:7px 0;color:var(--theme-muted,#839474);font-size:11px}.party-member>i{width:7px;height:7px;border-radius:50%;flex-shrink:0}.party-member>span{flex:1;overflow:hidden;text-overflow:ellipsis}.party-member>small{font-size:9px;color:var(--theme-muted,#a9b29c)}.room-choice-tabs{display:flex;gap:8px;justify-content:center;margin:17px 0 21px}.room-choice-tabs .button{font-size:11px;flex:1}.room-list{display:flex;flex-direction:column;gap:8px}.scene-card>.scene-symbol{width:48px;height:48px;border-radius:8px;background:var(--theme-raised,#eaf0de);display:grid;place-items:center;flex-shrink:0;color:var(--theme-muted,#91a279)}.scene-card>span:nth-child(2){flex:1}.scene-card>svg{width:17px;height:17px;color:var(--theme-muted,#7e9366)}.scene-symbol svg{width:24px;height:24px}.current-room-card{border:1px solid var(--theme-line,#e1e8d5);border-radius:11px;padding:15px 17px;background:var(--theme-raised,#f9fbf1)}.current-room-card h3{margin:0;font-family:Georgia,serif;font-weight:400;font-size:21px}.room-role{font-size:9px;color:var(--theme-muted,#8f9e7d);background:var(--theme-raised,#edf2e1);padding:5px 7px;border-radius:5px;white-space:nowrap}.room-invite-label{font-size:9px!important;color:var(--theme-muted,#9caa89)!important;margin:13px 0 3px!important}.invite-code{display:flex;align-items:center;justify-content:space-between;border:1px dashed var(--theme-line,#ccd8b9);border-radius:7px;background:var(--theme-raised,#f0f4e6);padding:8px 12px}.invite-code strong{font-family:ui-monospace,SFMono-Regular,monospace;font-size:18px;letter-spacing:1px;font-weight:500;color:var(--theme-accent-text,#708656)}.access-note{font-size:9px!important;line-height:1.6!important;color:var(--theme-muted,#a1ab93)!important}.profile-form{display:flex;align-items:flex-end;gap:8px;margin-top:15px}.profile-form .field{margin:0;flex:1}.profile-form .field:nth-child(2){flex:0 0 47px}.profile-form .button{font-size:10px;margin-bottom:1px;min-height:37px;padding:8px 11px}.profile-form input{font-size:11px;padding:10px 9px}.room-members{margin-top:14px}.claim-section{margin-top:12px;border-top:1px solid var(--theme-line,#e2e8d7);padding-top:8px}.claim-section p{font-size:10px!important}.claim-buttons{display:flex;flex-wrap:wrap;gap:6px}.claim-buttons .button{font-size:10px;padding:7px 9px;min-height:30px}.check-field{display:flex;gap:8px;align-items:center;color:var(--theme-muted,#8b9d77);font-size:12px;margin:17px 0;line-height:1.6;cursor:pointer}.check-field input{accent-color:var(--theme-accent,#758c5f);width:15px;height:15px;flex-shrink:0}.token-editor-photo{display:flex;align-items:center;gap:14px;margin-bottom:19px}.editor-avatar{width:67px;height:67px;border-radius:50%;overflow:hidden;border:3px solid var(--theme-line,#e5ead8);background:var(--theme-wash,#e0e6d1);flex-shrink:0}.editor-avatar svg,.editor-avatar img{width:100%;height:100%;object-fit:cover}.token-editor-photo>div:nth-child(2){display:flex;align-items:flex-start;flex-direction:column;gap:6px}.image-upload-label{cursor:pointer;font-size:10px!important;min-height:31px!important;padding:7px 10px!important}.image-upload-label svg{width:13px;height:13px}.token-editor-photo .text-button{font-size:9px}.crop-controls{display:flex;align-items:center;gap:18px;border:1px solid var(--theme-line,#dfe7d3);border-radius:10px;padding:12px;margin-bottom:18px;background:var(--theme-raised,#f4f7e9)}.crop-controls canvas{width:125px;height:125px;border-radius:50%;border:2px solid var(--theme-line,#c5d2b2);touch-action:none;cursor:grab;flex-shrink:0}.crop-controls label{font-size:10px;color:var(--theme-muted,#8b9e78)}.crop-controls input{width:100%;accent-color:var(--theme-accent,#829b68);margin-top:12px}.crop-controls small{display:block;font-size:9px;line-height:1.6;color:var(--theme-muted,#a0ad8e);margin-top:7px}.grid-options{display:flex;gap:8px;margin-bottom:22px}.grid-option{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;font-size:11px;background:var(--theme-raised,#f4f7ea);border:1px solid var(--theme-line,#e0e8d2);border-radius:7px;padding:11px 5px;cursor:pointer}.grid-option input{accent-color:var(--theme-accent,#7b9365)}.quick-dice{display:flex;gap:7px;margin:12px 0 21px}.quick-dice button{flex:1;border:1px solid var(--theme-line,#dce6ce);background:var(--theme-raised,#f5f8ec);border-radius:6px;padding:9px 2px;color:var(--theme-muted,#8a9e75);font-size:10px}.quick-dice button:hover{background:var(--theme-wash,#e5edd8)}.calculator-result{display:flex;gap:16px;align-items:center;padding-top:10px}.calculator-result:empty{display:none}.calculator-result strong{font-family:Georgia,serif;font-size:48px;font-weight:400;color:var(--theme-accent-text,#728a5c)}.calculator-result>span{font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px;color:var(--theme-muted,#8d9f7c)}.calculator-result small{display:block;font-size:9px;margin-top:6px}.sign-in-button{text-decoration:none;margin-top:13px}.field select:disabled{color:var(--theme-muted,#a6b294)}.map-badge{font-size:9px}.map-tools{top:64px}.map-hint{font-size:9px}.statusbar>span{max-width:90%}.statusbar #connectionText{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.initiative-window .initiative-name>span{text-overflow:ellipsis}.sidebar .character-meta{max-width:175px;line-height:1.5}
@media(min-width:1600px){.app{grid-template-columns:78px minmax(0,1fr)}.stage{padding-top:26px}.dice-dock{padding-top:16px;padding-bottom:13px}.dice-card{padding:11px 15px}.initiative-window{width:243px}.initiative-window .initiative-item{min-height:40px}.initiative-window .initiative-name{font-size:11px}.sidebar{width:320px}}
@media(max-width:1200px){.app{grid-template-columns:61px minmax(0,1fr)}.header-actions{gap:7px}.topbar{gap:17px}.sidebar{width:284px}.dice-dock-caption{display:none}.campaign{display:flex}.initiative-window{width:213px}.dice-card{min-width:195px}.map-badge{font-size:8px}}
@media(max-height:850px) and (min-width:761px){.app{grid-template-rows:72px minmax(0,1fr) 27px}.sidebar{top:72px;bottom:27px}.stage{padding-top:17px}.stage-heading{margin-bottom:12px}.stage-heading h1{font-size:25px}.dice-dock{padding-top:9px;padding-bottom:6px}.dice-dock-heading{margin-bottom:7px}.dice-card{padding:6px 11px}.deck-heading{margin-bottom:4px}.deck-form input{font-size:15px}.dice-cards{padding-bottom:3px}.stage-footer{height:30px}.roll-strip{min-height:23px}.initiative-window{top:13px;right:13px}}
@media(max-width:900px){.campaign{display:none}.map-hint{font-size:0}.map-hint svg{width:14px;height:14px}.dice-card{min-width:190px}.topbar{gap:14px}.table-caption{display:none}.dice-dock-heading .text-button{font-size:9px}.map-badge{max-width:calc(100% - 260px)}.map-badge #mapSubtitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-badge .dot-separator,.map-badge #scaleCaption{display:none}.initiative-window{width:199px}}
@media(max-width:760px){.app{grid-template-columns:52px minmax(0,1fr);grid-template-rows:65px minmax(0,1fr) 28px;min-height:580px}.topbar,.statusbar{grid-column:2}.topbar{padding:0 12px;gap:10px}.wordmark{font-size:28px}.topbar .demo-label{display:none}.header-actions{gap:4px}.header-actions>.button{font-size:9px;min-height:31px;padding:6px 8px;gap:4px}.header-actions>.button svg{width:13px;height:13px}.header-actions .upload-main{display:none}.header-actions #roomLabel{font-size:0}.header-actions #roomLabel:after{content:"Комната";font-size:9px}.sidebar{top:65px;bottom:28px;width:min(297px,calc(100vw - 56px))}.stage{padding:16px 11px 0}.stage-heading h1{font-size:23px}.stage-heading{margin-bottom:12px}.dice-dock{padding-top:9px;padding-bottom:7px}.dice-dock-heading{margin-bottom:8px;gap:8px}.dice-dock-heading h2{font-size:10px}.dice-dock-heading h2 svg{width:13px;height:13px}.dice-dock-heading>.text-button{font-size:0;gap:0}.dice-dock-heading>.text-button svg{width:16px;height:16px}.dice-cards{gap:7px;padding-bottom:5px}.dice-card{min-width:155px;padding:7px 9px}.deck-form input{font-size:14px}.deck-form output{font-size:19px;min-width:22px}.deck-heading strong{font-size:9px}.deck-roll{width:25px;height:25px}.deck-roll svg{width:13px;height:13px}.deck-heading{margin-bottom:4px}.roll-strip>span>small{display:none}.roll-strip{font-size:8px;gap:5px}.roll-strip-time{display:none}.initiative-window{width:176px;top:11px;right:10px;max-height:calc(100% - 20px);border-radius:9px}.initiative-handle{padding:6px 5px;gap:4px}.initiative-handle h2{font-size:9px}.initiative-handle .round-label{font-size:7px;padding:3px 4px}.drag-grip{font-size:14px;width:11px}.initiative-handle .icon-button{width:19px;height:19px}.initiative-window .initiative-list{padding:4px}.initiative-window .initiative-item{min-height:30px;gap:5px;padding:4px 5px}.initiative-window .mini-portrait,.initiative-window .enemy-spacer{width:21px;height:21px}.initiative-window .initiative-name{font-size:9px}.initiative-window .initiative-name small{font-size:7px}.initiative-window .initiative-score input{font-size:10px;width:24px}.initiative-actions{padding:5px 7px;gap:4px}.initiative-actions .next-turn{font-size:8px;min-height:26px}.initiative-actions>.icon-button{width:23px;height:23px}.map-badge{max-width:calc(100% - 210px);padding:6px;font-size:7px}.map-badge .live-dot{display:none}.map-tools{top:44px;left:9px}.tool{width:30px;height:31px}.tool svg{width:15px;height:15px}.player-banner{bottom:50px;right:10px;padding:5px 7px;font-size:8px}.stage-footer{height:29px}.stage-footer .text-button{font-size:8px}.stage-footer .text-button svg{width:11px;height:11px}.map-zoom{padding:3px;right:10px;bottom:10px}.map-zoom .icon-button{width:23px;height:23px}.zoom-value{font-size:9px;min-width:35px}.room-choice-tabs .button{font-size:10px;padding:8px 10px}.invite-code strong{font-size:15px}.grid-option{font-size:10px}.dialog-shell{padding:20px}.dialog-heading h2{font-size:26px}.profile-form{flex-wrap:wrap}.profile-form .button{font-size:9px}.crop-controls{gap:10px}.crop-controls canvas{width:110px;height:110px}}
@media(prefers-reduced-motion:reduce){.token-flipper{transition:none}.ping:before,.ping:after,.ping i{animation:none;opacity:.3}}