@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-condensed-vietnamese-400-normal-Dq9fsqrz.woff2)format("woff2"),url(/assets/barlow-condensed-vietnamese-400-normal-BHpO_q_4.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-condensed-latin-ext-400-normal-DPMBkgfB.woff2)format("woff2"),url(/assets/barlow-condensed-latin-ext-400-normal-DN7qpd_C.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-condensed-latin-400-normal-Dc2u_eUW.woff2)format("woff2"),url(/assets/barlow-condensed-latin-400-normal-BXL2z6Kg.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-condensed-vietnamese-500-normal-DjeaNLFD.woff2)format("woff2"),url(/assets/barlow-condensed-vietnamese-500-normal-CsrJDWc5.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-condensed-latin-ext-500-normal-yA5ONLQ9.woff2)format("woff2"),url(/assets/barlow-condensed-latin-ext-500-normal-B1RE8WP7.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-condensed-latin-500-normal-BgYH2mbd.woff2)format("woff2"),url(/assets/barlow-condensed-latin-500-normal-HIEiP5Ov.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-vietnamese-700-normal-DYeBwlKR.woff2)format("woff2"),url(/assets/barlow-condensed-vietnamese-700-normal-DhIzd8Tb.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-latin-ext-700-normal-CwuXbfVR.woff2)format("woff2"),url(/assets/barlow-condensed-latin-ext-700-normal-BIHFfxf0.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-latin-700-normal-v1xN8_Wq.woff2)format("woff2"),url(/assets/barlow-condensed-latin-700-normal-Dmwat-ge.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/barlow-condensed-vietnamese-900-normal-Dt_hWMjt.woff2)format("woff2"),url(/assets/barlow-condensed-vietnamese-900-normal-swJS2L_Y.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/barlow-condensed-latin-ext-900-normal-BgjSW1bu.woff2)format("woff2"),url(/assets/barlow-condensed-latin-ext-900-normal-CoV-fQpy.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/barlow-condensed-latin-900-normal-SFh9ViAc.woff2)format("woff2"),url(/assets/barlow-condensed-latin-900-normal-Bz1RFETY.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#fafafa;--ink:#17181a;--ink-soft:#6b6f76;--green:#4fc97a;--green-deep:#2f9c57;--blue:#4a8fe8;--blue-deep:#2f6bc4;--line:#e6e6e6;--panel:#fff;--font-display:"Barlow Condensed", sans-serif;--font-body:"Barlow Condensed", sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;padding:0;overflow-x:hidden}body{min-height:100vh}::selection{background:var(--ink);color:var(--bg)}a{color:inherit}@keyframes twin-shake{0%{transform:translate(0)}20%{transform:translate(-5px,2px)}40%{transform:translate(4px,-3px)}60%{transform:translate(-3px,-1px)}80%{transform:translate(2px,3px)}to{transform:translate(0)}}.twin-shake{animation:.25s ease-in-out twin-shake}@media (prefers-reduced-motion:reduce){.twin-shake{animation:none}}#app{max-width:680px;margin:0 auto;padding:0 18px 60px}.topbar{justify-content:space-between;align-items:center;padding:16px 0 4px;display:flex}.ticker{font:700 14px/1 var(--font-body);letter-spacing:.06em;color:var(--ink-soft)}.mute{appearance:none;border:1px solid var(--line);color:var(--ink-soft);font:600 10px var(--font-body);letter-spacing:.05em;cursor:pointer;background:0 0;border-radius:6px;padding:6px 10px}.mute:hover{border-color:var(--ink);color:var(--ink)}.hero{text-align:center;padding-top:6px}.logo{width:min(72%,300px);height:auto;margin:0 auto;display:block}.tagline{font:900 22px/1.1 var(--font-display);letter-spacing:.01em;margin:6px 0 0}.subtitle{max-width:340px;color:var(--ink-soft);margin:8px auto 0;font-size:15px;line-height:1.5}.room{-webkit-user-select:none;user-select:none;cursor:pointer;justify-content:space-between;align-items:stretch;height:min(52vh,420px);min-height:260px;margin-top:26px;display:flex;position:relative}.door{flex:none;width:22%;min-width:64px;max-width:130px;position:relative}.door-interior{border-radius:4px;transition:background .4s,opacity .4s;position:absolute;inset:6% 10%}.door-green .door-interior{background:linear-gradient(#eafaf0,#d7f3e2)}.door-blue .door-interior{background:linear-gradient(#eaf2fd,#d9e9fb)}.door-panel{border-radius:2px;width:14%;position:absolute;top:4%;bottom:4%;box-shadow:0 6px 14px #0000001f}.door-green .door-panel{background:var(--green);transform-origin:0;left:-2%;transform:perspective(400px)rotateY(-28deg)}.door-blue .door-panel{background:var(--blue);transform-origin:100%;right:-2%;transform:perspective(400px)rotateY(28deg)}.door-peek{font:700 11px var(--font-body);letter-spacing:.04em;color:var(--ink-soft);background:var(--panel);border:1px solid var(--line);white-space:nowrap;opacity:0;pointer-events:none;border-radius:999px;padding:4px 9px;transition:opacity .25s;position:absolute;bottom:10%;left:50%;transform:translate(-50%)}.door-peek.show{opacity:1}.stage{pointer-events:none;width:min(60vw,360px);height:min(60vw,360px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pose{object-fit:contain;will-change:transform, opacity;width:100%;height:100%;position:absolute;inset:0}.pop-message{font:700 15px var(--font-body);letter-spacing:.01em;color:var(--ink);background:var(--panel);border:1px solid var(--line);opacity:0;pointer-events:none;white-space:nowrap;border-radius:999px;padding:7px 16px;transition:opacity .25s,transform .25s;position:absolute;top:8%;left:50%;transform:translate(-50%,-6px)}.pop-message.show{opacity:1;transform:translate(-50%)}.bar-panel{border:1px solid var(--line);background:var(--panel);border-radius:12px;margin-top:22px;padding:16px 16px 14px}.bar-row{align-items:center;gap:10px;display:flex}.bar-label{font:700 13px var(--font-body);letter-spacing:.02em;min-width:34px}.bar-label.green{color:var(--green-deep)}.bar-label.blue{color:var(--blue-deep);text-align:right}.bar-track{background:var(--line);border-radius:999px;flex:1;height:14px;display:flex;overflow:hidden}.bar-track.small{height:8px}.bar-fill-green{background:var(--green);height:100%}.bar-fill-blue{background:var(--blue);height:100%}.bar-ends{font:600 10px var(--font-body);letter-spacing:.12em;color:var(--ink-soft);justify-content:space-between;margin-top:6px;display:flex}.attempts-row{border-top:1px solid var(--line);font:600 11.5px var(--font-body);color:var(--ink-soft);letter-spacing:.02em;flex-wrap:wrap;justify-content:space-between;gap:6px;margin-top:14px;padding-top:12px;display:flex}.attempts-row b{color:var(--ink);font-weight:700}.tug-panel{border:1px solid var(--line);background:var(--panel);border-radius:12px;margin-top:16px;padding:14px 16px}.tug-panel h3{font:700 12px var(--font-body);letter-spacing:.12em;color:var(--ink-soft);margin:0}.tug-sub{display:none}.tug-panel .bar-track{margin-top:10px}.tug-note{color:#a6a9ae;text-align:right;margin:8px 0 0;font-size:11px;font-style:italic}footer{border-top:1px solid var(--line);font:600 11px var(--font-body);flex-wrap:wrap;align-items:center;gap:8px;margin-top:22px;padding-top:16px;display:flex}.chip{appearance:none;border:1px solid var(--line);color:var(--ink-soft);cursor:pointer;letter-spacing:.03em;background:0 0;border-radius:999px;padding:7px 12px;text-decoration:none}.chip:hover{border-color:var(--ink);color:var(--ink)}.legal{width:100%;font:400 10.5px/1.5 var(--font-body);color:#a6a9ae;margin-top:10px}.toast{background:var(--ink);color:var(--bg);font:700 12px var(--font-body);letter-spacing:.03em;opacity:0;pointer-events:none;z-index:70;border-radius:999px;padding:10px 16px;transition:opacity .2s,transform .2s;position:fixed;bottom:22px;left:50%;transform:translate(-50%,12px)}.toast.show{opacity:1;transform:translate(-50%)}@media (width<=420px){.room{height:min(46vh,340px)}.door{width:20%}.tagline{font-size:19px}}
