@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,Arial,sans-serif;color:#f6f4fa;background:#09080d;font-synthesis:none;font-weight:500;--pink:#ff006b;--muted:#a7b0c8;--line:#2c2337;--panel:#111018;--blue:#a9cef1;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;touch-action:manipulation}button:disabled{opacity:.45;cursor:not-allowed}button:active{transform:scale(.98)}button:focus-visible,a:focus-visible{outline:2px solid #ff71ad;outline-offset:4px}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}svg{flex-shrink:0}input,textarea,select{background:#0b0a11;color:#fff;border:1px solid #353042;border-radius:9px;padding:12px 14px;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--pink);box-shadow:0 0 0 2px #ff006b15}button{border:1px solid var(--line);border-radius:10px;background:#13101b;padding:11px 17px}button svg{width:20px;height:20px}.primary{border:1px solid #ff007c;background:linear-gradient(115deg,#ff136b,#ff005c 65%,#d400a8);font-weight:800;display:flex;align-items:center;justify-content:center;gap:13px;box-shadow:0 0 24px #ff006b20}.muted,.subtitle,.footnote{color:var(--muted)}.brand{width:220px;height:98px;background:url(/references/admin-login.png) 50% 9.5%/512% auto no-repeat}.brand-small{width:170px;height:72px}.mini{position:relative;max-width:460px;min-height:100dvh;margin:auto;overflow:hidden;background:radial-gradient(ellipse at 50% 4%,#510523 0,transparent 42%),linear-gradient(#12050c,#10040d 70%,#050609);border-inline:1px solid #8c1445;box-shadow:0 0 90px #a3003520}.mini-art{position:absolute;inset:0 0 auto;height:310px;background:linear-gradient(transparent 60%,#13040e),url(/references/app-mode.png) center -25px/100% auto no-repeat;pointer-events:none}.mini-content{position:relative;padding:20px 18px 24px}.hero-brand{height:190px}.mini h1{text-align:center;font-size:29px;line-height:1.2;font-weight:800;letter-spacing:-.8px}.subtitle{text-align:center;font-size:16px;margin:8px 0 22px}.round{border-radius:50%;width:42px;height:42px;padding:8px;background:#17121aaa;display:grid;place-items:center}.back{position:absolute;top:18px;left:17px}.modes{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.mode{position:relative;min-height:170px;padding:23px 8px 14px;text-align:center;border-radius:19px;border:1px solid #721133;background:linear-gradient(140deg,#370a1cbb,#10030bbd);display:flex;flex-direction:column;align-items:center}.mode.selected{border:2px solid #ffadca;padding:22px 7px 13px;box-shadow:0 0 8px #ff0075,inset 0 0 16px #ff00754d;background:linear-gradient(140deg,#6b0b31,#2b0418)}.radio-dot{position:absolute;width:15px;height:15px;right:9px;top:10px;border:1.5px solid #a597ae;border-radius:50%}.selected .radio-dot{border-color:#fff;box-shadow:0 0 8px #ff66a8;background:radial-gradient(#fff 0 33%,#ff006b 40%)}.people{height:68px;display:flex;justify-content:center;gap:0;width:100%;margin:6px 0 9px}.person{height:100%;width:28px;max-width:27%;filter:drop-shadow(0 0 5px #ff006b33)}.male{fill:#a9d1ff}.female{fill:#ff4883}.mode strong{font-size:20px;font-weight:800}.mode>span:last-child{white-space:pre-line;font-size:13px;line-height:1.3;color:#c0b1c7;margin-top:6px}.start{width:100%;min-height:68px;border-radius:35px;font-size:22px;margin-top:22px;box-shadow:inset 0 2px 4px #ffa1a2,0 0 25px #ef006622}.start svg{width:29px;height:29px}.name-list{border:1px solid #ff83b6;box-shadow:0 0 9px #ff007e;padding:10px;border-radius:22px;display:grid;gap:8px}.name-card{display:flex;align-items:center;gap:15px;background:linear-gradient(120deg,#560b2a,#280513);border:1px solid #701030;border-radius:16px;padding:13px}.name-card .person{width:38px;height:69px;max-width:38px}.name-card>span{flex:1;min-width:0;color:var(--blue);font-size:15px}.name-card input{display:block;width:100%;font-size:20px;padding:9px 12px;margin-top:5px;border-color:#e7006a;background:#170510}.random{display:flex;align-items:center;justify-content:center;gap:12px;margin:18px auto 0;border-color:#e7006a;background:#360720;font-size:17px;padding:13px 20px}.footnote{text-align:center;font-size:12px;margin:9px 0 0}.error{padding:12px 15px;border:1px solid #e33460;background:#541026;color:#ffd6e0;border-radius:10px;font-size:14px}.notice{padding:12px 16px;background:#171424;border:1px solid var(--line);border-radius:12px;color:#cad0df;font-size:14px}.loading{padding:40px;color:var(--muted);text-align:center}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:700px){body:has(.mini){background:radial-gradient(ellipse at center,#28081e,#08080c 70%)}.mini{margin:20px auto;border-radius:35px;min-height:calc(100dvh - 40px)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-width:360px){.mini-content{padding-inline:12px}.mini h1{font-size:26px}.mode{min-height:153px}.mode strong{font-size:18px}.mode>span:last-child{font-size:12px}.hero-brand{height:160px}}.mini-art{height:auto;aspect-ratio:941 / 310;background-image:url(/references/app-mode.png);background-size:100% auto;background-position:center 13.216%;background-repeat:no-repeat;mask-image:linear-gradient(#000 82%,transparent)}.hero-brand{height:auto;aspect-ratio:941 / 330;margin-top:8px}.mini-content{padding-top:22px}.mini h1{margin-top:4px}.modes{grid-template-columns:repeat(3,minmax(0,1fr))}.mode{min-width:0}.playing{background:radial-gradient(ellipse at 60% 10%,#21101b,transparent 50%),#08090b;border-color:#332334}.game-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.header-spacer{width:42px}.fant-card{border:1px solid #b62378;border-radius:24px;padding:14px;box-shadow:0 0 35px #ee00600b}.fant-image{width:100%;height:235px;object-fit:cover;border-radius:19px;background:#23242c;display:block;margin:10px 0 18px}.empty-art{display:grid;place-items:center;color:var(--muted)}.fant-text{text-align:center;font-size:25px;line-height:1.5;font-weight:600;white-space:pre-wrap;padding:5px 4px 22px}.partner{display:flex;gap:12px;align-items:center;background:linear-gradient(125deg,#39202f,#25121d);border:1px solid #65415d;border-radius:15px;padding:13px;margin-bottom:15px;font-size:16px}.partner>svg{margin-left:auto;width:18px}.partner b{color:#fa3197}.partner small{display:block;color:#aeb0c3;font-size:12px;margin-top:4px}.pink-disc{display:grid;place-items:center;width:43px;height:43px;background:#fb006f;border-radius:50%;flex-shrink:0}.bonus{display:flex;align-items:center;gap:13px;border:1px solid #a93573;border-radius:15px;background:linear-gradient(100deg,#32121f,#170e18);padding:15px;font-size:15px;line-height:1.5;margin-bottom:16px}.bonus>svg{width:35px;height:35px;color:#f5369a}.bonus b{color:#fb339c}.game-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.game-actions button{padding:13px 4px;display:flex;flex-direction:column;gap:9px;align-items:center;border-radius:16px;min-height:90px;background:linear-gradient(#1c1d23,#111218);font-size:13px;line-height:1.3}.game-actions button.primary{background:linear-gradient(125deg,#ff258e,#e4007b)}.game-actions svg{width:28px;height:28px}.connection{font-size:12px;color:#dec9e1;margin-bottom:10px;display:flex;gap:8px;align-items:center}.demo-note{font-size:12px;text-align:center;color:#857589;margin:18px 0 0}.demo-note a{text-decoration:underline;color:#e174b6}.invitation-title{font-size:23px!important;margin-bottom:18px!important}.modal{background:#14111c;color:#f6f3fa;border:1px solid #772a58;border-radius:20px;padding:24px;max-width:480px;width:calc(100% - 30px);box-shadow:0 25px 100px #000a}.modal::backdrop{background:#050307bb;backdrop-filter:blur(4px)}.modal header{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:18px}.modal h2{font-size:21px}.modal p{color:var(--muted);line-height:1.6;font-size:15px}.modal footer{display:flex;gap:10px;margin-top:24px;justify-content:flex-end}.icon-button{border:0;padding:7px;display:inline-grid;place-items:center;background:transparent}.button{display:flex;align-items:center;justify-content:center;gap:9px;padding:13px;border-radius:10px;margin:20px 0 10px}.copy-link{display:flex;gap:9px;justify-content:center;width:100%}.loading svg{vertical-align:middle;margin-right:9px}.brand{mix-blend-mode:screen}
