:root{--bg: var(--tg-theme-bg-color, #0c0c0e);--text: var(--tg-theme-text-color, #ffffff);--hint: var(--tg-theme-hint-color, #97979c);--accent: #ff6a13;--accent-dark: #d94e00;--purple: #5b2ac9;--card: #18181b;--card-line: #29292d;--input-bg: #232327;--font-display: "Oswald", "Arial Narrow", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overscroll-behavior:none;touch-action:pan-y}body{background:var(--bg);color:var(--text);font-family:var(--font-body)}input,textarea,select,button{font-size:16px}.app{max-width:480px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;position:relative}.content{flex:1;padding:16px 16px 90px}.header{padding:16px 16px 14px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--card-line);position:relative;overflow:hidden;background:linear-gradient(180deg,#141416 0%,var(--bg) 100%)}.header:after{content:"";position:absolute;top:-30px;right:-60px;width:160px;height:90px;background:repeating-linear-gradient(-45deg,var(--purple) 0px,var(--purple) 14px,transparent 14px,transparent 28px);opacity:.5;pointer-events:none}.balance{background:#fff;color:#0c0c0e;font-family:var(--font-display);font-weight:700;font-style:italic;padding:7px 16px;border-radius:999px;font-size:14px;text-transform:uppercase;letter-spacing:.2px;white-space:nowrap;position:relative;z-index:1}h1{font-family:var(--font-display);font-weight:700;font-style:italic;text-transform:uppercase;font-size:22px;letter-spacing:-.01em;margin:0 0 2px}h2{font-family:var(--font-display);font-weight:700;font-style:italic;font-size:18px;color:var(--accent);text-transform:uppercase;letter-spacing:.2px;margin:0 0 10px}h3{font-family:var(--font-display);font-weight:600;font-size:14px;text-transform:uppercase;color:var(--hint);margin:16px 0 8px;letter-spacing:.3px}.card{background:var(--card);border:1px solid var(--card-line);border-radius:16px;padding:16px;margin-bottom:12px;position:relative}.btn{background:var(--accent);color:#fff;border:none;border-radius:10px;padding:13px 16px;font-family:var(--font-display);font-weight:700;font-style:italic;text-transform:uppercase;font-size:15px;letter-spacing:.2px;width:100%;cursor:pointer}.btn:active{background:var(--accent-dark)}.btn:disabled{opacity:.4}.btn.secondary{background:var(--input-bg);color:var(--text);border:1px solid var(--card-line)}.tabbar{position:fixed;bottom:0;left:0;right:0;max-width:480px;margin:0 auto;display:flex;background:#141416;border-top:1px solid var(--card-line)}.tabbar a{flex:1;text-align:center;padding:10px 4px;color:var(--hint);text-decoration:none;font-size:11px;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.2px}.tabbar a.active{color:var(--accent)}.tabbar .icon{font-size:18px;display:block}.option{display:block;width:100%;text-align:left;background:var(--input-bg);color:var(--text);border:1px solid var(--card-line);border-radius:10px;padding:10px 12px;margin-bottom:8px;cursor:pointer;font-family:var(--font-body)}.option.selected{border-color:var(--accent);background:#2c1c10}.shop-item{display:flex;justify-content:space-between;align-items:center}.row{display:flex;gap:8px}.row>*{flex:1}.badge{font-size:12px;color:var(--hint)}.pill{display:inline-block;background:#fff;color:#0c0c0e;font-family:var(--font-display);font-weight:700;font-style:italic;text-transform:uppercase;font-size:12px;padding:3px 10px;border-radius:999px}.pill.orange{background:var(--accent);color:#fff}.pill.purple{background:var(--purple);color:#fff}.input{display:block;width:100%;padding:10px;border-radius:10px;border:none;margin-bottom:10px;background:var(--input-bg);color:#fff;font-family:var(--font-body);font-size:16px}textarea.input{resize:vertical}.field-label{display:block;font-size:12px;color:var(--hint);margin-bottom:4px}.passport-card{background:#0c0c0e;border:1px solid var(--card-line);border-radius:18px;padding:20px;margin-bottom:12px;position:relative;overflow:hidden}.passport-card:before{content:"";position:absolute;bottom:-40px;right:-50px;width:220px;height:140px;background:repeating-linear-gradient(-45deg,var(--purple) 0px,var(--purple) 16px,transparent 16px,transparent 32px);opacity:.55;pointer-events:none}.passport-card .brand-row{display:flex;gap:6px;margin-bottom:14px;position:relative;z-index:1}.passport-title{font-family:var(--font-display);font-weight:700;font-style:italic;text-transform:uppercase;font-size:34px;line-height:.95;letter-spacing:-.01em;margin:0;position:relative;z-index:1}.passport-title .line-orange{color:var(--accent);display:block}.passport-title .line-white{color:#fff;display:block}.passport-card .event-pill{display:inline-block;background:var(--purple);color:#fff;font-family:var(--font-display);font-weight:600;font-style:italic;text-transform:uppercase;font-size:12px;padding:4px 10px;border-radius:6px;margin:10px 0 6px;position:relative;z-index:1}.passport-card .arena-label{font-family:var(--font-display);text-transform:uppercase;color:var(--hint);font-size:12px;letter-spacing:.5px;position:relative;z-index:1}.passport-card .owner-name{margin-top:14px;padding-top:8px;border-top:1px solid var(--card-line);font-size:16px;font-weight:600;position:relative;z-index:1}.stat-number{font-family:var(--font-display);font-weight:700;font-style:italic;font-size:30px;color:var(--accent)}
