:root { --ink:#f2f6ff; --muted:#8f9db2; --line:rgba(94,145,220,.20); --panel:#0f1623; --panel-2:#141d2c; --lime:#3488ff; --pink:#5ba5ff; --yellow:#ffd84a; --danger:#ff736b; --shadow:#03060c; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:#080b12; color:var(--ink); font-family:"Space Grotesk",sans-serif; min-width:320px; }
.noise { position:fixed; pointer-events:none; inset:0; opacity:.17; z-index:3; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.23'/%3E%3C/svg%3E"); mix-blend-mode:soft-light; }
.topbar { height:74px; padding:0 max(22px,calc((100vw - 1180px)/2)); display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); background:rgba(8,11,18,.92); backdrop-filter:blur(10px); position:sticky; top:0; z-index:4; }
.brand { display:flex; align-items:center; gap:12px; color:var(--ink); text-decoration:none; font-family:"Press Start 2P",monospace; font-size:14px; letter-spacing:-1px; }
.lime { color:var(--lime); }.brand-mark { position:relative; width:29px; height:29px; display:grid; grid-template-columns:repeat(3,1fr); gap:2px; padding:4px; background:var(--lime); box-shadow:4px 4px 0 #164d9e; }.brand-mark i { background:#091426; }.brand-mark i:nth-child(2){background:transparent}.brand-mark i:nth-child(3){background:#091426}
.topbar-actions{display:flex;align-items:center;gap:10px}.live-pill { color:var(--muted); display:flex; align-items:center; gap:8px; font:10px "DM Mono",monospace; letter-spacing:.08em; }.logout-button{white-space:nowrap}.pulse,.status-dot { width:9px; height:9px; border-radius:50%; background:#4a5568; flex:none; }.pulse { background:var(--lime); box-shadow:0 0 0 4px rgba(52,136,255,.16); animation:pulse 2s infinite; }@keyframes pulse{50%{box-shadow:0 0 0 8px rgba(52,136,255,0)}}
main { width:min(1180px,calc(100% - 44px)); margin:auto; padding-bottom:70px; }.hero { min-height:385px; display:grid; grid-template-columns:1.05fr .95fr; align-items:center; overflow:hidden; border-bottom:1px solid var(--line); position:relative; }.eyebrow,.card-kicker { font:10px "DM Mono",monospace; color:var(--lime); letter-spacing:.13em; margin:0 0 12px; }.hero h1 { font:clamp(35px,5vw,65px)/1.06 "Press Start 2P",monospace; letter-spacing:-3px; margin:0; }.hero h1 em { font-style:normal; color:var(--lime); text-shadow:4px 4px 0 #174f9f; }.hero-copy { max-width:445px; color:var(--muted); font-size:18px; line-height:1.45; margin:25px 0 0; }.hero-art { height:310px; position:relative; overflow:hidden; align-self:end; background:linear-gradient(#67bcdb 0 56%,#94d64d 56%); box-shadow:inset 0 0 0 6px #1c304c; }.sun { width:78px;height:78px;background:#ffda4d; position:absolute;top:33px;right:80px;box-shadow:8px 8px 0 #e8a532; }.cloud { background:#effeea;height:17px;position:absolute; }.cloud:before,.cloud:after { content:"";position:absolute;background:inherit; }.cloud:before{width:22px;height:22px;left:10px;top:-10px}.cloud:after{width:15px;height:15px;right:8px;top:-6px}.cloud-a{width:74px;top:50px;left:18px}.cloud-b{width:53px;top:98px;right:23px;transform:scale(.7)}.mountain { position:absolute; bottom:105px; transform:rotate(45deg); background:#548873; }.mountain.back { width:135px;height:135px;right:151px; }.mountain.front { width:180px;height:180px;right:5px;background:#2e7656; }.grass { position:absolute;bottom:0;width:100%;height:106px;background:repeating-linear-gradient(90deg,#77bb38 0 22px,#69a72e 22px 44px); }.creeper { width:53px;height:88px;background:#6cb53e;position:absolute;bottom:83px;left:49%;box-shadow:inset 7px 0 #93d84e,inset -8px 0 #4e8e31; }.creeper:before,.creeper:after{content:"";position:absolute;bottom:-17px;width:16px;height:20px;background:#578e32}.creeper:before{left:5px}.creeper:after{right:5px}.creeper span{position:absolute;background:#152911;width:12px;height:16px;top:20px}.creeper span:first-child{left:10px}.creeper span:nth-child(2){right:10px}.creeper b{position:absolute;width:25px;height:22px;background:#152911;left:14px;top:40px;clip-path:polygon(0 0,40% 0,40% 28%,60% 28%,60% 0,100% 0,100% 100%,70% 100%,70% 72%,30% 72%,30% 100%,0 100%)}.heart{position:absolute;color:var(--pink);font-size:36px;text-shadow:3px 3px #2b64ad;animation:float 3s infinite ease-in-out}.heart-a{left:42%;top:66px}.heart-b{left:54%;top:108px;animation-delay:-1.2s;font-size:22px}@keyframes float{50%{transform:translateY(-11px)}}
.connection-grid { display:grid; grid-template-columns:1fr 1fr; gap:15px; margin-top:30px; }.connection-card,.settings-card,.mapping-editor,.mapping-list-wrap,.simulate-card,.activity-log { border:1px solid var(--line); background:linear-gradient(130deg,var(--panel-2),var(--panel)); box-shadow:7px 7px 0 var(--shadow); }.connection-card { padding:23px; }.tiktok-card { background:linear-gradient(130deg,#121b2b,#0e1421); }.card-top { display:flex; align-items:center; gap:13px; }.card-top>div { flex:1; }.card-kicker { margin:0 0 4px; }.tiktok-card .card-kicker{color:#79b8ff}.card-top h2 { font-size:18px;margin:0; }.pixel-icon { display:grid;place-items:center;width:38px;height:38px;background:var(--lime);color:#07111f;font:20px "DM Mono";box-shadow:4px 4px 0 #164d9e; }.pixel-icon.gift { background:var(--pink);box-shadow:4px 4px 0 #2b64ad;color:#fff; }.pixel-icon.cube:after{content:"";width:14px;height:14px;background:#0a1d36;box-shadow:7px 7px 0 #2b65ad;transform:rotate(30deg) skew(-5deg)}.status-copy { min-height:22px;color:var(--muted);margin:18px 0 13px; }.connection-actions { display:flex;gap:7px;align-items:center; }.button { border:0; cursor:pointer; font:600 13px "Space Grotesk",sans-serif; padding:11px 14px; color:#091321; background:#dbe8fb; transition:transform .15s,filter .15s; }.button:hover{transform:translate(-1px,-1px);filter:brightness(1.08)}.button:active{transform:translate(1px,1px)}.button.primary{background:var(--lime);box-shadow:3px 3px 0 #174f9f}.button.pink{background:var(--pink);color:white;box-shadow:3px 3px 0 #2b64ad}.button.text{background:transparent;color:var(--muted);padding:9px}.button.danger{color:#ffd6d3}.button:disabled{cursor:not-allowed;filter:grayscale(1);opacity:.5}.status-dot.connected { background:var(--lime);box-shadow:0 0 0 4px rgba(52,136,255,.16); }.status-dot.connecting,.status-dot.reconnecting{background:var(--yellow);animation:pulse 1.2s infinite}.status-dot.error{background:var(--danger)}
.gift-history-section{margin-top:60px}.gift-history-log{min-height:170px;max-height:390px;overflow:auto;border:1px solid var(--line);background:linear-gradient(130deg,var(--panel-2),var(--panel));box-shadow:7px 7px 0 var(--shadow)}.gift-history-heading,.gift-history-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(110px,190px);gap:16px;align-items:center;padding:11px 14px}.gift-history-heading{position:sticky;top:0;z-index:1;border-bottom:1px solid #2a3950;background:#121a28;color:var(--muted);font:12px "DM Mono",monospace}.gift-history-row{border-bottom:1px solid rgba(137,160,194,.12);background:rgba(5,10,18,.38)}.gift-history-row:last-child{border-bottom:0}.gift-history-row strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#dce6f5;font-size:14px}.gift-history-row code{justify-self:start;white-space:nowrap;color:var(--yellow);font:12px "DM Mono",monospace}.gift-history-log .empty-state{margin:27px 15px}@media(max-width:760px){.gift-history-section{margin-top:45px}.gift-history-heading,.gift-history-row{grid-template-columns:minmax(0,1fr) 96px;gap:10px;padding:10px}.gift-history-heading{font-size:10px}.gift-history-row strong{font-size:13px}.gift-history-row code{font-size:11px}}
.live-username{margin:0 0 14px}.live-username input{margin-top:6px;border-color:rgba(91,165,255,.45)}.live-username input:focus{border-color:var(--pink);box-shadow:0 0 0 3px rgba(52,136,255,.14)}
.live-username small{display:block;min-height:12px;margin-top:4px;color:#9fcaff;font:10px "DM Mono",monospace}
.workspace { margin-top:60px; }.section-heading { display:flex;align-items:end;justify-content:space-between;margin-bottom:18px;gap:16px; }.section-heading .eyebrow{margin-bottom:7px}.section-heading h2{font:600 27px/1 "Press Start 2P",monospace;letter-spacing:-2px;margin:0}.hint{font:11px "DM Mono",monospace;color:var(--muted);text-align:right}.settings-card { display:grid;grid-template-columns:1fr 1.2fr 1fr auto;gap:13px;padding:17px;align-items:end; }.settings-card .button{height:42px}.settings-card small{display:block;color:var(--lime);font:10px "DM Mono";min-height:12px;margin-top:4px}label{display:block;color:#dce6f5;font-size:13px;font-weight:500}input,textarea { width:100%;background:#0a111e;border:1px solid #243650;color:var(--ink);font:14px "DM Mono",monospace;padding:10px;margin-top:7px;outline:none;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus{border-color:var(--lime);box-shadow:0 0 0 3px rgba(52,136,255,.13)}textarea{resize:vertical;line-height:1.45}.mapping-layout{display:grid;grid-template-columns:minmax(290px,.85fr) 1.15fr;gap:17px}.mapping-editor{padding:21px}.editor-title{display:flex;align-items:center;gap:12px;margin-bottom:22px}.editor-title .wand{width:31px;height:31px;font-size:16px}.editor-title h3{margin:0;font-size:20px}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mapping-editor>label{margin-top:13px}.variables{color:var(--muted);font-size:11px;line-height:1.8;margin:10px 0 17px}.variables code{color:var(--lime);font:10px "DM Mono"}.editor-bottom{display:flex;justify-content:space-between;align-items:end;gap:16px}.cooldown{max-width:165px}.toggle{display:flex;gap:7px;align-items:center;white-space:nowrap}.toggle input{width:0;height:0;visibility:hidden;margin:0}.toggle span{display:inline-block;width:30px;height:17px;background:#2a3648;position:relative;cursor:pointer}.toggle span:after{content:"";position:absolute;width:11px;height:11px;top:3px;left:3px;background:#c2cede;transition:transform .15s}.toggle input:checked+span{background:#1f65bb}.toggle input:checked+span:after{background:var(--lime);transform:translateX(13px)}.editor-actions{display:flex;gap:7px;margin-top:20px}.mapping-list-wrap{min-height:300px;padding:13px}.mapping-list{display:flex;flex-direction:column;gap:8px}.mapping-row{background:#0c1421;border:1px solid rgba(116,150,199,.16);padding:14px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.mapping-row.disabled{opacity:.47}.mapping-gift{width:37px;height:37px;background:#17345d;color:var(--lime);display:grid;place-items:center;font:16px "DM Mono"}.mapping-main{min-width:0}.mapping-main strong{font-size:15px}.mapping-main p{font:11px "DM Mono";color:var(--muted);margin:4px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mapping-main .mapping-audio{color:#d3deee}.mapping-main .mapping-audio span{color:var(--lime)}.mapping-tools{display:flex;gap:2px}.icon-button{border:0;background:transparent;color:var(--muted);padding:7px;cursor:pointer;font-size:15px}.icon-button:hover{color:var(--lime);background:rgba(52,136,255,.10)}.icon-button.delete:hover{color:var(--danger)}.empty-state{color:#6f7d91;font:12px/1.6 "DM Mono",monospace;text-align:center;margin:30px 15px}.simulate-card{padding:17px;display:grid;grid-template-columns:1fr 130px auto;gap:13px;align-items:end}.simulate-card .button{height:42px}.activity-log{min-height:170px;max-height:440px;overflow:auto;background:#070c15;padding:0}.activity-item{display:grid;grid-template-columns:88px 20px 1fr;gap:9px;padding:10px 13px;border-bottom:1px solid rgba(137,160,194,.10);font:12px/1.4 "DM Mono",monospace}.activity-time{color:#758398}.activity-symbol{font-size:14px}.activity-symbol.gift{color:var(--pink)}.activity-symbol.action{color:var(--lime)}.activity-symbol.error{color:var(--danger)}.activity-symbol.console{color:var(--yellow)}.activity-message{color:#d3deee;word-break:break-word}.activity-meta{display:block;color:#8290a5;font-size:10px;margin-top:2px}.toast-stack{position:fixed;right:20px;bottom:20px;z-index:10;display:flex;flex-direction:column;gap:8px;max-width:380px}.toast{background:#e5eefc;color:#0b1627;padding:12px 14px;font:12px "DM Mono";box-shadow:5px 5px 0 #253650;animation:toast-in .2s ease-out}.toast.error{background:#ffb5ae}.toast.success{background:var(--lime)}@keyframes toast-in{from{transform:translateX(20px);opacity:0}to{transform:translateX(0);opacity:1}}
@media(max-width:760px){.topbar{height:64px;padding:0 16px}.brand{font-size:10px}.brand-mark{width:24px;height:24px}.live-pill{font-size:8px}main{width:min(100% - 28px,1180px)}.hero{grid-template-columns:1fr;min-height:0;padding:52px 0 0}.hero h1{font-size:35px;letter-spacing:-2px}.hero-copy{font-size:16px;margin:18px 0 28px}.hero-art{height:190px;margin:0 -14px}.connection-grid,.mapping-layout{grid-template-columns:1fr}.connection-grid{margin-top:22px}.workspace{margin-top:45px}.section-heading h2{font-size:20px}.hint{font-size:9px}.settings-card,.simulate-card{grid-template-columns:1fr;padding:15px}.settings-card .button,.simulate-card .button{width:max-content}.two-columns{grid-template-columns:1fr}.mapping-row{grid-template-columns:auto 1fr}.mapping-tools{grid-column:2}.editor-bottom{align-items:center}.activity-item{grid-template-columns:67px 17px 1fr;font-size:10px}.sun{transform:scale(.6);transform-origin:top right}.mountain{bottom:76px}.grass{height:76px}.creeper{transform:scale(.7);transform-origin:bottom;bottom:54px}}
@media(min-width:761px){.settings-card{grid-template-columns:.82fr 1.15fr 105px 94px 1fr auto}}
#servertap-protocol{width:100%;height:42px;background:#0a111e;border:1px solid #243650;color:var(--ink);font:14px "DM Mono",monospace;padding:10px;margin-top:7px;outline:none}#servertap-protocol:focus{border-color:var(--lime);box-shadow:0 0 0 3px rgba(52,136,255,.13)}
.server-tap-settings-card{display:grid;grid-template-columns:minmax(0,650px) auto;gap:24px 34px;align-items:end;padding:28px}.server-tap-fields{display:grid;gap:12px}.server-tap-field{display:grid;grid-template-columns:190px minmax(0,1fr);gap:12px;align-items:center;color:#dce6f5}.server-tap-field>span{font-size:14px}.server-tap-field input,.server-tap-field select{width:100%;height:42px;margin:0}.server-tap-field small{grid-column:2;color:var(--lime);font:10px/1.35 "DM Mono",monospace;min-height:0;margin-top:-5px}.server-tap-visibility-control{position:relative;display:block;min-width:0}.server-tap-visibility-control input,.server-tap-visibility-control select{padding-right:48px}.server-tap-visibility-control select{appearance:none}.server-tap-visibility-control #servertap-key::-ms-reveal{display:none}.server-tap-visibility-control.is-concealed:after{content:"••••••••";position:absolute;z-index:1;left:12px;top:50%;color:var(--ink);font:14px "DM Mono",monospace;letter-spacing:1px;pointer-events:none;transform:translateY(-50%)}.server-tap-visibility-control.is-concealed input,.server-tap-visibility-control.is-concealed select{color:transparent;caret-color:transparent;pointer-events:none}.server-tap-visibility-control.is-concealed input::placeholder{color:transparent}.server-tap-visibility-toggle{position:absolute;z-index:2;top:1px;right:1px;width:40px;height:40px;display:grid;place-items:center;padding:0;border:0;border-left:1px solid #243650;background:#0d1726;color:#8f9db2;cursor:pointer}.server-tap-visibility-toggle:hover,.server-tap-visibility-toggle:focus-visible{color:var(--lime);background:#15233a;outline:none}.server-tap-eye{position:relative;display:block;width:20px;height:13px;border:2px solid currentColor;border-radius:55% 45% 55% 45%;transform:rotate(-2deg)}.server-tap-eye:before{content:"";position:absolute;left:50%;top:50%;width:5px;height:5px;border-radius:50%;background:currentColor;transform:translate(-50%,-50%)}.server-tap-visibility-toggle[aria-pressed="false"] .server-tap-eye:after{content:"";position:absolute;left:-4px;top:4px;width:26px;height:2px;background:currentColor;box-shadow:0 0 0 2px #0d1726;transform:rotate(-43deg)}.server-tap-actions{padding:0 0 0 202px}.server-tap-actions .button{width:210px;max-width:100%;height:42px;white-space:nowrap}@media(max-width:760px){.server-tap-settings-card{grid-template-columns:1fr;gap:20px;padding:20px}.server-tap-field{grid-template-columns:1fr;gap:6px;align-items:start}.server-tap-field small{grid-column:auto;margin-top:0}.server-tap-actions{padding:0}.server-tap-actions .button{width:100%}}
.server-tap-field>label{font-size:14px}.audio-picker{display:flex;gap:10px;align-items:center;margin-top:7px}.audio-picker select{min-width:0;flex:1;height:42px;background:#0a111e;border:1px solid #243650;color:var(--ink);font:14px "DM Mono",monospace;padding:0 10px;outline:none}.audio-picker select:focus{border-color:var(--lime);box-shadow:0 0 0 3px rgba(52,136,255,.13)}.audio-test{white-space:nowrap}.audio-test-stop{display:block;width:max-content;margin-top:7px;padding:7px 10px;color:var(--danger);border:1px solid rgba(255,115,107,.35)}.mapping-editor small{display:block;color:#8290a5;font:10px/1.5 "DM Mono",monospace;margin-top:7px}.mapping-editor small code{color:var(--lime)}@media(max-width:760px){.audio-picker{align-items:stretch;flex-direction:column}.audio-test{width:max-content}}
.tts-card,.voice-tester-card{border:1px solid var(--line);background:linear-gradient(130deg,var(--panel-2),var(--panel));box-shadow:7px 7px 0 var(--shadow);padding:17px}.tts-card{display:grid;grid-template-columns:auto minmax(180px,1fr) minmax(180px,1fr) auto auto;gap:13px;align-items:end}.tts-card .toggle{margin-bottom:11px}.tts-card select{width:100%;height:42px;background:#0a111e;border:1px solid #243650;color:var(--ink);font:14px "DM Mono",monospace;padding:0 10px;margin-top:7px}.tts-card output{float:right;color:var(--lime);font:11px "DM Mono",monospace}.tts-card input[type="range"]{padding:0;border:0;accent-color:var(--lime)}.tts-card .button{height:42px}.tts-playback-controls{display:flex;gap:7px;align-items:center}.tts-playback-controls .button{white-space:nowrap}.button.stop{background:var(--danger);color:#26110e;box-shadow:3px 3px 0 #984239}.voice-tester-card{display:grid;grid-template-columns:1fr auto;gap:13px;align-items:end}.voice-tester-card .button{height:42px}@media(max-width:760px){.tts-card,.voice-tester-card{grid-template-columns:1fr}.tts-card .toggle{margin-bottom:0}.tts-card .button,.voice-tester-card .button{width:max-content}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tts-tools-section{margin-top:22px}.tts-tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;align-items:start}.tts-utility-card{border:1px solid rgba(74,159,255,.48);background:linear-gradient(130deg,#121927,#0f1623);box-shadow:7px 7px 0 var(--shadow);padding:20px}.tts-utility-card h3{color:var(--pink);font-size:18px;font-weight:500;margin:0 0 19px}.voice-tester-card{display:block}.voice-tester-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.voice-tester-form textarea{height:42px;min-height:42px;margin:0;padding:10px;resize:vertical}.voice-tester-form .button{height:42px}.voice-default-controls{display:grid;gap:9px;margin-top:12px}.voice-default-controls label{display:grid;grid-template-columns:1fr 120px;align-items:center;gap:12px}.voice-default-controls input{height:37px;margin:0;padding:7px 10px}.allowed-users-options{display:flex;flex-direction:column;gap:13px}.allowed-option{display:flex;position:relative;align-items:center;gap:13px;color:var(--ink);font-size:14px;font-weight:500}.allowed-option input{position:absolute;width:1px;height:1px;padding:0;margin:0;opacity:0;pointer-events:none}.allowed-option span{width:22px;height:22px;flex:none;border:1px solid #39475c;background:#121b29;position:relative}.allowed-option input:checked+span{border-color:#315f93;background:#132238}.allowed-option input:checked+span:after{content:"";position:absolute;left:7px;top:3px;width:5px;height:10px;border:solid #4a9fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.allowed-subsetting{display:flex;align-items:center;gap:8px;margin:-6px 0 0 35px;color:#4a9fff;font:11px "DM Mono",monospace}.allowed-subsetting input{width:64px;height:30px;padding:5px 7px;margin:0;color:var(--ink);font-size:12px}.manage-allowed-users{margin-top:16px;color:#4a9fff;padding-left:0}.allowed-users-list-editor{margin-top:8px}.allowed-users-list-editor textarea{margin-top:7px}.allowed-users-save{height:40px;margin-top:16px}.allowed-users-card .button{text-transform:none}@media(max-width:760px){.tts-tools-grid{grid-template-columns:1fr}.voice-tester-form{grid-template-columns:1fr}.voice-tester-form .button{width:max-content}.voice-default-controls label{grid-template-columns:1fr 120px}}
.goals-section{margin-top:38px}.goals-toggle{width:240px;display:flex;align-items:center;justify-content:space-between;border:0;background:var(--pink);color:#fff;border-radius:8px;padding:10px 13px;font:600 13px "Space Grotesk",sans-serif;cursor:pointer;box-shadow:3px 3px 0 #2b64ad}.goals-toggle b{font-size:26px;font-weight:400;line-height:15px;transform:rotate(0deg);transition:transform .18s ease}.goals-toggle[aria-expanded="true"] b{transform:rotate(90deg)}.goals-panel{max-height:0;opacity:0;overflow:hidden;transform:translateY(-7px);transition:max-height .22s ease,opacity .18s ease,transform .18s ease}.goals-panel.is-open{max-height:3000px;opacity:1;transform:none;margin-top:24px}.goals-list{display:grid;gap:17px}.goal-card{border:1px solid rgba(74,159,255,.38);background:linear-gradient(130deg,#111826,#0f1623);box-shadow:7px 7px 0 var(--shadow);padding:20px}.goal-card h3{color:#4a9fff;font-size:19px;font-weight:500;margin:0 0 19px}.goal-fields{display:grid;grid-template-columns:minmax(150px,1fr) 120px 120px auto auto;gap:10px;align-items:end}.goal-fields .toggle{height:42px;margin-bottom:0}.goal-fields .button{height:42px}.goal-url-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;margin-top:13px}.goal-url-row input{margin:0;min-width:0;height:39px;font-size:12px}.goal-url-row .button{height:39px;color:#4a9fff;border:1px solid #2a3950}.goal-preview{position:relative;min-height:116px;margin-top:12px;padding:23px 26px;border:1px solid rgba(137,160,194,.20);background:#0e1623;overflow:hidden}.goal-preview-label{position:relative;z-index:1;color:#dce6f5;font:500 24px "Space Grotesk",sans-serif}.goal-preview-track{height:27px;margin-top:15px;background:#1c2738;clip-path:polygon(3% 0,100% 0,97% 100%,0 100%);overflow:hidden}.goal-preview-track span{display:block;height:100%;width:0;background:linear-gradient(90deg,#2f76d0,#4a9fff);transition:width .3s ease}.goal-preview-value{display:block;position:relative;z-index:1;margin-top:9px;color:#dce6f5;font:15px "DM Mono",monospace}.goal-card[data-goal-type="follows"] .goal-preview-track span{background:linear-gradient(90deg,#406fbf,#4a9fff)}.goal-card[data-goal-type="coins"] .goal-preview-track span{background:linear-gradient(90deg,#ffc900,#fff3a0)}@media(max-width:760px){.goals-toggle{width:100%}.goal-fields,.goal-url-row{grid-template-columns:1fr}.goal-fields .toggle{height:auto}.goal-url-row .button{width:max-content}.goal-preview-label{font-size:20px}}
.gift-overlays-section{margin-top:38px}.gift-overlays-toggle{width:240px}.gift-overlays-heading h2{margin:0;color:#4a9fff;font-size:25px;font-weight:500}.gift-overlays-heading h2 em{color:var(--pink);font-size:15px;font-style:normal}.gift-overlays-heading p{color:#dce6f5;margin:13px 0 25px}.gift-overlays-card{border:1px solid rgba(74,159,255,.38);background:linear-gradient(130deg,#111826,#0f1623);box-shadow:7px 7px 0 var(--shadow);padding:22px}.gift-overlays-controls{display:flex;align-items:center;justify-content:flex-end;gap:11px;margin-bottom:22px}.gift-overlays-controls .allowed-option{margin-right:auto}.gift-overlay-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.gift-overlay-option{min-width:0}.gift-overlay-option h3{color:#4a9fff;font-size:19px;font-weight:500;margin:0}.gift-overlay-option p{color:#dce6f5;margin:15px 0 20px;min-height:22px}.gift-overlay-url{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:7px}.gift-overlay-url input{height:39px;min-width:0;margin:0;font-size:11px}.gift-overlay-url .button{height:39px;color:#4a9fff;border:1px solid #2a3950}.gift-overlay-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:190px;margin-top:9px;padding:20px;border:1px solid rgba(137,160,194,.20);background:radial-gradient(circle at 50% 60%,rgba(74,159,255,.28),transparent 42%),#0b1320;text-align:center}.gift-overlay-preview.streak{background:radial-gradient(circle at 50% 60%,rgba(74,159,255,.25),transparent 42%),#0b1320}.gift-overlay-preview strong{font:700 22px "Press Start 2P",monospace;letter-spacing:-1px}.gift-overlay-preview-image{width:94px;height:94px;margin-top:15px;object-fit:contain;filter:drop-shadow(0 6px 9px rgba(0,0,0,.45))}.gift-overlay-preview-image[hidden]{display:none}.gift-overlay-preview-name{margin-top:24px;color:#fff;font-size:20px;font-weight:600}.gift-overlay-preview-value{margin-top:5px;color:var(--yellow);font:700 24px "Space Grotesk",sans-serif}.gift-overlay-preview.streak .gift-overlay-preview-value{color:var(--pink)}@media(max-width:760px){.gift-overlays-toggle{width:100%}.gift-overlays-controls{align-items:flex-start;flex-direction:column}.gift-overlays-controls .allowed-option{margin-right:0}.gift-overlay-grid,.gift-overlay-url{grid-template-columns:1fr}.gift-overlay-url .button{width:max-content}}
.rankings-section{margin-top:38px}.rankings-toggle{width:240px}.rankings-heading h2{margin:0;color:#4a9fff;font-size:25px;font-weight:500}.rankings-heading h2 em{color:var(--pink);font-size:15px;font-style:normal}.rankings-heading p{color:#dce6f5;margin:13px 0 25px}.rankings-card{border:1px solid rgba(74,159,255,.38);background:linear-gradient(130deg,#111826,#0f1623);box-shadow:7px 7px 0 var(--shadow);padding:22px}.ranking-overlay-option h3{color:#4a9fff;font-size:19px;font-weight:500;margin:0}.ranking-overlay-option>p{color:#dce6f5;margin:15px 0 20px}.ranking-overlay-url{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:7px}.ranking-overlay-url input{height:39px;min-width:0;margin:0;font-size:11px}.ranking-overlay-url .button{height:39px;color:#4a9fff;border:1px solid #2a3950}.ranking-overlay-preview{min-height:190px;margin-top:9px;padding:20px;border:1px solid rgba(137,160,194,.20);background:radial-gradient(circle at 35% 35%,rgba(74,159,255,.18),transparent 45%),#0b1320}.ranking-overlay-preview strong{display:block;color:#fff;font:700 18px "Press Start 2P",monospace;letter-spacing:-1px}.ranking-overlay-preview-list{display:grid;gap:8px;margin:18px 0 0;padding:0;list-style:none}.ranking-overlay-preview-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#dce6f5;font-size:15px}.ranking-overlay-preview-list li b{color:var(--yellow);font:12px "DM Mono",monospace}.ranking-overlay-preview-list li:only-child{justify-content:flex-start;color:var(--muted);font:12px "DM Mono",monospace}@media(max-width:760px){.rankings-toggle{width:100%}.ranking-overlay-url{grid-template-columns:1fr}.ranking-overlay-url .button{width:max-content}}
.user-points-section{margin-top:38px}.user-points-toggle{width:240px}.user-points-heading h2{margin:0;color:#4a9fff;font-size:25px;font-weight:500}.user-points-heading p{color:#dce6f5;margin:13px 0 25px}.user-points-card{border:1px solid rgba(74,159,255,.38);background:linear-gradient(130deg,#111826,#0f1623);box-shadow:7px 7px 0 var(--shadow);padding:22px}.user-points-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.user-points-toolbar small{color:var(--muted);font:12px "DM Mono",monospace}.user-points-search-label{display:flex;align-items:center;gap:8px;min-width:min(100%,320px);color:#4a9fff;background:#121a28;border:1px solid #2a3950;padding:0 10px}.user-points-search-label input{height:38px;min-width:0;margin:0;border:0;background:transparent}.user-points-table-wrap{border:1px solid rgba(137,160,194,.20);max-height:390px;overflow:auto;background:#0f1623}.user-points-table-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:11px 14px}.user-points-table-heading{position:sticky;top:0;background:#121a28;border-bottom:1px solid #2a3950;color:var(--muted);font:12px "DM Mono",monospace}.user-points-list{margin:0;padding:0;list-style:none}.user-points-list li{display:grid;grid-template-columns:minmax(0,1fr) auto 25px;gap:12px;align-items:center;padding:11px 14px;border-bottom:1px solid rgba(137,160,194,.12)}.user-points-list li:last-child{border-bottom:0}.user-points-name{display:grid;gap:2px;min-width:0}.user-points-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#dce6f5}.user-points-name small{color:var(--muted);font:11px "DM Mono",monospace}.user-points-list b{white-space:nowrap;color:var(--yellow);font:13px "DM Mono",monospace}.user-points-remove{width:25px;height:25px;padding:0;border:1px solid #34445b;background:transparent;color:var(--muted);font:20px/20px "DM Mono",monospace;cursor:pointer}.user-points-remove:hover{border-color:var(--danger);color:var(--danger)}.user-points-remove:disabled{opacity:.45;cursor:wait}.user-points-table-wrap .empty-state{margin:20px}.user-points-overlay-option{margin-top:22px;padding-top:20px;border-top:1px solid rgba(137,160,194,.20)}.user-points-overlay-option h3{margin:0;color:#4a9fff;font-size:19px;font-weight:500}.user-points-overlay-option>p{color:#dce6f5;margin:13px 0 17px}.user-points-overlay-url{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:7px}.user-points-overlay-url input{height:39px;min-width:0;margin:0;font-size:11px}.user-points-overlay-url .button{height:39px;color:#4a9fff;border:1px solid #2a3950}.user-points-overlay-settings{display:flex;align-items:end;gap:10px;margin-top:12px}.user-points-overlay-settings label{display:grid;gap:5px;color:var(--muted);font-size:12px}.user-points-overlay-settings input{width:120px;height:38px;margin:0}@media(max-width:760px){.user-points-toggle{width:100%}.user-points-toolbar{display:grid}.user-points-search-label{min-width:0}.user-points-overlay-url{grid-template-columns:1fr}.user-points-overlay-url .button{width:max-content}.user-points-overlay-settings{align-items:start;flex-direction:column}.user-points-table-heading,.user-points-list li{gap:9px;padding:10px}.user-points-list b{font-size:11px}}
.gift-overlay-url,.ranking-overlay-url{grid-template-columns:minmax(0,1fr) auto auto auto}.goal-url-row{grid-template-columns:minmax(0,1fr) auto auto auto}.overlay-modal[hidden]{display:none}.overlay-modal{position:fixed;z-index:30;inset:0;display:grid;place-items:center;padding:20px}.overlay-modal-backdrop{position:absolute;inset:0;background:rgba(3,6,12,.80);backdrop-filter:blur(4px)}.overlay-modal-dialog{position:relative;z-index:1;width:min(100%,650px);max-height:min(88vh,760px);overflow:auto;border:1px solid rgba(74,159,255,.45);background:#111824;box-shadow:9px 9px 0 rgba(0,0,0,.45);color:var(--ink)}.overlay-modal-dialog header{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;border-bottom:1px solid #2b394e}.overlay-modal-dialog h2{margin:0;font-size:21px;font-weight:500}.modal-close{border:0;background:transparent;color:#d9d9d9;font-size:31px;line-height:1;cursor:pointer}.overlay-modal-title{margin:17px 24px 3px;color:#4a9fff;font-size:16px}.overlay-modal-fields{display:grid;grid-template-columns:1fr 1.2fr;gap:12px 20px;padding:17px 36px 24px}.overlay-modal-fields label{display:grid;grid-template-columns:1fr minmax(170px,250px);align-items:center;gap:14px;text-align:right}.overlay-modal-fields input,.overlay-modal-fields select{height:38px;margin:0;background:#172131;border:1px solid #34445b;color:var(--ink);font:13px "DM Mono",monospace;padding:7px 10px}.overlay-modal-fields input[type="color"]{padding:4px}.overlay-modal-fields .modal-check{grid-template-columns:1fr;justify-items:start;text-align:left}.modal-check input{width:20px;height:20px;accent-color:#4a9fff}.overlay-modal-dialog footer{display:flex;justify-content:flex-end;gap:9px;padding:15px 20px;border-top:1px solid #2b394e}.modal-open{overflow:hidden}@media(max-width:760px){.gift-overlay-url,.ranking-overlay-url,.goal-url-row{grid-template-columns:1fr}.overlay-modal{padding:10px}.overlay-modal-fields{grid-template-columns:1fr;padding:16px 20px}.overlay-modal-fields label{grid-template-columns:1fr;text-align:left}.overlay-modal-dialog h2{font-size:18px}}
.overlay-modal:not([data-variant="user-points"]) [data-user-points-only]{display:none}
.auth-gate{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:20px;background:rgba(3,6,12,.94);backdrop-filter:blur(7px)}.auth-dialog{width:min(100%,410px);display:grid;gap:15px;padding:30px;border:1px solid rgba(74,159,255,.48);background:#111824;box-shadow:9px 9px 0 rgba(0,0,0,.45)}.auth-dialog h1{margin:0;color:#dce6f5;font-size:27px}.auth-dialog h1 em{color:var(--pink);font-style:normal}.auth-dialog p{margin:0;color:var(--muted)}.auth-dialog label{display:grid;gap:6px}.auth-dialog small{min-height:18px;color:#ffaaaa}.auth-dialog div{display:flex;gap:9px;flex-wrap:wrap}
.transaction-modal[hidden]{display:none}.transaction-modal{position:fixed;z-index:31;inset:0;display:grid;place-items:center;padding:20px}.transaction-modal-backdrop{position:absolute;inset:0;background:rgba(3,6,12,.80);backdrop-filter:blur(4px)}.transaction-modal-dialog{position:relative;z-index:1;width:min(100%,600px);border:1px solid rgba(74,159,255,.45);background:#111824;box-shadow:9px 9px 0 rgba(0,0,0,.45);color:var(--ink)}.transaction-modal-dialog header{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;border-bottom:1px solid #2b394e}.transaction-modal-dialog h2{margin:0;color:#4a9fff;font-size:21px;font-weight:500}.transaction-modal-dialog>p{margin:20px 26px 4px;color:#dce6f5;line-height:1.45}.transaction-modal-fields{display:grid;gap:14px;padding:20px 44px 26px}.transaction-modal-fields label{display:grid;grid-template-columns:145px minmax(0,1fr);align-items:center;gap:15px;color:#dce6f5}.transaction-modal-fields input{height:39px;min-width:0;margin:0}.transaction-modal-dialog footer{display:flex;justify-content:flex-end;gap:9px;padding:15px 20px;border-top:1px solid #2b394e}.user-points-add{white-space:nowrap;color:#4a9fff;border:1px solid #2a3950}@media(max-width:760px){.transaction-modal{padding:10px}.transaction-modal-fields{padding:20px}.transaction-modal-fields label{grid-template-columns:1fr}.transaction-modal-dialog h2{font-size:18px}.user-points-add{justify-self:start}}
.overlay-modal:not([data-variant="gift"]) [data-gift-only]{display:none}.overlay-modal[data-variant="gift"] [data-gift-hide]{display:none}.gift-customization-heading{grid-column:1/-1;margin-top:8px;color:#4a9fff;font-size:15px;text-align:center}.overlay-modal[data-variant="gift"] .overlay-modal-dialog{max-height:min(92vh,820px)}
.profile-modal[hidden]{display:none}.profile-modal{position:fixed;z-index:32;inset:0;display:grid;place-items:center;padding:20px}.profile-modal-backdrop{position:absolute;inset:0;background:rgba(3,6,12,.80);backdrop-filter:blur(4px)}.profile-modal-dialog{position:relative;z-index:1;width:min(100%,510px);border:1px solid rgba(74,159,255,.45);background:#111824;box-shadow:9px 9px 0 rgba(0,0,0,.45);color:var(--ink)}.profile-modal-dialog header{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;border-bottom:1px solid #2b394e}.profile-modal-dialog h2{margin:0;color:#4a9fff;font-size:21px;font-weight:500}.profile-modal-fields{display:grid;gap:14px;padding:22px 34px}.profile-avatar-wrap{width:96px;height:96px;margin:auto;display:grid;place-items:center;overflow:hidden;border:1px solid #334963;background:#0c1421;color:var(--muted);font:11px "DM Mono",monospace}.profile-avatar-wrap img{width:100%;height:100%;object-fit:cover}.profile-file-label{display:grid;gap:6px}.profile-file-label input{height:auto;padding:8px}.profile-file-label small{color:var(--muted);font:11px "DM Mono",monospace}.profile-modal-fields>label:not(.profile-file-label){display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:14px}.profile-modal-fields>label input{height:39px;min-width:0;margin:0}.profile-modal-fields input[readonly]{color:var(--muted);cursor:default}.profile-message{min-height:18px;color:#ffaaaa;font:11px "DM Mono",monospace}.profile-modal-dialog footer{display:flex;justify-content:flex-end;gap:9px;padding:15px 20px;border-top:1px solid #2b394e}@media(max-width:760px){.topbar-actions{gap:2px}.logout-button{padding:7px;font-size:11px}.profile-modal{padding:10px}.profile-modal-fields{padding:20px}.profile-modal-fields>label:not(.profile-file-label){grid-template-columns:1fr}.profile-modal-dialog h2{font-size:18px}}
.select-gift-button{margin-left:auto;color:#4a9fff;border:1px solid #2a3950}.gift-selector-modal[hidden]{display:none}.gift-selector-modal{position:fixed;z-index:33;inset:0;display:grid;place-items:center;padding:20px}.gift-selector-backdrop{position:absolute;inset:0;background:rgba(3,6,12,.82);backdrop-filter:blur(4px)}.gift-selector-dialog{position:relative;z-index:1;width:min(100%,760px);max-height:min(88vh,820px);display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden;border:1px solid rgba(74,159,255,.55);background:#101825;box-shadow:9px 9px 0 rgba(0,0,0,.45);color:var(--ink)}.gift-selector-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 24px 16px;border-bottom:1px solid #2a394f}.gift-selector-dialog h2{margin:0;color:#4a9fff;font-size:22px;font-weight:500}.gift-selector-dialog header p{margin:7px 0 0;color:var(--muted);font-size:13px}.gift-selector-search{display:flex;align-items:center;gap:8px;margin:17px 24px 12px;padding:0 12px;border:1px solid #2a3950;background:#121a28;color:#4a9fff}.gift-selector-search input{height:40px;margin:0;border:0;background:transparent}.gift-selector-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px;max-height:510px;overflow:auto;padding:0 24px 24px}.gift-selector-card{display:grid;grid-template-rows:78px minmax(34px,auto) auto auto;align-items:center;gap:4px;min-width:0;padding:10px;border:1px solid transparent;border-radius:7px;background:#161f2e;color:var(--ink);font-family:"Space Grotesk",sans-serif;text-align:center;cursor:pointer}.gift-selector-card:hover,.gift-selector-card:focus-visible{border-color:#4a9fff;background:#172b46;outline:0}.gift-selector-image{position:relative;display:grid;place-items:center;width:66px;height:66px;margin:auto;border-radius:10px;background:#0d1725;color:#5b8bc6;font-size:30px;overflow:hidden}.gift-selector-image::after{content:"🎁";position:absolute;z-index:0}.gift-selector-image img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain}.gift-selector-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.gift-selector-coins{color:var(--yellow);font:11px "DM Mono",monospace}.gift-selector-card code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font:10px "DM Mono",monospace}.gift-selector-dialog>.empty-state{margin:0 24px 24px;text-align:left}@media(max-width:760px){.editor-title{flex-wrap:wrap}.select-gift-button{margin-left:0}.gift-selector-modal{padding:10px}.gift-selector-dialog{max-height:92vh}.gift-selector-dialog header{padding:16px}.gift-selector-dialog h2{font-size:19px}.gift-selector-search{margin:14px 16px 10px}.gift-selector-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;padding:0 16px 16px}.gift-selector-card{grid-template-rows:65px minmax(32px,auto) auto auto;padding:8px}.gift-selector-image{width:55px;height:55px}.gift-selector-dialog>.empty-state{margin:0 16px 18px}}
.admin-panel-button{color:#4a9fff;border:1px solid rgba(74,159,255,.55)}.admin-modal[hidden]{display:none}.admin-modal{position:fixed;z-index:34;inset:0;display:grid;place-items:center;padding:20px}.admin-modal-backdrop{position:absolute;inset:0;background:rgba(3,6,12,.82);backdrop-filter:blur(4px)}.admin-modal-dialog{position:relative;z-index:1;width:min(100%,650px);max-height:min(88vh,760px);display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;overflow:hidden;border:1px solid rgba(74,159,255,.45);background:#111824;box-shadow:9px 9px 0 rgba(0,0,0,.45);color:var(--ink)}.admin-modal-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:19px 23px 16px;border-bottom:1px solid #2b394e}.admin-modal-dialog h2{margin:0;color:#4a9fff;font-size:21px;font-weight:500}.admin-modal-dialog header p{margin:7px 0 0;color:var(--muted);font-size:13px;line-height:1.4}.admin-authorized-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;padding:18px 23px 13px}.admin-authorized-form input{height:40px;margin:7px 0 0}.admin-authorized-form .button{height:40px}.admin-search{display:flex;align-items:center;gap:8px;margin:0 23px 12px;padding:0 12px;border:1px solid #2a3950;background:#172131;color:#4a9fff}.admin-search input{height:39px;margin:0;border:0;background:transparent}.admin-authorized-list{max-height:360px;overflow:auto;border-top:1px solid rgba(137,160,194,.16);border-bottom:1px solid rgba(137,160,194,.16)}.admin-authorized-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 23px;border-bottom:1px solid rgba(137,160,194,.11)}.admin-authorized-row:last-child{border-bottom:0}.admin-authorized-row span{display:grid;gap:3px;min-width:0}.admin-authorized-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#dce6f5}.admin-authorized-row small{color:var(--muted);font:10px "DM Mono",monospace}.admin-authorized-row .button{border:1px solid #5d4542;white-space:nowrap}.admin-modal-dialog>.empty-state{margin:22px 23px;text-align:left}@media(max-width:760px){.admin-modal{padding:10px}.admin-modal-dialog{max-height:92vh}.admin-modal-dialog header{padding:16px}.admin-modal-dialog h2{font-size:18px}.admin-authorized-form{grid-template-columns:1fr;padding:16px}.admin-authorized-form .button{width:max-content}.admin-search{margin:0 16px 10px}.admin-authorized-row{padding:11px 16px}.admin-modal-dialog>.empty-state{margin:18px 16px}.admin-panel-button{padding:7px;font-size:11px}}
.admin-modal-dialog{display:block;overflow:auto}.admin-menu-view,.admin-authorization-view{padding:22px 23px 24px}.admin-menu-view[hidden],.admin-authorization-view[hidden]{display:none}.admin-menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.admin-menu-card{display:grid;grid-template-rows:54px auto auto;place-items:center;gap:5px;min-height:132px;padding:13px 8px;border:1px solid #2a374b;border-radius:7px;background:#17202f;color:#dce6f5;font-family:"Space Grotesk",sans-serif;text-align:center}.admin-menu-card.is-active{border-color:#4a9fff;background:#142a49;cursor:pointer}.admin-menu-card.is-active:hover,.admin-menu-card.is-active:focus-visible{border-color:#5ba5ff;background:#1a304d;outline:0}.admin-menu-card.is-placeholder{cursor:default;opacity:.58}.admin-menu-icon{display:grid;place-items:center;width:48px;height:48px;color:#4a9fff;font-size:31px;line-height:1}.admin-menu-card.is-placeholder .admin-menu-icon{color:#7f8ca0}.admin-menu-card strong{font-size:14px}.admin-menu-card small{color:var(--muted);font:10px "DM Mono",monospace}.admin-view-heading{display:grid;gap:12px;margin-bottom:4px}.admin-back-button{justify-self:start;padding:0;color:#4a9fff}.admin-view-heading .eyebrow{margin:0 0 4px}.admin-view-heading h3{margin:0;color:#4a9fff;font-size:20px;font-weight:500}.admin-view-heading span{display:block;margin-top:5px;color:var(--muted);font-size:13px}.admin-authorization-view .admin-authorized-form{padding:18px 0 13px}.admin-authorization-view .admin-search{margin:0 0 12px}.admin-authorization-view .admin-authorized-row{padding-right:0;padding-left:0}.admin-authorization-view .admin-modal-dialog>.empty-state,.admin-authorization-view>.empty-state{margin:18px 0;text-align:left}@media(max-width:760px){.admin-menu-view,.admin-authorization-view{padding:16px}.admin-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.admin-menu-card{min-height:118px}.admin-authorization-view .admin-authorized-form{padding:16px 0}.admin-authorization-view .admin-search{margin-right:0;margin-left:0}.admin-authorization-view .admin-authorized-row{padding:11px 0}}
.admin-roles-view{padding:22px 23px 24px}.admin-roles-view[hidden]{display:none}.admin-role-permissions{display:grid;gap:5px;margin:18px 0;border:1px solid rgba(74,159,255,.35);background:#132238;padding:13px 14px}.admin-role-permissions strong{color:#4a9fff;font-size:12px}.admin-role-permissions span{color:#dce6f5;font-size:12px;line-height:1.45}.admin-roles-form{display:grid;grid-template-columns:minmax(0,1fr) 155px auto;gap:10px;align-items:end;padding:0 0 13px}.admin-roles-form label{display:grid;gap:7px}.admin-roles-form input,.admin-roles-form select{height:40px;margin:0;background:#172131;border:1px solid #34445b;color:var(--ink);font:13px "DM Mono",monospace;padding:7px 10px}.admin-roles-form .button{height:40px}.admin-roles-view .admin-search{margin:0 0 12px}.admin-roles-list{max-height:350px;overflow:auto;border-top:1px solid rgba(137,160,194,.16);border-bottom:1px solid rgba(137,160,194,.16)}.admin-role-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid rgba(137,160,194,.11)}.admin-role-row:last-child{border-bottom:0}.admin-role-row>span:first-child{display:grid;grid-template-columns:auto 1fr;gap:5px 8px;min-width:0}.admin-role-row strong{grid-column:1/-1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#dce6f5}.admin-role-row small{grid-column:1/-1;color:var(--muted);font:10px/1.4 "DM Mono",monospace}.admin-role-badge{width:max-content;padding:3px 6px;border:1px solid rgba(74,159,255,.45);background:#142a49;color:#4a9fff;font:10px "DM Mono",monospace}.admin-primary-role{color:var(--lime);font:11px "DM Mono",monospace}.admin-role-row .button{border:1px solid #5d4542;white-space:nowrap}.admin-roles-view>.empty-state{margin:18px 0;text-align:left}@media(max-width:760px){.admin-roles-view{padding:16px}.admin-roles-form{grid-template-columns:1fr}.admin-roles-form .button{width:max-content}.admin-roles-view .admin-search{margin-right:0;margin-left:0}.admin-role-row{align-items:flex-start;gap:10px}.admin-role-row .button{font-size:11px;padding:7px}.admin-primary-role{padding-top:5px}}
.admin-statistics-view,.admin-statistics-list-view,.admin-user-profile-view{padding:22px 23px 24px}.admin-statistics-view[hidden],.admin-statistics-list-view[hidden],.admin-user-profile-view[hidden]{display:none}.admin-statistics-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}.admin-statistics-card{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;min-height:124px;padding:17px;border:1px solid rgba(74,159,255,.45);border-radius:7px;background:#132238;color:#dce6f5;text-align:left;cursor:pointer}.admin-statistics-card:hover,.admin-statistics-card:focus-visible{border-color:#5ba5ff;background:#1a304d;outline:0}.admin-statistics-card>span{grid-row:1/4;font-size:29px}.admin-statistics-card strong{color:#4a9fff;font:700 25px "DM Mono",monospace}.admin-statistics-card b{font:600 14px "Space Grotesk",sans-serif}.admin-statistics-card small{color:var(--muted);font:10px "DM Mono",monospace}.admin-statistics-list-view .admin-search{margin:18px 0 12px}.admin-statistics-list{max-height:390px;overflow:auto;border-top:1px solid rgba(137,160,194,.16);border-bottom:1px solid rgba(137,160,194,.16)}.admin-statistics-row{display:flex;width:100%;align-items:center;justify-content:space-between;gap:15px;padding:12px 0;border:0;border-bottom:1px solid rgba(137,160,194,.11);background:transparent;color:#dce6f5;text-align:left;cursor:pointer}.admin-statistics-row:last-child{border-bottom:0}.admin-statistics-row:hover,.admin-statistics-row:focus-visible{background:rgba(74,159,255,.10);outline:0}.admin-statistics-row>span{display:grid;gap:4px;min-width:0}.admin-statistics-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-statistics-row small{color:var(--muted);font:10px "DM Mono",monospace}.admin-statistics-row b{flex:none;padding:4px 6px;font:10px "DM Mono",monospace}.admin-status-live{border:1px solid rgba(52,136,255,.55);background:#14294a;color:var(--lime)}.admin-status-panel{border:1px solid rgba(74,159,255,.45);background:#142a49;color:#4a9fff}.admin-status-idle{border:1px solid rgba(137,160,194,.20);color:var(--muted)}.admin-statistics-list-view>.empty-state{margin:18px 0;text-align:left}.admin-user-profile-data{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(0,1.4fr);gap:0;margin:20px 0 0;border:1px solid rgba(137,160,194,.18)}.admin-user-profile-data dt,.admin-user-profile-data dd{margin:0;padding:11px 13px;border-bottom:1px solid rgba(137,160,194,.12)}.admin-user-profile-data dt{background:#121a28;color:var(--muted);font:11px "DM Mono",monospace}.admin-user-profile-data dd{min-width:0;overflow-wrap:anywhere;color:#dce6f5}.admin-user-profile-data dt:nth-last-of-type(1),.admin-user-profile-data dd:last-child{border-bottom:0}@media(max-width:760px){.admin-statistics-view,.admin-statistics-list-view,.admin-user-profile-view{padding:16px}.admin-statistics-cards{grid-template-columns:1fr}.admin-statistics-row{align-items:flex-start}.admin-statistics-row b{font-size:9px}.admin-user-profile-data{grid-template-columns:1fr}.admin-user-profile-data dd{border-top:0}.admin-user-profile-data dt{border-bottom:0}}
.admin-media-view{padding:22px 23px 24px}.admin-media-view[hidden]{display:none}.admin-media-grid{display:grid;gap:14px;margin-top:18px}.admin-media-card{padding:15px;border:1px solid rgba(74,159,255,.32);background:#121c2b}.admin-media-card-heading{display:flex;align-items:center;gap:11px}.admin-media-card-heading>span{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(74,159,255,.40);background:#142a49;font-size:19px}.admin-media-card-heading h4{margin:0;color:#dce6f5;font-size:15px}.admin-media-card-heading p{margin:3px 0 0;color:var(--muted);font-size:11px}.admin-media-upload{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:end;margin-top:13px}.admin-media-file{display:grid;gap:6px;min-width:0;color:#dce6f5;font-size:11px}.admin-media-file input{height:auto;min-width:0;margin:0;padding:7px;background:#172131;border:1px solid #34445b;color:var(--muted);font:11px "DM Mono",monospace}.admin-media-upload .button{height:39px}.admin-media-status{display:block;min-height:15px;margin:6px 0 10px;color:var(--muted);font:10px "DM Mono",monospace}.admin-media-list{max-height:190px;overflow:auto;border-top:1px solid rgba(137,160,194,.16)}.admin-media-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid rgba(137,160,194,.11)}.admin-media-row>span:first-child{display:grid;gap:3px;min-width:0}.admin-media-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#dce6f5;font-size:12px}.admin-media-row small{color:var(--muted);font:9px "DM Mono",monospace}.admin-media-row-actions{display:flex;align-items:center;gap:5px;flex:none}.admin-media-row-actions .button{padding:6px 8px;border:1px solid #2a3950;font-size:10px}.admin-media-row-actions .danger{border-color:#5d4542}.admin-media-system-badge{padding:4px 6px;border:1px solid rgba(74,159,255,.35);color:#4a9fff;font:9px "DM Mono",monospace}.admin-media-card>.empty-state{margin:12px 0 0;text-align:left}@media(max-width:760px){.admin-media-view{padding:16px}.admin-media-upload{grid-template-columns:1fr}.admin-media-upload .button{width:max-content}.admin-media-row{align-items:flex-start}.admin-media-row-actions{flex-wrap:wrap;justify-content:flex-end}.admin-media-card{padding:12px}}
.tts-card{grid-template-columns:auto auto minmax(160px,1fr) minmax(160px,1fr) auto auto}.tts-read-username{margin-bottom:11px}@media(min-width:761px) and (max-width:1050px){.tts-card{grid-template-columns:repeat(2,minmax(0,1fr))}.tts-card .button{width:max-content}}@media(max-width:760px){.tts-card{grid-template-columns:1fr}.tts-read-username{margin-bottom:0}}

/* Keep every public-overlay URL/action row compact and visually consistent. */
.user-points-overlay-url,
.ranking-overlay-url,
.gift-overlay-url,
.goal-url-row {
  grid-template-columns:minmax(0,1fr) repeat(3,max-content);
  align-items:center;
  gap:7px;
}

.user-points-overlay-url > input,
.ranking-overlay-url > input,
.gift-overlay-url > input,
.goal-url-row > input {
  width:100%;
  min-width:0;
  margin:0;
}

.user-points-overlay-url > .button,
.ranking-overlay-url > .button,
.gift-overlay-url > .button,
.goal-url-row > .button {
  position:static;
  display:inline-flex;
  flex-direction:row;
  align-items:center;
  justify-content:center;
  width:auto;
  min-width:0;
  height:39px;
  min-height:39px;
  margin:0;
  padding:0 10px;
  overflow:visible;
  border:1px solid #2a3950;
  background:transparent;
  color:#4a9fff;
  white-space:nowrap;
  text-align:center;
}

@media(max-width:760px) {
  .user-points-overlay-url,
  .ranking-overlay-url,
  .gift-overlay-url,
  .goal-url-row {
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .user-points-overlay-url > input,
  .ranking-overlay-url > input,
  .gift-overlay-url > input,
  .goal-url-row > input {
    grid-column:1 / -1;
  }

  .user-points-overlay-url > .button,
  .ranking-overlay-url > .button,
  .gift-overlay-url > .button,
  .goal-url-row > .button {
    width:100%;
    padding-inline:6px;
    font-size:11px;
  }
}

@media(max-width:430px) {
  .user-points-overlay-url,
  .ranking-overlay-url,
  .gift-overlay-url,
  .goal-url-row {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .user-points-overlay-url > .overlay-customize,
  .ranking-overlay-url > .overlay-customize,
  .gift-overlay-url > .overlay-customize,
  .goal-url-row > .overlay-customize {
    grid-column:1 / -1;
  }
}

.timer-section{margin-top:38px}.timer-toggle{width:240px}.timer-heading h2{margin:0;color:#4a9fff;font-size:25px;font-weight:500}.timer-heading p{margin:13px 0 24px;color:#dce6f5}.timer-card{border:1px solid rgba(74,159,255,.38);background:linear-gradient(130deg,#111826,#0f1623);box-shadow:7px 7px 0 var(--shadow);padding:21px}.timer-card+.timer-card{margin-top:20px}.timer-card h3{margin:0 0 18px;color:#4a9fff;font-size:19px;font-weight:500}.timer-overlay-url{display:grid;grid-template-columns:minmax(0,1fr) repeat(3,max-content);align-items:center;gap:7px}.timer-overlay-url input{height:39px;min-width:0;margin:0;font-size:11px}.timer-overlay-url>.button{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:0;height:39px;min-height:39px;margin:0;padding:0 10px;border:1px solid #2a3950;background:transparent;color:#4a9fff;white-space:nowrap}.timer-preview{display:grid;place-items:center;gap:7px;min-height:135px;margin-top:12px;border:1px solid rgba(137,160,194,.20);background:radial-gradient(circle at 50% 50%,rgba(74,159,255,.14),transparent 52%),#0b1320;text-align:center}.timer-preview strong{color:#fff;font:700 clamp(34px,6vw,64px) "DM Mono",monospace;letter-spacing:2px}.timer-preview span{color:var(--muted);font:11px "DM Mono",monospace}.timer-control-layout{display:flex;align-items:end;justify-content:space-between;gap:18px}.timer-control-buttons{display:flex;flex-wrap:wrap;gap:8px}.timer-control-buttons .button{height:39px;min-width:130px}.timer-time-control{display:grid;grid-template-columns:minmax(150px,220px) 39px 39px;align-items:end;gap:6px}.timer-time-control label{grid-column:1/-1;color:var(--muted);font-size:11px}.timer-time-control input{height:39px;margin:0}.timer-time-control .button{width:39px;height:39px;padding:0;border:1px solid #2a3950;color:#4a9fff}.timer-settings-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.7fr);gap:20px;margin-top:20px}.timer-settings-grid .timer-card{margin:0}.timer-settings-fields,.timer-shortcut-fields{display:grid;gap:11px}.timer-settings-fields>label,.timer-shortcut-fields>label{display:grid;grid-template-columns:minmax(190px,1fr) minmax(130px,1fr);align-items:center;gap:14px}.timer-settings-fields input,.timer-settings-fields select,.timer-shortcut-fields input,.timer-shortcut-fields select{width:100%;height:39px;margin:0;background:#0a111e;border:1px solid #243650;color:var(--ink);font:13px "DM Mono",monospace;padding:7px 10px;outline:none}.timer-settings-fields input:focus,.timer-settings-fields select:focus,.timer-shortcut-fields input:focus,.timer-shortcut-fields select:focus{border-color:var(--lime);box-shadow:0 0 0 3px rgba(52,136,255,.13)}.timer-settings-help{grid-column:1/-1;margin:7px 0;color:var(--muted);font-size:12px;line-height:1.45}.timer-multiplier-toggle>span{display:flex;align-items:center;gap:9px}.timer-multiplier-toggle>span input{width:22px;height:22px;margin:0;accent-color:var(--lime)}.timer-autosave-state{display:block;min-height:17px;margin-top:14px;color:var(--lime);font:10px "DM Mono",monospace}.timer-autosave-state.is-error{color:var(--danger)}.timer-preview[data-status="running"] span{color:var(--lime)}.timer-preview[data-status="paused"] span{color:var(--yellow)}.timer-preview[data-status="finished"] span{color:var(--danger)}
.timer-preview[data-status] .timer-preview-coin-label{max-width:min(90%,760px);color:#80b8ff;font-size:clamp(12px,1.6vw,18px);font-weight:700;line-height:1.35;overflow-wrap:anywhere}.timer-preview .timer-preview-status{font-size:11px}.timer-token-help{margin-top:-5px}.timer-token-help b{color:#80b8ff;font-family:"DM Mono",monospace}
.overlay-modal[data-variant="timer"] [data-timer-hide]{display:none}

/* Mantiene los controles de atajos dentro de su tarjeta estrecha. */
.timer-shortcut-fields>label{grid-template-columns:minmax(0,1fr) minmax(0,112px);gap:10px}
.timer-shortcut-fields input,.timer-shortcut-fields select{width:100%;min-width:0;max-width:100%}

@media(max-width:900px){.timer-settings-grid{grid-template-columns:1fr}.timer-control-layout{align-items:stretch;flex-direction:column}.timer-time-control{align-self:stretch;grid-template-columns:minmax(0,1fr) 39px 39px}}
@media(max-width:760px){.timer-toggle{width:100%}.timer-overlay-url{grid-template-columns:repeat(3,minmax(0,1fr))}.timer-overlay-url>input{grid-column:1/-1}.timer-overlay-url>.button{width:100%;padding-inline:6px;font-size:11px}.timer-settings-fields>label,.timer-shortcut-fields>label{grid-template-columns:1fr;gap:6px}.timer-control-buttons .button{min-width:0}.timer-settings-grid{gap:15px}.timer-card{padding:16px}}
@media(max-width:430px){.timer-overlay-url{grid-template-columns:repeat(2,minmax(0,1fr))}.timer-overlay-url>.overlay-customize{grid-column:1/-1}.timer-control-buttons{display:grid;grid-template-columns:1fr 1fr}.timer-control-buttons .button{width:100%}.timer-control-buttons .button:last-child{grid-column:1/-1}}

.tts-voice-label{position:relative;min-width:0}.tts-voice-label select{min-width:0}.tts-voice-state{position:absolute;top:calc(100% + 3px);left:0;right:0;overflow:hidden;color:var(--muted);font:9px "DM Mono",monospace;text-overflow:ellipsis;white-space:nowrap}
@media(min-width:1051px){.tts-card{grid-template-columns:auto auto minmax(145px,.72fr) minmax(220px,1.15fr) minmax(145px,.75fr);gap:10px}.tts-playback-controls{grid-column:1/-1;justify-content:flex-end;margin-top:7px}}
@media(min-width:761px) and (max-width:1050px){.tts-card{grid-template-columns:repeat(2,minmax(0,1fr))}.tts-card .toggle{margin-bottom:0}.tts-playback-controls{justify-content:flex-start}}

.mapping-audio{min-width:0;margin-top:3px}.mapping-audio-trigger{display:inline-flex;max-width:100%;align-items:center;gap:4px;margin:0;padding:2px 4px 2px 0;border:0;background:transparent;color:#d3deee;font:11px "DM Mono",monospace;text-align:left;cursor:pointer}.mapping-audio-trigger span{flex:none;color:var(--lime)}.mapping-audio-trigger b{min-width:0;overflow:hidden;font-weight:400;text-overflow:ellipsis;white-space:nowrap}.mapping-audio-trigger:hover,.mapping-audio-trigger:focus-visible{color:var(--ink);background:rgba(52,136,255,.10);outline:1px solid rgba(74,159,255,.45);outline-offset:2px}.mapping-audio-select{width:min(100%,310px);height:31px;margin:3px 0 0;padding:4px 28px 4px 8px;border:1px solid var(--lime);background:#0a111e;color:var(--ink);font:11px "DM Mono",monospace;outline:none}.mapping-audio-select:focus{box-shadow:0 0 0 3px rgba(52,136,255,.13)}.mapping-audio-select:disabled{cursor:wait;opacity:.65}
.action-video-widget-card{display:grid;grid-template-columns:minmax(230px,.75fr) minmax(360px,1.25fr);align-items:center;gap:16px;margin-bottom:17px;padding:16px 18px;border:1px solid rgba(74,159,255,.32);background:linear-gradient(130deg,#111b2b,#0d1522);box-shadow:7px 7px 0 var(--shadow)}.action-video-widget-card strong{display:block;color:#4a9fff;font-size:15px}.action-video-widget-card small{display:block;margin-top:5px;color:var(--muted);font:10px/1.45 "DM Mono",monospace}.action-video-widget-url{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:7px}.action-video-widget-url input{min-width:0;height:39px;margin:0;font-size:10px}.action-video-widget-url .button{height:39px;padding:0 10px;border:1px solid #2a3950;color:#4a9fff;white-space:nowrap}.mapping-trigger-label select{width:100%;height:42px;margin-top:7px;padding:0 10px;border:1px solid #243650;background:#0a111e;color:var(--ink);font:14px "DM Mono",monospace;outline:none}.mapping-trigger-label select:focus{border-color:var(--lime);box-shadow:0 0 0 3px rgba(52,136,255,.13)}.mapping-trigger-badge{display:inline-block;margin:0 7px 2px 0;padding:2px 5px;border:1px solid rgba(74,159,255,.35);background:#132846;color:#79b8ff;font:8px "DM Mono",monospace;text-transform:uppercase;vertical-align:middle}.mapping-main .mapping-video{color:#d3deee;margin-top:3px}.mapping-main .mapping-video span{color:var(--lime)}@media(max-width:760px){.action-video-widget-card{grid-template-columns:1fr;padding:15px}.action-video-widget-url{grid-template-columns:1fr}.action-video-widget-url .button{width:max-content}}
.mapping-video-picker{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;margin-top:7px}.select-video-button{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:9px;align-items:center;min-width:0;min-height:48px;padding:7px 11px;border:1px solid #243650;background:#0a111e;color:#dce6f5;text-align:left}.select-video-button>span{grid-row:1/3;font-size:20px}.select-video-button b,.select-video-button small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-video-button b{font:12px "DM Mono",monospace}.select-video-button small{color:var(--muted);font:9px "DM Mono",monospace}.select-video-button:hover,.select-video-button:focus-visible,.select-video-button.has-selection{border-color:#4a9fff;background:#11223a;outline:0}.clear-video-button{min-height:48px;padding:0 10px;border:1px solid #4a3440;color:#ff9aaa}.video-selector-modal[hidden]{display:none}.video-selector-modal{position:fixed;z-index:35;inset:0;display:grid;place-items:center;padding:20px}.video-selector-backdrop{position:absolute;inset:0;background:rgba(3,6,12,.86);backdrop-filter:blur(5px)}.video-selector-dialog{position:relative;z-index:1;width:min(100%,920px);max-height:min(90vh,850px);display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden;border:1px solid rgba(74,159,255,.58);background:#101825;box-shadow:9px 9px 0 rgba(0,0,0,.45);color:var(--ink)}.video-selector-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 24px 16px;border-bottom:1px solid #2a394f}.video-selector-dialog h2{margin:0;color:#4a9fff;font-size:22px;font-weight:500}.video-selector-dialog header p{margin:7px 0 0;color:var(--muted);font-size:13px}.video-selector-search{display:flex;align-items:center;gap:8px;margin:17px 24px 12px;padding:0 12px;border:1px solid #2a3950;background:#121a28;color:#4a9fff}.video-selector-search input{height:40px;margin:0;border:0;background:transparent}.video-selector-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));align-items:start;gap:12px;max-height:610px;overflow:auto;padding:0 24px 24px}.video-selector-card{position:relative;display:grid;grid-template-rows:auto minmax(34px,auto) auto;align-content:start;gap:7px;min-width:0;padding:9px;border:1px solid #243650;border-radius:7px;background:#161f2e;color:var(--ink);font-family:"Space Grotesk",sans-serif;text-align:left;cursor:pointer}.video-selector-card:hover,.video-selector-card:focus-visible,.video-selector-card.is-playing{border-color:#4a9fff;background:#172b46;outline:0}.video-selector-card.is-selected{box-shadow:inset 0 0 0 1px #4a9fff}.video-selector-preview{position:relative;display:grid;place-items:center;width:100%;max-height:58vh;aspect-ratio:16/9;overflow:hidden;border-radius:5px;background:#05080e}.video-selector-preview video{display:block;width:100%;height:100%;max-height:58vh;object-fit:contain!important;object-position:center;background:#05080e}.video-selector-play-hint{position:absolute;left:8px;bottom:8px;padding:4px 7px;border:1px solid rgba(255,255,255,.22);background:rgba(3,6,12,.72);color:#fff;font:9px "DM Mono",monospace;pointer-events:none;transition:opacity .15s}.video-selector-card.is-playing .video-selector-play-hint{opacity:0}.video-selector-card>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#dce6f5;font-size:12px}.video-selector-card>small{color:var(--muted);font:9px "DM Mono",monospace}.video-selector-selected-badge{position:absolute;top:16px;right:16px;padding:4px 6px;border:1px solid rgba(74,159,255,.7);background:rgba(8,20,39,.92);color:#79b8ff;font:8px "DM Mono",monospace}.video-selector-dialog>.empty-state{margin:0 24px 24px;text-align:left}@media(max-width:760px){.mapping-video-picker{grid-template-columns:1fr}.clear-video-button{width:max-content;min-height:36px}.video-selector-modal{padding:10px}.video-selector-dialog{max-height:94vh}.video-selector-dialog header{padding:16px}.video-selector-dialog h2{font-size:19px}.video-selector-search{margin:14px 16px 10px}.video-selector-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;padding:0 16px 16px}.video-selector-dialog>.empty-state{margin:0 16px 18px}}
.mapping-gift{position:relative;overflow:hidden;padding:3px}.mapping-gift>span{display:grid;place-items:center;width:100%;height:100%}.mapping-gift>img{position:absolute;inset:2px;width:calc(100% - 4px);height:calc(100% - 4px);object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.45))}.mapping-gift.has-image>span{opacity:0}