:root{--g-ink0:#07080f;--g-ink1:#0c1022;--g-ink2:#141a36;--g-ink3:#1a2242;--g-ink4:#2a3462;--g-ink5:#6f7aa6;--g-g0:#3e2a10;--g-g1:#6e4f1e;--g-g2:#8c6a32;--g-g3:#c9a45c;--g-g4:#e8cf8a;--g-g5:#f4e3b3;--g-tx1:#f3ead7;--g-tx2:#c6bda9;--g-tx3:#8f897d;--g-kw:#f3cf7a;--g-kink:#2a1d0c;--g-sa1:#23408f;--g-sa2:#5288e6;--g-sa3:#b0d6ff;--g-se1:#8e3f16;--g-se2:#e8873a;--g-se3:#ffc07a;--g-rb1:#6a1418;--g-rb2:#d0452f;--g-rb3:#ff9a7a;--g-em1:#9c2a12;--g-em2:#f08a3a;--g-em3:#ffe0a8;--g-hp0:#7a1530;--g-hp1:#a8233a;--g-hp2:#e0674f;--g-hp3:#f08a6a;--g-mp2:#6aa6ee;--g-mp3:#8fd0ff;--g-tr0:#120a0e;--g-heal:#bfe58f;--g-heal-d:#5f9a3e;--g-glass0:#1a2242db;--g-glass1:#131932e6;--g-glass2:#0c1022eb;--g-veil:#07080fcc;--px:2px;--fpx:1px;--f15:"Jersey 15", monospace;--f10:"Jersey 10", monospace;--f5:Tiny5, monospace;--fs-body:calc(var(--fpx) * 27);--fs-line:calc(var(--fpx) * 18.667);--fs-tiny:calc(var(--px) * 8);--fs-head:calc(var(--fpx) * 54);--notch:polygon(var(--px) 0, calc(100% - var(--px)) 0, 100% var(--px), 100% calc(100% - var(--px)), calc(100% - var(--px)) 100%, var(--px) 100%, 0 calc(100% - var(--px)), 0 var(--px));--ink-outline:1px 0 0 var(--g-ink0), -1px 0 0 var(--g-ink0), 0 1px 0 var(--g-ink0), 0 -1px 0 var(--g-ink0), 0 2px 0 var(--g-ink0);--ease-out:cubic-bezier(.16, 1, .3, 1);--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (min-width:2200px) and (min-height:1200px){:root{--px:3px;--fpx:2px}}[hidden]{display:none!important}*,:before,:after{box-sizing:border-box}html,body{background:var(--g-ink0);overscroll-behavior:none;height:100%;margin:0}body{font:400 var(--fs-body) / 1 var(--f15);color:var(--g-tx1);-webkit-font-smoothing:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}#app{position:fixed;inset:0;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{touch-action:manipulation}canvas.tt-px,canvas.tt-thumb,canvas.tt-frame,.tt-qr,.tt-upload-sprite{image-rendering:pixelated}.tt-table{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#000;position:fixed;inset:0;overflow:hidden}.tt-stage{position:absolute;inset:0}.tt-stage canvas{outline:none;width:100%;height:100%;display:block}.tt-labels,.tt-pings,.tt-marklabels{pointer-events:none;position:absolute;inset:0;overflow:hidden}.tt-marklabel{font:400 var(--fs-line) / 1 var(--f10);color:var(--g-tx1);white-space:nowrap;text-shadow:var(--ink-outline);will-change:transform;padding:2px 5px 3px;position:absolute;top:0;left:0}.tt-marklabel.is-word{color:var(--c,var(--g-tx1));font-size:var(--fs-body);font-family:var(--f15)}.tt-marklabel.is-area,.tt-marklabel.is-ruler{background:var(--g-glass2);box-shadow:inset 0 0 0 var(--px) var(--c,var(--g-g3));clip-path:var(--notch)}.tt-marklabel.is-ruler{color:var(--g-g5);transform-origin:50%;margin-top:-18px}.tt-hud{pointer-events:none;z-index:10;--side-w:clamp(300px, 34vw, 400px);position:absolute;inset:0}.tt-hpamount{align-items:center;gap:6px;margin-top:6px;display:flex}.tt-hpamount .tt-amount{flex:1;min-width:0;min-height:38px}.tt-cam{right:calc(8px + var(--sar));pointer-events:auto;gap:4px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.tt-cam-btn{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:linear-gradient(180deg, var(--g-glass0) 0 50%, var(--g-glass2) 50% 100%);width:46px;height:46px;box-shadow:inset 0 0 0 var(--px) var(--g-g2), inset 0 calc(var(--px) * 2) 0 0 #96acec29;clip-path:var(--notch);border:0;place-items:center;padding:0;display:grid}.tt-cam-btn:active{transform:translateY(var(--px));box-shadow:inset 0 0 0 var(--px) var(--g-g4)}@media (hover:hover){.tt-cam-btn:hover{box-shadow:inset 0 0 0 var(--px) var(--g-g4), inset 0 calc(var(--px) * 2) 0 0 #96acec29}}.tt-cam-btn:focus-visible{outline:var(--px) solid var(--g-g4);outline-offset:2px}@media (max-height:480px){.tt-cam{top:calc(60px + var(--sat));grid-auto-flow:column;transform:none}}.tt-label{white-space:nowrap;will-change:transform;flex-direction:column;align-items:center;gap:3px;display:flex;position:absolute;top:0;left:0}.tt-name{font:400 var(--fs-line) / 1 var(--f10);color:var(--g-tx1);text-shadow:var(--ink-outline);padding:0 2px}.tt-name i{color:var(--g-tx3);font-style:normal}.tt-label.is-lead .tt-name{color:var(--g-g5)}.tt-label.is-mine .tt-name{box-shadow:0 2px 0 var(--ring,var(--g-g3))}.tt-label.is-hidden{opacity:.62}.tt-badges{filter:drop-shadow(0 1px 0 var(--g-ink0));font-size:15px;line-height:1}.tt-hp{background:var(--g-tr0);width:44px;height:6px;box-shadow:0 0 0 2px var(--g-ink0);display:block;position:relative}.tt-hp b{background:var(--g-heal);position:absolute;top:0;bottom:0;left:0;box-shadow:inset 0 -2px #00000047}.tt-hp b.tt-hp-temp{background:var(--g-mp3);opacity:.85;left:auto;right:0}.tt-hp em{font:400 var(--fs-line) / 1 var(--f10);color:var(--g-tx1);text-shadow:var(--ink-outline);font-style:normal;position:absolute;top:50%;left:calc(100% + 5px);transform:translateY(-50%)}.tt-hp-hurt b{background:var(--g-kw)}.tt-hp-bloodied b{background:var(--g-hp2)}.tt-hp-down b{background:var(--g-hp0)}.tt-hpword{font:400 var(--fs-line) / 1 var(--f10);text-shadow:var(--ink-outline);color:var(--g-heal)}.tt-hpword.tt-hp-hurt{color:var(--g-kw)}.tt-hpword.tt-hp-bloodied{color:var(--g-hp3)}.tt-hpword.tt-hp-down{color:var(--g-tx3)}.tt-ping{width:0;height:0;position:absolute;top:0;left:0}.tt-ping:before,.tt-ping:after{content:"";border:3px solid var(--c,var(--g-g4));border-radius:50%;width:68px;height:28px;animation:1.3s steps(10,end) infinite tt-ping;position:absolute;top:-14px;left:-34px;box-shadow:0 0 0 2px #07080f8c}.tt-ping:after{animation-delay:.65s}.tt-ping span{font:400 var(--fs-line) / 1 var(--f10);color:var(--c,var(--g-g4));text-shadow:var(--ink-outline);white-space:nowrap;position:absolute;bottom:20px;left:0;transform:translate(-50%)}@keyframes tt-ping{0%{opacity:1;transform:scale(.25)}to{opacity:0;transform:scale(1.4)}}.tt-letterbox{pointer-events:none;z-index:5;position:absolute;inset:0}.tt-letterbox i{height:11%;transition:transform .7s var(--ease-out);background:#000;position:absolute;left:0;right:0}.tt-letterbox i:first-child{top:0;transform:translateY(-101%)}.tt-letterbox i:last-child{bottom:0;transform:translateY(101%)}.tt-letterbox.is-on i{transform:none}.tt-framed{isolation:isolate;position:relative}.tt-framed>canvas.tt-frame{z-index:-1;pointer-events:none;position:absolute}.tt-btn{--b:var(--g-g2);--f0:var(--g-ink4);--f1:var(--g-ink3);--hi:#96acec38;--lo:var(--g-ink1);justify-content:center;align-items:center;gap:calc(var(--px) * 3);min-height:44px;padding:0 calc(var(--px) * 6);font:400 var(--fs-body) / 1 var(--f15);color:var(--g-tx1);text-shadow:0 var(--fpx) 0 var(--g-ink0);background:linear-gradient(180deg, var(--f0) 0 50%, var(--f1) 50% 100%);box-shadow:inset 0 0 0 var(--px) var(--b), inset 0 calc(var(--px) * 2) 0 0 var(--hi), inset 0 calc(var(--px) * -3) 0 0 var(--lo);clip-path:var(--notch);cursor:pointer;white-space:nowrap;border:0;display:inline-flex;position:relative}.tt-btn>span{padding-bottom:calc(var(--px) * 1)}.tt-btn:active:not(:disabled){transform:translateY(var(--px));filter:brightness(.9)}.tt-btn:disabled{opacity:.42;cursor:default}.tt-btn:focus-visible{--b:var(--g-g5);outline:none}@media (hover:hover){.tt-btn:hover:not(:disabled){filter:brightness(1.14)}}.tt-btn.is-primary{--b:var(--g-g1);--f0:var(--g-g4);--f1:var(--g-g3);--hi:var(--g-g5);--lo:var(--g-g2);color:var(--g-kink);text-shadow:0 var(--fpx) 0 #fff6e080}.tt-btn.is-fx{--b:var(--g-em2);--f0:#b4532a;--f1:var(--g-se1);--hi:#ffc07a80;--lo:#5c240c;color:var(--g-em3)}.tt-btn.is-danger{--b:var(--g-rb2);--f0:#3a1420;--f1:#2a0e18;--hi:#ff9a7a33;color:var(--g-rb3)}.tt-btn.is-on{--b:var(--g-g4);--f0:var(--g-sa1);--f1:#1b3172;--hi:#b0d6ff59;color:var(--g-g5)}.tt-btn.is-small{min-height:36px;padding:0 calc(var(--px) * 5);font-size:var(--fs-line);font-family:var(--f10)}.tt-btn.is-big{min-height:56px;padding:0 calc(var(--px) * 10)}.tt-btn.is-wide{width:100%}.tt-icon-btn{width:40px;height:40px;color:var(--g-tx2);background:var(--g-ink2);box-shadow:inset 0 0 0 var(--px) var(--g-ink4);clip-path:var(--notch);cursor:pointer;border:0;flex:none;place-items:center;padding:0;font:400 20px/1 system-ui,sans-serif;display:inline-grid}.tt-icon-btn:active{transform:translateY(var(--px))}@media (hover:hover){.tt-icon-btn:hover{color:var(--g-g5);box-shadow:inset 0 0 0 var(--px) var(--g-g2)}}.tt-chip{align-items:center;gap:calc(var(--px) * 4);min-height:44px;padding:0 calc(var(--px) * 6);color:var(--g-tx1);font:400 var(--fs-body) / 1 var(--f15);text-shadow:0 var(--fpx) 0 var(--g-ink0);background:linear-gradient(180deg, var(--g-glass0) 0 50%, var(--g-glass1) 50% 100%);box-shadow:inset 0 0 0 var(--px) var(--g-g2), inset 0 calc(var(--px) * 2) 0 0 #96acec29, inset 0 calc(var(--px) * -2) 0 0 #07080f99;clip-path:var(--notch);pointer-events:auto;-webkit-backdrop-filter:blur(3px);border:0;display:inline-flex}button.tt-chip{cursor:pointer}button.tt-chip:active{transform:translateY(var(--px))}.tt-chip.is-active,.tt-chip[aria-expanded=true]{box-shadow:inset 0 0 0 var(--px) var(--g-g4), inset 0 calc(var(--px) * 2) 0 0 #b0d6ff4d}.tt-top-left,.tt-top-right{top:calc(8px + var(--sat));pointer-events:none;align-items:flex-start;gap:6px;display:flex;position:absolute}.tt-top-left{left:calc(8px + var(--sal));flex-direction:column;max-width:calc(100% - 150px)}.tt-top-right{right:calc(8px + var(--sar))}.tt-room{max-width:100%}.tt-room-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.tt-room-code{font:400 var(--fs-line) / 1 var(--f10);letter-spacing:var(--px);color:var(--g-g4);padding:calc(var(--px) * 1) calc(var(--px) * 2);background:var(--g-ink1);box-shadow:inset 0 0 0 1px var(--g-g1)}.tt-status{width:calc(var(--px) * 3);height:calc(var(--px) * 3);background:var(--g-kw);box-shadow:0 0 0 var(--px) var(--g-ink0);flex:none}.tt-status.is-online{background:var(--g-heal)}.tt-status.is-connecting{background:var(--g-kw);animation:.8s steps(2,end) infinite tt-blink}.tt-status.is-offline{background:var(--g-hp2);animation:.6s steps(2,end) infinite tt-blink}@keyframes tt-blink{50%{opacity:.25}}.tt-top-row{flex-wrap:wrap;gap:6px;max-width:100%;display:flex}.tt-groupschip{color:var(--g-g5)}.tt-darkchip{min-height:36px;font:400 var(--fs-line) / 1 var(--f10);color:var(--g-sa3)}.tt-players .tt-dots{gap:3px;display:inline-flex}.tt-players .tt-dots i{width:10px;height:10px;box-shadow:0 0 0 2px var(--g-ink0)}.tt-chatbtn{position:relative}.tt-badge{min-width:18px;height:18px;font:400 var(--fs-line) / 1 var(--f10);color:var(--g-tx1);background:var(--g-rb2);box-shadow:0 0 0 2px var(--g-ink0);place-items:center;padding:0 3px;display:grid;position:absolute;top:3px;right:3px}.tt-init{top:calc(60px + var(--sat));background:linear-gradient(180deg, var(--g-glass0) 0 50%, var(--g-glass1) 50% 100%);max-width:calc(100% - 16px);box-shadow:inset 0 0 0 var(--px) var(--g-g2);clip-path:var(--notch);pointer-events:auto;align-items:center;gap:6px;padding:5px 6px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.tt-init-round{font:400 var(--fs-line) / 1 var(--f10);color:var(--g-g4);flex:none;padding:0 4px}.tt-init-row{scrollbar-width:none;gap:4px;min-width:0;display:flex;overflow-x:auto}.tt-init-row::-webkit-scrollbar{display:none}.tt-init-chip{height:38px;color:var(--g-tx2);font:400 var(--fs-line) / 1 var(--f10);background:var(--g-ink2);box-shadow:inset 0 0 0 var(--px) var(--g-ink4), inset 0 calc(var(--px) * -2) 0 0 var(--c,var(--g-tx3));clip-path:var(--notch);cursor:pointer;border:0;flex:none;align-items:center;gap:4px;padding:0 6px 0 4px;display:inline-flex}.tt-init-chip b{color:var(--g-g4);font-weight:400}.tt-init-chip.is-now{color:var(--g-tx1);background:var(--g-sa1);box-shadow:inset 0 0 0 var(--px) var(--g-g4), inset 0 calc(var(--px) * -2) 0 0 var(--c,var(--g-tx3))}.tt-init-chip.is-hidden{opacity:.55}.tt-init>.tt-btn{flex:none}.tt-toolbar{left:50%;bottom:calc(6px + var(--sab));scrollbar-width:none;background:linear-gradient(180deg, var(--g-glass0) 0 50%, var(--g-glass2) 50% 100%);max-width:calc(100% - 8px);box-shadow:inset 0 0 0 var(--px) var(--g-g2), inset 0 calc(var(--px) * 2) 0 0 #96acec29;clip-path:var(--notch);pointer-events:auto;z-index:3;gap:0;padding:4px;display:flex;position:absolute;overflow-x:auto;transform:translate(-50%)}.tt-toolbar::-webkit-scrollbar{display:none}.tt-tool{width:auto;min-width:46px;height:54px;color:var(--g-tx2);font:400 var(--fs-line) / 1 var(--f10);cursor:pointer;clip-path:var(--notch);background:0 0;border:0;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:3px;padding:0 3px;display:flex}.tt-tool:active{transform:translateY(var(--px))}.tt-tool.is-active{color:var(--g-g5);background:var(--g-sa1);box-shadow:inset 0 0 0 var(--px) var(--g-g4)}@media (hover:hover){.tt-tool:hover:not(.is-active){color:var(--g-tx1);background:var(--g-ink4)}}.tt-bottom{left:calc(8px + var(--sal));right:calc(8px + var(--sar));bottom:calc(8px + var(--sab));pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute}.tt-hud.is-dm .tt-bottom{bottom:calc(72px + var(--sab))}@media (max-width:899px),(max-height:559px){.tt-hud:has(.tt-sheet.is-open) .tt-bottom{visibility:hidden}.tt-hud.is-dm .tt-sheet{bottom:calc(70px + var(--sab));max-height:calc(100% - 132px - var(--sat) - var(--sab))}}.tt-bottom>*{pointer-events:auto}.tt-hint{max-width:100%;font:400 var(--fs-line) / 1.1 var(--f10);color:var(--g-g5);background:linear-gradient(180deg, var(--g-glass0) 0 50%, var(--g-glass1) 50% 100%);box-shadow:inset 0 0 0 var(--px) var(--g-g3);clip-path:var(--notch);animation:tt-rise .2s var(--ease-out);align-items:center;gap:8px;padding:6px 6px 6px 10px;display:flex}.tt-hint>span{flex:1;min-width:0}.tt-hint.is-tray{flex-direction:column;align-items:stretch;gap:6px;width:min(100%,560px);padding:6px}.tt-tray-tools{grid-template-columns:repeat(8,minmax(0,1fr));gap:3px;display:grid}.tt-tray-tool{min-height:48px;font:400 var(--fs-line) / 1 var(--f10);color:var(--g-tx2);background:var(--g-ink2);box-shadow:inset 0 0 0 var(--px) var(--g-ink4);clip-path:var(--notch);cursor:pointer;border:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:3px 0;display:flex}.tt-tray-tool span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.tt-tray-tool.is-on{color:var(--g-g5);background:var(--g-sa1);box-shadow:inset 0 0 0 var(--px) var(--g-g4), inset 0 calc(var(--px) * 2) 0 0 #b0d6ff40}.tt-tray-tool:active{transform:translateY(var(--px))}@media (max-width:420px){.tt-tray-tool span{display:none}.tt-tray-tool{min-height:42px}}.tt-tray-opts{flex-direction:column;gap:4px;display:flex}.tt-tray-opts .tt-toggle{min-height:36px;margin:0}.tt-tray-opts .tt-seg-btn{min-height:34px}.tt-tray-foot{align-items:center;gap:8px;padding-left:4px;display:flex}.tt-tray-foot>span{flex:1;min-width:0}.tt-swatch{background:var(--c);width:32px;min-width:32px;height:32px;box-shadow:inset 0 0 0 var(--px) var(--g-ink0), 0 0 0 var(--px) var(--g-ink4);clip-path:var(--notch);cursor:pointer;border:0;flex:none;padding:0;display:block}.tt-caught{flex-direction:column;gap:3px;margin:6px 0;display:flex}.tt-caught-row{background:var(--g-ink2);min-height:44px;clip-path:var(--notch);cursor:pointer;align-items:center;gap:8px;padding:4px 8px;display:flex}.tt-caught-name{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.tt-caught-name b{font:400 var(--fs-body) / 1 var(--f15);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tt-caught-name small,.tt-caught-save small{font:400 var(--fs-line) / 1 var(--f10);color:var(--g-tx2)}.tt-caught-save{align-items:center;gap:6px;display:flex}.tt-caught-save input{width:22px;height:22px;accent-color:var(--g-g3)}.tt-aura-list{flex-direction:column;gap:4px;margin-bottom:8px;display:flex}.tt-aura{text-align:left;min-height:52px;color:var(--g-tx1);background:var(--g-ink2);box-shadow:inset 0 0 0 var(--px) var(--g-ink4);clip-path:var(--notch);cursor:pointer;border:0;align-items:center;gap:10px;padding:6px 10px;display:flex}.tt-aura i{background:var(--c);width:22px;height:22px;box-shadow:0 0 0 var(--px) var(--g-ink0), 0 0 10px var(--c);clip-path:var(--notch);flex:none}.tt-aura span{flex-direction:column;gap:3px;min-width:0;display:flex}.tt-aura b{font:400 var(--fs-body) / 1 var(--f15)}.tt-aura small{font:400 var(--fs-line) / 1.15 var(--f10);color:var(--g-tx2)}.tt-aura.is-on{background:var(--g-sa1);box-shadow:inset 0 0 0 var(--px) var(--g-g4)}.tt-swatch.is-on{box-shadow:inset 0 0 0 var(--px) var(--g-ink0), inset 0 0 0 calc(var(--px) * 2) var(--g-g5)}.tt-hint-img{place-items:center;width:30px;height:34px;display:grid;flex:none!important}.tt-dock{flex-wrap:wrap;justify-content:center;gap:6px;max-width:100%;display:flex}.tt-dock:empty{display:none}.tt-me canvas,.tt-init-chip canvas{flex:none}.tt-me{height:50px;color:var(--g-tx1);font:400 var(--fs-body) / 1 var(--f15);text-shadow:0 var(--fpx) 0 var(--g-ink0);background:linear-gradient(180deg, var(--g-glass0) 0 50%, var(--g-glass1) 50% 100%);box-shadow:inset 0 0 0 var(--px) var(--g-g2), inset 0 calc(var(--px) * -3) 0 0 var(--c,var(--g-g3));clip-path:var(--notch);cursor:pointer;border:0;align-items:center;gap:6px;padding:0 12px 0 6px;display:inline-flex}.tt-me.is-on{box-shadow:inset 0 0 0 var(--px) var(--g-g4), inset 0 calc(var(--px) * -3) 0 0 var(--c,var(--g-g3));background:linear-gradient(#23408f 0 50%,#1b3172 50% 100%)}.tt-me:active{transform:translateY(var(--px))}.tt-side{display:none}@media (min-width:700px){.tt-side{top:calc(64px + var(--sat));right:calc(8px + var(--sar));bottom:calc(10px + var(--sab));width:var(--side-w);pointer-events:none;flex-direction:column;justify-content:flex-start;display:flex;position:absolute}.tt-side>.tt-card{overscroll-behavior:contain;pointer-events:auto;width:100%;max-height:100%;overflow-y:auto}.tt-hud:has(.tt-side>.tt-card:not([hidden])) .tt-cam{right:calc(var(--side-w) + 16px + var(--sar))}}@media (max-width:699px){.tt-hud:has(.tt-bottom>.tt-card:not([hidden])) .tt-cam{top:calc(60px + var(--sat));grid-auto-flow:column;transform:none}}.tt-card{width:min(100%,560px);animation:tt-rise .18s var(--ease-out);flex-direction:column;gap:8px;padding:12px;display:flex}.tt-card-head{align-items:center;gap:10px;display:flex}.tt-card-thumb{background:var(--g-ink1);width:48px;height:52px;box-shadow:inset 0 0 0 var(--px) var(--g-ink4), inset 0 calc(var(--px) * -2) 0 0 var(--c,var(--g-g3));flex:none;place-items:center;display:grid}.tt-card-title{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.tt-card-title b{color:var(--g-g5);text-overflow:ellipsis;white-space:nowrap;text-shadow:0 var(--fpx) 0 var(--g-ink0);font-weight:400;overflow:hidden}.tt-card-title small{font:400 var(--fs-line) / 1 var(--f10);color:var(--g-tx2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tt-card-hp{align-items:center;gap:8px;display:flex}.tt-hpbar{background:var(--g-tr0);height:26px;box-shadow:inset 0 0 0 var(--px) var(--g-ink0), 0 0 0 var(--px) var(--g-g1);flex:1;position:relative;overflow:hidden}.tt-hpbar b{left:var(--px);top:var(--px);bottom:var(--px);max-width:calc(100% - var(--px) * 2);background:linear-gradient(180deg, #d8f2b0 0 25%, var(--g-heal) 25% 60%, var(--g-heal-d) 60% 100%);transition:width .3s steps(6,end);position:absolute}.tt-hpbar.tt-hp-hurt b{background:linear-gradient(180deg, #fff0b8 0 25%, var(--g-kw) 25% 60%, #b8902e 60% 100%)}.tt-hpbar.tt-hp-bloodied b{background:linear-gradient(180deg, var(--g-hp3) 0 25%, var(--g-hp2) 25% 60%, var(--g-hp1) 60% 100%)}.tt-hpbar.tt-hp-down b{background:var(--g-hp0)}.tt-hpbar span{height:100%;font:400 var(--fs-line) / 1 var(--f10);color:var(--g-tx1);text-shadow:var(--ink-outline);place-items:center;display:grid;position:relative}.tt-steps{flex:none;gap:3px;display:flex}.tt-step{width:40px;height:36px;font:400 var(--fs-line) / 1 var(--f10);color:var(--g-tx1);background:linear-gradient(180deg, var(--g-ink4) 0 50%, var(--g-ink3) 50% 100%);box-shadow:inset 0 0 0 var(--px) var(--g-ink5);clip-path:var(--notch);cursor:pointer;border:0;padding:0}.tt-step:active{transform:translateY(var(--px))}.tt-steps .tt-step:nth-child(-n+2){color:var(--g-hp3)}.tt-steps .tt-step:nth-child(n+3){color:var(--g-heal)}.tt-card>.tt-hpword{text-shadow:none;font-size:var(--fs-body);font-family:var(--f15)}.tt-facts{flex-wrap:wrap;gap:4px;display:flex}.tt-facts span{font:400 var(--fs-line) / 1 var(--f10);color:var(--g-tx2);background:var(--g-ink1);box-shadow:inset 0 0 0 1px var(--g-ink4);padding:4px 6px}.tt-facts span.is-cond{color:var(--g-se3);box-shadow:inset 0 0 0 1px var(--g-se1)}.tt-notes{font:400 var(--fs-line) / 1.15 var(--f10);color:var(--g-tx2);white-space:pre-wrap;-webkit-user-select:text;user-select:text;max-height:90px;margin:0;overflow:auto}.tt-actions{scrollbar-width:none;scroll-snap-type:x proximity;grid-template-rows:repeat(2,auto);grid-auto-flow:column;justify-content:start;gap:5px;padding-bottom:2px;display:grid;overflow-x:auto}.tt-actions::-webkit-scrollbar{display:none}.tt-actions .tt-btn{min-height:40px;padding:0 calc(var(--px) * 4);font-size:var(--fs-line);font-family:var(--f10);scroll-snap-align:start}.tt-actions:has(>:nth-child(-n+4):last-child){grid-template-rows:auto}.tt-camchip{top:calc(60px + var(--sat));font:400 var(--fs-line) / 1 var(--f10);color:var(--g-g5);background:var(--g-glass1);box-shadow:inset 0 0 0 var(--px) var(--g-g3);clip-path:var(--notch);pointer-events:auto;white-space:nowrap;align-items:center;gap:8px;padding:4px 4px 4px 10px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.tt-hud:has(.tt-init:not([hidden])) .tt-camchip{top:calc(110px + var(--sat))}.tt-measure{font:400 var(--fs-body) / 1 var(--f15);color:var(--g-g5);text-shadow:0 var(--fpx) 0 var(--g-ink0);background:var(--g-glass2);box-shadow:inset 0 0 0 var(--px) var(--g-g3);clip-path:var(--notch);pointer-events:none;white-space:nowrap;padding:4px 7px 5px;position:absolute;top:0;left:0}.tt-measure.is-over{color:var(--g-rb3);box-shadow:inset 0 0 0 var(--px) var(--g-rb2)}.tt-sheet{left:calc(6px + var(--sal));right:calc(6px + var(--sar));bottom:calc(6px + var(--sab));z-index:20;max-height:min(76vh,720px);pointer-events:auto;max-height:min(76dvh,720px);transition:transform .22s var(--ease-out);flex-direction:column;display:flex;position:absolute;transform:translateY(calc(100% + 40px))}.tt-sheet.is-open{transform:none}.tt-sheet:before{content:"";inset:calc(var(--px) * 2);z-index:-2;background:var(--g-ink1);position:absolute}.tt-fatal-card:before,.tt-card:before{content:"";inset:calc(var(--px) * 2);z-index:-2;background:#0c10228c;position:absolute}.tt-sheet-head{align-items:center;gap:8px;padding:12px 10px 6px 16px;display:flex}.tt-sheet-head h2{font:400 var(--fs-body) / 1 var(--f15);color:var(--g-g4);text-shadow:0 var(--fpx) 0 var(--g-ink0);letter-spacing:var(--fpx);flex:1;margin:0}.tt-sheet-body{overscroll-behavior:contain;-webkit-user-select:none;user-select:none;flex:1;min-height:0;padding:4px 16px 18px;overflow-y:auto}.tt-sheet-body::-webkit-scrollbar{width:8px}.tt-sheet-body::-webkit-scrollbar-thumb{background:var(--g-g2)}.tt-sheet-body::-webkit-scrollbar-track{background:0 0}.tt-help{font:400 var(--fs-line) / 1.15 var(--f10);color:var(--g-tx2);margin:0 0 10px}.tt-sub{font:400 var(--fs-line) / 1 var(--f10);letter-spacing:var(--fpx);text-transform:uppercase;color:var(--g-g3);align-items:center;gap:8px;margin:16px 0 8px;display:flex}.tt-sub:after{content:"";height:var(--px);background:linear-gradient(90deg, var(--g-g1), transparent);flex:1}.tt-sheet-body>.tt-sub:first-child{margin-top:4px}.tt-field{flex-direction:column;gap:5px;min-width:0;margin:0 0 12px;display:flex}.tt-field>span:first-child{font:400 var(--fs-line) / 1 var(--f10);color:var(--g-tx2)}.tt-inline{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.tt-inline>.tt-field{flex:90px}.tt-row-btns{flex-wrap:wrap;gap:6px;margin:8px 0 12px;display:flex}.tt-input{width:100%;min-height:44px;font:400 var(--fs-body) / 1 var(--f15);color:var(--g-tx1);background:var(--g-ink1);box-shadow:inset 0 0 0 var(--px) var(--g-ink4), inset 0 calc(var(--px) * -2) 0 0 var(--g-g1);clip-path:var(--notch);-webkit-user-select:text;user-select:text;appearance:none;border:0;border-radius:0;outline:none;padding:6px 10px 7px}.tt-input::placeholder{color:var(--g-tx3);opacity:1}.tt-input:focus{box-shadow:inset 0 0 0 var(--px) var(--g-g3), inset 0 calc(var(--px) * -2) 0 0 var(--g-g3)}textarea.tt-input{resize:vertical;line-height:1.05;font-size:var(--fs-line);font-family:var(--f10)}.tt-num{text-align:center;width:96px}.tt-inline .tt-num{width:100%}.tt-num::-webkit-inner-spin-button{opacity:.4}.tt-num::-webkit-outer-spin-button{opacity:.4}.tt-seg{flex-wrap:wrap;gap:3px;display:flex}.tt-seg-btn{min-height:40px;font:400 var(--fs-line) / 1 var(--f10);color:var(--g-tx2);background:var(--g-ink2);box-shadow:inset 0 0 0 var(--px) var(--g-ink4);clip-path:var(--notch);cursor:pointer;border:0;flex:auto;padding:0 10px}.tt-seg-btn[aria-checked=true]{color:var(--g-g5);background:var(--g-sa1);box-shadow:inset 0 0 0 var(--px) var(--g-g4), inset 0 calc(var(--px) * 2) 0 0 #b0d6ff40}.tt-seg-btn:active{transform:translateY(var(--px))}.tt-toggle{cursor:pointer;align-items:center;gap:10px;min-height:44px;margin:0 0 6px;display:flex}.tt-toggle input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.tt-toggle-ui{width:calc(var(--px) * 22);height:calc(var(--px) * 12);background:var(--g-ink1);box-shadow:inset 0 0 0 var(--px) var(--g-ink4);clip-path:var(--notch);flex:none;position:relative}.tt-toggle-ui:after{content:"";left:calc(var(--px) * 2);top:calc(var(--px) * 2);width:calc(var(--px) * 8);height:calc(var(--px) * 8);background:linear-gradient(180deg, var(--g-tx2) 0 50%, var(--g-tx3) 50% 100%);box-shadow:0 0 0 var(--px) var(--g-ink0);transition:left .12s steps(3,end);position:absolute}.tt-toggle input:checked+.tt-toggle-ui{box-shadow:inset 0 0 0 var(--px) var(--g-heal-d);background:#1d4a26}.tt-toggle input:checked+.tt-toggle-ui:after{left:calc(var(--px) * 12);background:linear-gradient(180deg, var(--g-g5) 0 50%, var(--g-g3) 50% 100%)}.tt-toggle input:focus-visible+.tt-toggle-ui{box-shadow:inset 0 0 0 var(--px) var(--g-g5)}.tt-toggle-text{font:400 var(--fs-body) / 1 var(--f15);flex-direction:column;gap:3px;display:flex}.tt-toggle-text small{font:400 var(--fs-line) / 1.1 var(--f10);color:var(--g-tx3)}.tt-hour{color:var(--g-g4);margin:0 0 6px;font-weight:400;display:block}.tt-range{appearance:none;cursor:pointer;background:0 0;width:100%;height:36px;margin:0}.tt-range::-webkit-slider-runnable-track{height:calc(var(--px) * 5);box-shadow:0 0 0 var(--px) var(--g-ink0), 0 0 0 calc(var(--px) * 2) var(--g-g1);background:linear-gradient(90deg,#1a2242 0%,#6e4f8c 22%,#f3c989 30%,#f5e4b0 50%,#f2b45a 72%,#6e4f8c 80%,#1a2242 100%)}.tt-range::-moz-range-track{height:calc(var(--px) * 5);box-shadow:0 0 0 var(--px) var(--g-ink0), 0 0 0 calc(var(--px) * 2) var(--g-g1);background:linear-gradient(90deg,#1a2242 0%,#6e4f8c 22%,#f3c989 30%,#f5e4b0 50%,#f2b45a 72%,#6e4f8c 80%,#1a2242 100%)}.tt-range::-webkit-slider-thumb{-webkit-appearance:none;width:calc(var(--px) * 8);height:calc(var(--px) * 14);margin-top:calc(var(--px) * -4.5);background:linear-gradient(180deg, var(--g-g5) 0 30%, var(--g-g4) 30% 60%, var(--g-g3) 60% 100%);box-shadow:0 0 0 var(--px) var(--g-ink0);border:0;border-radius:0}.tt-range::-moz-range-thumb{width:calc(var(--px) * 8);height:calc(var(--px) * 14);background:linear-gradient(180deg, var(--g-g5) 0 30%, var(--g-g4) 30% 60%, var(--g-g3) 60% 100%);box-shadow:0 0 0 var(--px) var(--g-ink0);border:0;border-radius:0}.tt-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:6px;display:grid}.tt-pick{min-width:0;color:var(--g-tx1);background:linear-gradient(180deg, var(--g-ink3) 0 60%, var(--g-ink2) 60% 100%);box-shadow:inset 0 0 0 var(--px) var(--g-ink4);clip-path:var(--notch);cursor:pointer;border:0;flex-direction:column;align-items:center;gap:4px;padding:6px 4px 8px;display:flex}.tt-pick:active{transform:translateY(var(--px))}.tt-pick[aria-pressed=true]{background:linear-gradient(180deg, var(--g-sa1) 0 60%, #1b3172 60% 100%);box-shadow:inset 0 0 0 var(--px) var(--g-g4)}@media (hover:hover){.tt-pick:hover{box-shadow:inset 0 0 0 var(--px) var(--g-g2)}}.tt-pick-img{place-items:center;width:64px;height:64px;display:grid}.tt-pick-label{-webkit-line-clamp:2;max-width:100%;font:400 var(--fs-line) / 1.15 var(--f10);text-align:center;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tt-pick-size{font:400 var(--fs-line) / 1 var(--f10);color:var(--g-g4)}.tt-jumps{flex-wrap:wrap;gap:4px;margin:10px 0 2px;display:flex}.tt-color-picks{flex-wrap:wrap;gap:4px;margin:2px 0 8px;display:flex}.tt-color-pick{min-height:36px;padding:0 calc(var(--px) * 4)}.tt-color-pick[aria-pressed=true]{box-shadow:inset 0 0 0 calc(var(--px) * 2) var(--g-g5), inset 0 calc(var(--px) * 2) 0 0 #b0d6ff4d}.tt-jump{color:var(--g-tx2);font:400 var(--fs-line) / 1 var(--f10);background:var(--g-ink2);box-shadow:inset 0 0 0 var(--px) var(--g-ink4);clip-path:var(--notch);cursor:pointer;border:0;padding:6px 8px}.tt-jump:active{transform:translateY(var(--px))}@media (hover:hover){.tt-jump:hover{color:var(--g-g5);box-shadow:inset 0 0 0 var(--px) var(--g-g2)}}.tt-band{align-items:stretch;gap:4px;display:flex}.tt-band-pick{flex:1;grid-template-columns:auto 1fr;min-width:0}.tt-band-faces{align-items:flex-end;gap:1px;min-width:64px;display:flex}.tt-band-text{flex-direction:column;gap:3px;min-width:0;display:flex}.tt-band-text b{font:400 var(--fs-body) / 1.1 var(--f10);color:var(--g-tx1)}.tt-band-text span{font:400 var(--fs-line) / 1.25 var(--f10);color:var(--g-tx2)}.tt-stepper{flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.tt-stepper .tt-icon-btn{width:34px;height:28px;font-size:18px}.tt-count{font:400 var(--fs-body) / 1 var(--f10);color:var(--g-g5)}.tt-list{flex-direction:column;gap:4px;display:flex}.tt-row{text-align:left;width:100%;min-height:48px;color:var(--g-tx1);background:linear-gradient(180deg, var(--g-ink3) 0 55%, var(--g-ink2) 55% 100%);box-shadow:inset 0 0 0 var(--px) var(--g-ink4);clip-path:var(--notch);border:0;grid-template-columns:1fr auto;align-items:center;gap:3px 10px;padding:8px 12px;display:grid;position:relative}button.tt-row{cursor:pointer}button.tt-row:active:not(:disabled){transform:translateY(var(--px))}button.tt-row:disabled{opacity:.45;cursor:default}@media (hover:hover){button.tt-row:hover:not(:disabled){box-shadow:inset 0 0 0 var(--px) var(--g-g2)}}.tt-row>b{color:var(--g-tx1);grid-column:1;font-weight:400}.tt-row>span{font:400 var(--fs-line) / 1.1 var(--f10);color:var(--g-tx2);grid-column:1}.tt-row>em{font:400 var(--fs-line) / 1 var(--f10);color:var(--g-kw);grid-area:1/2/span 2;font-style:normal}.tt-row[aria-current=true]{box-shadow:inset 0 0 0 var(--px) var(--g-g4);background:linear-gradient(180deg, var(--g-sa1) 0 55%, #1b3172 55% 100%)}.tt-row[aria-current=true]>b:after{content:"  · now";color:var(--g-g4);font:400 var(--fs-line) / 1 var(--f10)}.tt-row.tt-map-row{align-items:start;padding-top:8px;padding-bottom:9px}.tt-row.tt-map-row>span{color:var(--g-g4)}.tt-row.tt-map-row>small{font:400 var(--fs-line) / 1.15 var(--f10);color:var(--g-tx3);grid-column:1}.tt-row.tt-map-row>em{text-align:right;grid-row:1/span 3;justify-items:end;gap:3px;display:grid}.tt-row.tt-map-row>em>small{font:400 var(--fs-tiny) / 1 var(--f5);color:var(--g-tx3)}.tt-table-entry{display:grid}.tt-table-entry.is-open>.tt-table-head{box-shadow:inset 0 0 0 var(--px) var(--g-g4);background:linear-gradient(180deg, var(--g-sa1) 0 55%, #1b3172 55% 100%)}.tt-table-body{padding:2px 4px 8px}.tt-table-actions{align-items:center;margin:6px 0 4px}.tt-table-actions>.tt-table-del{margin-left:auto}.tt-table-warn{color:var(--g-rb3);flex:100%;margin:0 0 2px}.tt-table-info{font:400 var(--fs-line) / 1.2 var(--f10);background:var(--g-ink1);box-shadow:inset 0 0 0 var(--px) var(--g-ink4);grid-template-columns:auto 1fr;gap:5px 12px;margin:6px 0 2px;padding:10px 12px;display:grid}.tt-table-info[hidden]{display:none}.tt-table-info dt{color:var(--g-tx3)}.tt-table-info dd{color:var(--g-tx1);overflow-wrap:anywhere;margin:0}.tt-mine{grid-template-columns:1fr auto;gap:4px;display:grid}.tt-mine-btns{flex-direction:column;justify-content:center;gap:4px;display:flex}.tt-mine-btns>.tt-btn{justify-content:center}.tt-starts{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:4px;margin-bottom:4px;display:grid}.tt-row.tt-start{grid-template-columns:1fr;align-content:start;min-height:64px}.tt-row.tt-start>span{color:var(--g-tx3)}.tt-travel{gap:4px;margin:4px 0 14px;display:grid}.tt-row.tt-init-entry,.tt-row.tt-player{gap:8px;display:flex}.tt-row.tt-init-entry>b,.tt-row.tt-player>b{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.tt-row.tt-init-entry>em,.tt-row.tt-player>em{grid-row:auto}.tt-row.tt-init-entry .tt-num{width:76px;min-height:38px}.tt-row.tt-init-entry.is-now{box-shadow:inset 0 0 0 var(--px) var(--g-g4);background:linear-gradient(180deg, var(--g-sa1) 0 55%, #1b3172 55% 100%)}.tt-theme{padding-left:26px}.tt-theme:before{content:"";width:calc(var(--px) * 4);background:var(--sw,var(--g-g3));box-shadow:0 0 0 1px var(--g-ink0);position:absolute;top:8px;bottom:8px;left:8px}.tt-theme.is-meadow{--sw:linear-gradient(180deg, #ffe07a, #9fd86a 50%, #3f7434)}.tt-theme.is-golden{--sw:linear-gradient(180deg, #ffd890, #f2b45a 50%, sienna)}.tt-theme.is-frozen{--sw:linear-gradient(180deg, #fff, #b0d6ff 50%, #5288e6)}.tt-theme.is-storm{--sw:linear-gradient(180deg, #9aa3b8, #4c5670 50%, #1a2242)}.tt-theme.is-dungeon{--sw:linear-gradient(180deg, #f08a3a, #3e3228 50%, #120c08)}.tt-theme.is-haunted{--sw:linear-gradient(180deg, #9fe6d2, #3f6f8c 50%, #0c1022)}.tt-theme.is-hellfire{--sw:linear-gradient(180deg, #ffe0a8, #d0452f 50%, #3a0a0a)}.tt-swatch{width:14px;height:14px;box-shadow:0 0 0 2px var(--g-ink0);flex:none}.tt-swatches{flex-wrap:wrap;gap:8px;display:flex}.tt-swatch-btn{width:40px;height:40px;box-shadow:inset 0 0 0 var(--px) #07080fb3;clip-path:var(--notch);cursor:pointer;border:0;padding:0}.tt-swatch-btn[aria-pressed=true]{box-shadow:inset 0 0 0 calc(var(--px) * 2) var(--g-g5), inset 0 0 0 calc(var(--px) * 3) var(--g-ink0)}.tt-swatch-btn:disabled{opacity:.22;cursor:default}.tt-owner{min-height:40px;font:400 var(--fs-line) / 1 var(--f10);color:var(--g-tx2);background:var(--g-ink2);box-shadow:inset 0 0 0 var(--px) var(--g-ink4), inset 0 calc(var(--px) * -2) 0 0 var(--c);clip-path:var(--notch);cursor:pointer;border:0;padding:0 12px}.tt-owner[aria-pressed=true]{color:var(--g-tx1);background:color-mix(in srgb, var(--c) 38%, var(--g-ink2));box-shadow:inset 0 0 0 var(--px) var(--c)}.tt-conds{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:5px;display:grid}.tt-cond{text-align:left;min-height:46px;color:var(--g-tx2);background:var(--g-ink2);box-shadow:inset 0 0 0 var(--px) var(--g-ink4);clip-path:var(--notch);cursor:pointer;border:0;align-items:center;gap:8px;padding:0 10px;display:flex}.tt-cond span{font-size:18px;line-height:1}.tt-cond b{font:400 var(--fs-line) / 1 var(--f10)}.tt-cond[aria-pressed=true]{color:var(--g-se3);box-shadow:inset 0 0 0 var(--px) var(--g-se2);background:#3a1c10}.tt-upload{flex-direction:column;align-items:stretch;gap:10px;margin-top:8px;display:flex}.tt-upload>.tt-btn{align-self:flex-start}.tt-upload-preview{background:repeating-conic-gradient(#1a2242 0 25%, #141a36 0 50%) 0 0 / 16px 16px;min-height:0;box-shadow:inset 0 0 0 var(--px) var(--g-ink4);place-items:center;display:grid}.tt-upload-preview:not(:empty){min-height:172px;padding:12px}.tt-upload-sprite{object-fit:contain;width:auto;max-width:100%;height:148px}.tt-details{margin:4px 0 12px}.tt-details>summary{min-height:44px;font:400 var(--fs-line) / 1 var(--f10);color:var(--g-g4);cursor:pointer;align-items:center;gap:8px;list-style:none;display:flex}.tt-details>summary::-webkit-details-marker{display:none}.tt-details>summary:before{content:"+";width:22px;height:22px;font:400 var(--fs-body) / 1 var(--f15);background:var(--g-ink2);box-shadow:inset 0 0 0 var(--px) var(--g-g2);place-items:center;display:grid}.tt-details[open]>summary:before{content:"−"}.tt-statblock>.tt-statedit{padding:10px 0 0}.tt-rollhp{margin:-4px 0 12px}.tt-stat-ab{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;display:grid}@media (max-width:420px){.tt-stat-ab{grid-template-columns:repeat(3,minmax(0,1fr))}}.tt-stat-abbox{background:var(--g-ink1);box-shadow:inset 0 0 0 var(--px) var(--g-ink4);justify-items:center;gap:3px;padding:6px 4px;display:grid}.tt-stat-abbox>span{font:400 var(--fs-line) / 1 var(--f10);color:var(--g-g4)}.tt-stat-abbox>.tt-num{width:100%;min-height:34px;padding:0 2px}.tt-stat-abbox>small{font:400 var(--fs-line) / 1 var(--f10);color:var(--g-tx2)}.tt-attacks{gap:8px;display:grid}.tt-attack{background:var(--g-ink1);box-shadow:inset 0 0 0 var(--px) var(--g-ink4);gap:6px;padding:8px;display:grid}.tt-attack>.tt-field,.tt-attack .tt-inline>.tt-field{margin:0}.tt-attack .tt-inline>.tt-field{flex:70px}.tt-attack-top{align-items:center;gap:6px;display:flex}.tt-attack-top>.tt-input{flex:1;min-width:0}.tt-attack-top>.tt-icon-btn{flex:none}.tt-qr-wrap{place-items:center;margin:4px 0 12px;display:grid}.tt-qr{width:min(264px,66vw);height:auto;box-shadow:0 0 0 calc(var(--px) * 2) var(--g-g3), 0 0 0 calc(var(--px) * 3) var(--g-ink0);display:block}.tt-code{text-align:center;font:400 var(--fs-head) / 1 var(--f15);letter-spacing:calc(var(--px) * 3);margin:0 0 4px calc(var(--px) * 3);color:var(--g-g4);text-shadow:0 calc(var(--fpx) * 2) 0 var(--g-ink0);-webkit-user-select:all;user-select:all}.tt-link{text-align:center;font:400 var(--fs-line) / 1.15 var(--f10);color:var(--g-tx2);word-break:break-all;-webkit-user-select:all;user-select:all;margin:0 0 6px}.tt-sheet-body .tt-qr-wrap+.tt-code+.tt-link+.tt-row-btns{justify-content:center}.tt-chatlog{overscroll-behavior:contain;background:var(--g-ink1);height:min(30vh,300px);box-shadow:inset 0 0 0 var(--px) var(--g-ink3);-webkit-user-select:text;user-select:text;flex-direction:column;gap:6px;margin:0 0 10px;padding:8px 10px;display:flex;overflow-y:auto}.tt-line{font:400 var(--fs-body) / 1.02 var(--f15);color:var(--g-tx1);overflow-wrap:anywhere}.tt-line>b{font-weight:400}.tt-line.is-system{color:var(--g-tx3);font:400 var(--fs-line) / 1.1 var(--f10)}.tt-line.is-emote{color:var(--g-kw)}.tt-line.is-desc{color:var(--g-g5);box-shadow:inset var(--px) 0 0 var(--g-g2);padding:4px 0 4px 8px}.tt-line.is-whisper{color:var(--g-sa3)}.tt-line.is-whisper em{color:var(--g-tx3);font-style:normal}.tt-line.is-roll{background:var(--g-ink2);box-shadow:inset 0 0 0 1px var(--g-ink4);flex-wrap:wrap;align-items:center;gap:2px 6px;padding:5px 8px;display:flex}.tt-line.is-roll small{font:400 var(--fs-line) / 1 var(--f10);color:var(--g-tx3);flex-basis:100%}.tt-line.is-roll em{font:400 var(--fs-line) / 1 var(--f10);color:var(--g-sa3);font-style:normal}.tt-total{text-align:center;min-width:40px;color:var(--g-kink);background:linear-gradient(180deg, var(--g-g4) 0 50%, var(--g-g3) 50% 100%);box-shadow:inset 0 0 0 var(--px) var(--g-g1);margin-left:auto;padding:3px 8px 4px;font-weight:400}.tt-line.is-crit .tt-total{background:linear-gradient(180deg, #e2f8c4 0 50%, var(--g-heal) 50% 100%);box-shadow:inset 0 0 0 var(--px) var(--g-heal-d), 0 0 10px #bfe58f8c}.tt-line.is-fumble .tt-total{color:var(--g-tx1);background:linear-gradient(180deg, var(--g-hp2) 0 50%, var(--g-hp1) 50% 100%);box-shadow:inset 0 0 0 var(--px) var(--g-hp0)}.tt-line.is-secret{box-shadow:inset 0 0 0 1px var(--g-sa2)}.tt-dice{flex-wrap:wrap;gap:5px;margin:0 0 6px;display:flex}.tt-die{min-width:44px;height:44px;font:400 var(--fs-body) / 1 var(--f15);color:var(--g-tx1);background:linear-gradient(180deg, var(--g-ink4) 0 50%, var(--g-ink3) 50% 100%);box-shadow:inset 0 0 0 var(--px) var(--g-g2), inset 0 calc(var(--px) * -2) 0 0 var(--g-ink1);clip-path:polygon(calc(var(--px) * 3) 0, calc(100% - var(--px) * 3) 0, 100% calc(var(--px) * 3), 100% calc(100% - var(--px) * 3), calc(100% - var(--px) * 3) 100%, calc(var(--px) * 3) 100%, 0 calc(100% - var(--px) * 3), 0 calc(var(--px) * 3));cursor:pointer;border:0;flex:40px}.tt-die:nth-child(6){color:var(--g-kink);background:linear-gradient(180deg, var(--g-g4) 0 50%, var(--g-g3) 50% 100%);box-shadow:inset 0 0 0 var(--px) var(--g-g1)}.tt-die:active{transform:translateY(var(--px))}.tt-chatform{gap:6px;margin-top:4px;display:flex}.tt-chatform .tt-input{flex:1;min-width:0}.tt-toasts{top:calc(60px + var(--sat));z-index:100;pointer-events:none;flex-direction:column;align-items:center;gap:6px;width:max-content;max-width:calc(100% - 24px);display:flex;position:fixed;left:50%;transform:translate(-50%)}.tt-toast{font:400 var(--fs-line) / 1.15 var(--f10);color:var(--g-tx1);text-align:center;text-shadow:0 var(--fpx) 0 var(--g-ink0);background:linear-gradient(180deg, var(--g-glass0) 0 50%, var(--g-glass2) 50% 100%);box-shadow:inset 0 0 0 var(--px) var(--g-g2);clip-path:var(--notch);animation:tt-drop .2s var(--ease-out);padding:8px 14px 9px;transition:opacity .35s,transform .35s}.tt-toast.is-error{color:var(--g-rb3);box-shadow:inset 0 0 0 var(--px) var(--g-rb2)}.tt-toast.is-good{color:var(--g-heal);box-shadow:inset 0 0 0 var(--px) var(--g-heal-d)}.tt-toast.is-out{opacity:0;transform:translateY(-8px)}@keyframes tt-drop{0%{opacity:0;transform:translateY(-10px)}}@keyframes tt-rise{0%{opacity:0;transform:translateY(10px)}}.tt-loading{z-index:60;opacity:0;visibility:hidden;background:radial-gradient(at 50% 55%,#141a36 0%,#0c1022 38%,#07080f 72%);place-items:center;transition:opacity .6s,visibility 0s linear .6s;display:grid;position:absolute;inset:0}.tt-loading.is-on{opacity:1;visibility:visible;transition:opacity .15s}.tt-loading-card{justify-items:center;gap:calc(var(--px) * 7);display:grid}.tt-loading-title{font:400 var(--fs-body) / 1 var(--f15);letter-spacing:calc(var(--px) * 2);margin-right:calc(var(--px) * -2);text-transform:uppercase;color:var(--g-g4);text-shadow:var(--ink-outline)}.tt-loading-bar{width:min(calc(var(--px) * 140), 70vw);height:calc(var(--px) * 4);border:var(--px) solid var(--g-ink0);background:var(--g-tr0);box-shadow:0 0 0 var(--px) var(--g-g1);position:relative}.tt-loading-bar:before,.tt-loading-bar:after{content:"";width:calc(var(--px) * 2);height:calc(var(--px) * 2);background:var(--g-g4);box-shadow:0 0 0 var(--px) var(--g-ink0);position:absolute;top:0}.tt-loading-bar:before{left:calc(var(--px) * -7)}.tt-loading-bar:after{right:calc(var(--px) * -7)}.tt-loading-bar b{background:linear-gradient(180deg, var(--g-g5) 0 25%, var(--g-g4) 25% 50%, var(--g-g3) 50% 75%, var(--g-g2) 75% 100%);width:2%;height:100%;transition:width .3s;display:block}.tt-loading-label{font:400 var(--fs-line) / 1 var(--f10);letter-spacing:var(--px);color:var(--g-tx2);min-height:1em}.tt-fatal{z-index:80;background:var(--g-veil);pointer-events:auto;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.tt-fatal-card{text-align:center;width:min(420px,100%);padding:22px 22px 20px}.tt-fatal-card h2{font:400 var(--fs-body) / 1 var(--f15);color:var(--g-g4);margin:0 0 10px}.tt-fatal-card p{font:400 var(--fs-line) / 1.2 var(--f10);color:var(--g-tx2);margin:0 0 16px}@media (max-width:440px){.tt-tool{min-width:38px;padding:0 1px}}@media (min-width:900px) and (min-height:560px){.tt-toolbar{left:calc(10px + var(--sal));flex-direction:column;max-width:none;max-height:calc(100% - 140px);top:50%;bottom:auto;overflow:hidden auto;transform:translateY(-50%)}.tt-tool{width:58px;height:58px}.tt-hud.is-dm .tt-bottom{bottom:calc(10px + var(--sab))}.tt-bottom{width:min(600px,100% - 200px);left:50%;right:auto;transform:translate(-50%)}.tt-hud.is-dm .tt-bottom{width:min(640px,100% - 520px);min-width:440px}.tt-actions{flex-wrap:wrap;grid-template-rows:none;grid-auto-flow:row;display:flex;overflow:visible}.tt-sheet{top:calc(64px + var(--sat));width:390px;max-height:calc(100% - 84px - var(--sat));opacity:0;transition:transform .2s var(--ease-out), opacity .15s;bottom:auto;transform:translate(-24px)}.tt-sheet.is-open{opacity:1;transform:none}.tt-sheet.is-left{left:calc(86px + var(--sal));right:auto}.tt-sheet.is-right{right:calc(10px + var(--sar));left:auto;transform:translate(24px)}.tt-sheet.is-right.is-open{transform:none}.tt-sheet.is-wide{width:540px}.tt-hud:not(.is-dm) .tt-sheet.is-left{left:calc(10px + var(--sal))}.tt-chatlog{height:min(46vh,480px)}.tt-top-left{max-width:46%}}@media (max-height:520px){.tt-sheet{max-height:calc(100% - 12px - var(--sat))}.tt-init{top:calc(8px + var(--sat))}.tt-chatlog{height:30vh}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.tt-home{overscroll-behavior:contain;padding:calc(18px + var(--sat)) calc(14px + var(--sar)) calc(28px + var(--sab)) calc(14px + var(--sal));background:radial-gradient(at 50% 0,#f08a3a24 0%,#f08a3a00 46%),radial-gradient(at 50% 60%,#141a36 0%,#0c1022 45%,#07080f 85%);position:fixed;inset:0;overflow-y:auto}.tt-home:before{content:"";pointer-events:none;background:linear-gradient(#6076b80f 1px,#0000 1px) 0 0/16px 16px,linear-gradient(90deg,#6076b80f 1px,#0000 1px) 0 0/16px 16px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(at 50% 40%,#000 0%,#0000 75%);mask-image:radial-gradient(at 50% 40%,#000 0%,#0000 75%)}.tt-home-inner{gap:22px;width:min(100%,980px);margin:0 auto;display:grid;position:relative}.tt-brand{text-align:center;justify-items:center;gap:10px;padding:12px 0 4px;display:grid}.tt-ember{width:calc(var(--px) * 22);height:calc(var(--px) * 22);image-rendering:pixelated;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 11' shape-rendering='crispEdges'%3E%3Cpath fill='%2307080f' d='M5 0h1v1h-1zM4 1h1v1h-1zM6 1h1v1h-1zM3 2h1v1h-1zM7 2h1v1h-1zM2 3h1v1h-1zM8 3h1v1h-1zM1 4h1v1h-1zM9 4h1v1h-1zM0 5h1v1h-1zM10 5h1v1h-1zM1 6h1v1h-1zM9 6h1v1h-1zM2 7h1v1h-1zM8 7h1v1h-1zM3 8h1v1h-1zM7 8h1v1h-1zM4 9h1v1h-1zM6 9h1v1h-1zM5 10h1v1h-1z'/%3E%3Cpath fill='%23e8cf8a' d='M5 1h1v1h-1zM4 2h1v1h-1zM6 2h1v1h-1zM3 3h1v1h-1zM2 4h1v1h-1zM1 5h1v1h-1zM2 6h1v1h-1z'/%3E%3Cpath fill='%23c9a45c' d='M7 3h1v1h-1zM3 7h1v1h-1z'/%3E%3Cpath fill='%238c6a32' d='M8 4h1v1h-1zM9 5h1v1h-1zM8 6h1v1h-1zM7 7h1v1h-1zM4 8h1v1h-1zM6 8h1v1h-1zM5 9h1v1h-1z'/%3E%3Cpath fill='%23f4e3b3' d='M4 4h1v1h-1z'/%3E%3Cpath fill='%239c2a12' d='M8 5h1v1h-1zM7 6h1v1h-1zM6 7h1v1h-1zM5 8h1v1h-1z'/%3E%3Cpath fill='%23f08a3a' d='M5 3h2v1h-2zM5 4h3v1h-3zM3 5h5v1h-5zM3 6h4v1h-4zM4 7h2v1h-2z'/%3E%3Cpath fill='%23ffe0a8' d='M5 2h1v1h-1zM4 3h1v1h-1zM3 4h1v1h-1zM2 5h1v1h-1z'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;animation:.9s step-end infinite tt-bob;position:relative}.tt-ember:before{content:"";inset:calc(var(--px) * -16);z-index:-1;background:radial-gradient(circle,#f08a3a57 0%,#f08a3a1a 40%,#f08a3a00 68%);animation:1.8s step-end infinite tt-glow;position:absolute}@keyframes tt-bob{50%{transform:translateY(calc(var(--px) * -1))}}@keyframes tt-glow{50%{opacity:.55}}.tt-brand h1{font:400 var(--fs-head) / 1 var(--f15);letter-spacing:calc(var(--px) * 1);color:var(--g-g4);text-shadow:calc(var(--fpx) * 2) 0 0 var(--g-ink0), calc(var(--fpx) * -2) 0 0 var(--g-ink0), 0 calc(var(--fpx) * 2) 0 var(--g-ink0), 0 calc(var(--fpx) * -2) 0 var(--g-ink0), 0 calc(var(--fpx) * 4) 0 var(--g-g0);margin:0}.tt-home-name{color:inherit;text-decoration:none}.tt-brand p{font:400 var(--fs-line) / 1.2 var(--f10);color:var(--g-tx2);letter-spacing:var(--fpx);margin:0}.tt-home-cols{align-items:start;gap:22px;display:grid}@media (min-width:820px){.tt-home-cols{grid-template-columns:1fr 1.15fr}}.tt-panel{padding:20px 20px 22px}.tt-panel>h2{font:400 var(--fs-body) / 1 var(--f15);color:var(--g-g4);text-shadow:0 var(--fpx) 0 var(--g-ink0);align-items:center;gap:10px;margin:0 0 6px;display:flex}.tt-panel>p.tt-lede{font:400 var(--fs-line) / 1.2 var(--f10);color:var(--g-tx2);margin:0 0 16px}.tt-code-input{text-transform:uppercase;letter-spacing:calc(var(--px) * 3);text-align:center;font-size:var(--fs-head);min-height:64px}.tt-code-input::placeholder{letter-spacing:calc(var(--px) * 3)}.tt-home .tt-row-btns{margin-bottom:0}.tt-home .tt-btn.is-big{width:100%}.tt-home-sep{font:400 var(--fs-line) / 1 var(--f10);color:var(--g-tx3);align-items:center;gap:10px;margin:16px 0 12px;display:flex}.tt-home-sep:before,.tt-home-sep:after{content:"";height:var(--px);background:var(--g-ink4);flex:1}.tt-tables{margin-bottom:4px}.tt-tables .tt-row>em{color:var(--g-heal)}.tt-tables .tt-row>em.is-quiet{color:var(--g-tx3)}.tt-home-foot{text-align:center;font:400 var(--fs-line) / 1.3 var(--f10);color:var(--g-tx3)}.tt-home-foot a{color:var(--g-g3)}.tt-home-legal{flex-wrap:wrap;justify-content:center;gap:4px 20px;margin-top:-12px;display:flex}.tt-agree{font:400 var(--fs-line) / 1.3 var(--f10);color:var(--g-tx3);margin:0}.tt-agree a{color:var(--g-g3)}.tt-home select.tt-input{background-image:linear-gradient(45deg, transparent 50%, var(--g-g3) 50%), linear-gradient(135deg, var(--g-g3) 50%, transparent 50%);background-position:calc(100% - 18px) 55%,calc(100% - 12px) 55%;background-repeat:no-repeat;background-size:6px 6px;padding-right:34px}.tt-home select.tt-input option{background:var(--g-ink2);color:var(--g-tx1);font-family:system-ui,sans-serif;font-size:16px}.tt-np{background:linear-gradient(180deg, var(--g-ink3) 0 55%, var(--g-ink2) 55% 100%);box-shadow:inset 0 0 0 var(--px) var(--g-g2);clip-path:var(--notch);flex-direction:column;gap:8px;margin:4px 0 14px;padding:10px 12px 12px;display:flex}.tt-np-text{align-items:center;gap:10px;min-width:0;display:flex}.tt-np-text>div{flex-direction:column;gap:3px;min-width:0;display:flex}.tt-np-text b{font:400 var(--fs-body) / 1 var(--f15);color:var(--g-g4);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tt-np-text span{font:400 var(--fs-line) / 1.1 var(--f10);color:var(--g-tx2)}.tt-np-text small{font:400 var(--fs-line) / 1.1 var(--f10);color:var(--g-tx3)}.tt-np-btns{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.tt-np-btns .tt-btn{justify-content:center;padding:0 4px}.tt-np-modes{flex-wrap:wrap;align-items:center;gap:4px 12px;display:flex}.tt-np-modes .tt-seg{flex:240px}.tt-np-modes .tt-toggle{margin:0}.tt-sound-tabs{margin:6px 0 4px}.tt-sound-tabs .tt-seg-btn{min-height:44px;padding:0 6px}.tt-sound-row{align-items:stretch;gap:4px;display:flex}.tt-sound-row>.tt-row{flex:1;min-width:0}.tt-sound-row>.tt-row>b,.tt-sound-row>.tt-row>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tt-sound-row>.tt-btn,.tt-sound-row>.tt-icon-btn{align-self:center}.tt-sound-item{gap:8px;display:flex}.tt-sound-item>b{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.tt-sound-item-btns{gap:4px;display:flex}.tt-sound-item-btns .tt-icon-btn{width:36px;height:36px;font-size:16px}.tt-sound-item-btns .tt-icon-btn:disabled{opacity:.35;cursor:default}.tt-sound-adds{flex-wrap:wrap;gap:4px;margin:0 0 8px;display:flex}.tt-sound-adds .tt-btn{max-width:100%}.tt-sound-adds .tt-btn span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tt-sfx-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:5px;display:grid}.tt-sfx{min-height:52px;font:400 var(--fs-line) / 1.05 var(--f10);color:var(--g-tx1);text-shadow:0 var(--fpx) 0 var(--g-ink0);background:linear-gradient(180deg, var(--g-ink3) 0 55%, var(--g-ink2) 55% 100%);box-shadow:inset 0 0 0 var(--px) var(--g-ink4), inset 0 calc(var(--px) * 2) 0 0 #96acec1f;clip-path:var(--notch);cursor:pointer;touch-action:manipulation;border:0;padding:6px 6px 7px}.tt-sfx:active{transform:translateY(var(--px));color:var(--g-g5);background:var(--g-sa1);box-shadow:inset 0 0 0 var(--px) var(--g-g4)}@media (hover:hover){.tt-sfx:hover{box-shadow:inset 0 0 0 var(--px) var(--g-g2)}}.tt-vol-field>span:first-child{justify-content:space-between;display:flex}.tt-vol-pct{color:var(--g-g4);font-style:normal}.tt-range.tt-vol::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--g-ink2), var(--g-g2) 60%, var(--g-g4))}.tt-range.tt-vol::-moz-range-track{background:linear-gradient(90deg, var(--g-ink2), var(--g-g2) 60%, var(--g-g4))}.tt-soundbtn.is-waiting{animation:1.6s steps(2,end) infinite tt-sound-call}@keyframes tt-sound-call{50%{box-shadow:inset 0 0 0 var(--px) var(--g-g4), inset 0 calc(var(--px) * 2) 0 0 #b0d6ff4d}}.tt-soundbtn>span{white-space:nowrap}