:root{--stone-dark: #3b3a38;--stone: #5a5754;--stone-light: #7d7974;--mortar: #2a2927;--paper: #efe8d8;--paper-dark: #e2d9c4;--paper-bright: #fff9ec;--paper-soft: #f7f1e3;--on-stone: #efe8d8;--ink: #2b2620;--ink-soft: #6d6455;--line: #c9bea6;--brass: #9a7a2a;--ember: #a8432b;--moss: #5d8a4b;--font-head: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;--font-body: "Segoe UI", system-ui, -apple-system, Roboto, Helvetica, Arial, sans-serif;--grid: 16px;--frame: 22px;--frame-bottom: 44px;--bar: 52px}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--mortar);color:var(--ink);font-family:var(--font-body);font-size:14px;line-height:1.45;overflow:hidden;overscroll-behavior:none}button,select,input,textarea{font:inherit;color:inherit}button{background:var(--paper-dark);border:1px solid var(--line);border-radius:3px;padding:4px 10px;cursor:pointer;color:var(--ink);touch-action:manipulation}button:hover{border-color:var(--brass)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--brass);outline-offset:1px}button.primary{background:var(--brass);color:var(--on-stone);border-color:var(--brass);font-weight:600}button.danger{color:var(--ember)}button.small{padding:2px 7px;font-size:12px}input,textarea,select{background:var(--paper-bright);border:1px solid var(--line);border-radius:3px;padding:4px 6px;color:var(--ink)}textarea{resize:vertical;width:100%;min-height:60px}.stone{background-color:var(--stone);background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.06) 0,transparent 40%),radial-gradient(circle at 70% 80%,rgba(0,0,0,.18) 0,transparent 45%),repeating-linear-gradient(0deg,transparent 0 44px,var(--mortar) 44px 48px),repeating-linear-gradient(90deg,transparent 0 88px,var(--mortar) 88px 92px),linear-gradient(var(--stone-light),var(--stone) 40%,var(--stone-dark));box-shadow:inset 0 0 40px #00000080}#toolbar{position:fixed;top:0;left:0;right:0;height:var(--bar);display:flex;align-items:center;gap:8px;padding:0 14px;border-bottom:3px solid var(--mortar);z-index:10000;color:var(--on-stone)}#toolbar h1{cursor:pointer}#toolbar h1{font-family:var(--font-head);font-size:21px;font-weight:400;letter-spacing:.04em;margin:0 10px 0 0;color:var(--on-stone);text-shadow:0 2px 0 var(--mortar);white-space:nowrap}#toolbar .spacer{flex:1}#toolbar>select,#toolbar>.menu>.menu-btn,#toolbar>button{flex:none}#toolbar select{background:var(--paper);color:var(--ink);max-width:140px}#toolbar button{background:var(--stone-dark);color:var(--on-stone);border-color:var(--mortar);white-space:nowrap}#toolbar button.primary{background:var(--brass);border-color:var(--brass)}.menu{position:relative}.menu .menu-btn:after{content:" ▾";font-size:11px}.menu .drop-wrap{display:none;position:absolute;top:100%;right:0;padding-top:8px;z-index:10001}.menu.open .drop-wrap{display:block}.menu .drop{min-width:200px;background:var(--paper);color:var(--ink);border:1px solid var(--mortar);border-radius:4px;box-shadow:0 10px 28px #00000073;padding:6px;z-index:10001}.drop .item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:3px;width:100%}.drop .item label{display:flex;gap:8px;align-items:center;width:100%;cursor:pointer}.drop button.item{background:transparent;border:none;text-align:left;color:var(--ink)}.drop button.item:hover{background:var(--paper-dark)}.drop button.item.danger{color:var(--ember)}.drop .sep{height:1px;background:var(--line);margin:4px 0}.drop .head{font-family:var(--font-head);font-size:13px;color:var(--ink-soft);padding:4px 8px}.drop select{width:100%;max-width:none!important}.drop .pair{display:flex;gap:6px;padding:4px 8px}.drop .pair button{flex:1;background:var(--paper-dark)!important;color:var(--ink)!important;border-color:var(--line)!important}.drop .pair button.danger{color:var(--ember)!important}#frame{position:absolute;top:var(--bar);left:0;right:0;bottom:0}#workspace{position:absolute;top:var(--frame);left:var(--frame);right:var(--frame);bottom:var(--frame-bottom);background-color:var(--on-stone);background-image:radial-gradient(rgba(120,100,60,.05) 1px,transparent 1px),radial-gradient(rgba(120,100,60,.04) 1px,transparent 1px),linear-gradient(to right,rgba(90,70,40,.08) 1px,transparent 1px),linear-gradient(to bottom,rgba(90,70,40,.08) 1px,transparent 1px);background-size:7px 7px,11px 11px,var(--grid) var(--grid),var(--grid) var(--grid);background-position:0 0,3px 5px,0 0,0 0;box-shadow:inset 0 0 60px #3c280a2e;overflow:auto;touch-action:pan-x pan-y;scrollbar-color:var(--stone) var(--paper-dark)}.board-content{position:relative;min-width:100%;min-height:100%}#workspace.nogrid{background-size:7px 7px,11px 11px,0 0,0 0}#empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--ink-soft);font-family:var(--font-head);font-size:18px;pointer-events:none}#pages{position:absolute;left:var(--frame);right:var(--frame);bottom:0;height:var(--frame-bottom);display:flex;align-items:center;gap:4px;padding:6px 4px 0;overflow-x:auto;overflow-y:hidden}#pages button{background:var(--stone-dark);color:var(--on-stone);border:1px solid var(--mortar);border-bottom:none;border-radius:0 0 4px 4px;padding:4px 12px;white-space:nowrap;font-family:var(--font-head)}#pages button.tab.on{background:var(--paper);color:var(--ink);border-color:var(--on-stone);font-weight:600}#pages button.nav{font-family:var(--font-body);padding:4px 8px}.panel{position:absolute;background:var(--paper-soft);border:1px solid var(--line);border-radius:4px;display:flex;flex-direction:column;min-width:240px;min-height:120px;box-shadow:0 6px 18px #32230a47;touch-action:none}.panel.active{border-color:var(--brass);box-shadow:0 8px 24px #32230a66}.panel.collapsed{min-height:0;height:auto!important}.panel.collapsed .panel-body,.panel.collapsed .resizer{display:none}.panel-head{display:flex;align-items:center;gap:6px;padding:8px 10px;background:var(--paper-dark);border-bottom:1px solid var(--line);border-radius:4px 4px 0 0;cursor:move;user-select:none;-webkit-user-select:none;touch-action:none}.panel-head .title{font-family:var(--font-head);font-size:16px;flex:1;background:transparent;border:none;padding:0;color:var(--ink);min-width:0}.panel-head .title:focus{outline:1px solid var(--brass)}.panel-head .kind{color:var(--ink-soft);font-size:11px}.panel-head button{padding:0 8px;line-height:24px;min-width:30px}.panel-body{flex:1;overflow:auto;padding:10px;touch-action:pan-y}.resizer{position:absolute;right:0;bottom:0;width:30px;height:30px;cursor:nwse-resize;touch-action:none;background:linear-gradient(135deg,transparent 50%,var(--line) 50%,var(--line) 58%,transparent 58%,transparent 72%,var(--line) 72%,var(--line) 80%,transparent 80%);border-radius:0 0 4px}.snapline{position:absolute;background:var(--brass);opacity:.7;pointer-events:none;z-index:9999}#diceCanvas{position:absolute;top:var(--frame);left:var(--frame);right:var(--frame);bottom:var(--frame-bottom);z-index:9990;pointer-events:none;display:none}#diceCanvas.on{display:block}#diceFab{position:absolute;right:18px;bottom:18px;z-index:9995;width:56px;height:56px;border-radius:50%;background:#1c1a1a;border:2px solid #b3261e;box-shadow:0 6px 16px #0006;display:flex;align-items:center;justify-content:center;padding:0}#diceFab svg{width:30px;height:30px}#dicePicker{position:absolute;right:18px;bottom:84px;z-index:9996;background:var(--paper);border:1px solid var(--mortar);border-radius:4px;box-shadow:0 10px 28px #00000073;padding:10px;width:250px;display:none}#dicePicker.open{display:block}#dicePicker .drow{display:grid;grid-template-columns:44px 1fr 32px 40px 32px;gap:4px;align-items:center;margin-bottom:4px}#dicePicker .drow .lbl{font-family:var(--font-head);font-weight:600}#dicePicker .drow .cnt{text-align:center;font-weight:600}#dicePicker .drow button{padding:2px 0}#dicePicker .foot{display:flex;gap:6px;align-items:center;margin-top:8px}#dicePicker .foot input{width:60px;text-align:center}#dicePicker .foot .rollbtn{flex:1;background:#1c1a1a;color:#f2eee6;border-color:#b3261e;font-weight:600}#diceResult{position:absolute;right:84px;bottom:18px;z-index:9995;background:#1c1a1a;color:#f2eee6;border:2px solid #b3261e;border-radius:6px;padding:8px 14px;font-family:var(--font-head);display:none;cursor:pointer;box-shadow:0 6px 16px #0006}#diceResult.on{display:block}#diceResult .total{font-size:26px;line-height:1;color:#e5453a}#diceResult .detail{font-size:12px;color:#b9b2a6;margin-top:4px;font-family:var(--font-body)}#frame{perspective:1600px}#root{height:100%}.leaf{position:absolute;top:var(--frame);left:var(--frame);right:var(--frame);bottom:var(--frame-bottom);z-index:9998;pointer-events:none;background-color:var(--on-stone);box-shadow:inset 0 0 60px #3c280a2e;overflow:hidden}.leaf .panel{pointer-events:none}.leaf.slide-next{animation:slideOutLeft .32s ease-in forwards}.leaf.slide-prev{animation:slideOutRight .32s ease-in forwards}.leaf.turn-next{transform-origin:left center;animation:turnLeft .55s ease-in forwards}.leaf.turn-prev{transform-origin:right center;animation:turnRight .55s ease-in forwards}.leaf.turn-next:after,.leaf.turn-prev:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,#0000,#00000059);animation:shade .55s ease-in forwards}.leaf.turn-prev:after{background:linear-gradient(to left,#0000,#00000059)}#workspace.entering-next .panel{animation:slideInRight .32s ease-out}#workspace.entering-prev .panel{animation:slideInLeft .32s ease-out}@keyframes slideOutLeft{to{transform:translate(-105%)}}@keyframes slideOutRight{to{transform:translate(105%)}}@keyframes slideInRight{0%{transform:translate(60px);opacity:0}}@keyframes slideInLeft{0%{transform:translate(-60px);opacity:0}}@keyframes turnLeft{to{transform:rotateY(-100deg)}}@keyframes turnRight{to{transform:rotateY(100deg)}}@keyframes shade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.leaf,#workspace .panel{animation:none!important}}.row{display:flex;gap:8px;align-items:center;margin-bottom:6px;flex-wrap:wrap}.row label{color:var(--ink-soft);font-size:12px}.stats{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin:8px 0}.stat{text-align:center;background:var(--paper-bright);border:1px solid var(--line);border-radius:4px;padding:4px 2px}.stat .abbr{font-size:11px;color:var(--ink-soft)}.stat input{width:100%;text-align:center;border:none;background:transparent;padding:2px 0;font-weight:600}.stat .mod{font-size:11px;color:var(--brass);font-weight:600}.stat .roll{width:100%;margin-top:3px;padding:1px 0;font-size:11px;background:#1c1a1a;color:#f2eee6;border-color:#b3261e}.hp{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.hp input{width:56px;text-align:center}.hp .cur{font-family:var(--font-head);font-size:20px;font-weight:600;min-width:36px;text-align:right}.hp .max{color:var(--ink-soft)}.hpacts{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:4px}.hpacts input{width:52px;text-align:center}.hpacts .dmg{color:var(--ember);border-color:var(--ember)}.hpacts .heal{color:var(--moss);border-color:var(--moss)}.hpbar{height:8px;background:var(--paper-dark);border-radius:4px;overflow:hidden;margin:6px 0 8px}.hpbar div{height:100%;background:var(--moss);transition:width .2s,background-color .2s}.hpbar div.warn{background:#c9a227}.hpbar div.crit{background:#b3261e}.hpbar.shake{animation:shake .4s}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.list-item{display:flex;gap:6px;align-items:flex-start;padding:6px 0;border-bottom:1px solid var(--line)}.list-item:last-child{border-bottom:none}.list-item .text{flex:1;min-width:0}.list-item .text b{display:block;font-family:var(--font-head);font-size:15px}.list-item .text [contenteditable]{outline:none}.list-item .text p{margin:2px 0 0;color:var(--ink-soft);white-space:pre-wrap}.list-item.current{background:#9a7a2a26;margin:0 -10px;padding:6px 10px}.init-row{display:grid;grid-template-columns:44px 1fr 56px 56px auto;gap:6px;align-items:center}.init-row input{width:100%}.dice-out{font-family:var(--font-head);font-size:22px;margin:6px 0}.dice-log{font-size:12px;color:var(--ink-soft);max-height:140px;overflow:auto}.dice-buttons{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:8px}.note{color:var(--ink-soft);font-size:12px;margin-top:8px}.tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px}.tag{background:var(--paper-bright);border:1px solid var(--line);border-radius:10px;padding:0 8px;font-size:12px;cursor:pointer}.tag.on{border-color:var(--ember);color:var(--ember);font-weight:600}@media (max-width: 700px){:root{--frame: 12px}#toolbar{padding:0 8px;gap:6px}#toolbar h1{cursor:pointer}#toolbar h1{font-size:17px;margin-right:4px}#toolbar select{max-width:110px}}@media (prefers-reduced-motion: reduce){*{transition:none!important}}.palette{display:flex;gap:4px;flex-wrap:wrap;align-items:center;margin-bottom:8px}.swatch{width:26px;height:26px;padding:0;border:2px solid var(--line);border-radius:4px;position:relative;overflow:hidden;color:var(--ink);font-weight:700}.swatch.on{border-color:var(--ember);box-shadow:0 0 0 2px #a8432b59}.mapwrap{overflow:auto;max-height:calc(100% - 80px);border:1px solid var(--line);background:var(--paper-bright);touch-action:none}.mapgrid{display:grid;gap:0;width:max-content}.mapcell{border:1px solid rgba(60,40,10,.12);position:relative}.mapcell:after,.swatch:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}[data-pattern=dots]:after{background-image:radial-gradient(rgba(0,0,0,.14) 1px,transparent 1.2px);background-size:6px 6px}[data-pattern=tiles]:after{background-image:linear-gradient(rgba(0,0,0,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.16) 1px,transparent 1px);background-size:50% 50%}[data-pattern=planks]:after{background-image:linear-gradient(rgba(0,0,0,.22) 1px,transparent 1px);background-size:100% 25%}[data-pattern=bricks]:after{background-image:linear-gradient(rgba(255,255,255,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 1px);background-size:50% 33.3%}[data-pattern=waves]:after{background-image:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.22) 3px 4px)}[data-pattern=trees]:after{background-image:radial-gradient(circle at 30% 35%,rgba(0,0,0,.25) 2px,transparent 3px),radial-gradient(circle at 70% 65%,rgba(0,0,0,.25) 2px,transparent 3px);background-size:12px 12px}.init-row .linked{text-align:center;font-weight:600;color:var(--moss)}#home{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-start;justify-content:center;overflow:auto;padding:40px 16px}.home-card{background:var(--paper);color:var(--ink);border:1px solid var(--mortar);border-radius:6px;padding:24px 28px;width:100%;max-width:620px;box-shadow:0 16px 40px #00000080}.home-card h1{font-family:var(--font-head);font-weight:400;font-size:30px;margin:0 0 12px;letter-spacing:.04em}.home-card h2{font-family:var(--font-head);font-weight:400;font-size:20px;margin:20px 0 8px}.home-card p{margin:8px 0}.home-card .muted{color:var(--ink-soft);font-size:13px}.home-card .err{color:var(--ember)}.home-card a{color:var(--brass)}.crumb{display:inline-flex;align-items:center;gap:6px;color:var(--on-stone);font-family:var(--font-head);white-space:nowrap;max-width:220px;overflow:hidden;text-overflow:ellipsis;margin-right:6px}.dot{width:8px;height:8px;border-radius:50%;background:var(--moss);display:inline-block;flex:none}.dot.saving{background:#c9a227}.dot.error{background:#b3261e}.dot.local{background:var(--stone-light)}.panel-head .share-btn.on{background:var(--moss);color:#fff;border-color:var(--moss)}.share-pop{position:absolute;top:40px;right:8px;z-index:5;background:var(--paper);border:1px solid var(--mortar);border-radius:4px;padding:8px;box-shadow:0 8px 20px #0000004d;width:260px}.share-row{display:flex;align-items:center;gap:4px;margin-bottom:4px}.share-target{width:60px;font-family:var(--font-head)}.code{font-family:var(--font-head);font-size:24px;letter-spacing:.15em;color:var(--brass)}#play{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto}.play-bar{position:sticky;top:0;display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--stone-dark);color:var(--on-stone);border-bottom:3px solid var(--mortar);z-index:2}.play-bar .muted{color:#cfc8ba;font-size:13px}.play-title{font-family:var(--font-head);font-size:18px}.play-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;padding:16px;color:var(--ink)}.play-grid .muted{color:var(--on-stone)}.shared-card{background:var(--paper-soft);border:1px solid var(--line);border-radius:4px;box-shadow:0 6px 18px #0000004d;overflow:hidden}.shared-head{font-family:var(--font-head);font-size:16px;padding:8px 12px;background:var(--paper-dark);border-bottom:1px solid var(--line)}.shared-body{padding:10px 12px}.shared-name{font-family:var(--font-head);font-size:18px;margin-bottom:4px}.shared-body .stat .val{font-weight:600;padding:2px 0}.pre{white-space:pre-wrap;margin:6px 0 0}.shared-card .mapwrap{max-height:420px}#display{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;background:#141311;color:var(--on-stone);padding:24px}#display .muted{color:#9d968a;font-family:var(--font-head);font-size:22px}.display-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:24px}.shared-card.big{font-size:20px;color:var(--ink)}.shared-card.big .shared-head{font-size:26px;padding:12px 18px}.shared-card.big .shared-name{font-size:30px}.shared-card.big .hp .cur{font-size:34px}.shared-card.big .hpbar{height:14px}.shared-card.big .tag{font-size:16px;padding:2px 12px}.shared-card.big .list-item .text b{font-size:22px}.seg{display:inline-flex;gap:2px}button.tiny{padding:0 6px;font-size:11px;line-height:18px}.init-head{display:grid;grid-template-columns:44px 44px 1fr 56px 56px 30px;gap:6px;font-size:11px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em;padding:4px 0 2px;border-bottom:1px solid var(--line)}.init-row{grid-template-columns:44px 44px 1fr 56px 56px auto}.init-row .order{display:flex;flex-direction:column;gap:1px}.init-row .order button{padding:0;line-height:12px;font-size:8px}.init-item.current{border-left:3px solid #b3261e;padding-left:7px;animation:turnpulse 1.6s ease-in-out infinite}@keyframes turnpulse{0%,to{box-shadow:0 0 #b3261e00}50%{box-shadow:0 0 0 3px #b3261e59}}.initbadge{display:inline-flex;align-items:center;gap:4px}.initbadge input{width:48px;text-align:center}.initbadge input.auto{color:var(--ink-soft);font-style:italic}.initbadge .roll{background:#1c1a1a;color:#f2eee6;border-color:#b3261e}.disclosure{width:100%;text-align:left;margin:6px 0 4px;font-family:var(--font-head);background:transparent;border:none;border-bottom:1px solid var(--line);border-radius:0;padding:4px 0}.skills{display:flex;flex-direction:column;gap:3px;margin-bottom:8px}.skill{display:grid;grid-template-columns:1fr 58px 44px 36px auto auto;gap:4px;align-items:center}.skill-name{font-size:13px}.skill-bonus{text-align:right;font-weight:600;color:var(--brass)}.skill .prof.p1{border-color:var(--brass);color:var(--brass)}.skill .prof.p2{border-color:var(--ember);color:var(--ember);font-weight:600}.skill .roll{background:#1c1a1a;color:#f2eee6;border-color:#b3261e}.token{position:absolute;border-radius:50%;border:2px solid #fff;box-shadow:0 2px 6px #00000073;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;box-sizing:border-box;transform:scale(.88)}.token.sel{outline:3px solid var(--brass);outline-offset:1px}.mapgrid.mode-edit .token,.mapgrid.mode-fog .token{pointer-events:none;opacity:.6}.mapcell.fogged:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#1412108c;background-image:repeating-linear-gradient(45deg,transparent 0 4px,rgba(0,0,0,.25) 4px 6px)}.mapcell.fogged-dark{background:#1d1b19!important}.mapcell.fogged-dark:after{display:none}.mapgrid.mode-fog .mapcell{cursor:crosshair}.bookcase{background:linear-gradient(#3a2a1c,#2b1f14);border:6px solid #4a3523;border-radius:4px;padding:12px 10px 0;margin:8px 0 12px;box-shadow:inset 0 0 40px #0009}.shelf{position:relative;padding:10px 8px 0}.books{display:flex;align-items:flex-end;gap:6px;min-height:200px;padding:0 6px;overflow-x:auto}.book{position:relative;flex:none;border-radius:3px 3px 2px 2px;box-shadow:2px 0 4px #00000080,inset 2px 0 3px #ffffff1f,inset -3px 0 4px #00000059;cursor:pointer;transition:transform .15s}.book:hover,.book.open{transform:translateY(-8px)}.book:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(180deg,transparent 0 6px,rgba(255,255,255,.03) 6px 7px);border-radius:inherit;pointer-events:none}.spine-title{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-90deg);transform-origin:center;white-space:nowrap;color:#f0e6cf;font-family:var(--font-head);font-size:13px;letter-spacing:.06em;text-shadow:0 1px 0 rgba(0,0,0,.5);max-width:150px;overflow:hidden;text-overflow:ellipsis;width:140px;text-align:center}.spine-band{position:absolute;left:6px;right:6px;top:14px;height:4px;background:#c9a24a99;border-radius:2px;box-shadow:0 118px #c9a24a99}.book-menu{position:fixed;transform:translate(-50%,calc(-100% - 10px));background:var(--paper);color:var(--ink);border:1px solid var(--mortar);border-radius:4px;padding:8px;display:flex;flex-direction:column;gap:4px;width:170px;z-index:20000;box-shadow:0 8px 20px #00000073}.book-menu:after{content:"";position:absolute;left:50%;top:100%;transform:translate(-50%);border:8px solid transparent;border-top-color:var(--on-stone)}.book-menu b{font-family:var(--font-head)}.plank{height:14px;background:linear-gradient(#7a5537,#5a3d26 60%,#3d2917);border-radius:2px;box-shadow:0 4px 6px #00000080;margin-top:6px}.bookcase,.bookcase .shelf{image-rendering:auto}.init-row .linked.name{text-align:left;font-weight:500;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1412108c;z-index:30000;display:flex;align-items:center;justify-content:center;padding:16px}.dialog{background:var(--paper);color:var(--ink);border:1px solid var(--mortar);border-radius:6px;padding:18px 20px;width:100%;max-width:420px;box-shadow:0 20px 50px #0009}.dialog-title{font-family:var(--font-head);font-size:19px;margin-bottom:8px}.dialog-msg{margin:0 0 10px;color:var(--ink-soft)}.dialog input{width:100%;font-size:15px;padding:8px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.dialog-choices{display:flex;flex-direction:column;gap:4px}.dialog-choices .item{display:flex;justify-content:space-between;text-align:left;padding:8px 10px;background:var(--paper-dark)}.dialog-choices .item:hover{border-color:var(--brass)}.dialog-choices .muted{color:var(--ink-soft);font-size:12px}button.danger-solid{background:#b3261e;color:#fff;border-color:#b3261e;font-weight:600}.player-row{display:grid;grid-template-columns:1fr auto auto auto auto;gap:4px;align-items:center;padding:3px 8px}.player-row .pname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-row .pcode{font-family:var(--font-head);letter-spacing:.1em;color:var(--brass);font-size:13px}.player-row button{background:var(--paper-dark)!important;color:var(--ink)!important;border-color:var(--line)!important}.player-row button.danger{color:var(--ember)!important}.sheet .shared-head{display:flex;justify-content:space-between;align-items:center}.sheet-status{font-family:var(--font-body);font-size:12px;color:var(--ink-soft)}.sheet-status.saving{color:#c9a227}.sheet-status.saved{color:var(--moss)}.sheet-status.error{color:var(--ember)}.sheet .skill{grid-template-columns:1fr 34px 44px 36px auto 0}.sect{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin:8px 0 3px;padding-bottom:2px;border-bottom:1px solid var(--line)}.stats{margin-top:4px}.menus{display:contents}.mobile-menu-btn{display:none}@media (max-width: 760px){.mobile-menu-btn{display:inline-block;font-size:18px;padding:2px 10px}.menus{display:none;position:fixed;top:var(--bar);right:0;width:min(320px,100vw);max-height:calc(100vh - var(--bar));overflow:auto;background:var(--paper);color:var(--ink);border-left:1px solid var(--mortar);border-bottom:1px solid var(--mortar);box-shadow:-8px 0 24px #0006;z-index:10001;flex-direction:column;padding:6px}.menus.open{display:flex}.menus .menu{position:static}.menus .menu .menu-btn{width:100%;text-align:left;background:var(--paper-dark)!important;color:var(--ink)!important;border-color:var(--line)!important;margin:3px 0;font-family:var(--font-head);font-size:15px}.menus .menu .drop-wrap{position:static;padding:0 0 6px}.menus .menu .drop{box-shadow:none;border:none;min-width:0}#toolbar select{max-width:120px}}.player-card{margin:0 8px 6px;padding:6px 8px;background:var(--paper-dark);border:1px solid var(--line);border-radius:4px}.player-top{display:flex;align-items:center;justify-content:space-between;gap:6px}.player-btns{display:inline-flex;gap:3px;flex:none}.player-btns button{background:var(--paper)!important;color:var(--ink)!important;border-color:var(--line)!important}.player-btns button.danger{color:var(--ember)!important}.player-bottom{display:flex;justify-content:space-between;gap:8px;margin-top:3px;font-size:12px}.player-bottom .pname{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-bottom .ppass{color:var(--ink-soft);flex:none}.share-pop{width:300px}.share-pop .share-target{width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-pop .head{padding-left:0}.edit-tick{display:inline-flex;align-items:center;gap:3px;font-size:11px;margin-left:2px}.display-cell{position:relative;min-width:0}.arrange-bar{display:flex;align-items:center;gap:6px;margin-bottom:6px;padding:4px 8px;background:#2a2724;border-radius:4px;color:var(--on-stone);font-size:14px}.arrange-bar button,.display-controls button{background:#3f3b36;color:var(--on-stone);border-color:#1a1816;padding:2px 10px}.arrange-bar .muted,.display-controls .muted{font-size:13px!important;font-family:var(--font-body)!important}#display.arranging .display-cell{outline:1px dashed rgba(201,162,74,.5);outline-offset:4px}.display-controls{position:fixed;right:16px;bottom:16px;display:flex;align-items:center;gap:6px;opacity:.25;transition:opacity .2s;color:var(--on-stone)}.display-controls:hover,#display.arranging .display-controls{opacity:1}.display-controls button.primary{background:var(--brass)}#playDiceCanvas{position:fixed;top:0;left:0;z-index:50;pointer-events:none;display:none}#playDiceCanvas.on{display:block}.share-grid{display:grid;grid-template-columns:70px repeat(3,1fr) auto;gap:3px 4px;align-items:center}.share-grid .share-target{width:auto}.share-grid .share-target.sub{padding-left:10px;font-family:var(--font-body);font-size:12px}.share-grid button.tiny{padding:0 4px}.share-pop{width:320px}.display-grid.free{display:grid;gap:16px;align-items:stretch}.display-cell{display:flex;flex-direction:column;min-height:0}.display-cell .shared-card{flex:1;min-height:0;display:flex;flex-direction:column}.display-cell .shared-body{overflow:auto;flex:1}#display.arranging .display-cell,#display.arranging .display-cell .shared-head{cursor:grab}.arrange-grip{background:#2a2724;color:var(--on-stone);font-size:12px;padding:3px 8px;border-radius:4px 4px 0 0;cursor:grab;-webkit-user-select:none;user-select:none}.arrange-resize{position:absolute;right:2px;bottom:2px;width:26px;height:26px;cursor:nwse-resize;background:linear-gradient(135deg,transparent 50%,var(--brass) 50%,var(--brass) 60%,transparent 60%,transparent 75%,var(--brass) 75%);touch-action:none}.sheet-head{display:flex;justify-content:space-between;align-items:center}.dialog.wide{max-width:620px}.dialog .row{margin-bottom:6px}#landing,#legal{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;background:var(--paper);color:var(--ink)}.land-top{display:flex;align-items:center;justify-content:space-between;padding:14px 28px;background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.land-logo{font-family:var(--font-head);font-size:22px;letter-spacing:.04em;color:var(--ink);text-decoration:none}.land-top nav{display:flex;gap:18px}.land-top nav a,.land-foot nav a{color:var(--ink-soft);text-decoration:none}.land-top nav a:hover,.land-foot nav a:hover{color:var(--brass)}.hero{padding:56px 28px 64px;color:var(--on-stone)}.hero-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center}.hero h1{font-family:var(--font-head);font-weight:400;font-size:clamp(34px,5vw,56px);line-height:1.05;margin:0 0 16px;text-shadow:0 2px 0 var(--mortar)}.hero .lead{font-size:18px;line-height:1.5;color:#e9e2d2;margin:0 0 22px;max-width:520px}.hero .fine{color:#cfc8ba;font-size:13px;margin:10px 0 0}.signin{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.signin input{flex:1;min-width:220px;font-size:16px;padding:10px 12px}.signin.sent{background:#00000040;padding:12px 14px;border-radius:4px;display:block}.signin .err{color:#ffb4a8;width:100%}button.big{font-size:16px;padding:10px 18px}.hero button.big:not(.primary){background:var(--stone-dark);color:var(--on-stone);border-color:var(--mortar)}.features{padding:56px 28px;max-width:1100px;margin:0 auto}.features h2,.how h2,.joinsec h2{font-family:var(--font-head);font-weight:400;font-size:30px;margin:0 0 24px;text-align:center}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.feature{background:var(--paper-soft);border:1px solid var(--line);border-radius:4px;padding:16px 18px;box-shadow:0 4px 12px #32230a1f}.feature h3{font-family:var(--font-head);font-weight:400;font-size:20px;margin:0 0 6px}.feature p{margin:0;color:var(--ink-soft);line-height:1.5}.how{padding:40px 28px 56px;background:var(--paper-dark)}.how .steps{max-width:620px;margin:0 auto 22px;padding-left:22px;font-size:17px;line-height:1.7}.how .signin{max-width:620px;margin:0 auto}.joinsec{padding:48px 28px;text-align:center}.joinsec p{color:var(--ink-soft);margin:0 0 14px}.joinsec .signin{max-width:420px;margin:0 auto}.land-foot{display:flex;justify-content:space-between;align-items:center;padding:18px 28px;border-top:1px solid var(--line);color:var(--ink-soft);font-size:13px}.land-foot nav{display:flex;gap:16px}.preview{background:var(--stone-dark);border:3px solid var(--mortar);border-radius:6px;box-shadow:0 20px 50px #0000008c;overflow:hidden;aspect-ratio:4 / 3;display:flex;flex-direction:column;font-size:11px;color:var(--ink)}.pv-bar{height:22px;background:var(--stone);display:flex;gap:5px;align-items:center;padding:0 8px}.pv-bar span{width:8px;height:8px;border-radius:50%;background:var(--mortar)}.pv-board{flex:1;position:relative;background:var(--paper);background-image:linear-gradient(to right,rgba(90,70,40,.08) 1px,transparent 1px),linear-gradient(to bottom,rgba(90,70,40,.08) 1px,transparent 1px);background-size:12px 12px;margin:6px}.pv-card{position:absolute;background:var(--paper-soft);border:1px solid var(--line);border-radius:3px;box-shadow:0 3px 8px #32230a40;overflow:hidden}.pv-head{font-family:var(--font-head);background:var(--paper-dark);border-bottom:1px solid var(--line);padding:3px 6px}.pv-line{height:6px;margin:6px 8px 0;background:var(--paper-dark);border-radius:3px}.pv-line.short{width:50%}.pv-line.current{background:#b3261e59;border-left:2px solid #b3261e}.pv-hp{height:6px;margin:8px 8px 4px;background:var(--paper-dark);border-radius:3px;overflow:hidden}.pv-hp i{display:block;height:100%;background:var(--moss)}.pv-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:3px;margin:6px 8px}.pv-stats b{display:block;height:14px;background:var(--paper-bright);border:1px solid var(--line);border-radius:2px}.pv-map{position:relative;display:grid;grid-template-columns:repeat(8,1fr);gap:1px;margin:6px;background:var(--paper-bright);border:1px solid var(--line)}.pv-map em{display:block;aspect-ratio:1}.pv-map .t0{background:#b9b2a4}.pv-map .t1{background:#7da05a}.pv-map .t2{background:#3f3b36}.pv-map .t3{background:#5b8fb9}.pv-map .t4{background:#a58150}.pv-tok{position:absolute;width:10%;aspect-ratio:1;border-radius:50%;background:#2f6fb3;border:1px solid #fff}.pv-tok.r{background:#b3261e}.pv-die{position:absolute;right:8%;bottom:8%;width:26px;height:26px;background:#1c1a1a;color:#e5453a;border:2px solid #b3261e;border-radius:5px;display:flex;align-items:center;justify-content:center;font-weight:700;transform:rotate(-12deg);box-shadow:0 4px 8px #0006}.pv-tabs{display:flex;gap:4px;padding:0 10px 6px}.pv-tabs span{background:var(--stone);color:var(--on-stone);padding:2px 8px;border-radius:0 0 3px 3px;font-family:var(--font-head)}.pv-tabs span.on{background:var(--paper);color:var(--ink)}.legal-body{max-width:720px;margin:0 auto;padding:32px 28px 56px;line-height:1.6}.legal-body h1{font-family:var(--font-head);font-weight:400;font-size:34px;margin:0 0 4px}.legal-body h2{font-family:var(--font-head);font-weight:400;font-size:21px;margin:24px 0 6px}.legal-body .muted{color:var(--ink-soft)}@media (max-width: 800px){.hero-inner{grid-template-columns:1fr}.preview{max-width:460px;margin:0 auto;width:100%}.land-top{padding:12px 16px}.hero,.features,.how,.joinsec{padding-left:16px;padding-right:16px}}.cardpages{display:flex;flex-direction:column;height:100%}.cardpages-tabs{display:flex;align-items:center;gap:3px;margin:-4px 0 6px;border-bottom:1px solid var(--line);padding-bottom:4px}.cardpages-tabs .tab{background:transparent;border:none;border-radius:3px;padding:2px 8px;font-family:var(--font-head);color:var(--ink-soft)}.cardpages-tabs .tab.on{background:var(--paper-dark);color:var(--ink)}.cardpages-body{flex:1;min-height:0}.inv-head{display:grid;grid-template-columns:1fr 52px 1.4fr 26px;gap:4px;font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);padding:2px 0;border-bottom:1px solid var(--line)}.inv-row{display:grid;grid-template-columns:1fr 52px 1.4fr 26px;gap:4px;align-items:center;margin-top:4px}.inv-row input{min-width:0}.action{border:1px solid var(--line);border-radius:4px;padding:6px;margin-top:6px;background:#fbf6ea}.action-top{display:flex;align-items:center;gap:6px;margin-bottom:4px}.action-mid{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:4px}.action-mid label{color:var(--ink-soft);font-size:12px}.action .roll{background:#1c1a1a;color:#f2eee6;border-color:#b3261e}.action input:last-child{width:100%}.kind-tag{font-size:10px;text-transform:uppercase;letter-spacing:.06em;padding:1px 6px;border-radius:8px;border:1px solid var(--line);color:var(--ink-soft)}.kind-tag.attack{border-color:var(--ember);color:var(--ember)}.kind-tag.spell{border-color:#5b5fb9;color:#5b5fb9}.kind-tag.ability{border-color:var(--moss);color:var(--moss)}.panel-body{zoom:var(--card-zoom, 1)}.zoom-row{display:grid;grid-template-columns:44px auto 1fr auto 46px;gap:6px;align-items:center;padding:3px 8px}.zoom-row input[type=range]{width:100%;min-width:80px;accent-color:var(--brass);padding:0}.zoom-row b{text-align:right;cursor:pointer;font-size:12px}.zoom-row button{background:var(--paper-dark)!important;color:var(--ink)!important;border-color:var(--line)!important}.play-zoom .zoom-row{grid-template-columns:0 auto 90px auto 40px;padding:0;color:var(--on-stone)}.play-zoom .zoom-row button{background:var(--stone)!important;color:var(--on-stone)!important;border-color:var(--mortar)!important}.prop{position:absolute;box-sizing:border-box;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.prop.sel{outline:3px solid var(--brass);outline-offset:1px;z-index:1}.prop-inner{position:absolute;left:50%;top:50%;translate:-50% -50%;box-sizing:border-box}.mapgrid.mode-edit .prop,.mapgrid.mode-fog .prop{pointer-events:none;opacity:.6}.prop-table .prop-inner{background:#8a5a2b;border:2px solid #5a3a1a;border-radius:4px;box-shadow:inset 0 0 0 4px #ffffff14}.prop-chair .prop-inner{background:#a06a35;border:2px solid #5a3a1a;border-radius:30% 30% 6px 6px;scale:.6}.prop-bed .prop-inner{background:#b9b2a4;border:2px solid #6d6455;border-radius:4px;background-image:linear-gradient(#e8e1d1 0 30%,transparent 30%)}.prop-chest .prop-inner{background:#7a4b22;border:2px solid #3e2610;border-radius:3px;scale:.7;background-image:linear-gradient(90deg,transparent 45%,#c9a24a 45% 55%,transparent 55%)}.prop-barrel .prop-inner{background:#8a5a2b;border:2px solid #4a2e12;border-radius:50%;scale:.75;background-image:radial-gradient(circle,transparent 40%,rgba(0,0,0,.25) 42% 48%,transparent 50%)}.prop-crate .prop-inner{background:#a58150;border:2px solid #5a3d1e;scale:.8;background-image:linear-gradient(45deg,transparent 47%,rgba(0,0,0,.3) 47% 53%,transparent 53%),linear-gradient(-45deg,transparent 47%,rgba(0,0,0,.3) 47% 53%,transparent 53%)}.prop-pillar .prop-inner{background:#7d7974;border:3px solid #3b3a38;border-radius:50%;scale:.7}.prop-door .prop-inner{background:#8a5a2b;border:2px solid #3e2610;height:30%!important;border-radius:2px}.prop-stairs .prop-inner{background:repeating-linear-gradient(180deg,#b9b2a4 0,#b9b2a4 25%,#6d6455 25%,#6d6455 30%);border:2px solid #3b3a38}.prop-rug .prop-inner{background:#7a2e3a;border:3px double #c9a24a;scale:.9}.prop-tree .prop-inner{background:radial-gradient(circle at 40% 40%,#6f9a5e,#3d5c33);border-radius:50%;scale:.9;box-shadow:0 2px 4px #0006}.prop-rubble .prop-inner{background:radial-gradient(circle at 30% 30%,#8d8378 20%,transparent 22%),radial-gradient(circle at 70% 60%,#6d6455 18%,transparent 20%),radial-gradient(circle at 45% 75%,#a09a8e 14%,transparent 16%)}.prop-altar .prop-inner{background:#4a4540;border:2px solid #1d1b19;border-radius:3px;background-image:radial-gradient(circle,#c9a24a 12%,transparent 14%)}.prop-bookshelf .prop-inner{background:#5a3a1a;border:2px solid #2e1c0c;background-image:repeating-linear-gradient(90deg,#b3261e 0 12%,#2f6fb3 12% 22%,#3f8f4a 22% 30%,#c9a227 30% 38%,transparent 38% 42%);height:60%!important}.prop-fire .prop-inner{background:radial-gradient(circle,#f2c94c 15%,#d0552a 35%,#6d2a12 55%,transparent 60%);border-radius:50%}.prop-wallseg .prop-inner{background:#3f3b36;border:1px solid #1d1b19;background-image:linear-gradient(rgba(255,255,255,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 1px);background-size:50% 33.3%}.prop-rect .prop-inner{background:#3c322859;border:2px dashed #3b3a38}.prop-circle .prop-inner{background:#3c322859;border:2px dashed #3b3a38;border-radius:50%}.prop-pick{width:300px;display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.prop-choice{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px;background:var(--paper-dark)}.prop-choice small{font-size:10px;color:var(--ink-soft)}.gen-btn{margin-right:4px}.dialog.gen{max-width:860px}.gen-cols{display:grid;grid-template-columns:1fr 340px;gap:18px}.gen-left{max-height:62vh;overflow:auto;padding-right:4px}.gen-sec{border:1px solid var(--line);border-radius:4px;padding:8px 10px;margin-bottom:8px;background:#fbf6ea}.gen-head{font-family:var(--font-head);font-size:16px;display:flex;align-items:center;gap:8px;margin-bottom:6px;cursor:pointer}.gen-sec .row{margin-bottom:6px}.gen-sec .note{margin-top:4px}.gen-right{display:flex;flex-direction:column;align-items:center;gap:6px}.gen-preview{max-width:100%;border:3px solid var(--mortar);border-radius:4px;box-shadow:0 10px 24px #0006;background:var(--paper-bright)}.gen-nomap{width:320px;height:240px;display:flex;align-items:center;justify-content:center;color:var(--ink-soft);border:1px dashed var(--line);border-radius:4px;font-family:var(--font-head)}@media (max-width: 800px){.gen-cols{grid-template-columns:1fr}.gen-right{order:-1}.gen-left{max-height:none}}@media (max-width: 760px){.menus .gen-btn{width:100%;margin:3px 0}}.map-zoom{display:grid;grid-template-columns:auto 1fr auto 44px;gap:6px;align-items:center;margin:0 0 6px}.map-zoom input[type=range]{accent-color:var(--brass);padding:0}.map-zoom b{font-size:12px;text-align:right;cursor:pointer}.placing-banner{background:#c9a24a33;border:1px solid var(--brass);border-radius:4px;padding:4px 8px;margin-bottom:6px;font-size:13px;display:flex;gap:8px;align-items:center}.mapwrap.placing .mapgrid{cursor:crosshair}.mapwrap.placing .token,.mapwrap.placing .prop{pointer-events:none}.ds{font-size:14px}.ds input,.ds select,.ds textarea{font-size:15px}.ds-tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);margin:-4px -4px 8px;padding:0 2px 4px;position:sticky;top:0;background:var(--paper-soft);z-index:2}.ds-tab{flex:1;background:transparent;border:none;border-radius:4px 4px 0 0;padding:6px 2px;font-family:var(--font-head);font-size:14px;color:var(--ink-soft);position:relative;min-width:0}.ds-tab.on{background:var(--paper-dark);color:var(--ink);box-shadow:inset 0 -2px 0 var(--brass)}.ds-tab i{font-style:normal;font-size:10px;background:var(--line);color:var(--ink);border-radius:8px;padding:0 4px;margin-left:3px;vertical-align:1px}.ds-cardacts{gap:4px;margin-bottom:8px}.ds-conds{display:flex;gap:2px;flex-wrap:wrap}.ds-conds .tag{padding:0 4px;font-size:11px}.ds-id{display:flex;flex-direction:column;gap:5px;margin-bottom:8px}.ds-name{font-family:var(--font-head);font-size:20px!important;padding:6px 8px}.ds-id-row{display:flex;gap:5px}.ds-id-row>*{flex:1;min-width:0}.ds-lvl{flex:0 0 66px;display:flex;align-items:center;gap:4px;color:var(--ink-soft);font-size:12px}.ds-lvl input{width:38px;text-align:center}.ds-vitals{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:8px}.ds-stat{display:flex;flex-direction:column;align-items:center;background:var(--paper-bright);border:1px solid var(--line);border-radius:6px;padding:4px 2px}.ds-stat span{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft)}.ds-stat input{width:100%;text-align:center;border:none;background:transparent;font-weight:600;font-size:17px!important;padding:2px 0}.ds-init{display:flex;flex-direction:column;align-items:center;gap:0;background:#1c1a1a;color:#f2eee6;border-color:#b3261e;border-radius:6px;padding:4px 2px}.ds-init span{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#b9b2a6}.ds-init b{font-size:17px;color:#e5453a}.ds-insp{grid-column:span 2;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);border-radius:6px;background:var(--paper-bright);font-size:12px;cursor:pointer}.ds-insp.on{border-color:var(--brass);background:#c9a24a2e;font-weight:600}.ds-hp{background:var(--paper-bright);border:1px solid var(--line);border-radius:6px;padding:8px;margin-bottom:8px}.ds-hp-top{display:flex;align-items:baseline;gap:6px}.ds-hp-cur{font-family:var(--font-head);font-size:32px;font-weight:600;line-height:1}.ds-hp-max{color:var(--ink-soft);display:flex;align-items:center;gap:4px}.ds-hp-max input{width:56px;text-align:center}.ds-temp{margin-left:auto;font-size:12px;color:var(--ink-soft);display:flex;align-items:center;gap:4px}.ds-temp input{width:48px;text-align:center}.ds-hp .hpbar{margin:8px 0;height:10px}.ds-hp-btns{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.ds-hp-btns button{padding:8px 0;font-weight:600}.ds-hp-btns .dmg{color:var(--ember);border-color:#a8432b80}.ds-hp-btns .heal{color:var(--moss);border-color:#5d8a4b80}.ds-row2{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:4px}.ds-box{background:var(--paper-bright);border:1px solid var(--line);border-radius:6px;padding:6px 8px}.ds-box-head{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);display:flex;justify-content:space-between;margin-bottom:4px}.ds-box .small{width:100%;margin-top:5px}.ds-pips{display:flex;gap:3px;flex-wrap:wrap;align-items:center}.pip{width:16px;height:16px;padding:0;border-radius:50%;border:2px solid var(--line);background:transparent}.pip.on{background:var(--brass);border-color:var(--brass)}.pip.good.on{background:var(--moss);border-color:var(--moss)}.pip.bad.on{background:#b3261e;border-color:#b3261e}.pip.cycle.p1{background:var(--brass);border-color:var(--brass)}.pip.cycle.p2{background:var(--ember);border-color:var(--ember);box-shadow:inset 0 0 0 2px var(--paper-bright)}.ds-death{display:grid;grid-template-columns:auto 1fr;gap:3px 6px;align-items:center;font-size:11px;color:var(--ink-soft)}.ds-abils{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:4px}.ds-abil{background:var(--paper-bright);border:1px solid var(--line);border-radius:6px;padding:4px;text-align:center}.ds-abil-top{font-size:10px;letter-spacing:.08em;color:var(--ink-soft)}.ds-score{width:100%;text-align:center;border:none;background:transparent;font-size:16px!important;font-weight:600;padding:0}.ds-mod{width:100%;margin:2px 0;padding:5px 0;font-family:var(--font-head);font-size:17px;background:var(--paper-dark)}.ds-save{width:100%;padding:3px 0;font-size:11px;display:flex;align-items:center;justify-content:center;gap:4px}.ds-save i{width:9px;height:9px;border-radius:50%;border:2px solid var(--line);display:inline-block;flex:none}.ds-save.prof i{background:var(--brass);border-color:var(--brass)}.ds-passive{background:var(--paper-bright);border:1px solid var(--line);border-radius:6px;padding:6px 10px;margin-bottom:8px;display:flex;justify-content:space-between}.ds-skills{display:flex;flex-direction:column;gap:2px}.ds-skill{display:grid;grid-template-columns:18px 1fr auto 52px;gap:6px;align-items:center;padding:3px 4px;border-radius:4px}.ds-skill:nth-child(odd){background:#00000008}.ds-skill-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-skill-ab{font-size:10px;color:var(--ink-soft);letter-spacing:.06em}.ds-skill-roll{font-family:var(--font-head);font-size:15px;padding:4px 0;background:var(--paper-dark)}.ds-action{border:1px solid var(--line);border-radius:6px;background:var(--paper-bright);margin-bottom:5px;overflow:hidden}.ds-action-main{display:grid;grid-template-columns:22px 1fr 52px 70px 26px;gap:5px;align-items:center;padding:5px 6px}.ds-action-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.ds-hit,.ds-dmg{padding:6px 0;font-family:var(--font-head);font-size:14px;background:#1c1a1a;color:#f2eee6;border-color:#b3261e}.ds-dmg{background:var(--paper-dark);color:var(--ink);border-color:var(--line)}.ds-action-note{padding:0 8px 6px;font-size:12px;color:var(--ink-soft)}.ds-action-edit{padding:6px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:5px;background:var(--paper-dark)}.ds-action-edit .row{margin:0}.kind-tag{text-align:center}.ds-spellhead{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:8px}.ds-spellhead>div{background:var(--paper-bright);border:1px solid var(--line);border-radius:6px;padding:4px;text-align:center}.ds-spellhead span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft)}.ds-spellhead b{font-family:var(--font-head);font-size:19px}.ds-spellhead .ds-hit{width:100%;margin-top:2px}.ds-slots{display:flex;flex-direction:column;gap:3px;margin-bottom:6px}.ds-slotrow{display:grid;grid-template-columns:38px 1fr 46px;gap:6px;align-items:center}.ds-slotlvl{font-family:var(--font-head);padding:3px 0}.ds-slotlvl.on{background:var(--brass);color:var(--on-stone);border-color:var(--brass)}.ds-slotset{text-align:center}.ds-spell{display:grid;grid-template-columns:18px 1.1fr 1.4fr 24px;gap:5px;align-items:center;margin-bottom:4px}.ds-spell input{min-width:0}.ds-item{display:grid;grid-template-columns:52px 1.1fr 1.3fr 24px;gap:5px;align-items:center;margin-bottom:4px}.ds-item input{min-width:0}.ds-item-qty{text-align:center}@media (max-width: 560px){.ds-vitals{grid-template-columns:repeat(3,1fr)}.ds-insp{grid-column:span 3}.ds-row2{grid-template-columns:1fr}.ds-hp-btns{grid-template-columns:repeat(4,1fr)}.ds-abils{grid-template-columns:repeat(2,1fr)}.ds-action-main{grid-template-columns:22px 1fr 48px 62px 24px}.ds-spell{grid-template-columns:18px 1fr 24px}.ds-spell input:nth-of-type(2){grid-column:2 / span 2}.ds-item{grid-template-columns:46px 1fr 24px}.ds-item input:nth-of-type(3){grid-column:2 / span 2}.ds-tab{font-size:13px;padding:8px 2px}.play-grid{grid-template-columns:1fr;padding:10px}}.dialog-msg.attrib{font-size:11px;line-height:1.4;border-top:1px solid var(--line);padding-top:8px;margin-top:10px}.crumb.warn{color:#ffd9c9}.dot.offline{background:#c9a227}.crumb .retry{margin-left:6px;background:var(--ember)!important;color:#fff!important;border-color:var(--ember)!important}.dm-state{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:#cfc8ba;padding:2px 8px;border:1px solid rgba(255,255,255,.2);border-radius:10px}.dm-state i{width:7px;height:7px;border-radius:50%;background:#8d8378;display:inline-block}.dm-state.on{color:#d6e8cd;border-color:#5d8a4b99}.dm-state.on i{background:var(--moss);box-shadow:0 0 6px #5d8a4be6}.imp-steps{margin:0 0 12px;padding-left:20px;line-height:1.7;color:var(--ink-soft)}.imp-steps code{background:var(--paper-dark);padding:1px 5px;border-radius:3px;color:var(--ink);font-size:13px}.imp-drop{border:2px dashed var(--line);border-radius:6px;padding:26px 16px;text-align:center;color:var(--ink-soft);cursor:pointer;background:#fbf6ea}.imp-drop.over,.imp-drop:hover{border-color:var(--brass);color:var(--ink);background:#c9a24a1f}.imp-paste{margin-top:8px;min-height:70px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px}.imp-note{font-size:12px;margin-top:10px}.imp-summary{background:#fbf6ea;border:1px solid var(--line);border-radius:6px;padding:10px 12px;line-height:1.6}.imp-summary .imp-title{font-family:var(--font-head);font-size:19px;margin-bottom:4px}.imp-warn{margin-top:10px;border-left:3px solid var(--brass);background:#c9a24a1f;padding:8px 12px;border-radius:0 4px 4px 0}.imp-warn ul{margin:4px 0 0;padding-left:18px}.imp-warn li{margin-bottom:3px}.imp-opts{display:flex;flex-direction:column;gap:4px;margin-top:10px}.imp-link{background:#fbf6ea;border:1px solid var(--line);border-radius:6px;padding:10px 12px}.imp-link b{font-family:var(--font-head);font-weight:400;font-size:16px}.imp-or{text-align:center;color:var(--ink-soft);font-size:12px;text-transform:uppercase;letter-spacing:.1em;margin:10px 0 6px}.tour{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40000;pointer-events:none}.tour-dim{position:absolute;top:0;right:0;bottom:0;left:0;background:#14121099;pointer-events:auto}.tour-hole{position:absolute;border-radius:8px;box-shadow:0 0 0 9999px #14121099,0 0 0 3px var(--brass);pointer-events:none;transition:all .25s ease}.tour-card{position:absolute;background:var(--paper);color:var(--ink);border:1px solid var(--mortar);border-radius:6px;padding:14px 16px;box-shadow:0 20px 50px #0009;pointer-events:auto}.tour-step{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft)}.tour-title{font-family:var(--font-head);font-size:19px;margin:2px 0 6px}.tour-card p{margin:0 0 12px;line-height:1.5}.tour-actions{display:flex;gap:6px;align-items:center}.demo-bar{position:fixed;top:0;left:0;right:0;height:34px;z-index:10002;background:#1c1a1a;color:var(--on-stone);display:flex;align-items:center;gap:10px;padding:0 14px;font-size:13px;border-bottom:2px solid var(--brass)}.demo-bar+#toolbar{top:34px}.demo-bar~#frame{top:calc(var(--bar) + 34px)}.hero-demo{margin-top:14px;display:flex;flex-direction:column;gap:4px;align-items:flex-start}.demo-btn{background:var(--paper)!important;color:var(--ink)!important;border-color:var(--on-stone)!important;font-weight:600}.samples{padding:48px 28px;max-width:1100px;margin:0 auto}.samples h2{font-family:var(--font-head);font-weight:400;font-size:30px;margin:0 0 8px;text-align:center}.samples-lead{text-align:center;color:var(--ink-soft);margin:0 auto 22px;max-width:640px}.sample-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.sample{background:var(--paper-soft);border:1px solid var(--line);border-radius:4px;padding:16px 18px;box-shadow:0 4px 12px #32230a1f;display:flex;flex-direction:column}.sample h3{font-family:var(--font-head);font-weight:400;font-size:21px;margin:0 0 6px}.sample p{margin:0 0 12px;color:#4d4538;line-height:1.5;flex:1}.plan-panel p{margin:6px 0}.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:10px 0}.plan-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 8px}.plan-btn b{font-size:18px}.plan-btn span{font-size:12px;opacity:.85}.pricing{padding:48px 28px 56px;background:var(--paper-dark)}.pricing h2{font-family:var(--font-head);font-weight:400;font-size:30px;margin:0 0 8px;text-align:center}.pricing .pricing-lead{text-align:center;color:var(--ink-soft);margin:0 auto 24px;max-width:620px}.tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;max-width:760px;margin:0 auto}.tier{background:var(--paper-soft);border:1px solid var(--line);border-radius:4px;padding:18px 20px;box-shadow:0 4px 12px #32230a1f}.tier.keeper{border-color:var(--brass)}.tier h3{font-family:var(--font-head);font-weight:400;font-size:22px;margin:0 0 2px}.tier .price{font-size:26px;margin:0 0 10px}.tier .price small{font-size:13px;color:var(--ink-soft)}.tier ul{margin:0;padding-left:18px;line-height:1.6;color:#4d4538}.tier .founder{margin:12px 0 0;font-size:13px;color:var(--ink-soft)}.pricing .fine{text-align:center;color:var(--ink-soft);font-size:13px;margin:18px 0 0}.legal-notice{background:var(--paper-dark);border:1px solid var(--line);border-radius:4px;padding:8px 10px;font-size:13px;margin-top:12px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}[data-theme=slate]{--on-stone: #e9e4dc;--stone-dark: #15181c;--stone: #232830;--stone-light: #323944;--mortar: #0d0f12;--paper: #2b3138;--paper-dark: #232930;--paper-bright: #343b44;--paper-soft: #2f363e;--ink: #e4e7eb;--ink-soft: #a3abb5;--line: #465060;--brass: #8fa4b8;--ember: #d9695a;--moss: #7fae6b}[data-theme=forest]{--stone-dark: #24301f;--stone: #3d4f3a;--stone-light: #5a6f52;--mortar: #161e13;--paper: #ebe9d6;--paper-dark: #dcd9bf;--paper-bright: #f6f5e6;--paper-soft: #f1efdd;--ink: #22281c;--ink-soft: #5c6650;--line: #b9bd9a;--brass: #7c8f3a;--ember: #a8432b;--moss: #4f8a3f}[data-theme=arcane]{--stone-dark: #2a2140;--stone: #3f3355;--stone-light: #5b4c76;--mortar: #1a1428;--paper: #ece6f2;--paper-dark: #ded5e8;--paper-bright: #f8f4fc;--paper-soft: #f2edf7;--ink: #241c30;--ink-soft: #675a78;--line: #c3b6d3;--brass: #8a6bb5;--ember: #b8405a;--moss: #5f8a7a}[data-theme=ember]{--on-stone: #e9e4dc;--stone-dark: #0f0a0a;--stone: #1f1414;--stone-light: #331d1d;--mortar: #070404;--paper: #2a1c1c;--paper-dark: #221616;--paper-bright: #34201f;--paper-soft: #2f1d1c;--ink: #eadfd8;--ink-soft: #b09a92;--line: #5a3232;--brass: #b3261e;--ember: #ff6a4a;--moss: #7a8a3a}[data-theme=slate] .stone,[data-theme=ember] .stone{box-shadow:inset 0 0 60px #000000bf}[data-theme=slate] #workspace,[data-theme=ember] #workspace{background-image:linear-gradient(to right,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.05) 1px,transparent 1px);background-size:var(--grid) var(--grid),var(--grid) var(--grid);background-position:0 0,0 0;box-shadow:inset 0 0 60px #00000080}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.theme-picker.compact{width:100%}.theme-picker.compact .theme-grid{grid-template-columns:repeat(3,1fr);gap:6px}.theme-swatch{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 6px;font-size:12px}.theme-swatch.on{border-color:var(--brass);box-shadow:0 0 0 2px var(--brass)}.theme-chips{display:flex;gap:2px}.theme-chips i{width:16px;height:16px;border-radius:3px;border:1px solid rgba(0,0,0,.25);display:block}.theme-note{font-size:12px;margin:6px 0 0}.theme-picker.compact .theme-note{white-space:normal;max-width:260px}#toolbar .theme-swatch{background:var(--paper-dark);color:var(--ink);border-color:var(--line)}#toolbar .theme-swatch.on{border-color:var(--brass)}.not-live{background:var(--paper-dark);border:1px solid var(--brass);border-radius:4px;padding:6px 10px;font-size:13px}.pricing .not-live{display:inline-block}