:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#292734;background:#f7f7fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:linear-gradient(140deg,#f5f6ff,#fff6fb 50%,#f3fff5)}button{font:inherit;cursor:pointer}#app{max-width:520px;min-height:100vh;margin:auto;padding:18px 16px calc(94px + env(safe-area-inset-bottom))}.top{display:flex;justify-content:space-between;align-items:center;margin:3px 2px 19px}.brand{font-size:19px;font-weight:850;letter-spacing:-.7px}.flag-dot{display:inline-block;width:11px;height:11px;border-radius:50%;margin-right:5px;background:linear-gradient(90deg,#e64687,#756be0)}.avatar{width:41px;height:41px;border-radius:50%;display:grid;place-items:center;color:white;font-weight:800;background:linear-gradient(135deg,#df947c,#794836);overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.hero,.box,.result-green,.result-red{background:#fff;border-radius:24px;padding:21px 18px;margin-bottom:12px;box-shadow:0 7px 22px #5e5c7212}.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#e9ebff,#fff0f5)}.hero:after{content:"⚑";position:absolute;right:-12px;bottom:-47px;font-size:174px;color:#de4d89;opacity:.14}.kicker{font-size:11px;text-transform:uppercase;letter-spacing:.9px;color:#6864ca;font-weight:850}.hero h1{font-size:30px;line-height:1.02;letter-spacing:-1.35px;max-width:290px;margin:8px 0}.hero p,.muted{color:#777482;font-size:13px;line-height:1.4;margin:0}.button{border:0;border-radius:15px;padding:13px 15px;font-weight:800;font-size:14px;width:100%;margin-top:17px;color:#fff;background:linear-gradient(90deg,#e44388,#796add);box-shadow:0 9px 16px #b3498b30}.button:active{transform:translateY(1px)}.button.secondary{background:#fff;color:#5e59bd;border:1px solid #d9d6e8;box-shadow:none}.box h2{font-size:17px;letter-spacing:-.5px;margin:0 0 5px}.row{display:flex;align-items:center;gap:11px}.row-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#eaedff;font-size:19px}.pair-types{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:15px}.pair-type{border:1px solid #e7e5ef;background:#fff;border-radius:14px;padding:12px 6px;color:#4e4b59;font-size:12px;font-weight:750}.pair-type.selected{border-color:#8277db;background:#f2f1ff;color:#5e58c3}.mini-avatars{display:flex;gap:5px;margin:13px 0}.mini-avatar{height:31px;width:31px;border-radius:50%;display:grid;place-items:center;background:#dc9478;color:#fff;font-size:12px;font-weight:800;border:2px solid #fff}.mini-avatar:nth-child(2){background:#6685d8}.progress-head{display:flex;justify-content:space-between;color:#777482;font-size:12px}.progress{height:7px;border-radius:7px;background:#e9e8f0;margin:7px 0 20px;overflow:hidden}.progress i{height:100%;display:block;border-radius:7px;background:linear-gradient(90deg,#e44388,#756bdd)}.question{font-size:25px;line-height:1.1;letter-spacing:-.9px;margin:0 0 18px}.answer{display:block;width:100%;background:#fff;border:1px solid #e8e6ee;border-radius:15px;padding:14px 14px;text-align:left;color:#383542;line-height:1.28;font-size:13px;margin:9px 0}.answer:hover{border-color:#9a91e2;background:#fcfbff}.skip{display:block;border:0;background:transparent;color:#9a96a5;text-decoration:underline;margin:16px auto;font-size:12px}.wait{text-align:center;padding-top:75px}.orbit{height:137px;width:137px;border-radius:50%;border:2px dashed #c1bddf;display:grid;place-items:center;margin:auto;position:relative}.orbit .avatar:first-child{position:absolute;left:-10px;top:37px}.orbit .avatar:last-child{position:absolute;right:-9px;bottom:28px}.lock{font-size:29px}.wait h1{font-size:26px;letter-spacing:-1px;line-height:1.07;margin:19px 0 8px}.result-green{background:linear-gradient(135deg,#eaffee,#fbfffa);border:1px solid #d4eed9}.result-red{background:linear-gradient(135deg,#fff0f3,#fffafa);border:1px solid #f0d8df}.result-green .kicker{color:#48a466}.result-red .kicker{color:#dd4f68}.winner{display:flex;gap:10px;align-items:center;margin-top:10px}.winner strong{display:block;font-size:20px}.winner span{font-size:12px;color:#6d9477}.battle h2,.meter h2,.tips h2{font-size:17px;margin:0 0 15px}.scale{display:grid;grid-template-columns:1fr 122px;gap:9px;align-items:center;margin:13px 0}.scale label{font-size:12px;line-height:1.18}.bar{height:9px;border-radius:9px;background:linear-gradient(90deg,#e64788,#776bdf);position:relative}.bar i{position:absolute;top:-5px;height:19px;width:19px;border-radius:50%;border:3px solid #fff;background:#fff;box-shadow:0 1px 5px #3d37485c}.stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stat{padding:11px;border-radius:14px;background:#f7f6fb;font-size:12px}.stat b{font-size:20px;display:block;margin-top:3px}.green{color:#3c9d62}.red{color:#df4b68}.tip{padding:11px 0;border-top:1px solid #edebf2;font-size:13px;line-height:1.3}.tip:first-of-type{border-top:0}.bottom{position:fixed;bottom:0;left:0;right:0;margin:auto;max-width:520px;background:#ffffffed;backdrop-filter:blur(14px);border-top:1px solid #e9e8ef;display:flex;justify-content:space-around;padding:9px 12px calc(10px + env(safe-area-inset-bottom))}.nav-button{border:0;background:transparent;min-width:78px;display:flex;flex-direction:column;align-items:center;gap:3px;color:#85818f;font-size:11px}.nav-button svg{width:25px;height:25px;stroke:currentColor;stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round}.nav-button.active{color:#e44388;font-weight:800}.empty{padding:32px 0;text-align:center;color:#777482}.error{padding:14px;border-radius:14px;background:#fff0f3;color:#bb4158;font-size:13px;margin:10px 0}.loading{display:grid;min-height:65vh;place-items:center;color:#777482}@media(max-width:380px){.question{font-size:22px}.pair-types{gap:5px}.pair-type{font-size:11px}.scale{grid-template-columns:1fr 106px}}
#app .hero:after{right:16px;top:10px;bottom:auto;font-size:58px;line-height:1;color:#dc416e;opacity:.86;transform:rotate(17deg);filter:drop-shadow(0 5px 5px #c6456830)}#app .hero h1{max-width:265px}
#app .version-card{position:relative}#app .version-card h2{font-size:23px;line-height:1.06;letter-spacing:-.8px;margin:8px 0 7px}#app .version-card .button{margin-top:14px}#app .adult-option{background:linear-gradient(135deg,#fff4f6,#fffafb);border:1px solid #ecd4db;box-shadow:0 7px 20px #9a405214}#app .adult-option .kicker{color:#af3f58}#app .adult-option:after{content:"18+";position:absolute;right:17px;top:16px;color:#a63750;background:#fae3e8;border:1px solid #e9c7d0;border-radius:9px;padding:5px 7px;font-size:12px;font-weight:850;letter-spacing:.3px}#app .adult-option .button{background:linear-gradient(90deg,#bd4560,#d25a6a);box-shadow:0 8px 16px #b1465c24}
#app .hero:after{display:none}#app .hero-art{position:absolute;right:-9px;top:-7px;width:150px;height:122px;object-fit:contain;transform:rotate(8deg);filter:drop-shadow(0 8px 8px #55415e24)}#app .version-card{min-height:190px;overflow:hidden;padding-right:125px}#app .version-art{position:absolute;width:132px;height:132px;right:-13px;top:26px;object-fit:contain;filter:drop-shadow(0 7px 8px #5f485a20)}#app .adult-option:after{right:16px;z-index:1}.result-card{position:relative;overflow:hidden;min-height:111px}.result-flag{position:absolute;right:-10px;bottom:-25px;width:142px;height:142px;object-fit:contain;opacity:.96;filter:drop-shadow(0 7px 7px #4c404b22)}.result-card .winner{position:relative;z-index:1}.share-art{background:linear-gradient(135deg,#f5f2ff,#fff5f8);border-radius:20px;padding:9px 14px 9px 18px;display:flex;align-items:center;justify-content:space-between;color:#625d6d;font-size:13px;font-weight:700;margin:12px 0}.share-art img{width:78px;height:64px;object-fit:contain;order:2}.empty-history{text-align:center}.empty-history img{width:145px;height:115px;object-fit:contain;display:block;margin:0 auto 4px}.empty-history .button{margin-top:15px}
#app .hero:after{display:none}#app .hero-art{position:absolute;right:-9px;top:-7px;width:150px;height:122px;object-fit:contain;transform:rotate(8deg);filter:drop-shadow(0 8px 8px #55415e24)}#app .version-card{min-height:190px;overflow:hidden;padding-right:125px}#app .version-art{position:absolute;width:132px;height:132px;right:-13px;top:26px;object-fit:contain;filter:drop-shadow(0 7px 8px #5f485a20)}#app .adult-option:after{right:16px;z-index:1}.result-card{position:relative;overflow:hidden;min-height:111px}.result-flag{position:absolute;right:-10px;bottom:-25px;width:142px;height:142px;object-fit:contain;opacity:.96;filter:drop-shadow(0 7px 7px #4c404b22)}.result-card .kicker,.result-card .winner{position:relative;z-index:1;text-shadow:0 0 3px #fff,0 0 7px #fff,0 1px 10px #ffffffd9}.result-card .winner strong{color:#292734}.result-card .winner span{font-weight:650}.share-art{background:linear-gradient(135deg,#f5f2ff,#fff5f8);border-radius:20px;padding:9px 14px 9px 18px;display:flex;align-items:center;justify-content:space-between;color:#625d6d;font-size:13px;font-weight:700;margin:12px 0}.share-art img{width:78px;height:64px;object-fit:contain;order:2}.empty-history{text-align:center}.empty-history img{width:145px;height:115px;object-fit:contain;display:block;margin:0 auto 4px}.empty-history .button{margin-top:15px}
#app .hero:after{display:none}#app .hero-art{position:absolute;right:-9px;top:-7px;width:150px;height:122px;object-fit:contain;transform:rotate(8deg);filter:drop-shadow(0 8px 8px #55415e24)}#app .version-card{min-height:190px;overflow:hidden;padding-right:125px}#app .version-art{position:absolute;width:132px;height:132px;right:-13px;top:26px;object-fit:contain;filter:drop-shadow(0 7px 8px #5f485a20)}#app .adult-option:after{right:16px;z-index:1}.result-card{position:relative;overflow:hidden;min-height:111px}.result-flag{position:absolute;right:-10px;bottom:-25px;width:142px;height:142px;object-fit:contain;opacity:.96;filter:drop-shadow(0 7px 7px #4c404b22)}.result-card .kicker,.result-card .winner{position:relative;z-index:1;text-shadow:0 0 3px #fff,0 0 7px #fff,0 1px 10px #ffffffd9}.result-card .winner strong{color:#292734}.result-card .winner span{font-weight:650}.share-art{background:linear-gradient(135deg,#f5f2ff,#fff5f8);border-radius:20px;padding:9px 14px 9px 18px;display:flex;align-items:center;justify-content:space-between;color:#625d6d;font-size:13px;font-weight:700;margin:12px 0}.share-art img{width:78px;height:64px;object-fit:contain;order:2}.empty-history{text-align:center}.empty-history img{width:145px;height:115px;object-fit:contain;display:block;margin:0 auto 4px}.empty-history .button{margin-top:15px}@media(max-width:380px){#app .hero-art{z-index:0;opacity:.78}#app .hero>*:not(.hero-art){position:relative;z-index:1}}
#app .hero-art{z-index:0}@media(max-width:395px){#app .hero-art{opacity:.78}#app .hero>*:not(.hero-art){position:relative;z-index:1}}
#app .boot{min-height:78vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;text-align:center}#app .boot>img:not(.boot-mark){width:215px;height:170px;object-fit:contain;opacity:.28;position:absolute;top:26%;animation:boot-float 1.8s ease-in-out infinite}#app .boot-mark{width:58px;height:58px;object-fit:cover;border-radius:20px;box-shadow:0 12px 28px #9c4d9b3b;z-index:1}#app .boot strong{font-size:23px;margin-top:14px;z-index:1}#app .boot span{font-size:13px;color:#807d8a;margin-top:5px;z-index:1}@keyframes boot-float{50%{transform:translateY(-10px) rotate(4deg)}}
#app .disclaimer{background:linear-gradient(145deg,#f7f4ff,#fff6fa 58%,#f4fff6);border-radius:25px;padding:27px 20px;box-shadow:0 9px 28px #5e5c7220}.disclaimer-mark{width:58px;height:58px;display:grid;place-items:center;border-radius:19px;color:#fff;font-size:29px;background:linear-gradient(135deg,#e44388,#756bdd);box-shadow:0 10px 22px #a6489133;margin-bottom:18px}.disclaimer h1{font-size:28px;line-height:1.03;letter-spacing:-1.1px;margin:8px 0 11px}.disclaimer p{font-size:14px;line-height:1.47;color:#696572;margin:0}.disclaimer-note{margin-top:16px;padding:12px;border-radius:14px;background:#ffffffbd;color:#716c7a;font-size:12px;line-height:1.35}
#app .history-list{display:grid;gap:10px;margin-bottom:14px}#app .history-card{border:0;width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:13px;background:#fff;border-radius:19px;box-shadow:0 7px 20px #5e5c7212;color:#292734}#app .history-card img{width:55px;height:55px;object-fit:contain}#app .history-card span{display:grid;gap:3px;flex:1;min-width:0}#app .history-card small,#app .history-card em{font-size:11px;color:#85818f;font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#app .history-card b{font-size:14px}#app .history-card>strong{font-size:25px;color:#918ca0;font-weight:500}
#app .report-title{font-size:17px;margin:0 0 10px}.person-flags{border-top:1px solid #eceaf1;padding:12px 0 9px;display:flex;justify-content:space-between;align-items:center}.person-flags>div{display:grid;grid-template-columns:35px 1fr;column-gap:8px;align-items:center}.person-flags .avatar{grid-row:span 2;width:35px;height:35px;font-size:14px}.person-flags b{font-size:13px}.person-flags span{font-size:11px;color:#8a8693}.person-flags p{display:flex;gap:8px;margin:0}.person-flags p strong{font-size:12px;padding:5px 7px;border-radius:8px;background:#f7f6fb}.report-note{font-size:11px;line-height:1.35;color:#85818f;margin:8px 0 0}.battle-row{padding:11px 0;border-top:1px solid #eceaf1}.battle-row label{font-size:12px;font-weight:700;display:block;margin-bottom:8px}.battle-values{display:grid;grid-template-columns:67px 1fr 67px;gap:6px;align-items:center}.battle-values b{font-size:10px;line-height:1.15;color:#787482}.battle-values b:last-child{text-align:right}
#app .person-flags{flex-wrap:wrap}.flag-details{width:100%;margin-top:10px;border-radius:12px;background:#f8f7fb;padding:9px 10px}.flag-details summary{cursor:pointer;font-size:12px;font-weight:800;color:#615d6d}.flag-details>div{padding-top:9px;font-size:12px;line-height:1.35}.flag-details ul{margin:5px 0 9px;padding-left:17px;color:#706b78}.flag-details ul:last-child{margin-bottom:0}.flag-details .green,.flag-details .red{font-size:12px}