*{box-sizing:border-box}body{margin:0;background:#fff4ed;color:#674963;font:17px system-ui,sans-serif}.family-wrap{max-width:1050px;margin:auto;padding:18px}.family-intro{text-align:center;margin:30px 0}.family-intro>span{font-size:36px}.family-intro h1{font-size:clamp(34px,6vw,50px);color:#a06091}.family-card{max-width:800px;margin:20px auto;padding:24px;border:2px solid #ebc9e0;border-radius:24px;background:#fffdfa}.family-card p,.family-note{line-height:1.7}.family-card label{display:block;font-weight:750;margin:15px 0 8px}.family-card input,.family-card select{font:inherit;display:block;width:100%;min-height:48px;padding:12px;border:2px solid #e5c9dd;border-radius:12px;margin-bottom:12px;background:white;color:#674963}.family-card button,.family-card a{display:inline-block;font:750 16px system-ui;min-height:48px;padding:13px 18px;border:0;border-radius:13px;background:#a06594;color:white;text-decoration:none;cursor:pointer;touch-action:manipulation}.family-card button:disabled{opacity:.55;cursor:default}.family-card :focus-visible{outline:3px solid #6354a8;outline-offset:3px}.family-buttons{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.family-note{text-align:center;font-size:13px;color:#927386}.fish-hand{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.fish-hand button{background:#d9ecfa;color:#365b76;border:2px solid #94c1e0;font-size:19px;min-width:110px;min-height:92px}.fish-scores{display:flex;gap:18px;flex-wrap:wrap;font-weight:800;padding:15px;background:#fff0c9;border-radius:14px}#ff-turn{font-size:23px;font-weight:800;color:#875390}#ff-log{min-height:55px;background:#eef3db;border-radius:14px;padding:14px}#ff-status,#family-status{line-height:1.7;overflow-wrap:anywhere}#ff-books{line-height:1.8}#ff-sharing{margin:20px 0;padding:15px;border:1px solid #e9d8e5;border-radius:15px}#ff-sharing summary{cursor:pointer;font-weight:800}[hidden]{display:none!important}@media(max-width:560px){.family-wrap{padding:12px}.family-card{padding:17px}.fish-hand button{min-width:95px;flex:1}.family-buttons>*{width:100%;text-align:center}}