@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Syne:wght@600;700;800&display=swap";
:root{--ink:#05080d;--panel:#0d141d;--text:#f4f7fa;--muted:#8c98a6;--pink:#15a8ff;--violet:#2864ff;--lime:#b8ff35}*{box-sizing:border-box}html,body{background:var(--ink);min-height:100%;color:var(--text);margin:0;font-family:DM Sans,sans-serif}button,input,textarea{font:inherit}button{color:inherit}.shell{background:radial-gradient(circle at 18% 8%,#0b2740 0,#0000 36%),linear-gradient(145deg,#05080d 0%,#08101a 54%,#04070b 100%);min-height:100svh;position:relative;overflow:hidden}.shell:before{content:"";opacity:.08;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");position:fixed;inset:0}.ambient{filter:blur(110px);opacity:.19;pointer-events:none;border-radius:50%;width:320px;height:320px;position:fixed}.ambient-one{background:#078cff;top:-170px;right:-100px}.ambient-two{background:#1748b8;bottom:-190px;left:-130px}header{z-index:5;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;height:76px;padding:0 clamp(20px,5vw,64px);display:flex;position:relative}.logo{letter-spacing:-1px;font-family:Syne,sans-serif;font-size:18px;font-weight:800}.logo span{color:var(--pink)}.logo i{color:var(--lime);vertical-align:top;margin-left:5px;font-size:11px;font-style:normal}.library-link{cursor:pointer;letter-spacing:.02em;background:0 0;border:0;font-size:13px;font-weight:600}.library-link span{color:var(--lime);margin-right:5px}.welcome{z-index:1;width:min(1040px,100% - 40px);min-height:calc(100svh - 76px);margin:auto;padding:clamp(46px,8vh,92px) 0 36px;position:relative}.eyebrow,.step{letter-spacing:.18em;color:#c3b9c8;font-size:11px;font-weight:700}.eyebrow b{background:var(--pink);color:#fff;letter-spacing:.08em;border-radius:4px;margin-right:8px;padding:4px 6px}h1{letter-spacing:-.065em;text-transform:uppercase;max-width:850px;margin:25px 0 28px;font-family:Syne,sans-serif;font-size:clamp(48px,8vw,94px);line-height:.9}h1 em{color:#0000;-webkit-text-stroke:1px #45b7ff;text-shadow:0 0 40px #15a8ff40;font-style:normal}.intro{color:#c1b5c5;max-width:570px;font-size:clamp(16px,2vw,19px);line-height:1.55}.mode-grid{grid-template-columns:1fr 1fr;gap:14px;max-width:760px;margin-top:42px;display:grid}.mode-card{text-align:left;cursor:pointer;background:linear-gradient(145deg,#121d2ae6,#090f17db);border:1px solid #81abcd2e;border-radius:12px;align-items:center;min-height:96px;padding:20px;transition:all .25s;display:flex}.mode-card:hover{background:#15a8ff1a;border-color:#1faaff;transform:translateY(-3px);box-shadow:0 16px 50px #00000059}.mode-card.featured{background:linear-gradient(120deg,#15a8ff2e,#2864ff14);border-color:#15a8ff85}.mode-card .mode-icon{width:48px;height:48px;color:var(--pink);background:#0a2235;border-radius:10px;place-items:center;margin-right:15px;font-size:24px;display:grid}.mode-card strong,.mode-card small{display:block}.mode-card strong{font-size:16px}.mode-card small{color:var(--muted);margin-top:5px;font-size:12px}.mode-card i{color:var(--lime);margin-left:auto;font-size:21px;font-style:normal}.trust{color:#667483;gap:24px;margin-top:28px;font-size:11px;display:flex}.trust span:first-letter{color:var(--lime)}.panel{z-index:2;width:min(520px,100% - 40px);margin:0 auto;padding:52px 0;position:relative}.back{color:#9e94a3;cursor:pointer;background:0 0;border:0;margin-bottom:42px;padding:8px 0}.setup h2,.modal h2{letter-spacing:-.04em;margin:12px 0 8px;font-family:Syne;font-size:42px}.setup>p,.modal>p{color:var(--muted);margin:0 0 30px}.player-list{gap:10px;display:grid}.player-list label{background:#ffffff0a;border:1px solid #ffffff21;border-radius:14px;align-items:center;height:61px;padding:0 15px;display:flex}.player-list label>span{color:var(--pink);width:34px;font-family:Syne;font-size:12px}.player-list input{color:#fff;background:0 0;border:0;outline:0;flex:1;font-size:16px}.player-list button{color:#736b77;cursor:pointer;background:0 0;border:0;font-size:22px}.add-player{color:#a89fad;cursor:pointer;background:0 0;border:1px dashed #ffffff29;border-radius:14px;width:100%;height:55px;margin:10px 0 22px}.primary{background:linear-gradient(110deg,var(--pink),#a23eff);cursor:pointer;border:0;border-radius:14px;width:100%;min-height:58px;font-weight:700;transition:all .2s;box-shadow:0 12px 38px #ff3da438}.primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.primary span,.primary b{float:right;margin-right:5px}.game{z-index:2;flex-direction:column;align-items:center;min-height:calc(100svh - 76px);padding:28px 20px 36px;display:flex;position:relative}.game-back{margin:0;position:absolute;top:22px;left:clamp(20px,5vw,64px)}.turn-pill{text-transform:uppercase;letter-spacing:.15em;color:#c5bbc8;border:1px solid #ffffff1a;border-radius:20px;padding:9px 14px;font-size:11px}.turn-pill span{background:var(--lime);width:6px;height:6px;box-shadow:0 0 10px var(--lime);border-radius:50%;margin-right:6px;display:inline-block}.orb-wrap{aspect-ratio:1;place-items:center;width:min(390px,84vw);margin:22px 0 15px;display:grid;position:relative}.orbit{border:1px solid #bf70ff2e;border-radius:50%;position:absolute;inset:2%}.orbit:before{content:"✦";color:var(--pink);font-size:13px;position:absolute;top:6%;left:14%}.orbit-two{border-style:dashed;animation:18s linear infinite orbit;inset:12%}.orb{aspect-ratio:1;cursor:pointer;z-index:2;background:radial-gradient(circle at 35% 25%,#4c2369,#271134 43%,#100817 72%);border:1px solid #ffffff4d;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:68%;transition:all .35s;display:flex;position:relative;box-shadow:inset 0 0 45px #ff3da424,0 0 0 9px #ffffff06,0 0 60px #8b5cff59}.orb:hover{transform:scale(1.025);box-shadow:inset 0 0 45px #ff3da43b,0 0 85px #ff3da466}.orb small{letter-spacing:.25em;color:#c7b9cb;margin-bottom:7px;font-size:8px}.orb strong{letter-spacing:-.04em;font-family:Syne;font-size:31px;line-height:.9}.orb strong:last-child{color:var(--pink)}.orb i{color:#a89bab;margin:7px;font-size:9px;font-style:normal}.is-spinning .orb{animation:.35s ease-in-out infinite alternate pulse}.is-spinning .orbit{animation:.55s linear infinite orbit}.instruction{text-align:center;color:#918795;font-size:12px;line-height:1.7}.sample-note{color:#776e7b;cursor:pointer;background:0 0;border:0;font-size:11px}.sample-note u{color:#c7bec9;text-underline-offset:3px}.prompt-card{text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0b;border:1px solid #ffffff1a;border-radius:19px;width:min(500px,100%);padding:20px}.prompt-card>span{text-transform:uppercase;letter-spacing:.2em;color:var(--pink);font-size:9px}.prompt-card p{margin:10px 0 17px;font-family:Syne;font-size:19px;line-height:1.35}.prompt-card .primary{min-height:48px}.modal-layer{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;background:#030106cc;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:linear-gradient(145deg,#1b1023,#100a16);border:1px solid #ffffff21;border-radius:26px;width:min(470px,100%);max-height:90svh;padding:35px;position:relative;overflow:auto;box-shadow:0 30px 100px #000}.close{color:#aaa0ad;cursor:pointer;background:#ffffff0f;border:0;border-radius:50%;width:34px;height:34px;font-size:20px;position:absolute;top:17px;right:20px}.spark{width:42px;height:42px;color:var(--lime);background:#d8ff591a;border-radius:12px;place-items:center;display:grid}.auth-modal label{color:#a69ba9;font-size:11px;font-weight:600;display:block}.auth-modal input{color:#fff;background:#0d0812;border:1px solid #ffffff24;border-radius:12px;outline:0;width:100%;height:56px;margin:8px 0 12px;padding:0 15px;display:block}.auth-modal input:focus{border-color:var(--pink)}.auth-modal>small{text-align:center;color:#706876;margin-top:17px;display:block}.auth-message{color:var(--lime);background:#d8ff5914;border-radius:10px;margin-top:12px;padding:11px;font-size:12px}.dare-form textarea{resize:none;color:#fff;background:#0c0810;border:1px solid #ffffff1f;border-radius:14px;outline:0;width:100%;height:115px;padding:14px}.dare-form>div{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.dare-form .primary{width:135px;min-height:43px}.dare-form small{color:#706775}.dare-list{gap:8px;margin-top:24px;display:grid}.dare-list>div:not(.empty){background:#ffffff0a;border-radius:12px;gap:12px;padding:14px;display:flex}.dare-list span{color:var(--pink);margin-top:4px;font-family:Syne;font-size:10px}.dare-list p{color:#d2c8d5;margin:0;font-size:13px;line-height:1.4}.empty{text-align:center;color:#716976;padding:25px;font-size:13px}.eyebrow b{background:#0a87dc}.player-list label{background:#0a121be0;border-color:#81abcd33;border-radius:10px}.add-player{border-radius:10px}.primary{background:linear-gradient(110deg,#087ed0,#1f5cff);border:1px solid #55c3ff59;border-radius:10px;box-shadow:0 12px 38px #15a8ff33}.orbit{border-color:#40b4ff33}.orb{background:radial-gradient(circle at 35% 25%,#123b5a,#0a2032 43%,#050b11 72%);box-shadow:inset 0 0 45px #15a8ff29,0 0 0 9px #ffffff06,0 0 60px #15a8ff4d}.orb:hover{box-shadow:inset 0 0 45px #15a8ff3d,0 0 85px #15a8ff61}.result-truth{background:radial-gradient(circle at 35% 25%,#153d68,#0b203c 55%,#050a12)}.result-dare{background:radial-gradient(circle at 35% 25%,#234d18,#10270c 55%,#060d05)}.prompt-card{background:#0a121bdb;border-color:#81abcd2e;border-radius:12px}.modal{background:linear-gradient(145deg,#111b27,#080d13);border-color:#81abcd33;border-radius:16px}.auth-modal input,.dare-form textarea{background:#070c12;border-radius:8px}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes pulse{to{filter:brightness(1.3);transform:scale(.93)}}@media (max-width:650px){header{height:65px}.welcome{min-height:calc(100svh - 65px);padding-top:45px}h1{font-size:52px}.mode-grid{grid-template-columns:1fr;margin-top:30px}.mode-card{min-height:82px}.trust{flex-wrap:wrap;gap:10px}.game{min-height:calc(100svh - 65px);padding-top:65px}.game-back{top:17px}.orb-wrap{margin-top:13px}.modal{padding:30px 22px}.setup h2,.modal h2{font-size:36px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}