*{box-sizing:border-box;margin:0;padding:0}:root{--pink: #ff8fb3;--pink-dark: #e06a92;--pink-pale: #ffeef4;--text: #5a4a52;--text-light: #9a8a92;--card: #ffffff;--danger: #e86a6a}body{font-family:Hiragino Maru Gothic ProN,BIZ UDGothic,Yu Gothic UI,Meiryo,sans-serif;color:var(--text);background:linear-gradient(160deg,#ffe3ee,#fff6e8,#e8f4ff);min-height:100vh}#app{max-width:560px;margin:0 auto;padding:16px}.view{padding-top:12px}.hidden{display:none!important}.card{background:var(--card);border-radius:20px;padding:20px;box-shadow:0 6px 24px #e68caa2e;margin-bottom:16px}.auth-card{margin-top:8vh;text-align:center}.logo{font-size:2.4rem;color:var(--pink-dark);letter-spacing:.1em;margin-bottom:4px}.tagline{color:var(--text-light);margin-bottom:20px}.tabs{display:flex;background:var(--pink-pale);border-radius:12px;padding:4px;margin-bottom:16px}.tab{flex:1;border:none;background:transparent;padding:10px;border-radius:10px;font-size:1rem;color:var(--text-light);cursor:pointer;font-family:inherit}.tab.active{background:#fff;color:var(--pink-dark);font-weight:700;box-shadow:0 2px 8px #e68caa40}#auth-form{display:flex;flex-direction:column;gap:12px}input{padding:12px 16px;border:2px solid #f5d6e2;border-radius:12px;font-size:1rem;font-family:inherit;color:var(--text);outline:none}input:focus{border-color:var(--pink)}.btn{padding:12px 20px;border:none;border-radius:14px;font-size:1rem;font-family:inherit;font-weight:700;cursor:pointer;background:#f0e8ec;color:var(--text);transition:transform .1s,filter .15s}.btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.btn:active{transform:translateY(1px)}.btn.primary{background:linear-gradient(135deg,var(--pink) 0%,#ff9f8a 100%);color:#fff;box-shadow:0 4px 14px #ff8fb366}.btn.ghost{background:transparent;border:2px solid #f0cfdd;color:var(--pink-dark)}.btn.danger{background:#ffe3e3;color:var(--danger)}.btn.small{padding:8px 14px;font-size:.85rem}.btn.big{width:100%;padding:16px;font-size:1.2rem}.btn:disabled{opacity:.5;cursor:default;transform:none}.divider{display:flex;align-items:center;gap:10px;color:var(--text-light);font-size:.85rem;margin:16px 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#f0d8e2}.error-msg{color:var(--danger);font-size:.9rem;margin-top:10px;min-height:1.2em}.avatar-picker{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.avatar-picker .avatar-opt{border:3px solid transparent;border-radius:50%;cursor:pointer;background:none;padding:0;line-height:0}.avatar-picker .avatar-opt.selected{border-color:var(--pink)}.profile-card{display:flex;align-items:center;gap:14px}.big-avatar{line-height:0}.profile-info{flex:1}.profile-name{font-size:1.2rem;font-weight:700}.profile-rating{color:var(--pink-dark);font-weight:700}.profile-record{color:var(--text-light);font-size:.85rem}.hint{color:var(--text-light);font-size:.85rem;margin-top:10px;text-align:center}.playing-count{color:var(--pink-dark);font-size:.85rem;text-align:center;min-height:1.2em;margin-top:8px}.auth-card .playing-count{margin:-10px 0 14px}.friend-row{display:flex;gap:8px;margin-top:12px}.friend-row input{flex:1;min-width:0}.friend-row .btn{flex-shrink:0}.queue-status{display:flex;align-items:center;gap:12px;margin-top:14px;justify-content:center}.spinner{width:20px;height:20px;border:3px solid var(--pink-pale);border-top-color:var(--pink);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.card-title{font-size:1.05rem;color:var(--pink-dark);margin-bottom:10px}.leaderboard{list-style:none}.leaderboard li{display:flex;align-items:center;gap:10px;padding:7px 4px;border-bottom:1px dashed #f5e0e8}.leaderboard li:last-child{border-bottom:none}.leaderboard .rank{width:1.6em;text-align:center;font-weight:700;color:var(--pink-dark)}.leaderboard .lb-name{flex:1}.leaderboard .lb-rating{font-weight:700}.leaderboard .lb-record{color:var(--text-light);font-size:.8rem}.records-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.records-head .card-title{margin-bottom:0}.record-list{list-style:none}.record-list .record-empty{color:var(--text-light);padding:8px 4px}.record-item{display:flex;align-items:center;gap:10px;padding:9px 4px;border-bottom:1px dashed #f5e0e8;cursor:pointer;flex-wrap:wrap}.record-item:last-child{border-bottom:none}.record-item:hover{background:var(--pink-pale);border-radius:8px}.rec-badge{width:1.8em;height:1.8em;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#eee;color:var(--text-light);font-size:.8rem;font-weight:700;flex-shrink:0}.rec-badge.win{background:var(--pink);color:#fff}.rec-players{flex:1;min-width:10em}.rec-result{font-size:.85rem;color:var(--pink-dark)}.rec-date{font-size:.75rem;color:var(--text-light)}.replay-title{font-weight:700;text-align:center;margin-bottom:10px}#record-board{width:100%;aspect-ratio:1;display:block;border-radius:16px;box-shadow:0 6px 20px #a0783c4d}.replay-controls{display:flex;gap:10px;justify-content:center;align-items:center;margin-top:12px}.replay-counter{min-width:6.5em;text-align:center;font-weight:700;color:var(--pink-dark)}.game-wrap{display:flex;flex-direction:column;gap:10px}.player-panel{display:flex;align-items:center;gap:12px;background:var(--card);border-radius:16px;padding:10px 14px;box-shadow:0 4px 14px #e68caa26;border:3px solid transparent}.player-panel.active-turn{border-color:var(--pink)}.player-panel .pp-info{flex:1}.player-panel .pp-name{font-weight:700}.player-panel .pp-sub{font-size:.8rem;color:var(--text-light)}.player-panel .pp-stone{font-size:1.4rem}.player-panel .pp-caps{font-size:.85rem;color:var(--text-light)}.player-panel .pp-time{font-weight:700;font-variant-numeric:tabular-nums;font-size:.95rem}.player-panel .pp-time.low{color:var(--danger)}.board-box{position:relative}#board{width:100%;aspect-ratio:1;display:block;border-radius:16px;box-shadow:0 6px 20px #a0783c4d;cursor:pointer}.turn-banner{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--pink);color:#fff;font-size:.8rem;font-weight:700;padding:4px 14px;border-radius:999px;box-shadow:0 2px 8px #e66a9266;white-space:nowrap}.game-controls{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.game-controls .hint{width:100%;margin:0 0 4px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#5a3c4b73;display:flex;align-items:center;justify-content:center;z-index:50}.result-card{text-align:center;max-width:320px;width:90%}.result-card h2{color:var(--pink-dark);font-size:1.6rem;margin-bottom:10px}.result-card p{margin-bottom:8px;white-space:pre-line}#result-rating{font-weight:700}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#5a4a52;color:#fff;padding:10px 20px;border-radius:999px;font-size:.9rem;z-index:100;box-shadow:0 4px 16px #00000040}