/* Personal tickets share Friends typography, surfaces and controls. */
html body[data-mode][data-screen=my-tickets],
html body[data-mode][data-screen=my-tickets]>.app-header{background:#fff}
html body[data-mode] .tickets-friends-page{--dx-font:Nunito,Arial,sans-serif;--ticket-ink:#1e1e1e;--ticket-muted:#929292;display:flex;flex-direction:column;gap:12px;width:100%;max-width:760px;margin-inline:auto;background:#fff;color:var(--ticket-ink);font-family:Nunito,Arial,sans-serif;min-width:0}
html body[data-mode] .tickets-friends-page>.page-back{align-self:flex-start;margin:0;color:var(--ticket-muted);font-size:11px;font-weight:700}
.tickets-heading{text-align:center;flex:none}
html body[data-mode] .tickets-heading h1{margin:0;font-size:28px;font-weight:800;line-height:1.1;letter-spacing:-.56px}
html body[data-mode] .tickets-heading p{margin:6px 0 0;color:var(--ticket-muted);font-size:12px;line-height:1.4;font-weight:600}
.tickets-view-tabs{display:flex;flex:none;gap:4px;align-self:center;width:min(100%,430px);padding:4px;background:#f2f2f2;border-radius:14px}
html body[data-mode] .tickets-view-tabs>button{flex:1;min-width:0;min-height:36px;padding:8px 10px;border:0;border-radius:10px;background:transparent;color:#848484;font:700 14px/1.25 Nunito,Arial,sans-serif}
html body[data-mode] .tickets-view-tabs>button.is-active{background:#fff;color:var(--ticket-ink)}
.tickets-summary{display:flex;flex:none;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-radius:16px;background:#f7f7f7}
.tickets-summary>div{display:flex;align-items:baseline;gap:8px;min-width:0}
.tickets-summary>div>span{color:var(--ticket-muted);font-size:11px;font-weight:600}
.tickets-summary strong{font-size:18px;font-weight:800;line-height:1.3;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.tickets-summary>a{display:flex;align-items:center;gap:4px;flex:none;color:#1e1e1e;text-decoration:none;font-size:12px;font-weight:700}
.tickets-summary svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.tickets-friends-page>[hidden]{display:none!important}
.tickets-list-panel{display:flex;flex-direction:column;min-height:0;min-width:0;flex:1}
.tickets-list-heading{display:flex;justify-content:space-between;gap:10px;padding:0 0 8px;color:var(--ticket-muted);font-size:10px;font-weight:600}
.tickets-own-list{min-width:0;min-height:0}
.tickets-own-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:56px;padding:9px 0;border-bottom:1px solid #e7e7e7}
.tickets-own-row:last-child{border:0}
.tickets-own-icon{display:grid;place-items:center;width:34px;height:34px;background:#f7f7f7;border-radius:10px;color:#1aaeeb}
.tickets-own-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.tickets-own-main,
.tickets-own-date{display:flex;flex-direction:column;gap:3px;min-width:0}
.tickets-own-main strong{color:var(--ticket-ink);font-size:13px;font-weight:700;line-height:1.3;overflow-wrap:anywhere}
.tickets-own-main small,
.tickets-own-date small{color:var(--ticket-muted);font-size:10px;font-weight:600;line-height:1.3}
.tickets-own-date{text-align:right;font-variant-numeric:tabular-nums}
.tickets-own-date>span{color:var(--ticket-ink);font-size:12px;font-weight:600;line-height:1.3}
html body[data-mode] .tickets-pagination{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex:none;margin:8px 0 0;padding:0;font-size:11px;color:var(--ticket-muted)}
html body[data-mode] .tickets-pagination button{display:grid;place-items:center;min-width:30px;min-height:30px;padding:4px;border:0;border-radius:9px;background:#f2f2f2;color:#1e1e1e;font:700 14px/1 Nunito,Arial,sans-serif}
.tickets-pagination button:disabled{opacity:.35}
html body[data-mode] .tickets-friends-page .empty-state{padding:28px 16px;margin:0;background:#f7f7f7;border:0;border-radius:18px;color:var(--ticket-muted);font-size:13px;line-height:1.5;text-align:center}
html body[data-mode] .tickets-list-note{margin:8px 0 0;color:var(--ticket-muted);font-size:10px;font-weight:600;line-height:1.4}
.tickets-list-note:empty,
.tickets-help-card p:empty{display:none}
.tickets-help-panel{display:grid;align-content:start;gap:10px;flex:1;min-height:0;min-width:0}
.tickets-help-card{padding:16px;border:0;border-radius:20px;background:#f7f7f7}
html body[data-mode] .tickets-help-card h2{margin:0;color:#1e1e1e;font-size:18px;font-weight:800;line-height:1.25;letter-spacing:-.2px}
html body[data-mode] .tickets-help-card p{margin:6px 0 0;color:var(--ticket-muted);font-size:12px;font-weight:600;line-height:1.45}
.tickets-download-dock{display:flex;flex-direction:column;gap:5px;align-self:center;flex:none;width:min(100%,430px);padding-top:4px;text-align:center;background:#fff}
html body[data-mode] .tickets-download-button{width:100%;min-height:46px;padding:12px 16px;border:0;border-radius:12px;background:linear-gradient(#000,#323232);color:#fff;font:700 16px/1.3 Nunito,Arial,sans-serif;letter-spacing:-.2px}
.tickets-download-dock>small{color:var(--ticket-muted);font-size:9px;font-weight:600;line-height:1.3}
.tickets-download-button:disabled{opacity:.5;cursor:wait}
.tickets-friends-page :is(button,a):focus-visible{outline:2px solid #1aaeeb;outline-offset:3px}
html body[data-mode=mobile] .tickets-friends-page{padding:18px 16px calc(var(--mobile-game-nav-height,55px) + 100px);gap:14px}
body[data-mode=mobile] .tickets-download-dock{position:fixed;z-index:99;left:50%;bottom:var(--mobile-game-nav-height,calc(55px + env(safe-area-inset-bottom)));width:min(100%,var(--mobile-frame-width,430px));padding:10px 16px 8px;transform:translateX(-50%);box-shadow:0 -8px 16px #ffffffeb}
@media(max-width:540px){.tickets-summary>div{gap:6px}.tickets-summary strong{font-size:16px}}