/* Side panels and role-token pickers share the original grimoire paper tokens. */
.g-rail-button{position:relative}.g-rail-button[data-count]:not([data-count="0"]):after{content:attr(data-count);position:absolute;right:1px;top:2px;min-width:13px;height:13px;padding:0 2px;display:grid;place-items:center;letter-spacing:0;writing-mode:horizontal-tb;font-size:10px;line-height:1;color:#201d15;border-radius:50%;background:#e6c86f;box-shadow:0 0 4px #1b1c1d}
.g-rail-button.g-bluffs{position:absolute}
.g-aux-panel{position:absolute;left:46px;width:348px;padding:11px;border:1px solid #a1a49a88;border-radius:9px;background:#10181de8;backdrop-filter:blur(10px);box-shadow:0 4px 22px #0006;z-index:8;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#72787077 transparent}
.g-legend-panel{top:var(--g-legend-top,184px);max-height:min(calc(var(--g-viewport-height,100dvh) - 470px),calc(var(--g-viewport-height,100dvh) - var(--g-legend-top,184px) - 18px))}.g-bluff-panel{bottom:94px;max-height:220px}.g-aux-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 8px}.g-aux-heading h2{font-size:16px;font-weight:500;line-height:1.5;color:#eee9db;margin:0;padding:0;border:0}.g-aux-close.g-button{min-height:26px;height:26px;width:26px;padding:0;border:0;background:transparent;color:#bcc1bd;font-size:20px;font-weight:400}.g-aux-close:hover{background:#ffffff18}.g-aux-tokens{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 6px}.g-bluff-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.g-catalog-token.g-button{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:5px;min-width:0;padding:4px 1px;border:0;background:transparent;border-radius:8px;color:#c5c8c2;cursor:pointer;touch-action:manipulation}.g-catalog-token.g-button:hover{background:#d7c69512}.g-catalog-token.g-button:disabled{opacity:.35;cursor:default}.g-catalog-token small{font-size:10px;color:#b1bbb7}.g-catalog-token .g-token{--token-size:94px;width:94px;height:94px}.g-catalog-token .g-seat-role{font-size:14px}.g-catalog-token .g-token.fabled{border-color:#c0a96b}.g-catalog-token .g-token.loric{border-color:#a1b076}.g-add-sign{font-family:Georgia,serif;font-size:38px;font-weight:400;color:#84785e;line-height:1}.g-aux-rules{border-top:1px solid #85877855;margin-top:11px;padding-top:9px}.g-aux-rules h3{font-size:12px;color:#93cce1;margin:0 0 6px;line-height:1.6}.g-aux-rules p{font-size:12px;line-height:1.75;color:#d0d6d1;margin:5px 0;white-space:pre-wrap;overflow-wrap:anywhere}.g-aux-warning{font-size:11px;color:#edc68d;line-height:1.6;margin:8px 0 0}.g-special-ability{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;font-size:15px}
.g-dialog.g-token-picker{width:min(1500px,calc(var(--g-viewport-width,100vw) - 40px));max-width:calc(var(--g-viewport-width,100vw) - 28px);background:#101416f5;border-color:#69706b;border-radius:10px}.g-token-picker .g-modal-head{background:#14191c;border-color:#555e5866;padding:14px 18px}.g-token-picker .g-modal-head h2{font-size:20px;font-weight:500;color:#f0e9d9}.g-token-picker .g-modal-body{padding:14px 18px 20px;max-height:calc(var(--g-viewport-height,100dvh) - 120px)}.g-token-picker #gTokenSearch{margin:0 0 8px;min-height:36px;background:#060a0be0;border-color:#4c5752}.g-token-filters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.g-token-filters .g-button{min-height:28px;padding:3px 12px;border-radius:16px;font-size:12px;background:#090e10;color:#bac3bc;border-color:#59605a}.g-token-filters .g-button[aria-pressed=true]{border-color:#e4ddc8;color:#fff8e2;background:#4e5651}.g-token-picker .g-hint{font-size:12px;line-height:1.7;margin:6px 0 9px}.g-token-picker .g-token-group{margin:16px 0}.g-token-picker .g-token-group h3{font-size:13px;color:#58b9ed;margin:0 0 8px}.g-token-group.outsider h3{color:#73d2d6}.g-token-group.fabled h3{color:#dfc579}.g-token-group.loric h3{color:#acbd8c}.g-token-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:9px 6px;align-items:start}.g-token-grid .g-catalog-token{width:100%}.g-token-grid .g-token{--token-size:102px;width:102px;height:102px}.g-token-grid .g-seat-role{font-size:14px}.g-token-picker .g-row .g-button{min-height:35px;font-size:13px}
@media(min-width:701px) and (max-height:650px){.g-legend-panel{top:var(--g-legend-top,110px);max-height:min(calc(var(--g-viewport-height,100dvh) - 132px),calc(var(--g-viewport-height,100dvh) - var(--g-legend-top,110px) - 18px));width:280px}.g-bluff-panel{bottom:18px;width:280px}.g-aux-tokens,.g-bluff-slots{gap:4px}.g-aux-panel .g-token{--token-size:72px;width:72px;height:72px}.g-aux-panel .g-seat-role{font-size:12px}}
@media(max-width:700px){.g-aux-panel{left:40px;right:40px;width:auto;padding:10px;max-height:calc(var(--g-viewport-height,100dvh) - 152px)}.g-legend-panel{top:var(--g-legend-top,124px);bottom:auto;max-height:calc(var(--g-viewport-height,100dvh) - var(--g-legend-top,124px) - 18px)}.g-bluff-panel{top:auto;bottom:190px;max-height:calc(var(--g-viewport-height,100dvh) - 214px)}.g-aux-heading h2{font-size:15px}.g-aux-tokens,.g-bluff-slots{gap:6px}.g-aux-panel .g-token{--token-size:74px;width:74px;height:74px}.g-aux-panel .g-seat-role{font-size:12px}.g-aux-rules p{font-size:12px}.g-dialog.g-token-picker{width:calc(var(--g-viewport-width,100vw) - 12px);max-width:calc(var(--g-viewport-width,100vw) - 12px);max-height:calc(var(--g-viewport-height,100dvh) - 12px)}.g-token-picker .g-modal-head{padding:11px 13px}.g-token-picker .g-modal-head h2{font-size:17px}.g-token-picker .g-modal-body{padding:12px;max-height:calc(var(--g-viewport-height,100dvh) - 100px)}.g-token-grid{grid-template-columns:repeat(auto-fill,minmax(82px,1fr));gap:9px 4px}.g-token-grid .g-token{--token-size:76px;width:76px;height:76px}.g-token-grid .g-seat-role{font-size:12px}.g-token-filters .g-button{min-height:32px}}
@media(max-width:360px){.g-aux-panel .g-token{--token-size:60px;width:60px;height:60px}.g-aux-panel .g-seat-role{font-size:10px}.g-add-sign{font-size:30px}.g-bluff-panel{bottom:194px}}
.g-aux-token-wrap{position:relative;min-width:0}.g-aux-token-wrap>.g-catalog-token{width:100%}.g-token-remove.g-button{position:absolute;right:0;top:0;width:20px;height:20px;min-height:20px;padding:0;border:1px solid #bfc2b599;border-radius:50%;background:#080d10ef;color:#e2e4dc;font-size:17px;font-weight:400;line-height:1;z-index:2}.g-token-remove.g-button:hover{background:#743a32;color:white}.g-aux-heading h2{flex:1}.g-bluff-show.g-button{min-height:26px;padding:3px 8px;background:#3b4448;border:0;font-size:11px;white-space:nowrap}.g-bluff-panel .g-aux-close{width:22px;min-width:22px}.g-bluff-panel .g-aux-heading{gap:5px}
#gDialog.g-bluff-reveal[open]{position:fixed;inset:0;margin:0;width:var(--g-viewport-width,100vw);max-width:var(--g-viewport-width,100vw);height:var(--g-viewport-height,100dvh);max-height:var(--g-viewport-height,100dvh);border:0;border-radius:0;background:#090d10;opacity:1;transform:none;animation:none;transition:none;z-index:50}#gDialog.g-bluff-reveal::backdrop{background:#090d10;opacity:1;backdrop-filter:none}.g-bluff-reveal .g-modal-head{background:#090d10;border-bottom:1px solid #343c3c}.g-bluff-reveal .g-modal-head h2{color:#e5d6af;font-size:20px}.g-bluff-reveal .g-modal-body{height:calc(100% - 78px);max-height:none;display:flex;flex-direction:column;justify-content:center;gap:24px;padding:20px 32px;overflow:auto}.g-reveal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;width:min(900px,100%);margin:0 auto}.g-reveal-role .g-catalog-token{width:100%;opacity:1;cursor:default}.g-reveal-role .g-token{--token-size:150px;width:150px;height:150px}.g-reveal-role .g-seat-role{font-size:21px}.g-reveal-ability{font-size:14px;line-height:1.8;color:#d2d4ca;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;margin:16px 0 0}.g-reveal-caption{text-align:center;color:#abb9b7;font-size:13px;margin:0}
.g-bluff-reveal .g-catalog-token.g-button:disabled{opacity:1}
@media(max-width:700px){.g-token-remove.g-button{width:24px;height:24px;min-height:24px;right:-3px;top:-3px}.g-bluff-show.g-button{font-size:10px;min-height:28px;padding:3px 5px}.g-aux-heading h2{font-size:14px}.g-reveal-grid{gap:14px}.g-reveal-role .g-token{--token-size:84px;width:84px;height:84px}.g-reveal-role .g-seat-role{font-size:13px}.g-reveal-ability{font-size:12px;line-height:1.7}.g-bluff-reveal .g-modal-body{padding:18px 14px;justify-content:flex-start}.g-reveal-caption{font-size:12px}.g-reveal-role .g-catalog-token{padding:0}.g-bluff-reveal .g-modal-head h2{font-size:17px}}
@media(max-width:360px){.g-reveal-role .g-token{--token-size:72px;width:72px;height:72px}.g-reveal-grid{gap:9px}.g-reveal-role .g-seat-role{font-size:11px}}
.g-token-picker .g-token-grid .g-catalog-token.is-present{opacity:.35}.g-token-filters #gBluffAbsentOnly{margin-left:8px;border-style:dashed}.g-token-filters #gBluffAbsentOnly[aria-pressed=true]{border-style:solid;border-color:#d9c18a;color:#ffedbb;background:#504631}
.g-token-group.minion h3{color:#eeac6c}.g-token-group.demon h3{color:#ec7c78}.g-token-group.traveller h3{color:#c4a2e4}.g-token-picker .g-token-grid .g-catalog-token[aria-pressed=true]{opacity:1;background:#d4bd7414}.g-token-grid .g-catalog-token[aria-pressed=true] .g-token{outline:3px solid #f3d783;outline-offset:2px}
@media print{.g-aux-panel{display:none!important}}