@font-face{font-family:Bungee;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bungee-vietnamese-400-normal-B6gKbkHm.woff2) format("woff2"),url(/assets/bungee-vietnamese-400-normal-CmjDSWyd.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bungee;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bungee-latin-ext-400-normal-DWzJMwsA.woff2) format("woff2"),url(/assets/bungee-latin-ext-400-normal-DXe9_7Rr.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Bungee;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bungee-latin-400-normal-Dfnurram.woff2) format("woff2"),url(/assets/bungee-latin-400-normal-DA8IEVW_.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--navy: #10284a;--navy-2: #183a66;--navy-3: #22497c;--ink: #071a33;--orange: #ff8a3d;--teal: #2ec4b6;--sand: #f7e9cf;--sand-dim: rgba(247, 233, 207, .62);--rose: #f25f5c;--display: "Bungee", "Arial Black", system-ui, sans-serif;--body: "Bricolage Grotesque Variable", "Bricolage Grotesque", system-ui, -apple-system, "Segoe UI", sans-serif;--step--1: .8125rem;--step-0: 1rem;--step-1: 1.25rem;--step-2: 1.75rem;--step-3: 2.5rem}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--ink);color:var(--sand);font-family:var(--body);font-size:var(--step-0);line-height:1.45;-webkit-font-smoothing:antialiased;overscroll-behavior:none}button,input{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:3px solid var(--teal);outline-offset:3px}.stage{position:relative;height:100svh;width:62.1svh;max-width:100vw;margin:0 auto;overflow:hidden;background:linear-gradient(to bottom,transparent 54%,rgba(255,138,61,.07) 54.2%,transparent 74%),var(--navy);isolation:isolate;container-type:inline-size}.stage:before{content:"";position:absolute;left:0;right:0;top:54%;height:2px;background:var(--teal);opacity:.35;z-index:-1}.home{height:100%;overflow-y:auto;padding:28px 22px 16px;display:flex;flex-direction:column;gap:12px}.title{margin:8px 0 0;font-family:var(--display);font-weight:400;font-size:clamp(3.4rem,11.5svh,6.6rem);font-size:min(6.6rem,11.5svh,27cqi);line-height:.86;color:var(--orange);text-shadow:4px 4px 0 var(--ink),7px 7px 0 var(--teal);display:flex;flex-direction:column}.title span:nth-child(2){font-size:.5em;color:var(--sand);padding-left:.12em}.chant-line{margin:2px 0 14px;color:var(--sand-dim);font-style:italic}.field{display:grid;gap:6px;font-weight:600;font-size:var(--step--1)}input{width:100%;background:var(--navy-2);border:2px solid var(--navy-3);border-radius:10px;padding:12px 14px;font-size:var(--step-0)}input::placeholder{color:#f7e9cf66}input:focus{border-color:var(--teal);outline:none}.cta{background:var(--orange);color:var(--ink);border:0;border-radius:14px;padding:15px 18px;font-family:var(--display);font-size:var(--step-1);box-shadow:0 5px 0 var(--ink);transition:transform .08s,box-shadow .08s}.cta:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px 0 var(--ink)}.cta:disabled{opacity:.55}.cta.ghost{background:transparent;color:var(--orange);box-shadow:inset 0 0 0 2px var(--orange)}.btn{background:var(--navy-2);border:2px solid var(--navy-3);border-radius:10px;padding:11px 14px;font-weight:600}.btn:hover:not(:disabled){border-color:var(--teal)}.btn:disabled{opacity:.5}.hint{margin:-4px 0 8px;font-size:var(--step--1);color:var(--sand-dim)}.block{display:grid;gap:10px;padding-top:14px;border-top:1px solid var(--navy-3)}.block h2{margin:0;font-size:var(--step-1);font-weight:800}.row{display:flex;gap:8px;align-items:center}.row.join input{flex:1;font-family:var(--display);letter-spacing:.08em}.seg{display:flex;flex:1;background:var(--navy-2);border-radius:10px;padding:3px}.seg button{flex:1;background:none;border:0;padding:8px 4px;border-radius:8px;font-size:var(--step--1);font-weight:600;color:var(--sand-dim)}.seg button.on{background:var(--navy-3);color:var(--sand)}.bots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.bot{display:grid;gap:2px;text-align:left;background:var(--navy-2);border:2px solid transparent;border-radius:12px;padding:10px}.bot:hover:not(:disabled){border-color:var(--orange)}.bot strong{font-family:var(--display);font-weight:400;font-size:var(--step-1);color:var(--orange)}.bot small{font-size:.72rem;color:var(--sand-dim);line-height:1.25}.status{margin:4px 0 0;font-weight:600;color:var(--teal)}.status.error{color:var(--rose)}.credit{margin-top:auto;padding-top:18px;text-align:center;font-size:.72rem;color:#f7e9cf61}.table{height:100%;display:grid;grid-template-rows:auto 1fr auto 1fr auto;grid-template-columns:minmax(0,1fr);padding:10px 14px calc(14px + env(safe-area-inset-bottom))}.bar{display:flex;justify-content:space-between;align-items:center}.bar .meta{font-weight:600;color:var(--sand-dim);font-size:var(--step--1)}.icon{background:none;border:0;width:40px;height:40px;border-radius:50%;font-size:1.1rem}.icon:hover{background:var(--navy-2)}.seat{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;min-height:0}.seat-opp{justify-content:flex-start}.seat-head{display:flex;flex-direction:column;align-items:center;gap:4px}.seat-head .name{font-weight:800;font-size:var(--step-1)}.seat-head em{font-style:normal;font-weight:400;color:var(--sand-dim);font-size:var(--step--1)}.seat-head .tag{margin-left:6px;padding:1px 7px;border-radius:99px;background:var(--navy-3)}.seat-head .tag.off{background:var(--rose);color:var(--ink)}.pips{display:flex;gap:6px}.pips i{width:14px;height:14px;border-radius:50%;border:2px solid var(--orange)}.pips i.on{background:var(--orange)}.seat-opp .pips i{border-color:var(--teal)}.seat-opp .pips i.on{background:var(--teal)}.bubble{position:absolute;top:58px;right:4px;max-width:62%;background:var(--sand);color:var(--ink);padding:8px 12px;border-radius:14px 14px 14px 4px;font-weight:600;font-size:var(--step--1);z-index:3;animation:pop .2s ease-out}.hand{flex:1;min-height:0;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.hand .glyph{font-size:clamp(4.5rem,15svh,8.5rem);line-height:1;display:inline-block;animation:slam .22s cubic-bezier(.2,1.6,.5,1)}.hand-opp .glyph{transform:rotate(180deg)}.hand-opp.shown .glyph{animation-name:slam-opp}.hand.shake .glyph{animation:bob var(--beat) ease-in 3}.hand-opp.shake .glyph{animation-name:bob-opp}.hand.lost .glyph{opacity:.38;filter:grayscale(.7);transition:opacity .4s .3s,filter .4s .3s}.hand .note{color:var(--sand-dim);font-weight:600;font-size:var(--step--1)}@keyframes bob{0%,to{transform:translateY(0)}45%{transform:translateY(-28px)}}@keyframes bob-opp{0%,to{transform:rotate(180deg) translateY(0)}45%{transform:rotate(180deg) translateY(-28px)}}@keyframes slam{0%{transform:scale(1.5)}to{transform:scale(1)}}@keyframes slam-opp{0%{transform:rotate(180deg) scale(1.5)}to{transform:rotate(180deg) scale(1)}}@keyframes pop{0%{transform:scale(.85);opacity:0}to{transform:none;opacity:1}}.center{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:6px 0;min-height:132px}.timer{--p: 0;width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--navy) calc(var(--p) * 360deg),var(--orange) 0);position:relative}.timer:before{content:"";position:absolute;inset:7px;border-radius:50%;background:var(--navy-2)}.timer span{position:relative;font-family:var(--display);font-size:var(--step-3)}.chant{display:flex;align-items:baseline;gap:.18em;font-family:var(--display);font-size:min(4.6rem,9svh,13vw);font-size:min(4.6rem,9svh,13.5cqi);white-space:nowrap;line-height:1}.chant span{opacity:0;transform:translateY(14px) scale(.7);transition:none}.chant span.on{opacity:1;transform:none;transition:transform .14s cubic-bezier(.2,1.8,.5,1),opacity .05s}.chant span:nth-child(1){color:var(--sand)}.chant span:nth-child(2){color:var(--teal);font-size:.6em}.chant span:nth-child(3){color:var(--orange);text-shadow:3px 3px 0 var(--ink)}.banner{display:grid;justify-items:center;gap:2px;text-align:center;animation:pop .2s ease-out}.banner strong{font-family:var(--display);font-weight:400;font-size:min(var(--step-3),10cqi);line-height:1}.banner span{color:var(--sand-dim);font-weight:600}.banner-win strong{color:var(--orange);text-shadow:3px 3px 0 var(--ink)}.banner-lose strong{color:var(--rose)}.banner-draw strong,.banner-void strong{color:var(--teal)}.waiting{display:grid;justify-items:center;gap:8px;text-align:center}.waiting small{color:var(--sand-dim)}.code{font-family:var(--display);font-weight:400;font-size:var(--step-3);letter-spacing:.12em;color:var(--orange);padding:4px 14px;border:2px dashed var(--navy-3);border-radius:12px}.dots:after{content:"";animation:dots 1.2s steps(4) infinite}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.over{display:grid;justify-items:center;gap:10px;text-align:center;animation:pop .25s ease-out}.over .big{font-family:var(--display);font-weight:400;font-size:min(var(--step-2),7.5cqi);line-height:1.05}.over .big.win{color:var(--orange);text-shadow:3px 3px 0 var(--ink)}.over .score{font-family:var(--display);font-size:var(--step-2);color:var(--sand-dim)}.over small{color:var(--teal);font-weight:600}.history{list-style:none;display:flex;gap:6px;margin:0;padding:0}.history li{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;font-size:.95rem;background:var(--navy-2)}.history li.win{box-shadow:inset 0 -3px 0 var(--orange)}.history li.lose{box-shadow:inset 0 -3px 0 var(--rose);opacity:.75}.history li.draw{box-shadow:inset 0 -3px 0 var(--teal)}.picks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding-top:12px}.pick{display:grid;justify-items:center;gap:2px;background:var(--sand);color:var(--ink);border:0;border-radius:16px;padding:10px 4px 9px;box-shadow:0 5px 0 var(--ink);transition:transform .08s,box-shadow .08s,opacity .2s}.pick .emoji{font-size:clamp(1.9rem,6svh,2.6rem);line-height:1.1}.pick .label{font-family:var(--display);font-size:.86rem}.pick:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px 0 var(--ink)}.pick.chosen{background:var(--orange);transform:translateY(4px);box-shadow:0 1px 0 var(--ink)}.pick:disabled{opacity:.3}.phase-pick .pick:not(:disabled):hover{background:#fff3dc}.phase-pick .pick.chosen:hover{background:var(--orange)}.stage-badge{position:absolute;top:0;left:50%;transform:translate(-50%);z-index:20;background:var(--teal);color:var(--ink);font-family:var(--display);font-size:.7rem;letter-spacing:.06em;padding:2px 12px 3px;border-radius:0 0 8px 8px;pointer-events:none}.stage-badge+.table{padding-top:22px}.toasts{position:absolute;left:0;right:0;top:56px;display:grid;justify-items:center;gap:6px;pointer-events:none;z-index:10}.toast{background:var(--teal);color:var(--ink);font-weight:600;padding:7px 14px;border-radius:99px;animation:pop .2s ease-out}@media(max-height:640px){.table{padding-top:4px}.center{min-height:104px}.timer{width:74px;height:74px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}