@font-face{font-family:IQOS;src:url(/assets/IQOS-Regular-DxQqfVPv.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:IQOS;src:url(/assets/IQOS-Bold-BXtbxqrk.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Black Square;src:url(/assets/BlackSquare-Light-DnFyxnwd.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Black Square;src:url(/assets/BlackSquare-Black-BudZwxiP.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}:root{--stage-width: 820px;--stage-height: 1180px;--main-height: 1075px;--disclaimer-height: 105px;--paper: #fffdfb;--button: #9fabe5;--danger: #ff793d;background:#090812;color:var(--paper);font-family:IQOS,Helvetica Neue,Arial,sans-serif;font-synthesis-weight:none;text-rendering:geometricprecision}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0;width:100%}html,body{overflow:hidden;overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-text-size-adjust:100%}button{-webkit-touch-callout:none;appearance:none;font:inherit;outline:none;-webkit-user-select:none;user-select:none}button:focus,button:focus-visible,button:active{outline:none}.app-shell{align-items:center;background:#090812;display:flex;height:100dvh;justify-content:center;overflow:hidden;width:100vw}.stage{background:#121212 url(/assets/bg-DxVx_3EP.png) center / cover no-repeat;display:flex;flex:0 0 auto;flex-direction:column;height:var(--stage-height);overflow:hidden;position:relative;transform-origin:center center;width:var(--stage-width)}.stage:after{animation:stage-shimmer 7s ease-in-out infinite;background:linear-gradient(105deg,transparent 25%,rgb(255 255 255 / 14%) 50%,transparent 75%);content:"";inset:0;pointer-events:none;position:absolute;transform:translate(-90%);z-index:0}.stage-main{height:var(--main-height);position:relative;width:100%;z-index:1}.disclaimer{align-items:center;display:flex;height:var(--disclaimer-height);justify-content:center;padding:0 60px;position:relative;width:100%;z-index:1}.disclaimer p{color:var(--paper);font-size:16px;line-height:1.38;margin:0;text-align:center}.stage[data-mode=tv] .disclaimer p{font-size:18px}.screen{align-items:center;color:var(--paper);display:flex;flex-direction:column;height:100%;left:0;position:absolute;top:0;width:100%}.iqos-logo{display:block;height:auto;width:178px}.primary-button,.danger-button{align-items:center;border:0;border-radius:32px;color:var(--paper);cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;min-width:230px;padding:8px 24px;position:relative;touch-action:manipulation}.primary-button{background:var(--button)}.danger-button{background:var(--danger);min-width:116px}.primary-button:disabled{cursor:not-allowed;opacity:.45}.primary-button:after{animation:button-pulse 1.9s ease-in-out 1.2s infinite;border:2px solid rgb(255 255 255 / 32%);border-radius:inherit;content:"";inset:-7px;pointer-events:none;position:absolute}.large-button{font-size:24px;height:48px;min-width:256px;padding:8px 32px}.change-room-link{background:transparent;border:0;color:var(--paper);cursor:pointer;font:inherit;font-size:15px;margin-top:18px;opacity:.86;padding:4px 8px;text-decoration:underline;text-underline-offset:4px;touch-action:manipulation}.change-room-link:active{opacity:1}.reload-link{background:transparent;border:0;color:var(--paper);cursor:pointer;font:inherit;font-size:15px;opacity:.88;padding:4px 8px;text-decoration:underline;text-underline-offset:4px;touch-action:manipulation}.reload-link:active{opacity:1}.pin-screen,.info-screen,.countdown-screen,.result-screen{justify-content:center;padding:60px}.pin-screen{gap:60px}.pin-panel{align-items:center;border:1px solid var(--paper);display:flex;flex-direction:column;gap:15px;padding:32px 80px}.connection-status{font-size:15px;line-height:1.2;margin:-2px 0 0;min-height:18px;text-align:center}.connection-status[data-state=error],.connection-status[data-state=reconnecting]{color:#f6df76}.pin-title,.pin-value{font-size:36px;line-height:1.1;margin:0;text-align:center}.pin-value strong{font-weight:700}.pin-grid{display:grid;gap:22px;grid-template-columns:repeat(3,96px);grid-template-rows:repeat(4,96px);padding:24px 0 18px}.pin-key{align-items:center;appearance:none;background:#ffffff4d;border:3px solid var(--paper);border-radius:999px;color:var(--paper);display:flex;font-size:46px;font-weight:700;height:96px;justify-content:center;line-height:.89;min-height:0;touch-action:manipulation;width:96px}.waiting-screen{gap:122px;justify-content:center;padding:60px}.waiting-content{align-items:center;display:flex;flex-direction:column;gap:32px}.waiting-content h1{font-size:36px;font-weight:700;line-height:1.1;margin:0;text-align:center;white-space:nowrap}.waiting-content p{font-size:18px;margin:-10px 0 0}.hourglass{display:block;filter:drop-shadow(0 18px 24px rgb(0 0 0 / 16%)) drop-shadow(0 0 28px rgb(255 255 255 / 12%));height:342px;width:270px}.info-screen{gap:48px}.info-screen h1{font-size:40px;font-weight:700;line-height:.89;margin:0;text-align:center}.info-list{display:flex;flex-direction:column;gap:20px;perspective:900px}.info-row{align-items:center;display:flex;gap:16px;height:105px;padding-right:18px;position:relative;transform-origin:50% 100%;transform-style:preserve-3d;width:562px}.info-row-sweep{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:2}.info-row-sweep:after{animation:row-sweep 2.8s ease .95s both;background:linear-gradient(90deg,#fff0 0% 10%,#ffffff0d 28%,#ffffff38,#ffffff0d 72%,#fff0 90% 100%);content:"";height:100%;left:-140%;pointer-events:none;position:absolute;top:0;transform:skew(-18deg);width:92%;z-index:2}.info-row:nth-child(2) .info-row-sweep:after{animation-delay:1.08s}.info-row:nth-child(3) .info-row-sweep:after{animation-delay:1.21s}.info-row:nth-child(4) .info-row-sweep:after{animation-delay:1.34s}.info-row>img:first-child{height:107px;inset:0;pointer-events:none;position:absolute;width:564px}.info-step-icon{display:block;height:76px;object-fit:contain;position:relative;width:150px;z-index:1}.info-row p{flex:1;font-size:20px;line-height:1.1;margin:0}.countdown-screen{gap:84px}.countdown-screen h1{font-size:46px;font-weight:700;line-height:.89;margin:-20px 0 0}.countdown-number{filter:drop-shadow(0 0 28px rgb(255 255 255 / 22%));font-family:Black Square,Impact,sans-serif;font-size:500px;font-weight:900;line-height:.72;margin:0;min-width:360px;text-align:center}.game-screen{gap:18px;padding:88px 50px 0}.stage[data-mode=tv] .game-screen{justify-content:center;padding:60px 50px}.game-screen .iqos-logo{width:152px}.game-timer{font-family:Black Square,monospace;font-size:64px;font-weight:300;line-height:1.1;margin:0 0 6px}.game-board{display:grid;gap:28px;grid-template-columns:repeat(3,164px);grid-template-rows:repeat(3,164px);height:548px;overflow:visible;position:relative;width:548px}.effects-canvas{height:636px;left:-44px;pointer-events:none;position:absolute;top:-44px;width:636px;z-index:2}.game-ready-cue{background:radial-gradient(circle at 50% 50%,#00000094,#0000006b 34%,#0000 72%);color:var(--paper);filter:drop-shadow(0 0 24px rgb(255 255 255 / 24%));align-items:center;display:flex;font-family:Black Square,Impact,sans-serif;font-size:82px;font-weight:900;inset:0;justify-content:center;letter-spacing:0;line-height:.9;pointer-events:none;position:absolute;text-align:center;text-shadow:0 4px 22px rgb(0 0 0 / 52%);width:100%;z-index:5}.tile-button{appearance:none;background:#ffffff0d;border:3px solid var(--paper);border-radius:999px;cursor:pointer;display:flex;overflow:hidden;padding:0;position:relative;touch-action:manipulation;z-index:1}.tile-button:before{background:radial-gradient(circle at 50% 50%,rgb(255 255 255 / 8%),transparent 64%);border-radius:inherit;content:"";inset:0;opacity:0;position:absolute;transform:scale(.6);transition:opacity .26s ease,transform .26s ease}.tile-button span{background:radial-gradient(circle at 50% 48%,rgb(255 255 255 / 48%) 0%,rgb(255 255 255 / 16%) 13%,transparent 32%),radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--tile-color) 48%,white) 0%,var(--tile-color) 54%,color-mix(in srgb,var(--tile-color) 72%,black) 100%);display:block;flex:1;border-radius:inherit;opacity:0;transform:scale(.78);transition:filter .22s ease,opacity .22s ease,transform .22s ease,box-shadow .22s ease}.tile-button[data-active=true] span{filter:brightness(1.12) saturate(1.1);box-shadow:0 0 10px color-mix(in srgb,var(--tile-color) 72%,white),0 0 22px color-mix(in srgb,var(--tile-color) 58%,transparent),inset 0 0 24px #ffffff2e;opacity:1;transform:scale(1)}.tile-button[data-active=true]:before,.tile-button[data-success=true]:before{opacity:.42;transform:scale(1.08)}.tile-button[data-success=true]{border-color:#ffffffeb;box-shadow:0 0 10px #ffffff2e}.tile-button[data-success=true] span{opacity:1;transform:scale(1)}.tile-button:disabled{cursor:default}.sequence-hint{font-size:24px;font-weight:700;margin:12px 0 0}.is-failed .game-board{animation:board-error .34s ease 2}.result-screen{gap:28px}.result-content{align-items:center;display:flex;flex-direction:column;gap:24px;text-align:center}.result-content h1,.result-content h2,.result-content p{margin:0}.result-content h1{font-size:64px;font-weight:700;line-height:.89}.result-content h2{font-size:40px;font-weight:700;line-height:.89;width:650px}.result-content p{font-size:24px;line-height:1.1;min-height:52px}.result-device{height:402px;object-fit:contain;width:402px}@keyframes stage-shimmer{0%,42%{transform:translate(-90%)}78%,to{transform:translate(90%)}}@keyframes row-sweep{0%{left:-140%;opacity:0}28%{opacity:1}to{left:112%;opacity:0}}@keyframes button-pulse{0%{opacity:.75;transform:scale(.98)}80%,to{opacity:0;transform:scale(1.14)}}@keyframes board-error{0%,to{transform:translate(0)}25%{transform:translate(-12px)}75%{transform:translate(12px)}}