/* TikPlayz Overlays hub — glossy black blocks with gold accents. */
.tp-page{--g1:#f7d58d;--g2:#c79443;--g3:#8a5d1f;--line:#e8c5812b}
.tp-hero{position:relative;display:flex;align-items:center;gap:18px;padding:26px 28px;margin-bottom:26px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(115deg,#2a2217 0%,#141313 38%,#0b0b0d 100%);box-shadow:0 18px 50px #0007,inset 0 1px #fff1;overflow:hidden}
.tp-hero:before,.tp-card:before{content:'';position:absolute;inset:0 0 auto 0;height:55%;background:linear-gradient(180deg,#ffffff12,#ffffff03 60%,transparent);pointer-events:none;border-radius:inherit}
.tp-hero:after{content:'';position:absolute;right:-120px;top:-140px;width:420px;height:320px;background:radial-gradient(closest-side,#f4c66f22,transparent);pointer-events:none}
.tp-hero-icon{font-size:30px;width:54px;height:54px;flex:none;display:grid;place-items:center;border-radius:14px;color:#1a1410;background:linear-gradient(135deg,#fff0c4,var(--g1) 35%,var(--g2) 75%,var(--g3));box-shadow:0 6px 20px #c7944344,inset 0 1px #fff8}
.tp-hero h1{margin:0;font-size:30px;letter-spacing:-.5px;color:#fff6e4}
.tp-hero p{margin:6px 0 0;color:#b8ad9a;font-size:13.5px;max-width:720px}
.tp-hero-pill{margin-left:auto;padding:9px 14px;border-radius:10px;border:1px solid var(--line);background:#0c0c0ecc;color:#cfc4ae;font-size:12px;white-space:nowrap;z-index:1}
.tp-hero-pill b{color:var(--g1)}
.tp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}
.tp-card{position:relative;display:flex;flex-direction:column;gap:14px;padding:18px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(165deg,#1f1c17 0%,#121214 45%,#0b0b0d 100%);box-shadow:0 14px 40px #0008,inset 0 1px #ffffff14;min-width:0}
.tp-card>*{position:relative}
.tp-feature{border-color:#f4c66f8c;box-shadow:0 0 0 1px #f4c66f30,0 0 34px #f4c66f26,0 14px 40px #0008,inset 0 1px #fff2;background:linear-gradient(165deg,#30261a 0%,#16140f 50%,#0b0b0d 100%)}
.tp-card-head{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid #ffffff0d}
.tp-card-head strong{display:block;color:#fff4dd;font-size:15px}
.tp-card-head small{display:block;color:#9f988b;font-size:11.5px;margin-top:2px}
.tp-gold,.tp-card-head small.tp-gold{color:var(--g1)}
.tp-card-icon{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:10px;background:linear-gradient(160deg,#2b2620,#121214);border:1px solid #ffffff12;color:var(--g1);font-size:18px}
.tp-card-icon svg{width:20px;height:20px}
.tp-pill{margin-left:auto;font-size:11px;font-weight:700;padding:6px 10px;border-radius:8px;background:#0b0b0d;border:1px solid var(--line);color:#d8ccb2;white-space:nowrap;max-width:55%;overflow:hidden;text-overflow:ellipsis}
.tp-pill b{color:var(--g1)}
.tp-preview{min-height:250px;padding:12px 14px;border-radius:12px;font-size:15px;background:radial-gradient(ellipse at 50% 0%,#ffffff08,transparent 60%),#08080a;border:1px solid #ffffff0a;box-shadow:inset 0 2px 12px #000a;transition:opacity .28s}
.tp-preview.tp-fade{opacity:0}
.tp-note{display:grid;gap:3px;font-size:12px;color:#a59d8e}.tp-note b{color:#efe3c9;font-size:12.5px}
.tp-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:auto}
.tp-chip{padding:7px 11px;border-radius:9px;border:1px solid #f4c66f55;background:#f4c66f12;color:#f3dfb4;font-size:11.5px;font-weight:700}
.tp-chip span{opacity:.7;margin-left:3px}.tp-chip:hover{background:#f4c66f22}
.tp-synced{font-size:12px}
.tp-toggle{display:inline-flex;align-items:center;gap:8px;margin-left:auto;padding:5px 10px 5px 6px;border-radius:9px;border:1px solid var(--line);background:#0b0b0d;color:#e8dcc2;font-size:11.5px;font-weight:700;cursor:pointer}
.tp-toggle input{appearance:none;width:32px;height:18px;border-radius:20px;background:#3c3a37;position:relative;cursor:pointer;margin:0;transition:.2s}
.tp-toggle input:before{content:'';position:absolute;left:3px;top:3px;width:12px;height:12px;border-radius:50%;background:#9a958c;transition:.2s}
.tp-toggle input:checked{background:linear-gradient(120deg,#b88730,#f3d593)}
.tp-toggle input:checked:before{left:17px;background:#fffaf0}
.tp-sec{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 4px;border-radius:9px;border:1px solid var(--line);background:#0b0b0d;color:#8f887c;font-size:11px}
.tp-sec input{width:44px;background:transparent;border:0;color:#fff;font-weight:800;text-align:center;font-size:13px}.tp-sec input:disabled{opacity:.35}
.tp-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.tp-actions-two{grid-template-columns:1fr 1fr}.tp-actions-wide{grid-template-columns:2fr 1fr}
.tp-btn{height:38px;padding:0 12px;border-radius:9px;border:1px solid #3a3530;background:linear-gradient(180deg,#24221f,#151416);color:#e9e1d1;font-size:12.5px;font-weight:700;box-shadow:inset 0 1px #ffffff10;transition:transform .15s,filter .15s}
.tp-btn:hover{filter:brightness(1.18);transform:translateY(-1px)}
.tp-btn-gold{color:#1a1410;border-color:#f5d58d;background:linear-gradient(120deg,#b9873c,#f7d58d 52%,#c79443);box-shadow:0 6px 20px #bd8d4430,inset 0 1px #fff8}
.tp-btn-warn{color:#f3c27a;border-color:#8a5d1f;background:linear-gradient(180deg,#2f2316,#1a140e)}
.tp-btn-quiet{background:none;border-color:transparent;color:#a79f90}
.tp-btn[data-armed]{color:#fff;border-color:#e0533d;background:linear-gradient(180deg,#7a2a1d,#3d140d)}
.tp-hint{margin:18px 2px 0;color:#8d8679;font-size:12px}
.tp-muted{color:#8d8679}
.tp-soon-card{max-width:760px}.tp-soon-card h3{margin:0;color:#fff4dd}.tp-soon-card p{margin:0;color:#b8ad9a;line-height:1.6}.tp-soon-card .tp-btn{align-self:flex-start}
.tp-fly-link{display:flex!important;align-items:center;gap:11px}
.tp-fly-icon{width:16px;text-align:center;color:#c9a865;font-size:14px}
.tp-soon{margin-left:auto;font-size:9px;letter-spacing:.6px;text-transform:uppercase;color:#8a8070;border:1px solid #ffffff14;border-radius:6px;padding:2px 6px}
.tp-dialog{width:min(520px,94vw);padding:0;border-radius:18px;border:1px solid #f4c66f55;background:linear-gradient(165deg,#221e18,#0e0e10 60%);color:#f4efe6;box-shadow:0 30px 80px #000c,inset 0 1px #fff2}
.tp-dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}
.tp-form{display:grid;gap:14px;padding:22px}
.tp-dialog-head{display:flex;align-items:center}.tp-dialog-head h2{margin:0;font-size:19px;color:#fff4dd}
.tp-x{margin-left:auto;background:none;border:0;color:#a59d8e;font-size:24px;line-height:1}
.tp-form label{display:grid;gap:6px;font-size:11.5px;font-weight:700;color:#b9ae98;letter-spacing:.2px}
.tp-form input:not([type=checkbox]):not([type=color]),.tp-form select{height:40px;border-radius:9px;border:1px solid #453b2e;background:#0b0b0d;color:#fff;padding:0 12px;font-size:13px}
.tp-form input[type=color]{width:100%;height:40px;border-radius:9px;border:1px solid #453b2e;background:#0b0b0d;padding:4px}
.tp-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tp-toggle-row{display:flex!important;margin:0;justify-content:flex-start;background:#0b0b0d}
.tp-dialog-foot{display:flex;align-items:center;gap:8px;margin-top:6px}.tp-dialog-foot span{flex:1}
@media(max-width:900px){.tp-hero{flex-wrap:wrap}.tp-hero-pill{margin-left:0}}
.tp-controls{flex-wrap:nowrap;gap:8px}.tp-toggle{padding:5px 8px 5px 5px}.tp-sec{padding:4px 8px 4px 2px}.tp-sec input{width:34px}
.tp-btn{white-space:nowrap;padding:0 8px;font-size:12px}
.tp-chip{white-space:nowrap;padding:7px 9px;font-size:11px}.tp-sec span{font-size:10px}
/* v0.9.1 shared page pieces */
.tp-hero-side{margin-left:auto;display:grid;justify-items:end;gap:10px;z-index:1}.tp-hero-side .tp-hero-pill{margin:0}
[data-hero-actions]:empty{display:none}
.tp-tabs{display:flex;gap:4px;margin:-6px 0 18px;border-bottom:1px solid #ffffff10}
.tp-tabs button{background:none;border:0;border-bottom:2px solid transparent;color:#a39b8c;font-weight:800;font-size:14px;padding:10px 14px;margin-bottom:-1px}
.tp-tabs button span{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:4px;padding:0 5px;border-radius:7px;background:#1b1916;color:#cfc4ae;font-size:11px}
.tp-tabs button.active{color:#f7d58d;border-bottom-color:#f4c66f}.tp-tabs button.active span{background:#f4c66f22;color:#f7d58d}
.tp-grid-wide{grid-template-columns:repeat(auto-fill,minmax(420px,1fr))}
.tp-grid-last-top{grid-template-columns:2fr 1fr;margin-bottom:26px}.tp-span2{min-width:0}
.tp-section{margin:0 0 14px;font-size:19px;color:#fff4dd}
.tp-preview-center{display:grid;place-items:center;min-height:200px;overflow:hidden}
.tp-preview-goal{min-height:150px;display:grid;place-items:center;font-size:16px}
.tp-preview-small{min-height:120px}
.tp-preview-feed{min-height:300px;display:flex;flex-direction:column;justify-content:flex-end;font-size:14px;overflow:hidden}.tp-preview-feed .tpo-feed{width:100%}
.tp-preview-alert{min-height:140px;font-size:15px}
.tp-preview .tpo-rank-banner{font-size:13px}
.tp-url{display:flex;border:1px solid #f4c66f66;border-radius:10px;overflow:hidden;background:#08080a}
.tp-url input{flex:1;min-width:0;background:none;border:0;color:#efe6d3;font:12px ui-monospace,Consolas,monospace;padding:10px 12px}
.tp-url-copy{width:46px;border:0;color:#1a1410;font-size:16px;background:linear-gradient(120deg,#b9873c,#f7d58d 52%,#c79443)}
.tp-head-btns{margin-left:auto;display:flex;gap:8px;align-items:center}
.tp-icon-btn{width:34px;height:34px;border-radius:9px;border:1px solid #f4c66f66;background:linear-gradient(180deg,#2a241b,#121113);color:#f7d58d;font-size:16px}
.tp-chips{display:flex;flex-wrap:wrap;gap:6px}
.tp-type{font-size:11px;font-weight:700;padding:4px 9px;border-radius:7px;border:1px solid #ffffff10;color:#6f695f;background:#0b0b0d}
.tp-type.on{color:#f7d58d;border-color:#f4c66f55;background:#f4c66f12}
.tp-badge{display:inline-block;font-size:10.5px;padding:2px 7px;border-radius:6px;background:#f4c66f22;color:#f7d58d;border:1px solid #f4c66f55;vertical-align:1px}
.tp-pct{margin-left:auto;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:900;color:#f7d58d;border:2px solid #f4c66f88;background:#0b0b0d}
.tp-check-grid{display:flex;flex-wrap:wrap;gap:8px 14px;font-size:12.5px;color:#e6dccb}.tp-check-grid>span{width:100%;font-size:11.5px;font-weight:700;color:#b9ae98}
.tp-check-grid label{display:flex!important;align-items:center;gap:6px;font-weight:600!important}
.tp-form-row3{grid-template-columns:1fr 1fr 1fr}
.tp-btn-danger{color:#ffb4a6;border-color:#6b2a20;background:linear-gradient(180deg,#2c1511,#170b09)}
.tp-btn-small{height:32px;font-size:11.5px}
.tp-list{margin-top:18px;border-radius:16px;border:1px solid var(--line);background:linear-gradient(165deg,#1a1814,#0c0c0e);overflow:hidden}
.tp-row{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid #ffffff0a}.tp-row:last-child{border-bottom:0}
.tp-row-icon{width:30px;height:30px;flex:none;display:grid;place-items:center}.tp-row-icon svg{width:24px;height:24px}
.tp-row-main{display:grid;flex:1;min-width:0}.tp-row-main strong{color:#fff4dd;font-size:14px}.tp-row-main span{color:#a59d8e;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tp-sec-wide small{padding-left:6px;color:#8f887c}.tp-sec-wide input{width:40px}
.tp-toggle-bare{margin:0;padding:6px;border:0;background:none}
.tp-empty-card{grid-column:1/-1;align-items:flex-start}.tp-empty-card h3{margin:0;color:#fff4dd}.tp-empty-card .tp-btn{align-self:flex-start}
.tp-pad{padding:18px}
@media(max-width:1100px){.tp-grid-last-top{grid-template-columns:1fr}.tp-grid-wide{grid-template-columns:1fr}}
.tp-preview-goal .tpo-goal-bar{width:92%}.tp-preview-goal .tpo-bar{min-width:0}
.tp-preview .tpo-last-bar{font-size:10.5px;max-width:100%}.tp-preview .tpo-last-bar .tpo-last-tile{min-width:0;flex:1}
/* v0.9.2 pages */
.tp-queue{margin-top:18px}.tp-list-flat{margin:0;border:0;border-radius:12px;background:#0b0b0d}
.tp-move{display:grid;gap:2px}.tp-move button{width:24px;height:16px;padding:0;border:0;border-radius:4px;background:#1d1b18;color:#c9a865;font-size:9px}.tp-move button:disabled{opacity:.25}
.tp-row-off{opacity:.5}.tp-icon-danger{color:#ffb4a6;border-color:#6b2a20}
.tp-social-row svg{width:26px;height:26px}
.tp-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}.tp-split-wide{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
.tp-stack{display:grid;gap:18px}
.tp-row-card{flex-direction:row;gap:12px;padding:12px}.tp-row-card .tp-btn{flex:1;height:42px;font-size:14px}
.tp-timer-stage{display:grid;place-items:center;min-height:190px;font-size:22px}
.tp-timer-controls{gap:10px;padding:12px}
.tp-num{display:flex;align-items:center;gap:8px;height:38px;padding:0 10px;border-radius:9px;border:1px solid #3a3530;background:#0b0b0d;color:#a59d8e;font-size:12px}
.tp-num input{width:56px;background:none;border:0;color:#fff;font-weight:800;font-size:14px}.tp-num-small{height:34px}.tp-num-small input{width:48px}
.tp-settings h3{margin:4px 0 0;font-size:15px;color:#fff4dd}.tp-settings>.tp-muted{margin:-6px 0 0;font-size:12px}
.tp-form-inline{padding:0;gap:12px}.tp-form-inline .tp-form-row{grid-template-columns:repeat(2,minmax(0,1fr))}
.tp-sub{display:grid;gap:3px;padding-top:12px;border-top:1px solid #ffffff0d}.tp-sub b{color:#fff4dd;font-size:13.5px}.tp-sub span{color:#8d8679;font-size:12px}
.tp-switch-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #ffffff0d}.tp-switch-row>div{flex:1;display:grid;gap:3px}.tp-switch-row b{color:#fff4dd;font-size:13.5px}.tp-switch-row span{color:#8d8679;font-size:12px}
.tp-fountain-preview{position:relative;height:420px;border-radius:12px;background:radial-gradient(ellipse at 50% 100%,#f4c66f14,transparent 60%),#08080a;border:1px solid #ffffff0a;box-shadow:inset 0 2px 12px #000a;overflow:hidden;font-size:15px}
.tp-dim{opacity:.4;pointer-events:none}.tp-small{font-size:11.5px}
.tp-form-inline input[type=range]{accent-color:#f4c66f;height:auto;padding:0;border:0;background:none}
.tp-form-inline label b{color:#f7d58d;margin-left:4px}
@media(max-width:1100px){.tp-split,.tp-split-wide{grid-template-columns:1fr}}
.tp-form .tp-num{display:flex;flex-direction:row}.tp-form .tp-num input:not([type=checkbox]){height:auto;border:0;background:none;padding:0;width:52px}
.tp-form .tp-toggle-bare{display:inline-flex}
.tp-preview .tpo-stats-bar{font-size:11px;max-width:100%;flex-wrap:wrap;justify-content:center}
.tp-hero-pill:empty{display:none}
/* v0.9.3 gift pages */
.tp-grid-gal{grid-template-columns:1fr 2fr;margin-bottom:18px}
.tp-grid-chal{grid-template-columns:1fr 2fr}
.tp-preview-gi{min-height:220px;font-size:14px}.tp-preview-chal{min-height:240px;font-size:13px}
.tp-actions-four{grid-template-columns:1.3fr 1fr 1fr 44px}
.tp-actions-end{display:flex;justify-content:flex-end;margin-top:12px}
.tp-inline{display:flex;align-items:center;gap:10px}.tp-inline strong{color:#fff4dd;font-size:15px}
.tp-rows{display:grid;gap:8px;margin-top:6px}
.tp-erow{display:flex;align-items:center;gap:8px}.tp-erow input:not([type=checkbox]){min-width:0;height:36px;border-radius:8px;border:1px solid #453b2e;background:#0b0b0d;color:#fff;padding:0 10px;font-size:13px}
.tp-erow-head span{font-size:11px;font-weight:700;color:#b9ae98;padding-left:2px}
.tp-erow-check{display:flex!important;align-items:center;gap:5px;font-size:12px!important;color:#e6dccb;white-space:nowrap}
.tp-rows [data-rows]{display:grid;gap:8px}.tp-rows>.tp-btn{justify-self:start}
.tp-form-row4{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.tp-hero-btns{display:flex;gap:8px}
.tp-split-heart{grid-template-columns:minmax(0,.8fr) minmax(0,2fr)}
.tp-heart-preview{display:grid;place-items:center;min-height:320px;font-size:20px;background:radial-gradient(ellipse at 50% 40%,#ff3f8e18,transparent 60%),linear-gradient(165deg,#1f1c17,#0b0b0d)}
.tp-split-jar{grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr)}
.tp-jar-preview{display:grid;place-items:center;min-height:460px;font-size:22px;padding-top:10px}
.tp-seg{display:inline-flex;padding:3px;border-radius:10px;background:#0b0b0d;border:1px solid #453b2e;align-self:end;width:max-content}
.tp-seg button{border:0;background:none;color:#cfc4ae;font-weight:700;font-size:12.5px;padding:8px 12px;border-radius:8px}.tp-seg button.on{color:#1a1410;background:linear-gradient(120deg,#b9873c,#f7d58d 52%,#c79443)}
.tp-details{border-top:1px solid #ffffff0d;padding-top:12px}.tp-details summary{cursor:pointer;display:grid;gap:3px;list-style:none}.tp-details summary b{color:#fff4dd;font-size:13.5px}.tp-details summary span{color:#8d8679;font-size:12px}.tp-details .tp-form-row{margin-top:12px}
.tp-first{border-top:0;padding-top:0}
@media(max-width:1100px){.tp-grid-gal,.tp-grid-chal,.tp-split-heart,.tp-split-jar{grid-template-columns:1fr}.tp-form-row4{grid-template-columns:1fr 1fr!important}}
.tp-tabs button span:empty{display:none}
/* v0.9.4 interactive pages */
.tp-fw-preview{height:440px}
.tp-split-wheel{grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr)}
.tp-wheel-preview{display:grid;place-items:center;min-height:430px;padding:16px 0;font-size:20px;border-radius:12px;background:radial-gradient(ellipse at 50% 40%,#f4c66f12,transparent 60%),#08080a;border:1px solid #ffffff0a;box-shadow:inset 0 2px 12px #000a}
.tp-list-head{display:flex;align-items:center;justify-content:space-between;margin-top:26px}.tp-list-head .tp-section{margin:0}
.tp-row-input{flex:1;min-width:0;height:38px;border-radius:9px;border:1px solid #453b2e;background:#0b0b0d;color:#fff;padding:0 12px;font-weight:700}
.tp-btn-pink{color:#fff;border-color:#ff3f8e;background:linear-gradient(180deg,#e0336f,#a51e4f)}
.tp-wheel-row{gap:10px}
.tp-split-round{grid-template-columns:minmax(0,.75fr) minmax(0,1.6fr)}
.tp-round-preview{display:grid;place-items:start center;font-size:20px;padding-top:4px}
.tp-round-bar{display:grid;grid-template-columns:auto auto auto 1fr;gap:10px;align-items:center;padding:12px}.tp-round-bar .tp-btn{height:40px}
.tp-history{display:grid;gap:2px}.tp-hist-row{display:flex;align-items:center;gap:12px;padding:10px 4px;border-bottom:1px solid #ffffff0a}.tp-hist-row>div{flex:1;display:grid}.tp-hist-row strong{color:#fff4dd}.tp-hist-row small{color:#8d8679;font-size:11.5px}.tp-hist-row b{color:#ffd23f;font-size:13px}.tp-hist-crown{color:#f4c66f;font-size:18px;width:20px;text-align:center}
@media(max-width:1100px){.tp-split-wheel,.tp-split-round{grid-template-columns:1fr}.tp-round-bar{grid-template-columns:1fr 1fr 1fr}.tp-round-bar [data-url]{grid-column:1/-1}}
.tp-fountain-preview.tpw-fw{height:440px}
/* gift browser */
.tp-gb-bar{flex-direction:row;align-items:center;gap:12px;padding:12px;margin-bottom:16px;flex-wrap:wrap}
.tp-gb-bar input[type=search],.tp-gb-bar select{height:40px;border-radius:9px;border:1px solid #453b2e;background:#0b0b0d;color:#fff;padding:0 12px;font-size:13px}.tp-gb-bar input[type=search]{flex:1;min-width:220px}.tp-gb-bar .tp-toggle{margin-left:0}
.tp-gb-note{margin-bottom:16px;gap:4px}.tp-gb-note b{color:#fff4dd}.tp-gb-note span{color:#b8ad9a;font-size:13px}.tp-gb-note code{color:#f7d58d}
.tp-gb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.tp-gb-card{position:relative;display:grid;justify-items:center;gap:4px;padding:14px 10px;border-radius:14px;border:1px solid var(--line);background:linear-gradient(165deg,#1f1c17,#0b0b0d);color:#fff;cursor:pointer;transition:transform .15s,border-color .15s}
.tp-gb-card:hover{transform:translateY(-2px);border-color:#f4c66f88}
.tp-gb-img{position:relative;width:72px;height:72px;display:grid;place-items:center}.tp-gb-img img{max-width:100%;max-height:100%;filter:drop-shadow(0 4px 8px #000a)}
.tp-gb-anim{position:absolute;right:-6px;top:-4px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:9px;font-style:normal;color:#1a1410;background:linear-gradient(120deg,#b9873c,#f7d58d)}
.tp-gb-card strong{font-size:13px;text-align:center}.tp-gb-coins{font-size:12px;font-weight:800;color:#ffd23f}.tp-gb-card small{font-size:10.5px;color:#8d8679;font-family:ui-monospace,Consolas,monospace}
.tp-gb-dialog{width:min(560px,94vw)}.tp-gb-stage{display:grid;place-items:center;min-height:300px;border-radius:12px;background:radial-gradient(ellipse at 50% 50%,#f4c66f14,transparent 65%),#08080a}.tp-gb-stage video,.tp-gb-stage img{max-width:100%;max-height:340px}
.tp-gb-facts{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.tp-gb-facts div{display:grid;gap:2px;padding:10px;border-radius:10px;background:#0b0b0d;border:1px solid #ffffff10}.tp-gb-facts small{font-size:11px;color:#8d8679}.tp-gb-facts b{color:#fff4dd;font-family:ui-monospace,Consolas,monospace;font-size:13px}
/* ---- v0.9.6 gift picker (searchable grid of every US gift) ---- */
.tp-gp{width:min(980px,96vw);max-height:92vh}.tp-gp-wrap{display:grid;grid-template-rows:auto auto auto 1fr auto;gap:12px;padding:20px 22px;max-height:88vh;box-sizing:border-box}
.tp-gp-tools{display:flex;gap:10px;align-items:center}
.tp-gp-search{flex:1;display:flex;align-items:center;gap:8px;height:44px;padding:0 14px;border-radius:12px;border:1px solid #453b2e;background:#0b0b0d;color:#a59d8e}
.tp-gp-search:focus-within{border-color:#f4c66f;box-shadow:0 0 0 3px #f4c66f22}.tp-gp-search input{flex:1;border:0;background:none;color:#fff;font-size:14px;outline:0;height:100%}
.tp-gp-region,.tp-gp-sort{height:44px;display:inline-flex;align-items:center;gap:6px;padding:0 14px;border-radius:12px;border:1px solid #453b2e;background:#0b0b0d;color:#f4efe6;font-size:13px;font-weight:700;white-space:nowrap}
.tp-gp-sort{cursor:pointer}.tp-gp-sort:hover{border-color:#f4c66f88}
.tp-gp-note{margin:0;padding:10px 12px;border-radius:10px;background:#f4c66f12;border:1px solid #f4c66f33;color:#e6dccb;font-size:13px}
.tp-gp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px;overflow:auto;min-height:220px;padding:2px 4px 4px 2px;align-content:start}
.tp-gp-card{position:relative;display:grid;justify-items:center;align-content:start;gap:6px;padding:14px 8px 12px;border-radius:14px;border:1px solid #ffffff12;background:linear-gradient(165deg,#221e18,#0b0b0d 70%);color:#fff;cursor:pointer;content-visibility:auto;contain-intrinsic-size:132px 124px;transition:transform .12s,border-color .12s,box-shadow .12s}
.tp-gp-card:hover{transform:translateY(-2px);border-color:#f4c66f77}.tp-gp-card:focus-visible{outline:2px solid #f4c66f;outline-offset:2px}
.tp-gp-card.on{border-color:#f4c66f;box-shadow:0 0 0 2px #f4c66f,0 0 18px #f4c66f44;background:linear-gradient(165deg,#3a2f1c,#120f0b 70%)}
.tp-gp-card.on:after{content:'✓';position:absolute;top:6px;right:8px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:900;color:#1a1410;background:linear-gradient(120deg,#b9873c,#f7d58d 52%,#c79443)}
.tp-gp-pic{width:52px;height:52px;display:grid;place-items:center;border-radius:12px;background:radial-gradient(circle,#ffffff14,transparent 70%);font-size:32px;line-height:1}
.tp-gp-pic img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 6px #000a)}
.tp-gp-card strong{font-size:12.5px;line-height:1.15;text-align:center;overflow-wrap:anywhere}
.tp-gp-coin{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;background:#000;border:1px solid #f4c66f44;color:#ffd23f;font-size:11.5px;font-weight:800}.tp-gp-coin svg{width:12px;height:12px}
.tp-gp-anim{position:absolute;top:6px;left:8px;font-size:9px;font-style:normal;color:#f7d58d}
.tp-gp-any .tp-gp-pic{border:1px dashed #f4c66f66}.tp-gp-empty{grid-column:1/-1;margin:0;padding:10px;color:#a59d8e;text-align:center;font-size:13px}
.tp-gp-count{color:#b8ad9a;font-size:13px}
.tp-gp-field{display:flex;align-items:stretch;gap:6px;min-width:0}.tp-gp-field input{flex:1;min-width:0}
.tp-gp-btn{flex:none;width:40px;min-height:36px;padding:0;display:grid;place-items:center;border-radius:9px;border:1px solid #f4c66f66;background:linear-gradient(165deg,#2a241b,#0b0b0d);cursor:pointer}
.tp-gp-btn:hover{border-color:#f4c66f;box-shadow:0 0 10px #f4c66f44}.tp-gp-btn .tp-gp-pic{width:30px;height:30px;font-size:20px;background:none}
.tp-gp-plus{color:#f4c66f;font-weight:900}
.tp-erow .tp-gp-field{flex:inherit}
/* top gift editor */
.tp-dialog-wide{width:min(980px,96vw)}
.tp-tg-edit{display:grid;grid-template-columns:320px 1fr;gap:18px}
.tp-tg-prev{display:grid;grid-template-rows:auto 1fr;justify-items:center;gap:10px;padding:12px;border-radius:14px;border:1px solid #ffffff10;background:repeating-conic-gradient(#ffffff08 0 25%,transparent 0 50%) 0 0/22px 22px,#0b0b0d}
.tp-tg-stage{display:grid;place-items:center;font-size:12px;min-height:300px}
.tp-tg-form{display:grid;gap:12px;align-content:start}
.tp-seg-4{display:grid;grid-template-columns:repeat(4,1fr);width:100%}.tp-seg-4 button{white-space:nowrap}
.tp-seg-mini button{padding:6px 10px;font-size:12px}
.tp-tg-opts{display:grid;grid-template-columns:1fr 190px;gap:12px;align-items:stretch}.tp-tg-opts>div:first-child{display:grid;gap:4px;padding:10px 12px;border-radius:12px;background:#0b0b0d;border:1px solid #ffffff10}
.tp-tg-default{display:grid;align-content:start;gap:6px;padding:10px;border-radius:12px;border:1px solid #f4c66f66;background:linear-gradient(165deg,#2a241b,#0b0b0d);text-align:center}
.tp-tg-default small{font-size:10.5px;font-weight:800;letter-spacing:.1em;color:#f7d58d;text-transform:uppercase}.tp-tg-default span{font-size:11px;color:#a59d8e}
.tp-tg-default .tp-gp-btn{width:100%;height:84px}.tp-tg-default .tp-gp-btn .tp-gp-pic{width:70px;height:70px;font-size:44px}.tp-tg-default .tp-gp-field{flex-direction:column}
.tp-tg-default input{height:32px;border-radius:8px;border:1px solid #453b2e;background:#0b0b0d;color:#fff;padding:0 8px;font-size:12px;text-align:center}
@media(max-width:760px){.tp-tg-edit,.tp-tg-opts{grid-template-columns:1fr}}
/* jar theme picker */
.tp-jar-themes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.tp-jar-theme{display:grid;justify-items:center;gap:6px;padding:12px 8px 10px;border-radius:14px;border:1px solid #ffffff12;background:radial-gradient(ellipse at 50% 40%,var(--sw2,#222) 0,transparent 75%),#0b0b0d;color:#e6dccb;font-size:12px;font-weight:800;cursor:pointer;transition:.12s}
.tp-jar-theme:hover{transform:translateY(-2px);border-color:#f4c66f77}.tp-jar-theme.on{border-color:#f4c66f;box-shadow:0 0 0 2px #f4c66f,0 0 16px #f4c66f44;color:#fff4dd}
.tp-jar-theme .tpj-thumb{width:58px;margin-top:8px}
@media(max-width:900px){.tp-jar-themes{grid-template-columns:repeat(3,minmax(0,1fr))}}
.tp-gb-dialog .tp-dialog-foot{flex-wrap:wrap}.tp-gb-up{cursor:pointer}
.tp-gp-dim{opacity:.55;filter:grayscale(.3)}
.tp-tg-stage{font-size:15px}
.tp-jar-group{display:grid;gap:8px;margin-bottom:12px}.tp-jar-group>b{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#cfc4ae}.tp-jar-group i{font-style:normal;margin-left:6px;padding:1px 6px;border-radius:6px;font-size:10px;color:#1a1410;background:linear-gradient(120deg,#b9873c,#f7d58d 52%,#c79443)}
.tp-jar-deluxe .tp-jar-theme .tpj-thumb{width:52px;margin:14px 10px 6px}
.tp-jar-preview{overflow:hidden;display:grid;justify-items:center}.tp-jar-preview:has(.deluxe){font-size:14.5px}
/* ---- gift interaction bar editor (v0.9.7) ---- */
.tp-gi-dialog{width:min(1040px,96vw);max-height:94vh}.tp-gi-wrap{display:grid;gap:12px;padding:18px 22px;max-height:90vh;box-sizing:border-box;overflow:auto}
.tp-gi-stage{position:relative;display:grid;grid-template-columns:1fr 34px;gap:6px;height:250px;border-radius:14px;border:1px solid #ffffff10;background:repeating-conic-gradient(#ffffff08 0 25%,transparent 0 50%) 0 0/22px 22px,#0b0b0d;overflow:hidden}
.tp-gi-stage-in{display:grid;place-items:center;font-size:13px;overflow:hidden;min-width:0}
.tp-gi-tpos{display:grid;justify-items:center;align-content:center;gap:6px;padding:8px 0;border-left:1px solid #ffffff10}.tp-gi-tpos span{writing-mode:vertical-rl;font-size:9px;font-weight:800;letter-spacing:.2em;color:#a59d8e}
.tp-gi-tpos input{writing-mode:vertical-lr;direction:rtl;width:18px;height:150px;accent-color:#f4c66f}
.tp-gi-tabs{display:flex;align-items:center;gap:6px;border-bottom:1px solid #ffffff12}.tp-gi-tabs>span:first-of-type{flex:1}
.tp-gi-tabs [data-tab]{border:0;background:none;color:#a59d8e;font-weight:800;font-size:13.5px;padding:10px 12px;border-bottom:2px solid transparent;cursor:pointer}
.tp-gi-tabs [data-tab].on{color:#fff4dd;border-bottom-color:#f4c66f}.tp-gi-tabs [data-tab] b{margin-left:4px;padding:1px 7px;border-radius:999px;background:#2a241b;font-size:11px}
.tp-gi-sum{color:#b8ad9a;font-size:12.5px}.tp-gi-sum b{color:#fff}
.tp-gi-sec{font-size:11px;font-weight:900;letter-spacing:.14em;color:#8d8679;margin-top:4px}
.tp-gi-look{display:grid;grid-template-columns:1.4fr 1.3fr 130px 70px 1.1fr 1.6fr;gap:10px;align-items:end}
.tp-gi-motion{display:grid;grid-template-columns:auto auto 1fr;gap:16px;align-items:end}
.tp-gi-panel label{display:grid;gap:6px;font-size:12px;font-weight:700;color:#cfc4ae;min-width:0}
.tp-gi-panel input:not([type=checkbox]):not([type=range]):not([type=color]),.tp-gi-panel select{height:40px;border-radius:10px;border:1px solid #453b2e;background:#0b0b0d;color:#fff;padding:0 10px;font-size:13.5px;min-width:0;width:100%;box-sizing:border-box}
.tp-gi-panel input[type=color]{height:40px;width:100%;min-width:44px;border-radius:10px;border:1px solid #453b2e;background:#0b0b0d;padding:4px;box-sizing:border-box}
.tp-step{display:flex;align-items:center;gap:4px}.tp-step button{flex:none;width:30px;height:40px;border-radius:9px;border:1px solid #453b2e;background:#16130f;color:#fff;font-weight:900;cursor:pointer}.tp-step input[type=number]{text-align:center;padding:0 2px!important}
.tp-step-color input[type=color]{width:44px!important;flex:none}
.tp-gi-panel .tp-seg{align-self:auto}.tp-gi-panel .tp-seg button{padding:9px 14px}
.tp-gi-speed span{display:flex;align-items:center;gap:10px;height:40px}.tp-gi-speed input{flex:1;accent-color:#f4c66f}.tp-gi-speed b{min-width:22px;color:#fff}
.tp-gi-rows{display:grid;gap:8px;max-height:300px;overflow:auto;padding-right:4px}
.tp-gi-row{display:grid;grid-template-columns:18px 40px 1fr auto auto auto auto;align-items:center;gap:10px;padding:6px 8px;border-radius:12px;border:1px solid #ffffff10;background:#0b0b0d}
.tp-gi-row.off{opacity:.55}.tp-gi-row.drag{opacity:.4}.tp-gi-row.over{border-color:#f4c66f;box-shadow:0 0 0 1px #f4c66f}
.tp-gi-grip{cursor:grab;color:#8d8679;font-size:18px;text-align:center;user-select:none}
.tp-gi-pic .tp-gp-pic{width:36px;height:36px;font-size:24px}
.tp-gi-label{position:relative;display:block!important}.tp-gi-label input{height:36px!important;padding-right:28px!important}.tp-gi-label span{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#8d8679;font-size:12px}
.tp-gi-row small{color:#8d8679;font-size:11px;white-space:nowrap;max-width:110px;overflow:hidden;text-overflow:ellipsis}
.tp-gi-empty{margin:0;padding:18px;text-align:center;color:#a59d8e}
.tp-gi-card .tp-preview-gi{min-height:230px;font-size:13px}
@media(max-width:900px){.tp-gi-look{grid-template-columns:1fr 1fr}.tp-gi-motion{grid-template-columns:1fr}.tp-gi-row{grid-template-columns:18px 40px 1fr auto;}.tp-gi-row small{display:none}}
.tp-wt-group{display:grid;gap:8px;margin-bottom:12px}.tp-wt-group>b{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#cfc4ae}.tp-wt-group i{font-style:normal;color:#f7d58d}
.tp-wt-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.tp-wt{position:relative;display:grid;justify-items:center;gap:6px;padding:10px 6px;border-radius:14px;border:1px solid #ffffff12;background:#0b0b0d;color:#e6dccb;font-size:12px;font-weight:800;cursor:pointer;transition:.12s}
.tp-wt:hover{transform:translateY(-2px);border-color:#f4c66f77}.tp-wt.on{border-color:#f4c66f;box-shadow:0 0 0 2px #f4c66f,0 0 16px #f4c66f44;color:#fff4dd}
.tp-wt .tpw-thumb{width:72px;height:72px;overflow:visible}.tp-wt em{position:absolute;top:6px;right:6px;font-style:normal;font-size:8.5px;letter-spacing:.08em;padding:2px 5px;border-radius:5px;color:#1a1410;background:linear-gradient(120deg,#b9873c,#f7d58d 52%,#c79443)}
@media(max-width:1200px){.tp-wt-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* armed (Confirm?) buttons grow to fit their text */
button[data-armed]{width:auto!important;min-width:max-content;padding-left:10px!important;padding-right:10px!important;white-space:nowrap;font-size:12px!important;color:#fff!important;background:#7a1020!important;border-color:#ff4f6d!important}
.tp-gb-import{display:grid;gap:6px;max-height:55vh;overflow:auto;margin:10px 0}
.tp-gb-irow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) 110px;gap:10px;align-items:center;padding:8px 10px;border:1px solid #2f2a33;border-radius:10px;background:#121117}
.tp-gb-irow span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:#f3ece0}
.tp-gb-irow select{height:34px;border-radius:8px;border:1px solid #453b2e;background:#0b0b0d;color:#fff;padding:0 8px;font-size:12.5px;min-width:0}
.tp-gb-irow em{font-style:normal;font-size:11.5px;color:#b8ad9a}.tp-gb-irow.bad em{color:#ff8a8a}.tp-gb-irow.bad{grid-template-columns:minmax(0,1fr) auto}
.tp-hero-btns label.tp-btn{display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.tp-preview:has(.tp-tg-peek){position:relative}.tp-tg-peek{position:absolute;bottom:8px;right:8px;z-index:3;opacity:.85}.tp-tg-peek:hover{opacity:1}.tp-tg-peek button{padding:4px 8px;font-size:11px}
/* Live Chat: name colour pickers */
.lcn-tiers{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px}
.lcn-tier{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;border:1px solid #ffffff14;background:#ffffff06;cursor:pointer}
.lcn-tier input[type=color]{width:30px;height:30px;border:0;padding:0;border-radius:8px;background:none;cursor:pointer;flex:none}
.lcn-tier input[type=color]::-webkit-color-swatch-wrapper{padding:0}.lcn-tier input[type=color]::-webkit-color-swatch{border:0;border-radius:8px}
.lcn-tier span{display:grid;line-height:1.2}.lcn-tier b{font-size:13px}.lcn-tier small{font-size:11px;color:#8d8679}
.tpc-chip.lcn-gold{border-color:#ffd24a66;color:#ffe39a}
/* ===== Integrations ===== */
.ig-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(440px,1fr));gap:18px}
.ig-card{display:grid;gap:12px;align-content:start}
.ig-head{display:flex;gap:12px;align-items:flex-start}.ig-head h3{margin:0 0 3px;font-size:16px}.ig-head p{margin:0;font-size:12.5px;color:#a69c8a}
.ig-ico{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:12px;font-size:20px;background:linear-gradient(135deg,#2a2214,#16130e);border:1px solid #f4c66f33}
.ig-pill{margin-left:auto;flex:none;padding:5px 10px;border-radius:99px;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;border:1px solid #ffffff22;color:#bdb5a6}
.ig-pill.on{color:#7af0be;border-color:#2ee59d66;background:#2ee59d14}.ig-pill.off{color:#ffb3bd;border-color:#ff5a6e55;background:#ff5a6e12}
.ig-item{display:grid;gap:8px;padding:10px;border-radius:12px;border:1px solid #ffffff12;background:#ffffff05}
.ig-fields{display:grid;grid-template-columns:1fr 1.4fr 90px 1fr;gap:8px}.ig-fields select{grid-column:1/-1}.ig-fields.two{grid-template-columns:1fr 1fr}
.ig-fields input,.ig-fields select,.ig-in{height:36px;border-radius:9px;border:1px solid #ffffff1f;background:#0b0b0d;color:#fff;padding:0 10px;font:500 13px Inter,Arial,sans-serif;min-width:0}
.ig-fields input:focus,.ig-fields select:focus,.ig-in:focus{outline:none;border-color:#f4c66f}
.ig-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ig-row .ig-in{flex:1;min-width:140px}
.ig-tag{font-size:11px;font-weight:700;color:#bdb5a6;padding:4px 8px;border-radius:7px;background:#ffffff0a}
.ig-out{font-size:12.5px;color:#bdb5a6}.ig-out.ok{color:#7af0be}.ig-out.bad{color:#ff9aa7}
.ig-help{font-size:12.5px;color:#a69c8a}.ig-help summary{cursor:pointer;color:#f4d79a;font-weight:700}.ig-help ol{margin:8px 0 0;padding-left:18px;display:grid;gap:4px}
.ig-save{position:sticky;bottom:0;display:flex;align-items:center;gap:12px;padding:14px 0;margin-top:8px;background:linear-gradient(transparent,#0c0c0e 35%)}
.ig-list{margin:0;padding:0;list-style:none;display:grid;gap:8px;font-size:13.5px}
.ig-dl{justify-self:start;text-decoration:none}
@media(max-width:900px){.ig-grid{grid-template-columns:1fr}.ig-fields{grid-template-columns:1fr 1fr}}
.tp-seg-sm{align-self:center}.tp-seg-sm button{padding:5px 9px;font-size:11.5px;white-space:nowrap}