:root{color-scheme:light;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#e3f2fd;color:#1a1a1a}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:1.5rem}h1{font-size:1.75rem;font-weight:700;margin-bottom:1rem;color:#1565c0;letter-spacing:-.02em}.river{width:800px;height:400px;background:#2196f3;position:relative;overflow:hidden;border-radius:.5rem;display:flex}.bank{width:200px;height:100%;background:#81c784;display:flex;flex-direction:column;align-items:center;padding-top:20px;gap:10px;z-index:1}.bank.left{border-right:3px solid #66bb6a}.bank.right{border-left:3px solid #66bb6a}.water{flex:1;position:relative;min-width:0}.boat{width:100px;height:60px;background:#795548;position:absolute;bottom:20px;border-radius:0 0 40px 40px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 10px;transition:left .5s ease;z-index:2}.boat:hover{background:#6d4c41}.char{width:44px;height:44px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:0 2px 4px #0000004d;flex-shrink:0;transition:transform .15s}.char:hover{transform:scale(1.1)}.boat-char{width:36px;height:36px;font-size:.85rem}.controls{margin-top:1rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem}.message{font-size:1.1rem;font-weight:600;min-height:1.5em;color:#333}.message.win{color:#2e7d32;font-size:1.3rem}.message.lose{color:#c62828;font-size:1.3rem}.restart-btn{padding:.5rem 1.5rem;font-size:.95rem;font-weight:600;border:none;border-radius:.375rem;background:#1565c0;color:#fff;cursor:pointer;transition:background .2s}.restart-btn:hover{background:#0d47a1}.help{font-size:.8rem;color:#666}