html,body{overscroll-behavior:none}
body{min-height:100dvh;overflow-x:hidden}
.bottomnav,.product-bottomnav{touch-action:none;-webkit-user-select:none;user-select:none}.figma-actions{touch-action:manipulation;-webkit-user-select:none;user-select:none}.figma-actions button{touch-action:manipulation}.figma-actions button:active{transform:scale(.97)}
@media(max-width:1199px){
  html.product-shell,html.product-shell body{width:100%;height:100%;min-height:100%;overflow:hidden}
  html.product-shell body{position:fixed;inset:0}
  html.product-shell body>.studio,html.product-shell .studio>.workspace,html.product-shell .workspace>.deviceWrap,html.product-shell .deviceWrap>.phone{width:100%;height:100%;min-height:0;max-height:none;overflow:hidden}
  html.product-shell .phone>.screen{height:100%;max-height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:none;-webkit-overflow-scrolling:touch}
}
.figma-game-page{padding:10px 0 24px}
.brand .icon-button img{display:block;width:47px;height:47px;object-fit:contain}
.brand .icon-button{border:0}
.figma-game-page .panel{border:1px solid transparent;border-radius:15px;background:linear-gradient(rgba(5,0,22,.78),rgba(5,0,22,.78)) padding-box,radial-gradient(ellipse at 100% 0,rgba(124,41,230,.55),transparent 75%) border-box;backdrop-filter:blur(2.5px)}
.figma-game-page .input{width:100%;height:52px;border:1px solid transparent;border-radius:15px;padding:0 14px;background:linear-gradient(rgba(5,0,22,.76),rgba(5,0,22,.76)) padding-box,radial-gradient(ellipse at 100% 0,rgba(124,41,230,.55),transparent 78%) border-box;color:#fff}
.figma-game-page .input:focus{outline:0;background:linear-gradient(rgba(5,0,22,.76),rgba(5,0,22,.76)) padding-box,radial-gradient(ellipse at 100% 0,rgba(166,255,53,.95),transparent 78%) border-box}
.figma-game-page .mode-grid{display:grid}
.figma-game-page .mode-card{border:1px solid transparent;text-align:left;cursor:pointer}
.figma-game-page .segmented{display:flex;gap:5px;overflow:auto;padding:2px 0;scrollbar-width:none}
.figma-game-page .pill{flex:none;border:0;border-radius:999px;cursor:pointer;white-space:nowrap}
.game-landing{padding-top:0}
.game-detail-card{overflow:hidden;border:1px solid transparent;border-radius:15px;background:linear-gradient(rgba(5,0,22,.78),rgba(5,0,22,.78)) padding-box,radial-gradient(ellipse at 100% 0,rgba(124,41,230,.55),transparent 72%) border-box;backdrop-filter:blur(2.5px)}
.game-detail-card>img{display:block;width:100%;height:auto;aspect-ratio:368/276;object-fit:cover;mask-image:linear-gradient(to bottom,#000 0 58%,rgba(0,0,0,.96) 68%,rgba(0,0,0,.5) 84%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0 58%,rgba(0,0,0,.96) 68%,rgba(0,0,0,.5) 84%,transparent 100%)}
.game-detail-copy{position:relative;margin-top:-74px;padding:0 10px 15px}
.game-detail-copy h1{margin:0 0 7px;font:600 24px/1.15 Raleway,sans-serif}
.game-detail-copy p{margin:0 0 10px;color:rgba(255,255,255,.7);font-size:16px;line-height:1.35}
.game-facts{display:flex;gap:3px;overflow:hidden}
.game-facts span{display:flex;flex:none;align-items:center;gap:5px;padding:6px 8px;border-radius:999px;background:rgba(124,41,230,.12);font-size:16px;white-space:nowrap}
.game-facts span img{display:block;flex:none;width:14px;height:14px;object-fit:contain}
.game-facts span:first-child img{width:21px}
.figma-section-title,.figma-page-kicker{margin:20px 0 15px;font:700 18px/1.2 Raleway,sans-serif}
.figma-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.figma-mode-grid .mode-card{position:relative;display:flex;min-height:173px;flex-direction:column;justify-content:flex-end;gap:5px;padding:15px;overflow:hidden;color:#fff;border:0}
.figma-mode-grid .mode-card.device{background:linear-gradient(258deg,#8627ff,#451780)}
.figma-mode-grid .mode-card.online{background:linear-gradient(180deg,#a4e629,#679610)}
.figma-mode-grid .mode-card img{position:absolute;top:15px;right:15px;display:block;object-fit:contain}
.figma-mode-grid .mode-card.device img{width:54px;height:57px}
.figma-mode-grid .mode-card.online img{width:77px;height:55px}
.figma-mode-grid .mode-card b{margin:0;font:600 14px/1.15 Raleway,sans-serif}
.figma-mode-grid .mode-card span{font-size:12px;line-height:1.28;color:rgba(255,255,255,.8)}
.code-entry{width:100%;min-height:46px;margin-top:20px;border:0;border-radius:15px;background:rgba(5,0,22,.7);color:#fff;font-size:14px}
.game-page-shell{padding-bottom:30px}
.game-page-header{height:67px;display:grid;grid-template-columns:47px 1fr 47px;align-items:center;padding:10px 0}
.game-page-header>strong{text-align:center;font:36px/1 Akrobat,sans-serif}
.game-page-nav{display:grid;width:47px;height:47px;place-items:center;border:0;border-radius:15px;background:rgba(255,255,255,.1);color:#fff;text-decoration:none;backdrop-filter:blur(2px)}
.game-page-nav img{display:block;width:24px;height:24px;object-fit:contain}
.game-page-nav.home{background:transparent;backdrop-filter:none}
.game-page-nav.home img{width:47px;height:47px}
.figma-page-kicker{margin:0 0 18px}
.rules-panel{display:flex;flex-direction:column;gap:30px;margin:0;padding:20px}
.rule-group h2,.settings-summary h2{margin:0 0 15px;font:600 18px/1.2 Raleway,sans-serif}
.rules-panel .segmented{gap:5px;margin:0 -1px}
.rules-panel .pill{min-width:40px;height:40px;min-height:40px;padding:6px 10px;font-size:16px;background:rgba(124,41,230,.12)}
.rules-panel .pill.on{background:#a6ff35;color:#160032}
.team-name-list{display:grid;gap:16px;margin-top:14px}
.figma-field{position:relative;display:block;padding-top:13px}
.figma-field>span{position:absolute;z-index:2;top:0;left:7px;padding:3px 10px;border-radius:999px;background:#7c29e6;color:#fff;font-size:12px;line-height:20px;text-transform:uppercase}
.figma-field .input{height:60px;padding:14px 17px 8px;font-size:18px;font-weight:300}
.figma-categories{display:flex;flex-wrap:wrap;gap:5px}
.figma-categories .category-check{flex:none}
.figma-categories .category-check label{min-height:40px;padding:6px 6px 6px 8px;gap:6px;border-radius:999px;background:rgba(124,41,230,.12);font-size:16px;white-space:nowrap}
.figma-categories .category-check label small{display:grid;min-width:26px;height:26px;place-items:center;padding:0 5px;border-radius:999px;background:#fff;color:#160032;font-size:11px;font-weight:600}
.figma-categories .category-check input:checked+label{background:#a6ff35;color:#160032}
.figma-categories>label.category-check{display:block}
.figma-categories>label.category-check>input{position:absolute;opacity:0}
.figma-categories>label.category-check>span{display:flex;min-height:40px;align-items:center;gap:6px;padding:6px 6px 6px 8px;border-radius:999px;background:rgba(124,41,230,.12);font-size:16px;white-space:nowrap}
.figma-categories>label.category-check>input:checked+span{background:#a6ff35;color:#160032}
.figma-categories>label.category-check small{display:grid;min-width:26px;height:26px;place-items:center;padding:0 5px;border-radius:999px;background:#fff;color:#160032;font-size:11px;font-weight:600}
.figma-primary{height:50px;margin-top:20px;border:1px solid #a765ff;border-radius:15px;background:linear-gradient(180deg,#8547d7,#a562ff);font-size:16px}
.lobby-page{display:flex;flex-direction:column;gap:10px}
.lobby-page .figma-page-kicker{margin-bottom:0}
.invite-panel{margin:0;padding:17px}
.invite-main{display:grid;grid-template-columns:19px 179px 1fr;gap:15px;align-items:center}
.qr-caption{writing-mode:vertical-rl;transform:rotate(180deg);font:500 16px/1 Raleway,sans-serif;white-space:nowrap}
.invite-panel .qr{width:179px;height:179px;margin:0;padding:8px;border-radius:20px}
.invite-code span{display:block;font:500 16px/1.2 Raleway,sans-serif}
.invite-code strong{display:block;margin-top:4px;color:#a6ff35;font:700 46px/1 Akrobat,sans-serif;letter-spacing:.03em}
.invite-link{margin-top:20px}
.invite-link>span{display:block;margin-bottom:7px;font:500 16px/1.2 Raleway,sans-serif}
.invite-link .copy-row{position:relative;display:block}
.invite-link .input{height:50px;padding-right:52px;font-size:15px}
.copy-icon{position:absolute;top:7px;right:7px;display:grid;width:35px;height:35px;place-items:center;border:0;border-radius:10px;background:rgba(255,255,255,.12);font-size:18px}
.copy-icon img{display:block;width:15px;height:15px}
.lobby-teams{display:flex;flex-direction:column;gap:30px;margin:0;padding:20px}
.lobby-teams .team-card{padding:0;border:0;background:none;backdrop-filter:none}
.team-label{display:inline-flex;padding:3px 10px;border-radius:999px;background:#7c29e6;font-size:12px;line-height:20px;text-transform:uppercase}
.lobby-teams .team-head{margin-top:7px}
.lobby-teams .team-head h3{font-size:18px}
.lobby-teams .score-badge{display:grid;width:40px;height:40px;place-items:center;padding:0;background:rgba(124,41,230,.12);font-size:16px;font-weight:400}
.inline-edit{display:inline-grid;width:24px;height:24px;place-items:center;padding:0;border:0;background:transparent;vertical-align:middle}
.inline-edit img{display:block;width:17px;height:17px}
.member-list{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}
.lobby-teams .member{position:relative;margin:0;padding:3px 12px 3px 3px;gap:6px;border-radius:999px;background:rgba(124,41,230,.12);font-size:16px}
.lobby-teams .member.mine{background:#a6ff35;color:#160032}
.shared-lobby-players{gap:10px}.shared-lobby-players h2{margin:0;font:600 18px/1.2 Raleway,sans-serif}.shared-lobby-players .member{display:flex;align-items:center}.shared-lobby-players .member small{opacity:.62;font-size:11px}.shared-lobby-players .member.mine small{opacity:.72}
.member-avatar{position:relative;display:grid;width:35px;height:35px;place-items:center;border-radius:999px;background:#fc3f1d}
.member-avatar i{position:absolute;left:26.5px;top:26.5px;width:6px;height:6px;border-radius:50%;background:#1fc76f}
.lobby-teams .member.offline .member-avatar i{background:#81788b}
.join-team{min-height:41px;margin-top:10px;padding:3px 12px;border:0;border-radius:999px;background:rgba(124,41,230,.12);font-size:16px}
.lobby-teams .rename-row[hidden]{display:none}
.settings-summary{display:flex;flex-direction:column;gap:15px;margin:0;padding:20px}
.settings-summary h2{margin:0}
.settings-summary-title{display:flex!important;align-items:center;justify-content:flex-start!important;gap:5px!important}
.settings-summary>div{display:flex;justify-content:space-between;gap:12px;font-size:16px}
.settings-summary>div b{text-align:right}
.summary-categories{align-items:flex-start}
.start-reason{display:flex;min-height:46px;align-items:center;justify-content:center;padding:10px 16px;border-radius:15px;background:rgba(5,0,22,.7);font-size:14px;text-align:center;backdrop-filter:blur(5px)}
.start-reason.good{color:#a6ff35}
.lobby-page .figma-primary{margin-top:0}
.waiting-button{display:flex;width:100%;min-height:50px;align-items:center;justify-content:center;padding:10px 26px;border:1px solid transparent;border-radius:15px;background:linear-gradient(rgba(133,71,215,.1),rgba(165,98,255,.1)) padding-box;color:#fff;font-size:16px;opacity:1;backdrop-filter:blur(5px)}
.sheet-backdrop{position:fixed;z-index:100;inset:0;display:flex;align-items:flex-end;justify-content:center;background:rgba(5,0,9,.78);animation:sheet-fade .18s}
.bottom-sheet{width:min(100%,430px);max-height:90dvh;overflow-y:auto;padding:10px 16px calc(18px + env(safe-area-inset-bottom,0px));border:1px solid rgba(255,255,255,.12);border-radius:26px 26px 0 0;background:#210b37;box-shadow:0 -22px 60px rgba(0,0,0,.5);transition:transform .18s;animation:sheet-up .2s;touch-action:pan-y;overscroll-behavior:contain}
.sheet-handle{display:block;width:48px;height:5px;margin:0 auto 17px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.35);touch-action:none;cursor:grab}
.sheet-error{min-height:18px;margin-top:10px;color:#ff807b;font-size:12px;text-align:center}
.bottom-sheet h2{margin:0 0 7px;font:700 22px/1.15 Raleway,sans-serif}
.bottom-sheet>p{margin:0 0 22px;color:#b9a8c7;font-size:16px;line-height:22px}
.bottom-sheet .figma-field{margin-top:14px}
.bottom-sheet .figma-primary{margin-top:16px}
.sheet-game-settings{display:flex;flex-direction:column;gap:22px;margin-top:18px}
.sheet-game-settings .rule-group h3{margin:0 0 10px;font:600 16px/1.2 Raleway,sans-serif}
.sheet-setting-options{display:flex;gap:5px;overflow-x:auto;scrollbar-width:none}
.sheet-setting-options .pill{flex:none;min-width:40px;height:40px;padding:6px 10px;border:0;border-radius:999px;background:rgba(124,41,230,.12);color:#fff;font-size:16px}
.sheet-setting-options .pill.on{background:#a6ff35;color:#160032}
.code-cells{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%;margin:16px 0 4px;cursor:text}
.code-input{position:absolute;z-index:2;inset:0;width:100%;height:100%;padding:0;border:0;opacity:.01;color:transparent;background:transparent;caret-color:transparent;font-size:16px}
.code-input:focus{outline:0}
.code-cell{display:grid;width:100%;height:64px;min-width:0;place-items:center;border:1px solid transparent;border-radius:15px;background:linear-gradient(rgba(5,0,22,.78),rgba(5,0,22,.78)) padding-box,radial-gradient(ellipse at 100% 0,rgba(124,41,230,.78),transparent 76%) border-box;color:#fff;font:700 28px/1 "Exo 2",sans-serif;text-align:center;text-transform:uppercase;transition:background .18s,transform .18s}
.code-cells:focus-within .code-cell.current{background:linear-gradient(rgba(5,0,22,.78),rgba(5,0,22,.78)) padding-box,radial-gradient(ellipse at 100% 0,rgba(166,255,53,.98),transparent 76%) border-box;transform:translateY(-1px)}
.code-label{display:block;margin-top:14px;color:#fff;font-size:13px;font-weight:600;text-transform:uppercase}
.bottom-sheet .code-cells{margin-top:14px}
.backbtn{display:grid!important;width:47px!important;height:47px!important;place-items:center!important;padding:0!important;border:0!important;border-radius:15px!important;background:rgba(255,255,255,.1)!important;backdrop-filter:blur(2px)}
.backbtn img{display:block!important;width:24px!important;height:24px!important;object-fit:contain!important}
.game-page-nav .exit-icon{width:15px;height:17px}
.mandatory-rules{display:flex;min-height:calc(100dvh - 72px);flex-direction:column;padding:0 0 calc(150px + var(--safe));touch-action:pan-y}
.rules-ready-stage{gap:14px}.ready-counter{display:grid;gap:2px;margin:8px auto 18px;padding:18px 30px;border-radius:20px;background:rgba(22,5,45,.82)}.ready-counter strong{font:700 48px/1 Akrobat,sans-serif;color:#a6ff35}.ready-counter span{font-size:13px;color:rgba(255,255,255,.7)}
.early-end-reason{max-width:360px;margin:0 auto 20px;padding:14px;border-radius:16px;background:rgba(230,47,41,.14);color:#ffd6d3}.rank.technical-loss{border:1px solid rgba(230,47,41,.55);opacity:.82}.rank b small{display:block;margin-top:2px;color:#ff8d88;font-size:11px;font-weight:500}
.rules-story{display:flex;min-height:calc(100dvh - 222px);flex:1;flex-direction:column;align-items:center;justify-content:center;padding:20px 0 28px;text-align:center;will-change:transform,opacity}
.rules-art{font-size:96px;line-height:1.5}
.rules-story h1{max-width:365px;margin:0;font:700 32px/38px Raleway,sans-serif}
.rules-story p{max-width:340px;margin:8px auto 0;color:rgba(255,255,255,.65);font-size:14px;line-height:20px;white-space:pre-line}
.rules-progress{position:fixed;z-index:42;left:50%;bottom:calc(96px + var(--safe));display:flex;align-items:center;justify-content:center;gap:8px;transform:translateX(-50%)}
.rules-progress i{display:block;width:8px;height:8px;border-radius:999px;background:rgba(255,255,255,.3);transition:width .34s cubic-bezier(.22,.8,.22,1),background-color .25s ease,transform .25s ease}
.rules-progress i.on{width:53px;background:#a6ff35;view-transition-name:rules-progress-active}
.rules-actions{position:fixed;z-index:42;left:50%;bottom:calc(10px + var(--safe));display:grid;width:min(410px,calc(100% - 20px));grid-template-columns:auto minmax(0,1fr);gap:10px;transform:translateX(-50%)}
.rules-actions button{height:50px;min-height:50px;border-radius:15px;font:500 16px/1.2 "Exo 2",sans-serif}
.rules-skip{padding:0 26px;border:1px solid transparent;background:linear-gradient(rgba(133,71,215,.1),rgba(165,98,255,.1)) padding-box,linear-gradient(rgba(167,101,255,0),rgba(167,101,255,0)) border-box;color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
.rules-next{position:static;width:100%;margin:0;transform:none}
.rules-actions button:active{transform:scale(.985)}
.rules-actions,.rules-progress{transition:bottom .2s ease}
.rules-story.rules-enter-next{animation:rules-card-enter-next .42s cubic-bezier(.2,.78,.22,1) both}.rules-story.rules-enter-previous{animation:rules-card-enter-previous .42s cubic-bezier(.2,.78,.22,1) both}
.rules-swipe-ghost{position:fixed!important;z-index:50;min-height:0!important;margin:0!important;pointer-events:none}.rules-swipe-out-next{animation:rules-card-leave-next .42s cubic-bezier(.4,0,.65,.35) both}.rules-swipe-out-previous{animation:rules-card-leave-previous .42s cubic-bezier(.4,0,.65,.35) both}
.sheet-danger,.sheet-secondary{display:block;width:100%;min-height:50px;margin-top:0;border-radius:15px;font-size:16px}
.bottom-sheet>.sheet-danger{margin-top:4px}.bottom-sheet>.sheet-danger+.sheet-secondary{margin-top:12px}
.connection.offline-buffered{background:#a6ff35;color:#160032}
.sheet-danger{background:#fc3f1d}.sheet-secondary{background:rgba(124,41,230,.12)}
.play-shell{padding-bottom:20px}
.live-play-shell{padding-top:calc(10px + env(safe-area-inset-top,0px))}
.live-play-shell .live-game{min-height:calc(100dvh - 10px - env(safe-area-inset-top,0px))}
.live-game{display:flex;min-height:598px;flex-direction:column;align-items:center;gap:20px;padding-top:0;padding-bottom:96px}
.live-teams{display:flex;width:100%;gap:10px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;overscroll-behavior-x:contain}.live-teams::-webkit-scrollbar{display:none}
.live-teams>span{display:flex;flex:none;min-width:40px;max-width:180px;align-items:center;gap:6px;padding:3px 12px 3px 3px;border-radius:999px;background:rgba(124,41,230,.12)}
.live-ranking>span{scroll-snap-align:start}
.live-teams>span.active{background:#a6ff35;color:#160032}
.live-teams b{display:grid;flex:none;width:35px;height:35px;place-items:center;border-radius:999px;background:#fff;color:#160032;font-weight:400}
.live-teams>span.active b{background:#160032;color:#fff}
.live-teams em{overflow:hidden;font-size:16px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}
.live-card{width:100%;text-align:center}
.live-card h1{margin:5px 0 10px;font:700 32px/1.15 Raleway,sans-serif;text-transform:uppercase}
.live-card>p{margin:0 0 14px;color:rgba(255,255,255,.65)}
.live-forbidden{display:flex;flex-direction:column;gap:15px;margin:0;padding:0;list-style:none}
.live-forbidden li{display:flex;align-items:center;justify-content:center;gap:8px;font-size:16px;font-weight:600}
.live-forbidden img{width:20px;height:20px}
.figma-actions{position:fixed;z-index:40;left:50%;bottom:calc(10px + var(--safe));transform:translateX(-50%);width:min(410px,calc(100% - 20px));margin:0;padding:0;grid-template-columns:1fr 1fr;gap:10px;background:transparent;box-shadow:none;backdrop-filter:none}
.figma-actions button{display:flex;height:65px;align-items:center;justify-content:center;gap:8px;border-radius:15px;font-size:18px;font-weight:600}
.figma-actions .danger{background:#fc3f1d}.figma-actions .success{background:#a6ff35;color:#160032}
.figma-actions button b{display:grid;min-width:36px;height:36px;place-items:center;padding:0 8px;border-radius:999px;background:#fff;color:#fc3f1d;font-size:16px}
.figma-actions .success b{background:#160032;color:#a6ff35}
.turn-ready-stage{display:flex;min-height:calc(100dvh - 72px);flex-direction:column;padding:22px 0 calc(86px + var(--safe));text-align:left}.turn-ready-intro{text-align:center}.turn-ready-icon{margin-bottom:8px;font-size:64px;line-height:1}.turn-ready-intro h1{max-width:390px;margin:8px auto;font:700 30px/1.1 Raleway,sans-serif}.turn-ready-intro p{max-width:350px;margin:0 auto 20px;color:rgba(255,255,255,.66);font-size:16px;line-height:22px}.turn-current-team{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:2px 12px;margin-bottom:14px;padding:18px;border:1px solid transparent;border-radius:20px;background:linear-gradient(rgba(26,9,53,.9),rgba(26,9,53,.9)) padding-box,radial-gradient(ellipse at 100% 0,rgba(166,255,53,.95),rgba(124,41,230,.6) 54%,transparent 100%) border-box;box-shadow:0 14px 35px rgba(40,0,78,.3)}.turn-current-team>span{grid-column:1/-1;color:#a6ff35;font-size:12px;font-weight:600;text-transform:uppercase}.turn-current-team h2{margin:3px 0 0;font:700 24px/1.1 Raleway,sans-serif}.turn-current-team>strong{grid-row:2/3;grid-column:2;font:700 34px/1 Akrobat,sans-serif;color:#a6ff35}.turn-current-team small{font:600 12px/1 'Exo 2',sans-serif;color:rgba(255,255,255,.6)}.turn-ranking{display:grid;gap:7px;padding:16px;border-radius:20px;background:rgba(13,6,34,.72);backdrop-filter:blur(8px)}.turn-ranking-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:3px}.turn-ranking-head h2{margin:0;font:700 18px/1.1 Raleway,sans-serif}.turn-ranking-head span{color:rgba(255,255,255,.48);font-size:12px}.turn-rank-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto auto;align-items:center;gap:8px;min-height:48px;padding:7px 10px;border-radius:14px;background:rgba(255,255,255,.04)}.turn-rank-row.current{background:#a6ff35;color:#160032}.turn-rank-place{display:grid;width:26px;height:26px;place-items:center;border-radius:50%;background:rgba(124,41,230,.22);font-size:12px;font-weight:600}.turn-rank-row.current .turn-rank-place{background:#160032;color:#fff}.turn-rank-row b{overflow:hidden;font-size:16px;text-overflow:ellipsis;white-space:nowrap}.turn-rank-row em{padding:4px 7px;border-radius:999px;background:#160032;color:#a6ff35;font-size:11px;font-style:normal}.turn-rank-row strong{font:700 24px/1 Akrobat,sans-serif}.turn-ready-action{position:fixed;z-index:42;left:50%;bottom:calc(10px + var(--safe));width:min(410px,calc(100% - 20px));margin:0;transform:translateX(-50%)}
.watching-card{display:flex;width:100%;flex:1;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.watching-card h1{margin:8px 0 2px;font:700 32px/1.15 Raleway,sans-serif}.watching-card p{color:rgba(255,255,255,.65)}.watching-card strong{font:72px/1 Akrobat,sans-serif;color:#a6ff35}.watching-card small{margin-top:15px;color:rgba(255,255,255,.65)}
.score-burst-layer{position:fixed;z-index:300;inset:0;overflow:visible;pointer-events:none}.score-particle{position:absolute;opacity:0;pointer-events:none;color:#a6ff35;font:800 22px/1 Raleway,sans-serif;text-shadow:0 0 8px #160032,0 0 16px rgba(166,255,53,.8);will-change:transform,opacity;animation:score-fly .78s cubic-bezier(.22,.72,.28,1) forwards}
.round-review{padding-top:0}.review-heading{text-align:center;margin:24px 0 18px}.review-heading>span{color:#a6ff35;font-size:12px;text-transform:uppercase}.review-heading h1{margin:4px 0 7px;font:700 29px/1.1 Raleway,sans-serif}.review-heading p{margin:0;color:rgba(255,255,255,.65)}
.review-list{display:flex;flex-direction:column;gap:8px}.review-answer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border:1px solid rgba(124,41,230,.18);border-radius:15px;background:rgba(35,12,66,.46);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.review-answer b{display:block;font-size:16px}.review-answer small{display:block;margin-top:3px;color:rgba(255,255,255,.55)}
.review-choice{display:flex;flex:none;gap:4px;padding:3px;border-radius:999px;background:#050016}.review-choice button{min-height:34px;padding:6px 10px;border:0;border-radius:999px;background:transparent;color:#fff}.review-choice button[aria-pressed="true"]{background:#a6ff35;color:#160032}.review-choice.skip button[aria-pressed="true"]{background:#fc3f1d;color:#fff}.review-choice span{padding:7px 10px;color:#a6ff35}.round-review>.figma-primary,.round-review>.waiting-button{margin-top:16px}
.has-product-nav{padding-bottom:104px}
.product-bottomnav{position:fixed;z-index:80;left:50%;bottom:calc(10px + var(--safe));display:grid;width:min(410px,calc(100% - 20px));min-height:78px;grid-template-columns:repeat(5,minmax(0,auto));align-items:stretch;justify-content:space-between;gap:clamp(5px,2.2vw,14px);padding:7px 9px;border:1px solid rgba(124,41,230,.26);border-radius:20px;background:rgba(13,0,30,.94);box-shadow:0 16px 42px rgba(0,0,0,.45);transform:translateX(-50%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.product-bottomnav a,.product-bottomnav button{display:flex;min-width:0;width:max-content;max-width:72px;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:6px 3px;border:0;border-radius:13px;background:transparent;color:#fff;font:600 11px/1.05 "Exo 2",sans-serif;text-align:center;text-decoration:none;white-space:nowrap}
.product-bottomnav a.on{padding-inline:9px;background:linear-gradient(145deg,#a653f3,#7c29e6)}
.product-bottomnav img{width:24px;height:24px;object-fit:contain}
.accountSettings{padding-bottom:20px}.accountSettings .hero{margin-bottom:16px}.accountCard{display:grid;grid-template-columns:58px minmax(0,1fr) 42px;align-items:center;gap:12px;padding:15px;border:1px solid transparent;border-radius:20px;background:linear-gradient(rgba(28,8,51,.9),rgba(28,8,51,.9)) padding-box,radial-gradient(ellipse at 100% 0,rgba(166,255,53,.8),rgba(124,41,230,.35) 58%,transparent 100%) border-box}.accountCard>.accountAvatar{width:58px;height:58px;border-radius:17px;background:#a6ff35;object-fit:cover}.accountCard h2{margin:0;font-size:22px}.accountCard .accountEdit{display:grid;width:42px;height:42px;place-items:center;border:0;border-radius:13px;background:rgba(255,255,255,.08)}.accountCard .accountEdit img{width:20px;height:20px;object-fit:contain}.accountSettings .row{min-height:56px;margin:7px 0;border-color:transparent;background:linear-gradient(rgba(25,8,43,.88),rgba(25,8,43,.88)) padding-box,radial-gradient(ellipse at 100% 0,rgba(124,41,230,.42),transparent 80%) border-box}.accountSettings .row b{font-size:15px}.accountSettings .row small{font-size:11px}.settingsLink{gap:12px}.settingsRowIcon{width:24px;height:24px;flex:none;object-fit:contain}.settingRow{cursor:pointer}.settingRow .toggle{flex:none;margin-left:auto;background:rgba(255,255,255,.15);transition:background .2s}.settingRow .toggle:after{right:21px;transition:right .2s,transform .2s}.settingRow .toggle.on{background:#a6ff35}.settingRow .toggle.on:after{right:3px;background:#160032}.rowArrow,.settingValue{margin-left:auto;color:rgba(255,255,255,.65);font-size:15px}.staticRow{cursor:default!important}.dangerRow{margin-top:18px!important}.dangerRow b{color:#ff6f67}
@keyframes score-fly{0%{opacity:0;transform:translate3d(-50%,-50%,0) scale(.55)}5%{opacity:1;transform:translate3d(-50%,calc(-50% - 4px),0) scale(.9)}40%{opacity:1;transform:translate3d(calc(-50% + var(--drift) * .35),calc(-50% + var(--rise) * .42),0) scale(1)}68%{opacity:.75}100%{opacity:0;transform:translate3d(calc(-50% + var(--drift)),calc(-50% + var(--rise)),0) scale(.72)}}
@keyframes rules-card-enter-next{0%,28%{opacity:0;transform:translateX(72%) rotate(7deg) scale(.94)}48%{opacity:.18}100%{opacity:1;transform:none}}@keyframes rules-card-leave-next{0%{opacity:1;transform:none}34%{opacity:0;transform:translateX(-32%) rotate(-4deg) scale(.97)}100%{opacity:0;transform:translateX(-72%) rotate(-8deg) scale(.94)}}@keyframes rules-card-enter-previous{0%,28%{opacity:0;transform:translateX(-72%) rotate(-7deg) scale(.94)}48%{opacity:.18}100%{opacity:1;transform:none}}@keyframes rules-card-leave-previous{0%{opacity:1;transform:none}34%{opacity:0;transform:translateX(32%) rotate(4deg) scale(.97)}100%{opacity:0;transform:translateX(72%) rotate(8deg) scale(.94)}}
html.score-rank-transition::view-transition-old(root),html.score-rank-transition::view-transition-new(root){animation:none;mix-blend-mode:normal}::view-transition-group(score-team-0),::view-transition-group(score-team-1),::view-transition-group(score-team-2),::view-transition-group(score-team-3),::view-transition-group(score-team-4),::view-transition-group(score-team-5),::view-transition-group(score-team-6){animation-duration:.46s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}
@keyframes sheet-fade{from{opacity:0}}
@keyframes sheet-up{from{transform:translateY(100%)}}
@media(max-width:379px){
  .figma-game-page{padding-inline:0}
  .game-detail-copy p,.game-facts span,.figma-categories .category-check label{font-size:15px}
  .figma-mode-grid .mode-card{min-height:178px;padding:13px}
  .figma-mode-grid .mode-card img{top:13px;right:13px}
  .rules-panel{padding:16px}
  .rules-panel .pill{padding-inline:9px}
  .invite-panel{padding:14px}
  .invite-main{grid-template-columns:18px minmax(145px,179px) 1fr;gap:10px}
  .invite-panel .qr{width:100%;height:auto;aspect-ratio:1}
  .invite-code strong{font-size:40px}
}
@media(prefers-reduced-motion:reduce){.rules-story,.rules-swipe-ghost,.rules-next,.rules-progress i{animation:none!important;transition:none!important}}