.screen-inner{width:100%;max-width:500px;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}.rules-box{width:100%;background:var(--surface);border:1px solid rgba(139,0,0,.25);border-radius:10px;padding:.9rem 1.1rem;display:flex;flex-direction:column;gap:.5rem}.rule-item{font-size:.82rem;color:#f0e6d399;line-height:1.4}#fav-ranking{width:100%;background:var(--surface);border:1px solid rgba(212,160,23,.2);border-radius:10px;padding:.9rem 1.1rem}.fav-rank-title{font-size:.85rem;font-weight:700;color:var(--gold);margin-bottom:.5rem}.fav-rank-item{display:grid;grid-template-columns:2.2rem 1fr auto;align-items:center;gap:.4rem;padding:.28rem 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:.85rem}.fav-rank-item:last-child{border-bottom:none}.fav-rank-pos{font-size:.9rem}.fav-rank-name{color:#f0e6d3d9;font-weight:700}.fav-rank-pts{color:var(--gold);font-size:.78rem;font-weight:700}.loading-msg{font-size:.88rem;color:#f0e6d366;display:flex;align-items:center;gap:.5rem}.spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(212,160,23,.3);border-top-color:var(--gold);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#select{display:none;flex-direction:column}#select.active{display:flex}.select-layout{display:flex;flex-direction:column;height:100svh;overflow:hidden}.rank-bar-wrap{flex-shrink:0;background:#080408f2;border-bottom:1px solid rgba(139,0,0,.3);padding:.4rem .8rem .5rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.rank-bar-title{font-size:.7rem;color:var(--gold);font-weight:700;letter-spacing:.08em;margin-bottom:.35rem}.rank-slots{display:flex;gap:.25rem;overflow-x:auto;padding-bottom:.15rem;scrollbar-width:none}.rank-slots::-webkit-scrollbar{display:none}.rank-slot{flex-shrink:0;width:40px;height:50px;border-radius:6px;border:1.5px dashed rgba(139,0,0,.4);background:#0000004d;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;cursor:default;transition:border-color .2s,transform .15s;position:relative;overflow:hidden}.rank-slot.filled{border-style:solid;border-color:#d4a01780;cursor:pointer}.rank-slot.filled:hover{transform:scale(1.07);border-color:var(--gold)}.rank-slot.filled:hover .slot-remove{opacity:1}.slot-num{font-size:.52rem;font-weight:900;color:#f0e6d34d;line-height:1}.slot-placeholder{font-size:.9rem;opacity:.2}.slot-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top}.slot-fb{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.slot-rank-badge{position:absolute;top:1px;left:3px;font-size:.52rem;font-weight:900;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.9);z-index:2}.slot-remove{position:absolute;top:0;right:0;bottom:0;left:0;background:#8b0000bf;display:flex;align-items:center;justify-content:center;font-size:1rem;opacity:0;transition:opacity .15s;z-index:3}.char-grid-wrap{flex:1;overflow-y:auto;padding:.5rem .6rem}.char-grid-wrap::-webkit-scrollbar{width:3px}.char-grid-wrap::-webkit-scrollbar-thumb{background:#8b000066;border-radius:2px}.char-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.35rem}@media(min-width:400px){.char-grid{grid-template-columns:repeat(6,1fr)}}@media(min-width:540px){.char-grid{grid-template-columns:repeat(7,1fr)}}.char-card{border-radius:6px;overflow:hidden;background:var(--surface);border:1.5px solid rgba(139,0,0,.2);cursor:pointer;transition:border-color .15s,transform .12s,box-shadow .15s;position:relative;aspect-ratio:3/4}.char-card:hover{border-color:#d4a01780;transform:scale(1.04)}.char-card.selected{border-color:var(--gold);box-shadow:0 0 8px #d4a01759}.char-card.selected .char-select-overlay{opacity:1}.char-card img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.char-card-fb{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.4rem}.char-name-label{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000e0);padding:.6rem .2rem .2rem;font-size:.55rem;font-weight:700;color:#fff;text-align:center;line-height:1.15}.char-select-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#d4a01740;display:flex;align-items:flex-start;justify-content:flex-end;padding:.2rem;opacity:0;transition:opacity .15s}.char-rank-badge{background:var(--gold);color:#000;font-size:.6rem;font-weight:900;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px #000000b3}.select-footer{flex-shrink:0;display:grid;grid-template-columns:auto 1fr;gap:.5rem;padding:.55rem .8rem;background:#080408f2;border-top:1px solid rgba(139,0,0,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-reset{background:transparent;border:1px solid rgba(240,230,211,.2);color:#f0e6d380;font-size:.85rem;padding:.6rem 1rem}.btn-reset:hover{border-color:#f0e6d366;color:#f0e6d3e6}.btn-done{background:linear-gradient(135deg,#8b0000,#c02020)}.btn-done:disabled{opacity:.35;cursor:not-allowed}.result-inner{padding-top:4.5rem;gap:1.6rem}.my-result-header{width:100%;text-align:center}.result-title-text{font-size:1.1rem;font-weight:900;color:var(--gold);letter-spacing:.1em}.my-ranking{width:100%;display:flex;flex-direction:column;gap:.45rem}.my-rank-item{display:grid;grid-template-columns:2.2rem 46px 1fr auto;align-items:center;gap:.65rem;padding:.5rem .7rem;border-radius:8px;background:var(--surface);border:1px solid rgba(139,0,0,.2);animation:fadeUp .3s both}.my-rank-item:nth-child(1){border-color:#ffd70066}.my-rank-item:nth-child(2){border-color:#c0c0c04d}.my-rank-item:nth-child(3){border-color:#cd7f324d}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.my-rank-num{text-align:center;font-weight:900;font-size:1rem;color:#f0e6d366}.my-rank-num.r1{color:gold;font-size:1.2rem}.my-rank-num.r2{color:silver;font-size:1.1rem}.my-rank-num.r3{color:#cd7f32}.my-rank-avatar{width:46px;height:46px;border-radius:50%;object-fit:cover;object-position:top;background:#8b00004d}.my-rank-avatar-fb{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem}.my-rank-info{min-width:0}.my-rank-name{font-size:.95rem;font-weight:700;color:#fff}.my-rank-jp{font-size:.72rem;color:#d4a017b3;margin-top:.1rem}.my-rank-pts{font-size:.75rem;color:#f0e6d359;white-space:nowrap}.share-section{width:100%;background:var(--surface);border:1px solid rgba(139,0,0,.2);border-radius:10px;padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.7rem}.share-label{font-size:.85rem;font-weight:700;color:var(--gold)}.share-btns{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.btn-canvas{background:linear-gradient(135deg,#3a0070,#7b5ea7)}.btn-share{background:linear-gradient(135deg,#1a3060,#2a5090)}.share-msg{font-size:.78rem;color:#f0e6d373;text-align:center}.share-msg.ok{color:#50d080}.share-msg.err{color:#ff6060}.community-wrap{width:100%;background:var(--surface);border:1px solid rgba(139,0,0,.2);border-radius:10px;padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.6rem}.community-title{font-size:.95rem;font-weight:700;color:#fff;letter-spacing:.05em}.community-sub{font-size:.75rem;color:#f0e6d359}.community-stats{display:flex;flex-direction:column;gap:.4rem}.stats-loading{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:#f0e6d359;padding:.5rem 0}.stat-item{display:grid;grid-template-columns:1.8rem 36px 1fr auto;align-items:center;gap:.55rem;padding:.45rem .5rem;border-radius:7px;background:#0003;animation:fadeUp .3s both}.stat-rank{text-align:center;font-size:.8rem;font-weight:900;color:#f0e6d359}.stat-rank.s1{color:gold}.stat-rank.s2{color:silver}.stat-rank.s3{color:#cd7f32}.stat-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;object-position:top;background:#8b00004d}.stat-avatar-fb{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.stat-info{min-width:0}.stat-name{font-size:.82rem;font-weight:700;color:#fff}.stat-bar-wrap{display:flex;align-items:center;gap:.35rem;margin-top:.2rem}.stat-bar-bg{flex:1;height:4px;background:#8b000033;border-radius:2px;overflow:hidden}.stat-bar-fill{height:100%;background:linear-gradient(90deg,#8b0000,#d4a017);border-radius:2px;width:0%;transition:width .7s ease}.stat-pts{font-size:.75rem;color:var(--gold);font-weight:700;white-space:nowrap}.result-actions{width:100%}.btn-secondary{width:100%;background:transparent;border:1.5px solid rgba(240,230,211,.2);color:#f0e6d399}.btn-secondary:hover{border-color:#d4a01780;color:var(--gold)}