.screen-inner{width:100%;max-width:480px;margin:0 auto;padding:5rem 1.2rem 4rem;display:flex;flex-direction:column;align-items:center;gap:1.4rem}.game-logo{text-align:center}.logo-sub{font-size:clamp(.8rem,3vw,1rem);color:var(--gold);letter-spacing:.3em;text-shadow:0 0 16px rgba(212,160,23,.5);margin-bottom:.3rem}.logo-main{font-size:clamp(2rem,8vw,3rem);font-weight:900;color:#fff;text-shadow:0 0 30px rgba(139,0,0,.8),0 3px 6px rgba(0,0,0,.9);line-height:1.1;margin-bottom:.5rem}.logo-desc{font-size:clamp(.8rem,3vw,.95rem);color:#f0e6d380;letter-spacing:.08em;margin-top:.6rem}.couple-picker{width:100%;display:flex;align-items:center;justify-content:center;gap:1rem}.char-pick-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.2rem .8rem;background:var(--surface);border:2px dashed rgba(139,0,0,.35);border-radius:14px;cursor:pointer;transition:border-color .2s,background .2s,transform .15s;font-family:inherit}.char-pick-btn:hover{border-color:#d4a01799;background:#d4a0170f;transform:translateY(-2px)}.char-pick-btn.picked{border-style:solid;border-color:#d4a01780;background:#d4a0170f}.pick-icon{font-size:2.8rem;line-height:1;min-height:3rem;display:flex;align-items:center}.pick-name{font-size:.82rem;font-weight:700;color:#f0e6d399;text-align:center}.char-pick-btn.picked .pick-name{color:var(--gold)}.couple-heart{font-size:1.8rem;flex-shrink:0;animation:heartbeat 1.5s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.couple-hint{font-size:.78rem;color:#f0e6d34d;text-align:center}.char-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;z-index:100;display:flex;align-items:flex-end;justify-content:center}.char-picker-box{width:100%;max-width:480px;max-height:75vh;background:#120810;border-top:1.5px solid rgba(212,160,23,.3);border-radius:20px 20px 0 0;display:flex;flex-direction:column;overflow:hidden}.char-picker-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.2rem;border-bottom:1px solid rgba(139,0,0,.2);font-size:.95rem;font-weight:700;color:var(--gold);flex-shrink:0}.picker-close{background:none;border:none;color:#f0e6d366;font-size:1.1rem;cursor:pointer;padding:.2rem .4rem;font-family:inherit;transition:color .2s}.picker-close:hover{color:var(--text)}.char-picker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;padding:1rem 1.2rem;overflow-y:auto}.char-picker-grid::-webkit-scrollbar{width:4px}.char-picker-grid::-webkit-scrollbar-thumb{background:#8b000066;border-radius:2px}.picker-char-btn{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.4rem .3rem;background:var(--surface);border:1.5px solid rgba(139,0,0,.25);border-radius:10px;cursor:pointer;font-family:inherit;transition:border-color .15s,background .15s,transform .1s}.picker-char-btn:hover:not(:disabled){border-color:#d4a01799;background:#d4a01714;transform:translateY(-1px)}.picker-char-btn.picker-disabled,.picker-char-btn:disabled{opacity:.3;cursor:default}.picker-img{width:100%;aspect-ratio:1/1;object-fit:cover;object-position:center 15%;border-radius:6px;display:block}.picker-icon-fb,.picker-icon{font-size:1.6rem;line-height:1}.picker-name{font-size:.65rem;color:#f0e6d3b3;font-weight:700;text-align:center;word-break:keep-all;margin-top:.15rem}.couple-result-header{width:100%;text-align:center}.result-chars{display:flex;align-items:center;justify-content:center;gap:1rem}.result-char{display:flex;flex-direction:column;align-items:center;gap:.5rem}.result-char-avatar{width:80px;height:80px;border-radius:50%;border:2px solid rgba(212,160,23,.5);overflow:hidden;background:var(--surface);display:flex;align-items:center;justify-content:center;flex-shrink:0}.result-char-photo{width:100%;height:100%;object-fit:cover;object-position:center 15%;display:block}.result-char-fb{font-size:2.8rem;line-height:1}.result-char-name{font-size:.82rem;font-weight:700;color:#f0e6d3b3}.result-vs{font-size:2rem;animation:heartbeat 1.5s ease-in-out infinite}.compat-overall{width:100%;background:var(--surface);border:1px solid rgba(212,160,23,.2);border-radius:14px;padding:1.2rem 1.4rem;display:flex;flex-direction:column;align-items:center;gap:.8rem}.compat-pct-wrap{display:flex;align-items:baseline;gap:.2rem}.compat-pct{font-size:clamp(2.8rem,12vw,4.5rem);font-weight:900;color:var(--gold);text-shadow:0 0 30px rgba(212,160,23,.5);line-height:1}.compat-pct-unit{font-size:1.4rem;color:#f0e6d380}.compat-heart-bar{width:100%;height:10px;background:#8b000033;border-radius:5px;overflow:hidden}.compat-heart-fill{height:100%;background:linear-gradient(90deg,#8b0000,#d4a017,#ff80a0);border-radius:5px;width:0%;transition:width .3s}.compat-label{text-align:center;font-size:.9rem;color:#f0e6d3cc;line-height:1.5}.compat-label strong{color:var(--gold);display:block;font-size:1rem;margin-bottom:.3rem}.compat-label span{color:#f0e6d38c;font-size:.82rem}.compat-label .canon-note{color:#d4a017bf;font-size:.78rem;font-style:normal;display:block;margin-top:.4rem}.compat-cats{width:100%;display:flex;flex-direction:column;gap:.7rem}.cat-row{display:flex;flex-direction:column;gap:.3rem}.cat-header{display:flex;align-items:center;gap:.5rem}.cat-icon{font-size:.9rem}.cat-name{font-size:.82rem;color:#f0e6d3a6;flex:1}.cat-score-num{font-size:.82rem;font-weight:700;color:var(--gold)}.cat-bar-bg{width:100%;height:6px;background:#8b000033;border-radius:3px;overflow:hidden}.cat-bar-fill{height:100%;background:linear-gradient(90deg,#8b0000,#d4a017);border-radius:3px;width:0%}.btn-share{background:linear-gradient(135deg,#1a3a70,#3a60b0);width:100%}.pick-photo{width:3.2rem;height:3.2rem;object-fit:cover;object-position:center 12%;border-radius:8px;display:block}.btn-secondary{background:transparent;border:1.5px solid rgba(240,230,211,.2);color:#f0e6d399}.btn-secondary:hover{border-color:#d4a01780;color:var(--gold)}