/* The addon's 980 × 800 tabletop. Scale the complete window, never its art
   independently: card positions, proportions and painted controls stay intact. */
.stage:has(.tavern-host:not(.closed)){z-index:50}

.tavern-host{position:fixed;inset:0;z-index:1100;color:#f8e8c1}
.tt-shade{position:absolute;inset:0;background:#050706c9;backdrop-filter:blur(3px)}
.tavern{position:absolute;left:0;top:0;width:980px;height:800px;transform-origin:top left;background:#291709 var(--tt-art-TableScene) 0 0/104.4898% 128% no-repeat;box-sizing:border-box;isolation:isolate;box-shadow:0 24px 90px #000b;font:13px/1.25 var(--tt-font);--tt-font:"Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;--tt-gold:#f5d176;--tt-muted:#bec1a6}
.tavern::after{content:'';position:absolute;inset:-8px;pointer-events:none;z-index:25;border:42px solid transparent;border-image:var(--tt-art-WindowFrame) 12.5% / 42px stretch}
.tavern:focus{outline:none}
.tavern *{box-sizing:border-box}
.tavern h2,.tavern h3,.tavern p{margin:0}
.tavern h2{font:23px/1.3 Georgia,serif;color:var(--tt-gold)}
.tavern h3{font:17px/1.3 Georgia,serif;color:#f7dd99}
.tt-muted{color:var(--tt-muted);font-size:12px}
.tt-gold{color:var(--tt-gold)}
.tt-header{position:absolute;inset:0 0 auto;height:70px;cursor:move;touch-action:none;z-index:30;user-select:none}
.tt-wordmark{position:absolute;left:240px;top:-36px;width:500px;height:125px;object-fit:contain;pointer-events:none}
.tt-tabs{position:absolute;left:110px;top:73px;height:28px;display:flex;gap:12px;z-index:31}
.tt-tabs .tt-button{width:140px;height:28px;padding:0 4px;font:14px Georgia,serif;background:var(--tt-art-ButtonFrame) center/100% 100%}
.tt-tabs .active{color:#ffca51}
.tt-tabs .active::after{content:'';position:absolute;left:30%;right:30%;bottom:1px;height:2px;background:#ffd266}
.tt-button{appearance:none;position:relative;isolation:isolate;min-height:32px;border:0;background:transparent;color:#fae9be;padding:7px 16px 9px;font:13px/1.3 var(--tt-font);cursor:pointer;text-shadow:0 1px 2px #000;white-space:normal}
.tt-button::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border:15px solid transparent;border-image:var(--tt-art-ControlButton) 70 125 105 125 fill / 14px 22px 17px 22px stretch}
.tt-tabs .tt-button::before{content:none}
.tt-button:hover{filter:brightness(1.17)}
.tt-button:disabled{opacity:.4;cursor:default;filter:none}
.tt-button.primary,.tt-button.chosen{color:#ffcf66}
.tt-button.chosen::after{content:'';position:absolute;bottom:4px;left:30%;right:30%;height:2px;background:#f2c55b}
.tt-button:focus-visible,.tt-card:focus-visible,.tt-cell:focus-visible{outline:2px solid #ffe49b;outline-offset:4px}
.tt-close{position:absolute;left:932px;top:17px;width:28px;height:28px;min-height:28px;padding:0;z-index:40;font-size:24px;color:#efdfa6;background:#20160be6;border:1px solid #a17a30;border-radius:7px}
.tt-close::before{content:none}
.tt-audio-toggle{position:absolute;left:870px;top:73px;width:76px;height:28px;min-height:28px;z-index:32;padding:3px 9px 6px;font-size:12px}
.tt-play{position:absolute;inset:0}
.tt-board{position:absolute;left:301px;top:139px;width:416px;height:416px;display:grid;grid-template-columns:repeat(3,124px);grid-template-rows:repeat(3,124px);gap:22px}
.tt-cell{position:relative;width:100%;height:100%;border:0;border-radius:7px;background:var(--tt-art-TableSlot) center/100% 100%;color:#e6d296;cursor:default;overflow:visible;padding:0}
.tt-cell:disabled{opacity:.8}
.tt-cell.legal{box-shadow:0 0 0 2px #cfa95c77;cursor:pointer}
.tt-cell.legal:hover,.tt-cell.drop-target{box-shadow:0 0 0 3px #f5d480,0 0 20px #f5d48044;filter:brightness(1.3)}
.tt-card{position:relative;display:block;width:124px;height:124px;flex-shrink:0;border:0;border-radius:5px;background:transparent;padding:0;overflow:visible;perspective:600px;color:#faeac1;font-family:var(--tt-font)}
.tt-card[data-draggable=true]{cursor:grab;touch-action:none;user-select:none}
.tt-drag-ghost{position:absolute;z-index:100;pointer-events:none;filter:drop-shadow(0 8px 10px #0009)}
.tt-card.dragging{opacity:.35}
.tt-card.selected{filter:drop-shadow(0 0 5px #ffd67d)}
button.tt-card{cursor:pointer}
.tt-face{position:absolute;inset:0;display:block;transform-origin:center;backface-visibility:hidden;transform-style:preserve-3d}
.tt-painting{position:absolute;left:4%;top:4%;width:92%;height:92%;object-fit:cover;border-radius:5px;pointer-events:none;user-select:none}
.back .tt-painting{inset:0;width:100%;height:100%}
.tt-card-frame{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;user-select:none}
.tt-card-name{position:absolute;left:5px;right:5px;bottom:17px;height:15px;padding:0 5px;background:var(--tt-art-Nameplate) center 46%/103% 230%;font:9px/15px var(--tt-font);text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#f9e5b3;z-index:2}
.owner-1 .tt-card-name,.owner-2 .tt-card-name{bottom:30px}
.tt-owner{position:absolute;left:5px;right:5px;bottom:16px;height:14px;background:var(--tt-art-Nameplate) center 46%/103% 230%;font:600 10px/14px var(--tt-font);text-align:center;z-index:2}
.owner-1 .tt-owner{color:#66c4ff}
.owner-2 .tt-owner{color:#ffa748}
.tt-edge{position:absolute;display:grid;place-items:center;width:26px;height:26px;background:var(--tt-art-EdgeMedallion) center/114% 114%;border-radius:50%;font:19px/1 Georgia,serif;color:#f7e9c7;text-shadow:0 1px 2px #000;z-index:4;pointer-events:none}
.edge-0{top:-10px;left:calc(50% - 13px)}
.edge-1{right:-10px;top:calc(50% - 13px)}
.edge-2{bottom:-10px;left:calc(50% - 13px)}
.edge-3{left:-10px;top:calc(50% - 13px)}
.tt-ability{position:absolute;left:8px;top:8px;width:20px;height:20px;border-radius:50%;background:var(--tt-art-EdgeMedallion) center/114% 114%;z-index:4}
.tt-ability i{display:block;position:absolute;inset:4px;background:#bbdaf3;mask-image:var(--tt-art-AbilityGlyphs);mask-size:800% 100%;mask-position:0 0;mask-repeat:no-repeat}
.tt-ability.charge i{background:#ffd771;mask-position:14.285714% 0}
.tt-ability.pack i{background:#a0db87;mask-position:28.571428% 0}
.tt-ability.ambush i{background:#cdb0f4;mask-position:42.857142% 0}
.compact .tt-edge{width:20px;height:20px;font-size:15px}
.compact .edge-0{top:-7px;left:calc(50% - 10px)}
.compact .edge-1{right:-7px;top:calc(50% - 10px)}
.compact .edge-2{bottom:-7px;left:calc(50% - 10px)}
.compact .edge-3{left:-7px;top:calc(50% - 10px)}
.compact .tt-card-name,.compact .tt-owner{display:none}
.compact .tt-ability{width:16px;height:16px;left:5px;top:5px}
.compact .tt-ability i{inset:3px}
.foil .tt-face::after{content:'';position:absolute;inset:0;background:linear-gradient(125deg,transparent 35%,#67e0d230 48%,#f5e48240 53%,transparent 65%);pointer-events:none;border-radius:5px}
.tt-old-face{animation:tt-flip-out .2s ease-in both}
.tt-new-face{animation:tt-flip-in .24s .2s ease-out both}
@keyframes tt-flip-out{from{transform:rotateY(0)}
to{transform:rotateY(90deg)}
}
@keyframes tt-flip-in{from{transform:rotateY(-90deg);filter:brightness(1.45)}
to{transform:rotateY(0);filter:brightness(1)}
}
@media(prefers-reduced-motion:reduce){.tt-old-face{display:none}
.tt-new-face{animation:none}
}

.tt-opponent{position:absolute;left:758px;top:146px;width:190px;text-align:center}
.tt-opponent h3{color:#e89b49;font-size:16px;max-height:70px;overflow-wrap:anywhere}
.tt-opponent>.tt-muted{margin:12px 0 20px}
.tt-other-hand{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
.tt-other-hand .tt-card{width:78px;height:78px}
.tt-selected-tip{white-space:pre-line;color:#eddbac;font-size:12px;margin-top:25px!important}
.tt-result-points{font-size:18px;color:#f5d176;margin-top:22px!important}
.tt-your-hand{position:absolute;left:110px;top:602px;width:760px;height:170px}
.tt-hand-label{position:absolute;left:270px;top:0;width:220px;height:24px;background:var(--tt-art-Nameplate) center 46%/103% 230%;text-align:center;font:13px/24px Georgia,serif;color:#f4e4bb}
.tt-hand{position:absolute;left:0;right:0;top:43px;display:flex;align-items:center;justify-content:center;gap:25px}
.tt-hand .tt-card{width:120px;height:120px}
.tt-score-panel,.tt-solo-options{position:absolute;left:32px;top:168px;width:224px;height:424px;text-align:center}
.tt-score-panel h2{height:38px;font-size:20px}
.tt-match-summary{position:absolute;top:42px;left:0;right:0;height:28px;font-size:12px;color:#efdcb4}
.tt-scores{position:absolute;top:77px;left:0;right:0;display:flex;gap:8px}
.tt-score-tile{width:108px;height:76px;background:var(--tt-art-ScoreTiles) left top/200% 142.222%;padding:9px 7px}
.tt-score-tile.side-2{background-position:right top}
.tt-score-tile span{display:block;font-size:10px;color:#63c2ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tt-score-tile.side-2 span{color:#f6a448}
.tt-score-tile strong{display:block;font:36px/43px Georgia,serif;font-weight:400;color:#fff0c6}
.tt-score-caption{position:absolute;top:166px;left:-5px;right:-5px;font-size:10px;color:#d0c5b2}
.tt-lead{position:absolute;top:198px;left:0;right:0;font-size:14px}
.tt-history-title{position:absolute;top:240px;left:0;right:0;font-size:10px;color:#c8c1b2}
.tt-history{position:absolute;top:258px;left:0;right:0;display:grid;grid-template-columns:repeat(4,50px);gap:4px 6px;max-height:70px;overflow-y:auto;scrollbar-width:thin}
.tt-history>div{border:1px solid #9a793b;border-radius:4px;background:#0b0e0ceb;min-height:32px}
.tt-history span{display:block;font-size:9px;color:#d5cbb5}
.tt-history strong{font:12px Georgia,serif}
.tt-history .win span{color:#70c8ff}
.tt-history .loss span{color:#eda249}
.tt-clock{position:absolute;top:314px;left:0;right:0;color:#f2c26d;font-size:10px}
.tt-table-actions{position:absolute;top:330px;left:0;right:0;display:flex;flex-direction:column;gap:6px}
.tt-table-actions .tt-button{height:42px;font:17px Georgia,serif;background:var(--tt-art-ButtonFrame) center/100% 100%}
.tt-table-actions .tt-button::before{content:none}
.tt-solo-options h2{margin-bottom:12px;font-size:20px}
.tt-solo-options p{margin:10px 0 16px;font-size:12px}
.tt-solo-options>.tt-button{display:block;width:100%;margin-top:7px;height:35px}
.tt-choices{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}
.tt-choices .tt-button{flex:1 1 40%;font-size:12px;padding:7px 8px 9px}
.tt-solo-options .tt-choices:nth-of-type(2) .tt-button{flex:1 1 25%;font-size:11px;padding:7px 4px 9px}
.tt-field{display:flex;flex-direction:column;gap:5px;font-size:11px;color:var(--tt-muted)}
.tt-field input,.tavern select{background:#061b1ee8;color:#f7e4b6;border:1px solid #a58b49;border-radius:5px;min-height:31px;padding:6px 10px;font:12px var(--tt-font);width:100%}
.tavern input[type=range]{accent-color:#c0a45b;min-height:20px;padding:0}
.tt-reading::before{content:"";position:absolute;inset:0;border:12px solid transparent;border-image:var(--tt-art-PageMat) 12.5% fill / 12px stretch;pointer-events:none;z-index:-1}
.tt-reading{position:absolute;left:22px;top:122px;width:936px;height:652px;padding:16px 18px;border:0;padding:10px 18px}
.reading-page::before{content:"";position:absolute;inset:110px 0 0;background:var(--tt-art-TableWood) center bottom/980px 800px no-repeat;pointer-events:none}
.tt-reading-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:45px}
.tt-reading-heading h2{font-size:22px}
.tt-reading-heading .tt-field{width:200px}
.tt-reading-heading>p{color:var(--tt-gold);font-size:15px}
.tt-panel{border:12px solid transparent;border-image:var(--tt-art-TablePanel) 12.5% fill / 12px stretch;padding:10px 6px;box-shadow:0 4px 10px #0005}
.tt-reading>.tt-muted{margin:8px 0 14px}
.tt-library-layout{display:grid;grid-template-columns:550px 310px;gap:12px;margin-top:8px}
.tt-album{display:grid;grid-template-columns:repeat(3,124px);justify-content:space-between;gap:30px 20px;padding:10px 16px}
.tt-album-card{position:relative}
.tt-collection-status{position:absolute;right:8px;bottom:8px;z-index:3;font-size:8px;color:#e7d2a0;background:#111b;padding:0 3px}
.tt-unowned .tt-painting{filter:grayscale(1);opacity:.3}
.tt-inspector{position:relative;width:310px;text-align:center}
.tt-collector-card{position:relative;width:290px;height:535px;margin:0 auto}
.tt-collector-painting{position:absolute;top:6%;left:7%;width:86%;height:52%;object-fit:cover;object-position:center top}
.tt-collector-frame{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.tt-collector-name{position:absolute;top:60%;left:10%;width:80%;height:6%;display:grid;place-items:center;color:#35240f!important;font:16px/1.1 Georgia,serif!important}
.tt-collector-words{position:absolute;top:69%;left:12%;width:76%;height:16%;color:#392915;font:13px/1.4 Georgia,serif}
.tt-collector-words p:first-child{margin-bottom:18px}
.tt-collector-words strong{font-size:17px;font-weight:400}
.tt-collector-set{position:absolute;top:89%;left:10%;width:80%;color:#413219;font-size:9px}
.tt-collector-card .tt-edge{width:36px;height:36px;font-size:26px}
.tt-collector-card .edge-0{top:3px;left:calc(50% - 18px)}
.tt-collector-card .edge-1{top:28%;right:-3px}
.tt-collector-card .edge-3{top:28%;left:-3px}
.tt-collector-card .edge-2{bottom:0;left:calc(50% - 18px)}
.tt-collector-card .tt-ability{width:24px;height:24px;top:39px;left:28px}
.tt-collector-card .tt-ability i{inset:5px}
.tt-inspector>.tt-muted{font-size:11px;margin-top:8px}
.tt-pagination{position:absolute;left:38px;bottom:22px;width:510px;display:flex;align-items:center;justify-content:space-between}
.tt-pagination .tt-button{width:140px}
.tt-deck-page .tt-library-layout{grid-template-columns:256px 1fr;height:488px}
.tt-draft-rail h3,.tt-catalogue h3{font-size:16px;margin:0 0 15px 4px}
.tt-selected-cards{display:flex;flex-direction:column;gap:14px;padding:10px 12px}
.tt-draft-row{display:flex;align-items:center;gap:17px;height:70px}
.tt-draft-row .tt-card,.tt-empty-card{width:70px;height:70px;flex-shrink:0}
.tt-empty-card{background:var(--tt-art-TableSlot) center/100% 100%}
.tt-draft-row strong{font-size:12px;font-weight:500}
.tt-draft-row .tt-muted{font-size:10px;margin-top:15px}
.tt-deck-page .tt-catalogue{overflow-y:auto;padding-right:5px;scrollbar-color:#ab8848 #12231b;scrollbar-width:thin}
.tt-deck-page .tt-album{grid-template-columns:repeat(4,100px);gap:25px 18px;padding:10px 18px}
.tt-deck-page .tt-album .tt-card{width:100px;height:100px}
.tt-deck-page .tt-album .tt-card-name{font-size:8px}
.tt-deck-controls{position:absolute;bottom:16px;left:35px;right:35px;display:flex;align-items:end;gap:12px}
.tt-deck-controls>.tt-field{width:180px}
.tt-deck-controls>select{width:165px;margin-bottom:2px}
.tt-deck-controls .tt-button{font-size:12px;min-width:90px}
.tt-deck-error{position:absolute;bottom:45px;left:295px;color:#eac070;font-size:10px;max-width:530px}
.tt-imports{position:absolute;right:35px;top:74px;z-index:10;background:#17251c;border:1px solid #a08040;padding:5px 10px;max-width:380px;max-height:460px;overflow-y:auto;font-size:11px}
.tt-imports .tt-button{display:block;margin-top:5px}
.tt-guild{display:flex;flex-direction:column;padding:18px}
.tt-guild h2{margin-bottom:4px}
.tt-guild-columns{display:grid;grid-template-columns:230px 302px minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:12px;margin-top:12px;flex:1;min-height:0}
.tt-guild-columns .tt-panel{display:flex;flex-direction:column;gap:12px;min-width:0;min-height:0;overflow:hidden}
.tt-guild-columns .tt-panel>h3,.tt-guild-columns .tt-panel>.tt-field,.tt-guild-columns .tt-panel>.tt-button{flex-shrink:0}
.tt-guild-columns p{font-size:12px;line-height:1.4;overflow-wrap:anywhere}
.tt-people,.tt-invitations,.tt-guild-rules-options{overflow-y:auto;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:#ab8848 #12231b;overscroll-behavior:contain;padding:3px}
.tt-person{display:block;width:100%;min-height:36px;flex-shrink:0;text-align:left;padding:8px 10px;appearance:none;border:0;border-bottom:1px solid #b6995030;border-radius:3px;background:transparent;color:#f3e3bf;font:13px/1.4 var(--tt-font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
.tt-person:hover{background:#d7b46418}
.tt-person[aria-pressed=true]{background:#cba44b30;color:#ffdc80;box-shadow:inset 3px 0 #eec570}
.tt-person:focus-visible,[data-scroll]:focus-visible{outline:2px solid #ffe49b;outline-offset:-2px}
.tt-guild-rules-options{display:flex;flex-direction:column;gap:14px}
.tt-guild-rules-options>*{flex-shrink:0}
.tt-guild-actions{display:grid;gap:8px;flex-shrink:0;border-top:1px solid #b6995040;padding-top:12px}
.tt-guild-columns .tt-choices{margin:0}
.tt-guild-columns>.tt-panel>.tt-button{width:100%}
.tt-invitation{padding:8px 0 16px;border-bottom:1px solid #8e734555;margin-bottom:10px}
.tt-invitation p{margin:6px 0}
.tt-invitation .tt-button{margin-right:5px}
.tt-notification-link{font-size:11px;color:#e4c887;text-align:center}
.tt-row{display:flex;justify-content:space-between;gap:12px;align-items:center}
.tt-row select{width:170px}
.tt-ladder-page p{margin:20px 0}
.tt-ladder-scroll{height:450px;overflow-y:auto;scrollbar-width:thin}
.tt-ladder{width:100%;border-collapse:collapse;font-size:13px}
.tt-ladder th,.tt-ladder td{padding:13px 10px;text-align:left;border-bottom:1px solid #cdac6a33}
.tt-ladder th{color:#e4c987;font-weight:500}
.tt-ladder .you{background:#8c714331}
.tt-ladder strong{color:#f7cb70}
.tt-lesson-copy{position:absolute;top:75px;left:28px;width:340px;height:560px;padding:20px 10px}
.tt-lesson-copy>p{margin-bottom:30px;font-size:16px}
.tt-lesson-copy>.tt-muted{font-size:12px}
.tt-lesson-copy>.tt-card{margin:45px auto 30px}
.tt-lesson-actions{display:flex;gap:8px;position:absolute;bottom:65px;left:10px;right:0}
.tt-lesson-copy>.tt-button{position:absolute;bottom:24px;left:10px;width:285px}
.tt-lesson-right{position:absolute;left:405px;top:98px;width:478px;text-align:center}
.tt-lesson-board{display:grid;grid-template-columns:repeat(3,112px);grid-template-rows:repeat(3,112px);gap:25px 31px;justify-content:center;margin-bottom:30px}
.tt-lesson-board .tt-card{width:112px;height:112px}
.tt-lesson-right p{margin:15px 0}
.tt-audio-panel{position:absolute;right:26px;top:110px;width:226px;z-index:50;display:flex;flex-direction:column;gap:14px;padding:14px 8px}
.tt-card-tip{position:absolute;left:365px;top:180px;width:250px;z-index:45;text-align:center;padding:30px 20px}
.tt-card-tip>.tt-card{margin:0 auto 25px;width:170px;height:170px}
.tt-card-tip h3{margin-bottom:15px}
.tt-card-tip p{margin-bottom:20px}
.tt-error{position:absolute;left:25px;right:25px;bottom:24px;z-index:45;background:#351c11f5;border:1px solid #d5a05c;border-radius:6px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 15px;color:#ffe0a6}
.tt-error .tt-button{min-width:100px}
.tt-invite-notice{position:absolute;left:42px;right:42px;top:105px;font-size:10px;color:#ffdf91;text-align:center;z-index:32}
.tt-sync-note{position:absolute;left:110px;right:110px;top:780px;font-size:10px;line-height:17px;text-align:center;color:#ecd5a8;background:#130e09dd;border:1px solid #856327;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tt-warning{color:#ffd190;font-size:12px}
.tt-reopen{display:none}
.tavern-host.closed{position:static;color:inherit}
.closed .tt-shade,.closed .tavern{display:none}
.closed .tt-reopen{display:block;padding:40px}
.tt-reopen .tt-button{background:#23453a;border:1px solid #bb944d;border-radius:6px;margin-top:20px}
.tt-reopen .tt-button::before{content:none}


.tt-deck-page .tt-album .tt-card.selected::after{content:"✓";position:absolute;right:7px;top:7px;z-index:5;width:18px;height:18px;border:1px solid #ba994e;border-radius:50%;background:#102617;color:#9ed983;font:700 14px/16px system-ui;text-align:center;pointer-events:none}

/* TavernUI.lua coordinates: painted labels stay at their original aspect.
   Dynamic controls use three slices of the same 1024 × 222 rounded control. */
.tavern h2,.tavern h3{font-family:var(--tt-font);font-weight:400}
.tt-button{min-height:32px;padding:0 12px 3px;line-height:1.15;font-family:var(--tt-font)}
.tt-button::before{border:0;border-image:none;background:var(--tt-art-ControlButton) center top/100% 115.315% no-repeat}
.tt-button-art{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:hidden;pointer-events:none;filter:brightness(.87)}
.tt-button.tt-painted{background:none;padding:0;font-size:0}
.tt-button.tt-painted::before{content:none}
.tt-painted:hover .tt-button-art{filter:brightness(1)}
.tt-painted.chosen .tt-button-art,.tt-painted.active .tt-button-art{filter:sepia(.75) saturate(1.7) brightness(1.1)}
.tt-button.chosen::after,.tt-tabs .active::after{bottom:1px;background:#ffca51}
.tt-button:active{filter:brightness(.7);transform:translateY(1px)}
.tt-tabs .tt-button{min-height:28px}
.tt-close{font:22px/1 var(--tt-font);padding:0}
.tt-audio-toggle{font-size:12px;padding-bottom:3px}
.tt-control-label{position:relative;display:block;z-index:1;pointer-events:none}
.tt-game-options h2{position:absolute;inset:0 0 auto;height:38px;display:grid;place-items:center;font-size:18px;margin:0}
.tt-game-options .tt-options-summary{position:absolute;top:42px;left:0;right:0;height:26px;margin:0;font-size:12px;color:#fae8ba;display:grid;place-items:center}
.tt-game-options>.tt-choices{position:absolute;top:76px;left:0;right:0;height:32px;margin:0;gap:8px;flex-wrap:nowrap}
.tt-game-options>.tt-choices:nth-of-type(2){top:164px}
.tt-game-options .tt-choices .tt-button{flex:none;width:108px;height:32px}
.tt-game-options>.tt-button{position:absolute;left:0;width:224px;height:44px;margin:0}
.tt-game-options>.tt-best-of{top:112px}
.tt-game-options>.tt-ability-option{top:200px;font-size:13px}
.tt-game-options>.tt-deal-option{top:248px}
.tt-game-options>.tt-option-hint{position:absolute;top:297px;left:0;right:0;height:26px;font-size:11px;margin:0;line-height:1.2}
.tt-game-options>.tt-start{top:330px}
.tt-game-options>.tt-friendly-open{top:378px;height:32px;font-size:12px}
.tt-score-panel h2{font-size:18px;display:grid;place-items:center}
.tt-match-summary,.tt-lead{white-space:pre-line;line-height:1.1}
.tt-score-tile strong{font-family:var(--tt-font);font-variant-numeric:lining-nums tabular-nums}
.tt-history .win{border-color:#349ede}.tt-history .loss{border-color:#db841c}
.tt-table-actions .tt-button{height:44px;min-height:44px;background:none;font-family:var(--tt-font)}
.tt-table-actions{gap:4px}
.tt-number,.tt-disk{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible;pointer-events:none}
.tt-number text{font:70px Georgia,serif;fill:#fae8ba;font-variant-numeric:normal;letter-spacing:0;stroke:none}
.tt-edge{background:none;text-shadow:none;line-height:1}
.tt-card-name,.tt-owner,.tt-hand-label{background-position:50% 45.97%;background-size:102.9384% 229.8413%;font-weight:400}
.tt-card-name{font-size:9px}
.owner-1 .tt-owner{color:#40aff5;box-shadow:inset 0 0 0 1px #178bca88}
.owner-2 .tt-owner{color:#ff9a35;box-shadow:inset 0 0 0 1px #df650088}
.tt-ability{background-size:114.7301% 114.5205%;background-position:49.6894% 50.3145%}
.tt-ability i{inset:3px}
.tt-collection-page .tt-reading-heading h2{font-size:21px}
.tt-collection-page .tt-reading-heading{min-height:32px}
.tt-collection-page .tt-reading-heading .tt-field{width:auto;flex-direction:row;align-items:center;gap:12px}
.tt-collection-page .tt-reading-heading input{width:170px}
.tt-collection-page .tt-library-layout{display:contents}
.tt-collection-page .tt-album{position:absolute;left:30px;top:52px;display:grid;grid-template-columns:repeat(3,144px);gap:24px 30px;padding:0}
.tt-collection-page .tt-album .tt-card{width:144px;height:144px}
.tt-collection-page .tt-inspector{position:absolute;left:584px;top:62px;width:334px}
.tt-collector-card{width:334px;height:486px;margin:0}
.tt-collector-painting{left:20px;top:19px;width:294px;height:270px;object-fit:cover;object-position:center}
.tt-collector-name{top:290px;left:28px;width:278px;height:32px;font:18px/1.1 var(--tt-font)!important}
.tt-collector-words{top:337px;left:32px;width:270px;height:91px;font:14px/1.25 var(--tt-font)}
.tt-collector-words p:first-child{margin-bottom:18px;font-size:12px}
.tt-collector-words strong{font-size:17px}
.tt-collector-set{top:449px;left:28px;width:278px;height:18px;font:10px/18px var(--tt-font)}
.tt-collector-card .tt-edge{width:44px;height:44px}
.tt-collector-card .edge-0{top:-17px;left:145px}
.tt-collector-card .edge-1{top:221px;left:307px;right:auto}
.tt-collector-card .edge-2{top:459px;left:145px;bottom:auto}
.tt-collector-card .edge-3{top:221px;left:-17px}
.tt-collector-card .tt-ability{width:34px;height:34px;left:32px;top:32px}
.tt-collector-card .tt-ability i{inset:3px}
.tt-inspector>.tt-muted{margin:28px -6px 0;font-size:12px}
.tt-collection-page .tt-pagination{left:16px;bottom:66px;width:505px}
.tt-pagination .tt-button{width:125px;height:28px;min-height:28px}
.tt-collection-status{font:8px/10px var(--tt-font);bottom:6px;right:8px}
.tt-deck-page .tt-library-layout{position:absolute;left:34px;top:77px;width:878px;height:532px;display:grid;grid-template-columns:256px 1fr;gap:16px;margin:0}
.tt-deck-page .tt-reading-heading h2{font-size:21px}
.tt-deck-page>.tt-muted{margin:10px 0 0;font-size:12px}
.tt-draft-rail h3,.tt-catalogue h3{font-size:16px;height:22px;margin:0}
.tt-selected-cards{padding:16px 6px;gap:16px}
.tt-draft-row{height:80px;gap:16px}
.tt-draft-row .tt-card,.tt-empty-card{width:80px;height:80px}
.tt-draft-row>div{width:122px}
.tt-draft-row strong{font-size:12px;font-weight:400}
.tt-draft-row .tt-muted{font-size:11px;margin-top:14px}
.tt-deck-page .tt-album{grid-template-columns:repeat(4,100px);gap:24px 48px;justify-content:start;padding:19px 20px 10px}
.tt-deck-page .tt-catalogue{max-height:528px;padding-right:2px}
.tt-deck-page .tt-album .tt-card-name{font-size:9px}
.tt-deck-controls{left:18px;right:18px;bottom:4px;height:32px;align-items:center;gap:10px}
.tt-deck-controls .tt-field{position:relative;flex:1;min-width:130px}
.tt-deck-controls .tt-field>span{position:absolute;bottom:35px;font-size:10px}
.tt-deck-controls>.tt-field input,.tt-deck-controls>select{font-family:var(--tt-font);font-size:12px}
.tt-deck-controls .tt-button{min-width:80px}
.tt-deck-controls .primary{min-width:180px}
.tt-deck-controls>select{width:145px;margin:0}
.tt-deck-error{bottom:40px;left:270px}
.tt-reading{isolation:isolate}
.tt-starter-access>p{max-width:580px;line-height:1.5;margin:12px 0}
.tt-starter-access>h3{margin-top:24px;padding-top:20px;border-top:1px solid #9a793e66}
.tt-starter-actions{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}
.tt-starter-actions>.tt-button{min-width:200px;min-height:36px}
.tt-starter-access>.tt-notification-link{display:inline-block;margin:8px 0 16px}
.tt-control-art{position:absolute;inset:0;z-index:0;pointer-events:none;display:grid;grid-template-columns:calc(var(--control-height,32px)*128/222) 1fr calc(var(--control-height,32px)*128/222)}
.tt-control-art svg{width:100%;height:100%;display:block}
.tt-button:has(.tt-control-art)::before{content:none}
.tt-ability-option{--control-height:44px}
.tt-audio-toggle,.tt-pagination .tt-button{--control-height:28px}
.tt-close .tt-control-art{display:none}
.tt-friendly{padding:35px 42px;font-size:16px}
.tt-friendly>p{max-width:680px;margin:22px 0;line-height:1.5}
.tt-friendly>.tt-muted{font-size:13px}
.tt-friendly-setup{padding:30px 36px}
.tt-friendly-setup>.tt-friendly-intro{font-size:14px;max-width:none;margin:12px 0 24px}
.tt-friendly-layout{display:grid;grid-template-columns:510px 1fr;gap:30px;align-items:start}
.tt-friendly-options{min-width:0;display:grid;gap:22px}
.tt-rule h3{font-size:17px;margin-bottom:10px}
.tt-friendly-options .tt-choices{display:flex;flex-wrap:nowrap;gap:8px;margin:0 0 10px}
.tt-friendly-options .tt-choices .tt-button{height:38px;--control-height:38px;flex:1;min-width:0;font-size:14px;padding:0 6px 3px}
.tt-rule .tt-muted{min-height:30px;font-size:12px;line-height:1.4}
.tt-friendly-pool{border-left:1px solid #b6995055;padding:2px 0 0 28px;text-align:center;min-height:340px}
.tt-friendly-pool h3{font-size:17px;line-height:1.4}
.tt-pool-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:16px 18px;padding:26px 8px 24px}
.tt-pool-cards .tt-card{width:62px;height:62px}
.tt-friendly-pool>.tt-gold{font-size:16px;margin-bottom:8px}
.tt-friendly-pool>.tt-muted{font-size:12px;line-height:1.5}
.tt-friendly-facts{white-space:pre-line;font-size:12px;line-height:1.7;margin-top:18px!important;color:#e3cea2}
.tt-friendly-create{border-top:1px solid #b6995055;margin-top:25px;padding-top:22px;display:flex;align-items:center;gap:18px}
.tt-friendly-create>.tt-button{width:215px;height:40px;--control-height:40px;flex-shrink:0;font-size:16px}
.tt-friendly-create>.tt-muted{max-width:435px;font-size:12px;line-height:1.5}
.tt-friendly-create .tt-share-link{flex:1}
.tt-friendly-create .tt-open-table{margin:0;flex-shrink:0;font-size:16px}
.tt-share-link{display:flex;gap:10px;max-width:740px;align-items:center}
.tt-share-link input{min-width:0;flex:1;background:#061b1e;color:#f8e8c1;padding:10px;border:1px solid #947438;border-radius:4px;font:12px Georgia,serif}
.tt-share-link .tt-button{min-width:110px}
.tt-open-table{display:block;margin:24px 0;font-size:19px;color:#ffce66}
.tt-waiting-options{font-size:13px;padding-top:15px}
.tt-waiting-options .tt-share-link{flex-direction:column;align-items:stretch;margin:25px 0}
.tt-waiting-options p{line-height:1.5}
.tt-join form{max-width:320px;margin:35px 0;display:grid;gap:16px}
.tt-join form .tt-button{background:none;border:0;height:42px;--control-height:42px;font-size:16px}
.tt-join form input{height:40px;font-size:16px}
.tt-join form .tt-button::before{content:none}
.friendly-tavern-page{background:#100d0a;overflow:hidden}
.friendly-tavern-page .closed .tt-reopen{color:#f8e8c1}


.tt-deck-page .tt-album .tt-card.selected{filter:none}
.tt-table-actions>.tt-button:only-child{margin-top:48px}
.tt-select{display:block;position:relative;min-width:0;height:32px;isolation:isolate}
.tt-select select{position:relative;z-index:1;appearance:none;background:transparent;border:0;border-radius:0;width:100%;height:32px;padding:0 26px 3px 15px;color:#f8e8c1;font:13px var(--tt-font);cursor:pointer}
.tt-select select option{background:#0a2022;color:#f8e8c1}
.tt-select::after{content:'⌄';position:absolute;right:14px;top:4px;pointer-events:none;color:#dfc788}
.tt-deck-controls>.tt-select{width:145px;flex-shrink:0}
.tt-row>.tt-select{width:170px}
.tt-row .tt-select select{width:100%}
.tt-select:focus-within{outline:2px solid #ffe49b;outline-offset:2px}