.app{position:relative;width:100%;height:100%;max-width:480px;margin:0 auto;background:#000;overflow:hidden}.app.is-landscape{max-width:none}@media(orientation:landscape){.app{max-width:none}}.stage{position:absolute;inset:0}.stage video{width:100%;height:100%;object-fit:cover;background:#000}.stage.is-landscape{display:flex;align-items:center;justify-content:center;background:#000}.stage.is-landscape video{width:100%;height:100%;object-fit:contain;object-position:center}.hud,.actions,.caption,.play-badge{position:absolute;z-index:2;pointer-events:none}.hud{top:0;left:0;right:0;padding:calc(12px + env(safe-area-inset-top)) 16px 0;display:flex;justify-content:space-between;gap:12px}.stat{pointer-events:none;min-width:0;padding:10px 12px;border-radius:14px;background:#0000006b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat label{display:block;font-size:11px;letter-spacing:.08em;color:var(--muted)}.stat b{display:block;margin-top:4px;font-size:18px;font-weight:700;line-height:1.2}.stat.reward b{color:var(--gold)}.actions{right:14px;bottom:calc(92px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px;pointer-events:auto}.icon-btn,.cash-btn{border:0;color:#fff;cursor:pointer}.icon-btn{width:52px;height:52px;padding:0;border-radius:50%;background:#ffffff29;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:inline-flex;align-items:center;justify-content:center;line-height:0}.icon-btn svg{width:24px;height:24px;display:block;flex-shrink:0}.cash-btn{position:absolute;left:16px;right:16px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:2;height:48px;border-radius:24px;background:linear-gradient(135deg,#19c37d,#0ea5e9);font-size:16px;font-weight:700}.caption{left:16px;right:80px;bottom:calc(78px + env(safe-area-inset-bottom));text-shadow:0 1px 8px rgba(0,0,0,.65)}.caption h3{margin:0;font-size:15px;font-weight:650;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.caption-summary,.caption-hint{margin:6px 0 0;font-size:12px;line-height:1.4;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.caption-hint{-webkit-line-clamp:1;color:#ffffff9e}.play-badge{inset:0;display:grid;place-items:center}.play-badge.is-toast span{animation:badge-fade 3s ease forwards}@keyframes badge-fade{0%{opacity:1}to{opacity:0}}.play-badge span{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:#00000073;color:#fff}.play-badge svg{width:32px;height:32px;display:block}.empty{height:100%;display:grid;place-items:center;padding:24px;text-align:center;color:var(--muted)}.mask{position:absolute;inset:0;z-index:10;background:#000000b8;display:grid;place-items:end center}.sheet{width:100%;padding:22px 18px calc(18px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;background:#141414}.sheet h2{font-size:18px}.sheet p{margin:8px 0 16px;color:var(--muted);font-size:13px;line-height:1.5}.sheet input{width:100%;height:46px;border:1px solid #333;border-radius:12px;background:#0b0b0b;color:#fff;padding:0 12px;font-size:14px;outline:none}.sheet input:focus{border-color:var(--accent)}.sheet .error{min-height:20px;margin:8px 0 12px;color:#ff8b8b;font-size:12px}.sheet-actions{display:flex;gap:10px}.sheet-actions button{flex:1;height:44px;border:0;border-radius:12px;font-size:15px;font-weight:650;cursor:pointer}.sheet-actions .ghost{background:#2a2a2a;color:#fff}.sheet-actions .primary{background:var(--accent);color:#04140c}.done{text-align:center;padding:8px 0 12px}.done b{display:block;margin:8px 0;color:var(--gold);word-break:break-all}.spinner{width:36px;height:36px;margin:8px auto 14px;border:3px solid rgba(255,255,255,.16);border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sheet-actions button:disabled{opacity:.65;cursor:wait}.rules-mask{position:absolute;inset:0;z-index:20;background:#000000c7;display:grid;place-items:center;padding:24px 18px}.rules-card{width:min(100%,360px);padding:22px 20px 18px;border-radius:18px;background:#161616;box-shadow:0 12px 40px #00000073}.rules-timer{width:44px;height:44px;margin:0 auto 12px;border-radius:50%;border:2px solid var(--gold);color:var(--gold);display:grid;place-items:center;font-size:16px;font-weight:700}.rules-card h2{text-align:center;font-size:18px;margin-bottom:14px}.rules-card ul{padding-left:18px;display:grid;gap:8px;color:var(--muted);font-size:13px;line-height:1.55}.rules-card li::marker{color:var(--gold)}.rules-start{display:block;width:100%;margin-top:16px;height:44px;border:0;border-radius:12px;background:linear-gradient(135deg,#19c37d,#0ea5e9);color:#fff;font-size:15px;font-weight:700;cursor:pointer}:root{color-scheme:dark;--bg: #050505;--fg: #fff;--muted: rgba(255, 255, 255, .72);--gold: #f5d76e;--accent: #19c37d}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Noto Sans SC,Microsoft YaHei,sans-serif}body{touch-action:pan-y}