.madang{--night:#14121f;--ink:#f4efe6;--muted:#a9a3b8;--brand:#ff993d;--panel:#1f1c2e;--line:#2e2a42;color:var(--ink);background:#0b0a12;position:fixed;inset:0;overflow:hidden}.madang *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}.madang-frame{background:var(--night);border-left:1px solid #1c1a2a;border-right:1px solid #1c1a2a;flex-direction:column;max-width:480px;height:100%;margin:0 auto;display:flex;position:relative}.madang header{justify-content:space-between;align-items:center;padding:14px 16px 4px;display:flex}.madang .brand{color:var(--brand);letter-spacing:-.5px;font-size:20px;font-weight:900;text-decoration:none}.madang .live{color:var(--muted);font-size:13px}.madang .live b{color:var(--ink)}.madang h1{letter-spacing:-.5px;margin:2px 16px;font-size:21px;font-weight:800}.madang h1 span{color:#ffd3a8;margin-left:6px;font-size:13px;font-weight:600}.madang .goal{margin:10px 16px 0}.madang .goal .row{color:var(--muted);justify-content:space-between;margin-bottom:5px;font-size:12px;display:flex}.madang .goal .row b{color:#ffd3a8}.madang .goal .track{background:#2a2640;border-radius:4px;height:8px;overflow:hidden}.madang .goal .fill{background:linear-gradient(90deg,#ff7a3a,#ffc75a);border-radius:4px;height:100%;transition:width .4s}.madang .stage{flex:1;min-height:300px;position:relative}.madang canvas{width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.madang .float{color:#ffe2c2;white-space:nowrap;cursor:pointer;background:#14121fcc;border:1px solid #ff993d73;border-radius:10px;padding:5px 9px;font-size:12px;font-weight:700;animation:4.2s ease-out forwards madang-rise;position:absolute;transform:translate(-50%)}.madang .float .me2{color:#2a1606;background:#ffd3a8;border-radius:6px;margin-left:6px;padding:1px 6px;font-size:11px}.madang .float.combo{color:#fff3d6;border-color:#ffc75a}@keyframes madang-rise{0%{opacity:0;margin-top:10px}10%{opacity:1;margin-top:0}82%{opacity:1}to{opacity:0;margin-top:-40px}}.madang .bubble{color:#2a1606;white-space:nowrap;pointer-events:none;background:#fff3e3;border-radius:10px;padding:4px 8px;font-size:12px;font-weight:700;animation:2.6s ease-out forwards madang-pop;position:absolute;transform:translate(-50%,-100%)}.madang .bubble:after{content:"";border:4px solid #0000;border-top-color:#fff3e3;border-bottom:0;margin-left:-4px;position:absolute;bottom:-4px;left:50%}@keyframes madang-pop{0%{opacity:0;scale:.6}10%{opacity:1;scale:1.08}18%{scale:1}85%{opacity:1}to{opacity:0}}.madang .fly{pointer-events:none;font-size:18px;transition:left .9s cubic-bezier(.3,.1,.4,1),top .9s cubic-bezier(.2,-.6,.6,1);position:absolute}.madang .heart{pointer-events:none;font-size:14px;animation:1.4s ease-out forwards madang-heart;position:absolute}@keyframes madang-heart{0%{opacity:0;transform:translateY(0)scale(.6)}15%{opacity:1;transform:translateY(-6px)scale(1.1)}to{opacity:0;transform:translateY(-40px)scale(1)}}.madang .pop{background:var(--panel);border:1px solid var(--line);z-index:3;border-radius:14px;padding:8px;position:absolute;transform:translate(-50%,-100%);box-shadow:0 8px 24px #0006}.madang .pop .who{color:var(--muted);text-align:center;margin:0 0 6px;font-size:12px}.madang .pop .who b{color:var(--ink)}.madang .pop .acts{gap:6px;display:flex}.madang .pop button{border:1px solid var(--line);width:58px;height:52px;color:var(--ink);font:inherit;background:#28243a;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:11px;font-weight:600;display:flex}.madang .pop button span{font-size:18px}.madang .tag{color:var(--muted);background:#1f1c2ecc;border-radius:8px;padding:4px 8px;font-size:11px;position:absolute;top:8px}.madang .tag b{color:#fff}.madang .status{color:var(--muted);background:#1f1c2ee6;border-radius:10px;padding:8px 12px;font-size:13px;position:absolute;top:40%;left:50%;transform:translate(-50%)}.madang .emotes{gap:6px;padding:8px 16px 0;display:flex;overflow-x:auto}.madang .emotes button{border:1px solid var(--line);height:36px;color:var(--ink);font:inherit;background:#28243a;border-radius:18px;flex:none;padding:0 12px;font-size:13px;font-weight:600}.madang .bar{gap:8px;padding:8px 16px;display:flex}.madang .bar button{border:1px solid var(--line);background:var(--panel);height:48px;color:var(--ink);font:inherit;border-radius:12px;flex:1;font-size:15px;font-weight:700}.madang .bar button.primary{background:var(--brand);border-color:var(--brand);color:#2a1606;flex:1.4}.madang .bar button:disabled{opacity:.5}.madang .cta{background:var(--panel);border:1px solid var(--line);border-radius:12px;align-items:center;gap:12px;margin:2px 16px 14px;padding:11px 14px;display:flex}.madang .cta p{color:var(--muted);flex:1;margin:0;font-size:12.5px;line-height:1.45}.madang .cta p b{color:var(--ink);font-weight:700}.madang .cta a{color:#2a1606;background:#ffd3a8;border-radius:10px;flex:none;padding:9px 12px;font-size:13px;font-weight:800;text-decoration:none}.madang .sheet{background:var(--panel);border-top:1px solid var(--line);z-index:5;border-radius:18px 18px 0 0;padding:18px 16px 22px;transition:transform .25s;position:absolute;bottom:0;left:0;right:0;transform:translateY(105%)}.madang .sheet.open{transform:none}.madang .sheet h2{margin:0 0 4px;font-size:17px}.madang .sheet p{color:var(--muted);margin:0 0 14px;font-size:13px}.madang .chips{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.madang .chips button{border:1px solid var(--line);height:44px;color:var(--ink);font:inherit;background:#28243a;border-radius:10px;font-size:14px;font-weight:600}.madang .status.invite{white-space:nowrap;color:#ffe2c2;font:inherit;cursor:pointer;border:1px solid #ff993d80;font-size:13px;font-weight:700;top:22%}.madang canvas{image-rendering:auto;touch-action:manipulation}.madang .tag3d{color:#f4efe6;white-space:nowrap;pointer-events:none;background:#14121f9e;border-radius:9px;padding:2px 7px;font-size:11px;font-weight:600;position:absolute;transform:translate(-50%,-100%)}.madang .tag3d.me{color:#2a1606;background:#ffd3a8;font-weight:800}.madang .toast{color:#ffd76a;white-space:nowrap;z-index:4;background:#1d1b2b;border:1px solid #ffd76a59;border-radius:12px;padding:7px 12px;font-size:13px;font-weight:800;animation:2.6s ease-out forwards madang-pop;position:absolute;top:46px;left:50%;transform:translate(-50%)}.madang .duet{color:#ffe2c2;white-space:nowrap;background:#1f1c2eeb;border:1px solid #ff993d73;border-radius:10px;padding:6px 10px;font-size:12px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.madang .duet b{color:#ffd76a}.madang .invite-card{background:var(--panel);z-index:4;border:1px solid #ff993d80;border-radius:14px;padding:12px;position:absolute;top:52px;left:16px;right:16px;box-shadow:0 8px 24px #0006}.madang .invite-card p{margin:0 0 10px;font-size:14px}.madang .invite-card div{gap:8px;display:flex}.madang .invite-card button{border:1px solid var(--line);height:40px;color:var(--ink);font:inherit;background:#28243a;border-radius:10px;flex:1;font-size:14px;font-weight:700}.madang .invite-card button.ok{background:var(--brand);border-color:var(--brand);color:#2a1606}.madang .gauge{background:#2a2640;border:1px solid #3a3554;border-radius:7px;height:14px;position:absolute;bottom:46px;left:24px;right:24px;overflow:hidden}.madang .gauge .zone{position:absolute;top:0;bottom:0}.madang .gauge .good{background:#c98b3e;width:16.2%;left:42.9%}.madang .gauge .best{background:#ffc75a;width:11.5%;left:59%}.madang .gauge .needle{background:#fff;border-radius:2px;width:4px;margin-left:-2px;position:absolute;top:-2px;bottom:-2px}.madang .bar button.roast{-webkit-user-select:none;user-select:none;touch-action:none;flex:1.6}.madang .pop .acts{flex-wrap:wrap;justify-content:center;max-width:320px}.madang .gift-card{background:var(--panel);z-index:4;border:1px solid #ffc75a8c;border-radius:14px;padding:12px;position:absolute;bottom:64px;left:16px;right:16px;box-shadow:0 8px 24px #0006}.madang .gift-card p{margin:0 0 10px;font-size:14px;line-height:1.45}.madang .gift-card div{gap:8px;display:flex}.madang .gift-card button,.madang .received button{border:1px solid var(--line);height:42px;color:var(--ink);font:inherit;background:#28243a;border-radius:10px;flex:1;font-size:14px;font-weight:700}.madang .gift-card button.ok,.madang .received button.ok{background:var(--brand);border-color:var(--brand);color:#2a1606}.madang .received{z-index:6;text-align:center;background:#14121ff0;border:1px solid #ffc75a80;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:28px 20px;display:flex;position:absolute;inset:16px}.madang .received .mallow-big{font-size:64px;animation:1.4s ease-in-out infinite madang-bounce}@keyframes madang-bounce{0%,to{transform:translateY(0)rotate(-6deg)}50%{transform:translateY(-8px)rotate(6deg)}}.madang .received h2{margin:0;font-size:22px}.madang .received p{color:var(--muted);margin:0;font-size:14px;line-height:1.5}.madang .received button{flex:none;width:100%;max-width:280px;margin-top:6px}.madang .received .sub{margin-top:8px;font-size:12.5px}.madang .received .sub a{color:#ffd3a8;font-weight:700}