:root{color:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--orange:#fa7300;--navy:#0c2c64;--unit:clamp(.8421px, min(.263158vw, .142857dvh), 1.2632px);background:#fa7300;font-family:montserrat,Arial,Helvetica,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#controller{width:100%;min-height:100%;margin:0}body{background:var(--orange)}button{font:inherit}[hidden]{display:none!important}#controller{min-height:100dvh}.phone-shell{width:min(100%,480px);min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex-direction:column;margin:0 auto;display:flex}.brand-header{padding-top:calc(24 * var(--unit));text-align:center;flex:none}.brand-logo{width:calc(212 * var(--unit));max-width:56%;height:auto;margin:0 auto;display:block}.screen{width:100%;padding:calc(36 * var(--unit)) calc(18 * var(--unit)) calc(24 * var(--unit));text-align:center;flex-direction:column;flex:1;justify-content:center;display:flex}.screen h1,.controls-header h1{font-size:calc(34 * var(--unit));text-transform:uppercase;overflow-wrap:break-word;margin:0;font-weight:800;line-height:1.12}.screen p{margin:calc(14 * var(--unit)) 0;font-size:calc(24 * var(--unit));font-weight:600;line-height:1.25}.screen h1.offer-title{font-size:calc(28 * var(--unit));font-weight:800;line-height:1.15}.actions{gap:calc(27 * var(--unit));width:100%;margin-top:calc(28 * var(--unit));display:grid}.action{width:100%;min-height:calc(77 * var(--unit));padding:calc(12 * var(--unit)) 15%;color:var(--navy);font-size:calc(26 * var(--unit));text-transform:uppercase;cursor:pointer;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20360%2078'%20preserveAspectRatio='none'%3e%3cpath%20fill='%23fff'%20d='M60%200H300Q310%200%20318%206L354%2032Q366%2039%20354%2046L318%2072Q310%2078%20300%2078H60Q50%2078%2042%2072L6%2046Q-6%2039%206%2032L42%206Q50%200%2060%200Z'/%3e%3c/svg%3e") 50%/100% 100% no-repeat;border:0;font-weight:700;line-height:1.05}.action:focus-visible,.control:focus-visible{outline:3px solid var(--navy);outline-offset:3px}.action:active{filter:brightness(.9)}.screen .deadline{font-size:calc(20 * var(--unit));font-variant-numeric:tabular-nums}.deadline-value{min-width:2ch;display:inline-block}.screen[data-screen-panel=mode_selection]{padding:calc(73 * var(--unit)) calc(11 * var(--unit)) calc(20 * var(--unit));justify-content:flex-start}.screen[data-screen-panel=mode_selection] h1{font-size:calc(50 * var(--unit));line-height:1.03}.screen .mode-prompt{margin:calc(18 * var(--unit)) 0 0;font-size:calc(28 * var(--unit))}.screen[data-screen-panel=mode_selection] .actions{margin-top:calc(72 * var(--unit))}.screen #turn-timer{margin-top:calc(24 * var(--unit));font-size:calc(15 * var(--unit))}.screen[data-screen-panel=friend_invite]{padding:calc(33 * var(--unit)) calc(11 * var(--unit)) calc(20 * var(--unit));justify-content:flex-start}.screen[data-screen-panel=friend_invite] h1{font-size:calc(27 * var(--unit));white-space:nowrap}.screen .invite-instruction{font-size:calc(28 * var(--unit));margin:0;line-height:1.26}.qr-frame{width:calc(214 * var(--unit));max-width:80%;margin:calc(14 * var(--unit)) auto 0}.qr-frame canvas{width:100%;height:auto;display:block}.screen #invite-timer{max-width:17ch;font-size:calc(28 * var(--unit));margin:calc(10 * var(--unit)) 0 calc(14 * var(--unit));align-self:center}.screen[data-screen-panel=stranger_wait]{padding-top:calc(105 * var(--unit));justify-content:flex-start}.screen[data-screen-panel=stranger_wait] h1{font-size:calc(31 * var(--unit));line-height:1.2}.screen #stranger-timer{margin-top:calc(38 * var(--unit));font-size:calc(27 * var(--unit))}.screen[data-screen-panel=stranger_wait]>p:last-child{margin-top:calc(25 * var(--unit))}.screen .queue-position{font-size:calc(28 * var(--unit))}.countdown-screen{gap:calc(24 * var(--unit))}.round-break-screen h1{font-size:calc(36 * var(--unit));line-height:1.2}.countdown{font-size:clamp(120px,45vw,220px);font-weight:800;line-height:1}.countdown.countdown-start{font-size:calc(78 * var(--unit));white-space:nowrap}.role-copy{text-transform:uppercase;font-weight:800}.controls-screen{padding:calc(31 * var(--unit)) calc(16 * var(--unit)) calc(24 * var(--unit));touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none;flex-direction:column;flex:1;display:flex}.controls-header{text-align:center;pointer-events:none}#controller[data-screen=controls]{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none}#controller[data-screen=controls] .brand-header,#controller[data-screen=controls] .controls-header{pointer-events:none}.brand-logo{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.controls-header h1{font-size:calc(48 * var(--unit));white-space:nowrap}.controls-role{margin:calc(4 * var(--unit)) 0 0;font-size:calc(32 * var(--unit));white-space:nowrap;line-height:1.15}.control-grid{gap:calc(27 * var(--unit));margin-top:calc(38 * var(--unit));grid-template-rows:1fr 1fr;display:grid}.control{width:100%;height:calc(158 * var(--unit));min-height:90px;color:var(--navy);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:pointer;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20350%20158'%20preserveAspectRatio='none'%3e%3cpath%20fill='%23fff'%20d='M120%200H230Q250%200%20265%2012L338%2065Q360%2079%20338%2093L265%20146Q250%20158%20230%20158H120Q100%20158%2085%20146L12%2093Q-10%2079%2012%2065L85%2012Q100%200%20120%200Z'/%3e%3c/svg%3e") 50%/100% 100% no-repeat;border:0;place-items:center;padding:0;display:grid}.control.active{filter:brightness(.85)}.control-icon{width:calc(110 * var(--unit));height:calc(98 * var(--unit));fill:currentColor;pointer-events:none;display:block}.screen .result-score{margin:calc(16 * var(--unit)) 0;font-size:calc(90 * var(--unit));font-weight:800;line-height:1}.screen[data-screen-panel=post_match] h1{font-size:calc(26 * var(--unit));text-transform:none}.screen[data-screen-panel=post_match] .actions{margin-top:calc(10 * var(--unit));gap:calc(16 * var(--unit))}@media (height<=620px){.screen[data-screen-panel=friend_invite]{padding-top:calc(24 * var(--unit))}.qr-frame{width:calc(200 * var(--unit));margin-top:calc(10 * var(--unit))}.screen[data-screen-panel=post_match]{padding-bottom:calc(14 * var(--unit));padding-top:calc(30 * var(--unit))}#controller[data-screen=controls] .brand-header{padding-top:12px}#controller[data-screen=controls] .brand-logo{width:min(42%,160px)}.controls-screen{padding-top:16px}.controls-header h1{font-size:32px}.controls-role{font-size:22px}.control-grid{gap:18px;margin-top:20px}.control{height:clamp(90px,24dvh,140px)}.control-icon{width:80px;height:70%}}.instructions-screen{color:var(--navy);padding:calc(20 * var(--unit)) calc(22 * var(--unit))}.instructions-screen h1{font-size:calc(26 * var(--unit));text-transform:none;line-height:1.15}.instructions-screen p{font-size:calc(18 * var(--unit));margin:calc(16 * var(--unit)) 0 0;line-height:1.3}.instructions-screen .instructions-side{margin-top:calc(6 * var(--unit))}#controller-instructions-copy{white-space:pre-line}.instructions-screen .instructions-wish{font-weight:800}#orientation-lock{z-index:10000;background:var(--orange);color:#fff;min-height:100dvh;padding:max(12px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;flex-direction:column;display:none;position:fixed;inset:0}#orientation-lock>.brand-logo{width:calc(160 * var(--unit))}.orientation-content{justify-content:center;align-items:center;gap:calc(24 * var(--unit));flex:1;min-height:0;display:flex}.orientation-icon{aspect-ratio:1;flex:none;width:min(26vw,50dvh,200px);height:auto}.orientation-copy{max-width:390px}.orientation-copy h1{font-size:calc(34 * var(--unit));margin:0;font-weight:800;line-height:1.12}.orientation-copy p{margin:calc(14 * var(--unit)) 0 0;font-size:calc(24 * var(--unit));font-weight:600;line-height:1.25}.orientation-phone{transform-box:view-box;transform-origin:120px 120px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@keyframes orient-phone{0%,15%{transform:rotate(-90deg)}65%,to{transform:rotate(0)}}@media (orientation:landscape) and (pointer:coarse) and (height<=600px){html,body{overscroll-behavior:none;overflow:hidden}#orientation-lock{display:flex}.orientation-phone{animation:3s ease-in-out infinite orient-phone}}@media (prefers-reduced-motion:reduce){.orientation-phone{animation:none;transform:rotate(0)}}