html,body,#root{height:100%;margin:0}body{background:#9fd8ef;font-family:system-ui,sans-serif}.island{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:fixed;inset:0}.island:active{cursor:grabbing}.hud{color:#1d3557;background:#ffffffd9;border-radius:12px;padding:12px 16px;position:fixed;top:16px;left:16px}.hud h1{margin:0 0 4px;font-size:20px}.hud p{margin:0;font-size:14px}.card{color:#1d3557;background:#ffffffeb;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:10px 18px;font-size:14px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000026}.card strong{font-size:16px}.views{gap:4px;margin-top:8px;display:flex}.views button{font:inherit;cursor:pointer;color:#1d3557;background:0 0;border:1px solid #1d35574d;border-radius:8px;padding:4px 10px;font-size:13px}.views button[aria-pressed=true]{color:#fff;background:#1d3557;border-color:#1d3557}.card .mood{opacity:.8;font-size:13px}button.link{font:inherit;cursor:pointer;color:#1d3557;background:0 0;border:1px solid #1d35574d;border-radius:8px;margin-top:4px;padding:3px 12px;font-size:13px}.panel{box-sizing:border-box;color:#1d3557;background:#fffffff2;border-radius:12px;width:320px;padding:14px 18px;font-size:14px;position:fixed;top:16px;bottom:16px;right:16px;overflow-y:auto;box-shadow:0 4px 16px #00000026}.panel header{justify-content:space-between;align-items:center;display:flex}.panel h2{margin:0;font-size:20px}.panel h3{text-transform:uppercase;letter-spacing:.04em;opacity:.7;margin:16px 0 6px;font-size:13px}.panel p{margin:6px 0}.panel .close{color:inherit;cursor:pointer;background:0 0;border:0;padding:0 6px;font-size:22px;line-height:1}.panel .catchphrase{font-size:16px;font-style:italic}.panel .quiet{opacity:.75}.bars{gap:4px;margin:0;display:grid}.bars div{grid-template-columns:64px 1fr;align-items:center;display:grid}.bars dt{font-size:13px}.bars dd{align-items:center;gap:8px;margin:0;display:flex}.bars meter{flex:1;height:10px}.bars dd span{text-align:right;font-variant-numeric:tabular-nums;width:34px;font-size:13px}.traits{gap:6px;margin:0;padding:0;list-style:none;display:grid}.traits li{grid-template-columns:72px 1fr 72px;align-items:center;gap:8px;font-size:13px;display:grid}.traits li span:first-child{text-align:right}.slider{background:#1d355733;border-radius:2px;height:4px;position:relative}.slider span{background:#1d3557;border-radius:50%;width:12px;height:12px;margin-left:-6px;position:absolute;top:-4px}.events{margin:0;padding-left:18px}.events li{margin:3px 0}@media (width<=640px){.panel{border-radius:12px 12px 0 0;width:auto;max-height:60vh;inset:auto 0 0}.card:has(+.panel){display:none}}.card .actions{gap:6px;display:flex}button.link[aria-pressed=true]{color:#fff;background:#1d3557;border-color:#1d3557}.relationships{gap:10px;margin:0;padding:0;list-style:none;display:grid}.relationships li{gap:1px;font-size:13px;display:grid}.relationships strong{font-size:14px}.relationships .badge{color:#7a1f43;text-transform:capitalize;background:#f4d6e0;border-radius:999px;justify-self:start;padding:0 7px;font-size:11px}