@layer reset{*,:before,:after{box-sizing:border-box}html,body,#root{overscroll-behavior:none;width:100%;height:100%;margin:0;overflow:hidden}body{position:fixed;inset:0}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button,input{touch-action:manipulation}button{color:inherit}h1,h2,h3,p,ul,ol,fieldset{margin:0;padding:0}fieldset{border:0;min-width:0}button:disabled{cursor:default}}@layer base{:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f4f0eb;font-synthesis:none;--muted:#b2a9ab;--faint:#898084;--amber:#ffc185;--coral:#f4998e;--line:#ffffff12;--accent:var(--amber);--app-height:100dvh;--app-top:0px;background:#100f12;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:radial-gradient(at 15% 20%,#35232660,#0000 55%),#100f12}button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--amber);outline-offset:4px}button{background:0 0;border:0}button,input{min-height:44px}button{transition:background .18s,border-color .18s,opacity .18s,box-shadow .18s}button:active:not(:disabled){filter:brightness(.93)}button:disabled{opacity:.37}input{width:100%;min-width:0}.icon{vertical-align:middle;flex-shrink:0;display:inline-block}.muted{color:var(--muted);font-size:.875rem;line-height:1.65}.eyebrow{color:var(--amber);letter-spacing:.19em;font-size:.625rem;font-weight:700;line-height:1.6}h1{letter-spacing:-.055em;white-space:pre-line;overflow-wrap:anywhere;font-size:2.375rem;font-weight:680;line-height:1.12}h2{letter-spacing:-.025em;overflow-wrap:anywhere;font-size:1.375rem;font-weight:650;line-height:1.25}h3{margin:24px 0 8px;font-size:.9375rem}.scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#ffffff25 transparent;min-height:0;overflow:auto}.glass{background:linear-gradient(140deg,#ffffff08,#ffffff03);border:1px solid #ffffff14}.screen-enter{animation:.2s ease-out enter}@keyframes enter{0%{opacity:.3}to{opacity:1}}}@layer components{.app-shell{top:var(--app-top);width:100%;max-width:480px;height:var(--app-height);padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);isolation:isolate;background:radial-gradient(at 95% 0,#7b3c2d24,#0000 48%),radial-gradient(at 0 45%,#5442280d,#0000 55%),#19171b;flex-direction:column;margin:0 auto;display:flex;position:relative;overflow:hidden}.topbar{flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;min-height:78px;padding:16px 24px;display:flex}.brand{letter-spacing:-.055em;white-space:nowrap;align-items:center;gap:9px;font-size:1.25rem;font-weight:750;display:flex}.brand-light{color:#d9d0d1;font-weight:400}.brand-dot{color:var(--amber)}.brand-mark{color:var(--amber);justify-content:center;align-items:center;display:flex;transform:rotate(-12deg)}.brand-mark .icon{width:27px;height:27px}.edition-label{color:var(--faint);letter-spacing:.12em;font-size:.5rem;font-weight:650}.group-pill{color:#c6bbba;border:1px solid var(--line);white-space:nowrap;border-radius:30px;align-items:center;gap:6px;padding:8px 10px;font-size:.625rem;font-weight:550;display:inline-flex}.group-pill .icon{width:13px;height:13px;color:var(--amber)}.main{flex:1;min-height:0;display:flex}.page{flex-direction:column;flex:1;min-width:0;min-height:0;padding:12px 24px 20px;display:flex}.page-heading{flex-shrink:0;padding-bottom:27px;position:relative}.page-heading .eyebrow{margin-bottom:12px}.page-heading .muted{max-width:340px;margin-top:14px}.with-back{padding-top:44px}.with-back .back-button{position:absolute;top:-10px;left:-10px}.with-back h1{font-size:2rem}.icon-button{color:#c9c0c1;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:10px;font-size:1.125rem;display:inline-flex}.button{border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;gap:10px;width:100%;min-height:54px;padding:14px 18px;font-size:.875rem;font-weight:650;line-height:1.35;display:flex}.button .icon{width:19px;height:19px}.primary{color:#2e201f;background:linear-gradient(105deg,#ffc58b,#ffac8d);box-shadow:0 5px 24px #ffad7b0c}.primary:disabled{color:#c0b5b5;box-shadow:none;opacity:.6;background:#ffffff0b}.secondary{color:#d9d0d1;background:#ffffff03;border:1px solid #ffffff1a}.danger{color:#361d22;background:#eaa29b}.home{flex-direction:column;flex:1;min-height:0;padding:0 28px 12px;display:flex}.home-art{flex:240px;justify-content:center;align-items:center;min-height:100px;max-height:330px;display:flex;position:relative}.art-ring{border:1px solid #d7b29212;border-radius:50%;width:220px;height:220px;position:absolute}.ring-two{border-color:#d7b29207;width:300px;height:300px}.hero-die{color:#292023;background:linear-gradient(140deg,#ffd9a4,#eda07f);border:1px solid #ffe3bb;border-radius:35px;justify-content:center;align-items:center;width:136px;height:136px;display:flex;transform:rotate(-13deg);box-shadow:0 25px 45px #00000045,inset 0 0 30px #fff5}.hero-die .icon{stroke-width:1.3px;width:102px;height:102px}.mini-card{color:#ffbbac;background:linear-gradient(145deg,#74514a,#3c2e30);border:1px solid #fcbea76b;border-radius:16px;place-items:center;width:62px;height:76px;display:grid;position:absolute;top:calc(50% + 18px);left:calc(50% + 43px);transform:rotate(14deg);box-shadow:0 12px 24px #0005}.mini-card .icon{width:29px;height:29px}.floating-spark{color:#d9b887;position:absolute}.spark-one{top:19%;right:15%;transform:rotate(12deg)}.spark-one .icon{width:29px;height:29px}.spark-two{color:#a87871;bottom:24%;left:17%}.spark-two .icon{width:19px;height:19px}.art-dot{background:#d9b887;border-radius:50%;width:4px;height:4px;position:absolute}.dot-one{top:24%;left:25%}.dot-two{width:3px;height:3px;bottom:25%;right:16%}.home-copy{text-align:center;flex-shrink:0}.home-copy .eyebrow{margin-bottom:16px}.home h1{font-size:2.5rem;line-height:1.16}.home h1 span{color:var(--amber)}.home-description{color:var(--muted);margin-top:20px;font-size:.9375rem;line-height:1.75}.home-bottom{flex-shrink:0;margin-top:auto;padding-top:30px}.home-facts{color:#bdb1b1;justify-content:center;gap:15px;margin-bottom:20px;font-size:.6875rem;display:flex}.home-facts span{align-items:center;gap:6px;display:flex}.home-facts .icon{width:14px;height:14px}.home .primary{justify-content:space-between;padding-inline:22px}.quiet-footer{text-align:center;color:var(--faint);padding-top:15px;font-size:.625rem}.setup-counter{color:#c9bdbb;border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:10px;margin-bottom:24px;padding-bottom:18px;font-size:.75rem;display:flex}.counter-icon{width:34px;height:34px;color:var(--amber);background:#ffc1850d;border:1px solid #ffc18519;border-radius:10px;place-items:center;display:grid}.counter-icon .icon{width:17px;height:17px}.setup-counter strong{color:#f5e1c9;font-weight:650}.counter-minimum{color:var(--faint);margin-left:auto;font-size:.625rem}.questionnaire{flex-direction:column;flex:1;min-height:0;display:flex}.form-scroll{flex:1;min-height:0;margin-inline:-4px;padding:4px 4px 10px}.field,fieldset{margin-bottom:23px}.label-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:11px;display:flex}label,legend{color:#e6dedc;font-size:.8125rem;font-weight:600;line-height:1.5}legend{margin-bottom:11px}.field-counter{color:var(--faint);font-size:.625rem}input{color:#f6eeeb;background:#ffffff04;border:1px solid #ffffff18;border-radius:14px;height:54px;padding:14px 16px;font-size:1rem}input::placeholder{color:#8c8287}input[aria-invalid=true]{border-color:#f19487}.segmented{grid-template-columns:1fr 1fr;gap:10px;display:grid}.segmented button{color:#c6bbbd;background:#ffffff03;border:1px solid #ffffff17;border-radius:13px;min-height:49px;padding:10px;font-size:.8125rem}.segmented button[aria-pressed=true]{color:#ffce9c;background:#ffc1850d;border-color:#ffc18580}.field-error{color:#ffb7ab;margin-top:7px;font-size:.75rem;line-height:1.5}.privacy-note{color:var(--muted);flex-shrink:0;align-items:flex-start;gap:9px;margin:12px 0 19px;font-size:.6875rem;line-height:1.6;display:flex}.privacy-note .icon{color:#c4af9e;width:14px;height:14px;margin-top:2px}.form-actions,.end-actions{flex-direction:column;flex-shrink:0;gap:10px;display:flex}.form-actions.form-actions--paired{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:10px;display:grid}.form-actions--paired .button{gap:6px;min-width:0;padding-inline:8px}.form-actions--paired .button>span{overflow-wrap:anywhere;min-width:0}.section-label{letter-spacing:.13em;color:var(--faint);flex-shrink:0;justify-content:space-between;gap:12px;margin-bottom:15px;font-size:.5625rem;line-height:1.6;display:flex}.section-label span:first-child{color:#bfb2b1;font-weight:650}.section-label span:last-child{letter-spacing:.02em;text-transform:none}.catalog-scroll{flex:1;padding-bottom:4px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.game-card{text-align:left;border:1px solid #ffffff14;border-radius:22px;flex-direction:column;align-items:flex-start;min-width:0;padding:18px;display:flex;overflow:hidden}.game-card.playable{color:#342327;background:radial-gradient(at 10% 20%,#ffddb74d,#0000 65%),linear-gradient(145deg,#f4ba86,#d78f79);border-color:#ffd0a9;min-height:268px;box-shadow:inset 0 0 40px #ffdeaf12}.card-top{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.card-top>.icon{opacity:.7;width:15px;height:15px}.available-tag{letter-spacing:.1em;white-space:nowrap;align-items:center;gap:5px;font-size:.4375rem;font-weight:750;display:inline-flex}.available-tag i{background:#51422d;border-radius:50%;width:4px;height:4px;display:block}.game-illustration{align-items:center;width:100%;height:87px;display:flex;position:relative}.game-illustration>.icon:first-child{stroke-width:1.2px;width:51px;height:51px;transform:rotate(-10deg)}.game-illustration>.icon:nth-child(2){width:17px;height:17px;position:absolute;top:20px;right:12%}.game-title{letter-spacing:-.04em;overflow-wrap:anywhere;font-size:1.375rem;font-weight:700;line-height:1.17;display:block}.game-description{color:#523833;margin-top:11px;font-size:.6875rem;font-weight:450;line-height:1.6;display:block}.game-card-footer{letter-spacing:.09em;justify-content:space-between;align-items:center;width:100%;margin-top:auto;padding-top:20px;font-size:.4375rem;font-weight:750;display:flex}.game-card-footer .icon{width:15px;height:15px}.coming{background:linear-gradient(135deg,#ffffff06,#ffffff02);min-height:238px}.coming .game-illustration{color:#a79ba4}.coming .game-description{color:#aaa0a5}.coming .game-title{color:#d2c8cc;font-size:1.25rem}.coming-tag{letter-spacing:.12em;color:#b7adb4;border:1px solid #ffffff19;border-radius:30px;padding:5px 7px;font-size:.4375rem;font-weight:600}.coming-2 .game-illustration{color:#a9aa91}.catalog-note{color:var(--faint);justify-content:center;align-items:center;gap:8px;margin-top:24px;font-size:.625rem;line-height:1.6;display:flex}.catalog-note .icon{color:#bca082;width:13px;height:13px}.empty-state{color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:170px;padding:20px 12px;font-size:.875rem;line-height:1.6;display:flex}.participant-list{flex:1;padding:0 2px;list-style:none}.participant-list li{border-bottom:1px solid var(--line);align-items:center;gap:13px;min-width:0;padding:12px 0;display:flex}.avatar{color:#e3c6a9;background:#cdb09414;border:1px solid #e3c6a915;border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1rem;font-weight:650;display:flex}.avatar-1{color:#e0b9bd;background:#d9a0b414}.avatar-2{color:#c0cdb8;background:#b9c9a414}.avatar-3{color:#bdb8db;background:#a5a0d014}.participant-name{overflow-wrap:anywhere;flex:1;font-size:.9375rem;font-weight:550}.remove-button{color:#a49295}.remove-button .icon{width:18px;height:18px}.page-actions{flex-shrink:0;padding-top:20px}.bottom-nav{background:#171519ed;border-top:1px solid #ffffff0c;flex-shrink:0;justify-content:space-around;align-items:stretch;min-height:80px;padding:8px 16px 7px;display:flex}.bottom-nav button{color:#9c909b;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-width:75px;padding:8px 12px;display:flex;position:relative}.bottom-nav .icon{width:21px;height:21px}.bottom-nav button span{font-size:.5625rem;font-weight:500}.bottom-nav button.active{color:#ffc185}.bottom-nav button.active:before{content:"";background:#ffc185;border-radius:0 0 4px 4px;width:25px;height:2px;position:absolute;top:-9px}.settings-cards{flex-direction:column;gap:13px;display:flex}.setting-card{text-align:left;border-radius:18px;align-items:center;gap:12px;width:100%;padding:18px 14px;display:flex}.setting-icon{width:38px;height:38px;color:var(--amber);background:#ffc1850a;border-radius:12px;flex-shrink:0;place-items:center;display:grid}.setting-icon .icon{width:19px;height:19px}.setting-card>span:nth-child(2){flex-direction:column;flex:1;gap:7px;min-width:0;display:flex}.setting-card strong{font-size:.8125rem;font-weight:600;line-height:1.4}.setting-card>span>span{color:var(--muted);font-size:.6875rem;line-height:1.5}.setting-card>.icon{width:15px;height:15px;color:var(--faint)}.danger-setting .setting-icon{color:var(--coral);background:#f4998e0b}.settings-note{color:var(--muted);gap:11px;margin-top:27px;font-size:.6875rem;line-height:1.7;display:flex}.settings-note .icon{color:#af9b92;width:15px;height:15px;margin-top:3px}.app-signature{color:var(--faint);text-align:center;margin-top:auto;padding-top:22px;font-size:.5625rem}.app-signature span{color:#b49c87}.configuration{flex-direction:column;flex:1;min-height:0;display:flex}.level-options{flex-direction:column;gap:12px;display:flex}.level-card{text-align:left;border-radius:18px;flex-shrink:0;align-items:center;gap:13px;width:100%;padding:19px 15px;display:flex}.level-icebreaker{--accent:#ffc185}.level-unfiltered{--accent:#f4998e}.level-after-dark{--accent:#c3a6ec}.level-icon{width:38px;height:44px;color:var(--accent);flex-shrink:0;place-items:center;display:grid}.level-icon .icon{width:29px;height:29px}.level-copy{flex-direction:column;flex:1;gap:9px;min-width:0;display:flex}.level-title{color:#f0e9e5;align-items:center;gap:9px;font-size:.9375rem;font-weight:650;display:flex}.level-copy>span:last-child{color:var(--muted);font-size:.75rem;line-height:1.6}.adult-tag{color:#cdb9e5;border:1px solid #c3a6ec45;border-radius:5px;padding:3px 4px;font-size:.5rem;font-weight:650}.selection-dot{border:1px solid #ffffff30;border-radius:50%;flex-shrink:0;place-items:center;width:18px;height:18px;display:grid}.selection-dot .icon{width:11px;height:11px}.level-card[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 7%, transparent)}.level-card[aria-pressed=true] .selection-dot{background:var(--accent);border-color:var(--accent);color:#241e27}.config-actions{flex-shrink:0;padding-top:16px}.match-screen{flex-direction:column;flex:1;min-width:0;min-height:0;padding:18px 24px 24px;display:flex}.match-game-name{color:var(--faint);letter-spacing:.08em;flex-shrink:0;font-size:.5625rem;line-height:1.5}.match-header{flex-shrink:0;justify-content:space-between;align-items:center;gap:6px;margin-bottom:26px;display:flex}.level-label{border:1px solid color-mix(in srgb, var(--accent) 22%, transparent);background:color-mix(in srgb, var(--accent) 5%, transparent);color:var(--accent);border-radius:40px;align-items:center;gap:7px;padding:8px 12px;font-size:.625rem;font-weight:550;line-height:1.4;display:inline-flex}.level-label .icon{width:14px;height:14px}.header-actions{gap:2px;display:flex}.header-actions .icon-button{font-weight:500}.challenge-identity{color:#d7cccc;overflow-wrap:anywhere;flex-shrink:0;align-items:center;gap:9px;margin:25px 0 18px;font-size:.75rem;display:flex}.avatar.small{border-radius:10px;width:28px;height:28px;font-size:.625rem}.identity-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:4px;height:4px;margin-left:auto}.challenge-card{background:radial-gradient(ellipse at 50% 0%, color-mix(in srgb, var(--accent) 7%, transparent), transparent 70%), #ffffff03;border-color:color-mix(in srgb, var(--accent) 18%, transparent);border-radius:26px;flex-direction:column;flex:1;align-items:center;min-height:0;padding:25px 24px 22px;display:flex;position:relative;overflow:hidden}.corner-mark{width:14px;height:14px;color:color-mix(in srgb, var(--accent) 40%, transparent);position:absolute}.top-left{border-top:1px solid;border-left:1px solid;border-radius:3px 0 0;top:18px;left:18px}.bottom-right{border-bottom:1px solid;border-right:1px solid;border-radius:0 0 3px;bottom:18px;right:18px}.challenge-kind{color:var(--accent);flex-shrink:0;align-items:center;gap:7px;font-size:.6875rem;line-height:1.5;display:flex}.challenge-kind .icon{width:15px;height:15px}.challenge-scroll{flex-direction:column;flex:1;align-items:stretch;width:100%;margin-block:6px;padding:18px 1px;display:flex}.challenge-text{text-align:center;letter-spacing:-.025em;overflow-wrap:anywhere;margin:auto 0;font-size:1.5rem;font-weight:450;line-height:1.55;animation:.2s ease-out enter}.player-name{color:var(--accent);font-weight:700}.card-footer-note{color:var(--faint);letter-spacing:.13em;text-align:center;flex-shrink:0;font-size:.4375rem;line-height:1.6}.announcement{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:22px;width:100%;min-height:0;padding:12px 0;display:flex}.card-symbol{width:70px;height:70px;color:var(--accent);background:#ffffff04;border:1px solid #ffffff0d;border-radius:22px;place-items:center;display:grid}.card-symbol .icon{width:30px;height:30px}.announcement .eyebrow{color:#a99b9d;font-size:.5625rem}.announcement-title{color:var(--accent);letter-spacing:-.04em;overflow-wrap:anywhere;max-width:100%;font-size:clamp(1.75rem,8vw,3rem);font-weight:600;line-height:1.2;animation:.18s enter}.tap-hint{color:var(--faint);font-size:.625rem}.first-loading{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;font-size:.875rem;display:flex}.first-loading .muted{font-size:.75rem}.loading-dots{align-items:center;gap:6px;height:24px;display:flex}.loading-dots i{background:var(--amber);border-radius:50%;width:5px;height:5px;animation:1s infinite alternate pulse}.loading-dots i:nth-child(2){animation-delay:.2s}.loading-dots i:nth-child(3){animation-delay:.4s}@keyframes pulse{0%{opacity:.3}to{opacity:1}}.match-feedback{color:var(--muted);text-align:center;flex-shrink:0;min-height:52px;padding:19px 0;font-size:.625rem;line-height:1.65}.match-feedback p{justify-content:center;align-items:center;gap:8px;display:flex}.match-feedback .network-error{color:#ffc0b0;text-align:left;font-size:.75rem}.network-error .icon{width:20px;height:20px}.tiny-spinner{border:1px solid #ffffff20;border-top-color:var(--amber);border-radius:50%;width:12px;height:12px;animation:1s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.match-actions{flex-direction:column;flex-shrink:0;gap:9px;display:flex}.end-screen{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;padding:28px;display:flex}.end-art{color:var(--amber);background:radial-gradient(circle,#ffc1850f,#0000);border:1px solid #ffc18520;border-radius:50%;flex-shrink:1;place-items:center;width:140px;height:140px;margin-bottom:36px;display:grid;position:relative}.end-art>.icon{stroke-width:1px;width:55px;height:55px}.orbit-dot{background:var(--coral);border-radius:50%;width:7px;height:7px;position:absolute;top:14px;right:17px}.end-screen .eyebrow{margin-bottom:15px}.end-screen h1{font-size:2.25rem}.end-screen>.muted{max-width:330px;margin:20px 0 35px}.end-actions{width:100%}.modal{width:100%;max-width:none;height:100%;max-height:none;color:inherit;background:0 0;border:0;margin:0;padding:24px 20px;position:fixed;inset:0;overflow:hidden}.modal[open]{justify-content:center;align-items:center;display:flex}.modal::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#08070bb5}.modal-panel{background:linear-gradient(150deg,#30282d,#211e24);border-radius:25px;flex-direction:column;width:100%;max-width:420px;min-height:0;max-height:100%;padding:22px;animation:.18s enter;display:flex;box-shadow:0 25px 100px #0006}.modal-heading{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px;display:flex}.modal-heading h2{flex:1}.modal-heading .icon-button{margin:-5px -8px -5px 0}.dialog-scroll{max-height:40vh}.dialog-actions{flex-direction:column;flex-shrink:0;gap:10px;margin-top:25px;display:flex}.bottom-sheet[open]{padding:20px 12px max(12px, env(safe-area-inset-bottom));align-items:flex-end}.bottom-sheet .modal-panel{border-radius:28px;max-width:456px;max-height:83%;padding:12px 22px 25px}.sheet-handle{background:#ffffff25;border-radius:20px;flex-shrink:0;width:34px;height:4px;margin:0 auto 21px}.rules-scroll{flex:1;min-height:0;padding:2px 2px 8px}.rules-intro{color:var(--amber);margin-bottom:24px;font-size:.75rem}.rules-intro span{color:var(--faint);padding:0 6px}.rules-list{list-style:none}.rules-list li{align-items:flex-start;gap:13px;padding:0 0 22px;display:flex}.rules-list li>span{color:#d5b48d;padding-top:4px;font-size:.625rem}.rules-list p{color:#c5bbbf;font-size:.8125rem;line-height:1.75}.install-heading{color:#d7cecf;align-items:flex-start;gap:15px;font-size:.875rem;line-height:1.65;display:flex}.install-heading>.icon{color:var(--amber);margin-top:5px}.install-footnote{color:var(--faint);margin-top:24px;font-size:.6875rem;line-height:1.7}.status-banner{color:#e9cbae;background:#ffc18510;border:1px solid #ffc18525;border-radius:12px;flex-shrink:0;align-items:center;gap:10px;margin:0 20px 10px;padding:10px 12px;font-size:.6875rem;line-height:1.5;display:flex}.status-banner p{flex:1}.status-banner>.icon{width:16px;height:16px}.status-banner .icon-button{margin:-5px -8px}.error-banner{color:#ffc2b8;background:#ef907a10;border-color:#ef907a30}.toast{bottom:calc(26px + env(safe-area-inset-bottom));color:#ffe1b5;opacity:0;pointer-events:none;z-index:5;overflow-wrap:anywhere;background:#343028;border:1px solid #c8bd9050;border-radius:14px;justify-content:center;align-items:center;gap:9px;min-width:0;padding:13px 17px;font-size:.8125rem;line-height:1.5;transition:opacity .18s;display:flex;position:absolute;left:24px;right:24px;box-shadow:0 7px 25px #0004}.toast.visible{opacity:1}.toast .icon{width:18px;height:18px}.has-nav .toast{bottom:calc(98px + env(safe-area-inset-bottom))}.screen-setup~.toast{bottom:155px}.rotation-overlay{z-index:30;text-align:center;background:#19171bf7;flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:20px;display:flex;position:fixed;inset:0}.rotate-phone{color:var(--amber);margin-bottom:5px;transform:rotate(-30deg)}.rotate-phone .icon{width:40px;height:40px}.rotation-overlay h2{font-size:1.75rem}}@layer responsive{.available-tag,.coming-tag{font-size:.5625rem}.game-card-footer,.card-footer-note{font-size:.5rem}:root[data-keyboard=true] .app-shell:has(.questionnaire) .topbar{display:none}:root[data-keyboard=true] .app-shell:has(.questionnaire) .page-heading{min-height:44px;padding:5px 0 8px}:root[data-keyboard=true] .app-shell:has(.questionnaire) .page-heading.with-back{padding-left:40px}:is(:root[data-keyboard=true] .app-shell:has(.questionnaire) .page-heading .eyebrow,:root[data-keyboard=true] .app-shell:has(.questionnaire) .page-heading .muted){display:none}:root[data-keyboard=true] .app-shell:has(.questionnaire) .page-heading h1{font-size:1.125rem}:root[data-keyboard=true] .app-shell:has(.questionnaire) .back-button{top:-5px}:root[data-keyboard=true] .setup-counter{margin-bottom:6px;padding-bottom:6px}:root[data-keyboard=true] .privacy-note{margin-block:5px 8px;font-size:.625rem}@media (width>=481px){.app-shell{border-inline:1px solid #ffffff0b;box-shadow:0 0 140px #0005}}@media (width<=359px){.topbar{min-height:66px;padding-inline:18px}.page{padding-inline:18px}.home{padding-inline:22px}.home h1{font-size:2.125rem}h1{font-size:2rem}.with-back h1{font-size:1.75rem}.brand{font-size:1.125rem}.group-pill{padding:7px 8px;font-size:.5625rem}.game-grid{gap:10px}.game-card{border-radius:18px;padding:14px}.game-title{font-size:1.1875rem}.game-card.playable{min-height:250px}.game-description{font-size:.625rem}.coming .game-title{font-size:1.125rem}.match-screen{padding-inline:18px}.challenge-card{padding-inline:19px}.challenge-text{font-size:1.25rem}.level-card{gap:8px;padding:15px 12px}.level-title{font-size:.8125rem}.level-copy>span:last-child{font-size:.6875rem}.level-icon{width:30px}.setting-card{gap:8px;padding:15px 10px}.setting-card strong{font-size:.75rem}}@media (width<=319px){.game-grid{grid-template-columns:minmax(0,1fr)}.game-card,.game-card.playable{min-height:205px}.game-illustration{height:62px}.edition-label{display:none}.group-pill{font-size:.5rem}.bottom-nav{padding-inline:3px}.bottom-nav button{min-width:65px;padding-inline:6px}.level-title{flex-wrap:wrap}.selection-dot{width:15px;height:15px}.home-facts{gap:10px;font-size:.625rem}}@media (height<=740px){.topbar{min-height:63px;padding-block:12px}.page{padding-top:7px;padding-bottom:16px}.page-heading{padding-bottom:19px}.page-heading .eyebrow{margin-bottom:9px}.page-heading .muted{margin-top:10px}.with-back{padding-top:34px}.setup-counter{margin-bottom:14px;padding-bottom:12px}.field,fieldset{margin-bottom:17px}.home-art{max-height:225px}.hero-die{border-radius:29px;width:112px;height:112px}.hero-die .icon{width:83px;height:83px}.mini-card{width:50px;height:63px}.home-description{margin-top:15px;font-size:.875rem}.home h1{font-size:2.125rem}.home-copy .eyebrow{margin-bottom:12px}.home-bottom{padding-top:24px}.home-facts{margin-bottom:16px}.ring-one{width:180px;height:180px}.ring-two{width:240px;height:240px}.bottom-nav{min-height:71px}.level-card{padding-block:15px}.level-copy{gap:6px}.match-header{margin-bottom:17px}.challenge-identity{margin-block:18px 14px}.match-feedback{padding-block:15px}.end-art{width:110px;height:110px;margin-bottom:25px}.end-screen>.muted{margin-block:17px 26px}.end-screen h1{font-size:2rem}}@media (height<=570px){.topbar{min-height:49px;padding-block:7px}.brand{font-size:1.0625rem}.brand-mark .icon{width:22px;height:22px}.page-heading h1{font-size:1.5rem}.page-heading{padding-bottom:12px}.page-heading .eyebrow{margin-bottom:6px;font-size:.5rem}.page-heading .muted{margin-top:5px;font-size:.6875rem}.with-back{padding-top:32px}.setup-counter{margin-bottom:7px;padding-bottom:7px}.counter-icon{width:27px;height:27px}.privacy-note{margin-block:8px 10px;font-size:.625rem}.button{border-radius:13px;min-height:46px;padding-block:11px}.home-art{min-height:60px}.hero-die{border-radius:22px;width:75px;height:75px}.hero-die .icon{width:57px;height:57px}.mini-card{border-radius:10px;width:35px;height:44px;top:50%;left:calc(50% + 30px)}.mini-card .icon{width:20px;height:20px}.art-ring{width:115px;height:115px}.ring-two{width:165px;height:165px}.home h1{font-size:1.75rem}.home-description{margin-top:10px;font-size:.75rem}.home-bottom{padding-top:15px}.home-facts{margin-bottom:10px}.quiet-footer{padding-top:10px}.match-screen{padding-block:8px 12px}.match-header{margin-bottom:10px}.challenge-identity{margin-block:10px}.challenge-card{border-radius:20px;padding-block:16px}.challenge-kind{font-size:.5625rem}.card-footer-note{display:none}.challenge-text{font-size:1.125rem}.announcement{gap:12px}.card-symbol{border-radius:15px;width:44px;height:44px}.card-symbol .icon{width:22px;height:22px}.match-feedback{min-height:34px;padding-block:9px}.bottom-nav{min-height:61px;padding-block:4px}.settings-note{margin-top:16px}.setting-card{padding-block:12px}.app-signature{padding-top:12px}.end-art{width:70px;height:70px;margin-bottom:15px}.end-art>.icon{width:33px;height:33px}.end-screen{padding:20px}.end-screen h1{font-size:1.625rem}.end-screen>.muted{margin-block:12px 20px;font-size:.75rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.loading-dots i{opacity:.75}}@media (prefers-reduced-transparency:reduce){.glass{background:#242126}.modal::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#08070be6}}}