button svg{vertical-align:middle;flex-shrink:0}button:has(svg){display:inline-flex;align-items:center;justify-content:center;gap:7px}.text-button{border:0;background:transparent;color:var(--muted);font-size:12px;padding:7px}.mascot{display:inline-block;width:100px;height:100px;flex-shrink:0;background-image:url('mascot.png');background-repeat:no-repeat;background-size:200% 200%;background-position:0 0}.mascot.judge{background-position:100% 0}.mascot.tease{background-position:0 100%}.mascot.cheer{background-position:100% 100%}.mascot.large{width:170px;height:170px}.with-mascot{position:relative;padding-right:95px}.with-mascot>.mascot{position:absolute;right:0;top:-10px;width:90px;height:90px}.friend-tools{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.friend-tools button{flex:1;min-width:90px}.provider{display:flex;align-items:center;gap:12px;padding:20px 0;border-bottom:1px solid var(--line)}.provider>div{flex:1}.provider h3{font-size:15px;margin:0}.provider p{font-size:12px;color:var(--muted);margin:6px 0}.provider-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:6px;background:var(--pale);color:var(--green);flex-shrink:0}.connection-status{padding:16px 0;font-size:12px;color:var(--muted)}.qr-profile{text-align:center}.qr-profile h2{margin-top:5px}.qr-profile p{margin:8px 0 18px;color:var(--muted)}.qr-profile canvas{display:block;margin:0 auto 16px;width:240px;max-width:100%;height:auto;image-rendering:pixelated;border:1px solid var(--line);border-radius:6px}.scanner{height:230px;position:relative;background:#edf2ed;border-radius:8px;overflow:hidden}.scanner video{width:100%;height:100%;object-fit:cover}.scanner #camera-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--green)}.scanner #camera-placeholder[hidden]{display:none}.scanner #camera-placeholder svg{width:45px;height:45px}.divider{height:1px;background:var(--line);margin:24px 0}.profile-summary{display:flex;align-items:center;gap:20px;padding:12px 0 28px;border-bottom:1px solid var(--line)}.profile-summary>div{flex:1;min-width:0}.profile-summary p{color:var(--muted);margin:5px 0}.profile-summary small{overflow-wrap:anywhere}.character-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:30px}.character-gallery>div{text-align:center}.character-gallery span:not(.mascot){display:block;color:var(--muted);font-size:12px}.character-message{text-align:center;padding:0 10px 28px}.character-message h2{font-size:21px;line-height:1.6}.trial-character{float:right;width:83px;height:83px}.timer-character{float:right;width:100px;height:100px}.settings-menu{display:grid;gap:9px;margin-top:20px}.settings-menu button{justify-content:flex-start;text-align:left}.empty-state{text-align:center;padding:25px 10px}.empty-state h3{margin-top:10px}.empty-state p{color:var(--muted);font-size:13px}.history-total{display:flex;align-items:center;gap:25px;padding-bottom:20px;border-bottom:1px solid var(--line)}.history-total strong{font-size:32px;display:block}.history-total span{color:var(--muted);font-size:12px}details{padding:16px 0;border-bottom:1px solid var(--line)}summary{font-weight:600;cursor:pointer}details p{font-size:13px;color:var(--muted)}.friend .body{min-width:0;overflow-wrap:anywhere}@media(max-width:640px){.with-mascot{padding-right:0}.with-mascot>.mascot{display:none}.friend-tools{gap:8px;display:grid;grid-template-columns:repeat(2,1fr)}.profile-summary{gap:10px;flex-wrap:wrap}.profile-summary .mascot{width:75px;height:75px}.profile-summary button{margin-left:auto}.character-gallery{gap:4px}.character-gallery .mascot{width:70px;height:70px}.provider{flex-wrap:wrap}.provider button{font-size:12px}.settings-row>.row{flex-wrap:wrap;justify-content:flex-end}.heading .primary{max-width:130px}.qr-profile canvas{width:230px}}