.wlp-page{min-height:100dvh;display:flex;flex-direction:column}.wlp-main{flex:1 1;display:flex;align-items:center;justify-content:center;padding:20px 0 40px;min-height:calc(100dvh - 67px)}.wlp-frame{width:100%;max-width:1240px;padding:0 28px;display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-gap:20px;gap:20px;align-items:start}.wlp-col{min-width:0;display:flex;flex-direction:column;gap:16px}.wlp-grow{flex:1 1}.wlp-video{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:18px;background:#fff7e1;box-shadow:0 18px 40px rgba(13,47,63,.16)}.wlp-video.is-tall{aspect-ratio:4/5}.wlg.wl.wlp-stage{position:absolute;left:0;top:0;transform-origin:0 0;background-size:22px 22px}.wlp-info{display:flex;align-items:center;gap:14px;min-height:76px;flex-wrap:wrap}.wlg .wlp-live{font-size:15px;padding:10px 16px;gap:8px;color:var(--ink);text-decoration:none}.wlp-live-go{font-size:15px;color:var(--mist)}.wlg .wlp-ticket{--stub:104px;width:300px;height:76px;border-radius:16px;box-shadow:0 12px 24px rgba(19,78,100,.24)}.wlp-ticket-main{padding:12px 16px;gap:6px}.wlp-ticket-row{display:flex;align-items:baseline;gap:6px;white-space:nowrap;min-width:0}.wlp-ticket-row b{font:700 28px/1 var(--font-display)}.wlp-ticket-row span{font:800 12px/1 var(--font-body);color:rgba(255,255,255,.75)}.wlp-ticket-row .wlp-gain{font-size:14px;color:var(--gold)}.wlp-ticket-row .wlp-ticket-words{margin-left:auto;overflow:hidden;text-overflow:ellipsis}.wlp-ticket-streak{font:800 12px/1.2 var(--font-body);text-align:center;padding:0 6px}.wlp-chat-cell{position:relative;align-self:stretch;min-height:420px}.wlp-chat{position:absolute;inset:0;display:flex;flex-direction:column;border-radius:22px;background:var(--surf);border:1.5px solid var(--line);box-shadow:var(--sh);overflow:hidden}.wlp-chat-h{padding:16px 18px;border-bottom:1.5px solid var(--line);display:flex;align-items:center;gap:10px}.wlp-chat-h i{font-size:22px;color:var(--teal)}.wlg .wlp-chat-h .wl-lbl{color:var(--ink);font-size:14px}.wlg .wlp-pin{margin:24px 16px 4px;padding:14px 16px 12px;flex:0 0 auto}.wlg .wlp-pin-h{display:flex;align-items:center;gap:8px;width:100%;padding:2px 0;border:0;background:none;cursor:pointer;text-align:left;font:900 11px/1 var(--font-body);letter-spacing:1.2px;text-transform:uppercase;color:inherit}.wlp-pin-caret{margin-left:auto;font-size:14px;transition:transform .2s}.wlp-pin.is-open .wlp-pin-caret{transform:rotate(180deg)}.wlp-pin [hidden]{display:none}.wlp-pin p{margin:8px 0 0;font:600 14px/1.45 var(--font-body)}.wlg .wlp-legend{gap:12px;margin-top:10px}.wlg .wlp-legend span{font-size:12px;color:var(--sticky-ink)}.wlg .wlp-legend i{width:12px;height:12px;border-radius:4px}.wlg .wlp-legend .no{background:rgba(92,74,20,.18)}.wlp-msgs{flex:1 1;min-height:0;overflow-y:auto;padding:8px 10px;display:flex;flex-direction:column;gap:2px;scrollbar-width:thin}.wlp-msgs>:first-child{margin-top:auto}.wlp-msg{display:flex;gap:10px;padding:8px;border-radius:14px;align-items:flex-start}.wlp-msg.is-win{background:rgba(255,200,87,.28)}.wlg .wlp-msg-av{width:30px;height:30px;border-radius:9px;flex:0 0 auto}.wlg .wlp-msg-av img{width:22px;height:22px}.wlg .wl-av.wlp-msg-av{border-radius:50%}.wlp-msg-b{min-width:0}.wlp-name{font:800 14px/1.2 var(--font-body);color:var(--ink)}.wlp-name.is-bot{color:var(--teal)}.wlp-text{margin:3px 0 0;font:600 15px/1.45 var(--font-body);color:var(--ink);overflow-wrap:anywhere}.wlp-note{margin:3px 0 0;font:700 14px/1.45 var(--font-body);color:var(--slate)}.wlp-msg.is-win .wlp-note{color:var(--ink)}.wlg .wlp-mini{justify-content:flex-start;margin-top:6px}.wlg .wlp-mini .wl-tile{box-shadow:none;border-width:2px}.wlp-input{padding:12px 12px 14px;border-top:1.5px solid var(--line)}.wlp-field{display:flex;align-items:center;gap:8px;padding:6px 6px 6px 16px;border-radius:16px;border:2px solid var(--aqua-soft);background:var(--surf);transition:border-color .15s,box-shadow .15s}.wlp-field.is-on:focus-within{border-color:var(--teal);box-shadow:0 0 0 4px rgba(31,111,139,.12)}.wlp-field input{flex:1 1;min-width:0;border:0;outline:0;background:transparent;padding:0;text-overflow:ellipsis;font:700 19px/1 var(--font-display);color:var(--ink)}.wlp-field input::placeholder{color:var(--mist);font:600 15px/1.2 var(--font-body)}.wlp-field input:disabled{color:var(--mist)}.wlp-send{width:44px;height:44px;flex:0 0 auto;border:0;border-radius:12px;background:linear-gradient(145deg,var(--aqua),var(--teal));color:#fff;display:grid;place-items:center;cursor:pointer;font-size:20px}.wlp-send:disabled{opacity:.4;cursor:default}.wlp-input-foot{display:flex;align-items:center;gap:8px;margin-top:10px;font:700 13px/1.3 var(--font-body);color:var(--slate)}.wlp-input-foot .vd-btn{margin-left:auto}.wlg .wlp-retry{width:100%}@media (max-width:900px){.wlp-main{align-items:flex-start;padding:12px 0 28px;min-height:0}.wlp-frame{grid-template-columns:minmax(0,1fr);padding:0 16px;gap:14px}.wlp-info{min-height:0}.wlp-chat-cell{min-height:0;height:min(420px,60dvh)}.wlp-page{padding-bottom:calc(118px + env(safe-area-inset-bottom))}.wlp-input{position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--surf);border-top:1.5px solid var(--line);box-shadow:0 -10px 24px rgba(13,47,63,.12);padding:10px 16px calc(12px + env(safe-area-inset-bottom))}}@media (max-width:480px){.wlg .wlp-ticket{width:100%}}