@layer classic{.appnav{border-bottom:1px solid #ffffff12;flex:none;justify-content:space-between;align-items:center;gap:20px;padding:20px 34px;display:flex}.appnav-links{gap:26px;display:flex}.appnav-links a{color:var(--ink-dim);letter-spacing:.02em;border-bottom:2px solid #0000;padding-bottom:4px;font-size:13px;font-weight:700;text-decoration:none}.appnav-links a:hover{color:var(--ink)}.appnav-links a.on{color:var(--gold);border-bottom-color:var(--gold)}.appnav-me{align-items:center;gap:12px;display:flex}.appnav-gold{color:var(--chip);background:#d8b04a1a;border:1px solid #d8b04a4d;border-radius:999px;align-items:center;gap:8px;padding:7px 12px;font-size:13px;font-weight:800;display:inline-flex}.appnav-avatar{background:var(--gold);color:#08110e;border:2px solid #e2c18599;border-radius:50%;place-items:center;width:34px;height:34px;font-size:14px;font-weight:800;text-decoration:none;display:grid;overflow:hidden}.appnav-avatar img{object-fit:cover;width:100%;height:100%;display:block}.dpage{background:#060a09;flex-direction:column;height:100dvh;display:flex}.dpage-body{flex:1;min-height:0;display:flex}}
@layer classic,trailreset;@layer trail{[data-theme=trail] .appnav{border-bottom:1px solid var(--line-strong);flex:none;justify-content:space-between;align-items:center;gap:20px;padding:18px 34px;display:flex}[data-theme=trail] .appnav-links{gap:28px;display:flex}[data-theme=trail] .appnav-links a{color:var(--ink-soft);font-family:var(--f-mono);letter-spacing:.16em;text-transform:uppercase;border-bottom:2px solid #0000;padding:6px 0 5px;font-size:11px;font-weight:500;text-decoration:none}[data-theme=trail] .appnav-links a:hover{color:var(--ink)}[data-theme=trail] .appnav-links a.on{color:var(--accent);border-bottom-color:var(--accent)}[data-theme=trail] .appnav-me{align-items:center;gap:12px;display:flex}[data-theme=trail] .appnav-gold{border:1px solid var(--ink);color:var(--ink);font-family:var(--f-display);letter-spacing:.03em;align-items:center;gap:8px;padding:5px 11px;font-size:15px;font-weight:600;display:inline-flex}[data-theme=trail] .appnav-avatar{border:1px solid var(--ink);background:var(--ink);width:34px;height:34px;color:var(--paper);font-family:var(--f-display);border-radius:50%;place-items:center;font-size:15px;font-weight:600;text-decoration:none;display:grid;overflow:hidden}[data-theme=trail] .appnav-avatar img{object-fit:cover;width:100%;height:100%;display:block}[data-theme=trail] .dpage{flex-direction:column;height:100dvh;display:flex}[data-theme=trail] .dpage-body{flex:1;min-height:0;display:flex}}@layer theme;
@layer classic{.dframe{background:#060a09;grid-template-columns:clamp(260px,25vw,440px) minmax(0,1fr);height:100dvh;display:grid}.dframe-main{flex-direction:column;min-width:0;min-height:0;display:flex}.dframe-main.dpage{height:100dvh}.dframe-hero{background:#061310;border-right:1px solid #e2c18524;position:relative;overflow:hidden}.dframe-felt{background:radial-gradient(ellipse 62% 52% at 50% 42%, var(--felt-in) 0%, #146146 46%, var(--felt-out) 100%);height:620px;box-shadow:0 0 0 14px var(--rail), 0 0 0 16px #e2c18552, 0 0 0 26px var(--rail-hi), 0 40px 90px #000000b3, inset 0 0 140px #00000080;border-radius:46%/38%;position:absolute;top:8%;left:-18%;right:-18%}.dframe-deal{transform:translate(-50%, -50%) scale(var(--deal-scale,1));gap:9px;width:max-content;display:flex;position:absolute;top:30%;left:50%}.dframe-deal .card{animation:none;box-shadow:0 8px 20px #0000008c}.dframe-deal .card:first-child{transform:rotate(-7deg)}.dframe-deal .card:nth-child(2){transform:rotate(-3deg)}.dframe-deal .card:nth-child(3){transform:rotate(1deg)}.dframe-deal .card:nth-child(4){transform:rotate(4deg)}.dframe-deal .card:nth-child(5){transform:rotate(8deg)}.dframe-veil{pointer-events:none;background:linear-gradient(160deg,#060a0973,#060a09b8 52%,#060a09f5);position:absolute;inset:0}.dframe-copy{flex-direction:column;padding:clamp(28px,3vw,42px) clamp(24px,3vw,44px);display:flex;position:absolute;inset:0}.dframe-brand{letter-spacing:.22em;text-transform:uppercase;color:var(--gold);font-size:12px;font-weight:800}.dframe-pitch{margin-top:auto}.dframe-pitch h1{letter-spacing:.01em;color:var(--ink);margin:0;font-size:clamp(28px,2.8vw,42px);font-weight:800;line-height:1.1}.dframe-pitch h1 b{font-weight:inherit;display:block}.dframe-pitch p{color:#b9c0bd;max-width:380px;margin:14px 0 0;font-size:14px;line-height:1.7}.dframe-counts{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.dframe-counts span{white-space:nowrap;color:#b9c0bd;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:700}.dframe-counts b,.dframe-counts i{font:inherit}.dframe-counts span.gold{color:var(--gold);background:#e2c1851f;border-color:#e2c1854d}@media (max-width:1599px){.dframe-deal{--deal-scale:.8}}@media (max-width:1279px){.dframe-deal{--deal-scale:.62}}}
@layer classic,trailreset;@layer trail{[data-theme=trail] .dframe{grid-template-columns:clamp(260px,25vw,440px) minmax(0,1fr);height:100dvh;display:grid}[data-theme=trail] .dframe-main{flex-direction:column;min-width:0;min-height:0;display:flex}[data-theme=trail] .dframe-main.dpage{height:100dvh}[data-theme=trail] .dframe-hero{background:var(--paper-soft);border-right:1px solid var(--ink);flex-direction:column;gap:clamp(16px,2.4vh,26px);min-height:0;padding:clamp(20px,2.2vw,30px) clamp(20px,2.4vw,36px) clamp(20px,2.4vw,32px);display:flex;overflow:hidden}[data-theme=trail] .dframe-copy{display:contents}[data-theme=trail] .dframe-brand{font-family:var(--f-display);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);flex:none;font-size:19px;font-weight:700}[data-theme=trail] .dframe-brand b{color:var(--accent);font-weight:700}[data-theme=trail] .dframe-sheet{border:1px solid var(--ink);background:repeating-radial-gradient(ellipse at 50% 50%, transparent 0 21px, #8a7a5a4d 21px 22px), var(--paper);flex:1 1 0;min-height:150px;position:relative;overflow:hidden}[data-theme=trail] .dframe-sheet:after{content:"";background:var(--crop);pointer-events:none;position:absolute;inset:9px}[data-theme=trail] .dframe-felt{aspect-ratio:1.45;background:radial-gradient(ellipse 62% 52% at 50% 42%, var(--felt-in) 0%, var(--felt-mid) 46%, var(--felt-out) 100%);box-shadow:0 0 0 6px var(--rail), 0 0 0 7px var(--rail-ring), 0 0 0 11px var(--rail-hi), 0 16px 26px #1a16123d, inset 0 0 50px #00000047;border-radius:50%;position:absolute;top:50%;left:6%;right:6%;transform:translateY(-50%)}[data-theme=trail] .dframe-felt:after{content:"";border:1px dashed #f5f1e64d;border-radius:50%;position:absolute;inset:9%}[data-theme=trail] .dframe-deal{--deal-scale:1;transform:translate(-50%, -52%) scale(var(--deal-scale,1));width:max-content;display:flex;position:absolute;top:50%;left:50%}[data-theme=trail] .dframe-deal .card{transform-origin:50% 100%;animation:none}[data-theme=trail] .dframe-deal .card+.card{margin-left:-26px}[data-theme=trail] .dframe-deal .card:first-child{transform:translateY(9px)rotate(-12deg)}[data-theme=trail] .dframe-deal .card:nth-child(2){transform:translateY(2px)rotate(-6deg)}[data-theme=trail] .dframe-deal .card:nth-child(3){transform:rotate(0)}[data-theme=trail] .dframe-deal .card:nth-child(4){transform:translateY(2px)rotate(6deg)}[data-theme=trail] .dframe-deal .card:nth-child(5){transform:translateY(9px)rotate(12deg)}[data-theme=trail] .dframe-tag{z-index:1;background:var(--ink);color:var(--paper);font-family:var(--f-mono);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;padding:4px 8px;font-size:9.5px;font-weight:500;position:absolute;top:18px;right:18px}[data-theme=trail] .dframe-tag.low{border-left:3px solid var(--accent);inset:auto auto 18px 18px}[data-theme=trail] .dframe-pitch{flex:none}[data-theme=trail] .dframe-eyebrow{font-family:var(--f-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:10px;font-size:10px;font-weight:500;display:block}[data-theme=trail] .dframe-eyebrow:before{content:"♠";letter-spacing:0;color:var(--accent);margin-right:8px;font-size:12px}[data-theme=trail] .dframe-pitch h1{font-family:var(--f-display);letter-spacing:-.01em;text-transform:uppercase;color:var(--ink);margin:0;font-size:clamp(30px,2.9vw,50px);font-weight:300;line-height:.96}[data-theme=trail] .dframe-pitch h1 b{color:var(--accent);font-weight:700;display:block}[data-theme=trail] .dframe-pitch p{max-width:380px;color:var(--ink-soft);margin:14px 0 0;font-size:15px;line-height:1.55}[data-theme=trail] .dframe-counts{border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);grid-template-columns:1fr 1fr;margin-top:20px;display:grid}[data-theme=trail] .dframe-counts span{flex-direction:column-reverse;gap:1px;padding:9px 0 8px;display:flex}[data-theme=trail] .dframe-counts span+span{border-left:1px solid var(--line-strong);padding-left:14px}[data-theme=trail] .dframe-counts i{font-family:var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);white-space:nowrap;font-size:9.5px;font-style:normal}[data-theme=trail] .dframe-counts b{font-family:var(--f-display);color:var(--ink);font-size:28px;font-weight:600;line-height:1.1}@media (max-width:1279px){[data-theme=trail] .dframe-deal{--deal-scale:.8}}@media (max-height:640px){[data-theme=trail] .dframe-pitch p{display:none}}}@layer theme;
@layer classic{.mtabbar{padding:4px calc(8px + var(--safe-r)) max(6px, calc(var(--safe-b) - 16px)) calc(8px + var(--safe-l));background:#080e0cf5;border-top:1px solid #e2c18524;flex:none;grid-auto-columns:1fr;grid-auto-flow:column;display:grid}.mtabbar a{color:var(--ink-dim);flex-direction:column;align-items:center;gap:3px;padding:6px 0;font-size:11px;font-weight:700;text-decoration:none;display:flex}.mtabbar a.on{color:var(--gold)}.mtabicon{place-items:center;height:20px;font-size:17px;line-height:1;display:grid}.mtabicon .goldcoin{width:17px;height:17px}:is(.shell:has(>.mtabbar)>.screen,.shell:has(>.mtabbar)>.rules){padding-bottom:20px}}
@layer classic,trailreset;@layer trail{[data-theme=trail] .mtabbar{padding:0 calc(8px + var(--safe-r)) max(6px, calc(var(--safe-b) - 16px)) calc(8px + var(--safe-l));background:var(--paper);border-top:1px solid var(--ink);flex:none;grid-auto-columns:1fr;grid-auto-flow:column;display:grid}[data-theme=trail] .mtabbar a{color:var(--ink-soft);font-family:var(--f-mono);letter-spacing:.12em;text-transform:uppercase;border-top:2px solid #0000;flex-direction:column;align-items:center;gap:4px;padding:9px 0 5px;font-size:9.5px;font-weight:500;text-decoration:none;display:flex}[data-theme=trail] .mtabbar a.on{color:var(--accent);border-top-color:var(--accent)}[data-theme=trail] .mtabicon{place-items:center;height:20px;display:grid}[data-theme=trail] .mtabicon svg{width:20px;height:20px}[data-theme=trail] .mtabicon .goldcoin{width:18px;height:18px}:is([data-theme=trail] .shell:has(>.mtabbar)>.screen,[data-theme=trail] .shell:has(>.mtabbar)>.rules){padding-bottom:20px}}@layer theme;
